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

/* ***************************************
	RESET BASE STYLES
*************************************** */
html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, font, img, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/* 	font-weight: inherit;
	font-style: inherit; */
	vertical-align: baseline;
}
em {font-style: normal;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need cellspacing="0" (for ie6) */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ***************************************
	Structure du modle de page
*************************************** */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;
	margin :0;
	padding:0;
	
	background-image:url(../images/abri_bckgrd.png);
	background-repeat:repeat-x;
	background-color: white;
}

#tankprincipal {
	position:relative;
	width:1080px;
	margin: 0 auto;
}

#hautdepage {
	height:93px;
	}
	
#animationcomm {
	margin:0;
	}
#contenupage{}

#premierecolonne {
	width:180px;
	float:left;
	}

#deuxiemecolonne {
	margin: 0 175px 0 190px;
}


#troisiemecolonne {
	float:right;
	width:165px;
}
	
#bottombar {
	clear: both;
	background: url("../images/abri_css_scroll_bckgrd_3.png") 0 top repeat-x white;
	line-height:1.3;
	padding: 5px;
	margin-top: 45px;
}
#bottombar ul {
	margin: 0 auto;
}

#bottombar li{
	display: inline;
	padding: 0 5px;
	font: verdana;
	font-weight: bold;
	
}

#bottombar li a{
	text-decoration: none;
	color: #555;
}

#bottombar li a:hover {
	text-decoration: underline;
	
}

#basdepage {
	min-height: 50px;
	padding : 20px;
	background:url(../images/abri_bckgrd_bdp.png) 0  -5px repeat-x #A01515;
	color: #FFF;
	font-size: .95em;
}

#basdepage ul {
	border-left:1px dotted #DDAAAA;
	float:left;
	margin-left:30px;
	padding-left:6px;
}
#basdepage li:first-child {
	font-size: 1em;
	letter-spacing: 2px;
	font-weight: bold;
}


.clearfloat {
	clear: both;
}

.icon {
	border: none;
	float: left;
	margin-right: 3px;

}
/* ***************************************
	Cadres 
*************************************** */

.cadre_widget {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	margin-bottom: 10px;
	padding:5px;
	
	background:url("../images/bg-widget.png") repeat-x scroll 0 0 #FFFFFF;
	border:1px solid #DEDEDE;
	
	font-size:1em;
	line-height:18px;
/* 	color: #F57B00; */
}

.cadre_widget h3, 
.cadre_widget h2{
	color: #EC4300;
	background: url("../images/border-page-title.png") repeat-x scroll 0 bottom transparent;
	padding-top: .2em;
	padding-bottom: .2em;
	margin-bottom:0.3em;
}
.cadre_widget .astuce {
	font-size: 9px;
	line-height: 1em;
	color: #bbb;
}

.cadre_widget .astuce  em {
font-weight: bold; 
font-style: none;
}

.cadre_widget p.result {
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 10px;
	/* padding: 1px 0 0 5px; */
	border: 1px solid #ddd;
	background-color: #f8f8f8;
	text-align: right;
}
#SI, #SK, #SN {
	color:#f6931f; 
	font-weight:bold;
}

#SA {
	display: inline-block;
	width: 11ex;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: white;
	background-color: #F6931F;
	font-size: 1.15em;
	padding: 2px;
	font-weight:bold;
}


#myslidemenu.cadre_widget{	
	padding: 0 0 0 20px;
}

.cadre {
	background: url("../images/abri_css_scroll_bckgrd_4.png") 0 top repeat-x;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;		
	
	border:1px solid #DEDEDE;
	font-size:1em;
	/* line-height:1.45em; */
	margin:15px 0;
	padding: 2px 5px;
}

.cadre.red {
	background: url("../images/abri_css_scroll_bckgrd_red.png") 0 top repeat-x;}

.cadre.blue {
	background: url("../images/abri_css_scroll_bckgrd_blue.png") 0 top repeat-x;}

.cadre.orange {
background: url("../images/abri_css_scroll_bckgrd_orange.png") 0 top repeat-x;}

.cadre.orangevif {	
	background: url("../images/abri_css_scroll_bckgrd_orangevif.png") 0 top repeat-x;}

.cadre.darkblue {	
		background: url("../images/abri_css_scroll_bckgrd_darkblue.png") 0 top repeat-x;}
		
.cadre  h2{	
	color: white;
	padding: 2px 2px 2px 10px;
	margin-bottom: 8px;
	font-size:2em;
	font-style:italic;
	line-height: 1.25em; 
}

.cadre.mentions  h3{
	padding-left:28px;
	margin: 1em 0;
	line-height:20px;
	background:url("../images/1277162496_go-previous-rtl.png") no-repeat scroll 0 0 transparent;
	color:#EC4300;
	font-size:1.7em;
	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	font-weight:normal;margin:0.5em 0;
}

.cadre.mentions h4{
	
	color:#FF5C00;
	font-size:1.2em;
	
	margin:0.5em 0;

}	
.cadre.mentions h5{
	color: #999;
	border-bottom: solid 1px;
}
.cadre.mentions p {
	margin: 1em 1.5em;	
	font-size: 1.125em;
	color: #444;
}

