/* -- Global CSS Reset -- */
body, body * { padding:0px; margin:0px; font-family:'Trebuchet MS', Arial, Helvetica, Jamrul, sans-serif; cursor:default; font-size:12px; }
body * a, body * a * { text-decoration:none; cursor:pointer; border:0px; }
body * a:hover, .u { text-decoration:underline; }
input, textarea { cursor:text; }
.sub { cursor:pointer; }

/* -- Page -- */
#gris { background:#EEE; }
body, #header, #footer { background:#FFF; }
#content { background:url(img/bg_content2.gif) #FFF 2px repeat-y; }
#header, #content, #footer_content { width:990px; margin:0px auto; padding:0px 2px; }

/* -- Header -- */
#header { height:123px; }
#header h2 { padding-top:69px; font-size:14px; font-style:italic; }

#logo { background:url(img/logo.jpg) #FFF 50% 40% no-repeat; width:185px; height:50px; padding:25px; float:left; font-weight:bold; }
#logo span { color:#247; float:right; display:block; margin-top:15px; text-align:right; width:100%; }
#logo span span { float:left; color:#000; text-align:left; margin-top:13px; }
#logo:hover { text-decoration:none; }

#coord { background:url(img/bg_coord.jpg) #FFF repeat-x; border:1px solid #456; height:56px; float:right; padding:3px 5px; }
#coord, #coord * { font-size:11px; color:#FFF; text-align:right; line-height:13px; }
#coord span { text-decoration:underline; }

