Subversion Repositories Sites.tela-botanica.org

Rev

Rev 643 | Rev 650 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 643 Rev 644
Line 8... Line 8...
8 
	/* Classes & couleurs */
 8 
	/* Classes & couleurs */
9 
	.nodisplay {display:none}
 9 
	.nodisplay {display:none}
10 
	.hidden	{visibility:hidden}
 10 
	.hidden	{visibility:hidden}
11 
	.spacer125 {width:125px; float:left;}
 11 
	.spacer125 {width:125px; float:left;}
Line -... Line 12...
- 
 
 12
- 
 
 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;}
Line 12... Line 20...
12
20
13
21
14 
	p { color:#3a3633; font-family:arial; font-size:12px; font-weight:normal; line-height:16px; }
 22 
	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;}
 23 
	.lireTout	{padding:10px 0 0 30px; background:url(../images/traitTela.jpg) no-repeat 0 6px;}
Line 25... Line 33...
25 
 	.gris{ color:#3a3633; font-family:arial; font-size:12px; }
 33 
 	.gris{ color:#3a3633; font-family:arial; font-size:12px; }
26 
	.vert, p.vert a, p.vert { color:#7b9c35; font-family:arial; font-size:12px; }
 34 
	.vert, p.vert a, p.vert { color:#7b9c35; font-family:arial; font-size:12px; }
27 
	.grisclair	{color:#f2f2f2}
 35 
	.grisclair	{color:#f2f2f2}
28 
	.grisfonce	{color:#5c5950}
 36 
	.grisfonce	{color:#5c5950}
Line -... Line 37...
- 
 
 37
- 
 
 38
29
39
30 
	.petitcarre	{padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 3px;}
 40 
	.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;}
 41 
	#zone-droite h1, .troiscarre	{padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;}
Line 32... Line 42...
32 
	body { behavior: url(csshover.htc); /*pour internet explorer propriete hover*/}
 42 
	body { behavior: url(csshover.htc); /*pour internet explorer propriete hover*/}
Line 181... Line 191...
181 
text-align:center;
 191 
text-align:center;
182 
float:left;
 192 
float:left;
183 
}
 193 
}
Line 184... Line 194...
184 
 
 194 
 
185 
/* menu haut */
 - 
 
186 
#menuHaut .menuHautActif a{
 - 
 
187 
color: #5e5852;
 - 
 
188 
width:20px;
 - 
 
189 
font-weight: bold;
 - 
 
190 
font-size: 14px;
 - 
 
191 
text-transform: uppercase;
 - 
 
192 
padding-bottom: 5px;
 - 
 
193 
border-bottom:4px solid grey;
 195 
/* menu haut */
194 
-moz-border-radius: 30px 30px 30px 30px;
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; }
195 
-webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */
197 
#menuHaut a:link , #menuHaut a:visited , #menuHaut a :active  { text-decoration:none; }
196 
border-radius: 30px 30px 30px 30px;
- 
 
Line 197... Line 198...
197 
}
 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;}
Line 198... Line -...
198 
 
 - 
 
199 
#menuHaut a	{color:white; }
 - 
 
200 
 
 199 
 
201 
#menuHaut{
 - 
 
202 
width:auto;
 - 
 
203 
margin-bottom:10px;
 - 
 
204 
margin-top:10px;
 200 
#menuHaut a	{color:white; }
205 
margin-left:15px;
 - 
 
206 
float:left;
 - 
 
207 
/* list-style:none; */
 - 
 
208 
text-decoration:none;
 - 
 
209 
text-align:center;
 - 
 
Line 210... Line 201...
210 
font-size: 14px;
 201 
 
Line -... Line 202...
- 
 
 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;}
- 
 
 204 
 
- 
 
 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; }
- 
 
 206 
 
- 
 
 207 
 
Line 211... Line 208...
211 
font-family:arial;
 208 
/* Couleurs des différents menus*/
212 
line-height:20px;
 - 
 
213 
 
 - 
 
214 
}
 - 
 
215 
 
 - 
 
216 
 
 - 
 
217 
 
 - 
 
218 
#menuAccueil{
 - 
 
219 
/* background:  URL(images/menuAccueil.jpg)  no-repeat top ; */
 - 
 
220 
background: #fd8c13;
- 
 
221 
color:#fd8c13;
 - 
 
222 
text-decoration: none;
- 
 
223 
-moz-border-radius: 7px 7px 7px 7px;
209 
#menuAccueil { background: #fd8c13; }
224 
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */
- 
 
225 
border-radius: 7px 7px 7px 7px;
- 
 
226 
-moz-box-shadow: 4px 4px 7px #aaa;
- 
 
