Subversion Repositories Sites.tela-botanica.org

Compare Revisions

Ignore whitespace Rev 643 → Rev 644

/trunk/sites/commun/generique/styles/pageInterieure.css
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;
} */
 
}