/* ========================================================
CSS de Avis Occasion -  Chris claverie - Digicrea.com 2009
===========================================================*/
body {
	background: #750b0c url(../images/bg.png) repeat-x;
	padding:0;
	margin:0;
	color: #666;
	font: 11px Verdana, Geneva, sans-serif;
}
*{}
.clear {clear:both;}
/* ========================== Main CSS - CSS principale  */
.container {width:960px;margin:0 auto;}
/* ========================== Header  */
.header {
	width:960px;
	height:274px;
	background: url(../images/bg-header.jpg) no-repeat;
}
.headerlogo {
	width:212px;
	height:120px;
	background: url(../images/header-logo.png) no-repeat;
	display:block;
	float:left;
}
.head1{
	position:relative;
	float:left;
	width:650px;
	}
.pub468 {
	padding: 2px 0 0 10px;
	width:728px;
	height:90px;
	overflow:hidden;
}
/* ============================================== Menu du haut */
ul.navigation {
	list-style-type: none;
	padding:7px 0 0 0;
	margin: 0;
	height:21px;
	position:relative;
	/*float:left;*/
}
ul.navigation li {
	float: left;
	padding: 0;
	margin: 0 2px 0 0;
}
ul.navigation li a {
	display: block;
	padding: 0 10px 0 0;
	color: #e70100;
	text-decoration: none;
	font: bold 12px/21px Arial, Helvetica, sans-serif;
	background: url(../images/bg-menu-right.png) no-repeat right top;
}
ul.navigation li a span {
	display: block;
	color: #e70100;
	padding: 0 0 0 10px;
	background: url(../images/bg-menu-left.png) no-repeat;
}
ul.navigation li a:hover, ul.navigation li a.active {
	color: #FFF;
	background-position: right -21px;
}
ul.navigation a:hover span, ul.navigation a.active span {
	background-position: 0px -21px;
	color: #FFF;
}
/* ============================================== Contenu-central */
.central {width:960px;}
/* ============================================== Contenu-left */
.left {
	width:308px;
	position:relative;
	float:left;
	padding:4px;
}
.box{padding-top: 8px;}
.box h3{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #b90505;
	text-decoration: none;
	position:relative;
	padding: 5px 0 10px 20px;
	margin:0;
}
.box-bg{
	width: 308px;
	overflow: hidden;
	background:url(../images/marque-bg.png) repeat-y;
}
.box-top{
	width: 308px;
	overflow: hidden;
	background: url(../images/marque-top.png) no-repeat;
}
.box-down{
	width: 308px;
	overflow: hidden;
	background: url(../images/marque-down.png) no-repeat 0 100%;
	padding: 0 10px 9px 8px;
}
.box-down p{
	padding: 0 15px 15px 0;
}
.box-down a, .box-down a:visited{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #b90505;
	text-decoration: none;
}
.box-down a:hover{
	color: #000;
}
.pub308 {
	padding-top: 10px;
	width:308px;
	overflow:hidden;
}

