Subversion Repositories Sites.tela-botanica.org

Rev

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

Rev Author Line No. Line
800 gduche 1
/*POLICES */
2
body{
3
	behavior:url(/commun/htc/csshover3.htc)}
4
/*Définition des polices exotiques.*/
5
@font-face{
6
	font-family:optima;
7
	src:url('/commun/polices/optima_demi_bold.ttf');}
8
@font-face{
9
	font-family:Helveticaneue;
10
	src:url('/commun/polices/helvetica_light.ttf');}
11
@font-face{
12
	font-family:optima2;
13
	src:url('/commun/polices/optima_demi_bold.eot');}
14
@font-face{
15
	font-family:Helveticaneue2;
16
	src:url('/commun/polices/helvetica_light.eot');}
17
/*+-----------------------------------------------------------------------------------------------------------------+*/
18
/* BALISES HTML */
19
body{
20
	background-color:white;}
21
img,ul,form,li,td,div,p,br,a,h1,h2,body{
22
	margin:0;
23
	padding:0;
24
	border:0;
25
	text-decoration:none;}
26
p{
27
	color:#3a3633;
28
	font-family:arial;
29
	font-size:12px;
30
	font-weight:normal;
31
	line-height:16px;}
32
label input {
33
	position:absolute;
34
	left:100%;
35
	top:0px;
36
	width:15px;}
37
a:link, a:visited, a:active{
826 gduche 38
	color:#3a3633;
39
	border-bottom:1px dotted #95ae5d}
800 gduche 40
a:hover, a:focus{
41
	color:#fd8c13;}
42
/*+-----------------------------------------------------------------------------------------------------------------+*/
43
/* CLASSES & COULEURS */
44
.arrondi30{
45
	-moz-border-radius:30px;
46
	-webkit-border-radius:30px;
47
	border-radius:30px;}
887 gduche 48
 
800 gduche 49
.nodisplay{
50
	display:none}
51
.hidden{
52
	visibility:hidden}
53
.spacer125{
54
	width:125px;
55
	float:left;}
56
p.connectgris{
57
	color:#5e5852;
58
	font-family:arial;
59
	font-size:11px;
60
	font-weight:normal;
61
	text-align:left;
62
	line-height:12px;}
63
p.connectvert,a.connectvert{
64
	color:#7b9c35;
65
	font-family:arial;
66
	font-size:11px;
67
	font-weight:normal;
68
	text-align:left;
69
	margin-top:10px;}
70
p.connectvertpetit,a.connectvertpetit{
71
	color:#7b9c35;
72
	font-family:arial;
73
	font-size:11px;
74
	font-weight:normal;
75
	text-align:left;}
76
p.orange,a.orange{
77
	color:#fd8c13;
78
	font-family:arial;
79
	font-size:11px;
80
	font-weight:normal;
81
	text-align:left;
82
	margin:7px 0 3px 0;}
83
p.accueil{
84
	color:#3a3633;
85
	font-family:arial;
86
	font-size:13px;
87
	text-align:justify;
88
	font-weight:normal;
89
	line-height:17px;}
90
.overflow-hidden{
91
	overflow:hidden;}
92
.gris{
93
	color:#3a3633;
94
	font-family:arial;
95
	font-size:12px;}
96
.vert, p.vert a, p.vert{
97
	color:#7b9c35;
98
	font-family:arial;
99
	font-size:12px;}
100
.grisclair{
101
	color:#f2f2f2}
102
.grisfonce{
103
	color:#5c5950}
104
/*+-----------------------------------------------------------------------------------------------------------------+*/
105
/*ZONE PRINCIPALE*/
106
#zone-principale{
107
	width:960px;
108
	margin-left:auto;
109
	margin-right:auto;}
110
/*+-----------------------------------------------------------------------------------------------------------------+*/
111
/* ZONE MENU HAUT */
112
#zone-menu-haut {
113
	position:absolute;
114
	top:0;
115
	width:960px;
116
	height:12px;
117
	margin:8px auto 0 0;
118
	text-align:center;
119
	font-family:arial;
120
	font-size:12px;
121
	color:#3a3633;}
122
#zone-menu-haut ul {
123
	list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png);}
124
#zone-menu-haut ul li {
125
	float:left;}
