Subversion Repositories Sites.tela-botanica.org

Rev

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

Rev Author Line No. Line
639 gduche 1
	/* Définition des polices exotiques */
2
	@font-face { font-family:Helveticaneue; src:url('/commun/polices/helvetica_light.ttf'); }
3
	@font-face { font-family:Helveticaneue2; src:url('/commun/polices/helvetica_light.eot'); }
4
 
5
	/* Marges */
6
	img,ul,form,li,td,div,p,br,a,h1,h2 { margin:0; padding:0; border:0; text-decoration:none;}
7
 
8
	/* Classes & couleurs */
9
	.nodisplay {display:none}
10
	.hidden	{visibility:hidden}
11
	.spacer125 {width:125px; float:left;}
12
 
13
 
14
	p { color:#3a3633; font-family:arial; font-size:12px; font-weight:normal; line-height:16px; }
15
	.lireTout	{padding:10px 0 0 30px; background:url(../images/traitTela.jpg) no-repeat 0 6px;}
16
	.lireTout a:after{content:" des articles";}
17
	#commentaires .lireTout a:after{content:" des commentaires";}
18
 
19
	p.connectgris { color:#5e5852; font-family:arial; font-size:11px; font-weight:normal; text-align:left; line-height:12px; }
20
	p.connectvert { color:#7b9c35; font-family:arial; font-size:11px; font-weight:normal; text-align:left; margin-top:10px;}
21
	p.orange { color:#fd8c13; font-family:arial; font-size:11px; font-weight:normal; text-align:left; margin:7px 0  3px 0;}
22
	.orange	{color:#fd8c13; font-family:arial;}
23
	p.accueil { color:#3a3633; font-family:arial; font-size:13px; text-align:justify; font-weight:normal; line-height:16px; }
24
	.overflow-hidden { overflow:hidden;}
25
 	.gris{ color:#3a3633; font-family:arial; font-size:12px; }
26
	.vert, p.vert a, p.vert { color:#7b9c35; font-family:arial; font-size:12px; }
27
	.grisclair	{color:#f2f2f2}
28
	.grisfonce	{color:#5c5950}
29
 
30
	.petitcarre	{padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 3px;}
31
	#zone-droite h1, .troiscarre	{padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;}
32
	body { behavior: url(csshover.htc); /*pour internet explorer propriete hover*/}
33
 
34
	/* Fond en fonction de la page choisie */
35
	body#botanique	{ background: url(../images/traitVerticalBotanique.jpg) repeat-x;}
36
	body#actualites { background: url(../images/traitVerticalActualites.jpg) repeat-x;}
37
	body#reseau { background: url(../images/traitVerticalReseau.jpg) repeat-x;}
38
	body#projets { background: url(images/traitVerticalProjets.jpg) repeat-x;}
39
 
40
	/* Menus */
41
	#zone-menu-gauche	{font-family:arial; font-size:12px;	width: 170px; margin-top:10px; border-left: 1px solid #7b9c35;}
42
	#zone-menu-gauche ul	{ list-style:none;}
43
	#zone-menu-gauche ul li	{ padding-bottom:5px;}
44
	#zone-menu-gauche ul li a{margin:0px 0 0 0px; padding:2px 0 2px 12px; border-top:1px solid #7b9c35; border-bottom:1px solid #7b9c35;
45
				border-right:1px solid #7b9c35; -moz-border-radius: 7px;-webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;
46
				font-weight:bold; color:#7b9c35;display:block; background:url(../images/petitCarre.jpg) no-repeat 3px 7px;
47
				}
48
 
49
	#zone-menu-gauche ul li ul	{ list-style:disc inside; color:#7b9c35; padding: 0 0 0 15px;}
50
	#zone-menu-gauche ul li ul li{padding:0px 0 0 0;}
51
	#zone-menu-gauche ul li ul li	a { border:none; background:none;padding:0px; display:inline}
52
 
53
	.recherche_eflore .champs {
54
		display:block; width:280px
55
	}
56
 
57
/* Menu haut */
58
 
59
		/* TODO : mettre les petits carrés à la bonne place*/
60
		#zone-menu-haut { width:830px; height:12px; text-align:center; margin: 0 auto 0 40px; position:absolute; top:0px; color:#3a3633;
61
						font-family:arial; font-size:12px;}
62
		#zone-menu-haut ul { list-style:none; }
63
		#zone-menu-haut	ul li {background:url(../images/petitCarre.jpg) no-repeat 3px 5px;float:left}
64
 
65
		#seconnecter	{ margin:0; padding-left:10px}
66
		#don { width:110px; margin:0}
67
		#lettre { width:120px;  margin:0}
68
		#inscrits { width:110px;  margin:0}
69
		#connectes { width:115px;  margin:0}
70
		#recherche { width:185px; padding-left:15px; text-align:left;  margin:0}
71
			#recherche fieldset {width:185px; padding:0; border-style:none;}
72
			#recherche input { height:13px; width:155px; font-size:12px;  margin:-15px 0 0 -2px; }
73
			#recherche legend, #recherche label	{display:none;}
74
			#recherche input[type="submit"]{width:25px; height:20px}
75
 
76
 
77
		.drapeau { width:15px; margin-left:10px}
78
 
79
		#zone-menu-haut	a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active  { color:#7b9c35; }
80
		#zone-menu-haut	a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
81
		#zone-menu-haut a { font-family:arial; font-size:12px; }
82
		#zone-menu-haut	a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active  { color:#7b9c35; }
83
		#zone-menu-haut	a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
84
		#zone-menu-haut a { font-family:arial; font-size:12px; }
85
		#zone-principale { position: absolute; width:900px; margin-left:-450px; left: 50%; padding-top:20px;}
86
 
87
		.zone-haut {height:123px; margin:4px 0 0 0; width:885px; text-align:center; }
88
		.zone-haut h1	{float:left; padding:4px 0 0 29px}
89
		.zone-haut h2	{position:absolute; margin:105px 0 0 85px;color:white; font-size:16px; font-family:arial}
90
 
91
		.motsclefs { position:absolute; font-family:Helveticaneue; letter-spacing:-1px; font-weight:lighter; text-align:left;
92
			padding:0 0 0 450px; margin:0; cursor:pointer; }
93
		.motsclefs	h3 { position:absolute; margin-top:17px; font-size:60px; font-weight:lighter; color:#5c5950; left:240px; line-height:35px; font-family:helveticaneue}
94
		.motsclefs h4 { text-align:left;	color:#f2f2f2; margin-left:111px; margin-top:69px; font-family:helveticaneue}
95
		.motsclefs span{position:absolute; font-weight:normal;text-transform:lowercase; top:85px}
96
 
97
		/* Mots clefs Botanique */
98
			#zone-botanique .motsclefs .mot1 { font-size:32px; margin:-22px 0 0 -101px; width:150px}
99
			#zone-botanique .motsclefs .mot2 { font-size:18px;  margin:-15px 0 0 74px; width:250px}
100
			#zone-botanique .motsclefs .mot3 { font-size:23px; margin:5px 0 0 -46px; width:280px}
101
			#zone-botanique {background:url(../images/image_bandeau_botanique.png) right center no-repeat; }
102
 
103
		/* Mots clefs actualités */
104
			#zone-actualites .motsclefs	.mot1 { font-size:28px;	margin:-20px 0 0 -81px; }
105
			#zone-actualites .motsclefs .mot2 {	font-size:32px;	margin:-10px 0 0 14px; }
106
			#zone-actualites .motsclefs	.mot3 { margin:10px 0 0 -101px;}
107
			#zone-actualites {background:url(../images/image_bandeau_botanique.png) right center no-repeat; }
108
 
109
			#zone-reseau	.motsclefs	.mot1 { font-size:32px; margin:-25px 0 0 -102px; }
110
			#zone-reseau	.motsclefs	.mot2 { font-size:26px; margin:0px 0 0 -81px; }
111
			#zone-reseau	.motsclefs	.mot3 { font-size:20px; margin:3px 0 0 39px; }
112
			#zone-reseau	{background:url(../images/image_bandeau_reseau.png) right center no-repeat; }
113
 
114
			#zone-actualites {background:url(../images/image_bandeau_actualites.png) right center no-repeat; }
115
 
116
			#zone-bas-page { width:900px; clear:both;}
117
	#zone-bas-page div { width:900px; margin:20px 0 10px 0;text-align:center;}
118
	#zone-bas-page div ul li {list-style:none;text-decoration:none;text-align:center;font-size: 12px;font-family:arial;display:inline;margin-left:10px;padding :6px 0 0 20px}
119
		#accueil { background:url(../images/accueil.png) no-repeat 0px 2px; }
120
		#faq { background:url(../images/faq.png) no-repeat 0px 2px; }
121
		#contact { background:url(../images/contact.png) no-repeat 0px 2px; }
122
		#plan {	background:url(../images/plan.png) no-repeat 0px 2px; }
123
		#rss { background:url(../images/rss.png) no-repeat 0px 2px; }
124
		#telechargement { background:url(../images/telechargement.png) no-repeat 0px 2px; }
125
		#visite { background:url(../images/visite.png) no-repeat 0px 2px; }
126
		#mentions { background:url(../images/mentions.gif) no-repeat 0px 2px; }
127
 
128
	#zone-bas-page>div  a:link , #zone-bas-page>div  a:visited , #zone-bas-page>div  a :active  { font-weight:normal; color:#7b9c35; text-decoration:none; }
129
	#zone-bas-page>div  a:hover, #menupied a:focus { font-weight:normal; color: #fd8c13;text-decoration:none;}
130
 
131
	#coordonees { width:888px; text-align:center; margin:auto; background:url(../images/petitCarre.jpg) no-repeat right; height:15px; }
132
	#coordonees span { float:left; padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 5px; font-family:arial;
133
	font-size:12px; font-weight:normal; font-style:normal;}
134
	#coordonees a {font-family:arial; font-size:12px; text-align:justify; font-weight:normal; line-height:16px; list-style:none;}
135
	#coordonees a:link, #coordonees a:visited, #coordonees a :active {color:#3a3633;}
136
	#coordonees a:hover, #coordonees a:focus { color:#fd8c13;}
137
 
138
 
139
/*
140
	Actualités - Flux RSS
141
*/
142
 
143
.contenu_RSS img {height:81px}
144
.flux_RSS h1 {padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;}
145
.cadreRondGris h1 {padding:0px 0 0 25px; background:url(../images/troisCarre.png) no-repeat 0px 5px;}
146
 
147
/* fin menu haut */
148
#zone-gauche { width:170px; float:left; margin-left:0px; padding-bottom:100px}
149
 
150
 
151
.notext{
152
display:none;
153
left:-5000px;
154
top:-5000px;
155
text-indent:-5000px;
156
}
157
 
158
#bandeauActualites {
159
background: URL(images/bandeauActualites.jpg) no-repeat center;
160
height:124px;
161
margin-top:5px;
162
width:900px;
163
text-align:center;
164
float:left;
165
}
166
 
167
#bandeauReseau {
168
background: URL(images/bandeauReseau.jpg) no-repeat center;
169
height:124px;
170
margin-top:5px;
171
width:900px;
172
text-align:center;
173
float:left;
174
}
175
 
176
#bandeauProjets {
177
background: URL(images/bandeauProjets.jpg) no-repeat center;
178
height:124px;
179
margin-top:8px;
180
width:900px;
181
text-align:center;
182
float:left;
183
}
184
 
185
/* menu haut */
642 gduche 186
#menuHaut .menuHautActif a{
187
color: #5e5852;
188
width:20px;
189
font-weight: bold;
190
font-size: 14px;
191
text-transform: uppercase;
192
padding-bottom: 5px;
193
border-bottom:4px solid grey;
194
-moz-border-radius: 30px 30px 30px 30px;
195
-webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */
196
border-radius: 30px 30px 30px 30px;
197
}
198
 
199
#menuHaut a	{color:white}
200
 
639 gduche 201
#menuHaut{
202
width:auto;
203
margin-bottom:10px;
204
margin-top:10px;
205
margin-left:15px;
206
float:left;
207
/* list-style:none; */
208
text-decoration:none;
209
text-align:center;
210
font-size: 14px;
211
font-family:arial;
212
line-height:20px;
213
 
214
}
215
 
216
 
217
 
218
#menuAccueil{
219
/* background:  URL(images/menuAccueil.jpg)  no-repeat top ; */
220
background: #fd8c13;
221
color:#fd8c13;
222
text-decoration: none;
223
-moz-border-radius: 7px 7px 7px 7px;
224
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */
225
border-radius: 7px 7px 7px 7px;
226
-moz-box-shadow: 4px 4px 7px #aaa;
227
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */
228
box-shadow: 7px 7px 11px #555;
229
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
230
 zoom: 1; /* pour ie8 */
231
width:160px;
232
height:20px;
233
text-align:center;
234
float:left;
235
margin-right:15px;
236
 
237
}
238
 
239
.down{
240
margin-top:8px;
241
}
242
#menuAccueil a:link , #menuAccueil a:visited , #menuAccueil a :active  {
243
font-weight:normal;
244
color: #fff;
245
text-decoration:none;
246
}
247
 
248
#menuAccueil a:hover, #menuAccueil a:focus{
249
font-weight:bold;
250
color: #5e5852;
251
text-decoration:none;
252
text-transform:uppercase;
253
padding-bottom: 5px;
254
border-bottom:4px solid grey;
255
-moz-border-radius: 30px 30px 30px 30px;
256
-webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */
257
border-radius: 30px 30px 30px 30px;
258
 
259
}
260
 
261
#menuBotanique{
262
/* background:  URL(images/menuBotanique.jpg)  no-repeat top ;
263
 */
264
 background: #9ac243;
265
color:#9ac243;
266
text-decoration: none;
267
-moz-border-radius: 7px 7px 7px 7px;
268
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */
269
border-radius: 7px 7px 7px 7px;
270
-moz-box-shadow: 4px 4px 7px #aaa;
271
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */
272
box-shadow: 7px 7px 11px #555;
273
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
274
 zoom: 1; /* pour ie8 */
275
width:160px;
276
height:20px;
277
text-align:center;
278
float:left;
279
margin-right:15px;
280
}
281
 
