Subversion Repositories Sites.tela-botanica.org

Rev

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