Subversion Repositories Sites.tela-botanica.org

Rev

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