/* CSS Document */
/* balises du documents */
body{
margin: 0;
padding: 0;
background-color: #DAD0D0;
font-size: 12px;
}
p{
margin: 0;
padding: 0;
}
a{
color: #487987;
}
a:hover,a:active{
color: #D55C6C;
}
h2{
color: #D55C6C;
text-align: center;
margin: 0;
padding: 0;
}
h2.vente{
color: #487987;
}
h4{
text-decoration: underline;
}
input.bouton{
background: url("img/bouton4.gif") no-repeat;
border: none;
width: 100px;
height: 30px;
margin-left: 120px;
}
input.bouton_adm{
border: none;
background: url("img/bouton5.gif") no-repeat;
width: 100px;
height: 30px;
}
input.bouton_adm_ajt{
border: none;
background: url("img/bouton7.gif") no-repeat;
width: 100px;
height: 30px;
}
input.bouton_adm_sup{
border: none;
background: url("img/bouton8.gif") no-repeat;
width: 100px;
height: 30px;
}
input.bouton_adm_mod{
border: none;
background: url("img/bouton9.gif") no-repeat;
width: 100px;
height: 30px;
}
form.contact{
margin-left: 75px;
display: inline;
}
p.label{
margin-bottom: 17px;
}
hr{
color: #487987;
background-color: #487987;
height: 1px;
}
/* conteneurs */
#container{
margin-left: auto;
margin-right: auto;
width: 1000px;
}
#header{
width: 1000px;
height:150px;
background: url("img/banniere.gif") no-repeat center #fff;
border-bottom: 1px solid #D55C6C;
}
#corps{
width: 100%;
height: 500px;
background-color: #FFF;
font-family: Arial, Helvetica, sans-serif;
color: #D55C6C;
font-size: 12px;
}
#corps2{
width: 100%;
height: 700px;
background-color: #FFF;
font-family: Arial, Helvetica, sans-serif;
color: #D55C6C;
font-size: 12px;
}
#footer{
width: 100%;
height: 20px;
}
#part_gauche{
float: left;
width: 20%;
height: 100%;
margin: 0 0 0 10px;
padding: 0;
border-right: 1px solid #D55C6C;
display: inline;
background-color: #D55C6C;
}
#part_droite{
width: 77%;
height: 100%;
float: right;
font-size: 14px;
}
#part_droite2{
width: 77%;
height: 100%;
float: right;
font-size: 14px;
color: #487987;
}
#presentation{
margin: 5px 0px 5px 5px;
padding: 0;
width: 45%;
height: 85%;
text-align: justify;
float: left;
}
#plan{
width: 53%;
background: url("img/carte.gif") center top no-repeat;
height: 85%;
float: right;
}
#acces{
margin: 250px 0 0 190px;
}
#fonctionnement_gauche{
width: 95%;
float: left;
}
#fonctionnement_gauche h4{
margin: 0;
text-align: left;
font-size: 14px;
text-transform: uppercase;
}
#fonctionnement_gauche img{
float: right;
}
#fonctionnement_droite{
width: 95%;
float: right;
}
#fonctionnement_droite img{
float: left;
margin-right: 30px;
}
#fonctionnement_droite h4{
margin: 0;
font-size: 14px;
text-transform: uppercase;
}
#pouliniere{
height: 400px;
background: url("img/detail_pou.gif") no-repeat left 3px; 
width: 400px;
padding-right: 20px;
float: left;
}
#pouliniere2{
height: 400px;
width: 315px;
padding-right: 20px;
float: left;
}
#pouliniere span{
color: #487987;
font-weight: bold;
}
#pouliniere p{
margin-left: 20px;
padding-right: 20px;
}
#vente{
height: 400px;
background: url("img/detail_ven.gif") no-repeat left 3px; 
width: 400px;
padding-right: 20px;
float: left;
}
#vente2{
height: 400px;
width: 315px;
padding-right: 20px;
float: left;
}
#vente span{
color: #D55C6C;
font-weight: bold;
}
#vente p{
margin-left: 20px;
padding-right: 20px;
}
#contact{
float: left;
width: 100px;
}
#contact2{
float: left;
width: 250px;
}
#contact2 input{
margin-bottom: 10px;
}
#contact3{
float: left;
width: 300px;
}
#contact_vente{
float: left;
width: 98%;
}
#contact_vente span{
color: #487987;
font-weight: bold;
}
#contact_vente img{
float: right;
padding-right: 20px;
}
.con_ven span{
color: #487987;
font-weight: bold;
}
.photos{
float: left;
width: 95%;
}
.photos img{
margin-left: 20px;
float: left;
}
/*- Menu --------------------------- */
#menu {
width: 200px;
margin: 0;
}
#menu ul{
margin: 0;
padding: 0;
list-style: none;
}	
#menu li a {
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
list-style: none;
}		
#menu li a:link, #menu li a:visited {
color: #DAD0D0;
display: block;
background:  url("img/menu9.gif");
padding: 8px 0 0 35px;
}	
#menu li a:hover {
color: #DAD0D0;
background:  url("img/menu9.gif") 0 -32px;
padding: 8px 0 0 35px;
}	
/*tableaux*/
td{
border: 1px solid #487987;
border-top: none;
border-right: none;
padding-left: 2px;
}
td.tab{
border: 1px solid #D55C6C;
border-top: none;
border-right: none;
}