/***** Page *****/

body
{
	background:#9DBFCD;
	color:#333;
	font:85% trebuchet ms, arial, verdana, helvetica, sans-serif;
	margin:0;
	padding:0;
}

/***** Wrapper *****/

#wrapper
{
	z-index : 0;
	background:#fff;
	border:1px solid #333;
	color:#000;
	margin:10px auto;
	padding:0;
	width:845px;
}


/***** Top *****/

#top
{
	z-index : 1;
	background: #3177FF url(images/chrisimport_header.gif);
	color:#fff;
	height:129px;
	margin:0;
	padding:0;
	cursor: pointer;
	margin-top : 2px;
}


#bandeauvoiture
{
	z-index : 1;
	background: url(images/bandeau_voiture.gif) no-repeat;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:100px;
	height:80px;

}



/***** Navigation *****/

#navigation1
{	
	z-index : 1;
	background: #ffffff url(images/entete_rouge.gif) no-repeat;
	height:66px;
	margin-top:0px;
	padding-top:2px;
	padding-right:0px;
	padding-left:0px;

}

#navigation1 li
{
	float:left;
	list-style:none;
	white-space:nowrap;
	
	
}

#navigation1 li a
{
	font-family: verdana;
	font-size:10px;
	color:#000000;
	display:block;
	font-weight:bold;
	padding-top:9px;
	padding-left:0px;
	padding-right:31px;
	text-decoration:none;
	text-transform:uppercase;


}

#navigation1 li a:hover
{
	font-family: verdana;
	font-size:10px;
	color:#990000;
	display:block;
	font-weight:bold;
	padding-top:9px;
	padding-left:0px;
	padding-right:31px;
	text-decoration:none;
	text-transform:uppercase;

}

#navigation1 li a.selected
{
	font-family: verdana;
	font-size:10px;
	color:#3C5CA6;
	display:block;
	font-weight:bold;
	padding-top:9px;
	padding-left:0px;
	padding-right:31px;
	text-decoration:none;
	text-transform:uppercase;

}

/********************************************************************* Content **********************************************************************/

#fond{
	z-index : 2;
	background: #3177FF url(images/fond.gif);
	width:845px;
	margin : 0;
	padding : 0;
}

#content
{
	z-index : 3;
	position: relative;
	background:#F5F5F5;
	float:left;
	font:13px "trebuchet ms", arial, verdana, helvetica, sans-serif;
	border-right:1px solid #f1f1f1;
	color:#333333;
	text-align : justify; 
	width:600px;
	margin-left : 60px;
	margin-top : 5px;
	margin-bottom:5px;
	margin-right : 12px;
	padding-top : 15px;
	padding-bottom : 15px;
	padding-left:15px;
	padding-right:15px;	
	display : inline;
}

#content h2
{
	color:#990000;
	font-size:16px;	
	margin:0;
	padding:0 0 0 10px;
	font-style:italic;
}


#content h3
{
	color:#990000;
	font-size:10px;	
	margin:0;
	padding:10px 5px 0 0;
	text-align:left;
}

#content h4
{
	color:#990000;
	font-size:.8em;	
	margin:0;
	padding:0 0 0 10px;
	font-weight:bold;
	background:inherit;
}

#content p
{
	margin-left : 10px;
	margin-right : 10px;
	margin-top : 5px;
	margin-bottom:5px;
	
	padding-left:10px;
	padding-right:10px;
	background:inherit;
	color:inherit;
}

#content a{
	color : #996600;
}

span.occasion {
        background-color: blue;
	color: white;
	font-weight: bold;
}


/*---------------------------------encadr�------------------------------------------------*/
#hautdroite{
	z-index : 3;
	position: absolute;
	background: url(images/haut_droite.gif);
   	top: -10px;
   	right: -10px;
	width:156px;
	height:112px;		
}

#hautgauche{
	z-index : 3;
	position: absolute;
	background: url(images/haut_gauche.gif);
   	top: -8px;
   	left: -8px;
	width:116px;
	height:83px;		
}
#basgauche{
	z-index : 3;
	position: absolute;
	background: url(images/bas_gauche.gif);
   	bottom: -10px;
   	left: -10px;
	width:157px;
	height:119px;		
}


#basdroite{
	z-index : 3;
	position: absolute;
	background: url(images/bas_droite.gif);
   	bottom: -7px;
   	right: -7px;
	width:116px;
	height:85px;		
}

/************************************* Content CGV   **************************************************/