126
#zone-visiteur ul {
127
	padding:0;}
128
#zone-visiteur li {
129
	text-align:left;
130
	display:block;
131
	width:130px;
132
	padding-left:10px;
133
	background:url(/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat left center;}
134
#zone-acces-rapide {
135
	float:right;}
136
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active{
137
	color:#7b9c35;}
138
#zone-menu-haut a:hover, #zone-menu-haut a:focus{
139
	color:#fd8c13;}
140
#zone-menu-haut a, p a{
141
	font-family:arial;
142
	font-size:12px;
143
	color:#7B9C35;}
144
.drapeau{
145
	width:15px;
146
	margin-left:10px}
147
/* Recherche */
148
#zone-menu-haut #form_more_recherche label, #zone-menu-haut #form_more_recherche legend{
149
	display:none}
150
#zone-menu-haut #form_more_recherche #more_ok{
151
	background:white;
152
	border:none;
153
	color:#7B9C35;
154
	text-transform:uppercase;
155
	width:25px;cursor:pointer}
156
#don{
157
	width:110px;
158
	margin:0}
159
#lettre{
160
	width:120px;
161
	margin:0}
162
#recherche, .drapeau{
163
list-style:none;}
164
#recherche{
165
	width:185px;
166
	padding-left:15px;
167
	text-align:left;
168
	margin:0}
169
#recherche fieldset{
170
	width:185px;
171
	padding:0;
172
	border-style:none;}
173
#recherche input{
174
	height:13px;
175
	width:150px;
176
	font-size:12px;
177
	margin:-15px 0 0 -2px;}
178
/*+-----------------------------------------------------------------------------------------------------------------+*/
179
/* ZONE TITRE */
180
#zone-titre{
181
	padding:32px 0 25px 23px;
182
	margin:0 0 5px 0;}
836 jpm 183
#zone-titre img{
184
	display:block;/* ATTENTION : nécessaire pour ie 6 & 7. */
185
}
800 gduche 186
#zone-titre h1{
187
	position:absolute;
188
	top:47px;
189
	margin-left:150px;
190
	font-family:Optima;
191
	font-size:32px;
836 jpm 192
	letter-spacing:0;
800 gduche 193
	color:#348237;}
194
#zone-titre h2{
195
	position:absolute;
196
	top:82px;
197
	margin-left:150px;
198
	font-family:optima;
199
	font-size:19px;
200
	text-align:right;
836 jpm 201
	letter-spacing:0;
800 gduche 202
	color:#ff8c0d;
203
	line-height:24px;
204
	width:386px;}
205
#zone-titre h2 strong{
206
	font-size:32px;
207
	font-weight:normal}
208
/*+-----------------------------------------------------------------------------------------------------------------+*/
209
/* CARTOUCHES : GÉNÉRALITÉS*/
210
.motsclefs{
836 jpm 211
	position:relative;
800 gduche 212
	float:left;
213
	width:330px;
214
	height:105px;
215
	font-family:Helveticaneue;
216
	letter-spacing:-1px;
217
	font-weight:lighter;
218
	text-align:left;
219
	background:url(../images/graphisme/carres.png) no-repeat 106px 0px;
220
	padding:0 0 0 146px;
221
	margin:0;
222
	cursor:pointer;}
223
.motsclefs a {
826 gduche 224
	color:#5C5950;
225
	border:none}
836 jpm 226
.motsclefs h2 a{
800 gduche 227
	position:absolute;
228
	margin-left:50px;
229
	margin-top:5px;
836 jpm 230
	height:100px;
231
	width:270px;
800 gduche 232
	font-size:52px;
233
	font-weight:normal;
861 gduche 234
	color:#5c5950;
235
	z-index:10}
800 gduche 236
.motsclefs h2:hover,.motsclefs a:hover{
237
	color:white;}
238
.motsclefs h3{
239
	text-align:left;
240
	color:#f2f2f2;
241
	margin-left:141px;
242
	margin-top:69px}
243
.motsclefs span{
244
	position:absolute;
245
	font-weight:normal;
246
	text-transform:lowercase}
247
.texteRectangle{
248
	padding:8px 25px 0 0;
249
	height:75px;}
