10,7 → 10,15 |
.hidden {visibility:hidden} |
.spacer125 {width:125px; float:left;} |
|
/* Ombres */ |
.ombre2 { -moz-box-shadow: 4px 4px 7px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ box-shadow: 7px 7px 11px #555; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */} |
|
/*Arrondis*/ |
.arrondi7 {-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ border-radius: 7px 7px 7px 7px;} |
.arrondi30 { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;} |
|
|
p { color:#3a3633; font-family:arial; font-size:12px; font-weight:normal; line-height:16px; } |
.lireTout {padding:10px 0 0 30px; background:url(../images/traitTela.jpg) no-repeat 0 6px;} |
.lireTout a:after{content:" des articles";} |
27,6 → 35,8 |
.grisclair {color:#f2f2f2} |
.grisfonce {color:#5c5950} |
|
|
|
.petitcarre {padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 3px;} |
#zone-droite h1, .troiscarre {padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;} |
body { behavior: url(csshover.htc); /*pour internet explorer propriete hover*/} |
183,62 → 193,30 |
} |
|
/* menu haut */ |
#menuHaut .menuHautActif a{ |
color: #5e5852; |
width:20px; |
font-weight: bold; |
font-size: 14px; |
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; |
} |
#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; } |
#menuHaut a:link , #menuHaut a:visited , #menuHaut a :active { text-decoration:none; } |
#menuHaut .menuHautActif a{ color: #5e5852; width:20px; font-weight: bold; font-size: 14px; text-transform: uppercase; padding-bottom: 5px; border-bottom:4px solid grey;} |
|
#menuHaut a {color:white; } |
|
#menuHaut{ |
width:auto; |
margin-bottom:10px; |
margin-top:10px; |
margin-left:15px; |
float:left; |
/* list-style:none; */ |
text-decoration:none; |
text-align:center; |
font-size: 14px; |
font-family:arial; |
line-height:20px; |
#menuHaut ul li {float:left; width:160px; height:20px; margin-right:15px; text-align:center; text-decoration: none; list-style-type:none; |
/* pour ie8 */ zoom: 1;} |
|
} |
#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; } |
|
|
/* Couleurs des différents menus*/ |
#menuAccueil { background: #fd8c13; } |
#menuBotanique { background: #9ac243;} |
#menuActualites{ background: #c2c0ad; } |
#menuReseau { background: #e16039; } |
#menuProjets{ background: #a89d80; } |
|
#menuAccueil{ |
/* background: URL(images/menuAccueil.jpg) no-repeat top ; */ |
background: #fd8c13; |
color:#fd8c13; |
text-decoration: none; |
-moz-border-radius: 7px 7px 7px 7px; |
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ |
border-radius: 7px 7px 7px 7px; |
-moz-box-shadow: 4px 4px 7px #aaa; |
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ |
box-shadow: 7px 7px 11px #555; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ |
zoom: 1; /* pour ie8 */ |
width:160px; |
height:20px; |
text-align:center; |
float:left; |
margin-right:15px; |
|
} |
|
.down{ |
margin-top:8px; |
} |
/* |
TODO : ou est ce utilisé ? |
.down{ |
margin-top:8px; |
}*/ |
#menuAccueil a:link , #menuAccueil a:visited , #menuAccueil a :active { |
font-weight:normal; |
text-decoration:none; |
257,144 → 235,13 |
|
} |
|
#menuBotanique{ |
/* background: URL(images/menuBotanique.jpg) no-repeat top ; |
*/ |
background: #9ac243; |
color:#9ac243; |
text-decoration: none; |
-moz-border-radius: 7px 7px 7px 7px; |
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ |
border-radius: 7px 7px 7px 7px; |
-moz-box-shadow: 4px 4px 7px #aaa; |
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ |
box-shadow: 7px 7px 11px #555; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ |
zoom: 1; /* pour ie8 */ |
width:160px; |
height:20px; |
text-align:center; |
float:left; |
margin-right:15px; |
} |
|
#menuBotanique a:link , #menuBotanique a:visited , #menuBotanique a :active { |
text-decoration:none; |
} |
|
#menuBotanique a:hover, #menuBotanique 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; |
|
} |
|
#menuActualites{ |
/* background: URL(images/menuActualites.jpg) no-repeat top ; |
*/ |
background: #c2c0ad; |
color:#c2c0ad; |
text-decoration: none; |
-moz-border-radius: 7px 7px 7px 7px; |
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ |
border-radius: 7px 7px 7px 7px; |
-moz-box-shadow: 4px 4px 7px #aaa; |
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ |
box-shadow: 7px 7px 11px #555; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ |
zoom: 1; /* pour ie8 */ |
width:160px; |
height:20px; |
text-align:center; |
float:left; |
margin-right:15px; |
} |
|
#menuActualites a:link , #menuActualites a:visited , #menuActualites a :active { |
text-decoration:none; |
} |
|
#menuActualites a:hover, #menuActualites 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; |
|
} |
|
#menuReseau{ |
/* background: URL(images/menuReseau.jpg) no-repeat top ; */ |
background: #e16039; |
color:#e16039; |
text-decoration: none; |
-moz-border-radius: 7px 7px 7px 7px; |
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ |
border-radius: 7px 7px 7px 7px; |
-moz-box-shadow: 4px 4px 7px #aaa; |
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ |
box-shadow: 7px 7px 11px #555; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ |
zoom: 1; /* pour ie8 */ |
width:160px; |
height:20px; |
text-align:center; |
float:left; |
margin-right:15px; |
} |
|
#menuReseau a:link , #menuReseau a:visited , #menuReseau a :active { |
text-decoration:none; |
} |
|
#menuReseau a:hover, #menuReseau 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; |
|
} |
|
#menuProjets{ |
/* background: URL(images/menuProjets.jpg) no-repeat top ; */ |
background: #a89d80; |
color:#a89d80; |
text-decoration: none; |
-moz-border-radius: 7px 7px 7px 7px; |
-webkit-border-radius: 7px 7px 7px 7px ; /* pour Chrome */ |
border-radius: 7px 7px 7px 7px; |
-moz-box-shadow: 4px 4px 7px #aaa; |
-webkit-box-shadow: 7px 7px 11px #aaa; /* pour Chrome */ |
box-shadow: 7px 7px 11px #555; |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ |
zoom: 1; /* pour ie8 */ |
|
width:160px; |
height:20px; |
text-align:center; |
float:left; |
margin-right:0px; |
} |
|
#menuProjets a:link , #menuProjets a:visited , #menuProjets a :active { |
text-decoration:none; |
} |
|
#menuProjets a:hover, #menuProjets a:focus{ |
font-weight:bold; |
color: #5e5852; |
1814,50 → 1661,4 |
|
#clearBoth{ |
clear:both; |
} |
|
|
|
|
|
|
|
/*autres versions*/ |
/* #separation{ |
width:900px; |
height:60px; |
margin-top:60px; |
border-top:dotted black 2px; |
float:left; |
} |
#versionCouleursDescendus{ |
width:900px; |
height:855px; |
float:left; |
background:URL(images/versionCouleursDescendus.jpg) no-repeat top; |
} |
#versionCouleursTresDescendus{ |
width:900px; |
height:855px; |
float:left; |
background:URL(images/versionCouleursTresDescendus.jpg) no-repeat top; |
} |
#versionSansCouleursFond{ |
width:900px; |
height:855px; |
float:left; |
background:URL(images/versionSansCouleursFond.jpg) no-repeat top; |
} |
#versionCarreCourt{ |
width:900px; |
height:855px; |
float:left; |
background:URL(images/versionCarreCourt.jpg) no-repeat top; |
} |
#versionCouleurGris{ |
width:900px; |
height:855px; |
float:left; |
background:URL(images/VersionCouleurGris.jpg) no-repeat top; |
} */ |
|
} |