/* 
    Document   : tableauoffres
    Created on : 9 sept. 2009, 17:27:41
    Author     : Emmanuel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#tableau_offre{
    margin-top    : 10px;
    margin-bottom : 10px;
    clear : both;
    width : 100%;
    border:1px solid #EF8522;
    border-collapse:collapse;
    padding : 0px;
}




#tableau_offre *{
    font-family:arial,sans-serif;
    font-size:11px;
    color:#666666;
}


#tableau_offre #tableau_result.encours{
	background-color: #C0C0C0;
	z-index:10;
	opacity:0.1;
	filter: alpha(opacity=50);
	
}

#tableau_offre th{
    
  
    font-size:13px;
    padding:5px;
    text-align:center;
    vertical-align:top;
    color:#666666;
    background-color:white;
    background-image:url(/images/v2/tableauoffre/tableauoffre_th.gif);
    background-repeat:repeat-x;

}

#tableau_offre td{
    padding:5px;
    text-align:center;
    vertical-align:top;
    border-bottom:1px solid #EF8522;
}

#tableau_offre th a{
	 font-size:13px;
}



#tableau_offre td img{
    float:left;
    height:70px;
    margin-right:5px;
    width:100px;
}

#tableau_offre td img.caddie {
    float:left;
    height:26px;
    margin-right:5px;
    width:31px;
}

#tableau_offre td.offre_col_intutile{
    text-align:left;
}


#tableau_offre td.offre_col_intutile a.voirplus{
    font-weight:bold;
    color: #FF6C05;
    float: right;
    padding-top: 10px;
}

#tableau_offre td.offre_col_intutile h5{
    font-size:11px;
    font-family:arial,sans-serif;
    font-weight:bold;
    margin:0;
    margin-bottom:5px;	
}

#tableau_offre td.offre_col_intutile h6{
    margin:0;
    font-size:11px;
    font-weight:normal;
    font-family:arial,sans-serif;
    margin-top:5px;
}

#tableau_offre td.offre_col_intutile img.voirplus{
   
    width:17px;
    height:17px;
    float: right;
}

#tableau_offre td.offre_col_piece{
    width:50px;
}

#tableau_offre td.offre_col_prix{
    width:60px;
}

#tableau_offre td.offre_col_prix_surface{
    width:60px;
}

#tableau_offre td.offre_col_surface{
     width:40px;
}

#tableau_offre td.offre_col_ecart{
    width:40px;
    vertical-align:bottom;
}





/** Fitre **/

div#filtre_offre {
    clear:both;
    color:#666666;
    float:left;
    font-size:13px;
    margin-bottom:10px;
    font-family:arial,sans-serif;
    width:100%;
}

div#filtre_offre p.filtre_titre {
    width : 100%;
    color:#EF8522;
    font-weight:bold;
    display:block;
    margin-top:10px;
    margin-bottom:0px;
}

div#filtre_offre input.champ_moyen {
    width : 70%;
}

div#filtre_offre p.filtre_rechercher {
    text-align :right;
    padding-top:5px;
}

div#filtre_offre div.slider{
    margin-top:5px;
    height:20px;
    position:relative;
    text-align:left;
    voice-family:inherit;
    background:transparent url(/images/v2/tableauoffre/fond_barre_slider.gif) repeat-x scroll 0 0;
    width:80%;
    
}

div#filtre_offre div.slider div.handle {
    background:transparent url(/images/v2/tableauoffre/slider.png) no-repeat scroll 0 0;
    height:20px;
    left:0;
    position:absolute;
    top:0;
    width:20px;
}

div#filtre_offre div.filtre_block {
    float : left;
    width : 24%;
    

}

a#filtre_rechercher input {
	display: none;
}

a#filtre_rechercher{
	display: block;
	width:110px;
	height:30px;
	background-image:url(/images/v2/bouton/recherchebis.png);
	cursor: pointer; 
}

a#filtre_rechercher:link{
	background-position: 0 0;
}

a#filtre_rechercher:hover {
	background-position: 0 -30px;
} 

div#filtre_offre div.filtre_block 

/** Auto Completement sur ville **/
 
div#filtre_offre div.filtre_update{
        position:absolute;
        width:250px;
        background-color:white;
        border:1px solid #EF8522;
        margin:0px;
        padding:0px;
	
}
 
div#filtre_offre div.filtre_update ul.update_villes  {
        list-style-type: none;
        margin:0px;
        padding:0px;
        text-align: left;
}

div#filtre_offre div.filtre_update ul.update_villes li.selected { 
	background-color: #FEEEDE; 
	cursor: pointer; 
}

div#filtre_offre div.filtre_update li.update_ville {
        list-style-type: none;
        display:block;
        margin:2;
	margin-bottom:2;        
	padding:2px;
    	color:#666666;    
	background-color: #FFFFFF;
}

/** pagination **/


#tableau_offre td.pagination{
	padding: 5px;
	margin: 1em 0;
	clear: both;
}

#tableau_offre td.pagination ul{
	margin: 0;
	padding: 0;
	text-align: center; /*Set to "left" or "right" to left/right align pagination interface*/
	font-size: 13px;
}

#tableau_offre td.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

*:first-child+html #tableau_offre td.pagination li a{ /*IE7 only CSS hack*/
	margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html #tableau_offre td.pagination li a{ /*IE6 and below CSS hack*/
	margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

#tableau_offre td.pagination a, #tableau_offre td.pagination a:visited, #tableau_offre td.pagination a:active{
	padding: 0 5px;
	
	text-decoration: none; 
	color: #EF8522;
}

#tableau_offre td.pagination a:hover{
	
	color: #666666;
	background-color: #FEEEDE;
}

#tableau_offre td.pagination a.currentpage{ /*Style for currently selected page link*/
	
	color: #666666 !important;
	
	font-weight: bold;
	cursor: default;
}

#tableau_offre td.pagination a.disabled, #tableau_offre td.pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
	background-color: white;
	cursor: default;
	color: #FEEEDE;
	border-color: transparent;
}

#tableau_offre td.pagination a.prevnext{ /*Style for previous and next link*/
	font-weight: bold;
}