Subversion Repositories Sites.tela-botanica.org

Rev

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

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