Subversion Repositories Sites.tela-botanica.org

Rev

Rev 870 | Rev 878 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 870 Rev 874
1
/* STYLE COMMUN */ /* D�finition des polices exotiques */
1
/* STYLE COMMUN */ /* D�finition des polices exotiques */
2
/* Helveticaneue est utilis�e pour les grands textes d�coratifs (ex:mots cl�s).
2
/* Helveticaneue est utilis�e pour les grands textes d�coratifs (ex:mots cl�s).
3
  Pour windows, elle est remplac�e par la police Helveticaneue2 */
3
  Pour windows, elle est remplac�e par la police Helveticaneue2 */
4
@font-face {
4
@font-face {
5
	font-family:Helveticaneue;
5
	font-family:Helveticaneue;
6
	src:url('/commun/polices/helvetica_light.ttf');
6
	src:url('/commun/polices/helvetica_light.ttf');
7
}
7
}
8
@font-face {
8
@font-face {
9
	font-family:Helveticaneue2;
9
	font-family:Helveticaneue2;
10
	src:url('/commun/polices/helvetica_light.eot');
10
	src:url('/commun/polices/helvetica_light.eot');
11
}
11
}
12
/*+-----------------------------------------------------------------------------------------------------------------+*/
12
/*+-----------------------------------------------------------------------------------------------------------------+*/
13
/* Red�finition des styles par d�faut des balises */
13
/* Red�finition des styles par d�faut des balises */
14
body {
14
body {
15
	margin:0;
15
	margin:0;
16
	padding:0;
16
	padding:0;
17
	font-family:arial;
17
	font-family:arial;
18
	font-weight:normal;
18
	font-weight:normal;
19
	font-size:12px;
19
	font-size:12px;
20
	color:#222222;
20
	color:#222222;
21
}
21
}
22
img, form, td, div, a, h1, h2 {
22
img, form, td, div, a, h1, h2 {
23
	padding:0;
23
	padding:0;
24
	border:0;
24
	border:0;
25
	text-decoration:none;
25
	text-decoration:none;
26
}
26
}
27
ul, form, li, td, div, a {
27
ul, form, li, td, div, a {
28
	margin:0;
28
	margin:0;
29
}
29
}
30
h1, h2, h3, h4 {
30
h1, h2, h3, h4 {
31
	font-weight:bold;
31
	font-weight:bold;
32
	letter-spacing:0;
32
	letter-spacing:0;
33
}
33
}
34
h1 {
34
h1 {
35
	padding:0 0 0 25px;
35
	padding:0 0 0 25px;
36
	margin:20px 0 10px 0;
36
	margin:20px 0 10px 0;
37
	font-size:15px;
37
	font-size:15px;
38
	text-transform:uppercase;
38
	text-transform:uppercase;
39
	color:#fd8c13;
39
	color:#fd8c13;
40
}
40
}
41
h2 {
41
h2 {
42
	margin:20px 0 12px 0;
42
	margin:20px 0 12px 0;
43
	font-size:13px;
43
	font-size:13px;
44
	text-transform:uppercase;
44
	text-transform:uppercase;
45
	color:#FD8C13;
45
	color:#FD8C13;
46
}
46
}
47
h3 {
47
h3 {
48
	margin:20px 0 12px;
48
	margin:20px 0 12px;
49
	font-size:14px;
49
	font-size:14px;
50
	color:#454341;
50
	color:#454341;
51
}
51
}
52
h4 {
52
h4 {
53
	margin:2px 2px 2px 0;
53
	margin:2px 2px 2px 0;
54
	font-size:11px;
54
	font-size:11px;
55
	font-weight:normal;
55
	font-weight:normal;
56
	color:#AAAAAA;
56
	color:#AAAAAA;
57
}
57
}
58
h1 a, h2 a, h3 a, h4 a {
58
h1 a, h2 a, h3 a, h4 a {
59
	color:inherit;
59
	color:inherit;
60
	border-bottom: dotted 1px;
60
	border-bottom: dotted 1px;
61
}
61
}
62
h3 a {
62
h3 a {
63
	border-color:#CCCCCC;
63
	border-color:#CCCCCC;
64
}
64
}
65
p {
65
p {
66
	font-size:12px;
66
	font-size:12px;
67
	line-height:18px;
67
	line-height:18px;
68
	text-align:justify;
68
	text-align:justify;
69
}
69
}
70
strong, b {
70
strong, b {
71
	font-weight:bold;	
71
	font-weight:bold;	
72
}
72
}
73
hr {
73
hr {
74
	border:0;
74
	border:0;
75
	border-bottom:1px dotted #C2C0AD;
75
	border-bottom:1px dotted #C2C0AD;
76
}
76
}
77
/* Pr�sentation des listes de d�finitions */
77
/* Pr�sentation des listes de d�finitions */
78
dl {
78
dl {
79
	width:100%;
79
	width:100%;
80
}
80
}
81
dt {
81
dt {
82
	float:left;
82
	float:left;
83
	font-weight:bold;
83
	font-weight:bold;
84
	text-align:top left;
84
	text-align:top left;
85
	margin-right:0.3em;
85
	margin-right:0.3em;
86
}
86
}
87
dt:after {	/* Remplace la classe ajout_2points  */
87
dt:after {	/* Remplace la classe ajout_2points  */
88
	content:" :";
88
	content:" :";
89
}
89
}
90
dd {
90
dd {
91
	width:auto;
91
	width:auto;
92
	margin:0.5em 0;
92
	margin:0.5em 0;
93
}
93
}
94
/*+-----------------------------------------------------------------------------------------------------------------+*/
94
/*+-----------------------------------------------------------------------------------------------------------------+*/
95
/* Liens */
95
/* Liens */
96
a {
96
a {
97
	color:#598000;
97
	color:#598000;
98
	border-bottom:1px dotted #95ae5d;
98
	border-bottom:1px dotted #95ae5d;
99
}
99
}
100
a:hover {
100
a:hover {
101
	color:#FD8C13;
101
	color:#FD8C13;
102
	border-bottom:1px dotted #95ae5d;
102
	border-bottom:1px dotted #95ae5d;
103
}
103
}
104
 
104
 
105
/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */
105
/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */
106
a.lien-ext:after {
106
a.lien-ext:after {
107
	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
107
	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
108
}
108
}
109
a.pdf:before {
109
a.pdf:before {
110
	content:url(/sites/commun/generique/icones/fichier_pdf.png)" ";
110
	content:url(/sites/commun/generique/icones/fichier_pdf.png)" ";
111
}
111
}
112
a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */
112
a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */
113
	content:" "url(/sites/commun/generique/images/icones/mail.png);
113
	content:" "url(/sites/commun/generique/images/icones/mail.png);
114
}
114
}
115
/*+-----------------------------------------------------------------------------------------------------------------+*/
115
/*+-----------------------------------------------------------------------------------------------------------------+*/
116
/* Classes & couleurs */
116
/* Classes & couleurs */
117
.icone-erable {
117
.icone-erable {
118
	display:inline-block;
118
	display:inline-block;
119
	line-height:30px;
119
	line-height:30px;
120
	padding-left:30px;
120
	padding-left:30px;
121
	background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll 0 center transparent;
121
	background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll 0 center transparent;
122
}
122
}
123
.nodisplay {
123
.nodisplay {
124
	display:none;
124
	display:none;
125
}
125
}
126
.hidden {
126
.hidden {
127
	visibility:hidden;
127
	visibility:hidden;
128
}
128
}
129
.spacer125 {
129
.spacer125 {
130
	width:125px;
130
	width:125px;
131
	float:left;
131
	float:left;
132
}
132
}
-
 
133
 
-
 
134
.sous-titre {
-
 
135
	font-size:11px;
-
 
136
	font-weight:normal;	
-
 
137
	color:#AAAAAA;
-
 
138
}
133
 
139
 
134
/* Classes d'importance */
140
/* Classes d'importance */
135
 
141
 
136
/* Mise en colonnes */
142
/* Mise en colonnes */
137
.importance1 {
143
.importance1 {
138
	margin:0 10px 20px 0;		
144
	margin:0 10px 20px 0;		
139
	background-color:#eaedcd;	
145
	background-color:#eaedcd;	
140
	padding:8px;
146
	padding:8px;
141
	font-family:arial;
147
	font-family:arial;
142
	font-size:11px;
148
	font-size:11px;
143
	color:#3a3633;
149
	color:#3a3633;
144
	border-radius:10px;
150
	border-radius:10px;
145
	-moz-border-radius:10px;
151
	-moz-border-radius:10px;
146
	-webkit-border-radius:10px;
152
	-webkit-border-radius:10px;
147
	box-shadow:7px 7px 11px #555;
153
	box-shadow:7px 7px 11px #555;
148
	-moz-box-shadow:2px 2px 5px #aaa;
154
	-moz-box-shadow:2px 2px 5px #aaa;
149
	-webkit-box-shadow:7px 7px 11px #aaa;
155
	-webkit-box-shadow:7px 7px 11px #aaa;
150
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
156
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
151
	zoom:1;/* pour ie8 */
157
	zoom:1;/* pour ie8 */
152
}
158
}
153
 
