/* ======== START HEADER.2010.INDEX.CSS ======== */
/* --== GENERIC STYLES ==-- */

*{
font-family:arial, helvetica, sans-serif, verdana;
font-size:12px;
margin:0;
padding:0;
}

img,fieldset{border:0 none;}

#liveLayout{ 
background:blue;
}

a{ color:inherit; text-decoration:none; }
a:hover{ text-decoration:underline; }

a.bsLink{
color:#332f83;
background:url(../images/interface/2011/Images/icons.png) -333px -53px no-repeat;
padding-left:8px;
}
a.bsLinkRed{
color:#000;
background:url(../images/interface/2011/Images/icons.png) -333px -113px no-repeat;
padding-left:8px;
}
a.bsLink:hover, a.bsLinkRed:hover{
text-decoration:underline;
}

strong{
font-weight:normal;
font-size:inherit;
}

.fix{
clear:both;
font-size:1px;
width:100%;
height:1px;
}

.bold{ font-weight:bold; }
.orange{ color:orange; font-size:inherit;}
.baseGrey{ color:#7382a6; font-size:inherit; }
.black{ color:black; }
.white{ color:white; }
.investColor{ color:#2D2599; }
.emColor{
color:#332f83;
font-weight:bold;
}
.udl{text-decoration:underline;}
input.geoloc{
color:#767676;
font-style:italic;
}

/*###########################################################################################*/
/*###########################################################################################*/
/*###########################################################################################*/

/* ===[ NEW CSS V8 ]=== */

#bkg{
position:absolute;
height:256px;
width:100%;
background:url(../images/interface/2011/Images/bk_vrt.png) repeat-x 0 -546px;
z-index:-1;
}

#bgFooter{
position:absolute;
left:0;
height:345px;
width:100%;
background:url(../images/interface/2011/Images/bk_vrt.png) repeat-x 0 -8px;
z-index:-2;
}

#ultra{
width:1015px;
margin:0 auto;
}

#main{
width:1015px;
}

/* ---- headers last update ---- */
#headers{
background: url(../images/interface/2011/Images/header.png) no-repeat;
}

#topHeader{
height:104px;
}

#topPubLeft{
float:left;
background:white;
width:728px;
height:90px;
margin:6px 0 0 7px;
}

#topPubRight{
float:left;
width:265px;
height:90px; 
margin:6px 0 0 10px;
overflow:hidden;
}

#topPubRight a{

}

#topPubRight object{
float:right;
}

#topPubRight.default{
/*background:url(http://loi-scellier.trouver-un-logement-neuf.com/images/interface/2011/images/header_elements.png) no-repeat -792px -990px;*/
width:261px;
float:right;
padding:5px;
margin:2px 0 0 0;
}


#header{
margin:7px 0 0 0;
padding-bottom:5px;
height:126px;
}

#header300x250{
float:right;
width:300px;
height:250px;
background:#ccc;
}

#bottomHeader{
float:left;
width:1015px;
}

#homeBack{
float:left;
width:140px;
height:115px;
}

#selectRegionWithImages{
width:157px;
}

#rightPartContainer{
float:left;
width:710px;
height:122px;
}

#headerRightPart{
color:#5b5955;
list-style-type:none;
float:left;
width:284px;
height:65px;
margin-left:25px;
}

#headerRightPart li{
display:block;
margin:2px 0;
height:18px;
line-height:18px;
}

#headerRightPart li#lastProg{
height:29px;
line-height:29px;
background: url(../images/interface/2011/Images/icons.png) repeat-x 0 -163px;
}

#headerRightPart #userInfo{
background: url(../images/interface/2011/Images/icons.png) repeat-x 0 -4px;
height:27px;
line-height:27px;
}

#menuRegionSelect img{
float:right;
width:166px;
}

#userInfo span{
display:block;
float:left;
}
#userInfo #userName{
width:140px;
overflow:hidden;
}
#userInfo #sendText{
font-size:9px;
line-height:12px;
width:61px;
padding-top:1px;
}
#userInfo #sendCounter{
font-size:16px;
width:35px;
padding-left:47px;
}

#scroll_annonces_light{
height:29px;
width:300px;
margin:0 0 0 0;
overflow:hidden;
}
#scroll_annonces_light .nom_rub{
padding-left:8px;
width:100%;
}
#scroll_annonces_light .nom_rub a{
font-weight:normal;
font-size:11px;
color:inherit;
text-decoration:none;
}


#topRightRegionSelect{
float:left;
width:165px; 
margin:70px 0 0 0;
overflow:hidden;
}

#topRightRegionSelect img{
display:none;
}

#topRightRegionSelect select{
border:solid 1px #d1d1d1;
padding:4px;
background:#E4E4E4;
}

#topRightRegionSelect select,
#topRightRegionSelect option{
color:#948e90;
font-weight:bold;
font-size:11px;
}

