Subversion Repositories Sites.tela-botanica.org

Rev

Rev 755 | Rev 800 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 755 Rev 762
1
/*POLICES */
1
/*POLICES */
2
body{
2
body{
3
	behavior:url(/commun/htc/csshover3.htc)}
3
	behavior:url(/commun/htc/csshover3.htc)}
4
/*Définition des polices exotiques.*/
4
/*Définition des polices exotiques.*/
5
@font-face{
5
@font-face{
6
	font-family:optima;
6
	font-family:optima;
7
	src:url('/commun/polices/optima_demi_bold.ttf');}
7
	src:url('/commun/polices/optima_demi_bold.ttf');}
8
@font-face{
8
@font-face{
9
	font-family:Helveticaneue;
9
	font-family:Helveticaneue;
10
	src:url('/commun/polices/helvetica_light.ttf');}
10
	src:url('/commun/polices/helvetica_light.ttf');}
11
@font-face{
11
@font-face{
12
	font-family:optima2;
12
	font-family:optima2;
13
	src:url('/commun/polices/optima_demi_bold.eot');}
13
	src:url('/commun/polices/optima_demi_bold.eot');}
14
@font-face{
14
@font-face{
15
	font-family:Helveticaneue2;
15
	font-family:Helveticaneue2;
16
	src:url('/commun/polices/helvetica_light.eot');}
16
	src:url('/commun/polices/helvetica_light.eot');}
17
/*+-----------------------------------------------------------------------------------------------------------------+*/
17
/*+-----------------------------------------------------------------------------------------------------------------+*/
18
/* BALISES HTML */
18
/* BALISES HTML */
19
body{
19
body{
20
	background-color:white;}
20
	background-color:white;}
21
img,ul,form,li,td,div,p,br,a,h1,h2,body{
21
img,ul,form,li,td,div,p,br,a,h1,h2,body{
22
	margin:0;
22
	margin:0;
23
	padding:0;
23
	padding:0;
24
	border:0;
24
	border:0;
25
	text-decoration:none;}
25
	text-decoration:none;}
26
p{
26
p{
27
	color:#3a3633;
27
	color:#3a3633;
28
	font-family:arial;
28
	font-family:arial;
29
	font-size:12px;
29
	font-size:12px;
30
	font-weight:normal;
30
	font-weight:normal;
31
	line-height:16px;}
31
	line-height:16px;}
32
label input {
32
label input {
33
	position:absolute;
33
	position:absolute;
34
	left:100%;
34
	left:100%;
35
	top:0px;
35
	top:0px;
36
	width:15px;}
36
	width:15px;}