159
 
154
.importance1 input, .importance1 select {
160
.importance1 input, .importance1 select {
155
	font-family:arial;
161
	font-family:arial;
156
	font-size:11px;
162
	font-size:11px;
157
	background-color:#fff;
163
	background-color:#fff;
158
	border:dotted 1px #7b9c35;
164
	border:dotted 1px #7b9c35;
159
	color:#3a3633;
165
	color:#3a3633;
160
	margin-bottom:7px;
166
	margin-bottom:7px;
161
}
167
}
162
 
168
 
163
.importance1 .row .gauche	{
169
.importance1 .row .gauche	{
164
	width:45%;
170
	width:45%;
165
	padding-left:4%;
171
	padding-left:4%;
166
}
172
}
167
 
173
 
168
.importance1 .row .gauche:first-child {
174
.importance1 .row .gauche:first-child {
169
    border-right:dotted 1px #AAAAAA
175
    border-right:dotted 1px #AAAAAA
170
}
176
}
171
 
177
 
172
.importance2 {
178
.importance2 {
173
		margin-bottom:10px;
179
		margin-bottom:10px;
174
		padding:20px;
180
		padding:20px;
175
		border-radius:10px;
181
		border-radius:10px;
176
		-moz-border-radius:10px;
182
		-moz-border-radius:10px;
177
		-webkit-border-radius:10px;
183
		-webkit-border-radius:10px;
178
		box-shadow:7px 7px 11px #555;
184
		box-shadow:7px 7px 11px #555;
179
		-moz-box-shadow:2px 2px 9px #aaa;
185
		-moz-box-shadow:2px 2px 9px #aaa;
180
		-webkit-box-shadow:7px 7px 11px #aaa;
186
		-webkit-box-shadow:7px 7px 11px #aaa;
181
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
187
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
182
		zoom:1;/* pour ie8 */
188
		zoom:1;/* pour ie8 */
183
	}
189
	}
184
 
190
 
185
.importance3 {
191
.importance3 {
186
		margin-bottom:10px;
192
		margin-bottom:10px;
187
		padding:20px;
193
		padding:20px;
188
		border-radius:10px;
194
		border-radius:10px;
189
		-moz-border-radius:10px;
195
		-moz-border-radius:10px;
190
		-webkit-border-radius:10px;
196
		-webkit-border-radius:10px;
191
		zoom:1;/* pour ie8 */
197
		zoom:1;/* pour ie8 */
192
	}
198
	}
193
 
199
 
194
.importance4 {
200
.importance4 {
195
		margin-bottom:10px;
201
		margin-bottom:10px;
196
		padding:20px;
202
		padding:20px;
197
		background-color:#fff;
203
		background-color:#fff;
198
		border:1px solid #fff;
204
		border:1px solid #fff;
199
		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
205
		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
200
		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
206
		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
201
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
207
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
202
		zoom:1;/* pour ie8 */
208
		zoom:1;/* pour ie8 */
203
	}
209
	}
204
 
210
 
205
 
211
 
206
.importance3 h1,.importance4 h1 {
212
.importance3 h1,.importance4 h1 {
207
	margin:0 0 10px 0;
213
	margin:0 0 10px 0;
208
}
214
}
209
	
215
	
210
 
216
 
211
/* Flottant */
217
/* Flottant */
212
.gauche {
218
.gauche {
213
	float:left;
219
	float:left;
214
}
220
}
215
 
221
 
216
.droite {
222
.droite {
217
	float:right;
223
	float:right;
218
}
224
}
219
 
225
 
220
	/* Obsolètes à supprimer */
226
	/* Obsolètes à supprimer */
221
	.cadreRondVert {
227
	.cadreRondVert {
222
		width:685px;
228
		width:685px;
223
		float:left;
229
		float:left;
224
		margin-bottom:20px;
230
		margin-bottom:20px;
225
		background-color:#eaedcd;
231
		background-color:#eaedcd;
226
		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
232
		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
227
		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
233
		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
228
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
234
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
229
		zoom:1;/* pour ie8 */
235
		zoom:1;/* pour ie8 */
230
		padding:8px;
236
		padding:8px;
231
	}
237
	}
232
	
238
	
233
	.cadreRondGris {
239
	.cadreRondGris {
234
		width:685px;
240
		width:685px;
235
		float:left;
241
		float:left;
236
		margin-top:20px;
242
		margin-top:20px;
237
		background-color:#e5e4d4;
243
		background-color:#e5e4d4;
238
		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
244
		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
239
		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
245
		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
240
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
246
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
241
		zoom:1;/* pour ie8 */
247
		zoom:1;/* pour ie8 */
242
		padding:8px;
248
		padding:8px;
243
	}
249
	}
244
	
250
	
245
	.cadreInvisible {
251
	.cadreInvisible {
246
		float:left;
252
		float:left;
247
		margin-left:10px;
253
		margin-left:10px;
248
		margin-top:10px;
254
		margin-top:10px;
249
	}
255
	}
250
	.cadreInvisible h1 {
256
	.cadreInvisible h1 {
251
		margin:0 0 10px 0;
257
		margin:0 0 10px 0;
252
	}
258
	}
253
	.cadreRondOmbre {
259
	.cadreRondOmbre {
254
		float:left;
260
		float:left;
255
		margin-bottom:10px;
261
		margin-bottom:10px;
256
		padding:20px;
262
		padding:20px;
257
		background-color:#fff;
263
		background-color:#fff;
258
		border:1px solid #fff;
264
		border:1px solid #fff;
259
		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
265
		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
260
		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
266
		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
261
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
267
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
262
		zoom:1;/* pour ie8 */
268
		zoom:1;/* pour ie8 */
263
	}
269
	}
264
	.filetRouge {
270
	.filetRouge {
265
		border:solid 1px red;
271
		border:solid 1px red;
266
	}
272
	}
267
	
273
	
268
		/* Cadre rond gris :mise en page */
274
		/* Cadre rond gris :mise en page */
269
	.cadreRondGris .colonneGauche,.cadreRondVert .colonneGauche {
275
	.cadreRondGris .colonneGauche,.cadreRondVert .colonneGauche {
270
		width:320px;
276
		width:320px;
271
		padding:20px;
277
		padding:20px;
272
		border-right:1px dotted #959486;
278
		border-right:1px dotted #959486;
273
		float:left;
279
		float:left;
274
	}
280
	}
275
	.cadreRondGris .colonneDroite,.cadreRondVert .colonneDroite {
281
	.cadreRondGris .colonneDroite,.cadreRondVert .colonneDroite {
276
		width:284px;
282
		width:284px;
277
		float:left;
283
		float:left;
278
		padding:18px;
284
		padding:18px;
279
	}
285
	}
280
		 
286
		 
281
	.cadreRondVert h1 {
287
	.cadreRondVert h1 {
282
		margin:0 0 10px 0;
288
		margin:0 0 10px 0;
283
	}
289
	}
284
 
290
 
285
	.cadreRondGris h1 {
291
	.cadreRondGris h1 {
286
		margin:0 0 10px 0;
292
		margin:0 0 10px 0;
287
	}
293
	}
288
	
294
	
289
	.cadreRondGris h3 {
295
	.cadreRondGris h3 {
290
		margin:0;
296
		margin:0;
291
	}
297
	}
292
 
298
 
293
.floatLeft {
299
.floatLeft {
294
	float:left;
300
	float:left;
295
}
301
}
296
.notext {
302
.notext {
297
	display:none;
303
	display:none;
298
	left:-5000px;
304
	left:-5000px;
299
	top:-5000px;
305
	top:-5000px;
300
	text-indent:-5000px;
306
	text-indent:-5000px;
301
}
307
}
302
.petitcarre {
308
.petitcarre {
303
	padding-left:15px;
309
	padding-left:15px;
304
	background:url(../images/petitCarre.jpg) no-repeat 5px 4px;
310
	background:url(../images/petitCarre.jpg) no-repeat 5px 4px;
305
}
311
}
306
.troiscarre {
312
.troiscarre {
307
	padding-left:30px;
313
	padding-left:30px;
308
	background:url(../images/troisCarre.png) no-repeat 5px 5px;
314
	background:url(../images/troisCarre.png) no-repeat 5px 5px;
309
}
315
}
310
#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {
316
#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {
311
	padding:10px 0 0 30px;
317
	padding:10px 0 0 30px;
312
	background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
318
	background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
313
}
319
}
314
 
