Subversion Repositories Sites.tela-botanica.org

Rev

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