body {text-align: center;font-size: 72%/1.5;font-family: "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;color:#666;position: relative;background-image: url('../img/BG.jpg');background-repeat: repeat-y;background-position: center;margin:0 auto;}
h1 { color: #FF9900; margin:0; padding:0;}
h2 {font:130%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color: #FF9900; margin:0; padding:0;}
h2#logoSmall {font:130%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color: #FF6600; margin:0; padding:0 0 0 80px; 
background:url(../img/logo_small.jpg) no-repeat 0 0;}
h3 {font: bold 90%/1.2 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color: #000; margin:0; padding:0;}
h4 {font:76%/1.2 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color: #fff; margin:0; padding-left:4px; background-color: #FF9900; font-weight:bold;}
p { font-size:76%;}
li {font:72%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;  margin:0; padding:0;}

a:link, a:visited { text-decoration:none;}
a{color: #FF9900;  font-weight:bold;}
a:hover{ font-variant:small-caps; text-decoration: underline;}

.breaker { clear:both; height:1px; overflow:hidden; }
span#ladate {margin:0 0 5px 0; padding:0; color:#FF9900;display:block; height:10px;}
span#ladateSmall { margin:0 0 10px 0; padding:0; color:#FF9900;display:block; height:10px; font-size:12px; text-align:right;}
span#ref {width:40%;margin:0 0 10px 0; padding:0;height:10px; font-size:11px; text-align:right;}

/*------------------------------------------------------------ CONTENEUR PRINCIPAUX ----------*/
div#main{width: 780px;height: auto;margin: 0 auto; 
background:transparent url(../img/bg_top.jpg) top left no-repeat;}

div#header {position: relative;width: 780px;height: 200px;}
div#logo {width: 260px;height: 80px;position: absolute;top: 120px;left:35px;}
div#logo img {border:0;}

div#content, div#contentIndex  {float: left;width:350px; padding:55px 30px 0 65px;text-align:left;}
div#content2 {float: left;width: 240px; padding: 55px 20px 20px 10px;text-align:left;}
div#content2Index {float: left;height:320px;width: 240px;padding: 55px 20px 20px 10px;text-align:left;background:url(../img/index_droit.png) no-repeat left top;}
div#content2Newsletter {float: left; width: 240px;min-height:160px;padding: 55px 20px 20px 10px;text-align:left;background:url(../img/index_newsletter.png) no-repeat left top; margin-top:-50px;}

div#content2Compteur {float:left; width:240px; min-height:50px;padding:0;text-align:left;background:url(../img/index_compteur.png) no-repeat left top; padding: 4px 20px 20px 10px;}

div#footer {clear: both;width: 780px;height:130px;display:block;background-image:url(../img/bg_bottom.jpg);margin:0;padding:0;}
#footer p{padding:60px 0 0 60px;text-align:left;font-size:70%;}

/* blocks "occasions" */
.block-small {float:left;width:360px;margin-top:10px;background:transparent url(../img/fd_bloc_occas.jpg) no-repeat left bottom; min-height:130px;}
.block-imgSmall p {padding:0;margin:5px 0;text-align: center;}
.block-imgSmall a {text-decoration: underline;font-size: 11px;float:left;margin-right:4px;}
.block-imgSmall img {width:150px;}
.block-contentSmall {width:200px;float:left;margin:-14px 0 0 0; padding:0;}
ul#detail{ width:144px; height:18px; margin:0;padding:0; display:block;background: transparent url(../img/bt_01.jpg) no-repeat left bottom; list-style:none;}
li#detail{ width:144px; height:18px; margin:0; padding-left:20px; padding-top:2px; font-size:60%;}
li#detail a{ color:#000;}

#vendu_small {position:absolute;display: block;width:150px; height:97px;background:url("../img/vendu_small.png") 0 0;z-index:50;}
#vendu_big {position:absolute;display: block;width:350px; height:250px;background:url("../img/vendu_big.png") 0 0;z-index:50;}

/* blocs "occasions" DETAIL*/
.block-img p {padding:0;margin:5px 0;text-align: center;}
.block-img a {text-decoration: underline;font-size: 11px;float:left;margin-right:4px;}
.block-img img {width:150px;}
#imgMiniature {width:50px; float:right; margin-left:2px; border:none; margin-top:2px; }
#imgLarge {width:350px;}
.block-content {width:180px; float:left;margin:0; padding:0;}

/* formulaire de contact */
#contactForm {}
#contactForm input{ float:left;display:block;width:200px;}
#contactForm textarea{ float:left;display:block;width:200px;height:150px;}
#contactForm label{ float:left;width:60px; display:block; text-align:right; margin-right:4px;}
#contactForm p{ float:left;display:block;margin:4px 0 4px 0}



/*------------------------------------------------------------ NAV PRINCIPALE ----------*/
ul#nav1 {list-style: none;padding: 20px 0 0 52px;}
#nav1 li {display: inline;width: 98px;height: 36px;}
#nav1 a {float: left; height: 72px; text-indent: -9999px; overflow: hidden;}
#nav1 a#indexCurrent {background: #fff url(../img/bt_accueil.jpg);width: 93px;}
#nav1 a#servicesCurrent {background: #fff url(../img/bt_services.jpg);width: 93px;}
#nav1 a#actuCurrent {background: #fff url(../img/bt_actu.jpg);width: 93px;}
#nav1 a#occasCurrent {background: #fff url(../img/bt_occas.jpg);width: 93px;}
#nav1 a#contactCurrent {background: #fff url(../img/bt_contact.jpg);width: 93px;}
#nav1 a#index {background: #fff url(../img/bt_accueil.jpg) no-repeat 0 0;background-position: 0 42px;width: 93px;}
#nav1 a#services {background: #fff url(../img/bt_services.jpg) no-repeat 0 0;background-position: 0 42px;width: 93px;}
#nav1 a#actu {background: #fff url(../img/bt_actu.jpg) no-repeat 0 0;background-position: 0 42px;width: 93px;}
#nav1 a#occas {background: url(../img/bt_occas.jpg) no-repeat 0 0;background-position: 0 42px;width: 93px;}
#nav1 a#contact {background: url(../img/bt_contact.jpg) no-repeat 0 0;background-position: 0 42px;width: 93px;}
#nav1 a#index:hover, #nav1 a#services:hover, #nav1 a#actu:hover, #nav1 a#occas:hover, #nav1 a#contact:hover {background-position: 0 0;}