Subversion Repositories Sites.tela-botanica.org

Rev

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