37
a:link, a:visited, a:active{
37
a:link, a:visited, a:active{
38
	color:#3a3633;}
38
	color:#3a3633;}
39
a:hover, a:focus{
39
a:hover, a:focus{
40
	color:#fd8c13;}
40
	color:#fd8c13;}
41
/*+-----------------------------------------------------------------------------------------------------------------+*/
41
/*+-----------------------------------------------------------------------------------------------------------------+*/
42
/* CLASSES & COULEURS */
42
/* CLASSES & COULEURS */
43
.arrondi30{
43
.arrondi30{
44
	-moz-border-radius:30px;
44
	-moz-border-radius:30px;
45
	-webkit-border-radius:30px;
45
	-webkit-border-radius:30px;
46
	border-radius:30px;}
46
	border-radius:30px;}
47
.ombre{
47
.ombre{
48
	-moz-box-shadow:2px 2px 9px #6c6865;
48
	-moz-box-shadow:2px 2px 9px #6c6865;
49
	-webkit-box-shadow:2px 2px 9px #6c6865;
49
	-webkit-box-shadow:2px 2px 9px #6c6865;
50
	box-shadow: 2px 2px 9px #6c6865; 
50
	box-shadow: 2px 2px 9px #6c6865; 
51
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#6c6865', Direction=135, Strength=4); /* pour ie8 */}
51
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#6c6865', Direction=135, Strength=4); /* pour ie8 */}
52
.nodisplay{
52
.nodisplay{
53
	display:none}
53
	display:none}
54
.hidden{
54
.hidden{
55
	visibility:hidden}
55
	visibility:hidden}
56
.spacer125{
56
.spacer125{
57
	width:125px;
57
	width:125px;
58
	float:left;}
58
	float:left;}
59
p.connectgris{
59
p.connectgris{
60
	color:#5e5852;
60
	color:#5e5852;
61
	font-family:arial;
61
	font-family:arial;
62
	font-size:11px;
62
	font-size:11px;
63
	font-weight:normal;
63
	font-weight:normal;
64
	text-align:left;
64
	text-align:left;
65
	line-height:12px;}
65
	line-height:12px;}
66
p.connectvert,a.connectvert{
66
p.connectvert,a.connectvert{
67
	color:#7b9c35;
67
	color:#7b9c35;
68
	font-family:arial;
68
	font-family:arial;
69
	font-size:11px;
69
	font-size:11px;
70
	font-weight:normal;
70
	font-weight:normal;
71
	text-align:left;
71
	text-align:left;
72
	margin-top:10px;}
72
	margin-top:10px;}
73
p.connectvertpetit,a.connectvertpetit{
73
p.connectvertpetit,a.connectvertpetit{
74
	color:#7b9c35;
74
	color:#7b9c35;
75
	font-family:arial;
75
	font-family:arial;
76
	font-size:11px;
76
	font-size:11px;
77
	font-weight:normal;
77
	font-weight:normal;
78
	text-align:left;}
78
	text-align:left;}
79
p.orange,a.orange{
79
p.orange,a.orange{
80
	color:#fd8c13;
80
	color:#fd8c13;
81
	font-family:arial;
81
	font-family:arial;
82
	font-size:11px;
82
	font-size:11px;
83
	font-weight:normal;
83
	font-weight:normal;
84
	text-align:left;
84
	text-align:left;
85
	margin:7px 0 3px 0;}
85
	margin:7px 0 3px 0;}
86
p.accueil{
86
p.accueil{
87
	color:#3a3633;
87
	color:#3a3633;
88
	font-family:arial;
88
	font-family:arial;
89
	font-size:13px;
89
	font-size:13px;
90
	text-align:justify;
90
	text-align:justify;
91
	font-weight:normal;
91
	font-weight:normal;
92
	line-height:17px;}
92
	line-height:17px;}
93
.overflow-hidden{
93
.overflow-hidden{
94
	overflow:hidden;}
94
	overflow:hidden;}
95
.gris{
95
.gris{
96
	color:#3a3633;
96
	color:#3a3633;
97
	font-family:arial;
97
	font-family:arial;
98
	font-size:12px;}
98
	font-size:12px;}
99
.vert, p.vert a, p.vert{
99
.vert, p.vert a, p.vert{
100
	color:#7b9c35;
100
	color:#7b9c35;
101
	font-family:arial;
101
	font-family:arial;
102
	font-size:12px;}
102
	font-size:12px;}
103
.grisclair{
103
.grisclair{
104
	color:#f2f2f2}
104
	color:#f2f2f2}
105
.grisfonce{
105
.grisfonce{
106
	color:#5c5950}
106
	color:#5c5950}
107
/*+-----------------------------------------------------------------------------------------------------------------+*/
107
/*+-----------------------------------------------------------------------------------------------------------------+*/
108
/*ZONE PRINCIPALE*/
108
/*ZONE PRINCIPALE*/
109
#zone-principale{
109
#zone-principale{
110
	position:absolute;
110
	position:absolute;
111
	width:960px;
111
	width:960px;
112
	margin:0 0 0 -450px;
112
	margin:0 0 0 -450px;
113
	left:46%;}
113
	left:46%;}
114
/*+-----------------------------------------------------------------------------------------------------------------+*/
114
/*+-----------------------------------------------------------------------------------------------------------------+*/
115
/* ZONE MENU HAUT */
115
/* ZONE MENU HAUT */
116
#zone-menu-haut {
116
#zone-menu-haut {
117
	position:absolute;
117
	position:absolute;
118
	top:0;
118
	top:0;
119
	left:0;
119
	left:0;
120
	width:960px;
120
	width:960px;
121
	height:12px;
121
	height:12px;
122
	margin:8px auto 0 0;
122
	margin:8px auto 0 0;
123
	text-align:center;
123
	text-align:center;
124
	font-family:arial;
124
	font-family:arial;
125
	font-size:12px;
125
	font-size:12px;
126
	color:#3a3633;}
126
	color:#3a3633;}
127
#zone-menu-haut ul {
127
#zone-menu-haut ul {
128
	list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png);}
128
	list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png);}
129
#zone-menu-haut ul li {
129
#zone-menu-haut ul li {
130
	float:left;}
130
	float:left;}
131
#zone-visiteur ul {
131
#zone-visiteur ul {
132
	padding:0;}
132
	padding:0;}
133
#zone-visiteur li {
133
#zone-visiteur li {
134
	text-align:left;
134
	text-align:left;
135
	display:block;
135
	display:block;
136
	width:130px;
136
	width:130px;
137
	padding-left:10px;
137
	padding-left:10px;
138
	background:url(/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat left center;}
138
	background:url(/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat left center;}
139
#zone-acces-rapide {
139
#zone-acces-rapide {
140
	float:right;}
140
	float:right;}
141
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active{
141
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active{
142
	color:#7b9c35;}
142
	color:#7b9c35;}
143
#zone-menu-haut a:hover, #zone-menu-haut a:focus{
143
#zone-menu-haut a:hover, #zone-menu-haut a:focus{
144
	color:#fd8c13;}
144
	color:#fd8c13;}
145
#zone-menu-haut a, p a{
145
#zone-menu-haut a, p a{
146
	font-family:arial;
146
	font-family:arial;
147
	font-size:12px;
147
	font-size:12px;
148
	color:#7B9C35;}
148
	color:#7B9C35;}
149
.drapeau{
149
.drapeau{
150
	width:15px;
150
	width:15px;
151
	margin-left:10px}
151
	margin-left:10px}
152
/* Recherche */
152
/* Recherche */
153
#zone-menu-haut #form_more_recherche label, #zone-menu-haut #form_more_recherche legend{
153
#zone-menu-haut #form_more_recherche label, #zone-menu-haut #form_more_recherche legend{
154
	display:none}
154
	display:none}
