Subversion Repositories Sites.tela-botanica.org

Rev

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

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