227 
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */
 - 
 
228 
box-shadow: 7px 7px 11px #555;
- 
 
229 
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
- 
 
230 
 zoom: 1; /* pour ie8 */
- 
 
231 
width:160px;
 - 
 
232 
height:20px;
 210 
#menuBotanique { background: #9ac243;}
233 
text-align:center;
 211 
#menuActualites{ background: #c2c0ad; }
234 
float:left;
 212 
#menuReseau { background: #e16039; }
235 
margin-right:15px;
 213 
#menuProjets{ background: #a89d80; }
236 
 
 214 
 
237 
}
 215 
/*
238 
 
 216 
	TODO : ou est ce utilisé ?
Line 255... Line 233...
255 
-webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */
233 
-webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */
256 
border-radius: 30px 30px 30px 30px;
234 
border-radius: 30px 30px 30px 30px;
Line 257... Line 235...
257 
 
 235 
 
Line 258... Line -...
258 
}
 - 
 
259 
 
 - 
 
260 
#menuBotanique{
 - 
 
261 
/* background:  URL(images/menuBotanique.jpg)  no-repeat top ;
 - 
 
262 
 */
 - 
 
263 
 background: #9ac243;
- 
 
264 
color:#9ac243;
 - 
 
265 
text-decoration: none;
- 
 
266 
-moz-border-radius: 7px 7px 7px 7px;
- 
 
267 
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */
- 
 
268 
border-radius: 7px 7px 7px 7px;
- 
 
269 
-moz-box-shadow: 4px 4px 7px #aaa;
- 
 
270 
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */
 - 
 
271 
box-shadow: 7px 7px 11px #555;
- 
 
272 
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
- 
 
273 
 zoom: 1; /* pour ie8 */
- 
 
274 
width:160px;
 - 
 
275 
height:20px;
 - 
 
276 
text-align:center;
 - 
 
277 
float:left;
 - 
 
Line 278... Line -...
278 
margin-right:15px;
 - 
 
279 
}
 - 
 
280 
 
 - 
 
Line 281... Line -...
281 
#menuBotanique a:link , #menuBotanique a:visited , #menuBotanique a :active  {
 - 
 
282 
text-decoration:none;
 - 
 
283 
}
 - 
 
284 
 
 - 
 
285 
#menuBotanique a:hover, #menuBotanique a:focus{
 - 
 
286 
font-weight:bold;
 - 
 
287 
color: #5e5852;
- 
 
288 
text-decoration:none;
 - 
 
289 
text-transform:uppercase;
 - 
 
290 
padding-bottom: 5px;
 - 
 
Line 291... Line -...
291 
border-bottom:4px solid grey;
 - 
 
Line 292... Line -...
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 */
- 
 
Line 312... Line -...
312 
width:160px;
 - 
 
313 
height:20px;
 - 
 
314 
text-align:center;
 - 
 
Line 315... Line -...
315 
float:left;
 - 
 
316 
margin-right:15px;
 - 
 
317 
}
 - 
 
318 
 
 - 
 
319 
#menuActualites a:link , #menuActualites a:visited , #menuActualites a :active  {
 - 
 
320 
text-decoration:none;
 - 
 
321 
}
 - 
 
322 
 
 - 
 
323 
#menuActualites a:hover, #menuActualites a:focus{
 - 
 
324 
font-weight:bold;
 - 
 
325 
color: #5e5852;
- 
 
326 
text-decoration:none;
 - 
 
327 
text-transform:uppercase;
 - 
 
328 
padding-bottom: 5px;
 - 
 
329 
border-bottom:4px solid grey;
 - 
 
330 
-moz-border-radius: 30px 30px 30px 30px;
- 
 
331 
-webkit-border-radius:30px 30px 30px 30px;  /* pour Chrome */
- 
 
332 
border-radius: 30px 30px 30px 30px;
- 
 
333 
 
 - 
 
334 
}
 - 
 
335 
 
 - 
 
336 
#menuReseau{
 - 
 
337 
/* background:  URL(images/menuReseau.jpg)  no-repeat top ; */
 - 
 
338 
background: #e16039;
- 
 
339 
color:#e16039;
 - 
 
340 
text-decoration: none;
- 
 
341 
-moz-border-radius: 7px 7px 7px 7px;
- 
 
342 
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */
- 
 
343 
border-radius: 7px 7px 7px 7px;
- 
 
344 
-moz-box-shadow: 4px 4px 7px #aaa;
- 
 
345 
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */
 - 
 
346 
box-shadow: 7px 7px 11px #555;
- 
 
347 
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
- 
 
348 
 zoom: 1; /* pour ie8 */
