@charset "utf-8";
/* CSS Document */

body{
margin: 0;
padding: 0;
background: url(img/fond_principal.gif) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #4c4c4c;
behavior: url(iepngfix.htc);
}
img.image,#menu,#menu ul, #tri li a, .png
{
behavior: url(iepngfix.htc);
}
h1,h2,h3,h4,h5,h6,p,ul,li{
margin: 0;
padding: 0;
}
hr{
color: #4c4c4c;
background-color: #4c4c4c;
height: 5px;
}
h1{
text-align: center;
font-size: 18px;
font-family: "Trebuchet MS", Verdana;
font-style:oblique;
padding-top: 3px;
color: #ff8c09;
}
h2{
font-size: 16px;
font-style:oblique;
margin-left: 50px;
}
h2 span.gris{
font-size: 14px;
color: #4c4c4c;
font-style:normal;
}
h3{
font-size: 14px;
color: #ff8c09;
font-style:normal;
}
/* conteneurs */
#container_principal{
width: 100%;
height: 100%;

}
#container{
width: 980px;
margin: 0 auto;
position: relative;
}
#header{
width: 980px;
height: 280px;
background: url(img/haut.jpg) no-repeat;
}
div#gallery {
width: 800px;
height: 690px;
margin-left: auto;
margin-right: auto;
}
#animation{
padding-top: 71px;
width: 980px;
height: 210px;
z-index: 3;
}
#animFlash{
margin: 0;
width: 460px;
z-index: 3;
}
#titre{
width: 450px;
height: 50px;
z-index: 4;
position: absolute;
top: 287px;
color: #fff;
left: 270px !important;
left: 270px;
}
#title{
text-align: center;
padding-top: 5px;
position: relative;
height: 25px;
background-color: #000;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#vendre{
width: 450px;
height: 50px;
z-index: 4;
position: absolute;
top: 287px;
color: #fff;
left: 270px !important;
left: 270px;
}
#vendu{
position: relative;
width: 145px;
height: 145px;
background: url(img/vendu.png) !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/vendu.png", sizingMethod="scale");
background: none;
}
#vendu_garantie{
position: relative;
width: 180px;
height: 177px;
background: url(img/vendu_garantie.png) !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/vendu_garantie.png", sizingMethod="scale");
background: none;
}
#navbar ul, #navbar ul li{
display: inline;
width: 200px;
font-size: 14px;
color: #000;
}
#navbar ul li.current{
color: red;
font-weight: bold;
}
#content{
width: 980px;
margin-top: 2px !important;
/*encore un hack pour IE 6 seulement cette fois*/
margin-top: -213px;
}
#content a{
color: #ff8c09;
}
#presentation{
width: 980px;
height: 200px;
float: left;
background-color: #dedddb;
}
#presentation h1{
width: 400px !important; 
height: 30px;
padding-left: 25px;
width: 375px;
}
#presentation p{
float: left;
padding: 3px;
}
#autos{
width: 980px;
background-color: #fff;
height: 350px;
float: left;
}
#autos h1,#actus h1{
background: url(img/titre.gif);
width: 980px;
height: 30px;
}
#autos img{
border: solid 5px #b5b7b7;
margin-left: 10px;
float: left;
}
#autos p{
padding: 3px;
width: 140px;
float: left;
text-align: center;
}
#autos a{
color: #4c4c4c;
}
#tri_haut{
background: url(img/tri2.png) no-repeat;
height: 200px;
width: 11px;
float: left;
margin-left: 25px;
display: inline;
}
#tri{
margin-left: 50px;
/*background: url(img/tri.png) no-repeat 240px 0;*/
min-height: 300px;
width: 200px;
float: left;
margin-top: 10px;
display: inline;
}
#tri ul{
list-style-type: none;
}
#tri li{
list-style-type: none;
background: url(img/fleche_tri.png) no-repeat;
}
#tri li a{