282
#menuBotanique a:link , #menuBotanique a:visited , #menuBotanique a :active  {
283
font-weight:normal;
284
color:#fff;
285
text-decoration:none;
286
}
287
 
288
#menuBotanique a:hover, #menuBotanique a:focus{
289
font-weight:bold;
290
color: #5e5852;
291
text-decoration:none;
292
text-transform:uppercase;
293
padding-bottom: 5px;
294
border-bottom:4px solid grey;
295
-moz-border-radius: 30px 30px 30px 30px;
296
-webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */
297
border-radius: 30px 30px 30px 30px;
298
 
299
}
300
 
301
#menuActualites{
302
/* background:  URL(images/menuActualites.jpg)  no-repeat top ;
303
 */
304
background: #c2c0ad;
305
color:#c2c0ad;
306
text-decoration: none;
307
-moz-border-radius: 7px 7px 7px 7px;
308
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */
309
border-radius: 7px 7px 7px 7px;
310
-moz-box-shadow: 4px 4px 7px #aaa;
311
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */
312
box-shadow: 7px 7px 11px #555;
313
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
314
 zoom: 1; /* pour ie8 */
315
width:160px;
316
height:20px;
317
text-align:center;
318
float:left;
319
margin-right:15px;
320
}
321
 
322
#menuActualites a:link , #menuActualites a:visited , #menuActualites a :active  {
323
font-weight:normal;
324
text-decoration:none;
325
}
326
 