320
 
315
 
321
 
316
 
322
 
317
	
323
	
318
 
324
 
319
.ok {
325
.ok {
320
	font-family:arial;
326
	font-family:arial;
321
	font-size:11px;
327
	font-size:11px;
322
	font-weight:bold;
328
	font-weight:bold;
323
	background-color:#fff;
329
	background-color:#fff;
324
	border:dotted 1px #7b9c35;
330
	border:dotted 1px #7b9c35;
325
	color:#fd8c13;
331
	color:#fd8c13;
326
	margin-left:242px;
332
	margin-left:242px;
327
	font-variant:small-caps;
333
	font-variant:small-caps;
328
}
334
}
329
.clear,.nettoyage {
335
.clear,.nettoyage {
330
	clear:both;
336
	clear:both;
331
}
337
}
332
 
338
 
333
/* Taille des cadres */
339
/* Taille des cadres */
334
.demi {
340
.demi {
335
	width:50%;
341
	width:50%;
336
}
342
}
337
.tiers {
343
.tiers {
338
	width:33%
344
	width:33%
339
	
345
	
340
}
346
}
341
.deux-tiers {
347
.deux-tiers {
342
	width:66%;
348
	width:66%;
343
}
349
}
344
.plein {
350
.plein {
345
	width:620px;
351
	width:620px;
346
}
352
}
347
/* Typographies */
353
/* Typographies */
348
.orange {
354
.orange {
349
	color:#fd8c13;
355
	color:#fd8c13;
350
	font-family:arial;
356
	font-family:arial;
351
}
357
}
352
p.orange {
358
p.orange {
353
	line-height:12px;
359
	line-height:12px;
354
}
360
}
355
.blanc {
361
.blanc {
356
	color:#fff;
362
	color:#fff;
357
}
363
}
358
p.blanc {
364
p.blanc {
359
	font-size:11px;
365
	font-size:11px;
360
	line-height:12px;
366
	line-height:12px;
361
}
367
}
362
.vertpetit {
368
.vertpetit {
363
	color:#598000;
369
	color:#598000;
364
	font-family:arial;
370
	font-family:arial;
365
	font-size:11px;
371
	font-size:11px;
366
	font-weight:bold;
372
	font-weight:bold;
367
}
373
}
368
.grispetit {
374
.grispetit {
369
	color:#3a3633;
375
	color:#3a3633;
370
	font-family:arial;
376
	font-family:arial;
371
	font-size:11px;
377
	font-size:11px;
372
	font-weight:bold;
378
	font-weight:bold;
373
}
379
}
374
.gris {
380
.gris {
375
	color:#3a3633;
381
	color:#3a3633;
376
	font-family:arial;
382
	font-family:arial;
377
	font-size:12px;
383
	font-size:12px;
378
}
384
}
379
.overflow-hidden {
385
.overflow-hidden {
380
	overflow:hidden;
386
	overflow:hidden;
381
}
387
}
382
#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a {
388
#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a {
383
	color:#FD8C13;
389
	color:#FD8C13;
384
}
390
}
385
.boutonJaune {
391
.boutonJaune {
386
	background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;
392
	background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;
387
	padding:4px 10px 4px 30px;
393
	padding:4px 10px 4px 30px;
388
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
394
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
389
	color:#6C6865;
395
	color:#6C6865;
390
	font-family:helveticaneue;
396
	font-family:helveticaneue;
391
	font-size:15px;
397
	font-size:15px;
392
	border:none
398
	border:none
393
}
399
}
394
#zone_contenu_corps h1, #contenu h1 {
400
#zone_contenu_corps h1, #contenu h1 {
395
	background:url(../images/troisCarre.png) no-repeat 0 5px;
401
	background:url(../images/troisCarre.png) no-repeat 0 5px;
396
}
402
}
397
/*+-----------------------------------------------------------------------------------------------------------------+*/
403
/*+-----------------------------------------------------------------------------------------------------------------+*/
398
/* Tableau :encadr� */
404
/* Tableau :encadr� */
399
/* Ancien table_cadre */
405
/* Ancien table_cadre */
400
table {
406
table {
401
	border:1px solid #9ac342;
407
	border:1px solid #9ac342;
402
	border-collapse:collapse;
408
	border-collapse:collapse;
403
}
409
}
404
table thead, table tfoot {
410
table thead, table tfoot {
405
	background-color:#EEE;
411
	background-color:#EEE;
406
	border:1px solid #9ac342;
412
	border:1px solid #9ac342;
407
}
413
}
408
 
414
 
409
table tbody {
415
table tbody {
410
	background-color:#FFF;
416
	background-color:#FFF;
411
	border:1px solid #9ac342;
417
	border:1px solid #9ac342;
412
}
418
}
413
 
419
 
414
table th {
420
table th {
415
	font-family:monospace;
421
	font-family:monospace;
416
	border:1px dotted #9ac342;
422
	border:1px dotted #9ac342;
417
	padding:5px;
423
	padding:5px;
418
	background-color:#EEE;
424
	background-color:#EEE;
419
}
425
}
420
 
426
 
421
table td {
427
table td {
422
	font-family:arial;
428
	font-family:arial;
423
	border:1px dotted #9ac342;
429
	border:1px dotted #9ac342;
424
	padding:5px;
430
	padding:5px;
425
	text-align:left;
431
	text-align:left;
426
}
432
}
427
 
433
 
428
table caption {
434
table caption {
429
	font-family:sans-serif;
435
	font-family:sans-serif;
430
}
436
}
431
 
437
 
432
table th[title]:after {
438
table th[title]:after {
433
	content:" "url(/sites/commun/generique/images/icones/aide.png);
439
	content:" "url(/sites/commun/generique/images/icones/aide.png);
434
}
440
}
435
 
441
 
436
/*+-----------------------------------------------------------------------------------------------------------------+*/
442
/*+-----------------------------------------------------------------------------------------------------------------+*/
437
/* D2fintion des styles de l'applette syndication */
443
/* D2fintion des styles de l'applette syndication */
438
.contenu_RSS h3 {
444
.contenu_RSS h3 {
439
	margin:0;
445
	margin:0;
440
	font-size:12px;
446
	font-size:12px;
441
}
447
}
442
.contenu_RSS h4 {
448
.contenu_RSS h4 {
443
	font-size:11px;
449
	font-size:11px;
444
	font-weight:normal;
450
	font-weight:normal;
445
}
451
}
446
#contenu h2:before, #zone_contenu_corps h2:before {
452
#contenu h2:before, #zone_contenu_corps h2:before {
447
	content:"> ";
453
	content:"> ";
448
}
454
}
449
#zone_contenu_corps .traitTela li {
455
#zone_contenu_corps .traitTela li {
450
	list-style:none;
456
	list-style:none;
451
	padding:10px 0 0 30px;
457
	padding:10px 0 0 30px;
452
	background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
458
	background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
453
	font-family:arial;
459
	font-family:arial;
454
	font-size:11px;
460
	font-size:11px;
455
	font-weight:bold;
461
	font-weight:bold;
456
}
462
}
457
.traitTela li a {
463
.traitTela li a {
458
	font-family:arial;
464
	font-family:arial;
459
	font-size:11px;
465
	font-size:11px;
460
	font-weight:bold;
466
	font-weight:bold;
461
}
467
}
462
/* Ombres */
468
/* Ombres */
463
.ombre2 {
469
.ombre2 {
464
	box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
470
	box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
465
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
471
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
466
}
472
}
467
/*+-----------------------------------------------------------------------------------------------------------------+*/
473
/*+-----------------------------------------------------------------------------------------------------------------+*/
468
/* Arrondis */
474
/* Arrondis */
469
.arrondi7 {
475
.arrondi7 {
470
	-moz-border-radius:7px;
476
	-moz-border-radius:7px;
471
	-webkit-border-radius:7px;
477
	-webkit-border-radius:7px;
472
	border-radius:7px;
478
	border-radius:7px;
473
}
479
}
474
.arrondi30 {
480
.arrondi30 {
475
	-moz-border-radius:30px;
481
	-moz-border-radius:30px;
476
	-webkit-border-radius:30px;
482
	-webkit-border-radius:30px;
477
	border-radius:30px;
483
	border-radius:30px;
478
}
484
}
479
/*+-----------------------------------------------------------------------------------------------------------------+*/
485
/*+-----------------------------------------------------------------------------------------------------------------+*/
480
/* Menu sup�rieur */
486
/* Menu sup�rieur */
481
/* TODO :mettre les petits carr�s � la bonne place */
487
/* TODO :mettre les petits carr�s � la bonne place */
482
#zone-menu-haut {
488
#zone-menu-haut {
483
	position:absolute;
489
	position:absolute;
484
	top:0;
490
	top:0;
485
	width:880px;
491
	width:880px;
486
	height:12px;
