/*---------------------------------RESULTATS - VISUALISATION PAR LISTE----------------------*/

#result_left {
/*float: left;
width: 100%;
height: 100%;*/
}

#result_left #agent{
	position:absolute;
	left:0;
	top:150px;
	height: 15px;
	line-height:15px;
	color:#808080;
	font: bold 11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

#result_left #agent p{
	display:inline;
}

#result_left #agent p.separateur{
	padding-right:15px;
	background:url('../_img/result_list/head_separator.gif') 5px no-repeat;
}

#result_left #agent p a {
	color: #4C4C4C;
	font: bold 11px Helvetica,sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

#result_left #agent p a:hover{
	text-decoration: underline;
}

#result_right {
	float: left;
	width: 240px;
	height: 520px;
	background-color: #000000;
	margin-top: 30px;
}

#onglets {
	position:absolute;
	right:0;
	top:180px;
	height: 15px;
	line-height:15px;
	color:#808080;
	font: bold 11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

#onglets img{
	padding:0px 3px;	
}

/*---------------------------------------votre_recherche-------------------------------------*/

#votre_recherche {
	width: 100%;
	height: 107px;
	background-color: #FFFFFF;
}

#votre_recherche #left {
	float: left;
	margin: 10px 0 0 15px;
	display: inline;
	width: 234px;
}

/*VERSION NORMALE*/

#votre_recherche #left p.nombre {
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	padding-top: 5px;
}

/*VERSION CONCESSIONNAIRE*/

#votre_recherche #left h1 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000000;
}

#votre_recherche #left p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #4c4c4c;
}

#votre_recherche #left a {
	display:block;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration:none;
	margin-top: 18px;
	background:url(../_img/result_list/puce_retour.gif) center left no-repeat;
	padding-left:10px;
}

/*fin VERSION CONCESSIONNAIRE*/

#votre_recherche #right {
	float: left;
	margin-top: 11px;
}

#votre_recherche #right p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #003399;
	background: url(../_img/result_list/puce_votre_recherche.gif) center left no-repeat;
	padding-left: 8px;
	margin-bottom: 7px;
}

#votre_recherche #right p a {
	color: #003399;
	text-decoration: none;
}

/*---------------------------------------container_tableau-------------------------------------*/

#container_tableau {
	position:absolute;
	top:180px;
	left:0;
}

#container_tableau table.head{
	/*width:355px;*/
}

#container_tableau table.head td{
	padding:0 5px;
	font: bold 11px Helvetica, sans-serif;
	color:#4c4c4c;
	text-transform: uppercase;
}

#container_tableau table.head td.label{
	padding:0 15px 0 0;
	font: bold 11px Helvetica, sans-serif;
	color:#7f7f7f;
}

#container_tableau table.head td.separateur{
	background:url('../_img/result_list/head_separator.gif') 5px no-repeat;
}

#container_tableau .tableau_result {

	width: 370px;
	margin-left: 10px;
	
}

	#container_tableau .tableau_result a{
		color:#808080;
		font: bold 11px Arial, Helvetica, sans-serif;
	}
	
#container_tableau #tableau_scrollable {
	width: 100%;
	height: 270px;
	position: absolute;
	top: 30px;
}

#container_tableau .tableau_scrollable {
	overflow: auto;
}

#container_tableau .tableau_result tr.ligne1 {
	height: 29px;
	color: #003399;
}

#container_tableau a{
	cursor: pointer;
}

#container_tableau .tableau_result tr.lignes {
	height: 25px;
	background: url(../_img/result_list/fd_ligne.gif) top left repeat-x;
	cursor: pointer;
}
#container_tableau .tableau_result tr.lignes.on {
	color: #FFFFFF;
	background: url(../_img/result_list/fd_ligne_on.gif) top left repeat-x;
}

#container_tableau .tableau_result tr.lignes a {
	color: #000000;
	text-decoration: none;
}
#container_tableau .tableau_result tr.lignes.on a {
	color: #FFFFFF;
	text-decoration: none;
}


#container_tableau .tableau_result td.colonne1 {
	width: 198px;
	text-align: left;
	padding-left: 5px;
}

/*VERSION CONCESSIONNAIRE*/

#container_tableau .tableau_result td.colonne1.cons {
	width: 85px;
}

#container_tableau .tableau_result td.colonne1.cons2 {
	width: 110px;
}

/*fin VERSION CONCESSIONNAIRE*/

#container_tableau .tableau_result td.colonne2 {
	width: 52px;
}

#container_tableau .tableau_result td.colonne3 {
	width: 51px;
}

#container_tableau .tableau_result td.colonne4 {
	width: 69px;
}

#container_tableau .tableau_result td.colonne5 {
	width: 10px;
}

/*------------------ dernieres_consultations- -------------------*/
#dernieres_consultations {
	position: relative;
	width: 100%;height: 99px;
	background: url(../_img/result_list/fd_consultations.gif) top left repeat-x;
}

