@charset "utf-8";
/* CSS Document */

/* RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*************************************************************************************************************************************************************************/
/*** CUSTOM STYLE ********************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************/

body{background-color:#000;}

/** DIVS ****************************************************************************************************************************************************************/
#conteneur_head{ width:100%; height:68px; background-image:url(../img/bg_header.jpg); background-repeat:repeat-x; margin-top:35px;}
#header{ width:982px; height:68px; margin-left:auto; margin-right:auto; }
#conteneur_large{ width:100%; background-image:url(../img/bg.jpg); background-position:0px 60px; background-repeat:repeat-x; margin-top:35px; margin-bottom:30px; }
#bande_test{ width:100%; background-image:url(../img/bg_footer_bande.jpg); background-position:0px 715px; background-repeat:repeat-x; position:relative; z-index:0;}
#bande_test_2{ width:100%; height:37px; background-image:url(../img/bg_footer_bande.jpg); background-repeat:repeat-x; position:relative; z-index:0; margin-top:-103px;}
#conteneur_1024{ width:1024px; margin-left:auto; margin-right:auto; }
#transpa_left{ width:21px; height:700px; float:left; background-image:url(../img/transpa_left.png)!important; background-repeat:repeat-y; background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/transpa_left.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */ margin-top:60px;  }

#transpa_right{ width:21px; height:700px; float:left; background-image:url(../img/transpa_right.png)!important; background-repeat:repeat-y; background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/transpa_right.png'); margin-top:60px;  }
#menu_box{/*height:80px;*/}
#main{ width:982px; float:left; background-color:#FAFAFA; position:relative; z-index:2; margin-bottom:20px; }
/* Bande Slider */
#conteneur_slider{width:982px; height:303px; background-image:url(../img/bg_slider.jpg); background-repeat:repeat-x; margin-bottom:20px;}
#location{float:left; width:370px;margin-left:10px;}
/* Specific position du slider */
#conteneur_sliding{position:relative; float:left; width:600px; height:303px; position:relative; z-index:1;}
#slider{ position:relative; z-index:1; }
#slider p a{ 
	text-decoration: underline;	
}
#div_slide_prix  {
	text-align:center;
}

