Subversion Repositories Sites.tela-botanica.org

Rev

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