Subversion Repositories Sites.tela-botanica.org

Rev

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

Rev Author Line No. Line
851 gduche 1
/* STYLE COMMUN */ /* D�finition des polices exotiques */
2
/* Helveticaneue est utilis�e pour les grands textes d�coratifs (ex:mots cl�s).
3
  Pour windows, elle est remplac�e par la police Helveticaneue2 */
844 gduche 4
@font-face {
5
	font-family:Helveticaneue;
6
	src:url('/commun/polices/helvetica_light.ttf');
7
}
8
@font-face {
9
	font-family:Helveticaneue2;
10
	src:url('/commun/polices/helvetica_light.eot');
11
}
12
/*+-----------------------------------------------------------------------------------------------------------------+*/
851 gduche 13
/* Red�finition des styles par d�faut des balises */
844 gduche 14
body {
15
	margin:0;
16
	padding:0;
17
	font-family:arial;
18
	font-weight:normal;
19
	font-size:12px;
20
	color:#222222;
21
}
22
img, form, td, div, a, h1, h2 {
23
	padding:0;
24
	border:0;
25
	text-decoration:none;
26
}
1008 jpm 27
form, li, td, div, a {
844 gduche 28
	margin:0;
29
}
1004 jpm 30
ul{
1008 jpm 31
	margin:15px 0;
1004 jpm 32
}
844 gduche 33
h1, h2, h3, h4 {
34
	font-weight:bold;
35
	letter-spacing:0;
36
}
37
h1 {
38
	padding:0 0 0 25px;
39
	margin:20px 0 10px 0;
40
	font-size:15px;
41
	text-transform:uppercase;
42
	color:#fd8c13;
43
}
44
h2 {
45
	margin:20px 0 12px 0;
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
}
851 gduche 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
}
945 gduche 110
/* Les liens externes doivent être précédés d'une icone */
111
a[href^="http://www."][target]:before{
112
	content:url(/sites/commun/generique/images/icones/fichier_htm.png)" ";
113
}
114
/* Les liens internes ne doivent pas être précédés d'une icone */
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
}
851 gduche 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
/*+-----------------------------------------------------------------------------------------------------------------+*/
851 gduche 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
/*+-----------------------------------------------------------------------------------------------------------------+*/
370
/* D2fintion des styles de l'applette syndication */
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
/*+-----------------------------------------------------------------------------------------------------------------+*/
851 gduche 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
 
851 gduche 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
 
851 gduche 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
/*+-----------------------------------------------------------------------------------------------------------------+*/
851 gduche 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
/*+-----------------------------------------------------------------------------------------------------------------+*/
851 gduche 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
}
1080
/*+-----------------------------------------------------------------------------------------------------------------+*/
1081
/* Mise en page en colonne depuis www.1kbgrid.com */
1082
/* = The 1Kb Grid = 12 columns, 60 pixels each, with 20 pixel gutter */
1083
.grid_1 {
1084
	width:60px;
1085
}
1086
.grid_2 {
1087
	width:140px;
1088
}
1089
.grid_3 {
1090
	width:220px;
1091
}
1092
.grid_4 {
1093
	width:300px;
1094
}
1095
.grid_5 {
1096
	width:380px;
1097
}
1098
.grid_6 {
1099
	width:460px;
1100
}
1101
.grid_7 {
1102
	width:540px;
1103
}
1104
.grid_8 {
1105
	width:620px;
1106
}
1107
.grid_9 {
1108
	width:700px;
1109
}
1110
.grid_10 {
1111
	width:780px;
1112
}
1113
.grid_11 {
1114
	width:860px;
1115
}
1116
.grid_12 {
1117
	width:940px;
1118
}
945 gduche 1119
.column, .colonne {
844 gduche 1120
	margin:0 10px;
1121
	overflow:hidden;
1122
	float:left;
1123
	display:inline;
1124
}
945 gduche 1125
.row, .ligne {
851 gduche 1126
	width:695px;
844 gduche 1127
	margin:0 auto;
1128
	overflow:hidden;
1129
}
945 gduche 1130
.row .row, .ligne .ligne {
844 gduche 1131
	margin:0 -10px;
1132
	display:inline-block;
1133
}