#dernieres_consultations .titre {
	margin: 10px 0 0 10px;
}

#dernieres_consultations img { border: 0px; }

#dernieres_consultations #visuels {
	position: absolute;
	top: 9px;left: 100px;
	width: 298px;height: 73px;
	border: 1px solid #666666;
	overflow: hidden;
}
#dernieres_consultations #visuels #gallery { position: absolute;top: 0px;left: 0px; }

#dernieres_consultations #visuels #gallery a {
	position: absolute;display: block;
}

#dernieres_consultations #previous {
	position: absolute;left: 80px;top: 40px;cursor: pointer;padding: 5px;
}
#dernieres_consultations #next {
	position: absolute;right: 0px;top: 40px;cursor: pointer;padding: 5px;
}

/*------------------------ result_right ---------------------------*/

#result_right #visuel {
	position: relative;
	width: 240px;height: 180px;
	background-color : #000000;
	background-image: URL(../_img/outils/loading2.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

/*----------------------- container_description ---------------------------*/

#container_description {
	position: relative;
	width: 230px;
	height: auto;
	min-height: 231px; 
	background-color: #181818;
	padding: 0 5px 10px 5px;
	background: url(../_img/result_list/fd_description.gif) top left repeat-x;
}

#container_description #description {
	position: relative;
	width: 230px;
	height: 100%;
}

#container_description #description h1 {
	position: relative;
	font: bold 16px Helvetica, sans-serif;
	color: #e8e7e7;
	padding: 5px 0 0 3px;
}

#container_description .tableau_description {
	position: relative;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin-left: 4px;
	width: 226px;
	margin-top: 3px;
}

#container_description .tableau_description td.colonne1 {
	color: #999999;
	width: 90px;
	padding-top: 1px;
}

#container_description .tableau_description td.colonne2 {
	color: #ffffff;
	padding-top: 1px;
}

#container_description .tableau_description tr.lignes {
	height: 20px;
	background: url(../_img/result_list/fd_ligne2.gif) top left repeat-x;
}

/*----------------------- RESULTATS - VISUALISATION PAR IMAGE --------------------*/

#flash_result {
	width: 660px;
	height: 376px;
	background-color: #000000;
}

#liens_result {
	width: 616px;
	height: 19px;
	background: url(../_img/result_image/fd_liens.gif) top left repeat-x;
	padding-left: 44px;
	padding-top :5px;
}

#liens_result p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #999999;
	background: url(../_img/result_image/puce_liens.gif) center left no-repeat;
	padding-left: 8px;
	float: left;
	margin-right: 17px;
}

#liens_result p a {
	color: #999999;
	text-decoration: none;
}

/*---------------------- dernieres_consultations2 -------------------------*/

#dernieres_consultations2 {
	position: relative;
	background: url(../_img/result_image/fd_dernieres_consultations.gif) top left repeat-x;
	width: 660px;height: 100px;
}

#dernieres_consultations2 .titre {
	margin: 10px 0 0 10px;
}

#dernieres_consultations2 img { border: 0px; }

#dernieres_consultations2 #visuels img {
	border: 1px solid #666666;
	margin-right: 10px;
}

#dernieres_consultations2 #visuels {
	position: absolute;
	top: 10px;left: 180px;
	width: 440px;height: 75px;
	overflow: hidden;
}
#dernieres_consultations2 #visuels #gallery { position: absolute;top: 0px;left: 0px; }

#dernieres_consultations2 #visuels #gallery a {
	position: absolute;display: block;
}

#dernieres_consultations2 #previous {
	position: absolute;left: 155px;top: 34px;cursor: pointer;padding: 5px;
}
#dernieres_consultations2 #next {
	position: absolute;right: 20px;top: 34px;cursor: pointer;padding: 5px;
}

#result h2{
	font:bold 35px Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	text-transform: uppercase;
	margin:0;
	padding:0;
	line-height:32px;
}

#result h3{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	text-transform: uppercase;
	margin:0;
	padding:0;
}

#resultats_liste{
	margin-top:87px;
	list-style:none; 
}

#resultats_liste a{
	position:relative;
	background:#f2f2f2;
	height:40px;
	margin-bottom:1px;
	cursor:pointer;
	display:block;
	text-decoration: none;
}

#resultats_liste a:hover{
	background:#6b6b6b;
	color:#f2f2f2;
}

#resultats_liste a div.colonne0, #resultats_liste a div.colonne1, #resultats_liste a div.colonne1_1, #resultats_liste a div.colonne2, #resultats_liste a div.colonne3, #resultats_liste a div.colonne4, #resultats_liste a div.colonne5{
	height:40px;
	float:left;
	text-align:right;
}

#resultats_liste a div.colonne0{
	width:50px;
	padding-left:23px;
	text-align:left;
	font: bold 15px Arial, Helvetica, sans-serif;
	line-height:40px;
	color:#4c4c4c;
	overflow: hidden;
}