#topRightRegionSelect select optgroup,
#topRightRegionSelect select option.paysEtr{
color:#000;
font-size:13px;
font-style:italic;
}

#headerNavReg,
#topRightRegionSelect img
{
float:right;
}

#headerNavReg{
text-align:right;
}

#headerNavReg li{
display:block;
}

#homeLink{
float:right;
display:block;
height:20px;
line-height:20px;
color:#5b5955;
font-size:11px;
font-weight:normal;
}

#homeL{
float:right;
display:block;
height:20px;
width:10px;
background:url(../images/interface/2011/Images/icons.png) -330px -98px;
margin-right:2px;
}

/* --==  RUBRIQUES ==--  */
#rubriques{
height:50px;
width:710px; 
}

#habiter, #investir, #construire{
float:left;
width:226px;
height:50px;
}

#habiter{
z-index:10;
margin:0 9px 0 6px;
}
#habiter:hover{
background:url(../images/interface/2011/Images/header_rollelements.png) -293px -7px;
}

#investir{
z-index:12;
margin: 0 8px 0 0;
}
#investir:hover{
background:url(../images/interface/2011/Images/header_rollelements.png) -293px -59px;
}

#construire{
z-index:14;
}
#construire:hover{
background:url(../images/interface/2011/Images/header_rollelements.png) -293px -111px;
}

.rollOverContainer{
position:absolute;
width:4px;
height:4px;
}

#habiter:hover .rollOver,
#investir:hover .rollOver,
#construire:hover .rollOver{
/* display:block;*/
}

.rollOver{
position:relative;
width:974px;
display:none;
background:white url(../images/interface/2011/Images/bk_vrt.png) repeat-x 0 -804px;
padding:15px 0 15px 20px;
}

#habiter .rollOver{
z-index:11;
border:solid 4px #ffa900;
margin:47px 0 0 -306px;
}

#investir .rollOver{
z-index:13;
border:solid 4px #05a9da;
margin:47px 0 0 -541px;
}

#construire .rollOver{
z-index:15;
border:solid 4px #23b17d;
margin:47px 0 0 -775px;
}

.rollOver h2{
color:#fff;
font-weight:bold;
font-size:14px;
height:35px;
line-height:35px;
width:260px;
padding:0 0 0 15px;
}

#habiter .rollOver h2{
background:url(../images/interface/2011/Images/header_rollelements.png) no-repeat -7px -8px;
}

#investir .rollOver h2{
background:url(../images/interface/2011/Images/header_rollelements.png) no-repeat -7px -47px;
}

#construire .rollOver h2{
background:url(../images/interface/2011/Images/header_rollelements.png) no-repeat -7px -86px;
}

.rollOver ul.ColList{
list-style-type:none;
height:105px;
padding:11px 0 0 0;
background:url(../images/interface/2011/Images/header_rollelements.png) no-repeat -7px -125px;
}

.rollOver li,
.rollOver dt,
.rollOver dd{
padding:0 0 0 15px;
}

.rollOver li{
display:block;
height:23px;
line-height:22px;
}

.rollOver li select,
.rollOver .geoloc{
width:190px;
border:solid 1px #ccc;
}

.rollOver .geoloc{
float:left;
}

.rollOver li select{
position:absolute;
}

.rollOver li input{
padding:3px 0;
}

.rollOver .flimg{
background: red url(../images/interface/2011/Images/icons.png) no-repeat -116px -141px;
float:left;
display:block;
width:44px;
height:20px;
margin:2px 0 0 3px;
}

.rollOver dt{
font-size:14px;
color:#ababab;
font-weight:bold;
line-height:20px;
}

.rollOver dt a{
font-size:inherit;
color:inherit;
}

.rollOver dd{
margin-bottom:5px;
padding-bottom:5px;
}

.rollOver .col1,
.rollOver .col2,
.rollOver .col3,
.rollOver .col4{
float:left;
width:282px;
margin:0 0 0 0;
}

.rollOver .col4{
width:600px;
margin-top:-78px;
}

.rollOver .col2{
margin:0 32px;
width:310px;
}

#investir .rollOver .col2 .ColList{
width:280px;
}

.rollOver .col3{
width:300px;
}

#paroleExpert span{
display:block;
float:left;
width:64px;
height:67px;
background:url(../images/interface/2011/Images/photos.jpg) no-repeat -2px -7px;
margin:0 10px 0 0;
}

p.carteIntro{
color:#332f83;
width:115px;
padding:10px 0 0 15px;
}

.small_mapgroup p.carteIntro{
padding-left:0;
}

.mapContainer{
width:282px;
background:url(../images/interface/2011/Images/header_rollelements.png) no-repeat -7px -125px;
height:140px;
}