- 
 
349 
width:160px;
 - 
 
350 
height:20px;
 - 
 
351 
text-align:center;
 - 
 
352 
float:left;
 - 
 
353 
margin-right:15px;
 - 
 
354 
}
 - 
 
355 
 
 - 
 
356 
#menuReseau a:link , #menuReseau a:visited , #menuReseau a :active  {
 - 
 
357 
text-decoration:none;
 - 
 
358 
}
 - 
 
359 
 
 - 
 
360 
#menuReseau a:hover, #menuReseau a:focus{
 - 
 
361 
font-weight:bold;
 - 
 
362 
color: #5e5852;
- 
 
363 
text-decoration:none;
 - 
 
364 
text-transform:uppercase;
 - 
 
365 
padding-bottom: 5px;
 - 
 
366 
border-bottom:4px solid grey;
 - 
 
367 
-moz-border-radius: 30px 30px 30px 30px;
- 
 
368 
-webkit-border-radius:30px 30px 30px 30px;  /* pour Chrome */
- 
 
369 
border-radius: 30px 30px 30px 30px;
- 
 
370 
 
 - 
 
371 
}
 - 
 
372 
 
 - 
 
373 
#menuProjets{
 - 
 
374 
/* background:  URL(images/menuProjets.jpg)  no-repeat top ; */
 - 
 
375 
background: #a89d80;
- 
 
376 
color:#a89d80;
 - 
 
377 
text-decoration: none;
- 
 
378 
-moz-border-radius: 7px 7px 7px 7px;
- 
 
379 
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */
- 
 
380 
border-radius: 7px 7px 7px 7px;
- 
 
381 
-moz-box-shadow: 4px 4px 7px #aaa;
- 
 
382 
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */
 - 
 
383 
box-shadow: 7px 7px 11px #555;
- 
 
384 
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
- 
 
385 
 zoom: 1; /* pour ie8 */
- 
 
386 
 
 - 
 
387 
width:160px;
 - 
 
388 
height:20px;
 - 
 
Line 389... Line 236...
389 
text-align:center;
 236 
}
390 
float:left;
 237 
 
391 
margin-right:0px;
 238 
 
392 
}
 239 
 
Line 1812... Line 1659...
1812 
/*color:#9ac342; */
 1659 
/*color:#9ac342; */
1813 
}
 1660 
}
Line 1814... Line 1661...
1814 
 
 1661 
 
1815 
#clearBoth{
 1662 
#clearBoth{
1816 
clear:both;
 - 
 
1817 
}
 - 
 
1818 
 
 - 
 
1819 
 
 - 
 
1820 
 
 - 
 
1821 
 
 - 
 
1822 
 
 - 
 
1823 
 
 - 
 
1824 
 
 - 
 
1825 
/*autres versions*/
 - 
 
1826 
/* #separation{
 - 
 
1827 
width:900px;
 - 
 
1828 
height:60px;
 - 
 
1829 
margin-top:60px;
 - 
 
1830 
border-top:dotted black 2px;
 - 
 
1831 
float:left;
 - 
 
1832 
}
 - 
 
1833 
#versionCouleursDescendus{
 - 
 
1834 
width:900px;
 - 
 
1835 
height:855px;
 - 
 
1836 
float:left;
 - 
 
1837 
background:URL(images/versionCouleursDescendus.jpg) no-repeat top;
 - 
 
1838 
}
 - 
 
1839 
#versionCouleursTresDescendus{
 - 
 
1840 
width:900px;
 - 
 
1841 
height:855px;
 - 
 
1842 
float:left;
 - 
 
1843 
background:URL(images/versionCouleursTresDescendus.jpg) no-repeat top;
 - 
 
1844 
}
 - 
 
1845 
#versionSansCouleursFond{
 - 
 
1846 
width:900px;
 - 
 
1847 
height:855px;
 - 
 
1848 
float:left;
 - 
 
1849 
background:URL(images/versionSansCouleursFond.jpg) no-repeat top;
 - 
 
1850 
}
 - 
 
1851 
#versionCarreCourt{
 - 
 
1852 
width:900px;
 - 
 
1853 
height:855px;
 - 
 
1854 
float:left;
 - 
 
1855 
background:URL(images/versionCarreCourt.jpg) no-repeat top;
 1663 
clear:both;
1856 
}
 - 
 
1857 
#versionCouleurGris{
 - 
 
1858 
width:900px;
 - 
 
1859 
height:855px;
 - 
 
1860 
float:left;
 - 
 
1861 
background:URL(images/VersionCouleurGris.jpg) no-repeat top;
 - 
 
1862 
} */
 - 
 
1863 
 
 1664 
}