327
#menuActualites a:hover, #menuActualites a:focus{
328
font-weight:bold;
329
color: #5e5852;
330
text-decoration:none;
331
text-transform:uppercase;
332
padding-bottom: 5px;
333
border-bottom:4px solid grey;
334
-moz-border-radius: 30px 30px 30px 30px;
335
-webkit-border-radius:30px 30px 30px 30px;  /* pour Chrome */
336
border-radius: 30px 30px 30px 30px;
337
 
338
}
339
 
340
#menuReseau{
341
/* background:  URL(images/menuReseau.jpg)  no-repeat top ; */
342
background: #e16039;
343
color:#e16039;
344
text-decoration: none;
345
-moz-border-radius: 7px 7px 7px 7px;
346
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */
347
border-radius: 7px 7px 7px 7px;
348
-moz-box-shadow: 4px 4px 7px #aaa;
349
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */
350
box-shadow: 7px 7px 11px #555;
351
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
352
 zoom: 1; /* pour ie8 */
353
width:160px;
354
height:20px;
355
text-align:center;
356
float:left;
357
margin-right:15px;
358
}
359
 
360
#menuReseau a:link , #menuReseau a:visited , #menuReseau a :active  {
361
font-weight:normal;
362
color:#fff;
363
text-decoration:none;
364
}
365
 
366
#menuReseau a:hover, #menuReseau a:focus{
367
font-weight:bold;
368
color: #5e5852;
369
text-decoration:none;
370
text-transform:uppercase;
371
padding-bottom: 5px;
372
border-bottom:4px solid grey;
373
-moz-border-radius: 30px 30px 30px 30px;
374
-webkit-border-radius:30px 30px 30px 30px;  /* pour Chrome */
375
border-radius: 30px 30px 30px 30px;
376
 
377
}
378
 
379
#menuProjets{
380
/* background:  URL(images/menuProjets.jpg)  no-repeat top ; */
381
background: #a89d80;
382
color:#a89d80;
383
text-decoration: none;
384
-moz-border-radius: 7px 7px 7px 7px;
385
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */
386
border-radius: 7px 7px 7px 7px;
387
-moz-box-shadow: 4px 4px 7px #aaa;
388
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */
389
box-shadow: 7px 7px 11px #555;
390
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
391
 zoom: 1; /* pour ie8 */
392
 
393
width:160px;
394
height:20px;
395
text-align:center;
396
float:left;
397
margin-right:0px;
398
}
399
 
400
#menuProjets a:link , #menuProjets a:visited , #menuProjets a :active  {
401
font-weight:normal;
402
color:#fff;
403
text-decoration:none;
404
}
405
 
406
#menuProjets a:hover, #menuProjets a:focus{
407
font-weight:bold;
408
color: #5e5852;
409
text-decoration:none;
410
text-transform:uppercase;
411
padding-bottom: 5px;
412
border-bottom:4px solid grey;
413
-moz-border-radius: 30px 30px 30px 30px;
414
-webkit-border-radius:30px 30px 30px 30px;  /* pour Chrome */
415
border-radius: 30px 30px 30px 30px;
416
 
417
}
418
 
419
/* menu gauche */
420
 
421
#menuGaucheBotanique {
422
width: 170px;
423
margin-top:10px;
424
border-left: 1px solid #7b9c35;
425
padding-bottom:30px
426
}
427
 
428
#menuGaucheActualites {
429
width: 170px;
430
height:420px;
431
margin-top:10px;
432
border-left: 1px solid #7b9c35;
433
}
434
 
435
#menuGaucheReseau {
436
width: 170px;
437
height:490px;
438
margin-top:10px;
439
border-left: 1px solid #7b9c35;
440
}
441
 
442
#menuGaucheProjets {
443
width: 170px;
444
height:110px;
445
margin-top:10px;
446
border-left: 1px solid #7b9c35;
447
}
448
 
449
#menuGauche {
450
width: 172px;
451
float:left;
452
color:#7b9c35;
453
text-align:left;
454
text-decoration:none;
455
font-weight:normal;
456
}
457
 
458
#menuGauche .niveau1  {
459
margin-left:3px;
460
 }
461
 
462
#menuGauche .niveau2 {
463
margin-top:5px;
464
padding-left:3px;
465
border-top:1px solid #7b9c35;
466
border-bottom:1px solid #7b9c35;
467
border-right:1px solid #7b9c35;
468
    -moz-border-radius: 7px;
469
	-webkit-border-radius: 7px 7px 7px 7px; /* pour Chrome */
470
border-radius: 7px 7px 7px 7px;
471
 }
472
 
473
#menuGauche .niveau2 dl,dt{
474
background: URL(images/petitCarre.jpg)  center left no-repeat ;
475
font-weight:bold;
476
 }
477
 
478
#menuGauche .niveau3 {
479
margin-top:3px;
480
margin-left:28px;
481
width: 142px;
482
}
483
 
484
dd{
485
list-style:disc;
486
display:list-item;
487
}
488
 
489
#menuGauche a {
490
text-decoration: none; /* plus de soulignement pour les liens */
491
}
492
 
493
#menuGauche  .niveau1 a:link ,
494
#menuGauche  .niveau1 a:visited ,
495
#menuGauche  .niveau1 a:active  {
496
color:#7b9c35;
497
}
498
 
499
#menuGauche  .niveau1 a:hover,
500
#menuGauche  .niveau1 a:focus{
501
color:#fd8c13;
502
 
503
}
504
 
505
#menuGauche  .niveau2 a:link ,
506
#menuGauche  .niveau2 a:visited ,
507
#menuGauche  .niveau2 a:active  {
508
color:#7b9c35;
509
margin-left:10px;
510
margin-top:3px;
511
 }
512
 
513
#menuGauche  .niveau2 a:hover,
514
#menuGauche  .niveau2 a:focus{
515
color:#fd8c13;
516
margin-left:10px;
517
}
518
 
519
#menuGauche  .niveau3 a:link ,
520
#menuGauche  .niveau3 a:visited ,
521
#menuGauche  .niveau3 a:active  {
522
color:#7b9c35;
523
 }
524
 
525
#menuGauche  .niveau3 a:hover,
526
#menuGauche  .niveau3 a:focus{
527
color:#fd8c13;
528
}
529
 
530
.actifMenuGauche{
531
font-size: 13px;
532
  font-weight:bold;
533
text-transform:uppercase;
534
color: #fd8c13;
535
background:url(../images/troisCarre.png) no-repeat 3px 5px;
536
padding:0 0 10px 27px
537
}
538
.actifMenuGauche2{
539
font-size: 12px;
540
font-weight:bold;
541
color: #fd8c13;
542
}
543
/* fin menu gauche */
544
 
545
/* pavé connexion */
546
#zone-menu-connexion { height:122px; width:320px; padding:25px 0 0 0 ; font-family:arial; text-align:right; font-size:11px; background:url(../images/carreorange.png) no-repeat 9px -9px ;}
547
 
548
			/* Mise en page du formulaire*/
549
			#zone-menu-connexion fieldset { text-align:left; width:165px; background:white; padding:28px 0 0 10px; border:solid 1px #99C242;;
550
			text-decoration: none; -moz-border-radius: 0px 10px 10px 10px; -webkit-border-radius: 0px 10px 10px 10px; border-radius:0 10px 10px 10px;}
551
			#zone-menu-connexion fieldset input { font-size:11px;}
552
			#zone-menu-connexion fieldset p {	text-align:left}
553
			#zone-menu-connexion h3	{ position:absolute; width:162px; padding:5px 5px 5px 9px; margin:-29px 0 0 -10px; color:white; text-align:left; text-transform:uppercase;
554
			font-size:12px; background-color:#99C242; -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius:0 10px 0 0;}
555
			#zone-menu-connexion fieldset label  { position:relative; width:12em; display:block; margin:.1em 0em; }
556
			label input { position : absolute; left : 100%; top : 0px; width:15px;}
557
			#username, #password	{ width:80px;}
558
			#zone-menu-connexion fieldset #connexion {border:solid 1px #8eb533; padding:0;}
