Subversion Repositories Sites.tela-botanica.org

Rev

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