/* ***************************************
	Boutons Lien Photos
*************************************** */

.validate li {
	background-image: url(../images/1277160731_tick.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 24px; 
	line-height: 24px;
	font-size: 1.125em;
	color: #555;
}

/* ***************************************
	Boutons awesome
*************************************** */

.awesome {
			background: #222 url(../images/alert-overlay.png) repeat-x;
			display: inline-block;
			padding: 5px 10px 6px;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
			line-height: 1;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-box-shadow: 0 1px 3px #999;
			-webkit-box-shadow: 0 1px 3px #999;
			text-shadow: 0 -1px 1px #222;
			border-bottom: 1px solid #222;
			position: relative;
			cursor: pointer;
			
		 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
		 border-bottom: 1px solid rgba(0,0,0,0.25);
}

/* Sizes ---------- */
 .small.awesome {
 font-size: 11px;
}
.medium.awesome {
 font-size: 13px;
}
.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}

/* Colors ---------- */
.blue.awesome {
background-color: #2daebf;
}
.red.awesome {
 background-color: #e33100;
}
.magenta.awesome {
 background-color: #a9014b;
}
.orange.awesome {
	background-color: #ff5c00;
}
.yellow.awesome {
	background-color: #ffb515;
}

/* -------------------------------------------- */


/* ***************************************
	Communs aux lments scrollable 
*************************************** */
.scrollable { 
  /* required settings */ 
    position:relative; 
    overflow:hidden; 
} 
.scrollable .items { 
    width:20000em; 
    position:absolute; 
} 
.items>*{ 
    float:left; 
}


/* ***************************************
	interface de navigation des lments scrollable
*************************************** */

#ficheoption {	
	
	width: 135px;
	background: url('../images/onglets.png') repeat-x;
	position: absolute;
	right: 0px;
}
.prev, .next {
	display: inline-block;

	width: 120px;
	height: 20px;
	padding: 2px;	
	margin: 2px;
	
	border: 1px solid #CCCCCC; 
	
	background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)) repeat scroll 0 0 #F6F6F6; /* for webkit browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF'); /* for IE */
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	
	cursor: pointer; 
}


.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
	z-index: 10005;	
}

.prev:hover, .next:hover  {	
	
	border-color:#999;
	outline:0 none;
	
	-moz-box-shadow:0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;	
	
	background:-moz-linear-gradient(center top , #FFFFFF, #EBEBEB) repeat scroll 0 0 #F3F3F3;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBEBEB)) repeat scroll 0 0 #F3F3F3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBEBEB'); /* for IE */
}                             

.prev:active, .next:active  {

	background:-moz-linear-gradient(center top , #CCCCCC, #FFFFFF) repeat scroll 0 0 #DDDDDD;
	background:-webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FFFFFF)) repeat scroll 0 0 #DDDDDD;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#EFEFEF'); /* for IE */
	}


/* position and dimensions of the navigator */
.navi {
	height:20px;
}
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 -16px no-repeat;
	display:block;
	font-size:1px;
}
.navi a:hover {
	background-position:0 -8px;      
}
.navi a.active {
	background-position:0 0;     
}

/* ***************************************
Description des scrollers
*************************************** */
	/* color: #661414; */
	
#scroller_selection{
	position: relative;
  height:320px; 	
}

#scroller_selection li{
	margin: 0 2px;
	width: 230px;
}

.cadre_annonce_selection {
	position: relative;
	padding: 2px;	
	margin: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;		
	background-color: white;
}
.infos_annonce {
	background: url("../images/abri_css_scroll_bckgrd.png") repeat-x scroll 0 bottom white;
	padding: 2px;	
} 

.cadre_annonce_selection h3{
	background-color:black;
	color:white;
	text-transform: uppercase;
	opacity:0.75;
	filter:alpha(opacity=75);
	position:absolute;
	top:2px;
	width: 226px;
	padding: 4px 2px;
}
.cadre_annonce_selection .prix {
	position: absolute;
	top: 150px; right: 5px;
}

.cadre_annonce_selection .exclu {
	position: absolute;
	top: 150px; left: 5px;
}

#scroller_selection .navi2 {
	position: absolute;
	bottom: 5px;
	left: 226px;
 text-align: center;
}

/* Scroller des offres 
-----------------------*/

#scroller_offres {
	position: relative;
	height: 465px;	
 }
 
#scroller_offres .cadres_annonces {
	position: relative;
	float: left;
	width: 336px;
	height: 114px;
	padding: 2px;	
	margin: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;		
	background: url("../images/abri_css_scroll_bckgrd.png") 0 bottom repeat-x white; 
}

#scroller_offres .groupeAnnonces{
	width: 724px;
	margin-left: 6px;
}

#scroller_offres .photoAnnonce {
	float: left;
}

#scroller_offres .descriptionAnnonceOffres{
	margin-left: 154px;
	color: #661414;
	font-size: 0.85em;
}