492
	height:12px;
487
	margin:8px auto 0 0;
493
	margin:8px auto 0 0;
488
	text-align:center;
494
	text-align:center;
489
	font-family:arial;
495
	font-family:arial;
490
	font-size:12px;
496
	font-size:12px;
491
	color:#3a3633;
497
	color:#3a3633;
492
}
498
}
493
#zone-menu-haut ul {
499
#zone-menu-haut ul {
494
	list-style-image:url(../images/petitCarre.jpg);
500
	list-style-image:url(../images/petitCarre.jpg);
495
}
501
}
496
#zone-menu-haut ul li {
502
#zone-menu-haut ul li {
497
	float:left;
503
	float:left;
498
}
504
}
499
#zone-visiteur ul {
505
#zone-visiteur ul {
500
	padding:0;
506
	padding:0;
501
}
507
}
502
#zone-visiteur li {
508
#zone-visiteur li {
503
	text-align:left;
509
	text-align:left;
504
	display:block;
510
	display:block;
505
	width:130px;
511
	width:130px;
506
	padding-left:10px;
512
	padding-left:10px;
507
	background:url(../images/petitCarre.jpg) no-repeat left center;
513
	background:url(../images/petitCarre.jpg) no-repeat left center;
508
}
514
}
509
#zone-acces-rapide {
515
#zone-acces-rapide {
510
	float:right;
516
	float:right;
511
}
517
}
512
#zone-menu-haut #seconnecter {
518
#zone-menu-haut #seconnecter {
513
	margin:0;
519
	margin:0;
514
	padding-left:10px;
520
	padding-left:10px;
515
}
521
}
516
#zone-menu-haut #don {
522
#zone-menu-haut #don {
517
	width:110px;
523
	width:110px;
518
	margin:0;
524
	margin:0;
519
}
525
}
520
#zone-menu-haut #lettre {
526
#zone-menu-haut #lettre {
521
	width:120px;
527
	width:120px;
522
	margin:0;
528
	margin:0;
523
}
529
}
524
#zone-menu-haut #recherche, .drapeau{
530
#zone-menu-haut #recherche, .drapeau{
525
list-style:none;
531
list-style:none;
526
}
532
}
527
#zone-menu-haut #recherche {
533
#zone-menu-haut #recherche {
528
	width:185px;
534
	width:185px;
529
	padding-left:5px;
535
	padding-left:5px;
530
	text-align:left;
536
	text-align:left;
531
}
537
}
532
#zone-menu-haut #recherche fieldset {
538
#zone-menu-haut #recherche fieldset {
533
	width:185px;
539
	width:185px;
534
	padding:0;
540
	padding:0;
535
	border-style:none;
541
	border-style:none;
536
}
542
}
537
#zone-menu-haut #recherche input {
543
#zone-menu-haut #recherche input {
538
	height:13px;
544
	height:13px;
539
	width:150px;
545
	width:150px;
540
	font-size:12px;
546
	font-size:12px;
541
	margin:-15px 0 0 -2px;
547
	margin:-15px 0 0 -2px;
542
}
548
}
543
#zone-menu-haut #recherche legend, #recherche label {
549
#zone-menu-haut #recherche legend, #recherche label {
544
	display:none;
550
	display:none;
545
}
551
}
546
#zone-menu-haut #recherche #more_ok {
552
#zone-menu-haut #recherche #more_ok {
547
	width:25px;
553
	width:25px;
548
	height:20px;
554
	height:20px;
549
}
555
}
550
#zone-menu-haut .drapeau {
556
#zone-menu-haut .drapeau {
551
	width:15px;
557
	width:15px;
552
	margin-left:10px;
558
	margin-left:10px;
553
}
559
}
554
#zone-menu-haut a {
560
#zone-menu-haut a {
555
	font-family:arial;
561
	font-family:arial;
556
	font-size:12px;
562
	font-size:12px;
557
}
563
}
558
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active {
564
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active {
559
	color:#598000;
565
	color:#598000;
560
}
566
}
561
#zone-menu-haut a:hover, #zone-menu-haut a:focus {
567
#zone-menu-haut a:hover, #zone-menu-haut a:focus {
562
	color:#fd8c13;
568
	color:#fd8c13;
563
}
569
}
564
/*+-----------------------------------------------------------------------------------------------------------------+*/
570
/*+-----------------------------------------------------------------------------------------------------------------+*/
565
#zone-principale {
571
#zone-principale {
566
	width:960px;
572
	width:960px;
567
	margin-left:auto;
573
	margin-left:auto;
568
	margin-right:auto
574
	margin-right:auto
569
}
575
}
570
 
576
 
571
/*+-----------------------------------------------------------------------------------------------------------------+*/
577
/*+-----------------------------------------------------------------------------------------------------------------+*/
572
/* Bandeau Haut des Univers */
578
/* Bandeau Haut des Univers */
573
.zone-haut {
579
.zone-haut {
574
	height:123px;
580
	height:123px;
575
	width:885px;
581
	width:885px;
576
	margin:32px 0 0 0;
582
	margin:32px 0 0 0;
577
}
583
}
578
 
584
 
579
/* Logo Tela Botanica */
585
/* Logo Tela Botanica */
580
#zone-logo-tela {
586
#zone-logo-tela {
581
	position:absolute;
587
	position:absolute;
582
	margin-top:3px;
588
	margin-top:3px;
583
	background:none;
589
	background:none;
584
}
590
}
585
#zone-logo-tela a {
591
#zone-logo-tela a {
586
	border:none;
592
	border:none;
587
}
593
}
588
#zone-logo-tela img:hover {
594
#zone-logo-tela img:hover {
589
  border:1px dotted white;
595
  border:1px dotted white;
590
  width:144px;
596
  width:144px;
591
  height:98px;
597
  height:98px;
592
}
598
}
593
#zone-logo-tela a:hover:after {
599
#zone-logo-tela a:hover:after {
594
  font-size:12px;
600
  font-size:12px;
595
  color:white;
601
  color:white;
596
  content:" "attr(title)" ";
602
  content:" "attr(title)" ";
597
}
603
}
598
 
604
 
599
/* Sous-titre du r�seau */
605
/* Sous-titre du r�seau */
600
.zone-haut h2 {
606
.zone-haut h2 {
601
	position:absolute;
607
	position:absolute;
602
	top:135px;
608
	top:135px;
603
	margin:0 0 0 90px;
609
	margin:0 0 0 90px;
604
	font-size:16px;
610
	font-size:16px;
605
	font-family:arial;
611
	font-family:arial;
606
	text-transform:none;
612
	text-transform:none;
607
	color:white;
613
	color:white;
608
}
614
}
609
 
615
 
610
/* Mots-cl�s des univers */
616
/* Mots-cl�s des univers */
611
.motsclefs {
617
.motsclefs {
612
	position:absolute;
618
	position:absolute;
613
	font-family:Helveticaneue;
619
	font-family:Helveticaneue;
614
	letter-spacing:-1px;
620
	letter-spacing:-1px;
615
	font-weight:lighter;
621
	font-weight:lighter;
616
}
622
}
617
.motsclefs h3 {
623
.motsclefs h3 {
618
	position:absolute;
624
	position:absolute;
619
	left:200px;
625
	left:200px;
620
	margin-top:17px;
626
	margin-top:17px;
621
	font-family:helveticaneue;
627
	font-family:helveticaneue;
622
	font-size:60px;
628
	font-size:60px;
623
	font-weight:lighter;
629
	font-weight:lighter;
624
	color:#5c5950;
630
	color:#5c5950;
625
}
631
}
626
.motsclefs h4 {
632
.motsclefs h4 {
627
	margin-top:60px;
633
	margin-top:60px;
628
	margin-left:540px;
634
	margin-left:540px;
629
	text-align:left;
635
	text-align:left;
630
	font-family:helveticaneue;
636
	font-family:helveticaneue;
631
	color:#f2f2f2;
637
	color:#f2f2f2;
632
}
638
}
633
.motsclefs span {
639
.motsclefs span {
634
	position:absolute;
640
	position:absolute;
635
	top:85px;
641
	top:85px;
636
	font-weight:normal;
642
	font-weight:normal;
637
	text-transform:lowercase;
643
	text-transform:lowercase;
638
}
644
}
639
/*+-----------------------------------------------------------------------------------------------------------------+*/
645
/*+-----------------------------------------------------------------------------------------------------------------+*/
640
/** Menu de navigation entre univers **/
646
/** Menu de navigation entre univers **/
641
#zone-menu-navigation {
647
#zone-menu-navigation {
642
	width:900px;
648
	width:900px;
643
	margin:10px 0 10px 15px;
649
	margin:10px 0 10px 15px;
644
	float:left;
650
	float:left;
645
	text-decoration:none;
651
	text-decoration:none;