155
#zone-menu-haut #form_more_recherche #more_ok{
155
#zone-menu-haut #form_more_recherche #more_ok{
156
	background:white;
156
	background:white;
157
	border:none;
157
	border:none;
158
	color:#7B9C35;
158
	color:#7B9C35;
159
	text-transform:uppercase;
159
	text-transform:uppercase;
160
	width:25px;cursor:pointer}
160
	width:25px;cursor:pointer}
161
#don{
161
#don{
162
	width:110px;
162
	width:110px;
163
	margin:0}
163
	margin:0}
164
#lettre{
164
#lettre{
165
	width:120px;
165
	width:120px;
166
	margin:0}
166
	margin:0}
167
#recherche, .drapeau{
167
#recherche, .drapeau{
168
list-style:none;}
168
list-style:none;}
169
#recherche{
169
#recherche{
170
	width:185px;
170
	width:185px;
171
	padding-left:15px;
171
	padding-left:15px;
172
	text-align:left;
172
	text-align:left;
173
	margin:0}
173
	margin:0}
174
#recherche fieldset{
174
#recherche fieldset{
175
	width:185px;
175
	width:185px;
176
	padding:0;
176
	padding:0;
177
	border-style:none;}
177
	border-style:none;}
178
#recherche input{
178
#recherche input{
179
	height:13px;
179
	height:13px;
180
	width:155px;
180
	width:155px;
181
	font-size:12px;
181
	font-size:12px;
182
	margin:-15px 0 0 -2px;}
182
	margin:-15px 0 0 -2px;}
183
 
-
 
184
/*+-----------------------------------------------------------------------------------------------------------------+*/
183
/*+-----------------------------------------------------------------------------------------------------------------+*/
185
/* ZONE TITRE */
184
/* ZONE TITRE */
186
#zone-titre{
185
#zone-titre{
187
	padding:32px 0 25px 23px;
186
	padding:32px 0 25px 23px;
188
	margin:0 0 5px 0;}
187
	margin:0 0 5px 0;}
189
#zone-titre h1{
188
#zone-titre h1{
190
	position:absolute;
189
	position:absolute;
191
	top:47px;
190
	top:47px;
192
	left:155px;
191
	left:155px;
193
	font-family:Optima;
192
	font-family:Optima;
194
	font-size:32px;
193
	font-size:32px;
195
	letter-spacing:0px;
194
	letter-spacing:0px;
196
	color:#348237;}
195
	color:#348237;}
197
#zone-titre h2{
196
#zone-titre h2{
198
	position:absolute;
197
	position:absolute;
199
	top:82px;
198
	top:82px;
200
	left:146px;
199
	left:146px;
201
	font-family:optima;
200
	font-family:optima;
202
	font-size:19px;
201
	font-size:19px;
203
	text-align:right;
202
	text-align:right;
204
	letter-spacing:0px;
203
	letter-spacing:0px;
205
	color:#ff8c0d;
204
	color:#ff8c0d;
206
	line-height:24px;
205
	line-height:24px;
207
	width:386px;}
206
	width:386px;}
208
#zone-titre h2 strong{
207
#zone-titre h2 strong{
209
	font-size:32px;
208
	font-size:32px;
210
	font-weight:normal}
209
	font-weight:normal}
211
/*+-----------------------------------------------------------------------------------------------------------------+*/
210
/*+-----------------------------------------------------------------------------------------------------------------+*/
212
/* BANDEAUX : GÉNÉRALITÉS*/
211
/* CARTOUCHES : GÉNÉRALITÉS*/
213
.motsclefs{
212
.motsclefs{
214
	float:left;
213
	float:left;
215
	width:330px;
214
	width:330px;
216
	height:105px;
215
	height:105px;
217
	font-family:Helveticaneue;
216
	font-family:Helveticaneue;
218
	letter-spacing:-1px;
217
	letter-spacing:-1px;
219
	font-weight:lighter;
218
	font-weight:lighter;
220
	text-align:left;
219
	text-align:left;
221
	background:url(../images/graphisme/carres.png) no-repeat 106px 0px;
220
	background:url(../images/graphisme/carres.png) no-repeat 106px 0px;
222
	padding:0 0 0 146px;
221
	padding:0 0 0 146px;
223
	margin:0;
222
	margin:0;
224
	cursor:pointer;}
223
	cursor:pointer;}
