Subversion Repositories Applications.reseau

Rev

Rev 36 | Details | Compare with Previous | Last modification | View Log | RSS feed

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