250
/* Liens des univers */
836 jpm 251
.menuRectangle {
252
	float:right;/* Pour ie 6 & 7 : laisser float dans la div englobant le ul */
253
}
800 gduche 254
.menuRectangle ul{
836 jpm 255
	margin-right:20px;
256
}
257
.menuRectangle ul li{
800 gduche 258
	text-decoration:none;
259
	font-size: 12px;
260
	font-family:arial;
261
	float:left;
262
	margin-left:10px;
263
	padding:3px 0 0 20px;}
264
.menuRectangle ul li a{
265
	position:relative;
266
	margin-left:-4px;
267
	top:-3px;
826 gduche 268
	font-weight:normal;
269
	border:none;}
800 gduche 270
.menuRectangle a:link, .menuRectangle a:visited, .menuRectangle a:active{
271
	color:#fff;
272
	text-decoration:none;}
273
.menuRectangle a:hover, .menuRectangle a:focus{
274
	color:#5e5852;
275
	text-decoration:none;}
887 gduche 276
 
277
/* Ombres et arrondis sur zones*/
278
#zone-botanique, #zone-actualites, #zone-reseau, #zone-projets {
279
	-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;
280
	-moz-box-shadow:2px 2px 9px #6c6865; -webkit-box-shadow:2px 2px 9px #6c6865; box-shadow: 2px 2px 9px #6c6865;
281
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#6c6865', Direction=135, Strength=4); /* pour ie8 */
282
}
800 gduche 283
/*+-----------------------------------------------------------------------------------------------------------------+*/
284
/* CARTOUCHE : BOTANIQUE*/
285
#zone-botanique{
286
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat #9ac343;
287
	height:105px;
288
	width:960px;
289
	margin:0 0 15px 5px;}
290
#menuRectangleBotanique ul li{
291
	background:url(../images/graphisme/carre_vert.png) no-repeat;
292
	list-style:none;}
293
/* Mots clefs Botanique */
294
#zone-botanique .motsclefs .mot1{
295
	font-size:32px;
296
	margin:-22px 0 0 -101px;}
297
#zone-botanique .motsclefs .mot2{
298
	font-size:18px;
299
	margin:-15px 0 0 74px;}
300
#zone-botanique .motsclefs .mot3{
301
	font-size:23px;
302
	margin:5px 0 0 -46px;}
303
/*+-----------------------------------------------------------------------------------------------------------------+*/
304
/* CARTOUCHE : ACTUALITÉS*/
305
#zone-actualites{
306
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat 0px -211px #c2c0ad;
307
	height:105px;
308
	width:960px;
309
	margin:0 0 15px 5px;}
310
#menuRectangleActualites ul li{
311
	background:url(../images/graphisme/carre_gris.png) no-repeat;
312
	list-style:none;}
313
/* Mots clefs Actualités */
314
#zone-actualites .motsclefs .mot1{
315
	font-size:28px;
316
	margin:-20px 0 0 -81px;}
317
#zone-actualites .motsclefs .mot2{
318
	font-size:32px;
319
	margin:-10px 0 0 14px;}
320
#zone-actualites .motsclefs .mot3{
321
	margin:10px 0 0 -101px;}
322
/*+-----------------------------------------------------------------------------------------------------------------+*/
323
/* CARTOUCHE : RÉSEAU*/
324
#zone-reseau{
325
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat 0 -316px #e16039;
326
	height:105px;
327
	width:960px;
328
	margin:0 0 15px 5px;}
329
#menuRectangleReseau ul li{
330
	background:url(../images/graphisme/carre_rouge.png) no-repeat;
331
	list-style:none;}
332
/* Mots clefs Réseau */
333
#zone-reseau .motsclefs .mot1{
334
	font-size:32px;
335
	margin:-24px 0 0 -92px;}
336
#zone-reseau .motsclefs .mot2{
337
	font-size:26px;
338
	margin:0px 0 0 -81px;}
339
#zone-reseau .motsclefs .mot3{
340
	font-size:20px;
341
	margin:3px 0 0 39px;}
342
/*+-----------------------------------------------------------------------------------------------------------------+*/
343
/* CARTOUCHE : PROJETS*/
344
#zone-projets{
345
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat 0 -105px #a89d80;
346
	height:105px;
