Subversion Repositories Sites.tela-botanica.org

Rev

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

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