559
			#persistant, #persistant_label  {float:left;margin-left:-0px;}
560
			#persistant_label	{padding-top:2px}
561
			#zone-menu-connexion #colonneDroite { padding:15px 0 15px 0px; }
562
 
563
 
564
			#bandeauProjets { width:845px; margin:20px 0 20px 0; border:dotted 1px #fd8c13; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
565
 			float:left;	padding-left:65px; text-align:left}
566
 
567
			#bandeauProjets ul { height:98px; padding:0px; list-style:none; font-family:arial;}
568
			#bandeauProjets ul li { width:250px; margin-left:15px; border: double 1px orange; border-width:0 4px 0 0; display:inline;height:95px;float:left;}
569
			#bandeauProjets ul li, #bandeauProjets ul li p	{ font-family:arial; font-size: 10px; line-height:1.3em;}
570
			#bandeauProjets ul li p	{ padding-right:2px; text-align:left}
571
			#bandeauProjets ul li a	{ color:#7B9C35; font-weight:bold; }
572
			#bandeauProjets ul li h3 { padding:5px 0 5px 0 ; margin:0; color:#fd8c13; }
573
			#bandeauProjets ul li img { float:left; }
574
 
575
			#bandeauProjets ul .bouton { width:20px;}
576
			#boutonPrecedent, #boutonSuivant { position:absolute;}
577
			#boutonPrecedent { margin-left:-66px; margin-top:-99px; height:100px; background:white; cursor:pointer; width:70px; border:dotted 1px #fd8c13;
578
			border-right-style:none; -moz-border-radius: 10px 0 0px 10px ; -webkit-border-radius: 10px 0 0px 10px ; border-radius: 10px 0 0 10px;
579
    		background:white url(../images/flecheGauche.jpg) no-repeat 5px 25px; }
580
 
581
			#boutonSuivant { margin-left:799px;	margin-top:-99px; width:30px; cursor:pointer; background:white url(../images/flecheDroite.jpg) no-repeat 15px 25px;
582
			padding:28px 8px 53px 8px; border:dotted 1px #fd8c13; border-left-style:none;-moz-border-radius: 0px 10px 10px 0px ; -webkit-border-radius: 0px 10px 10px 0px ;
583
			border-radius: 0px 10px 10px 0px ; }
584
 
585
#bandeVerte {
586
height:20px;
587
width:163px;
588
margin-top:-12px;
589
margin-left:-22px;
590
float:left;
591
background-color:#99c242;
592
border: 1px solid #c2c0ad;
593
-moz-border-radius: 0px 10px 0px 0px;
594
-webkit-border-radius: 0px 10px 0px 0px;  /* pour Chrome */
595
border-radius: 0px 10px 0px 0px;
596
 
597
}
598
#carreOrange {
599
 height:22px;
600
width:22px;
601
background-color:#fd8c14;
602
margin-top:-1px;
603
margin-left:-1px;
604
}
605
 
606
 
607
p.connectblanc{
608
color:#fff;
609
text-transform:uppercase;
610
 font-family:arial;
611
font-size:12px;
612
font-weight:normal;
613
text-align:left;
614
margin-left:31px;
615
margin-top:-19px;
616
 
617
}
618
 
619
p.connectgris{
620
color:#5e5852;
621
 font-family:arial;
622
font-size:11px;
623
font-weight:normal;
624
text-align:left;
625
line-height:12px;
626
margin-left:10px;
627
margin-bottom:3px;
628
}
629
 
630
p.connectvert{
631
color:#7b9c35;
632
/* text-transform:uppercase; */
633
 font-family:arial;
634
font-size:11px;
635
font-weight:normal;
636
text-align:left;
637
margin-left:10px;
638
margin-top:10px;
639
}
640
 
641
p.connectorange{
642
color:#fd8c13;
643
/* text-transform:uppercase; */
644
 font-family:arial;
645
font-size:11px;
646
font-weight:normal;
647
text-align:left;
648
margin-top:7px;
649
margin-bottom:3px;
650
margin-left:10px;
651
}
652
/* fin pavé connexion */
653
 
654
/* droite commun à toutes pages */
655
#zone-droite { width:710px; margin-left:00px; float:left; height:auto; }
656
#zone-droite #main { padding-left:34px}
657
 
658
#zone-droite h1 a:link ,
659
#zone-droite h1 a:visited ,
660
#zone-droite h1 a:active{
661
color:#fd8c13; /* orange */
662
}
663
#zone-droite h1 a:hover,
664
#zone-droite h1 a:focus{
665
color:#7b9c35; /* verd */
666
}
667
 
668
#zone-droite h2 a:link ,
669
#zone-droite h2 a:visited ,
670
#zone-droite  h2 a:active{
671
color:#5e5852;
672
}
673
#zone-droite  h2 a:hover,
674
#zone-droite h2 a:focus{
675
color:#fd8c13; /* orange */
676
}
677
 
678
#zone-droite h3 a:link,
679
#zone-droite h3 a:visited,
680
#zone-droite h3 a:active{
681
color:#5e5852;
682
}
683
#zone-droite h3 a:hover,
684
#zone-droite h3 a:focus{
685
color:#fd8c13;
686
/* border-bottom:1px dotted #fd8c13; */
687
}
688
 
689
#zone-droite h4 a:link,
690
#zone-droite h4 a:visited,
691
#zone-droite h4 a:active{
692
color:#7b9c35;
693
border-bottom:1px dotted #7b9c35;
694
}
695
#zone-droite h4 a:hover,
696
#zone-droite h4 a:focus{
697
color:#fd8c13;
698
border-bottom:1px dotted #fd8c13;
699
}
700
 
701
#cheminDeFer{
702
width:500px;
703
 
704
margin-left:35px;
705
margin-top:12px;
706
margin-bottom:10px;
707
}
708
 
709
#encart1{
710
width:220px;
711
float:left;
712
margin:8px;
713
padding:20px;
714
background:#fff;
715
/* background:#f6e7d2; */
716
border:1px solid #e16039;
717
 -moz-border-radius: 7px;
718
 -webkit-border-radius: 10px 10px 10px 10px;  /* pour Chrome */
719
border-radius: 10px 10px 10px 10px;
720
 -moz-box-shadow: 2px 2px 5px #aaa;
721
-webkit-box-shadow: 7px 7px 11px #aaa;
722
box-shadow: 7px 7px 11px #555;
723
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
724
 zoom: 1; /* pour ie8 */
725
/* border-bottom:1px dotted #9ac342; */
726
}
727
#encart2{
728
width:220px;
729
float:left;
730
margin:8px;
731
padding:20px;
732
background:#fff;
733
/* background:#f6e7d2; */
734
border:1px solid #9ac243;
735
 -moz-border-radius: 7px;
736
 -webkit-border-radius: 10px 10px 10px 10px;  /* pour Chrome */
737
border-radius: 10px 10px 10px 10px;
738
}
739
#encart3{
740
width:660px;
741
float:left;
742
margin:8px;
743
padding:20px;
744
background-color:#eaedcd;
745
/* border:1px solid #e16039; */
746
 -moz-border-radius: 7px;
747
 -webkit-border-radius: 10px 10px 10px 10px;  /* pour Chrome */
748
border-radius: 10px 10px 10px 10px;
749
 -moz-box-shadow: 2px 2px 5px #aaa;
750
-webkit-box-shadow: 7px 7px 11px #aaa;
751
box-shadow: 7px 7px 11px #555;
752
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
753
 zoom: 1; /* pour ie8 */
754
/* border-bottom:1px dotted #9ac342; */
755
}
756
/* page intérieure */
757
 
758
#texte{
759
width:660px;
760
margin-left:30px;
761
float:left;
762
height:auto;
763
 
764
}
765
 
766
 
767
/* botanique */
768
#appli{
769
width:690px;
770
margin-left:20px;
771
float:left;
772
background-color:#eaedcd;
773
/*     -moz-border-radius: 7px; */
774
	-moz-border-radius: 10px 10px 10px 10px;