#contentCGV
{
	background:#fff;
	float:left;
	padding:10px 10px;
	width:800px;
	font:14px "trebuchet ms", arial, verdana, helvetica, sans-serif;
	color:#333333;
	text-align : justify; 	
}
#content h3
{
	color:inherit;
	font-size:1.4em;
	margin:0;
	padding:10px 5px 0 0;
	text-align:left;
	background:inherit;
}
#contentCGV h5
{
	color:inherit;
	font-size:.8em;	
	margin:0;
	padding:0 0 0 30px;
	font-weight:normal;
	background:inherit;
}
#contentCGV p
{
	margin:10px 5px;
	padding-left:10px;
	padding-right:10px;
	background:inherit;
	color:inherit;
}

/************************************************* Side Content ********************************************************/

#sidebar
{
	z-index:2;
	background: #E0E0E0 url(images/liens_clair.gif);
	margin-top:20px;
	margin-right:8px;
	margin-bottom:60px;
	padding-left:10px;
	float:right;
	width:138px;
	height:200px;	
}
#sidebar ul
{
	color:#333;
	list-style:none;
	padding:0;
	margin:0;
	background:inherit;
}

#sidebar li
{
  background: #F5F5F5 url(images/puce_clair.gif) no-repeat;
  width : 107px;

}

#sidebar li a
{
	font-family:verdana;
	font-size:11px;
	color:#000000;
	display:block;
	background:inherit;
	text-decoration:none;
	padding-left : 15px;
	padding-bottom : 5px;
}

#sidebar h4
{
	font-size:18px;
	font-style : italic;
	color : #930200;
	font-weight:bold;
	margin:0;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom : 5px
	
}
#sidebar p
{
	margin:5px 5px;
	padding-left:10px;
	padding-right:10px;
	background:inherit;
	color:inherit;

}

/***** Footer *****/

#footer
{
	background:#000000;
	clear:both;
	color:#ffffff;
	font-size:0.9em;
	height:1.8em;
	line-height:1.8em;
	padding:0;
	text-align:center;
}

#footer a
{
	background:inherit;
	color:#fff;
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

#footer .left
{
	margin:0 0 0 8px;

}

#footer .right
{
	
	margin:0 8px 0 0;
}

/******** faq **********/

.question_hidden
{
	display : none;
}

.question_visible
{
	display : visible;
}


/***************** formulaire *****************/

#formulaire {
	border: none;
	margin: 0;
	padding: 0;
	width:600px;	/*** Largeur du formulaire ***/
}


#corpForm  label {	/*** Mise en forme des intitul�s de champs ***/
	float: left;	/*** Tr�s important, ne pas suprimer ! ***/
	width: 20%;	/*** Les intitul�s prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont align�s � droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centr�s verticalement. ***/

}

div.message {
	color: #545430;
	padding: 25px 25px 25px 25px;

}

div.error {
	color: #980606;
	padding: 25px;
}

td.vignette{
	width:130px; 
	height:127px;
	align:center;
}
td.color_legend {
	width: 220px;
	border: 1px solid #dedede;
}

/*-------------------------- vignette photo----------------------------------------------*/

#photo{
	z-index : 3;
	position: relative;
	background: url(images/vignette_rouge.gif);
	width:150px;
	height:149px;
	float:left;
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 7px;
	margin-left: 10px;
	font:13px "trebuchet ms", arial, verdana, helvetica, sans-serif;
	padding-top:10px;
	text-align : center;
}

#blocphoto{
	margin-left:75px;
	width : 700px;
}


/*-------------------------- fiche v�hicule ----------------------------------------------*/

.hr_silver {color: #009900}


div#content div.box {
	width: 580px;
	background-color: #ccc;
	padding: 6px;
	margin: auto;
	margin-bottom: 10px;
	border-top: 3px solid #92141A;
}
div.box span.price {
	font-weight: bold;
	color: #000;
}
div.box span.promo {
	background-color: red;
	color: white;
	font-weight: bold;
}
div.box td.description {
	background-color: white;
	padding: 5px;
}
div#content div.box td.description h1 {
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 20px;
	line-height: 20px;
}
div#content div.box td.description h2 {
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 16px;
	font-style: normal;
	line-height: 16px;
}
div#content div.box td.description p {
	clear: left;
	padding: 0;
	margin: 0;
	line-height: 16px;
}
div#content div.box a {
	display: block;
	background-color: white;
	color: white;
	text-align: center;
	text-decoration: none;
}
div#content div.box a:hover {
	text-decoration: underline;
}
td.vignette {
	text-align: center;
	height: 90px;
	width: 145px;
}
div#content div.box a.show, div#content div.box a.show:hover {
	float: left;
	width: 103px;
	height: 16px;
	/*background: url(images/btn_bg.jpg) top left no-repeat;*/
	background-color: #92141A;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
div#content div.box a.hide, div#content div.box a.hide:hover {
	float: left;
	width: 103px;
	height: 16px;
	background: url(images/btn_bg.jpg) top left no-repeat;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
div#partenaires  {
	margin-top: 44px;	
}