Subversion Repositories Sites.tela-botanica.org

Rev

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