Subversion Repositories Sites.tela-botanica.org

Rev

Rev 851 | Go to most recent revision | Details | Last modification | View Log | RSS feed

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