html,body {
background-color: #4a473e;
border: 0px;
}


.bookmark-item {
     list-style-image: url("images/favicon.ico");
}


#conteneur {
position: absolute;
left: 50%;
top: 50%;
width: 690px;
height : 440px;
margin-top: -220px;
margin-left: -345px;
background-color: #b3a896;

}

*{
margin: 0px;
padding: 0px
}

#gauche {
width: 192px;
height: 393px;
background-color: #b3a896;
float: left;
}



#milieu {
width: 303px;
height: 393px;
background-color: #b3a896; 
float: left;
}

#milieu1 {
width: 303px;
height: 130px;
background-color: #ffefd5;
}

.leurre {
font: 1px Verdana;
color:#ffefd5;
}

color: #ffefd5;
margin-top: 0px;
}

.titre {
margin-left: 3px;
margin-top: 0px;
}



#milieu2 {
width: 303px;
height: 145px;
background-color: #e9dbc3; 
}

.h1 {
font: 12px Verdana;
font-weight: 600;
color: #848433;
margin-left : 40px;
margin-top: 0px;
padding-top: 10px;
}



#milieu3 {
width: 303px;
height: 82px;
background-color: #ffefd5; 

}

.h2 {
font: 11px Verdana;
font-style: italic;
color: #a52a2a;
margin-top: 0px;
padding-top: 10px;
text-align: center;
}

.entrez {
margin-left: 104px;
margin-top: 10px;
border: 0px;
}


#milieu4 {
width: 303px;
height: 36px;
background-color: #cec1ad; 
}

.h3 {
font: 9px Verdana;
color: #00008b;
text-align: center;
margin-top: 0px;
padding-top: 5px;
}

#droite {
width: 195px;
height: 393px;
background-color: #cec1ad;
float: left;
}

#droithaut {
width: 195px;
height: 357px;
background-color: #cec1ad;
border: 0px;
}

#droitbas {
width: 195px;
height: 32px;
background-color: #cec1ad;
margin : 0px;
padding: 0px;
border: 0px;
}

#droitbas a {
float: left;
padding-top: 10px;
margin-left: 5px;
width: 170px;
height: 16px;
display: block;   
color: darkblue;
border: 0px;
font: 9px Verdana;   
text-decoration: none;
text-align: center;
background-color: #cec1ad;
}

#droitbas a:hover {
float: left;
padding-top: 10px;
margin-left: 5px;
width: 170px;
height: 16px;
display: block;   
color: darkblue;
border: 0px;
font: 9px Verdana;   
text-decoration: none;
text-align: center;
}

#droitbas a:visited {
float: left;
padding-top: 10px;
margin-left: 5px;
width: 170px;
height: 16px;
display: block;   
color: darkblue;
border: 0px;
font: 9px Verdana;   
text-decoration: none;
text-align: center;
}



#piedepage {
width: 690px;
height: 25px;
background-color: #b3a896 ;
float: left;
margin-bottom: 0px;
}

.leurre2 {
font: 1px Verdana;
color:#b3a896;
}

.textedefilant {
text-align: center;
}

input {
border: 0px;
background-color: #b3a896;
color: #ffffff;
font: 11px Verdana;
font-weight: bold; 
margin: 0px;
padding: 0px;
padding-top: 5px;
height: 15px;
}

#estat {
width: 690px;
height: 10px;
float: left;
background-color: #b3a896;
border: 0px;
padding: 0px;
}


.marqueurgauche {
width: 298px;
height: 10px;
float: left;
border: 0px;
padding: 0px;
}
.marqueur {
width: 90px;
height: 10px;
float: left;
margin-bottom: 0px;
border: 0px;
padding: 0px;
}

.marqueurdroit {
width: 300px;
height: 10px;
float: left;
border: 0px;
padding: 0px;
}