a.rollOverCloser{
color:#fff;
font-weight:bold;
text-align:center;
float:right;
display:block;
height:18px;
width:109px;

}

#habiter a.rollOverCloser{
background:url(../images/interface/2011/Images/header_rollelements.png) no-repeat -348px -167px;
}
#investir a.rollOverCloser{
background:url(../images/interface/2011/Images/header_rollelements.png) no-repeat -348px -187px;
}
#construire a.rollOverCloser{
background:url(../images/interface/2011/Images/header_rollelements.png) no-repeat -348px -207px;
}

#progDuMois img{
float:left;
margin:-3px 10px 3px 0;
}

#progDuMois img{
padding:4px;
width:127px;
height:59px;
background:url(../images/interface/2011/Images/photos.jpg) no-repeat -536px -6px;
overflow:hidden;
}

#progDuMois,
#paroleExpert{
border-bottom:solid 1px #EDECE9;
height:70px;
}


#habiter #paroleExpert{
border-bottom:none;
}

#simulateur span{
display:block;
float:left;
width:136px;
height:67px;
background:url(../images/interface/2011/Images/photos.jpg) no-repeat -146px -412px;
margin:0 10px 0 0;
}

#habiter #simulateur span{
background-position:-6px -412px;
}

#simulateur p,
#progDuMois p,
#paroleExpert p{
font-size:12px;
padding: 3px 0 0 0;
}

/* == MAP == */

#mapContainer a:link {
 text-decoration:none;
 color:#008;
}

ul.deplist {
 list-style-type:none;
 padding-left:0;
margin-left:1px;
padding-top:7px;
}

.deplist li {
 display:table;
 font-size:12px;
 margin-top:2px;
 width:100%;
}

.deplist a{
display:block;
font-size:11px;
color:#332f83;
}

.deplist span {
 text-align:center;
 font-size:11px;
 margin-right:3px;
 margin-top:-5px;
 background:url("../images/interface/2011/Images/icons.png") -76px -80px;
 height:20px;
 width:26px;
 display:block;
 float:left;
 clear:left;
 text-decoration:none;
 color:#fff;
 padding-top:5px;
 }

.mapgroup {
 position:relative;
 height:180px;
 width:200px;
}

.mapgroup img {
 position:absolute;
 left:120px;
 top:-30px;
}

.small_mapgroup {
 position:relative;
 height:180px;
 width:300px;
}

.small_mapgroup img {
 position:absolute;
 left:120px;
 top:-30px;
}

/* === end MAP === */



/* ===[ END NEW CSS V8 ]=== */

/*###########################################################################################*/
/*###########################################################################################*/
/*###########################################################################################*/

#header300x250.detail{
margin-right:60px;
}


/* form recherche rapide */

#rechercheRapid{
float:left;
margin:0 0 0 7px;
width:392px;
height:73px;
}

#rechercheRapid p{
font-size:14px;
height:27px;
line-height:27px;
margin:0 0 1px 0;
color:#5b5955;
}

#rapidSearch{
float:left;
width:343px;
padding:0;
color:#98a3be;
border:solid 1px white;
margin:6px 0 0 5px;
}

#rapidSearchButton{
float:left;
display:block;
height:22px;
width:29px;
line-height:22px;
text-align:center;
color:white;
text-decoration:none;
font-weight:bold;
font-size:14px;
margin-left:5px;
margin-top:4px;
}

#menuRegionSelect img{
float:right;
width:166px;
}

/* ======== FOOTER ======== */

#footer{
padding-top:8px;
background:url(../images/interface/2011/Images/footer.png) no-repeat top center;;
}

#footerTop{
color:white;
height:39px;
}


#footerTop li{
height:38px;
line-height:38px;
}

#footerTop #firstCol{
padding-left:120px;
}

#footerTop #secCol,
#footerTop #thirdCol{
float:right;
display:block;
width:80px;
border-left:solid 1px #8f8f8f;
}

#footerTop a{
color:#fff;
}

#footerTop #secCol a,
#footerTop #thirdCol a{
display:block;
width:78px;
height:39px;
border-left:solid 1px #4b4b4b;
}

#footerTop #secCol a span,
#footerTop #thirdCol a span{
display:block;
float:left;
width: 17px;
height:17px;
margin:10px 4px 0 10px;
}

#footerTop #secCol a span{
background:url(../images/interface/2011/Images/icons.png) no-repeat -21px -84px;
}

#footerTop #thirdCol a span{
background:url(../images/interface/2011/Images/icons.png) no-repeat -41px -84px;
}

#footerMap{
float:left;
padding:15px 0 0 25px;
}

#footerMap h1{
color:#000;
font-size:12px;
}

#footerMap h1 strong{
font-size:14px;
}

#footerMap .small_mapgroup{
height:105px;
}

#footerTheme{
float:left;
width:680px;
margin:15px 0 0 0;
}