775
-webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */
776
border-radius: 10px 10px 10px 10px;
777
 -moz-box-shadow: 2px 2px 9px #aaa;
778
-webkit-box-shadow: 7px 7px 11px #aaa;
779
box-shadow: 7px 7px 11px #555;
780
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
781
 zoom: 1; /* pour ie8 */
782
}
783
 
784
#gauche1{
785
width:320px;
786
float:left;
787
margin-left:0px;
788
}
789
 
790
#eFlore{
791
width:300px;
792
height:200px;
793
padding:20px;
794
/* margin-top:10px; */
795
float:left;
796
/* margin-left:25px; */
797
border-right:1px dotted #7b9c35;
798
}
799
 
800
#droite1{
801
width:300px;
802
float:left;
803
}
804
 
805
#plantesDepartement{
806
width:300px;
807
padding:20px;
808
/* margin-top:10px; */
809
float:left;
810
margin-left:40px;
811
}
812
 
813
#rejoindrePlantesDepartement{
814
width:71px;
815
height:35px;
816
margin-left:200px;
817
margin-top:-35px;
818
}
819
 
820
.champs{
821
font-family:arial;
822
font-size:11px;
823
background-color:#ffffff;
824
border:dotted 1px #7b9c35;
825
color:#3a3633;
826
margin-bottom:7px;
827
}
828
 
829
.champs2{
830
font-family:arial;
831
font-size:11px;
832
color:#3a3633;
833
}
834
 
835
.ok{
836
font-family:arial;
837
font-size:11px;
838
font-weight:bold;
839
background-color:#ffffff;
840
border:dotted 1px #7b9c35;
841
color:#fd8c13;
842
margin-left:242px;
843
font-variant:small-caps;
844
}
845
 
846
#fluxRSS{
847
width:680px;
848
margin-left:20px;
849
margin-top:20px;
850
float:left;
851
}
852
 
853
#gauche2{
854
width:340px;
855
float:left;
856
margin-left:0px;
857
margin-top:0px;
858
}
859
 
860
.filetVert{
861
width:300px;
862
margin-left:00px;
863
margin-top:5px;
864
padding:20px;
865
border:1px solid #9ac342;
866
    -moz-border-radius: 10px;
867
float:left;
868
}
869
 
870
#OutilSaisieCarnet{
871
width:71px;
872
height:35px;
873
margin-left:210px;
874
margin-top:0px;
875
margin-bottom:-10px;
876
}
877
 
878
#droite2{
879
width:320px;
880
float:left;
881
}
882
 
883
#galeriePhoto{
884
width:320px;
885
float:left;
886
margin-left:40px;
887
margin-top:20px;
888
/* border-bottom:1px dotted #9ac342; */
889
}
890
 
891
#block3{
892
width:680px;
893
margin-left:40px;
894
margin-top:20px;
895
float:left;
896
/* border:1px solid #d4e5af;
897
    -moz-border-radius: 7px; */
898
/* background-color:#d4e5af; */
899
}
900
 
901
#gauche3{
902
width:340px;
903
float:left;
904
}
905
 
906
#initier{
907
width:320px;
908
float:left;
909
/* border-bottom:1px dotted #9ac342; */
910
border-right:1px dotted #7b9c35;
911
}
912
 
913
#rejoindreInitier{
914
width:71px;
915
height:35px;
916
margin-left:200px;
917
margin-top:-8px;
918
}
919
 
920
#droite3{
921
width:320px;
922
float:left;
923
}
924
 
925
#herbier{
926
width:320px;
927
margin-left:20px;
928
float:left;
929
/* border-bottom:1px dotted #9ac342; */
930
}
931
 
932
#rejoindreHerbiers{
933
width:71px;
934
height:35px;
935
margin-left:185px;
936
margin-top:-35px;
937
}
938
 
939
/* fin droite botanique */
940
 
941
/* actualites */
942
#dernieresActualites{
943
width:760px;
944
margin-left:30px;
945
/* padding:20px; */
946
float:left;
947
height:auto;
948
/* border:1px solid #c2c0ad;
949
    -moz-border-radius: 7px; */
950
}
951
 
952
.flux_RSS .contenu_RSS .actualites1{
953
width:674px;
954
padding-top:5px;
955
padding-bottom:5px;
956
height:auto;
957
border-bottom:1px dotted #c2c0ad;
958
 
959
}
960
 
961
.flux_simple h2 {
962
	width:320px;
963
 
964
}
965
 
966
.flux_simple h4	{
967
	text-transform:capitalize;
968
	margin-bottom:15px;
969
}
970
.texteActualites1 { width:535px; height:auto; text-align:justify }
971
 
972
.texteActualites1 p, #texteActualites1 a	{display:inline; text-align:justify}
973
.texteActualites1 br {position:absolute}
974
 
975
.imageActualites1{ width:130px; text-align:center; margin-top:0px; float:right; }
976
 
977
#actualites2{
978
width:680px;
979
padding-top:5px;
980
padding-bottom:5px;
981
height:auto;
982
float:left;
983
border-bottom:1px dotted #c2c0ad;
984
}
985
#texteActualites2{
986
width:540px;
987
height:auto;
988
float:left;
989
}
990
#imageActualites2{
991
width:100px;
992
margin-left:15x;
993
margin-top:0px;
994
float:left;
995
}
996
 
997
#actualites3{
998
width:680px;
999
padding-top:5px;
1000
padding-bottom:5px;
1001
height:auto;
1002
float:left;
1003
border-bottom:1px dotted #c2c0ad;
1004
}
1005
#texteActualites3{
1006
width:540px;
1007
height:auto;
1008
float:left;
1009
}
1010
#imageActualites3{
1011
width:100px;
1012
margin-left:15px;
1013
margin-top:0px;
1014
float:left;
1015
}
1016
 
1017
#menuCentreActualites{
1018
width:760px;
1019
margin-top:20px;
1020
margin-left:30px;
1021
float:left;
1022
height:auto;
1023
/* border:1px solid #c2c0ad;
1024
    -moz-border-radius: 7px; */
1025
}
1026
 
1027
#ongletsMenuCentreActualites {
1028
margin: 0;
1029
padding: 0px;
1030
list-style: none;
1031
 
1032
}
1033
 
1034
#ongletsMenuCentreActualites li {
1035
display: inline; /* affichage horizontal */
1036
}
1037
 
1038
.ongletsMenuCentre {
1039
	cursor:pointer;
1040
	 float:left;
1041
	 list-style:none;
1042
	 margin-right:5px;
1043
/* font-variant:small-caps; */
1044
color:#fd8c13;
1045
 font-family:arial;
1046
font-size:13px;
1047
font-weight:bold;
1048
text-transform:uppercase;
1049
letter-spacing:0px;
1050
margin-bottom:5px;
1051
padding: 4px 4px 4px 30px ;
1052
background:url(../images/troisCarre.png) no-repeat 5px 9px #c2c0ad;
1053
/* background: #e5e4d4; */
1054
 
1055
color:#fd8c13;
1056
border-top: 1px solid #c2c0ad;
1057
border-right: 1px solid #c2c0ad;
1058
border-left: 1px solid #c2c0ad;
1059
border-bottom: 0px solid #c2c0ad;
1060
text-decoration: none;
1061
-moz-border-radius: 10px 10px 0 0;
1062
-webkit-border-radius: 10px 10px 0 0; /* pour Chrome */
1063
border-radius: 10px 10px 0 0;
1064
}
1065
.ongletsMenuCentreActif{
1066
background: url(../images/troisCarre.png) #fff no-repeat 5px 9px;
1067
color: #fd8c13;
1068
border-top: 1px solid #c2c0ad;
1069
border-right: 1px solid #c2c0ad;
1070
border-left: 1px solid #c2c0ad;
1071
border-bottom: 0px solid #c2c0ad;
1072
text-decoration: none;
1073
-moz-border-radius: 10px 10px 0 0;
1074
-webkit-border-radius: 10px 10px 0 0; /* pour Chrome */
1075
border-radius: 10px 10px 0 0;
1076
}
1077
 