#scroller_offres .descriptionAnnonceOffres h3{
	padding: 4px 2px;
	background-color: #AAA;
	color: white;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#scroller_offres .descriptionAnnonceOffres h3 span{
font-weight : lighter;
}

#scroller_offres .prix{
position: absolute;
bottom: 5px; left: 5px;
}

#scroller_offres .exclu { 
	position: absolute !important;
	top: 5px;	left: 5px;
	font-size: 1em;
}

#scroller_offres h3 {
	/* color: #F57B00; */
}

#scroller_offres .navi2 {
	position: absolute;
	bottom: 0;
	left: 226px;
		text-align: center; 
}
	
/* ***************************************
	formulaire de recherche / filtres des annonces
*************************************** */	

#budget {
	color:#f6931f;
}

.lsb {
		background-image:url("../images/7-64px.png");
		background-position: 0 64px;
		background-color: white;
		border:medium none;
		cursor:pointer;
		height:64px;
		width: 64px;
		margin:0;
		outline:0 none;
		vertical-align:top;
}

.lsb:hover {
	background-position: 0 0;
}

/* ***************************************
	Annonces vedettes de la homepage / nouveaux biens
*************************************** */	
/* 	Elments tab */

#nouveauxBiens {
	position: relative;
	height: 244px;
 }
 
 
#panes  > div  { 
	display: none;
}

ul.tabs {
	width: 105px;
	float: left;
	padding-top: 2px;
}
.tabs a{
	text-decoration: none;
	text-transform: capitalize;
	font-size: 10px;
	font-weight: bold;
	display: block;
	height: 44px;
	color: white;
	padding: 2px 5px 2px 2px;
	background-color: #DDD;
}
.tabs a:hover{
	background-color: #AAA;
}

.tabs a.current{
	background-color: #777;
}


 .annonceVedette {
	position: absolute;
	right: 0; 
	width: 592px;
 }
 
 .photoAnnonceVedette {
	float: left;
	padding:2px;
	width:322px;
 	height:240px;
}

.infosAnnonceVedette {
	margin-left: 336px;
 }
 
.PrixAnnonceVedette {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.photoAnnonceVedette	h3{	
	background-color:black;
	color:white;
	text-transform: uppercase;
	opacity:0.75;
	filter:alpha(opacity=75);
	position:absolute;
	top:2px;
	width: 318px;
	padding: 4px 2px;
}

 .photoAnnonceVedette  img{	
	display:block;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;		
 }
 
 
 
/* ***************************************
	Overlay annonce
*************************************** */	

.overlay {
	display:none;
	position: relative;
	z-index:10000;	
	

}	
.close {
	background-image:url(../images/apple-close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:28px;
	width:28px;
}

#overlay {
	/* l'Overlay des fiches biens */
	border: 1px solid #EEE;	

	-moz-box-shadow:	0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
	
#overlay_callback {	width: 450px;}
#overlay_callback .cadre_widget { margin:0;} 

	/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {	}
div.contentWrap2 {}


/* ***************************************
	Fiche bien
*************************************** */	

#fiche_bien {

	padding: 10px 25px 25px;
	width: 650px;	
	height: 380px;
	color: white;
	background: url(../images/overlay_annonce_bckgrd.png) -200px -30px no-repeat #1A2C2C;

}

#fiche_bien h2 {
	font-size: 1.85em;
	text-transform: uppercase;
	font-style: italic;	
	}
	
#fiche_bien h3 {font-size: 1.25em;}

#fiche_bien p{
	font-size: 12px;
	line-height: 1.45em;	
}
	
#fiche_bien  #hdp{
	height: 65px;
	margin-bottom: 10px;
}

/* Scroller des photos - overlay */
#fiche_bien .scrollable {
	position: relative;
	float: left;
	width: 410px;
	height: 318px;
	margin: 0 10px 25px 0;
}

#fiche_bien .scrollable  li{
	width: 400px;
	margin-right: 20px;
}

#fiche_bien .scrollable  img{
	border: white 2px solid;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#fiche_bien .navi {
	z-index:10000;
}

#fiche_bien .navi2 {
	position: absolute;
	width: 700px;
	height: 32px;
	background: url("../images/abri_css_scroll_bckgrd_3.png") repeat-x scroll 0 -24px white;
	border-top: 1px solid #777;
	bottom: 0px;
	left: 0px;
	color: #333;
	text-align: center; 
}

/* ------------------------------------------------
    jqueryslidemenu mod abri
---------------------------------------------------*/

.jqueryslidemenu{
font: bold 12px Verdana;
/* background: #414141; */
/* width: 100%; */

}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
/*background of tabs (default state)*/ 
color: #B8262A;
padding: 8px 10px;
border-right: 1px solid #778;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

/* .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{} */

.jqueryslidemenu ul li a:hover{
background:url("../images/bg2-widget.png") repeat-x 0 0 white; /*tab link background during hover state*/
color:#EB3138;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
z-index: 20000;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 10px;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 170px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;

background:url("../images/bg-widget.png") repeat-x scroll 0 0 #FFFFFF;
border-bottom:1px solid #DEDEDE;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}