#footerTheme span.sep{
float:left;
width:2px;
height:160px;
background:url(../images/interface/2011/Images/icons.png) no-repeat -282px -4px;
}

#footerTheme span.titre,
#footerTheme p{
margin-left:15px;
}


#footer span.titre{
color:#888;
font-weight:bold;
font-size:18px;
display:block;
}

#footerTheme p{
color:#888;
font-size:11px;
}

#reference{
color:#888;
margin:30px 40px;
}

#reference .immobilier_region{
padding:5px 0 0 0;
}


#reference .immobilier_region li{
float:left;
display:block;
width:225px;
margin:2px 8px 2px 0;
}

.immobilier_region a{
font-size:11px;
}

#reference p{
margin:8px 0 15px 0;
}

#reference p,
#reference a{
font-size:11px;
color:#888;
}

.smallTitle{
font-weight:bold;
}

.smallTitle strong.bold{
color:#332F83;
}

/* === info bars === */ 

#navBar{
margin:0 0 0 5px;
padding:8px 10px;
}

#navBar a,
#navBar .bold{
color:#332e81;
font-weight:bold;
}

#navBar a.black{
color:#000;
}

#quickInfoBar{
height:57px;
color:#979797;
background:url(../images/interface/2011/Images/header_topbarre.png) no-repeat;
}

#quickInfoBar li{
display:block;
}

#dateInfos,
#nbProgSite,
#txtNbProgSite,
#newsletter,
#connectedTools,
#espPerso{
float:left;
}

#dateInfos{
width:255px;
font-size:11px;
line-height:15px;
padding:7px 0 0 10px;
}

#nbProgSite{
width:34px;
text-align:center;
height:50px;
line-height:42px;
font-weight:bold;
}

#txtNbProgSite{
font-size:11px;
line-height:13px;
padding:8px 0 0 10px;
width:166px;
}

#txtNbProgSite .bold{
font-size:14px;
}


#newsletter{
width:225px;
padding:4px 0 0 10px;
}

#actuNewsletter{
padding-bottom:2px;
}

#btInscrNewsletter{
display:block;
float:left;
color:white;
font-weight:bold;
width:77px;
height:20px;
line-height:18px;
text-align:center;
background:url(../images/interface/2011/Images/icons.png) no-repeat -3px -36px;
}

#lastNewsletter{
display:block;
float:left;
width:140px;
line-height:9px;
padding-left:5px;
}

#lastNewsletter a{
font-size:10px;
display:block;
background:url(../images/interface/2011/Images/icons.png) -333px -56px no-repeat;
}

#connectedTools{
width:115px;
text-align:center;
}
#connectedTools p{
padding:4px 0 2px 0;
}

#connectedTools a,
#connectedTools a img{
float:left;
display:block;
width:19px;
height:19px;
}

#connectedTools a{
float:left;
margin-left:6px;
}

#connectedLinks dt{
margin-left:0;
width:160px;
}

#connectedLinks a{
padding-left:23px;
display:block;
line-height:12px;
}

#espPerso{
padding:4px 0 0 10px;
width:170px;
}

#espPerso p{
padding-bottom:2px;
}

#espPersoConnect{
display:block;
float:left;
color:white;
font-weight:bold;
width:104px;
height:20px;
line-height:18px;
text-align:center;
background:url(../images/interface/2011/Images/icons.png) no-repeat -171px -36px;
}

#espProConnect{
display:block;
margin:5px 0 0 21px;
color:white;
font-weight:bold;
width:97px;
height:20px;
line-height:18px;
padding-left:15px;
background:url(../images/interface/2011/Images/icons.png) no-repeat -2px -141px;
}

#espPersoInscr{
display:block;
height:20px;
line-height:20px;
float:left;
font-size:11px;
width:65px;
text-align:center;
}

#espPersoInscr a{
font-size:11px;
}

#footer img.follow{
width:10px;
height:10px;
background:url(../images/interface/2011/Images/icons.png) -330px -40px no-repeat;
}

/* ==== autoCompl ====*/
#aj_callback li:hover{
background:#8695b6;
cursor:pointer;
color:#fff;
}

.autoEntete{
font-weight:bold;
padding:5px;
}

#contAutoCmpl{
	padding: 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

#contAutoCmpl ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

#contAutoCmpl li {
	margin: 0px;
	padding: 4px 15px 4px 5px;
	cursor: default;
	display: block;
	font-size: 12px;
	line-height: 14px;
	overflow: hidden;
}

/* ======== END HEADER.2010.CSS ======== */

.flwhite {
  background:url(../images/interface/2011/Images/icons.png) -332px -5px no-repeat;
  width:6px;
  height:7px;
  float:left;
  margin-top:8px;
  margin-left:25px;
  margin-right:-5px;
}

.deplist {z-index:10; position:relative;}