Subversion Repositories Sites.tela-botanica.org

Rev

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