225
.motsclefs a {
224
.motsclefs a {
226
	color:#5C5950}
225
	color:#5C5950}
227
.motsclefs h2{
226
.motsclefs h2{
228
	position:absolute;
227
	position:absolute;
-
 
228
	left:200px;
229
	margin-top:13px;
229
	margin-top:5px;
230
	font-size:52px;
230
	font-size:52px;
231
	font-weight:normal;
231
	font-weight:normal;
232
	color:#5c5950;
232
	color:#5c5950;}
233
	left:200px;
-
 
234
	line-height:35px;}
-
 
235
.motsclefs h2:hover,.motsclefs a:hover{
233
.motsclefs h2:hover,.motsclefs a:hover{
236
	color:white;}
234
	color:white;}
237
.motsclefs h3{
235
.motsclefs h3{
238
	text-align:left;
236
	text-align:left;
239
	color:#f2f2f2;
237
	color:#f2f2f2;
240
	margin-left:141px;
238
	margin-left:141px;
241
	margin-top:69px}
239
	margin-top:69px}
242
.motsclefs span{
240
.motsclefs span{
243
	position:absolute;
241
	position:absolute;
244
	font-weight:normal;
242
	font-weight:normal;
245
	text-transform:lowercase}
243
	text-transform:lowercase}
246
.texteRectangle{
244
.texteRectangle{
247
	padding:8px 25px 0 0;
245
	padding:8px 25px 0 0;
248
	height:75px;}
246
	height:75px;}
249
/* Liens des univers */
247
/* Liens des univers */
250
.menuRectangle{
248
.menuRectangle{
251
	position:absolute;
249
	position:absolute;
252
	left:0;
250
	left:0;
253
	width:960px;
251
	width:960px;
254
	margin-top:0;
252
	margin-top:0;
255
	text-align:right;}
253
	text-align:right;}
256
.menuRectangle ul{
254
.menuRectangle ul{
257
	text-align:right;
255
	text-align:right;
258
	position:absolute;
256
	position:absolute;
259
	right:25px}
257
	right:25px}
260
.menuRectangle ul li {
258
.menuRectangle ul li {
261
	text-decoration:none;
259
	text-decoration:none;
262
	text-align:center;
260
	text-align:center;
263
	font-size: 12px;
261
	font-size: 12px;
264
	font-family:arial;
262
	font-family:arial;
265
	float:left;
263
	float:left;
266
	margin-left:10px;
264
	margin-left:10px;
267
	padding:3px 0 0 20px;}
265
	padding:3px 0 0 20px;}
268
.menuRectangle ul li a{
266
.menuRectangle ul li a{
269
	position:relative;
267
	position:relative;
270
	margin-left:-4px;
268
	margin-left:-4px;
271
	top:-3px;
269
	top:-3px;
272
	font-weight:normal;}
270
	font-weight:normal;}
273
.menuRectangle a:link, .menuRectangle a:visited, .menuRectangle a:active{
271
.menuRectangle a:link, .menuRectangle a:visited, .menuRectangle a:active{
274
	color:#fff;
272
	color:#fff;
275
	text-decoration:none;}
273
	text-decoration:none;}
276
.menuRectangle a:hover, .menuRectangle a:focus{
274
.menuRectangle a:hover, .menuRectangle a:focus{
277
	color:#5e5852;
275
	color:#5e5852;
278
	text-decoration:none;}
276
	text-decoration:none;}
279
/*+-----------------------------------------------------------------------------------------------------------------+*/
277
/*+-----------------------------------------------------------------------------------------------------------------+*/
280
/* BANDEAUX : BOTANIQUE*/
278
/* CARTOUCHE : BOTANIQUE*/
281
#zone-botanique{
279
#zone-botanique{
282
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat #9ac343;
280
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat #9ac343;
283
	height:105px;
281
	height:105px;
284
	width:960px;
282
	width:960px;
285
	margin:0 0 15px 5px;}
283
	margin:0 0 15px 5px;}
286
#menuRectangleBotanique ul li{
284
#menuRectangleBotanique ul li{
287
	background:url(../images/graphisme/carre_vert.png) no-repeat;
285
	background:url(../images/graphisme/carre_vert.png) no-repeat;
288
	list-style:none;}
286
	list-style:none;}
289
/* Mots clefs Botanique */
287
/* Mots clefs Botanique */
290
#zone-botanique .motsclefs .mot1{
288
#zone-botanique .motsclefs .mot1{
291
	font-size:32px;
289
	font-size:32px;
292
	margin:-22px 0 0 -101px;}
290
	margin:-22px 0 0 -101px;}
293
#zone-botanique .motsclefs .mot2{
291
#zone-botanique .motsclefs .mot2{
294
	font-size:18px;
292
	font-size:18px;
295
	margin:-15px 0 0 74px;}
293
	margin:-15px 0 0 74px;}
296
#zone-botanique .motsclefs .mot3{
294
#zone-botanique .motsclefs .mot3{
297
	font-size:23px;
295
	font-size:23px;
298
	margin:5px 0 0 -46px;}
296
	margin:5px 0 0 -46px;}
299
/*+-----------------------------------------------------------------------------------------------------------------+*/
297
/*+-----------------------------------------------------------------------------------------------------------------+*/
300
/* BANDEAUX : ACTUALITÉS*/
298
/* CARTOUCHE : ACTUALITÉS*/
301
#zone-actualites{
299
#zone-actualites{
302
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat 0px -211px #c2c0ad;
300
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat 0px -211px #c2c0ad;
303
	height:105px;
