/***********************************************/
/* laville.css                                 */
/* Romain Angaud     						   */
/***********************************************/

/***********************************************/
/* HTML                                        */
/***********************************************/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
	margin: 0px;
	line-height: 1.166;
	font-size: 10px;
	scrollbar-face-color: #F4F4F4; 
	scrollbar-shadow-color: #B9B9B9; 
	scrollbar-highlight-color: #B9B9B9; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color: #f4f4f4; 
	scrollbar-arrow-color: #F50000; 
}

p {
	margin: 0px;
	padding: 0px;
	line-height: 1.1em;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
hr {
	visibility: hidden;
}

/******* Hyperlien et Ancre *******/

a:link, a:visited{
	text-decoration: underline;
	color: #000000;
}

a:hover{
	color: #0099CC;
}

/************** En-tête **************/

h1, h2, h3, h4, h5 {
margin:0px;
padding:0px;
}

h1 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

h2{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 2px;
}

h3{
	color: #E50000;
	font-size: 11px;
	font-weight: bold;
}

h4{
 font: 100% Arial,sans-serif;
 color: #993300;
}

h5{
 font: 100% Arial,sans-serif;
 color: #993300;
}

/*************** Liste ***************/

ul{
	list-style-type: disc;
}

/********* Formulaires et objets de formulaire *********/

form {
	margin: 0;
	padding: 0;
}

label{
}
				
input{
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

input.button {
	width: 200px;
	color: #333333;
	padding: 0px;
	margin-top: 5px;
	height: 20px;
}
.input_recherche {
	width: 130px;
	margin-bottom: 2px;
}

.input_radio_wrap {
	float: left;
	padding-bottom: 5px;
}

.select_recherche {
	width: 200px;
	margin-bottom: 2px;
}
.select_contact {
	width: 135px;
	margin-bottom: 2px;
}
.testarea_recherche {
	width: 130px;
	margin-bottom: 2px;
}



/***********************************************/
/* Structure du Template 800x600 centré        */
/***********************************************/
/*             ******************               /
/*             *     Header     *               /
/*             ******************               /
/*             ******************               /
/*             *                *               /
/*             *     Body       *               /
/*             *                *               /
/*             ******************               /
/*             ******************               /
/*             *     Footer     *               /
/*             ******************               /
/***********************************************/


/******************Header***********************/
#header_wrap {
	width: 100%;
	height: 120px;
	background-image: url(../img/bgHeader.jpg);
	background-repeat: repeat-x;
}
#header {
	text-align: left;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}

/*****************Body**************************/
#body_wrap {
	width: 780px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}
#body {
	width: 780px;
}


/***************Footer**************************/
#footer_wrap{
	width: 780px;
	background-image: url(../img/dots.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 1px;
}

/******** Colonnes dans la boite Body **********/
/*             *                                /
/*             *                                /
/*             *                                /
/*   side_col  *          main_col              /
/*             *                                /
/*             *                                /
/*             *                                /
/***********************************************/
#main_col {
	width: 585px;
	float: left;
}
#side_col{
	width: 180px;
	float: left;
	padding-right: 15px;
	padding-bottom: 5px;
}

/***********************************************/
/* Menu                                        */
/***********************************************/
#globalnav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#globalnav li {
	background-position: bottom;
	background-color: #F4F4F4;
	height: 21px;
	background-image: url(../img/bgGlobalnav.gif);
}

#globalnav li a:link, #globalnav li a:visited {
	padding-left: 10px;
	color: #666666;
	padding-right: 10px;
	display: block;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	text-decoration: none;
}

#globalnav li a:hover {
	background-color: #FFFFFF;
	text-decoration: none;
	background-image: url(../img/bgGlobalnavHover.gif);
	color: #E50000;
}


#send_mail {
	width: 255px;
	margin-right: auto;
	margin-left: auto;
}

/***********************************************/
/* Boites pour la mise en page                 */
/***********************************************/