646
	text-align:center;
652
	text-align:center;
647
	font-size:14px;
653
	font-size:14px;
648
	font-family:arial;
654
	font-family:arial;
649
	line-height:20px;
655
	line-height:20px;
650
}
656
}
651
#zone-menu-navigation a:link,#zone-menu-navigation a:visited,#zone-menu-navigation a:active {
657
#zone-menu-navigation a:link,#zone-menu-navigation a:visited,#zone-menu-navigation a:active {
652
	text-decoration:none;
658
	text-decoration:none;
653
}
659
}
654
#zone-menu-navigation .menuHautActif a {
660
#zone-menu-navigation .menuHautActif a {
655
	color:#6C6865;
661
	color:#6C6865;
656
	width:20px;
662
	width:20px;
657
	font-weight:bold;
663
	font-weight:bold;
658
	font-size:14px;
664
	font-size:14px;
659
	text-transform:uppercase;
665
	text-transform:uppercase;
660
	padding-bottom:5px;
666
	padding-bottom:5px;
661
	border-bottom:4px solid grey;
667
	border-bottom:4px solid grey;
662
}
668
}
663
#zone-menu-navigation a {
669
#zone-menu-navigation a {
664
	color:white;
670
	color:white;
665
	border:none;
671
	border:none;
666
}
672
}
667
#zone-menu-navigation ul {
673
#zone-menu-navigation ul {
668
	padding:0;
674
	padding:0;
669
}
675
}
670
#zone-menu-navigation ul li {
676
#zone-menu-navigation ul li {
671
	float:left;
677
	float:left;
672
	width:160px;
678
	width:160px;
673
	height:20px;
679
	height:20px;
674
	margin-right:15px;
680
	margin-right:15px;
675
	text-align:center;
681
	text-align:center;
676
	text-decoration:none;
682
	text-decoration:none;
677
	list-style-type:none;
683
	list-style-type:none;
678
	padding:0;
684
	padding:0;
679
	zoom:1; /* pour ie8 */
685
	zoom:1; /* pour ie8 */
680
}
686
}
681
#zone-menu-navigation a:hover,#zone-menu-navigation a:focus {
687
#zone-menu-navigation a:hover,#zone-menu-navigation a:focus {
682
	font-weight:bold;
688
	font-weight:bold;
683
	color:#6C6865;
689
	color:#6C6865;
684
	text-decoration:none;
690
	text-decoration:none;
685
	text-transform:uppercase;
691
	text-transform:uppercase;
686
	padding-bottom:5px;
692
	padding-bottom:5px;
687
	border-bottom:4px solid grey;
693
	border-bottom:4px solid grey;
688
	border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
694
	border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
689
}
695
}
690
/*+-----------------------------------------------------------------------------------------------------------------+*/
696
/*+-----------------------------------------------------------------------------------------------------------------+*/
691
/* Couleurs des diff�rents menus */
697
/* Couleurs des diff�rents menus */
692
#menuAccueil {
698
#menuAccueil {
693
	background:#fd8c13;
699
	background:#fd8c13;
694
}
700
}
695
#menuBotanique {
701
#menuBotanique {
696
	background:#9ac243;
702
	background:#9ac243;
697
}
703
}
698
#menuActualites {
704
#menuActualites {
699
	background:#c2c0ad;
705
	background:#c2c0ad;
700
}
706
}
701
#menuReseau {
707
#menuReseau {
702
	background:#e16039;
708
	background:#e16039;
703
}
709
}
704
#menuProjets {
710
#menuProjets {
705
	background:#a89d80;
711
	background:#a89d80;
706
}
712
}
707
/*+-----------------------------------------------------------------------------------------------------------------+*/
713
/*+-----------------------------------------------------------------------------------------------------------------+*/
708
/* Menus */
714
/* Menus */
709
#zone-menu-gauche {
715
#zone-menu-gauche {
710
	font-family:arial;
716
	font-family:arial;
711
	font-size:12px;
717
	font-size:12px;
712
	width:170px;
718
	width:170px;
713
	margin-top:10px;
719
	margin-top:10px;
714
	border-left:1px solid #598000;
720
	border-left:1px solid #598000;
715
	padding-left:2px;
721
	padding-left:2px;
716
}
722
}
717
#zone-menu-gauche ul {
723
#zone-menu-gauche ul {
718
	padding:0;
724
	padding:0;
719
	list-style:none;
725
	list-style:none;
720
}
726
}
721
#zone-menu-gauche ul li {
727
#zone-menu-gauche ul li {
722
	padding:0 0 5px 0;
728
	padding:0 0 5px 0;
723
}
729
}
724
#zone-menu-gauche ul li a {
730
#zone-menu-gauche ul li a {
725
	margin:0;
731
	margin:0;
726
	padding:2px 0 2px 14px;
732
	padding:2px 0 2px 14px;
727
	border-top:1px solid #598000;
733
	border-top:1px solid #598000;
728
	border-bottom:1px solid #598000;
734
	border-bottom:1px solid #598000;
729
	border-right:1px solid #598000;
735
	border-right:1px solid #598000;
730
	border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;
736
	border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;
731
	font-weight:bold;
737
	font-weight:bold;
732
	color:#598000;
738
	color:#598000;
733
	display:block;
739
	display:block;
734
	background:url(../images/petitCarre.jpg) no-repeat 3px 7px;
740
	background:url(../images/petitCarre.jpg) no-repeat 3px 7px;
735
}
741
}
736
#zone-menu-gauche ul li ul {
742
#zone-menu-gauche ul li ul {
737
	list-style:disc inside;
743
	list-style:disc inside;
738
	color:#598000;
744
	color:#598000;
739
	padding:0 0 0 15px;
745
	padding:0 0 0 15px;
740
}
746
}
741
#zone-menu-gauche ul li ul li {
747
#zone-menu-gauche ul li ul li {
742
	padding:0;
748
	padding:0;
743
}
749
}
744
#zone-menu-gauche ul li ul li a {
750
#zone-menu-gauche ul li ul li a {
745
	border:none;
751
	border:none;
746
	background:none;
752
	background:none;
747
	padding:0;
753
	padding:0;
748
	display:inline;
754
	display:inline;
749
	font-weight:normal;
755
	font-weight:normal;
750
}
756
}
751
#zone-menu-gauche .menu_actif a {
757
#zone-menu-gauche .menu_actif a {
752
	color:#FD8C13;
758
	color:#FD8C13;
753
}
759
}
754
#zone-menu-gauche .menu_inactif a {
760
#zone-menu-gauche .menu_inactif a {
755
	color:#598000;
761
	color:#598000;
756
	font-weight:normal;
762
	font-weight:normal;
757
}
763
}
758
#zone-menu-gauche ul.menu_deroulant_n1 > li > a {
764
#zone-menu-gauche ul.menu_deroulant_n1 > li > a {
759
	font-weight:bold;
765
	font-weight:bold;
760
}
766
}
761
#zone-menu-gauche a:hover {
767
#zone-menu-gauche a:hover {
762
	color:#FD8C13;
768
	color:#FD8C13;
763
}
769
}
764
/*+-----------------------------------------------------------------------------------------------------------------+*/
770
/*+-----------------------------------------------------------------------------------------------------------------+*/
765
#cheminDeFer {
771
#cheminDeFer {
766
	width:500px;
772
	width:500px;
767
	margin-left:34px;
773
	margin-left:34px;
768
	margin-top:12px;
774
	margin-top:12px;
769
	margin-bottom:10px;
775
	margin-bottom:10px;
770
}
776
}
771
/*+-----------------------------------------------------------------------------------------------------------------+*/
777
/*+-----------------------------------------------------------------------------------------------------------------+*/
772
/** Zone menu connexion **/
778
/** Zone menu connexion **/
773
#zone-menu-connexion {
779
#zone-menu-connexion {
774
	height:122px;
780
	height:122px;
775
	width:178px;
781
	width:178px;
776
	padding:25px 0 0 0;
782
	padding:25px 0 0 0;
777
	font-family:arial;
783
	font-family:arial;
778
	text-align:right;
784
	text-align:right;
779
	font-size:11px;
785
	font-size:11px;
780
	background:url(../images/carreorange.png) no-repeat 9px -9px;
786
	background:url(../images/carreorange.png) no-repeat 9px -9px;
781
}
787
}
782
#zone-menu-connexion fieldset {
788
#zone-menu-connexion fieldset {
783
	text-align:left;
789
	text-align:left;
784
	width:165px;
790
	width:165px;
785
	background:white;
791
	background:white;
786
	padding:28px 0 0 10px;
792
	padding:28px 0 0 10px;
787
	border:solid 1px #99C242;
793
	border:solid 1px #99C242;
788
	text-decoration:none;
794
	text-decoration:none;
789
	border-radius:0 10px 10px 10px;-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;