301
	height:105px;
304
	width:960px;
302
	width:960px;
305
	margin:0 0 15px 5px;}
303
	margin:0 0 15px 5px;}
306
#menuRectangleActualites ul li{
304
#menuRectangleActualites ul li{
307
	background:url(../images/graphisme/carre_gris.png) no-repeat;
305
	background:url(../images/graphisme/carre_gris.png) no-repeat;
308
	list-style:none;}
306
	list-style:none;}
309
/* Mots clefs Actualités */
307
/* Mots clefs Actualités */
310
#zone-actualites .motsclefs .mot1{
308
#zone-actualites .motsclefs .mot1{
311
	font-size:28px;
309
	font-size:28px;
312
	margin:-20px 0 0 -81px;}
310
	margin:-20px 0 0 -81px;}
313
#zone-actualites .motsclefs .mot2{
311
#zone-actualites .motsclefs .mot2{
314
	font-size:32px;
312
	font-size:32px;
315
	margin:-10px 0 0 14px;}
313
	margin:-10px 0 0 14px;}
316
#zone-actualites .motsclefs .mot3{
314
#zone-actualites .motsclefs .mot3{
317
	margin:10px 0 0 -101px;}
315
	margin:10px 0 0 -101px;}
318
/*+-----------------------------------------------------------------------------------------------------------------+*/
316
/*+-----------------------------------------------------------------------------------------------------------------+*/
319
/* BANDEAUX : RÉSEAU*/
317
/* CARTOUCHE : RÉSEAU*/
320
#zone-reseau{
318
#zone-reseau{
321
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat 0 -316px #e16039;
319
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat 0 -316px #e16039;
322
	height:105px;
320
	height:105px;
323
	width:960px;
321
	width:960px;
324
	margin:0 0 15px 5px;}
322
	margin:0 0 15px 5px;}
325
#menuRectangleReseau ul li{
323
#menuRectangleReseau ul li{
326
	background:url(../images/graphisme/carre_rouge.png) no-repeat;
324
	background:url(../images/graphisme/carre_rouge.png) no-repeat;
327
	list-style:none;}
325
	list-style:none;}
328
/* Mots clefs Réseau */
326
/* Mots clefs Réseau */
329
#zone-reseau .motsclefs .mot1{
327
#zone-reseau .motsclefs .mot1{
330
	font-size:32px;
328
	font-size:32px;
331
	margin:-24px 0 0 -92px;}
329
	margin:-24px 0 0 -92px;}
332
#zone-reseau .motsclefs .mot2{
330
#zone-reseau .motsclefs .mot2{
333
	font-size:26px;
331
	font-size:26px;
334
	margin:0px 0 0 -81px;}
332
	margin:0px 0 0 -81px;}
335
#zone-reseau .motsclefs .mot3{
333
#zone-reseau .motsclefs .mot3{
336
	font-size:20px;
334
	font-size:20px;
337
	margin:3px 0 0 39px;}
335
	margin:3px 0 0 39px;}
338
/*+-----------------------------------------------------------------------------------------------------------------+*/
336
/*+-----------------------------------------------------------------------------------------------------------------+*/
339
/* BANDEAUX : PROJETS*/
337
/* CARTOUCHE : PROJETS*/
340
#zone-projets{
338
#zone-projets{
341
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat 0 -105px #a89d80;
339
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat 0 -105px #a89d80;
342
	height:105px;
340
	height:105px;
343
	width:960px;
341
	width:960px;
344
	margin:0 0 15px 5px;}
342
	margin:0 0 15px 5px;}
345
#menuRectangleProjets ul li{
343
#menuRectangleProjets ul li{
346
	background:url(../images/graphisme/carre_beige.png) no-repeat;
344
	background:url(../images/graphisme/carre_beige.png) no-repeat;
347
	list-style:none;}
345
	list-style:none;}
348
/* Mots clefs Projets */
346
/* Mots clefs Projets */
349
#zone-projets .motsclefs .mot1{
347
#zone-projets .motsclefs .mot1{
350
	font-size:32px;
348
	font-size:32px;
351
	margin:-20px 0 0 -46px;}
349
	margin:-20px 0 0 -46px;}
352
#zone-projets .motsclefs .mot2{
350
#zone-projets .motsclefs .mot2{
353
	font-size:20px;
351
	font-size:20px;
354
	margin:5px 0 0 -101px;}
352
	margin:5px 0 0 -101px;}
355
#zone-projets .motsclefs .mot3{
353
#zone-projets .motsclefs .mot3{
356
	font-size:20px;
354
	font-size:20px;
357
	margin:5px 0 0 24px;}
355
	margin:5px 0 0 24px;}
358
/*+-----------------------------------------------------------------------------------------------------------------+*/
356
/*+-----------------------------------------------------------------------------------------------------------------+*/
359
/* ZONE MENU CONNEXION */
357
/* ZONE MENU CONNEXION */
360
#zone-menu-connexion{
358
#zone-menu-connexion{
361
	height:122px;
