Subversion Repositories Sites.tela-botanica.org

Rev

Rev 870 | Rev 878 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

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