/* ============================================== nouveautes left */
.ligne {width:280px;}
.imagemouv { 
	position:relative;
	float:left;
	width:105px;
	height:120px;
}
.texteleft{ 
	position:relative;
	float:left;
	width:170px;
	padding-left:5px;
}
.texteleft label{
	position:relative;
	float:left;
	width:170px;
	font: bold 11px Verdana, Arial, Tahoma;
	color: #666;
	padding-bottom:5px;
}
.texteleft label span{
	font: normal 11px Verdana, Arial, Tahoma;
}
.redpromoprice {
	color: #CC0000;
}
.euro-left{
	color: #666;
	padding-left:52px;
}
.euro{
	color: #666;
}
.texteleft a, .texteleft a:visited{
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #b90505;
	text-decoration: none;
}
.texteleft a:hover{
	color: #000;
}
.dotted {
	border-top: 1px dotted #303;
}
.dotted2 {
	border-top: 1px dotted #303;
	border-bottom: 1px dotted #303;
}
/* ============================================== Contenu-right */
.spacer{height:10px;}
.right {
	width:640px;
	position:relative;
	float:left;
	padding: 10px 0 0 0;
}
.menubanner {
	height: 200px;
	width: 640px;
	overflow:hidden;
}
.content-box-bg{
	width: 640px;
	overflow: hidden;
	background:url(../images/box-content-bg.png) repeat-y;
}
.content-box-top{
	width: 640px;
	overflow: hidden;
	background: url(../images/box-content-top.png) no-repeat;
}
.content-box-down{
	width: 640px;
	overflow: hidden;
	background: url(../images/box-content-bottom.png) no-repeat 0 100%;
	padding: 22px 10px 22px 10px;
}
.espace{
	padding: 0 30px 0 5px;
}
.content-box-down h2{
	width: 620px;
	padding: 0 0 0 33px;
	font: 18px/43px Arial, Helvetica, sans-serif;
	color: #960809;
	text-decoration: none;
	background: url(../images/h2-pict.png) no-repeat;
	height: 43px;
}
.content-box-down h5{
	width: 620px;
	padding: 0 0 0 43px;
	font: bold 13px/43px Arial, Helvetica, sans-serif;
	color: #960809;
	text-decoration: none;
	background: url(../images/h5-pict.png) no-repeat;
	height: 43px;
}
/* ========== Promotions.page */
.listbox1 {
	font: 9px Verdana, Arial, Tahoma;
	color: #666;
	text-decoration: none;
	border: 1px solid #CCC;
	}
.orderbox {
	width:620px;
	font: 10px Verdana, Arial, Tahoma;
	color: #999;
	text-decoration: none;
	padding-top:15px;
}
.nocars {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #960809;
	padding: 25px 0 0 0;
	display:block;
}
/* ============================================== liste des voitures */
.cars {padding-top:20px;}
.cars .lignecars{
	width:620px;
	padding-bottom:50px;
}
.cars .imagecars { 
	position:relative;
	float:left;
	width:150px;
	height:100px;
}
.cars .texte{ 
	position:relative;
	float:left;
	width:460px;
	padding-left:5px;
}
.cars .texte label{
	position:relative;
	float:left;
	width:120px;
	font: bold 11px Verdana, Arial, Tahoma;
	color: #666;
	padding: 0 0 5px 20px;
}
.cars .texte span{
	font: normal 11px Verdana, Arial, Tahoma;
	position:relative;
	float:left;
	padding: 0 0 5px 10px;
	width:300px;
}
.lignedescription{
	font: normal 11px Verdana, Arial, Tahoma;
	text-align: justify;
	padding:10px;
	margin:10px;
}
.btn-mail {
	font: bold 11px/30px Verdana, Arial, Tahoma;
	color: #9c0808;
	text-decoration: none;
	background: url(../images/btn-mail.png) no-repeat;
	display: block;
	height: 30px;
	width:150px;
	padding-left:35px;
}
.btn-mail:hover {background-position: 0 -30px; color:#5bb224;}
.btn-loupe {
	font: bold 11px/30px Verdana, Arial, Tahoma;
	color: #9c0808;
	text-decoration: none;
	background: url(../images/btn-loupe.png) no-repeat;
	display: block;
	height: 30px;
	width:250px;
	padding-left:35px;
}
.btn-loupe:hover {background-position: 0 -30px; color:#5bb224;}
.cars h3{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #b90505;
	text-decoration: none;
	position:relative;
	padding-bottom: 15px;
}
.thanks {
	padding-bottom:20px;
	display:block;}
/* ============================================== Footer */
.footer{
	padding:5px 0 25px 0;
}
.menufooter {
	width:640px;
	text-align:right;
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffc2c2;
}
.menufooter a, .menufooter a:visited{
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffc2c2;
	text-decoration: none;
}
.menufooter a:hover{
	color: #C00;
}
.copyright {
	width:640px;
	text-align:right;
	font: 11px Arial, Helvetica, sans-serif;
	color: #b74c4c;
}
.copyright a{
	color: #b74c4c;
	text-decoration: none;
}
.copyright a:hover{
	color: #fff;
}