1078
 
1079
 
1080
#ongletsMenuCentreActualites li a:hover,
1081
#ongletsMenuCentreActualites li a:focus,
1082
#ongletsMenuCentreActualites li a:active{
1083
background: #fff;
1084
color: #fd8c13;
1085
 
1086
}
1087
 
1088
#enOnglets {margin-top:15px;}
1089
 
1090
#enOnglets .contenu_RSS{
1091
width:697px;
1092
margin-top:-5px;
1093
padding:8px;
1094
float:left;
1095
height:auto;
1096
background-color:#fff;
1097
border-top: 0px solid #c2c0ad;
1098
border-right: 1px solid #c2c0ad;
1099
border-left: 1px solid #c2c0ad;
1100
border-bottom: 1px solid #c2c0ad;
1101
text-decoration: none;
1102
-moz-border-radius: 0px 10px 0 0;
1103
-webkit-border-radius: 0px 10px 0 0; /* pour Chrome */
1104
border-radius: 0px 10px 0 0;
1105
}
1106
 
1107
#articlesPlusLus{
1108
width:697px;
1109
margin-top:-3px;
1110
padding:8px;
1111
float:left;
1112
height:auto;
1113
background-color:#fff;
1114
border-top: 0px solid #c2c0ad;
1115
border-right: 1px solid #c2c0ad;
1116
border-left: 1px solid #c2c0ad;
1117
border-bottom: 1px solid #c2c0ad;
1118
text-decoration: none;
1119
-moz-border-radius: 10px 10px 0 0;
1120
-webkit-border-radius: 10px 10px 0 0; /* pour Chrome */
1121
border-radius: 10px 10px 0 0;
1122
}
1123
 
1124
#nouvellesReseau{
1125
width:697px;
1126
margin-top:-3px;
1127
padding:8px;
1128
float:left;
1129
height:auto;
1130
background-color:#fff;
1131
border-top: 0px solid #c2c0ad;
1132
border-right: 1px solid #c2c0ad;
1133
border-left: 1px solid #c2c0ad;
1134
border-bottom: 1px solid #c2c0ad;
1135
text-decoration: none;
1136
-moz-border-radius: 10px 10px 0 0;
1137
-webkit-border-radius: 10px 10px 0 0;  /* pour Chrome */
1138
border-radius: 10px 10px 0 0;
1139
}
1140
 
1141
#planeteBota{
1142
width:697px;
1143
margin-top:-3px;
1144
padding:8px;
1145
float:left;
1146
height:auto;
1147
background-color:#fff;
1148
border-top: 0px solid #c2c0ad;
1149
border-right: 1px solid #c2c0ad;
1150
border-left: 1px solid #c2c0ad;
1151
border-bottom: 1px solid #c2c0ad;
1152
text-decoration: none;
1153
-moz-border-radius: 10px 10px 0 0;
1154
-webkit-border-radius: 10px 10px 0 0; /* pour Chrome */
1155
border-radius: 10px 10px 0 0;
1156
}
1157
 
1158
.cadreRondVert { width:685px; float:left; margin-top:20px; background-color:#eaedcd; -moz-border-radius: 10px 10px 10px 10px;
1159
-webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
1160
 -moz-box-shadow: 2px 2px 5px #aaa;
1161
-webkit-box-shadow: 7px 7px 11px #aaa;
1162
box-shadow: 7px 7px 11px #555;
1163
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
1164
 zoom: 1; /* pour ie8 */
1165
padding:8px;
1166
 
1167
}
1168
.cadreRondGris {
1169
width:685px;
1170
float:left;
1171
margin-top:20px;
1172
background-color:#e5e4d4;
1173
-moz-border-radius: 10px 10px 10px 10px;
1174
-webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */
1175
border-radius: 10px 10px 10px 10px;
1176
 -moz-box-shadow: 2px 2px 5px #aaa;
1177
-webkit-box-shadow: 7px 7px 11px #aaa;
1178
box-shadow: 7px 7px 11px #555;
1179
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
1180
 zoom: 1; /* pour ie8 */
1181
padding:8px;
1182
}
1183
 
1184
#cartographie {
1185
	position:absolute;
1186
	z-index:10;
1187
	background :white;
1188
	border:solid 1px #AAAAAA; padding:15px;
1189
	margin-top:-300px;
1190
	margin-left:-300px;
1191
}
1192
 
1193
#actualites #cartographie #masquerLaCarte{
1194
	float:right
1195
}
1196
 
1197
.cadreRondGris .colonneGauche, .cadreRondVert .colonneGauche{
1198
width:320px;
1199
padding:20px;
1200
border-right:1px dotted #959486;
1201
float:left;
1202
}
1203
 
1204
.cadreRondGris .colonneDroite, .cadreRondVert .colonneDroite {
1205
width:284px;float:left;
1206
padding:20px;
1207
 
1208
}
1209
 
1210
#rechercheEvenements{
1211
width:265px;
1212
padding:20px;
1213
float:left;
1214
}
1215
 
1216
#actualites .colonneDroite input, #actualites .colonneDroite select{
1217
font-family:arial;
1218
font-size:11px;
1219
background-color:#ffffff;
1220
border:dotted 1px #7b9c35;
1221
color:#3a3633;
1222
margin-bottom:7px;
1223
}
1224
 
1225
#actualites .colonneDroite #afficherLaCarte {
1226
	display:block;
1227
	background:url(../../../actualites/generique/images/carteEvenements.jpg);
1228
	width:130px; height:133px;
1229
	float:right;
1230
}
1231
 
1232
#botanique .colonneDroite #afficherLaCarte {
1233
	display:block;
1234
	background:url(../../../botanique/generique/images/mini_carte_taxon.jpg);
1235
	width:150px; height:143px;
1236
	float:left;
1237
}
1238
 
1239
#evt_date_debt, #evt_date_fin	{
1240
	width:116px;
1241
}
1242
 
1243
.filtrer{
1244
font-family:arial;
1245
font-size:11px;
1246
font-weight:bold;
1247
background-color:#ffffff;
1248
border:dotted 1px #7b9c35;
1249
color:#fd8c13;
1250
margin-left:10px;
1251
font-variant:small-caps;
1252
}
1253
 
1254
 
1255
/* fin actualites */
1256
 
1257
/* reseau */
1258
#blockGaucheReseau{
1259
width:425px;
1260
float:left;
1261
margin-left:20px;
1262
}
1263
 
1264
#carteReseau{
1265
width:435px;
1266
float:left;
1267
margin-left:10px;
1268
margin-top:5px;
1269
}
1270
 
1271
#inscritsReseau{
1272
width:170px;
1273
float:left;
1274
margin-left:90px;
1275
padding:2px;
1276
border:1px solid #e16039;
1277
 -moz-border-radius: 7px;
1278
 -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */
1279
border-radius: 10px 10px 10px 10px;
1280
margin-bottom:10px;
1281
margin-top:5px;
1282
}
1283
 
1284
#derniersInscrits{
1285
width:435px;
1286
float:left;
1287
margin-top:10px;
1288
margin-bottom:10px;
1289
margin-left:20px;
1290
}
1291
 
1292
#dernieresContributions{
1293
width:370px;
1294
margin-left:00px;
1295
margin-top:10px;
1296
padding:20px;
1297
border:1px solid #9ac342;
1298
    -moz-border-radius: 10px;
1299
float:left;
1300
}
1301
 
1302
#OutilSaisieContributions{
1303
width:71px;
1304
height:35px;
1305
margin-left:270px;
1306
margin-top:0px;
1307
margin-bottom:-5px;
1308
}
1309
 
1310
#blockDroiteReseau{
1311
width:230px;
1312
margin-left:10px;
1313
float:left;
1314
}
1315
 