.btn, .bar { color:#FFF; font-weight:bold; }
.btn { background:url(img/bg_btn.jpg) #169 repeat-x; height:19px; border:1px solid #169; }
.bar { background:url(img/bg_bar.jpg) #169 repeat-x; height:23px; clear:both; }
#menu div { background:#FFF; margin-left:235px; height:100%; border-left:2px solid #FFF; width:507px; }
#menu div a { padding:1px 10px; font-size:13px; margin-right:2px; display:block; float:left; }
#menu div a:hover, #menu div a.selected { text-decoration:none; background:url(img/bg_btnhover.jpg) #456 0% 0% repeat-x; border:1px solid #456; }

/* -- Menu Gauche -- */
#menu_gauche { height:640px; width:235px; float:left; background:#DDE; margin:2px 0px; }

#menu_gauche h2 { background:url(img/bg_btnhover.jpg) #456 repeat-x; border:1px solid #456; font-size:14px; color:#FFF; text-align:center; }
#menu_gauche form { width:175px; margin:8px auto 0px auto; }
#menu_gauche form * { display:block; }
#menu_gauche form label { font-weight:bold; color:#08B; text-indent:10px; background:url(img/bg_label.gif) 0% 50% transparent no-repeat; }
#menu_gauche form select { width:100%; margin-bottom:8px; }
#menu_gauche form input.sub { border:1px solid #169; font-size:13px; float:right; width:95px; padding-bottom:3px; height:23px; }

#menu_gauche div { clear:both; padding-top:15px; }
#menu_gauche div #dbl_border { border-top:2px solid #FFF; border-bottom:2px solid #FFF; padding-top:0px; }
#menu_gauche div #dbl_border h3 { text-align:center; font-size:14px; height:21px; }

#menu_gauche #du_mois { background:url(img/bg_occasion.jpg) #147 repeat-x; height:285px; padding:11px; border-bottom:2px solid #FFF; }
#menu_gauche #du_mois a { display:block; float:left; text-align:center; color:#FFF; font-weight:bold; padding:10px 14px 10px 15px; line-height:14px; }
#menu_gauche #du_mois a img { border:1px solid #FFF; margin:5px 0px; width:75px; height:56px; }
#menu_gauche #du_mois a span { color:#E70; }
#menu_gauche #du_mois a:hover { text-decoration:none; }

option { text-indent:3px; }
#fixmodele { height:32px; }

/* -- Content -- */
#content.bg2 { background:url(img/bg_content.gif) #FFF 2px repeat-y; }
#center { min-height:500px; margin-left:270px; padding:2px 0px 0px 0px; }
#center div.medium, #center div.large, #center div.mediumlarge { width:430px; padding-top:30px; }
#center div.large { width:580px; }
#center div.mediumlarge { width:600px; }
#center div h1 { color:#08B; font-size:15px; }
#center div p { font-weight:bold; text-align:justify; padding-bottom:5px; line-height:15px; }
#center div p a { text-decoration:underline; color:#247; }
#center div img.puce { position:relative; top:-2px; margin-right:5px; }
#center div h2 { color:#247; font-size:14px; }

div.box { background:#DDE; margin:15px 0px; }
div.box div { padding:15px; }
div.box h3 { background:url(img/bg_btn.jpg) #169 repeat-x; height:19px; border:1px solid #169; color:#FFF; text-align:center; }
div.box form table { width:100%; }
div.box form table tr td { width:50%; padding:0px 10px; font-weight:bold; }
div.box form label { display:block; color:#08B; text-indent:10px; background:url(img/bg_label.gif) 0% 50% transparent no-repeat; }
div.box form input { width:100%; margin-bottom:8px; }
div.box form input.sub { display:block; border:1px solid #169; font-size:13px; float:right; width:80px; padding-bottom:3px; height:23px; }

/* -- Index -- */
#center div a.index_menu { padding:10px; display:block; float:left; }
#center div a.sp_gauche { padding-left:0px; }
#center div a.sp_droite { padding-right:0px; }

#mentionsobli td { font-size:11px; font-style:italic; color:#08B; }

/* -- Véhicules Neufs -- */
#col_gauche { float:left; }
#col_gauche a { display:block; color:#000; padding:1px; }

#col_droite { float:right; padding:5px; width:400px; }
#col_droite a { display:block; width:150px; padding:5px 25px; float:left; color:#08B; font-weight:bold; font-size:14px; line-height:30px; }
#col_droite a img { padding-left:22px; }
#col_droite a:hover { text-decoration:none; }

div.fiche_veh { min-height:225px; margin-top:27px; }
div.fiche_veh h3 { text-align:left; text-indent:10px; }
div.fiche_veh div { text-align:justify; }
div.fiche_veh .photo { float:right; border:1px solid #FFF; margin-left:20px; }

* a.lien_retour { display:block; font-size:13px; text-align:center; float:right; width:160px; padding-bottom:3px; height:17px; }
* a.lien_retour:hover { text-decoration:none; }

/* -- Occasion -- */
div.occasion { height:130px; }
div.occasion a.lph { float:left; }
div.occasion img.ph { border: 1px solid #FFF; width:100px; height:75px; }
div.occasion table { width:465px; }
div.occasion table td { color:#08B; text-indent:10px; line-height:15px; }
div.occasion table td.g { width:150px; }
div.occasion table td.d { color:#E70; font-size:16px; font-weight:bold; text-align:right; line-height:22px; }
div.occasion h3 { text-align:left; text-indent:15px; }
div.occasion h3 span { font-weight:normal; }

div.zone_pagination { float:right; }
div.zone_pagination a { display:block; float:left; color:#FFF; border:1px solid #169; background:url(img/bg_btn.jpg) #169 repeat-x; }
div.zone_pagination a { width:15px; text-align:center; margin-left:2px; font-size:11px; }
div.zone_pagination a:hover, div.zone_pagination a.s { background:url(img/bg_btnhover.jpg) #456 0% 0% repeat-x; border:1px solid #456; }
div.zone_pagination a:hover { text-decoration:none; }

div.fiche_veh .photoccasion { float:left; border:2px solid #FFF; margin-right:10px; }
.fiche_occasion div { line-height:16px; color:#08B; }
.fiche_occasion p { margin-top:10px; }

#center p em { font-weight:normal; }

/* -- Sav -- */
.frght { float:right; }
.fleft { float:left; }
div.box div.spsav { color:#08B; line-height:14px; }

/* -- Financement -- */
div.box div div.retrait { padding-top:0px; text-align:left; font-weight:normal; font-size:12px; line-height:16px; }
div.box a.fi { font-style:italic; color:#08B; text-decoration:underline; }

/* -- Contact -- */
div.triple { margin-right:8px; float:left; width:188px; }
div.drt { margin-right:0px; }
div.fixd { position:relative; margin-top:260px; }

#formcontact label { background:none; text-indent:0px; float:right; padding-right:5px; padding-top:5px; }
#formcontact textarea, #formcontact #vil, #formcontact #adr { width:435px; overflow:auto; }
#formcontact input { width:160px; }
#formcontact td { width:100px; padding:2px 0px; vertical-align:top; }
#formcontact input, #formcontact textarea { padding:1px 2px; }
#formcontact #lastline td input { position:absolute; top:310px; left:486px; width:80px; }
#formcontact #lastline td { text-indent:108px; font-style:italic; color:#08B; font-size:11px; }

span.err, span.success { padding:10px; display:block; text-align:center; margin:1em auto; width:380px; }
span.err { color:#C00; border:1px solid #C00; background:#FCC; }
span.success { color:#093; border:1px solid #093; background:#CFC; }

div.box h3.spcontact { text-align:left; text-indent:5px; }

/* -- Mentions Légales -- */
#center div h5 { font-style:italic; color:#08B; }

/* -- Footer -- */
#footer_content { color:#456; text-align:right; padding:10px 20px 10px 0px; font-weight:bold; font-size:11px; width:974px; }
#footer_content a { color:#456; }
div.bordertop { border-top:2px solid #FFF; }

a.w3c { float:left; padding:0px 2px; }
a.w3c:hover { text-decoration:none; }

/* -- Hacks Safari3 + Hacks Opera9 -- */
@media all and (min-width: 0px)
	{
		body:not(:root:root) #formcontact label { width:98px; text-align:right; }
		body:not(:root:root) #formcontact textarea { width:437px; }
		body:not(:root:root) #formcontact #lastline td input { top:256px; }
	}

/* -- Hacks IE6 -- */
* html #logo { padding-bottom:0px; background:url(img/logo.jpg) #FFF 50% 32% no-repeat; margin-bottom:15px; margin-top:10px; }
* html #logo * { position:absolute; }
* html #logo span { top:23px; }
* html #logo span span { left:0px; top:18px; }
* html #menu div { display:inline; position:absolute; margin-left:235px; overflow:hidden; }
* html #center { padding-right:0px; }
* html #menu_gauche div { padding-top:5px; }
* html div.fixd { margin-top:0px; clear:both; width:582px; }
* html #formcontact textarea { width:437px; }
* html #formcontact #lastline td input { top:302px; }
* html div.fiche_veh { height:225px; clear:both; margin-top:5px; }
* html div.fiche_occasion { margin-top:25px; }

/* -- Hacks IE7 -- */
*+html #menu_gauche { height:648px; }
*+html #menu_gauche div { padding-top:5px; }
*+html div.fixd { margin-top:0px; clear:both; }
*+html #formcontact textarea { width:437px; }
*+html #formcontact #lastline td input { top:302px; }
*+html div.fiche_veh { clear:both; margin-top:5px; }
*+html div.fiche_occasion { margin-top:25px; }

/* -- Print -- */
@media print
	{
		#gris { background:#FFF; }
	}