/******************** row **********************/
.row_wrap {
}
.row_header {
}
.row_body {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.row_footer {
	background-image: url(../img/cap-row-bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 6px;
	font-size: 0px;
}

/***************** cells ******************/
.cells_wrap {
	background-image: url(../img/cap-cells-bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 5px;
}

.cells_footer {
	background-image: url(../img/cap-cells-bottom.gif);
	background-repeat: no-repeat;
	height: 6px;
	clear: both;
	background-position: bottom;
	font-size: 0px;
	padding-top: 5px;
}

/************** cell1 ***********************/
.cell1_wrap {
	float: left;
	width: 345px;
}
.cell1_header {
	line-height: 24px;
	background-image: url(../img/cap-cell1-top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 24px;
	padding-right: 10px;
	padding-left: 10px;
}
.cell1_body {
	height: 195px;
	width: 333px;
	overflow: auto;
	padding-left: 10px;
}


/*************** cell2 ************/
.cell2_wrap {
	float: right;
	width: 235px;
}
.cell2_header {
	line-height: 24px;
	background-image: url(../img/cap-cell2-top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-right: 10px;
	padding-left: 10px;
}
.cell2_body {
	height: 195px;
	width: 223px;
	padding-left: 10px;
	overflow: auto;
}

/************ cells center *********************/
.cells_center_wrap {
	background-image: url(../img/cells_center_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 5px;
}
.cell1_center_wrap {
	width: 290px;
	float: left;
}
.cell2_center_wrap {
	width: 290px;
	float: right;
}
.cell_center_header {
	line-height: 24px;
	background-image: url(../img/cell1_center_header.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 24px;
	padding-right: 10px;
	padding-left: 10px;
}
.cell_center_body {
	padding-left: 10px;
	padding-top: 10px;
}
.cells_center_footer {
	clear: both;
}




/***********************************************/
/* Boites modules par défaut                   */
/***********************************************/

/************* News *********************/
#news_wrap {
	padding-top: 5px;
	padding-bottom: 6px;
	background-image: url(../img/dots.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 305px;
}
#news_detail_wrap {
	padding-bottom: 10px;
}
#news_pics_wrap img {
	padding-bottom: 3px;
	padding-right: 3px;
}

#news_pics_wrap {
}

#news_thumbnail {
	float: left;
	width: 75px;
}
#news_body {
	float: left;
	width: 230px;
}
#news_autres_wrap {
	padding-top: 5px;
	padding-bottom: 6px;
	background-image: url(../news/dots.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#news_autres_thumbnail {
	float: left;
	width: 75px;
}
#news_autres_body {
	float: left;
}

/***************** Selection ************/
#selection_wrap{
	width: 200px;
}
#selection_body {
	background-image: url(../img/dots.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-bottom: 6px;
	width: 200px;
}
#selection_thumbnail {
	float: left;
	width: 70px;
}
#selection_detail {
	float: left;
	width: 125px;
}

/***************** Advert **************/
#advert_wrap {
	padding-top: 15px;
}

/**************** Affichage ************/
#affichage {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 5px;

}

/***********************************************/
/* Recherche                                   */
/***********************************************/

/******* Boite *********************************/
#recherche_vnvo_wrap {
	float: right;
	width: 220px;
	text-align: center;
}
#recherche_type_wrap {
	padding-bottom: 5px;
	text-align: left;
	padding-left: 8px;
}


/******* Boutons *******************************/
#btn_startrecherche_wrap {
	background-image: url(../neuf_occasion/images/nav.jpg);
	background-repeat: no-repeat;
	height: 19px;
	width: 127px;
	padding-top: 5px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

/***********************************************/
/* Resultats liste & photo                     */
/***********************************************/

/************** Datagrid Liste *****************/
#dg_liste {
	width: 100%;
}
.dg_liste_header {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E50000;
	text-align: center;
}

/************** Datagrid Photo *****************/
#dg_photo_wrap {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 563px;
}
#dg_photo_thumbnail {
	text-align: center;
	float: left;
	width: 75px;
}
#dg_photo_detail {
	float: left;
	width: 300px;
}
#dg_photo_prix {
	float: right;
	width: 150px;
	text-align: right;
	padding-right: 5px;
}

/************** Elements de datagrid commun ***/
#dg_nombre_resultat {
	text-align: right;
	padding-bottom: 5px;
}
#dg_pager_wrap {
	padding-top: 10px;
	padding-bottom: 5px;
}
#dg_navigation_wrap {
	float: right;
	width: 265px;
}
.dg_valeurpaire
{
	COLOR: #333333;
	BACKGROUND-COLOR: #EFEFEF;
}
.dg_valeurimpaire
{
	COLOR: #333333;
	background-color: #FFFFFF;
}

/*********** Boutons ***************************/
#btn_recherche_wrap {
	float: left;
}
#btn_precedent {
	float: left;
}
#btn_suivant {
	float: right;
}

/***********************************************/
/* Fiche Véhicule                              */
/***********************************************/

/*********** Mise en page **********************/
#fiche_wrap {
	margin-bottom: 10px;
}
#vehicule_specs_wrap {
	float: right;
	width: 235px;
}
#vehicule_nav {
	width: 270px;
	margin-right: auto;
	margin-left: auto;
}