795
	border-radius:0 10px 10px 10px;-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;
790
	
796
	
791
}
797
}
792
#zone-menu-connexion fieldset input {
798
#zone-menu-connexion fieldset input {
793
	font-size:11px;
799
	font-size:11px;
794
}
800
}
795
#zone-menu-connexion fieldset p {
801
#zone-menu-connexion fieldset p {
796
	text-align:left;
802
	text-align:left;
797
	padding-left:3px
803
	padding-left:3px
798
}
804
}
799
#zone-menu-connexion h3 {
805
#zone-menu-connexion h3 {
800
	position:absolute;
806
	position:absolute;
801
	width:162px;
807
	width:162px;
802
	padding:5px 5px 5px 9px;
808
	padding:5px 5px 5px 9px;
803
	margin:-29px 0 0 -10px;
809
	margin:-29px 0 0 -10px;
804
	color:white;
810
	color:white;
805
	text-align:left;
811
	text-align:left;
806
	text-transform:uppercase;
812
	text-transform:uppercase;
807
	font-size:12px;
813
	font-size:12px;
808
	background-color:#99C242;
814
	background-color:#99C242;
809
	border-radius:0 10px 0 0;-moz-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0;
815
	border-radius:0 10px 0 0;-moz-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0;
810
}
816
}
811
#zone-menu-connexion fieldset label {
817
#zone-menu-connexion fieldset label {
812
	position:relative;
818
	position:relative;
813
	width:12em;
819
	width:12em;
814
	display:block;
820
	display:block;
815
	margin:.1em 0;
821
	margin:.1em 0;
816
}
822
}
817
#zone-menu-connexion label input {
823
#zone-menu-connexion label input {
818
	position:absolute;
824
	position:absolute;
819
	left:100%;
825
	left:100%;
820
	top:0;
826
	top:0;
821
	width:15px;
827
	width:15px;
822
}
828
}
823
#zone-menu-connexion #username,#zone-menu-connexion #password {
829
#zone-menu-connexion #username,#zone-menu-connexion #password {
824
	width:80px;
830
	width:80px;
825
}
831
}
826
#zone-menu-connexion fieldset #connexion {
832
#zone-menu-connexion fieldset #connexion {
827
	border:solid 1px #8eb533;
833
	border:solid 1px #8eb533;
828
	padding:0;
834
	padding:0;
829
}
835
}
830
#zone-menu-connexion #persistant,#zone-menu-connexion #persistant_label {
836
#zone-menu-connexion #persistant,#zone-menu-connexion #persistant_label {
831
	float:left;
837
	float:left;
832
	margin-left:0;
838
	margin-left:0;
833
}
839
}
834
#zone-menu-connexion #persistant_label {
840
#zone-menu-connexion #persistant_label {
835
	padding-top:2px;
841
	padding-top:2px;
836
}
842
}
837
#zone-menu-connexion #colonneDroite {
843
#zone-menu-connexion #colonneDroite {
838
	padding:15px 0;
844
	padding:15px 0;
839
}
845
}
840
/*+-----------------------------------------------------------------------------------------------------------------+*/
846
/*+-----------------------------------------------------------------------------------------------------------------+*/
841
/** Menu lat�ral :Zone gauche **/
847
/** Menu lat�ral :Zone gauche **/
842
#zone-gauche {
848
#zone-gauche {
843
	width:170px;
849
	width:170px;
844
	float:left;
850
	float:left;
845
	margin-left:0;
851
	margin-left:0;
846
	padding-bottom:100px;
852
	padding-bottom:100px;
847
}
853
}
848
/*+-----------------------------------------------------------------------------------------------------------------+*/
854
/*+-----------------------------------------------------------------------------------------------------------------+*/
849
/** Zone principale :zone droite **/
855
/** Zone principale :zone droite **/
850
#zone-droite {
856
#zone-droite {
851
	width:730px;
857
	width:730px;
852
	margin-left:20px;
858
	margin-left:20px;
853
	float:left;
859
	float:left;
854
	height:auto;
860
	height:auto;
855
	overflow:hidden;
861
	overflow:hidden;
856
}
862
}
857
#contenu {
863
#contenu {
858
	border:none;
864
	border:none;
859
}
865
}
860
#zone_contenu_corps {
866
#zone_contenu_corps {
861
	border:none;
867
	border:none;
862
	width:695px
868
	width:695px
863
}
869
}
864
#zone_contenu_corps li,#contenu li {
870
#zone_contenu_corps li,#contenu li {
865
	list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png);
871
	list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png);
866
	line-height:18px;
872
	line-height:18px;
867
}
873
}
868
#zone_contenu_corps li ul li,#contenu li ul li {
874
#zone_contenu_corps li ul li,#contenu li ul li {
869
	list-style:none;
875
	list-style:none;
870
	background:url(../images/petitCarreContour.jpg) no-repeat 10px 6px;
876
	background:url(../images/petitCarreContour.jpg) no-repeat 10px 6px;
871
	padding-left:25px;
877
	padding-left:25px;
872
	line-height:18px;
878
	line-height:18px;
873
}
879
}
874
#zone_contenu_corps form li,#contenu form li {
880
#zone_contenu_corps form li,#contenu form li {
875
	background:none;
881
	background:none;
876
}
882
}
877
#zone_contenu_corps .alpha,#contenu .alpha {
883
#zone_contenu_corps .alpha,#contenu .alpha {
878
	background:none;
884
	background:none;
879
	padding-left:25px;
885
	padding-left:25px;
880
	list-style-type:upper-alpha;
886
	list-style-type:upper-alpha;
881
}
887
}
882
#zone_contenu_corps .listeSimple li,#contenu .listeSimple li {
888
#zone_contenu_corps .listeSimple li,#contenu .listeSimple li {
883
	list-style:inherit;
889
	list-style:inherit;
884
	background:none;
890
	background:none;
885
	padding:0;
891
	padding:0;
886
}
892
}
887
#zone_contenu_corps .listeNumerique li,#contenu .listeNumerique li {
893
#zone_contenu_corps .listeNumerique li,#contenu .listeNumerique li {
888
	list-style:upper-alpha inside;
894
	list-style:upper-alpha inside;
889
	background:none;
895
	background:none;
890
	padding:0;
896
	padding:0;
891
}
897
}
892
#zone_contenu_corps ul li ul {
898
#zone_contenu_corps ul li ul {
893
	margin-bottom:10px;
899
	margin-bottom:10px;
894
}
900
}
895
.filetVert {
901
.filetVert {
896
	width:300px;
902
	width:300px;
897
	margin-left:0;
903
	margin-left:0;
898
	margin-top:5px;
904
	margin-top:5px;
899
	padding:20px;
905
	padding:20px;
900
	border:1px solid #9ac342;
906
	border:1px solid #9ac342;
901
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
907
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
902
	float:left;
908
	float:left;
903
}
909
}
904
.filetVert h1 {
910
.filetVert h1 {
905
	margin:0 0 10px 0;
911
	margin:0 0 10px 0;
906
}
912
}
907
/*+-----------------------------------------------------------------------------------------------------------------+*/
913
/*+-----------------------------------------------------------------------------------------------------------------+*/
908
/*Onglets*/
914
/*Onglets*/
909
#zone_contenu_corps #BAZ_menu, #zone_contenu_corps .menu_classique_n3, .onglets {
915
#zone_contenu_corps #BAZ_menu, #zone_contenu_corps .menu_classique_n3, .onglets {
910
	display:inline-block;
916
	display:inline-block;
911
	padding:0;
917
	padding:0;
912
}
918
}
913
.onglets a {border:none
919
.onglets a {border:none
914
}
920
}
915
 
921
 
916
#zone_contenu_corps #BAZ_menu a, #zone_contenu_corps .menu_classique_n3 a, #zone_contenu_corps .onglets li a, #zone_contenu_corps .onglets li {
922
#zone_contenu_corps #BAZ_menu a, #zone_contenu_corps .menu_classique_n3 a, #zone_contenu_corps .onglets li a, #zone_contenu_corps .onglets li {
917
	list-style-image:none;
923
	list-style-image:none;
918
	padding:5px 3px 5px 3px;
924
	padding:5px 3px 5px 3px;
919
	margin-top:2px;
925
	margin-top:2px;
920
	background-color:#C2C0AD;
926
	background-color:#C2C0AD;
921
}
927
}
922
#zone_contenu_corps #BAZ_menu li, #zone_contenu_corps .menu_classique_n3 li, .onglets li {
928
#zone_contenu_corps #BAZ_menu li, #zone_contenu_corps .menu_classique_n3 li, .onglets li {
923
	cursor:pointer;
929
	cursor:pointer;
924
	float:left;
930
	float:left;
925
	list-style:none;
931
	list-style:none;
926
	margin-right:5px;
