Subversion Repositories Sites.tela-botanica.org

Rev

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