padding: 5px 0 0 30px;
height: 30px;
line-height: 30px;
color: #4c4c4c;
}
#footer_principal{
background-color: #000;
width: 100%;
height: 40px;
}
#footer{
background: url(img/titre.gif);
width: 980px;
height: 35px;
margin: 0 auto;
text-align: center;
color: #f9bc74;
padding-top: 5px;
font-size: 11px;
}
#footer a img{
vertical-align: middle;
}
#footer a{
color: #b5b7b7;

}
#liste{
width: 700px;
min-height: 130px;
float: left;
margin-top: 10px;
display: inline;
}
#liste img.photo{
border: solid 5px #b5b7b7;
float: left;
vertical-align: bottom;
}
#liste p{
float: left;
margin-left: 30px;
text-align: center;
display: inline;
}
#contact_left{
float: left;
width: 340px;
text-align: justify;
}
#contact_center{
float: left;
width: 200px;
margin: 50px 0 0 0;
display: inline;
text-align: center;
}
#contact_right{
float: right;
width: 350px;
}
#pagecontact{
width: 919px;
height: 400px;
background: url(img/box_contact.png) no-repeat;
margin: 10px 0 0 25px;
padding-top: 35px;
float: left;
display: inline;
}
#menu{
width: 212px;
height: 214px;
margin: 0 0 0 730px;
font-family: Georgia, "Times New Roman", Times, serif;
position: relative;
top: -220px;
}
#menu ul{
text-align: center;
padding: 20px 0 0 0px;
list-style-type: none;
background: url(img/menu.png);
height: 194px;
}
#menu li{
list-style-type: none;
line-height: 25px;
}
#menu li a{
color: #f9bc74;
text-decoration: none;
}
#menu li a:hover{
color: #ff8c09;
}
/* contact */
#tabsH {
float:left;
width:800px;
font-size:93%;
line-height:normal;
}
#tabsH ul {
margin: 0;
padding: 10px 10px 0 29px;
list-style: none;
}
#tabsH li {
display:inline;
margin:0 20px 0 20px;
padding: 0;
}
#tabsH a {
float:left;
background:url("img/tableftH.gif") no-repeat left top;
margin:0;
padding:0 0 0 3px;
text-decoration:none;
}
#tabsH a span {
float:left;
display:block;
background:url("img/tabrightH.gif") no-repeat right top;
padding:5px 48px 4px 39px;
color:#FFF;
}
    
#tabsH a span {float:none;}
  
#tabsH a:hover span {
color:#FFF;
}
#tabsH a:hover {
background-position:0% -42px;
}
#tabsH a:hover span {
background-position:100% -42px;
}
#tabsH a:active {
background:url("img/tableftH_over.gif") no-repeat right top;
}
#tabsH a:active span {
background:url("img/tabrightH_over.gif") no-repeat right top;
}
/* classes et pseudo-classes */
.retro, .passion, .sport{
float: left;
width: 325px;
}
.automobile{
width: 700px;
height: 130px;
float: left;
border-bottom: 1px solid #b5b7b7;
margin-top: 5px;
}
html>body .automobile{
height: auto;
min-height: 130px;
}
.detail{
height: 75px;
line-height: 25px;
float: left;
width: 180px;
margin: 0 0 0 20px; 
display: inline;
}
.detail a{
color: #4c4c4c;
background: url(img/bouton.png) no-repeat;
height: 75px;
padding: 0 0 50px 50px;
}
.descriptif{
width: 260px;
float: left;
padding: 5px 0 5px 5px;
font-size: 11px;
}
.descriptif p{
text-align: justify;
}
.tri_barre{
width: 200px;
background: url(img/tri.png) !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/tri.png", sizingMethod="scale");
background: none;
height: 11px;
}
.photos{
width: 680px;
float: left;
}
.photos img{
border: solid 5px #b5b7b7;
}
.vignettes{
width: 100px;
float: left;
}
.vignettes img{
border: solid 3px #b5b7b7;
margin: 2px;
}
.grandephoto{
float: left;
}
#content a.noir{
color: #4c4c4c;
text-decoration: underline;
}
span.gris{
color: #4c4c4c;
}
span.bleu{
color: #438e9e;
}
span.gras{
font-weight: bold;
}
span.italique{
font-style:italic;
}
span.orange{
color: #ff8c09;
}
span.laquo{
background: url(img/left_guillemet.gif) no-repeat;
color: #fff;
padding: 0 6px;
}
span.raquo{
background: url(img/right_guillemet.gif) no-repeat;
color: #fff;
padding: 0 5px;
}
a.plus{
color: #4c4c4c !important;
}
a.contact{
font-weight: bold;
font-size: 14px;
}
a.button_black{
background: url(img/button_black.png) no-repeat;
display: block;
float: left;
width: 25px;
height: 25px;
padding-top: 4px;
color: #fff;
text-decoration: none;
text-align: center;
}
span.button_white{
background: url(img/button_white.png) no-repeat;	
display: block;
float: left;
width: 25px;
height: 25px;
padding-top: 4px;
text-align: center;
}