/************* Vehicule *******************/
#vehicule_wrap {
	float: left;
	width: 345px;
}
#vehicule_header {
	background-image: url(../img/dots.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
}
#vehicule_body {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 325px;
}
#vehicule_footer {
	margin: 0px;
	padding: 0px;
}
#vehicule_thumbnail {
	float: left;
	width: 100px;
}
#vehicule_prix {
	padding-top: 20px;
}

/************** Caracteristiques ************/
#caracteristiques_wrap {
	margin-bottom: 5px;
}
#caracteristiques_header {
	line-height: 24px;
	background-image: url(../img/cap-cell2-top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-right: 10px;
	padding-left: 10px;
}
#caracteristiques_body {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(../img/cell2_bg_alone.gif);
	background-repeat: repeat-y;
}
#caracteristiques_footer {
	margin: 0px;
	padding: 0px;
}

/************** Equipements ******************/
#equipements_wrap {
	margin-bottom: 5px;
}
#equipements_header {
	line-height: 24px;
	background-image: url(../img/cap-cell2-top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-right: 10px;
	padding-left: 10px;
}
#equipements_body {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(../img/cell2_bg_alone.gif);
	background-repeat: repeat-y;
}


#equipements_footer {
	margin: 0px;
	padding: 0px;
}

/************ Options ****************/
#options_wrap {
	margin-bottom: 5px;
}
#options_header {
	line-height: 24px;
	background-image: url(../img/cap-cell2-top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-right: 10px;
	padding-left: 10px;
}
#options_body {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(../img/cell2_bg_alone.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
}
#options_footer {
	margin: 0px;
	padding: 0px;
}

/************ Commentaires ***************/
#commentaires_wrap {
	padding: 0px;
}
#commentaires_header {
	line-height: 24px;
	background-image: url(../img/cap-cell2-top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-right: 10px;
	padding-left: 10px;
}
#commentaires_body {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(../img/cell2_bg_alone.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
}
#commentaires_footer {
	margin: 0px;
	padding: 0px;
}

/*************** Listes ul *********************/
ul.equipement {
	list-style-type: square;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
ul.vehicule {
	list-style-type: square;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

/*************** Boutons ****************/

#btn_infos_wrap {
	background-image: url(../neuf_occasion/images/nav.jpg);
	background-repeat: no-repeat;
	height: 19px;
	width: 127px;
	padding-top: 5px;
	float: left;
	text-align: center;
}

#btn_results_wrap {
	background-image: url(../neuf_occasion/images/nav.jpg);
	background-repeat: no-repeat;
	height: 19px;
	width: 127px;
	float: right;
	text-align: center;
	padding-top: 5px;
}

a.btn:link, a.btn:visited{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a.btn:hover{
	color: #E50000;
}

/***********************************************/
/* Je recherche - Je vends                     */
/***********************************************/
.criteres_recherche {
	float: left;
	width: 135px;
}
.criteres_vends {
	float: left;
	width: 135px;
}
.criteres_coordonnees {
	float: left;
	width: 135px;
}

/***********************************************/
/* Mise en page générale                       */
/***********************************************/

/************** Texte **************************/
.txtTitleh1 {
	color: #666666;
}

/************** Width ***************************/
.w305 {width: 305px;}
.w120 {width: 120px;}
.w85  {width: 85px;}
.w35  {width: 35px;}
.w100 {width: 100px;}
.w279 {width: 279px;}
.w139 {idth: 139px;}
.w150 {width: 150px;}
.w145 {width: 145px;}
.w140 {width: 140px;}
.w585 {width: 585px;}
.w563 {width: 563px;}
.w780 {width: 780px;}
.w300 {width: 300px;}
.w265 {width: 262px;}
.w263 {width: 263px;}
.w345 {width: 345px;}
.w235 {width: 235px;}
.w225 {width: 225px;}
.w75  {width: 75px;}
.w30  {width: 30px;}
.w230 {width: 230px;}
.w130 {width: 130px;}
.w125 {width: 125px;}

/************ Background ******************/
.dots {
	background-image: url(../img/dots.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/************ Padding *********************/
.p5  {padding:5px;}
.pt5 {padding-top:5px;}
.pr5 {padding-right:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}

.p6  {padding:6px;}
.pt6 {padding-top:6px;}
.pr6 {padding-right:6px;}
.pb6 {padding-bottom:6px;}
.pl6 {padding-left:6px;}

.p10  {padding:10px;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}

/************** Float *******************/
.fl {float: left;}
.fr {float:right;}
.fn {float:none;}

/************* Clear ********************/
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}