Subversion Repositories Sites.tela-botanica.org

Rev

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