Subversion Repositories Sites.tela-botanica.org

Rev

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