932
	margin-right:5px;
927
	font-size:13px;
933
	font-size:13px;
928
	text-transform:uppercase;
934
	text-transform:uppercase;
929
	letter-spacing:0;
935
	letter-spacing:0;
930
	padding:5px 2px 5px 5px;
936
	padding:5px 2px 5px 5px;
931
	margin:0 1px 0 0;
937
	margin:0 1px 0 0;
932
	background:none no-repeat 5px 9px #C2C0AD;
938
	background:none no-repeat 5px 9px #C2C0AD;
933
	color:#fd8c13;
939
	color:#fd8c13;
934
	border:1px solid #c2c0ad;
940
	border:1px solid #c2c0ad;
935
	border-bottom:0px solid #c2c0ad;
941
	border-bottom:0px solid #c2c0ad;
936
	text-decoration:none;
942
	text-decoration:none;
937
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
943
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
938
}
944
}
939
.onglets li:hover{ color:#FD8C13}
945
.onglets li:hover{ color:#FD8C13}
940
#zone_contenu_corps #BAZ_menu .menu_actif a, #zone_contenu_corps .menu_classique_n3 .menu_actif a, #zone_contenu_corps .onglets .menu_actif a {
946
#zone_contenu_corps #BAZ_menu .menu_actif a, #zone_contenu_corps .menu_classique_n3 .menu_actif a, #zone_contenu_corps .onglets .menu_actif a {
941
	background:none;
947
	background:none;
942
	color:#FD8C13;
948
	color:#FD8C13;
943
	font-weight:bold;
949
	font-weight:bold;
944
}
950
}
945
#zone_contenu_corps #BAZ_menu .menu_actif, #zone_contenu_corps .menu_classique_n3 .menu_actif, #zone_contenu_corps .onglets .menu_actif {
951
#zone_contenu_corps #BAZ_menu .menu_actif, #zone_contenu_corps .menu_classique_n3 .menu_actif, #zone_contenu_corps .onglets .menu_actif {
946
	background:none;
952
	background:none;
947
	border:1px solid #C2C0AD;
953
	border:1px solid #C2C0AD;
948
	border-bottom:0 solid #c2c0ad;
954
	border-bottom:0 solid #c2c0ad;
949
	text-decoration:none;
955
	text-decoration:none;
950
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
956
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
951
}
957
}
952
#zone_contenu_corps #BAZ_menu .menu_inactif a,#zone_contenu_corps .menu_classique_n3 .menu_inactif a,#zone_contenu_corps .menu_classique_n3 h1,#zone_contenu_corps .onglets .menu_inactif a,#zone_contenu_corps .onglets h1 {
958
#zone_contenu_corps #BAZ_menu .menu_inactif a,#zone_contenu_corps .menu_classique_n3 .menu_inactif a,#zone_contenu_corps .menu_classique_n3 h1,#zone_contenu_corps .onglets .menu_inactif a,#zone_contenu_corps .onglets h1 {
953
	color:#6C6865;
959
	color:#6C6865;
954
}
960
}
955
#zone_contenu_corps #BAZ_menu .menu_actif h1,#zone_contenu_corps .menu_classique_n3 .menu_actif h1,.onglets .menu_actif h1 {
961
#zone_contenu_corps #BAZ_menu .menu_actif h1,#zone_contenu_corps .menu_classique_n3 .menu_actif h1,.onglets .menu_actif h1 {
956
	color:#FD8C13;
962
	color:#FD8C13;
957
}
963
}
958
 
964
 
959
#cartographieVolante {
965
#cartographieVolante {
960
	position:absolute;
966
	position:absolute;
961
	z-index:10;
967
	z-index:10;
962
	background:white;
968
	background:white;
963
	border:solid 1px #AAAAAA;
969
	border:solid 1px #AAAAAA;
964
	padding:15px;
970
	padding:15px;
965
	margin:-300px 0 0 -300px;
971
	margin:-300px 0 0 -300px;
966
}
972
}
967
#cartographieVolante #masquerLaCarte {
973
#cartographieVolante #masquerLaCarte {
968
	float:right;
974
	float:right;
969
}
975
}
970
/*+-----------------------------------------------------------------------------------------------------------------+*/
976
/*+-----------------------------------------------------------------------------------------------------------------+*/
971
/* Bandeau Projets */
977
/* Bandeau Projets */
972
#bandeauProjets {
978
#bandeauProjets {
973
	width:845px;
979
	width:845px;
974
	margin:20px 0;
980
	margin:20px 0;
975
	border:dotted 1px #fd8c13;
981
	border:dotted 1px #fd8c13;
976
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
982
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
977
	float:left;
983
	float:left;
978
	padding-left:65px;
984
	padding-left:65px;
979
}
985
}
980
#bandeauProjets ul {
986
#bandeauProjets ul {
981
	height:98px;
987
	height:98px;
982
	padding:0px;
988
	padding:0px;
983
	list-style:none;
989
	list-style:none;
984
	font-family:arial;
990
	font-family:arial;
985
}
991
}
986
#bandeauProjets ul li {
992
#bandeauProjets ul li {
987
	width:250px;
993
	width:250px;
988
	margin-left:15px;
994
	margin-left:15px;
989
	border:double 1px orange;
995
	border:double 1px orange;
990
	border-width:0 4px 0 0;
996
	border-width:0 4px 0 0;
991
	display:inline;
997
	display:inline;
992
	height:95px;
998
	height:95px;
993
	float:left;
999
	float:left;
994
}
1000
}
995
#bandeauProjets ul li, #bandeauProjets ul li p {
1001
#bandeauProjets ul li, #bandeauProjets ul li p {
996
	font-family:arial;
1002
	font-family:arial;
997
	font-size:10px;
1003
	font-size:10px;
998
	line-height:13px;
1004
	line-height:13px;
999
}
1005
}
1000
#bandeauProjets ul li p {
1006
#bandeauProjets ul li p {
1001
	padding-right:2px;
1007
	padding-right:2px;
1002
}
1008
}
1003
#bandeauProjets ul li a {
1009
#bandeauProjets ul li a {
1004
	color:#598000;
1010
	color:#598000;
1005
	font-weight:bold;
1011
	font-weight:bold;
1006
}
1012
}
1007
#bandeauProjets ul li h3 {
1013
#bandeauProjets ul li h3 {
1008
	padding:5px 0;
1014
	padding:5px 0;
1009
	margin:0;
1015
	margin:0;
1010
	color:#fd8c13;
1016
	color:#fd8c13;
1011
}
1017
}
1012
#bandeauProjets ul li img {
1018
#bandeauProjets ul li img {
1013
	float:right;
1019
	float:right;
1014
	padding:10px;
1020
	padding:10px;
1015
}
1021
}
1016
#bandeauProjets ul .bouton {
1022
#bandeauProjets ul .bouton {
1017
	width:20px;
1023
	width:20px;
1018
}
1024
}
1019
#boutonPrecedent,#boutonSuivant {
1025
#boutonPrecedent,#boutonSuivant {
1020
	position:absolute;
1026
	position:absolute;
1021
}
1027
}
1022
#boutonPrecedent {
1028
#boutonPrecedent {
1023
	margin-left:-66px;
1029
	margin-left:-66px;
1024
	margin-top:-99px;
1030
	margin-top:-99px;
1025
	height:100px;
1031
	height:100px;
1026
	background:white;
1032
	background:white;
1027
	cursor:pointer;
1033
	cursor:pointer;
1028
	width:70px;
1034
	width:70px;
1029
	border:dotted 1px #fd8c13;
1035
	border:dotted 1px #fd8c13;
1030
	border-right-style:none;
1036
	border-right-style:none;
1031
	border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;
1037
	border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;
1032
	background:white url(../images/flecheGauche.jpg) no-repeat 5px 25px;
1038
	background:white url(../images/flecheGauche.jpg) no-repeat 5px 25px;
1033
}
1039
}
1034
#boutonSuivant {
1040
#boutonSuivant {
1035
	margin-left:799px;
1041
	margin-left:799px;
1036
	margin-top:-99px;
1042
	margin-top:-99px;
1037
	width:30px;
1043
	width:30px;
1038
	cursor:pointer;
1044
	cursor:pointer;
1039
	background:white url(../images/flecheDroite.jpg) no-repeat 15px 25px;
1045
	background:white url(../images/flecheDroite.jpg) no-repeat 15px 25px;
1040
	padding:28px 8px 58px 8px;
1046
	padding:28px 8px 58px 8px;
1041
	border:dotted 1px #fd8c13;
1047
	border:dotted 1px #fd8c13;
1042
	border-left-style:none;
1048
	border-left-style:none;
1043
	border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;
1049
	border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;
