body {
font-size: 10px;
margin:0;
padding:0;
}
#header {
height: 150px;
background: url('./images/bandeau.jpg') top left no-repeat;
}
#haut {
height: 40px;
background: url('./images/menuhaut.gif') top center no-repeat;
font-family: "Arial";
font-size: 15px;
}
#conteneur {
width:780px; /*Largeur du design*/
margin:0 auto 0 -390px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
position:absolute;
top:20px; /*20px entre le coin supérieur de l’écran et le design*/
left:50%;/*50% de marge ( cela centrera le design )*/
border: 1px solid #94b165;
background-color: #ffffff;
}
#centrehaut {
width:613px;
height: 35px;
float:right;
margin-right:4px;
background :url('./images/centrehaut.gif');
margin-top:16px;
color: white;
}
#centrehaut p {
padding :0px;
margin:10px;
font-family: "Arial";
font-size: 14px;
line-height: 10px;
}
#centrehaut a {
color: white;
text-decoration: none;
}
#centrehaut a:hover {
font-weight: bold;
text-decoration: none;
}
#centre {
width:613px;
float:right;
margin-right:4px;
border: 0px solid #00a84d;
background-color:#ffffff;
}
#centre p {
padding :5px ;
margin:2px;
}
#centre a {
text-decoration: underline;
}
.centreactu {
width:613px;
float:right;
margin-right:8px;
border: 1px solid #94b165;
background-color:#ffffff;
}
.centreactu p {
padding :5px ;
margin:2px;
}
#centre a:hover {background: none; /* correction d'un bug IE */}
#centre a span { /* définition de la balise inclue dans */display: none;}
#centre a:hover span { /* définition de la balise au survol */display: inline;position: absolute;top: 200px; /* positions et dimensions du calque, que vous pouvez changer à loisir */left: 100px;width: 200px;height: 100px;background: green;text-align: center;color: white;}
#gauche {
width:140px;
float:left;
padding: 0.5em 0 8em 0;
margin-top:16px;
margin-left:6px;
background: url('./images/menugauchehaut.jpg') left top no-repeat;
font-family: "Arial";
font-size: 12px;
color: white;
}
#gauche ul {
list-style-type: none;
padding: 0;
margin: 0 1em;}
#gauche li a {
display: block;
text-decoration: none;
height: 1.4em;
line-height: 1.4em;
color: white;
text-ident; 1em;
}
#gauche li a:hover {
color: white;
text-decoration: underline;
}
#gauchemilieu {
background: url('./images/menugauchemilieu.jpg');}
#gauchebas {
width:140px;
float:left;
padding: 0.5em 0 8em 0;
margin-top:16px;
margin-left:6px;
background: url('./images/accueil.gif') left top no-repeat;
}
#pied {
height: 25px;
background-color: #94b165;
color: white;
line-height: 25px;
text-align: center;
font-family: "Arial";
font-size: 10px;
}
#menuhaut {
margin: 0;
padding: 0.1em 0.5em 0.1em 0;
text-align: center;
line-height: 27px;
font-size: 12px;
}
#menuhaut li {
color: white;
display: inline;
}
#menuhaut a {
color: white;
text-decoration: none;
}
#menuhaut a:hover {
color: white;
text-decoration: underline;
}
#pied a {
color: white;
text-decoration: none;
}
#pied a:hover {
color : #B4CCB4;
text-decoration: underline;
}
div.clear { clear:both;float:none;}
.contenant
{
display : block;
border: 1px solid #000000;
}