Subversion Repositories Sites.tela-botanica.org

Rev

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