body { margin: 0; padding: 0; background: #2c2e2d; font-family: Arial; color: #FFF; font-size:11px; }
img { border: none;}
.clear { clear: both; }

/* ########## HEADER ########### */
div#header {width: 1007px; height: 164px; margin:22px auto 0 auto; background: transparent url(../../images/bg_header.png) right top no-repeat !important;  }
div#header * { position: relative; z-index: 1; } 
div#headerLinks { padding:1px 0 0 0; }
div#headerLinks a , div#headerLinks p {font-size:11px; color: #FFF; text-decoration: none; margin: 0; padding:0; }
div#headerLinks a:HOVER { text-decoration: underline;}

/* ########## MENU ########### */
div#menu { width: 1007px; height: 44px; margin: 0 auto; background: transparent url(../../images/bg_menu.png) left top no-repeat;}
div#menu ul { list-style-type: none; margin:0 0 0 22px; padding: 8px 0 0 0;  }
div#menu li { display: inline; margin:0; padding:0;}
div#menu a { display: inline; color:#FFFFFF; float:left; font-size:12px; font-weight:bold; height:28px; margin:0; padding:7px 0 0; text-align:center; text-decoration:none; width:160px;}
div#menu a:HOVER { color:#0a62b8; background: transparent url(../../images/bg_menu_hover.png) left top no-repeat !important; background: transparent url(../../images/bg_menu_hover.gif) left top no-repeat; }
div#menu a.actived { color:#0a62b8; background: transparent url(../../images/bg_menu_hover.png) left top no-repeat !important; background: transparent url(../../images/bg_menu_hover.gif) left top no-repeat; }

/* ########## TITRE ########### */
div#titrePrincipal { width: 1007px; height: 46px; margin: 0 auto; background: transparent url(../../images/bg_title.png) left top no-repeat;}
div#titrePrincipal h1 { font-size : 20px; font-weight: normal; margin:0 0 0 10px; padding:8px 0 0; color: #ff6c00;}

/* ########## CONTENT ########### */
div#content { width: 1007px; margin: 0 auto; background: #FFF; color: #5c5c5c; padding: 0; min-height:500px;}
h2 { margin: 0; color: #ff6c00; padding:10px 20px;}
p { margin: 0; padding:0 10px 0 10px; text-indent: 10px; }

/* ########## FOOTER ########### */
div#footer { width: 1042px; height: 218px; margin: 0 auto; background: transparent url(../../images/bg_footer.png) left top no-repeat !important;  } 
div#footer * { position: relative; z-index: 1; }
div#footer ul {  float: left; margin:5px 0 0; padding: 0 0 0 35px; } 
div#footer li { list-style-image:url(../../images/puce_footer.gif); margin:8px 0 0 5px;}
div#footer a { color: #FFF; text-decoration: none; }
div#footer a:HOVER { color: #FFF; text-decoration: underline;}
div#footerLink1 { height:146px; margin:23px 0 0 335px; width:196px; display: inline; float: left;}
div#footerLink2 { float:right; height:146px; margin:23px 158px 0 0; width:314px; display: inline;}

/* ########## MAINPAGE ########### */
a.index{color:#0A62B8; font-size:12px; font-weight:bold; text-decoration:none;}
a.index:hover {color:#0A62B8; font-size:12px; font-weight:bold; text-decoration:underline;}
div#mainText { font-size:12px; padding: 5px 0 0 0; width:482px; float: left; margin: 15px 0 0 15px; display: inline; background: transparent url(../../images/bg_textdiv.png) no-repeat; }
div#mainText p {text-align: justify; margin: 0 0 14px;}
div.mainAnnonces { margin:5px 0; }
#mainLeft{ width: 480px; float: left; padding: 0 0 0 20px; }
#mainRight{ width: 480px; float: left; padding: 0 0 0 20px; }
#mainLeft h2 { font-size: 21px; font-weight: bold; text-transform: uppercase; margin: 0; color: #008cf8; }
#mainRight h2 { font-size: 21px; font-weight: bold; text-transform: uppercase; margin: 0;}
#mainLeft div.boxAnnonce {border: 2px solid #008cf8 }
#mainRight div.boxAnnonce {border: 2px solid #ff6c00 }
#mainLeft div.boxAnnonce div.boxAnnonceTitre { background: #008cf8;  }
#mainRight div.boxAnnonce div.boxAnnonceTitre { background: #ff6c00; }

div.mainAnnonces div.boxAnnonce { border: 2px solid #008cf8; float:left; height:137px; margin:0 0 10px 5px;  width:145px; height:134px; display: inline; }
div.mainAnnonces div.boxAnnonce a.imgLink { display: block; width: 145px; height: 109px; margin: 0;}
div.mainAnnonces div.boxAnnonce img { display:block; width: 145px; height:109px; margin: 0; }
div.mainAnnonces div.boxAnnonce div.boxAnnonceContent {width: 100%;  position: relative; overflow:hidden;}
div.mainAnnonces div.boxAnnonce div.boxAnnonceTitre { height: 25px; width :145px; top: 71px; left: 0; opacity: 0.9;  filter : alpha(opacity=90); overflow: hidden;}
div.mainAnnonces div.boxAnnonce div.boxAnnonceTitre a { color: #FFF; text-decoration: none; width: 145px; height: 19px; display:block; text-align:center; font-weight:bold; padding:0;}
div#mainSearch { color:#FFF; float: right; width: 479px; height: 191px; background: transparent url(../../images/bg_form.png) no-repeat scroll 0 31px; margin:16px 15px 0 0; display: inline;  }
div#mainSearch div#searchTitle { width: 238px; height: 23px; padding: 8px 0 0; background: transparent url(../../images/bg_form_menu_1.png) no-repeat; float: left; text-align: center;  }
div#mainSearch div#searchTitle h2 { font-size: 14px; color: #FFF; text-decoration: none; font-weight: bold; padding:0;}
div#mainSearch a#searchAnnoncesLink { width: 236px; height:24px; padding:7px 0 0; background: transparent url(../../images/bg_form_menu_2.png) no-repeat; float: right; text-align: center; font-size: 14px; color: #5C5C5C; text-decoration: none; font-weight: bold; }
div#mainSearch form#mainSearchForm { margin: 0; padding: 0; }
div#mainSearch form#mainSearchForm label {float:left; width:89px; color: #FFF;}
div#mainSearch form#mainSearchForm select { width: 110px; border: 1px solid #ff6c00;}
div#mainSearch form#mainSearchForm input { height:15px; width:44px; border: 1px solid #ff6c00; }
div#mainSearch form#mainSearchForm input#submit { background : transparent url(../../images/button_form.png) no-repeat; width:131px; height:26px; margin:22px 0 0 70px; border: none; color:#FFFFFF; font-weight:bold; padding:0 0 0 22px; }

div#annonceMarques { display: inline; background:transparent url(../../images/bg_div_marque.png) no-repeat scroll 0 0; float:right; height:135px; margin:10px 15px 0 0; padding:12px 5px 5px; width:469px; }
div#annonceMarques a.boxLogos {margin: 9px 0 0 25px; width:50px; height: 50px; float:left; display: inline;}
div#annonceMarques a.boxLogos:HOVER img {width:48px; border: 1px solid #5C5C5C; margin:0;}
div#annonceMarques a.boxLogos img {width:48px; margin: 1px 0 0 1px; }


/* ########## CONTACT ########### */
div#contactLeft {display:inline; float:left; height:400px; margin:40px 0 0 30px; width:500px; font-size:15px; background: transparent url(../../images/contact_photo.jpg) no-repeat scroll 306px 36px;}
div#contactLeft label { width : 100px; float: left; width: 130px;}
div#contactLeft input, div#contactLeft textarea { border: 1px solid #0A62B8; background: #e5f2fe; }
div#contactLeft input[type=submit] { border: 1px solid #0A62B8; background: #0A62B8; color: #FFF; padding: 4px; cursor: pointer; }
div#contactRight { border-left:1px solid #5C5C5C; display:inline; float:right; margin:0 20px 0 0; padding:0 0 0 20px; }

/* ########## SEARCH FORM ANNONCES ########### */
div#searchAnnonces { background: transparent url(../../images/bg_annonces_search.png) no-repeat; float:right; margin:10px; padding:10px; width:700px; height: 120px; display: inline; }
div#searchAnnonces form#searchFormAnnonces label {float:left; width:69px; color: #FFF;}
div#searchAnnonces form#searchFormAnnonces select { width:159px; border: 1px solid #ff6c00; }
div#searchAnnonces form#searchFormAnnonces input#submit { background : transparent url(../../images/button_form.png) no-repeat; width:131px; height:26px; margin:10px 0 0 60px; border: none; color:#FFFFFF; font-weight:bold; padding:0 0 0 22px; }


/* ########## TABLEAU ANNONCES ########### */
div#tableAnnonce { padding: 10px; float: right; width:720px;}
div#tableAnnonce a { text-decoration: none; }
table.lisaTable { width: 100%;}
table.lisaTable tr.lisaHead th { border-bottom: 1px solid #dcdcdc; color: #ff812b; font-size:12px;}
table.lisaTable tr.lisaHead th a { color: #ff812b; font-size:12px; }
table.lisaTable tr.lisaHead th a:HOVER { text-decoration: underline; }
table.lisaTable tr td { border-bottom: 1px solid #dcdcdc; text-align: center;}
table.lisaTable tr td.prix { color: #0a62b8; font-weight: bold; font-size: 14px; }
table.lisaTable tr td.lisaTdMain { font-weight: bold; text-align:left; font-size: 14px;}
table.lisaTable tr td.lisaTdMain a.marqueVersionLink { font-size: 17px; color:#0a62b8; font-weight: bold;  }
table.lisaTable tr td.lisaTdPhoto { width:140px;}
table.lisaTable tr td.lisaTdPhoto a img { border: 1px solid #FF6C00; }
table.lisaTable tr td.lisaFoot { border: none; }
table.lisaTable tr td.motor { color: #000; font-size: 13px; }
table.lisaTable tr td.km { color: #000; font-size: 13px; }
table.lisaTable tr td.annee { color: #000; font-size: 13px; }
table.lisaTable tr td.lisaFoot a { font-weight: bold; margin: 0 2px 0 2px; color:#ff6c00; height:16px; width:13px; padding: 3px 4px; font-size: 12px; }
table.lisaTable tr td.lisaFoot a.current { background-color: #0a62b8; color: #FFF;  text-decoration:none; }

/* ########## LIENS ANNONCES ########### */
div#liensAnnonce { border-right: 1px solid #dcdcdc; display:inline; float:left; margin: 10px 0 5px 10px; padding:5px; width:240px; }
div#liensAnnonce h2 {text-align: left; border-bottom: 1px solid #ff6c00; margin: 5px 0 10px 0; padding: 0; }
div#liensAnnonce ul { margin: 0; padding: 0; list-style-position: inside;}
div#liensAnnonce li { display: inline; width: 50%; float: left; margin-bottom: 17px; font-size: 12px; text-align:center;}
div#liensAnnonce a { color:#0A62B8; font-size:12px; font-weight:bold; text-decoration:none; }
/*div#liensAnnonce a:HOVER { text-decoration: underline; }*/
div#liensAnnonce a:HOVER img {border: 1px solid #5C5C5C; margin: 0;}
div#liensAnnonce img {margin: 1px;}

div#liensAnnonceContact {width: 229px; height: 166px; font-size: 12px; padding: 70px 5px 5px 5px; background: #FAFAFA url(/images/bg-recherche-perso.png) no-repeat; color: #000;}

/* ########## DETAILS ANNONCES ########### */
div#detailImages { width: 402px; float: right; margin: 15px 30px 0 0; display: inline; }
div#detailImages img#normalSize { width: 400px; border: 1px solid #0A62B8; margin:0 0 5px; }
div#detailImages img.minSize { width: 76px; height:56px; border: 1px solid #0A62B8; }
div#tableDetails { width: 500px; float: left; margin: 20px 0 0 30px; display : inline; }
div#tableDetails table { width: 100%; font-size:12px;}
div#tableDetails table td.tdColor {text-align: left; color:#FF6C00; font-weight: bold;}
div#tableDetails table td {border-bottom: 1px dotted #5C5C5C;  text-align: right; color:#0A62B8; font-weight: bold;}
div#options { height: 170px; margin:40px 0 0 50px; width:450px; float: left; display: inline; }
div#detailContact { border-left:1px solid #dcdcdc; float:right; height:170px; width:480px; margin:30px 0 40px; }

#nav-reflection {
	margin: 10px auto 0 auto;
	padding: 0;
	min-height: 130px;
	list-style: none;
}
	
#nav-reflection li {
	margin-right: 5px;
	width: 80px;
	float: left;
	height: 80px;
	}
	
#nav-reflection a, #nav-reflection a:visited, #nav-reflection a:hover {
	width: 80px;
	height: 60px;
	overflow: hidden;
	display: block;
	}
	
#nav-reflection span {
	margin-top: 1px;
	width: 80px;
	height: 34px;
	text-align: center;
	display: block;
	}

/* ########## IMAGES ANNONCES ########### */
img#normalSize {  margin: 0 auto; border: 1px solid #0A62B8; display: block; }
div#imageFullSize {padding: 20px 0 0 0; margin: 0 0 10px 0;  }
div#imagesMinSize { margin : 0 auto; text-align:center; }
div#imagesMinSize img.minSize { width: 76px; height:56px; border: 1px solid #0A62B8; }

/* ########## SERVICES ########### */
div.underline { border-bottom: 1px solid #dcdcdc;}
div#services { width: 600px; margin-right: 20px; padding: 20px; float: left;  }
div#services p { font-size:12px;  }
div.blocservice { width: 582px; height: 110px; background: url(/images/bg_service.png) no-repeat; margin: 0 0 20px 0; padding: 8px;  }
div.blocservice img { float: left; margin-right: 20px; }
div.blocservice h2 { margin: 0 0 5px 0; padding: 0; font-size: 18px; text-transform: uppercase; }
div.blocservice p { margin: 0 0 5px 0; text-indent: 0; }


/* ########## GOOGLE MAPS ########### */
div#map { height:300px; margin-top:20px; width:400px; }