1044
}
1050
}
1045
/*+-----------------------------------------------------------------------------------------------------------------+*/
1051
/*+-----------------------------------------------------------------------------------------------------------------+*/
1046
/** Zone-bas-page :footer **/
1052
/** Zone-bas-page :footer **/
1047
#zone-bas-page {
1053
#zone-bas-page {
1048
	width:960px;
1054
	width:960px;
1049
	clear:both;
1055
	clear:both;
1050
}
1056
}
1051
#zone-bas-page div {
1057
#zone-bas-page div {
1052
	width:900px;
1058
	width:900px;
1053
	margin:20px 0 10px 0;
1059
	margin:20px 0 10px 0;
1054
	text-align:center;
1060
	text-align:center;
1055
}
1061
}
1056
#zone-bas-page div ul li {
1062
#zone-bas-page div ul li {
1057
	display:inline;
1063
	display:inline;
1058
	margin-left:10px;
1064
	margin-left:10px;
1059
	padding:6px 0 0 20px;
1065
	padding:6px 0 0 20px;
1060
	line-height:22px;
1066
	line-height:22px;
1061
	text-align:center;
1067
	text-align:center;
1062
	font-size:12px;
1068
	font-size:12px;
1063
	font-family:arial;
1069
	font-family:arial;
1064
	text-decoration:none;
1070
	text-decoration:none;
1065
	list-style:none;
1071
	list-style:none;
1066
}
1072
}
1067
#zone-bas-page #accueil {
1073
#zone-bas-page #accueil {
1068
	background:url(../images/accueil.png) no-repeat 0 2px;
1074
	background:url(../images/accueil.png) no-repeat 0 2px;
1069
}
1075
}
1070
#zone-bas-page #faq {
1076
#zone-bas-page #faq {
1071
	background:url(../images/faq.png) no-repeat 0 2px;
1077
	background:url(../images/faq.png) no-repeat 0 2px;
1072
}
1078
}
1073
#zone-bas-page #contact {
1079
#zone-bas-page #contact {
1074
	background:url(../images/contact.png) no-repeat 0 2px;
1080
	background:url(../images/contact.png) no-repeat 0 2px;
1075
}
1081
}
1076
#zone-bas-page #plan {
1082
#zone-bas-page #plan {
1077
	background:url(../images/plan.png) no-repeat 0 2px;
1083
	background:url(../images/plan.png) no-repeat 0 2px;
1078
}
1084
}
1079
#zone-bas-page #rss {
1085
#zone-bas-page #rss {
1080
	background:url(../images/rss.png) no-repeat 0 2px;
1086
	background:url(../images/rss.png) no-repeat 0 2px;
1081
}
1087
}
1082
#zone-bas-page #telechargement {
1088
#zone-bas-page #telechargement {
1083
	background:url(../images/telechargement.png) no-repeat 0 2px;
1089
	background:url(../images/telechargement.png) no-repeat 0 2px;
1084
}
1090
}
1085
#zone-bas-page #visite {
1091
#zone-bas-page #visite {
1086
	background:url(../images/visite.png) no-repeat 0 2px;
1092
	background:url(../images/visite.png) no-repeat 0 2px;
1087
}
1093
}
1088
#zone-bas-page #mentions {
1094
#zone-bas-page #mentions {
1089
	background:url(../images/mentions.gif) no-repeat 0 2px;
1095
	background:url(../images/mentions.gif) no-repeat 0 2px;
1090
}
1096
}
1091
#zone-bas-page > div a:link, #zone-bas-page > div a:visited, #zone-bas-page > div a:active {
1097
#zone-bas-page > div a:link, #zone-bas-page > div a:visited, #zone-bas-page > div a:active {
1092
	font-weight:normal;
1098
	font-weight:normal;
1093
	color:#598000;
1099
	color:#598000;
1094
	text-decoration:none;
1100
	text-decoration:none;
1095
}
1101
}
1096
#zone-bas-page > div a:hover, #menupied a:focus {
1102
#zone-bas-page > div a:hover, #menupied a:focus {
1097
	font-weight:normal;
1103
	font-weight:normal;
1098
	color:#fd8c13;
1104
	color:#fd8c13;
1099
	text-decoration:none;
1105
	text-decoration:none;
1100
}
1106
}
1101
/*+-----------------------------------------------------------------------------------------------------------------+*/
1107
/*+-----------------------------------------------------------------------------------------------------------------+*/
1102
/** Contact Tela **/
1108
/** Contact Tela **/
1103
#coordonees {
1109
#coordonees {
1104
	width:905px;
1110
	width:905px;
1105
	text-align:center;
1111
	text-align:center;
1106
	margin:auto;
1112
	margin:auto;
1107
	background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat right;
1113
	background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat right;
1108
	height:15px;
1114
	height:15px;
1109
}
1115
}
1110
#coordonees span {
1116
#coordonees span {
1111
	float:left;
1117
	float:left;
1112
	padding-left:15px;
1118
	padding-left:15px;
1113
	background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 5px 5px;
1119
	background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 5px 5px;
1114
	font-family:arial;
1120
	font-family:arial;
1115
	font-size:12px;
1121
	font-size:12px;
1116
	font-weight:normal;
1122
	font-weight:normal;
1117
	font-style:normal;
1123
	font-style:normal;
1118
}
1124
}
1119
#coordonees a {
1125
#coordonees a {
1120
	font-family:arial;
1126
	font-family:arial;
1121
	font-size:12px;
1127
	font-size:12px;
1122
	text-align:justify;
1128
	text-align:justify;
1123
	font-weight:normal;
1129
	font-weight:normal;
1124
	line-height:16px;
1130
	line-height:16px;
1125
	list-style:none;
1131
	list-style:none;
1126
}
1132
}
1127
#coordonees a:link, #coordonees a:visited, #coordonees a:active {
1133
#coordonees a:link, #coordonees a:visited, #coordonees a:active {
1128
	color:#3a3633;
1134
	color:#3a3633;
1129
}
1135
}
1130
#coordonees a:hover, #coordonees a:focus {
1136
#coordonees a:hover, #coordonees a:focus {
1131
	color:#fd8c13;
1137
	color:#fd8c13;
1132
}
1138
}
1133
/*+-----------------------------------------------------------------------------------------------------------------+*/
1139
/*+-----------------------------------------------------------------------------------------------------------------+*/
1134
/* Mise en page en colonne depuis www.1kbgrid.com */
1140
/* Mise en page en colonne depuis www.1kbgrid.com */
1135
/* = The 1Kb Grid = 12 columns, 60 pixels each, with 20 pixel gutter */
1141
/* = The 1Kb Grid = 12 columns, 60 pixels each, with 20 pixel gutter */
1136
.grid_1 {
1142
.grid_1 {
1137
	width:60px;
1143
	width:60px;
1138
}
1144
}
1139
.grid_2 {
1145
.grid_2 {
1140
	width:140px;
1146
	width:140px;
1141
}
1147
}
1142
.grid_3 {
1148
.grid_3 {
1143
	width:220px;
1149
	width:220px;
1144
}
1150
}
1145
.grid_4 {
1151
.grid_4 {
1146
	width:300px;
1152
	width:300px;
1147
}
1153
}
1148
.grid_5 {
1154
.grid_5 {
1149
	width:380px;
1155
	width:380px;
1150
}
1156
}
1151
.grid_6 {
1157
.grid_6 {
1152
	width:460px;
1158
	width:460px;
1153
}
1159
}
1154
.grid_7 {
1160
.grid_7 {
1155
	width:540px;
1161
	width:540px;
1156
}
1162
}
1157
.grid_8 {
1163
.grid_8 {
1158
	width:620px;
1164
	width:620px;
1159
}
1165
}
1160
.grid_9 {
1166
.grid_9 {
1161
	width:700px;
1167
	width:700px;
1162
}
1168
}
1163
.grid_10 {
1169
.grid_10 {
1164
	width:780px;
1170
	width:780px;
1165
}
1171
}
1166
.grid_11 {
1172
.grid_11 {
1167
	width:860px;
1173
	width:860px;
1168
}
1174
}
1169
.grid_12 {
1175
.grid_12 {
1170
	width:940px;
1176
	width:940px;
1171
}
1177
}
1172
.column {
1178
.column {
1173
	margin:0 10px;
1179
	margin:0 10px;
1174
	overflow:hidden;
1180
	overflow:hidden;
1175
	float:left;
1181
	float:left;
1176
	display:inline;
1182
	display:inline;
1177
}
1183
}
1178
.row {
1184
.row {
1179
	width:695px;
1185
	width:695px;
1180
	margin:0 auto;
1186
	margin:0 auto;
1181
	overflow:hidden;
1187
	overflow:hidden;
1182
}
1188
}
1183
.row .row {
1189
.row .row {
1184
	margin:0 -10px;
1190
	margin:0 -10px;
1185
	display:inline-block;
1191
	display:inline-block;
1186
}
1192
}