#resultats_liste a div.colonne1_1{
	width: 245px;
	padding-left:23px;
	text-align:left;
	font: bold 15px Arial, Helvetica, sans-serif;
	line-height:40px;
	color: #4c4c4c;
	overflow: hidden;
}

#resultats_liste a div.colonne1{
	width:304px;
	padding-left:23px;
	text-align:left;
	font: bold 15px Arial, Helvetica, sans-serif;
	line-height:40px;
	color:#4c4c4c;
	overflow: hidden;
}

#resultats_liste a div.colonne2{
	text-align:left;
	width:60px;
	font: normal 15px Arial, Helvetica, sans-serif;
	line-height:40px;
	color:#717171;
}

#resultats_liste a div.colonne3{
	width:55px;
	font: normal 15px Arial, Helvetica, sans-serif;
	line-height:40px;
	color:#717171;
}

#resultats_liste a div.colonne4{
	width:95px;
	font: normal 15px Arial, Helvetica, sans-serif;
	line-height:40px;
	color:#717171;
}

#resultats_liste a div.colonne5{
	width:95px;
	font: bold 15px Arial, Helvetica, sans-serif;
	line-height:40px;
	color:#4c4c4c;
}

#resultats_liste a:hover div{
	color:#f2f2f2;
}

#resultats_liste a div.image{
	display:none;
}

#resultats_vignette{
	margin-top:87px;
	list-style:none;
	/*border:1px solid red;*/
}

#resultats_vignette a{
	float:left;
	width:217px;
	height:164px;
	margin:0;
	padding:0;
	margin-left:1px;
	margin-bottom:1px;
	margin-top:0px;
	position:relative;
	cursor:pointer;
	border: 0;
}

#resultats_vignette a div.vignetteContainer{
	width:217px;
	height:164px;
	overflow:hidden;
	text-align: center;
}

#resultats_vignette a div.vignetteContainer img.vignette{
	border: 0;
	width: 218px;
	height: 164pxpx;
}

#resultats_vignette a img.vignette{
	border: 0;
}

#resultats_vignette a div.image{
	display:none;
}

#nextResults{
	display:block;
	background:url('../_img/research/puce_recherche.gif') 7px 13px no-repeat #f2f2f2;
	width:318px;
	height:30px;
	line-height:30px;
	padding-left:17px;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color:#6b6b6b;
	cursor:pointer;
}
#nextResults:hover{
	color:#f1f1f1;
	background:url('../_img/research/puce_recherche_on.gif') 7px 13px no-repeat #6b6b6b;
}
#containerNextResults{
	clear:both;
	padding-top: 20px;
	padding-bottom: 20px;
}

#floatImageContainer{
	position:absolute;
}

#floatImageContainer .imgContainer{
	width:298px;
	height:224px;
	overflow:hidden;
}

#floatImageContainer .imgContainer img{
	width:100%;
}

#floatImageContainer{
	display:none;
	position:absolute;
	width:300px;
	height:363px;
	padding:1px 8px 8px 2px;
	top:-70px;
	left:-34px;
	background:url('../_img/result_image/result_hover_box.png') no-repeat;
	z-index:999;
	cursor:pointer;
}

* html #floatImageContainer{
	background:url('../_img/result_image/result_hover_box.gif') no-repeat;
}

#floatImageContainer .info{
	margin-left:13px;
	margin-top:11px;
}

#floatImageContainer .info .modele{
	font: normal 18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#000000;
	width: 274px;
}

#floatImageContainer .info .sub_info{
	font: normal 15px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#979797;
}

#floatImageContainer .info .span{
	font-weight:bold;
	color:#111111;
}

#floatImageContainer .info_sup{
	position:absolute;
	bottom:13px;
	left:14px;
	list-style: none;
}

#floatImageContainer .info_sup li{
	position:relative;
	font: normal 13px Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	text-transform: uppercase;
	width:266px;
	line-height:22px;
	border-bottom:1px solid #f2f2f2;
}

#floatImageContainer .info_sup li.last{
	border-bottom:0px;
}

#floatImageContainer .info_sup li span{
	position:absolute;
	right:0px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform: uppercase;
	line-height:22px; 
}

#floatImageContainer1{
	position:absolute;
	top:30px;
	bottom:auto;
	left:210px;
	background:url('../_img/result_list/result_hover_box.png');
	width:298px;
	height:223px;
	padding:20px 13px 14px 13px;
	z-index:999;
	display:none;
}

#floatImageContainer1.bottom_align{
	bottom:30px;
	top:auto;
	padding:14px 13px 20px 13px;
	background:url('../_img/result_list/result_hover_box_down.png');
}

* html #floatImageContainer1.bottom_align{
	padding:14px 13px 20px 13px;
	background:url('../_img/result_list/result_hover_box_down.gif');
}

#floatImageContainer1{
	background:url('../_img/result_list/result_hover_box.gif');
}

#floatImageContainer1 .imgContainer{
	overflow:hidden;
	width:297px;
	height:223px;
}

#floatImageContainer1 img{
	width:100%;
	height:auto;
}