359
	height:122px;
362
	width:320px;
360
	width:320px;
363
	position:absolute;
361
	position:absolute;
364
	top:32px;
362
	top:32px;
365
	right:0;
363
	right:0;
366
	padding:0;
364
	padding:0;
367
	font-family:arial;
365
	font-family:arial;
368
	text-align:right;
366
	text-align:right;
369
	font-size:11px;
367
	font-size:11px;
370
	background:url(../images/graphisme/carre_orange.png) no-repeat 9px -9px;}
368
	background:url(../images/graphisme/carre_orange.png) no-repeat 9px -9px;}
371
/* Formulaire connexion */
369
/* Formulaire connexion */
372
#zone-menu-connexion fieldset{
370
#zone-menu-connexion fieldset{
373
	text-align:left;
371
	text-align:left;
374
	width:273px;
372
	width:273px;
375
	float:right;
373
	float:right;
376
	background:white;
374
	background:white;
377
	padding:28px 0 0 10px;
375
	padding:28px 0 0 10px;
378
	border:solid 1px #99C242;
376
	border:solid 1px #99C242;
379
	text-decoration: none;
377
	text-decoration: none;
380
	-moz-border-radius:0 10px 10px 10px;
378
	-moz-border-radius:0 10px 10px 10px;
381
	-webkit-border-radius:0 10px 10px 10px;
379
	-webkit-border-radius:0 10px 10px 10px;
382
	border-radius:0 10px 10px 10px;}
380
	border-radius:0 10px 10px 10px;}
383
#zone-menu-connexion fieldset input{
381
#zone-menu-connexion fieldset input{
384
	font-size:11px;}
382
	font-size:11px;}
385
#zone-menu-connexion h3{
383
#zone-menu-connexion h3{
386
	position:absolute;
384
	position:absolute;
387
	width:270px;
385
	width:270px;
388
	padding:5px 5px 5px 9px;
386
	padding:5px 5px 5px 9px;
389
	margin:-29px 0 0 -10px;
387
	margin:-29px 0 0 -10px;
390
	color:white;
388
	color:white;
391
	text-align:left;
389
	text-align:left;
392
	text-transform:uppercase;
390
	text-transform:uppercase;
393
	font-size:12px;
391
	font-size:12px;
394
	background-color:#99C242;
392
	background-color:#99C242;
395
	-moz-border-radius:0 10px 0 0;
393
	-moz-border-radius:0 10px 0 0;
396
	-webkit-border-radius:0 10px 0 0;
394
	-webkit-border-radius:0 10px 0 0;
397
	border-radius:0 10px 0 0;}
395
	border-radius:0 10px 0 0;}
398
#zone-menu-connexion fieldset label{
396
#zone-menu-connexion fieldset label{
399
	position:relative;
397
	position:relative;
400
	width:15em;
398
	width:15em;
401
	display:block;
399
	display:block;
402
	margin:.1em 0em;}
400
	margin:.1em 0em;}
403
#username, #password{
401
#username, #password{
404
	width:80px;}
402
	width:80px;}
405
#zone-menu-connexion fieldset #connexion{
403
#zone-menu-connexion fieldset #connexion{
406
	border:solid 1px #8eb533;
404
	border:solid 1px #8eb533;
407
	padding:0;}
405
	padding:0;}
408
#persistant, #persistant_label{
406
#persistant, #persistant_label{
409
	float:left;
407
	float:left;
410
	margin-left:0;}
408
	margin-left:0;}
411
#persistant_label{
409
#persistant_label{
412
	padding-top:2px}
410
	padding-top:2px}
413
#zone-menu-connexion #colonneDroite{
411
#zone-menu-connexion #colonneDroite{
414
	width:150px;
412
	width:150px;
415
	position:absolute;
413
	position:absolute;
416
	left:165px;
414
	left:165px;
417
	top:21px;}
415
	top:21px;}
418
#zone-menu-connexion #colonneDroite .connectgris{
416
#zone-menu-connexion #colonneDroite .connectgris{
419
	padding-top:5px;
417
	padding-top:5px;
420
	padding-bottom:5px}
418
	padding-bottom:5px}
421
/*+-----------------------------------------------------------------------------------------------------------------+*/
419
/*+-----------------------------------------------------------------------------------------------------------------+*/
422
/* ZONE BANDEAU PROJETS */
420
/* ZONE BANDEAU PROJETS */
423
#bandeauProjets{
421
#bandeauProjets{
424
	width:845px;
422
	width:845px;
425
	margin:20px 0 20px 0;
423
	margin:20px 0 20px 0;
426
	border:dotted 1px #fd8c13;
424
	border:dotted 1px #fd8c13;
427
	-moz-border-radius:10px;
425
	-moz-border-radius:10px;
428
	-webkit-border-radius:10px;
426
	-webkit-border-radius:10px;
429
	border-radius:10px;
427
	border-radius:10px;
430
	float:left;
428
	float:left;