1316
#regoignezLeReseau{
1317
width:240px;
1318
float:left;
1319
margin-top:-20px;
1320
padding:20px;
1321
background:#fff;
1322
/* background:#f6e7d2; */
1323
border:1px solid #e16039;
1324
 -moz-border-radius: 7px;
1325
 -webkit-border-radius: 10px 10px 10px 10px;  /* pour Chrome */
1326
border-radius: 10px 10px 10px 10px;
1327
 -moz-box-shadow: 2px 2px 5px #aaa;
1328
-webkit-box-shadow: 7px 7px 11px #aaa;
1329
box-shadow: 7px 7px 11px #555;
1330
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
1331
 zoom: 1; /* pour ie8 */
1332
/* border-bottom:1px dotted #9ac342; */
1333
}
1334
 
1335
#suivre{
1336
margin-top:15px;
1337
width:230px;
1338
padding-left:15px;
1339
float:left;
1340
}
1341
 
1342
#facebook{
1343
width:140px;
1344
margin-top:0px;
1345
margin-bottom:0px;
1346
padding-left:25px;
1347
}
1348
/* #textefacebook{
1349
width:100px;
1350
margin-left:90px;
1351
margin-top:-30px;
1352
} */
1353
 
1354
#twitter{
1355
width:150px;
1356
margin-top:0px;
1357
margin-bottom:0px;
1358
padding-left:15px;
1359
}
1360
/* #textetwitter{
1361
width:100px;
1362
margin-left:100px;
1363
margin-top:-30px;
1364
} */
1365
 
1366
#delicious{
1367
width:140px;
1368
margin-top:0px;
1369
margin-bottom:0px;
1370
padding-left:25px;
1371
}
1372
/* #textedelicious{
1373
width:100px;
1374
margin-left:90px;
1375
margin-top:-30px;
1376
} */
1377
 
1378
#netvibes{
1379
width:100px;
1380
margin-top:0px;
1381
margin-bottom:0px;
1382
padding-left:25px;
1383
}
1384
/* #textenetvibes{
1385
width:100px;
1386
margin-left:90px;
1387
margin-top:-30px;
1388
} */
1389
 
1390
.center{
1391
padding-left:50px;
1392
}
1393
 
1394
#nouvelles{
1395
width:250px;
1396
float:left;
1397
margin-left:00px;
1398
margin-top:30px;
1399
}
1400
 
1401
/* fin reseau */
1402
 
1403
/* projets */
1404
#blockGaucheProjets{
1405
width:400px;
1406
float:left;
1407
margin-left:30px;
1408
}
1409
 
1410
#boutonsProjets{
1411
width:400px;
1412
float:left;
1413
margin-left:10px;
1414
margin-top:15px;
1415
 
1416
}
1417
 
1418
p.blanc1{
1419
color:#fff;
1420
text-transform:uppercase;
1421
 font-family:arial;
1422
font-size:13px;
1423
line-height:14px;
1424
font-weight:normal;
1425
text-align:left;
1426
margin-left:10px;
1427
padding-top:2px;
1428
}
1429
p.blanc2{
1430
color:#fff;
1431
/* text-transform:uppercase; */
1432
 font-family:verdana;
1433
font-size:20px;
1434
line-height:20px;
1435
font-weight:normal;
1436
text-align:left;
1437
margin-left:10px;
1438
padding-bottom:5px;
1439
letter-spacing:1px;
1440
}
1441
 
1442
#boutonEchangezForums{
1443
width:180px;
1444
height:80px;
1445
margin-left:0px;
1446
float:left;
1447
background-color:#baad8b;
1448
/* border: 1px solid #c2c0ad;  */
1449
text-decoration: none;
1450
-moz-border-radius: 10px 10px 10px 10px;
1451
-webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */
1452
border-radius: 10px 10px 10px 10px;
1453
 -moz-box-shadow: 2px 2px 9px #aaa;
1454
-webkit-box-shadow: 7px 7px 11px #aaa;
1455
box-shadow: 7px 7px 11px #555;
1456
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
1457
 zoom: 1; /* pour ie8 */
1458
}
1459
#imageBoutonEchangezForums{
1460
padding-top:8px;
1461
padding-left:3px;
1462
}
1463
 
1464
#boutonContribuezProjets{
1465
width:180px;
1466
height:80px;
1467
margin-left:20px;
1468
margin-bottom:15px;
1469
float:left;
1470
background-color:#caac5d;
1471
text-decoration: none;
1472
-moz-border-radius: 10px 10px 10px 10px;
1473
-webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */
1474
border-radius: 10px 10px 10px 10px;
1475
 -moz-box-shadow: 2px 2px 9px #aaa;
1476
-webkit-box-shadow: 7px 7px 11px #aaa;
1477
box-shadow: 7px 7px 11px #555;
1478
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
1479
 zoom: 1; /* pour ie8 */
1480
}
1481
#imageBoutonContribuezProjets{
1482
padding-top:8px;
1483
padding-left:3px;
1484
}
1485
 
1486
#boutonConsultezSyntheses{
1487
width:180px;
1488
height:80px;
1489
margin-left:0px;
1490
float:left;
1491
background-color:#776a47;
1492
text-decoration: none;
1493
-moz-border-radius: 10px 10px 10px 10px;
1494
-webkit-border-radius: 10px 10px 10px 10px;  /* pour Chrome */
1495
border-radius: 10px 10px 10px 10px;
1496
 -moz-box-shadow: 2px 2px 9px #aaa;
1497
-webkit-box-shadow: 7px 7px 11px #aaa;
1498
box-shadow: 7px 7px 11px #555;
1499
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
1500
 zoom: 1; /* pour ie8 */
1501
}
1502
#imageBoutonConsultezSyntheses{
1503
padding-top:9px;
1504
padding-left:3px;
1505
}
1506
 
1507
#boutonConsultezDocuments{
1508
width:180px;
1509
height:80px;
1510
margin-left:20px;
1511
/* background: URL(images/boutonEchangezForums.png) no-repeat;
1512
 */
1513
 float:left;
1514
background-color:#5d8365;
1515
-moz-border-radius: 10px 10px 10px 10px;
1516
-webkit-border-radius: 10px 10px 10px 10px;  /* pour Chrome */
1517
border-radius: 10px 10px 10px 10px;
1518
 -moz-box-shadow: 2px 2px 9px #aaa;
1519
-webkit-box-shadow: 7px 7px 11px #aaa;
1520
box-shadow: 7px 7px 11px #555;
1521
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
1522
 zoom: 1; /* pour ie8 */
1523
}
1524
#imageBoutonConsultezDocuments{
1525
padding-top:10px;
1526
padding-left:3px;
1527
}
1528
 
1529
#rechercheProjet{
1530
width:445px;
1531
float:left;
1532
padding:5px;
1533
margin-top:30px;
1534
margin-bottom:10px;
1535
}
1536
 
1537
.champsRechercheProjets{
1538
font-family:arial;
1539
font-size:11px;
1540
background-color:#ffffff;
1541
border:dotted 1px #7b9c35;
1542
color:#3a3633;
1543
margin-top:7px;
1544
}
1545
 
1546
.okRechercheProjet{
1547
font-family:arial;
1548
font-size:11px;
1549
font-weight:bold;
1550
background-color:#ffffff;
1551
border:dotted 1px #7b9c35;
1552
color:#fd8c13;
1553
margin-left:10px;
1554
font-variant:small-caps;
1555
}
1556
 
1557
#projets{
1558
width:440px;
1559
float:left;
1560
margin-left:0px;
1561
margin-top:0px;
1562
padding-top:5px;
1563
/* border:1px solid #baad8b;
1564
    -moz-border-radius: 7px; */
1565
}
1566
 
1567
#projets1{
1568
width:400px;
1569
height:auto;
1570
float:left;
1571
border-top:1px dotted #baad8b;
1572
border-bottom:1px dotted #baad8b;
1573
}
1574
#texteProjets1{
1575
width:400px;
1576
margin-top:5px;
1577
float:left;
1578
}
1579
 
