Subversion Repositories Sites.tela-botanica.org

Rev

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