431
	padding-left:65px;
429
	padding-left:65px;
432
	margin-left:30px}
430
	margin-left:30px}
433
 
-
 
434
#bandeauProjets ul{
431
#bandeauProjets ul{
435
	height:98px;
432
	height:98px;
436
	padding:0;
433
	padding:0;
437
	list-style:none;
434
	list-style:none;
438
	font-family:arial;}
435
	font-family:arial;}
439
#bandeauProjets ul li{
436
#bandeauProjets ul li{
440
	width:250px;
437
	width:250px;
441
	margin-left:15px;
438
	margin-left:15px;
442
	border:double 1px orange;
439
	border:double 1px orange;
443
	border-width:0 4px 0 0;
440
	border-width:0 4px 0 0;
444
	display:inline;
441
	display:inline;
445
	height:95px;
442
	height:95px;
446
	float:left;}
443
	float:left;}
447
#bandeauProjets ul li, #bandeauProjets ul li p{
444
#bandeauProjets ul li, #bandeauProjets ul li p{
448
	font-family:arial;
445
	font-family:arial;
449
	font-size:10px;
446
	font-size:10px;
450
	line-height:1.3em;}
447
	line-height:1.3em;}
451
#bandeauProjets ul li p{
448
#bandeauProjets ul li p{
452
	padding-right:2px;}
449
	padding-right:2px;}
453
#bandeauProjets ul li a{
450
#bandeauProjets ul li a{
454
	color:#7B9C35;
451
	color:#7B9C35;
455
	font-weight:bold;}
452
	font-weight:bold;}
456
#bandeauProjets ul li h3{
453
#bandeauProjets ul li h3{
457
	padding:5px 0 5px 0;
454
	padding:5px 0 5px 0;
458
	margin:0;
455
	margin:0;
459
	color:#fd8c13;}
456
	color:#fd8c13;}
460
#bandeauProjets ul li img{
457
#bandeauProjets ul li img{
461
	float:right;
458
	float:right;
462
	padding:10px}
459
	padding:10px}
463
#bandeauProjets ul .bouton{
460
#bandeauProjets ul .bouton{
464
	width:20px;}
461
	width:20px;}
465
#bandeauProjets #boutonPrecedent, #bandeauProjets #boutonSuivant{
462
#bandeauProjets #boutonPrecedent, #bandeauProjets #boutonSuivant{
466
	position:absolute;}
463
	position:absolute;}
467
#bandeauProjets #boutonPrecedent{
464
#bandeauProjets #boutonPrecedent{
468
	margin-left:-66px;
465
	margin-left:-66px;
469
	margin-top:-99px;
466
	margin-top:-99px;
470
	height:100px;
467
	height:100px;
471
	background:white;
468
	background:white;
472
	cursor:pointer;
469
	cursor:pointer;
473
	width:70px;
470
	width:70px;
474
	border:dotted 1px #fd8c13;
471
	border:dotted 1px #fd8c13;
475
	border-right-style:none;
472
	border-right-style:none;
476
	-moz-border-radius:10px 0 0 10px;
473
	-moz-border-radius:10px 0 0 10px;
477
	-webkit-border-radius:10px 0 0 10px;
474
	-webkit-border-radius:10px 0 0 10px;
478
	border-radius:10px 0 0 10px;
475
	border-radius:10px 0 0 10px;
479
	background:white url(/sites/commun/generique/images/graphisme/fleche_gauche.png) no-repeat 5px 25px;}
476
	background:white url(/sites/commun/generique/images/graphisme/fleche_gauche.png) no-repeat 5px 25px;}
480
#bandeauProjets #boutonSuivant{
477
#bandeauProjets #boutonSuivant{
481
	margin-left:799px;
478
	margin-left:799px;
482
	margin-top:-99px;
479
	margin-top:-99px;
483
	width:30px;
480
	width:30px;
484
	cursor:pointer;
481
	cursor:pointer;
485
	background:white url(/sites/commun/generique/images/graphisme/fleche_droite.png) no-repeat 15px 25px;
482
	background:white url(/sites/commun/generique/images/graphisme/fleche_droite.png) no-repeat 15px 25px;
486
	padding:28px 8px 53px 8px;
483
	padding:28px 8px 53px 8px;
487
	border:dotted 1px #fd8c13;
484
	border:dotted 1px #fd8c13;
488
	border-left-style:none;
485
	border-left-style:none;
489
	-moz-border-radius:0 10px 10px 0;
486
	-moz-border-radius:0 10px 10px 0;
490
	-webkit-border-radius:0 10px 10px 0;
487
	-webkit-border-radius:0 10px 10px 0;
491
	border-radius:0 10px 10px 0;}
488
	border-radius:0 10px 10px 0;}
492
/*+-----------------------------------------------------------------------------------------------------------------+*/
489
/*+-----------------------------------------------------------------------------------------------------------------+*/
493
/* ZONE BAS PAGE */
490
/* ZONE BAS PAGE */
494
#zone-bas-page{
491
#zone-bas-page{
495
	width:960px;