347
	width:960px;
348
	margin:0 0 15px 5px;}
349
#menuRectangleProjets ul li{
350
	background:url(../images/graphisme/carre_beige.png) no-repeat;
351
	list-style:none;}
352
/* Mots clefs Projets */
353
#zone-projets .motsclefs .mot1{
354
	font-size:32px;
355
	margin:-20px 0 0 -46px;}
356
#zone-projets .motsclefs .mot2{
357
	font-size:20px;
358
	margin:5px 0 0 -101px;}
359
#zone-projets .motsclefs .mot3{
360
	font-size:20px;
361
	margin:5px 0 0 24px;}
362
/*+-----------------------------------------------------------------------------------------------------------------+*/
363
/* ZONE MENU CONNEXION */
364
#zone-menu-connexion{
365
	height:122px;
366
	width:320px;
367
	position:absolute;
368
	top:32px;
369
	margin-left:645px;
370
	padding:0;
371
	font-family:arial;
372
	text-align:right;
373
	font-size:11px;
374
	background:url(../images/graphisme/carre_orange.png) no-repeat 9px -9px;}
375
/* Formulaire connexion */
376
#zone-menu-connexion fieldset{
377
	text-align:left;
378
	width:273px;
379
	float:right;
380
	background:white;
381
	padding:28px 0 0 10px;
382
	border:solid 1px #99C242;
383
	text-decoration: none;
384
	-moz-border-radius:0 10px 10px 10px;
385
	-webkit-border-radius:0 10px 10px 10px;
386
	border-radius:0 10px 10px 10px;}
387
#zone-menu-connexion fieldset input{
388
	font-size:11px;}
389
#zone-menu-connexion h3{
390
	position:absolute;
391
	width:270px;
392
	padding:5px 5px 5px 9px;
393
	margin:-29px 0 0 -10px;
394
	color:white;
395
	text-align:left;
396
	text-transform:uppercase;
397
	font-size:12px;
398
	background-color:#99C242;
399
	-moz-border-radius:0 10px 0 0;
400
	-webkit-border-radius:0 10px 0 0;
401
	border-radius:0 10px 0 0;}
402
#zone-menu-connexion fieldset label{
403
	position:relative;
404
	width:15em;
405
	display:block;
406
	margin:.1em 0em;}
407
#username, #password{
408
	width:80px;}
409
#zone-menu-connexion fieldset #connexion{
410
	border:solid 1px #8eb533;
411
	padding:0;}
412
#persistant, #persistant_label{
413
	float:left;
414
	margin-left:0;}
415
#persistant_label{
416
	padding-top:2px}
417
#zone-menu-connexion #colonneDroite{
418
	width:150px;
419
	position:absolute;
420
	left:165px;
421
	top:21px;}
422
#zone-menu-connexion #colonneDroite .connectgris{
423
	padding-top:5px;
424
	padding-bottom:5px}
425
/*+-----------------------------------------------------------------------------------------------------------------+*/
426
/* ZONE BANDEAU PROJETS */
427
#bandeauProjets{
428
	width:845px;
429
	margin:20px 0 20px 0;
430
	border:dotted 1px #fd8c13;
431
	-moz-border-radius:10px;
432
	-webkit-border-radius:10px;
433
	border-radius:10px;
434
	float:left;
435
	padding-left:65px;
436
	margin-left:30px}
437
#bandeauProjets ul{
438
	height:98px;
439
	padding:0;
440
	list-style:none;
441
	font-family:arial;}
442
#bandeauProjets ul li{
443
	width:250px;
444
	margin-left:15px;
445
	border:double 1px orange;
446
	border-width:0 4px 0 0;
447
	display:inline;
448
	height:95px;
449
	float:left;}
450
#bandeauProjets ul li, #bandeauProjets ul li p{
451
	font-family:arial;
452
	font-size:10px;
453
	line-height:13px;}
454
#bandeauProjets ul li p{
455
	padding-right:2px;}
456
#bandeauProjets ul li a{
457
	color:#7B9C35;
458
	font-weight:bold;}
459
#bandeauProjets ul li h3{
460
	padding:5px 0 5px 0;
