Subversion Repositories Sites.tela-botanica.org

Rev

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