Subversion Repositories Sites.tela-botanica.org

Rev

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

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