html,body{font-family:verdana,arial;text-align:center;margin:0;color:white;}

body{
background-color:black;
font-size:12px;
background-image:url('images/back.png');
margin:0;
}
a img{
border:0;
}
.vert{
color:darkgreen;
}
.vert_c{
color:#7ee717;
}
.rouge{
color:#ee2200;
}
.back_gris{
background-color:#eeeeee;
}
.back_blanc{
background-color:white;
}
.bord_bas{
border-bottom:solid 1px #cccccc;
}
.b{
font-weight:bold;
}
.c{
text-align:center;
}

.size12{
font-size:12px;
}
.size16{
font-size:16px;
}
form{
margin:0;
text-align:left;
}
input{
font-size:11px;
border:solid 1px black;
background-color:white;
font-family:Arial,Trebuchet MS;
color:green;
font-weight:bold;
}
#top{
width:100%;
background-color:white;
height:6px;
}
#content{
width:800px;
margin-left:auto;
margin-right:auto;
}
#header{
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
width:780px;
padding-bottom:25px;
padding-top:25px;
height:65px;
background-image:url('images/back_header.png');
background-repeat:no-repeat;
text-align:left;
border-bottom:solid 0px #227700;
background-color:black;
}
#menu{
margin-top:22px;
width:780px;
}
#menu img{
margin:0;
}
#header #cadreh{
width:200px;
height:40px;
margin-left:10px;
}
#cadre{
width:780px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
overflow:auto;
}
#adresse{
width:240px;
height:230px;
color:white;
font-size:16px;
float:left;
margin-right:40px;
}
#image_accueil{
width:500px;
height:230px;
color:black;
background-image:url('images/accueil.png');
float:left;

}

.trait{
width:80%;
height:20px;
background-image:url('images/trait.gif');
background-repeat:repeat-x;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:10px;
}
#principal img{
float:left;
}
#principal #adresse{
float:left;
width:250px;
height:150px;
overflow:auto;
margin-right:40px;
margin-top:20px;
padding-top:0px;
text-align:center;
font-size:16px;
font-family:Trebuchet MS, Arial,Times New Roman,Century Gothic;
color:white;
}
#principal #adresse h1{
margin:0;
font-size:24px;
}
#contenu{
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:750px;
overflow:auto;
}

.gros_titre{
width:100%;
color:white;
font-size:16px;
background-color:black;
text-align:center;
font-weight:bold;
padding-top:20px;
padding-bottom:20px;
border-bottom:solid 1px #bbbbbb;
font-family:Trebuchet MS;
}

.block_cat{
width:240px;
padding:5px;
overflow:auto;
margin-right:5px;
float:left;
text-align:left;
font-size:11px;
font-family:Trebuchet MS,Century Gothic;
margin-bottom:10px;
}
.block_cat a{
color:orange;
}
.block_cat a:hover{
text-decoration:underline;
}

.block_cat img{
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:7px;
}


/* ------------------------------------ LE STOCK------------------------------------------------------------- */

#block_stock{
float:left;
width:500px;
font-size:10px;
color:black;
background-image:url('images/top_stock.png');
background-repeat:no-repeat;
text-align:left;
margin-bottom:40px;
}
#block_stock a{
text-decoration:none;
}

.stock{
margin:0;
float:left;
width:490px;
padding:5px;
border-bottom:solid 1px #bbbbbb;
cursor:pointer;
}
a .stock{
color:black;
text-decoration:none;
}
a:hover .stock{
background-color:#cccccc;
}
.stock .entete{
width:100%;
height:18px;
padding-top:2px;
color:white;
font-size:12px;
}
.stock .entete a{
color:white;
text-decoration:none;
cursor:pointer;
}
.stock .entete a:hover{
text-decoration:underline;
color:white;
}
.stock .entete a:visited{
color:white;
}

.stock img{
float:left;
border:solid 1px #cccccc;
margin-right:4px;
}
.stock .entete a:hover .marque{
text-decoration:underline;
}
.stock .entete a:hover .modele{
text-decoration:underline;
}
.stock .entete a:hover .couleur{
text-decoration:underline;
}
.stock .entete a:hover .km{
text-decoration:underline;
}
.stock .entete a:hover .annee{
text-decoration:underline;
}
.stock .entete a:hover .prix{
text-decoration:underline;
}
.stock .marque{
float:left;
width:85px;
padding-right:5px;
}
.stock .modele{
float:left;
width:115px;
padding-right:5px;
font-weight:bold;
}
.stock .couleur{
float:left;
width:85px;
padding-right:5px;
}
.stock .km{
float:left;
width:85px;
padding-right:5px;
text-align:center;
}
.stock .annee{
float:left;
width:45px;
padding-right:5px;
text-align:center;
}
.stock .prix{
float:left;
width:45px;
padding-right:5px;
text-align:center;
}

#nouveautes{
margin-right:10px;
width:260px;
float:left;
text-align:left;
}
#nouveautes img{
margin-top:0;
margin-bottom:0;
}
#nouveautes a{
text-decoration:none;
}
#nouveautes a:hover{
cursor:pointer;
}
a:hover .nouveaute{
background-color:#cccccc;
}
.nouveaute{
float:left;
width:250px;
padding:5px;
margin-right:10px;
color:black;
font-size:10px;
font-weight:bold;
}
.nouveaute img{
border:solid 1px #cccccc;
float:left;
margin-right:4px;
}
.nouveaute .texte{
float:left;
width:160px;
overflow:auto;
}
#cadre_detail{
width:100%;
margin-top:20px;
text-align:left;
}
#cadre_detail img{
cursor:pointer;
}
#cadre_detail .gauche{
width:300px;
float:left;
margin-right:20px;
}

#cadre_detail .droite{
width:460px;
float:left;
}

#cadre_detail span{
font-size:20px;
}
#cadre_detail p span{
font-size:12px;
color:#7ee717;
}
#cadre_detail .gauche img{
border:solid 1px #cccccc;
margin-left:2px;
margin-top:2px;
}
#acces{
width:779px;
}
#acces #gauche iframe{
margin-bottom:10px;
}

#acces #gauche{
width:405px;
float:left;
margin-right:20px;
margin-bottom:20px;
}
#acces #droite{
width:320px;
float:left;
text-align:right;
}
#acces #droite img{
float:right;
margin-bottom:5px;
}
#acces #droite p{
float:right;
width:320px;
}

#footer{
width:800px;
height:64px;
margin-left:auto;
margin-right:auto;
overflow:auto;
background-image:url('images/footer.png');
background-color:#101010;
padding-top:10px;
color:black;
position: relative;  /* Safari */
text-align:left;
line-height:12px;
font-size:10px;
}