.item{ width:600px; position:relative; z-index:1; }
.item even{ width:600px; position:relative; z-index:1;}
div.container{ width:600px; height:240px; padding-top:11px; padding-bottom:11px; margin-top:17px; background-color:#333; position:relative; float:left; z-index:1; }
#description_slider{float:left; margin-left:10px;}
/* Navigation Slider */
a.slider_prev{ display:block; width:66px; height:303px; background-image:url(../img/slide_left.png)!important; background-position:left; background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/nav_left.png'); border:none; position:absolute; top:0; left:0; z-index:10; }
a.slider_next{ display:block; width:66px; height:303px; background-image:url(../img/slide_right.png)!important; background-position:left; background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/nav_right.png'); border:none; position:absolute; top:0; right:0; z-index:10; }
a.slider_prev:hover{ background-image:url(../img/slide_left.png)!important; background-position:right; background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/nav_left_hover.png'); cursor:pointer; }
a.slider_next:hover{ background-image:url(../img/slide_right.png)!important; background-position:right; background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/nav_right_hover.png'); cursor:pointer;}




#added_box{ width:305px; height:325px; float:left; margin-left:10px; margin-right:10px; background-color:#FFF; border:1px solid #AEAEAE;}
#added_box p a{font-size:80%;}
#about_box{ width:305px; height:325px; float:left; margin-left:10px; margin-right:10px; background-color:#FFF; border:1px solid #AEAEAE;}
#about_box p a{font-size:80%;}
#search_box{ width:305px; height:325px; float:left; margin-left:10px; margin-right:10px; background-color:#FFF; border:1px solid #AEAEAE;}
#main_box{ width:960px; height:auto; min-height:325px; float:left; margin-left:10px; margin-right:10px; background-color:#FFF; border:1px solid #AEAEAE;}
#main_box_smaller{ width:850px; height:auto; min-height:325px; float:left; margin-left:65px; margin-right:65px; background-color:#FFF; border:1px solid #AEAEAE; }
#footer{ width:982px; height:30px; background-image:url(../img/bg_footer.jpg); background-repeat:repeat-x; margin-top:20px; margin-bottom:20px;}
#bande_footer_1024{ position:relative; width:1024px; height:37px; background-image:url(../img/transpa_footer.png)!important; margin-left:auto; margin-right:auto; background-image:url(no-image);}
#kill_float{ clear:both;}
.separ_title{ color:#222; width:230px; float:left; margin-left:10px; }
/* Page contact */
#contact_form{border:1px solid #CCC; padding:20px; margin-left:40px; margin-top:0px; margin-bottom:20px; width:360px; float:left;}
#contact_form2{border:1px solid #CCC; padding:20px; margin-left:40px; margin-top:0px; margin-bottom:20px; width:360px; float:left;}
#contact_autre{border:1px solid #CCC; padding:15px; margin-left:40px; margin-top:0px; margin-bottom:20px; width:410px; float:left;}
#contact_plan{border:1px solid #CCC; padding:20px; margin-left:40px; margin-top:0px; margin-bottom:20px; width:400px; float:left;}
/************************************************************************************************************************************************************************/



/** MENU ***************************************************************************************************************************************************************/
ul.menu{ width:982px; height:30px; padding-top:20px;}
ul.menu li{ display:block; width:163px; float:left; text-align:center;}
ul.menu li a{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#222; text-decoration:none;}
ul.menu li a:hover{ text-decoration:underline;}
.lavaLampBottomStyle{ position:relative; height:15px; width:982px; padding:20px 0px 15px 0px; overflow:hidden; }
.lavaLampBottomStyle li{ display:block;	width:163px; text-align:center; float:left; list-style:none; }
.lavaLampBottomStyle li.back{ border-bottom:3px solid #a4c723; width:9px; height:20px; z-index:8; position:absolute; }
.lavaLampBottomStyle li a{ font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#222; font-weight:bold; text-decoration:none; z-index:10; height:25px; position:relative; overflow:hidden; }
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited { border:none; }  
/************************************************************************************************************************************************************************/



/** IMAGES *************************************************************************************************************************************************************/
/* Accueil */
img.slider_img{ float:left; position:relative; z-index:10; border:1px solid #222; margin-left:-130px; margin-top:17px; width:280px;}
img.affaire{ float:left; position:relative; z-index:20; margin-left:48px; margin-top:-10px;}
img.align_left{ float:left; border:1px solid #222; margin:10px; width:120px;}
img.fleche{margin:0px 8px 0px 8px;}
/* Liste de véhicules */
#occasions img.thumb_list{width:100px; border:1px solid #666; float:left; margin:5px; margin-right:10px;}
#occasions img.big_list{width:400px; border:1px solid #666; }
/* Infosbulles */
a.preview{ position:relative; z-index:24; color:#000; text-decoration:none; }
a.preview:hover{ z-index:25; background-color:#FFF; }
a.preview span{ display:none; } 
a.preview:hover span{ display:block; position:absolute; top:2em; left:2em; width:auto; border:1px solid #000; background-color:#FFF; color:#000; text-align:justify; font-weight:none; padding:5px; }
/* Détails */
img.details_img_1{width:440px; border:1px solid #333; padding:1px; margin:10px;}
img.details_img_autres{width:150px; border:1px solid #333; padding:1px; margin:10px;}
/************************************************************************************************************************************************************************/



/** TEXTES *************************************************************************************************************************************************************/
p.footer{ width:982px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#EEE; text-align:center; padding-top:8px;}
p.footer a{color:#EEE; text-decoration:none;}
p.footer a:hover{ text-decoration:underline;}
p.description_car{ float:left; padding-top:25px; padding-left:10px; color:#DDD;}
h1{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#222; padding:15px 0px 5px 15px;}
p.link{margin:10px 15px 10px 0px;}
p.link a{ font-family:Geneva, Arial, Helvetica, sans-serif; color:#333; font-weight:bold; font-size:15px; float:right; text-decoration:none; }
p.link a:hover{ text-decoration:underline;}

/* Slider */
h2.slider_title_car{font-family:Geneva, Arial, Helvetica, sans-serif; color:#FFF; font-size:17px; font-weight:bold; padding:20px 0px 10px 0px;}
p.slider_description_car{font-family:Geneva, Arial, Helvetica, sans-serif; color:#DDD; font-size:15px; line-height:19px; padding:0px 0px 10px 0px;}
p.slider_prix_car{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#FFF; line-height:20px; font-weight:bold; padding:10px 0px 5px 0px;}
p.slider_link_car{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#FFF; float:left; padding:15px 20px 10px 0px;}
p.slider_link_car a{ text-decoration:none; color:#FFF;}
p.slider_link_car a:hover{ text-decoration:underline;}

/* Nouvelles occasion */
h2.car{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; margin-top:20px; margin-bottom:5px;}
p.car_description{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;}
p.car_link{ margin-top:10px; color:#333; font-weight:bold;}
p.car_link a{font-family:Geneva, Arial, Helvetica, sans-serif; color:#333; font-size:15px; text-decoration:none;}
p.car_link a:hover{ text-decoration:underline;}

/* About box */
p.description_about{font-family:Geneva, Arial, Helvetica, sans-serif; color:#111; font-size:13px; margin-top:10px; padding-left:10px; padding-right:10px;}

/* Liste de véhicules */
p.nb_car{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; text-align:center; color:#333; margin-top:20px; margin-bottom:10px;}
p.list_title{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#333; font-weight:bold; line-height:35px;}
p.list_title a{ color:#333; text-decoration:none;}
p.list_title a:hover{ color:#000; text-decoration:underline; }
p.list_title_2{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#333; font-weight:bold; line-height:80px; display:inline; vertical-align:middle;}
p.list_p{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#333; font-weight:normal; margin-right:8px; }
p.list_p_2{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#333; font-weight:normal; line-height:80px; display:inline; vertical-align:middle; }
p.list_p_left{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#333; font-weight:normal; margin-top:12px; display:inline; float:left;}
p.link_right{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#333; font-style:italic; float:right; margin-right:20px; margin-top:15px;}
p.link_right a{color:#333; text-decoration:none;}
p.link_right a:hover{ color:#000; text-decoration:underline;}

/* Recherche Avancée */
h1.title_search{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; color:#333; font-weight:bold; margin-top:40px; margin-left:20px; }
hr.title_search{width:550px; float:left; margin-left:15px;  border:1px solid #555555;}

/* Détails Du Véhicule */
h1.details_vehicule{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; color:#222; padding:15px 0px 0px 15px; margin:0px; line-height:35px; vertical-align:middle;}
h2.details_vehicule{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#222; padding:5px 0px 5px 10px; margin:0px; line-height:35px; vertical-align:middle;}
p.legende{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#111; line-height:32px; vertical-align:middle; padding-left:20px;}
p.legende2{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#111; line-height:32px; vertical-align:middle; padding-left:20px; padding-top:15px; padding-bottom:2px;}
p.details_vehicule{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#333; font-style:italic; line-height:32px; vertical-align:middle; padding-left:20px;}
p.details_vehicule2{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#333; font-style:italic; line-height:22px; padding-left:20px;}
p.details_vehicule_discret{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#555; font-style:italic; line-height:32px; vertical-align:middle; padding-left:20px;}
p.link_details{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#222; font-style:normal; font-weight:bold; margin-top:35px; margin-left:20px;}
p.link_details a{ color:#222; text-decoration:none;}
p.link_details a:hover{ text-decoration:underline;}
/* Véhicules Vendus */
h1.title{ text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; color:#333; margin-top:10px;}

/* Page Contact */
h1.title_contact{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; color:#222; line-height:32px; vertical-align:middle; padding-left:45px; float:left;}
h1.title_contact_right{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; color:#222; line-height:32px; vertical-align:middle; float:right; padding-right:45px;}
table.form_contact label{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; font-style:italic; color:#111; line-height:18px; vertical-align:middle; padding-left:5px; }
/* Page inscription recherche */
h2.separ_service_search{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#333; font-weight:bold; margin-top:0px; margin-bottom:20px;}
p.mess_success{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#090; margin-top:15px; margin-bottom:15px; line-height:22px; }
p.mess_echec{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#F00; margin-top:15px; margin-bottom:15px; line-height:22px; }

p.service1{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#111; line-height:32px; vertical-align:middle; padding-left:10px; text-align:center; font-weight:bold;}
p.service2{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#222; font-style:italic; text-align:center; line-height:31px; word-spacing:2pt; vertical-align:middle; padding-left:20px;}
ul.service{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-style:italic; line-height:28px; vertical-align:middle; padding-left:20px; list-style:inside; }

/************************************************************************************************************************************************************************/



/** FORMULAIRES *********************************************************************************************************************************************************/
/* Search Box */
label{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; color:#222; padding:15px 5px 5px 15px;}
input.basic{ width:150px; padding:5px; margin:4px 0px 4px 0px;}
input.basic2{ width:150px; padding:5px; margin:2px 2px 10px 0px;}
input.basic_long{ width:330px; padding:5px; margin:2px 2px 10px 0px;}
input.small{ width:62px; padding:5px; margin:4px 3px 4px 0px;}
select{width:150px; padding:5px; margin:4px 0px 4px 0px;}
/************************************************************************************************************************************************************************/



/** TABLEAUX ************************************************************************************************************************************************************/
/* TableSorter - Page Occasions */
#occasions{ width:850px; height:auto; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; }
/* Titres thead */
#occasions thead tr th, table.tablesorter tfoot tr th {
font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color: #d2e391;
	border: 1px solid #FFF;
	font-size: 15px;
	padding: 4px;
}
/* icone thead normal */
#occasions thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
/* Body */
#occasions tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
/* change couleur 1 ligne/2 */
#occasions tbody tr.odd td {
	background-color:#f1f7de;
}
/* icones thead changements */
#occasions thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
#occasions thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
#occasions thead tr .headerSortDown, #occasions thead tr .headerSortUp {
background-color: #a4c723;
}

/* Tableau Page Détails Véhicule */
#details_vehicule{width:850px; margin:20px auto 30px auto; }
#details_vehicule td{ vertical-align:top;}
#details_vehicule td.title_details{height:65px;}
#details_vehicule td.img{ width:460px; border-right:1px solid #999; }
#details_vehicule tr.space_fiche{ height:10px; border-top:1px solid #999;}
#details_vehicule tr.space_fiche_b{ height:30px; }
#details_vehicule td.legende{ width:145px; height:32px;  }
#details_vehicule td.points{ width:10px; height:32px;  }
#details_vehicule td.details{ width:230px; height:32px; }

/* Tableau de recherche avancée - Page d'index */
table.search{float:right; margin-top:5px; margin-right:40px;}

/* Tableau de recherche avancée - Page Recherche Avancée */
table.search_advanced{float:right; margin-top:20px; margin-right:30px; width:540px;}

/* Tableau Formulaire de contact */
table.form_contact{width:360px; height:450px; }

/* Tableau d'inscription au service de recherche */
table.form_service_search{width:360px; height:530px; float:left;}

/************************************************************************************************************************************************************************/


/* Slider Véhicules vendus */
#slider_boxes{ width:850px; margin:0 auto; position:relative; margin-top:20px;  }
.scroll{ overflow:hidden; width:850px; margin:0 auto; position:relative; }
.scrollContainer{ position:relative; }
.scrollContainer div.panel{ padding:10px; width:274px; height:330px; }
#left-shadow{ position:absolute; top:0; left:0; width:12px;	bottom:0; background:url(../img/leftshadow.png)!important; background-repeat:repeat-y; background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/leftshadow.png'); }
#right-shadow{ position:absolute; top:0; right:0; width:12px; bottom:0;	background:url(../img/rightshadow.png)!important; background-repeat:repeat-y; background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/rightshadow.png'); }
.inside{ padding:10px; border:1px solid #999;}
.inside img{ display:block; border:1px solid #666; margin:0 0 10px 0; width:250px; }
.inside h2{ font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:normal; color:#333; font-size:14px; margin:0 0 8px 0; }
.inside p{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#666; }
.scrollButtons{ position:absolute; top:127px; cursor:pointer;}
.scrollButtons.left{ left:-45px;}
.scrollButtons.right{ right:-45px; }
.hide{ display:none; }





/************************************************************************************************************************************************************************/




.link_bottom {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0 20px;
	width: 982px;
	clear: both;
	font-size:80%;
}

.link_bottom ul {
	width:165px;
	height:auto;
	margin:0px 40px 25px 40px;
	float:left;
	list-style: none;
}

.link_bottom li {
	width:165px;
}

.link_bottom li a{
	width:165px;
	color: #AAAAAA;
	text-decoration: none;
	line-height: 18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
}