Subversion Repositories Sites.tela-botanica.org

Rev

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