461
	margin:0;
462
	color:#fd8c13;}
463
#bandeauProjets ul li img{
464
	float:right;
465
	padding:10px}
466
#bandeauProjets ul .bouton{
467
	width:20px;}
468
#bandeauProjets #boutonPrecedent, #bandeauProjets #boutonSuivant{
469
	position:absolute;}
470
#bandeauProjets #boutonPrecedent{
471
	margin-left:-66px;
472
	margin-top:-99px;
473
	height:100px;
474
	background:white;
475
	cursor:pointer;
476
	width:70px;
477
	border:dotted 1px #fd8c13;
478
	border-right-style:none;
479
	-moz-border-radius:10px 0 0 10px;
480
	-webkit-border-radius:10px 0 0 10px;
481
	border-radius:10px 0 0 10px;
482
	background:white url(/sites/commun/generique/images/graphisme/fleche_gauche.png) no-repeat 5px 25px;}
483
#bandeauProjets #boutonSuivant{
484
	margin-left:799px;
485
	margin-top:-99px;
486
	width:30px;
487
	cursor:pointer;
488
	background:white url(/sites/commun/generique/images/graphisme/fleche_droite.png) no-repeat 15px 25px;
489
	padding:28px 8px 53px 8px;
490
	border:dotted 1px #fd8c13;
491
	border-left-style:none;
492
	-moz-border-radius:0 10px 10px 0;
493
	-webkit-border-radius:0 10px 10px 0;
494
	border-radius:0 10px 10px 0;}
495
/*+-----------------------------------------------------------------------------------------------------------------+*/
496
/* ZONE BAS PAGE */
497
#zone-bas-page{
498
	width:960px;
499
	clear:both;}
500
#zone-bas-page div{
501
	width:900px;
502
	margin:20px 0 10px 0;
503
	text-align:center;}
504
#zone-bas-page div ul li{
505
	display:inline;
506
	margin-left:10px;
507
	padding :6px 0 0 20px;
508
	text-align:center;
509
	line-height:22px;
510
	font-size: 12px;
511
	font-family:arial;
512
	text-decoration:none;
513
	list-style:none;}
514
#zone-bas-page > div a:link, #zone-bas-page > div a:visited, #zone-bas-page > div a:active{
515
	font-weight:normal;
516
	color:#7b9c35;
517
	text-decoration:none;}
518
#zone-bas-page > div a:hover{
519
	font-weight:normal;
520
	color:#fd8c13;
521
	text-decoration:none;}
522
/*+-----------------------------------------------------------------------------------------------------------------+*/
523
/* ZONE BAS PAGE : MENUS COMMUNS */
524
#accueil{
525
	background:url(/sites/commun/generique/images/graphisme/accueil.png) no-repeat 0 2px;}
526
#faq{
527
	background:url(/sites/commun/generique/images/graphisme/faq.png) no-repeat 0 2px;}
528
#contact{
529
	background:url(/sites/commun/generique/images/graphisme/contact.png) no-repeat 0 2px;}
530
#plan{
531
	background:url(/sites/commun/generique/images/graphisme/plan.png) no-repeat 0 2px;}
532
#rss{
533
	background:url(/sites/commun/generique/images/graphisme/rss.png) no-repeat 0 2px;}
534
#telechargement{
535
	background:url(/sites/commun/generique/images/graphisme/telechargement.png) no-repeat 0 2px;}
536
#visite{
537
	background:url(/sites/commun/generique/images/graphisme/visite.png) no-repeat 0 2px;}
538
#mentions{
539
	background:url(/sites/commun/generique/images/graphisme/cc.gif) no-repeat 0 2px;}
540
/*+-----------------------------------------------------------------------------------------------------------------+*/
541
/* ZONE BAS PAGE : COORDONNEES */
542
#coordonees{
543
	width:900px;
544
	text-align:center;
545
	margin:auto;
546
	background:url(/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat right;
547
	padding-right:5px;
548
	height:15px;}
549
#coordonees span{
550
	float:left;
551
	padding-left:15px;
552
	background:url(/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat 5px 5px;
553
	font-family:arial;
554
	font-size:12px;
555
	font-weight:normal;
556
	font-style:normal;}