Subversion Repositories Sites.tela-botanica.org

Rev

Rev 1038 | Rev 1110 | 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
}