body { margin: 0; padding: 0; background: #bacb52 url(../images/bg_body.gif) repeat-y center top;}

#tete, #chemin, #corps, #pied { clear: both; }
#site { position: relative; margin:0pt auto; width:990px; padding:5px; background:#fff;}

/* Liens d'évitement */
ul#skip { text-align: right; margin: 0; display: none; }
ul#skip li { display: inline; list-style: none; padding: 0 0.2em;  }
/*
 * Tete
*/
#tete { background:url(../images/tete_bg_mini.jpg) no-repeat; height:218px;}
#tete ul, #tete li { margin: 0; padding: 0; list-style: none; }
#logo { float: left; position:absolute; left:0; top:0;  }
#logo img { margin-left:50px;}
#bandeau { height:72px; position:relative;}
#bandeau h1 { background-image:none; position: absolute; left: 0; top:0; width: 97%; margin:0; padding:5px; border:0; text-align:right; font-size:1em; font-weight:normal; color:#971115; line-height:1em;}
#bandeau p { display:block; clear:both; width:100%; height:76px; margin: 0; padding:0; text-indent:-999999px; background:url(../images/tete_h1.gif) no-repeat center bottom; border:0; }
#bandeau #logo p { width:390px; height:35px; background:url(../images/tete_accroche_logo.png) no-repeat;}

#caroussel { float:left; width:990px; height:145px;}


/*
 * Partie principale (contenu)
*/

#chemin { padding: 0;font-size: 0.85em; color:#7e7e7e; }
#chemin p { margin:10px 0 0 10px;}
#chemin a { color:#7e7e7e;}
#chemin a:hover { color: darkred;}

#corps { clear: both; float:left; width:100%; background:url(../images/corps_bg.gif) repeat-y; }
#contenu { float: left; background:url(../images/titre_bg.gif) no-repeat left bottom; }
#contenu #preview { clear:left; float: left; width: 700px; min-height:500px; padding:0; border-top:6px solid #fff; /*background: url(../images/preview_bg_interne.gif) no-repeat right 60px;*/ }
#contenu #texte { padding:0 30px 20px; line-height:1.5em;}
#contenu #colgauche { float: right; width: 290px; background:#fff; }


/********************* recherche *********************/

.nav #recherche { float:right; width:265px; padding: 0px;}
.nav #recherche h3 { float:left; margin:0; padding:0; display:block; width:80px; height:30px; background:url(../images/nav_recheche_h3.gif) no-repeat left center; text-indent:-99999px; border:0; }
.nav #recherche form { float:left; width:180px; font-size:0.9em;}
.nav #recherche .row { margin:3px 0 0; padding:0;}
.nav #recherche input { width:8em;} 


/********************* ligne blocs infos *********************/

#infos { float:left; width:700px; padding:10px 0 15px; background:#fff url(../images/infos_bg.gif) repeat-x;}
#infos .bloc { float:left; width:28%; margin:0; padding:0;}
#infos #compteur { width:420px;}
#infos #tel { width:20%;}

.bloc h2 { display:block; margin:0; padding:0; background-repeat:no-repeat; background-position:left top; font-weight:normal; font-size:1.1em;}
.bloc h2 a { color:#000;}
.bloc h2 a:hover { color:#cb3000;}
#compteur h2 { float:left; width:97px; height:30px; margin:0 5px 0 10px; background-image:url(../images/infos_compteur_h2.gif); text-indent:-99999px;}

#infos #maison-positive { width:272px; float:right; margin-right:0em;}
#maison-positive h2 { width:272px; margin:0; padding:0;}
#maison-positive h2 a { display:block; width:272px; height:66px; padding:0; background:url(../images/maison_positive_h2.gif) no-repeat; text-indent:-99999px; font-size:0.1em; color:#fff;}

#infos #compteur { margin-top:10px;}
#compteur p { float:left; width:130px; margin:0 5px; font-size:0.85em; color:#585656;}
#compteur #co2 { float: left; text-align: center; width:150px; color:#de2c23; font-weight:bold; font-size:1.3em; border:1px solid #bababa; padding:2px 5px;}

/********************* blocs colgauche *********************/

.bloc { margin:0; padding:0 0 10px; }
#colgauche .bloc h2, #coldroite .bloc h2, #actualites h3 { width:100%; height:47px; margin:0; padding:0; background-repeat:no-repeat; background-position:left top;text-indent:-99999px;}
#colgauche .concessionnaire h2 { height:47px; background-image:url(../images/bloc_concessionnaire_h2.gif); }
#colgauche .concessionnaire h2 a { height:47px; display: block; }

#colgauche #ecopret h2 { height:44px; background-image:url(../images/ecopret_bg_h2.gif);}
#colgauche #realisations { margin-bottom:1em; height: 230px; }
#colgauche #realisations h2 { width:100%; height:31px; background-image:url(../images/realisations_bg_h2.gif); margin-top: 190px; }
#realisations h2 a { display:block; width:100%; height:31px; }
#ecopret h2 a { display:block; width:100%; height:44px;}
#colgauche #philosophie h2 { height:193px; background-image:url(../images/bloc_philosophie_bg_h2.jpg); }
#colgauche #philosophie h2 a { display:block; width:100%; height:193px;}
.concessionnaire form { width:90%;}
.concessionnaire input#envoi { border:0; background:0; font-weight:bold; padding:0; color:#d72c21;}
.bloc p { margin:10px;}
.bloc p strong { color:#ab262b; font-weight:normal;}

#slider {}
#slider img { width:290px;}

/* bloc contacts new */

#bloc-contacts { font-size:0.9em; width:266px; height:270px; margin:0 auto 1.5em; padding:3px 3px 0 5px; background:url(../images/bloc-contacts_bg.png) no-repeat left top; text-align:center;}
#colgauche #bloc-contacts h2 { width:266px; height:36px; background:url(../images/bloc-contacts_h2.gif) no-repeat;}
#colgauche #bloc-contacts h2 a { display:block; width:266px; height:29px;}
#bloc-contacts a, #bloc-contacts p.concessionnaire a:hover { color:#000;}
#bloc-contacts a:hover { color:#fff;}
#bloc-contacts a.email { padding-left:22px; background:url(../images/picto_mail.gif) no-repeat left center;;}
#bloc-contacts p { margin:0 5px; padding:6px 0 7px; background:url(../images/bloc-contacts_filet.gif) repeat-x left bottom; /*border-bottom:1px solid #d4e7b0;*/}
#bloc-contacts p.concessionnaire { background:none; border:0; font-size:0.9em;}
#bloc-contacts p.concessionnaire a { color:#fff; font-family:"Arial Black",Arial, Helvetica, sans-serif; text-transform:uppercase;}


/********************* blocs coldroite *********************/

#coldroite .bloc h2, #actualites h3, #colgauche .rouge h2 { width:100%; height:14px; margin:0; padding:0; background-repeat:no-repeat; background-position:center top; }

#newsletter { width:265px; margin:1em 0 1em 15px; padding:10px 0 10px 10px; background:url(../images/newsletter_bg_bloc_large.gif) no-repeat; font-size:0.85em;}
#colgauche #newsletter h2, #newsletter h2 { height:12px; background-image:url(../images/bloc_newsletter_h2.gif);}
#newsletter h2 a { display:block; width:100%; height:12px;}

#actualites h2 { background-image:url(../images/bloc_actualites_h2.gif);}
#actualites h3 { margin:10px 0 0; height:25px; background-image:url(../images/bloc_actualites_h3.gif); border:0;}
#coldroite .bloc h2 a, #actualites h3 a { display:block; width:100%; height:25px;}
#actualites p { margin:10px 15px; padding-bottom:8px; border-bottom:1px solid #fff; font-size:0.9em; line-height:1.5em;}
#actualites a { color:#a82026; font-size:1em;}
#actualites a:hover { color:#999;}

/* blocs rouge */

.rouge { clear:both; width:265px; margin:1em 0 0 15px; padding-top: 3px;}
.rouge h2 a { display:block; width:100%; height:14px;}
.rouge p, .rouge a { color:#fff; margin-bottom: 10px;}

#devenez-concessionnaire { height:145px; background:url(../images/bloc_devenez-concessionnaire_large.jpg) no-repeat;}
#coldroite #devenez-concessionnaire h2, #colgauche #devenez-concessionnaire h2 { margin-top:10px; background-image:url(../images/bloc_devenez-concessionnaire_h2.gif);}
#contacts {display:none; height:135px; background:url(../images/bloc_contact_bg_large.jpg) no-repeat;}
#coldroite #contacts h2, #colgauche #contacts h2 { margin-top:6px; background-image:url(../images/bloc_contact_h2.gif);}
#contacts p { border-bottom:1px solid #b6595d; padding-bottom:4px;}

/*
 * Bas de page
*/
#pied { text-align: center; padding: 4px 0 2em; }
.copyright { font-size: 0.85em;}
#pied p { margin: 0; }
#pied a { color: #000; }