492
	width:960px;
496
	clear:both;}
493
	clear:both;}
497
#zone-bas-page div{
494
#zone-bas-page div{
498
	width:900px;
495
	width:900px;
499
	margin:20px 0 10px 0;
496
	margin:20px 0 10px 0;
500
	text-align:center;}
497
	text-align:center;}
501
#zone-bas-page div ul li{
498
#zone-bas-page div ul li{
502
	list-style:none;
499
	display:inline;
503
	text-decoration:none;
500
	margin-left:10px;
-
 
501
	padding :6px 0 0 20px;
504
	text-align:center;
502
	text-align:center;
-
 
503
	line-height:22px;
505
	font-size: 12px;
504
	font-size: 12px;
506
	font-family:arial;
505
	font-family:arial;
507
	display:inline;
506
	text-decoration:none;
508
	margin-left:10px;
507
	list-style:none;}
509
	padding :6px 0 0 20px}
-
 
510
#zone-bas-page > div a:link, #zone-bas-page > div a:visited, #zone-bas-page > div a:active{
508
#zone-bas-page > div a:link, #zone-bas-page > div a:visited, #zone-bas-page > div a:active{
511
	font-weight:normal;
509
	font-weight:normal;
512
	color:#7b9c35;
510
	color:#7b9c35;
513
	text-decoration:none;}
511
	text-decoration:none;}
514
#zone-bas-page > div a:hover{
512
#zone-bas-page > div a:hover{
515
	font-weight:normal;
513
	font-weight:normal;
516
	color:#fd8c13;
514
	color:#fd8c13;
517
	text-decoration:none;}
515
	text-decoration:none;}
518
/*+-----------------------------------------------------------------------------------------------------------------+*/
516
/*+-----------------------------------------------------------------------------------------------------------------+*/
519
/* ZONE BAS PAGE : MENUS COMMUNS */
517
/* ZONE BAS PAGE : MENUS COMMUNS */
520
#accueil{
518
#accueil{
521
	background:url(/sites/commun/generique/images/graphisme/accueil.png) no-repeat 0 2px;}
519
	background:url(/sites/commun/generique/images/graphisme/accueil.png) no-repeat 0 2px;}
522
#faq{
520
#faq{
523
	background:url(/sites/commun/generique/images/graphisme/faq.png) no-repeat 0 2px;}
521
	background:url(/sites/commun/generique/images/graphisme/faq.png) no-repeat 0 2px;}
524
#contact{
522
#contact{
525
	background:url(/sites/commun/generique/images/graphisme/contact.png) no-repeat 0 2px;}
523
	background:url(/sites/commun/generique/images/graphisme/contact.png) no-repeat 0 2px;}
526
#plan{
524
#plan{
527
	background:url(/sites/commun/generique/images/graphisme/plan.png) no-repeat 0 2px;}
525
	background:url(/sites/commun/generique/images/graphisme/plan.png) no-repeat 0 2px;}
528
#rss{
526
#rss{
529
	background:url(/sites/commun/generique/images/graphisme/rss.png) no-repeat 0 2px;}
527
	background:url(/sites/commun/generique/images/graphisme/rss.png) no-repeat 0 2px;}
530
#telechargement{
528
#telechargement{
531
	background:url(/sites/commun/generique/images/graphisme/telechargement.png) no-repeat 0 2px;}
529
	background:url(/sites/commun/generique/images/graphisme/telechargement.png) no-repeat 0 2px;}
532
#visite{
530
#visite{
533
	background:url(/sites/commun/generique/images/graphisme/visite.png) no-repeat 0 2px;}
531
	background:url(/sites/commun/generique/images/graphisme/visite.png) no-repeat 0 2px;}
534
#mentions{
532
#mentions{
535
	background:url(/sites/commun/generique/images/graphisme/cc.gif) no-repeat 0 2px;}
533
	background:url(/sites/commun/generique/images/graphisme/cc.gif) no-repeat 0 2px;}
536
/*+-----------------------------------------------------------------------------------------------------------------+*/
534
/*+-----------------------------------------------------------------------------------------------------------------+*/
537
/* ZONE BAS PAGE : COORDONNEES */
535
/* ZONE BAS PAGE : COORDONNEES */
538
#coordonees{
536
#coordonees{
539
	width:900px;
537
	width:900px;
540
	text-align:center;
538
	text-align:center;
541
	margin:auto;
539
	margin:auto;
542
	background:url(/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat right;
540
	background:url(/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat right;
543
	padding-right:5px;
541
	padding-right:5px;
544
	height:15px;}
542
	height:15px;}
545
#coordonees span{
543
#coordonees span{
546
	float:left;
544
	float:left;
547
	padding-left:15px;
545
	padding-left:15px;
548
	background:url(/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat 5px 5px;
546
	background:url(/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat 5px 5px;
549
	font-family:arial;
547
	font-family:arial;
550
	font-size:12px;
548
	font-size:12px;
551
	font-weight:normal;
549
	font-weight:normal;
552
	font-style:normal;}
550
	font-style:normal;}