1580
#projets2{
1581
width:400px;
1582
height:auto;
1583
float:left;
1584
border-bottom:1px dotted #baad8b;
1585
}
1586
#texteProjets2{
1587
width:400px;
1588
margin-top:5px;
1589
float:left;
1590
}
1591
 
1592
#projets3{
1593
width:400px;
1594
height:auto;
1595
float:left;
1596
border-bottom:1px dotted #baad8b;
1597
}
1598
#texteProjets3{
1599
width:400px;
1600
margin-top:5px;
1601
float:left;
1602
}
1603
 
1604
#blockDroiteProjets{
1605
width:235px;
1606
margin-left:20px;
1607
float:left;
1608
}
1609
 
1610
#commentParticiper{
1611
width:220px;
1612
float:left;
1613
padding:20px;
1614
/* background-color:#baad8b; */
1615
background-color:#fff;
1616
border:1px solid #fff;
1617
-moz-border-radius: 10px 10px 10px 10px;
1618
-webkit-border-radius: 10px 10px 10px 10px;
1619
border-radius: 10px 10px 10px 10px;
1620
-webkit-border-top-left-radius: 10px; /* pour Chrome */
1621
-webkit-border-top-right-radius: 10px; /* pour Chrome */
1622
-webkit-border-bottom-right-radius: 10px; /* pour Chrome */
1623
-webkit-border-bottom-right-radius: 10px; /* pour Chrome */
1624
 -moz-box-shadow: 2px 2px 9px #aaa;
1625
-webkit-box-shadow: 7px 7px 11px #aaa;
1626
box-shadow: 7px 7px 11px #555;
1627
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
1628
 zoom: 1; /* pour ie8 */
1629
margin-bottom:10px;
1630
}
1631
 
1632
#contribution{
1633
width:240px;
1634
float:left;
1635
padding:20px;
1636
margin-top:5px;
1637
padding-bottom:22px;
1638
/* border-bottom:1px dotted #baad8b; */
1639
}
1640
 
1641
#messagesProjets{
1642
width:240px;
1643
float:left;
1644
padding:20px;
1645
padding-top:15px;
1646
}
1647
 
1648
/* fin projets */
1649
 
1650
 
1651
 
1652
/* typographies */
1653
p{
1654
/* color:#3a3633;  */
1655
color:#5e5852;
1656
 font-family:arial;
1657
font-size:12px;
1658
font-weight:normal;
1659
line-height:18px;
1660
text-align:justify;
1661
}
1662
 
1663
.vertpetit{
1664
color:#7b9c35;
1665
/* text-transform:uppercase; */
1666
 font-family:arial;
1667
font-size:11px;
1668
font-weight:bold;
1669
}
1670
 
1671
.grispetit{
1672
color:#3a3633;
1673
/* text-transform:uppercase; */
1674
 font-family:arial;
1675
font-size:11px;
1676
font-weight:bold;
1677
}
1678
 
1679
p.orange{
1680
color:#fd8c13;
1681
/* text-transform:uppercase; */
1682
 font-family:arial;
1683
font-size:12px;
1684
line-height:12px;
1685
font-weight:normal;
1686
 
1687
}
1688
 
1689
p.blanc{
1690
color:#fff;
1691
 font-family:arial;
1692
font-size:11px;
1693
line-height:12px;
1694
font-weight:normal;
1695
}
1696
 
1697
h1{
1698
color:#fd8c13;
1699
 font-family:arial;
1700
font-size:13px;
1701
font-weight:bold;
1702
text-transform:uppercase;
1703
letter-spacing:0px;
1704
margin-bottom:8px;
1705
}
1706
 
1707
h2{
1708
color:#6c6865;
1709
 font-family:arial;
1710
font-size:12px;
1711
font-weight:bold;
1712
letter-spacing:0px;
1713
margin-bottom:0px;
1714
}
1715
 
1716
h3{
1717
color:#6c6865;
1718
 font-family:arial;
1719
font-size:11px;
1720
font-weight:bold;
1721
letter-spacing:0px;
1722
margin:2px;
1723
}
1724
 
1725
h4{
1726
 font-family:arial;
1727
font-size:11px;
1728
font-weight:bold;
1729
letter-spacing:0px;
1730
margin:2px;
1731
color:#7b9c35;
1732
font-weight:normal;
1733
}
1734
 
1735
.petitesMajuscules{
1736
font-variant:small-caps;
1737
}
1738
 
1739
/* fin typographies */
1740
 
1741
 
1742
 
1743
 #bandeauProjetsBas{
1744
 width:900px;
1745
 margin-top:20px;
1746
  margin-bottom:20px;
1747
  border:dotted 1px #fd8c13;
1748
    -moz-border-radius: 10px;
1749
float:left;
1750
 }
1751
 
1752
/* pied */
1753
#pied{
1754
width:900px;
1755
clear:both;
1756
}
1757
/* menu pied */
1758
#menupied{
1759
width:900px;
1760
margin-top:20px;
1761
text-align:center;
1762
margin-bottom:20px;
1763
 
1764
}
1765
 
1766
#menupied  ul li {
1767
/* list-style:none; */
1768
text-decoration:none;
1769
text-align:center;
1770
font-size: 12px;
1771
font-family:arial;
1772
display:inline;
1773
margin-left:10px;
1774
}
1775
 
1776
#menupied a:link , #menupied a:visited , #menupied a :active  {
1777
font-weight:normal;
1778
color:#7b9c35;
1779
text-decoration:none;
1780
}
1781
 
1782
#menupied a:hover, #menupied a:focus{
1783
font-weight:normal;
1784
color: #fd8c13;
1785
text-decoration:none;
1786
}
1787
 
1788
.actifbas{
1789
color:#7b9c35;
1790
font-size: 13px;
1791
}
1792
 
1793
#coordonees{
1794
width:900px;
1795
text-align:center;
1796
margin-left:auto;
1797
margin-right:auto;
1798
}
1799
 
1800
#coordonees a {
1801
font-family:arial;
1802
font-size:12px;
1803
text-align:justify;
1804
font-weight:normal;
1805
line-height:16px;
1806
/* list-style:none; */
1807
}
1808
 
1809
#coordonees a:link ,
1810
#coordonees a:visited ,
1811
#coordonees a :active  {
1812
color:#3a3633;
1813
/* color:#327f3a;*/
1814
}
1815
 
1816
#coordonees a:hover,
1817
#coordonees a:focus{
1818
/* color:#3a3633; */
1819
color:#fd8c13;
1820
/*color:#9ac342; */
1821
}
1822
 
1823
#clearBoth{
1824
clear:both;
1825
}
1826
 
1827
 
1828
 
1829
 
1830
 
1831
 
1832
 
1833
/*autres versions*/
1834
/* #separation{
1835
width:900px;
1836
height:60px;
1837
margin-top:60px;
1838
border-top:dotted black 2px;
1839
float:left;
1840
}
1841
#versionCouleursDescendus{
1842
width:900px;
1843
height:855px;
1844
float:left;
1845
background:URL(images/versionCouleursDescendus.jpg) no-repeat top;
1846
}
1847
#versionCouleursTresDescendus{
1848
width:900px;
1849
height:855px;
1850
float:left;
1851
background:URL(images/versionCouleursTresDescendus.jpg) no-repeat top;
1852
}
1853
#versionSansCouleursFond{
1854
width:900px;
1855
height:855px;
1856
float:left;
1857
background:URL(images/versionSansCouleursFond.jpg) no-repeat top;
1858
}
1859
#versionCarreCourt{
1860
width:900px;
1861
height:855px;
1862
float:left;
1863
background:URL(images/versionCarreCourt.jpg) no-repeat top;
1864
}
1865
#versionCouleurGris{
1866
width:900px;
1867
height:855px;
1868
float:left;
1869
background:URL(images/VersionCouleurGris.jpg) no-repeat top;
1870
} */
1871