html{
font-size: 100%;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;  
margin: 0;
padding: 0;
}

p {
margin: 0 0 10px 0;
color: #76787a;
}

a {
text-decoration: none
}

a:hover {
text-decoration: none;
color: #f99000;
font-weight: bold;
}

#current {
color: #f99000;
}


#conteneur {
position: relative;
width:56em;
top:1em;
margin: 0 auto; 
background-color:white;
}


#gauchehaut {
position: absolute;
Font-size:0.95em;
left:0em;
width: 1em;
top: 3em;

}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}

.menugauche li {
margin-bottom: 5px;
}

.menugauche a {
margin: 0 ;
color: #76787a;
text-decoration: none;
font-size: 1.05em;
font-weight: bold;
}

.menugauche a:hover {
text-decoration: none;
color: #f99000;
font-size: 1.05em;
font-weight: bold;
}


#Logo {
position: absolute;	/* dimension et positionnement du bloc conteneur  de l'image */
right: 0em;
top: 1em;
width : 7.8em;	

}

#Logo img {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
border-color:white; 
border:0;
}

#droite {
font-size:0.8em;
position: absolute;
right:0em;
top: 19em;
width: 13em;
color: #76787a;
}

#droite a {
text-align:right;
color: #f99000;
font-size:2.2em;
font-weight: bold;
}

#droite a.small {
font-size:1em;
}

#droite a:hover {
text-decoration: none;
color: #76787a;
}

#contact {
position: absolute;
right:3em;
width: 11em;
top: 37em;
font-size:0.8em;
text-align:right;
}

#contact a {
color: #76787a;
font-weight: bold;
}

#contact a:hover {
text-decoration: none;
color: #f99000;
}

#mention {
position: absolute;
left:0em;
width: 11em;
top: 42em;
font-size:0.7em;
}

#mention a {
color: #76787a;
font-weight: bold;
}

#mention a:hover {
text-decoration: none;
color: #f99000;
}

#pied {
position: absolute;
top: 44em;
right:28em;
height: 2em;
font-size:0.75em;
}