Subversion Repositories Sites.tela-botanica.org

Rev

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