Subversion Repositories Applications.reseau

Rev

Rev 30 | Rev 36 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
27 mathias 1 
#haut {
2 
	height: 100px;
3 
	/*border: solid red 1px;*/
4 
}
5 
 
6 
.tranche {
7 
	padding-top: 32px;
8 
	padding-bottom: 32px;
9 
	/*border: solid red 1px;*/
10 
	min-height: 250px;
11 
}
12 
.tranche:nth-child(even) {
13 
	/*background-color: #e9e6de;*/
14 
	background-color: #E7E9D3;
15 
}
16 
.tranche:nth-child(odd) {
17 
	/*background-color: #ffffff;*/
18 
	background-color: #f8f8f8;
19 
}
20 
.tranche.majeure {
21 
	background-color: #eeeeff;
22 
	height: 400px;
23 
}
24 
 
25 
.mie {
26 
	margin: auto;
27 
	width: 650px;
28 
	/*border: solid red 1px;*/
29 
}
30 
.tranche:nth-child(even) .mie {
31 
	text-align : right;
32 
}
33 
.tranche:nth-child(odd) .mie {
34 
	text-align : left;
35 
}
36 
.tranche.majeure .mie {
37 
	width: 750px;
38 
}
39 
 
40 
.dessin {
41 
	width: 180px;
42 
	height : 180px;
43 
	/*border: solid red 1px;*/
44 
}
45 
.dessin img {
46 
	width: 180px;
47 
	height : 180px;
48 
	/*border: solid red 1px;*/
49 
}
50 
.tranche:nth-child(even) .dessin {
51 
	float: left;
52 
	margin-left: 32px;
53 
}
54 
.tranche:nth-child(odd) .dessin {
55 
	float: right;
56 
	margin-right: 32px;
57 
}
58 
.tranche.majeure .dessin {
59 
	margin-left: 0;
60 
	float: none;
61 
	height: auto;
62 
}
63 
.tranche.majeure .dessin img {
64 
	width: auto;
65 
	height: auto;
66 
}
67 
 
68 
/*c3d45d
69 
918a6f*/
70 
 
71 
.laius {
72 
	color: #252525;
73 
	font-family: sans-serif;
74 
	font-size: 18px;
75 
	width : 400px;
76 
	display: inline-block;
77 
	/*border: solid red 1px;*/
78 
	text-align: left;
79 
}
80 
.tranche.majeure .laius {
81 
	font-size: 16px;
82 
	width: 310px;
83 
	padding-top: 80px;
84 
	color: #505050;
85 
	float: right;
86 
}
87 
 
88 
.laius label {
89 
	font-family: Trebuchet MS, Helvetica;
90 
	font-size: 32px;
91 
	color: #918a6f;
92 
}
93 
 
94 
.nombre {
95 
	display: inline-block;
96 
	font-weight: bold;
97 
	color: #8d9a43;
98 
}
99 
.nombre.fixe {
100 
	text-align: right;
101 
	width: 90px;
102 
}
103 
 
104 
.pied {
105 
	height: 240px;
106 
	background-color: #ffffff;
107 
	text-align:center;
108 
	padding-top: 45px;
109 
}
110 
 
111 
.slogan {
112 
	font-family: Trebuchet MS, sans-serif;
113 
	font-size: 32px;
114 
	color: #918a6f;
115 
	margin-top: 10px;
116 
	text-align: left;
117 
	padding-left: 13px;
118 
}
119 
 
120 
#logo-bas {
121 
	margin-top: 25px;
122 
}
123 
 
30 mathias 124 
#cc-by-sa {
125 
	margin-right: 50px;
126 
}
33 mathias 127 
 
128 
/* pour mobiles haute résolution */
129 
@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi) {
130 
 
131 
	.laius {
132 
		font-size: 24px;
133 
	}
134 
	.tranche.majeure .laius {
135 
		font-size: 24px;
136 
		width: 400px;
137 
	}
138 
	.nombre.fixe {
139 
		width: 140px;
140 
	}
141 
	.pied {
142 
		font-size: 20px;
143 
	}
144 
}