Subversion Repositories Sites.tela-botanica.org

Rev

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

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