Subversion Repositories Sites.tela-botanica.org

Rev

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

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