/* ======== 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; }

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; }

input.geoloc{
color:#767676;
font-style:italic;
}

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

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

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

#main{
width:997px;
margin:0 0 0 25px;
}

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

#topHeader{
height:103px;
}

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

#topPubRight{
float:left;
width:259px;
height:90px; 
overflow:hidden;
border-left:solid 1px #8999BB;
background:red;
margin:6px 0 0 10px;
}

#topPubRight a{

}

#topPubRight a.ban{
display:block;
width:199px;
right:0;
}

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

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

#selectRegionWithImages{
width:145px;
}

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

#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;
}

#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;
}

/* --==  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,
#rollOverContainerH,
#rollOverContainerI,
#rollOverContainerC{
position:absolute;
width:4px;
height:4px;
}

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

.rollOver{
position:relative;
width:984px;
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 -311px;
}

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

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

.rollOver h2{
color:#fff;
font-weight:bold;
font-size:12px;
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:110px;
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:22px;

}

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

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

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

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

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

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

#investir .rollOver .col2{
width:280px;
margin-right:62px;
}

.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:#332e81;
width:115px;
padding:20px 0 0 15px;
}

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

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;
}

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

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

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



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

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


/* ======== STRUCTURE ========*/



/* --- TOPHEADER --- */



#immobilier_neuf{
float:left;
width:305px;
height:90px;
}

.headerIntroText{
color:#7382a7;
font-size:11px;
line-height:13px;
height:37px;
overflow:hidden;
margin:0 0 0 30px;
padding:3px 0 0 0;
}

.bienvenue{
margin:0 0 0 30px;
padding-top:6px;
font-size:11px;
}

.bienvenue span.bold{

}

#actuNewsletter{
float:left;
padding:3px 0 0 6px;
border-left:solid 1px #8999BB;  
width:170px;
height:83px;
/*background:yellow;*/
}

#actuNewsletter ul{
padding-left:7px;
list-style-type:none;
}

#actuNewsletter ul * {
font-size:11px;
}

#actuNewsletter ul li{
margin:0 0 6px 0;
}

#actuNewsletter a{
text-decoration:none;
color:black;
}

#gtools{
float:left;
padding:0 0 0 5px;
border-left:solid 1px #8999BB;  
width:225px;
height:86px;
}

#espPerso{
/*background:url(/images/interface/2010/bg_TopHeaderEspPerso.png) no-repeat 26px 15px;*/
background:url(/images/interface/2010/elements.gif) no-repeat -330px -68px;
height:48px;
margin:0 0 0 60px;
}

#espPerso *{
font-size:11px;
}

#espPerso dt{
color:white;
background:url(/images/interface/2010/elements.gif) no-repeat 0 -67px;
padding:0 0 0 29px;
margin:5px 0 2px 0;
height:17px;
font-weight:bold;
}

#espPerso dd{
margin:0 0 0 35px;
}

#translateGG{
background:url(/images/interface/anim-drapeaux.gif) no-repeat 8px 4px;
padding:0 0 0 45px;
}

#topRightRegionSelect{
float:left;
width:160px;
height:45px; 
margin:70px 0 0 0;
overflow:hidden;
}

#topRightRegionSelect img{
display:none;
}

#topRightRegSel label,
#topRightRegSel select{
width:130px;
}

#topRightRegSel label{
color:#9fb9de;
font-weight:bold;
text-align:right;
font-size:11px;
height:20px;
line-height:25px;
}

#topRightRegionSelect select{
border:solid 1px #F4F1EC;
}
#topRightRegionSelect select,
#topRightRegionSelect option{
font-size:10px;
}


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

#headerNavReg{
list-style-type:none;
text-align:right;
padding-top:13px;
}

#headerNavReg li{
padding:0 8px 0 0;
display:block;
height:20px;
}

#homeLink{
display:block;
height:26px;
line-height:20px;
font-weight:bold;
color:#5b5955;
font-size:12px;
}

/* --- HEADER --- */

#header{
margin:10px 0 0 0;
padding-bottom:5px;

}

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

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

/* actus news */

#actus
{
float:right;
background-image:url(/images/interface/bg_allCol.gif);
text-align:right;
width:155px;
padding:0 5px;
}

h3.headerActuTitle{
height:23px;
line-height:23px;
font-size:12px;
text-align:center;
background:url(/images/interface/bg_h3actu.gif) repeat-x;
border-top:solid 1px #c0c1cb;
border-right:solid 1px #c0c1cb;
color:white;
}

#headerActu{
height:86px;
overflow:auto;
margin:5px 0;
}

.listActuHeader{
font-size:12px;
line-height:12px;
}

.listActuHeader li{
display:block;
text-align:left;
margin:0 0 4px 0;
}
.listActuHeader li a{
font-size:12px;
}
.listActuHeader li a:hover{
text-decoration:underline;
}

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


/* form recherche rapide */

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

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

#formRapidSearch{
height:24px;
margin-bottom:15px;
}

#formRapidSearch fieldset{

}


#rapidSearch, #gSearch{
float:left;
font-family:"Courier New", arial, helvetica, sans-serif, verdana;
width:345px;
padding:0;
color:#98a3be;
border:solid 1px white;
margin:3px 0 0 3px;
}

#rapidSearchButton,#gSearchSub{
float:left;
display:block;
/*background:url(/images/interface/2010/elements.gif) no-repeat -203px 0;*/
height:24px;
width:25px;
line-height:22px;
text-align:center;
color:white;
text-decoration:none;
font-weight:bold;
font-size:14px;
margin-left:5px;
border:0 none;
}



.rollOverSearch{
position:relative;
z-index:10000;
top:50px;
width:197px;
padding:0 0 8px 0;
/*
-webkit-border-radius:0 0 20px 20px;   
-moz-border-radius:0 0 20px 20px;      
border-radius:0 0 20px 20px; 
*/
}

.rollOverSearch ul{
list-style-type:none;
margin:0 0 0 10px;
padding-top:8px;
}

.rollOverSearch li{
display:block;
margin:0 0 4px 0;
}

.rollOverSearch select{
width:175px;
}
.rollOverSearch .geoloc{
width:158px;
font-size:11px;
padding:2px 0;
}

.CloseMiniForm{
margin-left:130px;
padding-right:20px;
color:#333;
/*background:url(/images/interface/fermer.gif) no-repeat top right;*/
background:url(/images/interface/2010/elements.gif) no-repeat -340px -207px;
}

#searchWithMap{
display:block;
height:35px;
line-height:35px;
/*background:url(/images/interface/2010/miniCarteBT.gif) no-repeat 85px 0;*/
background:url(/images/interface/2010/elements.gif) no-repeat -340px 0;
}

#slogan{
float:right;
font-size:14px;
margin:0;
height:30px;
line-height:32px;
width:420px;
background:white url(/images/interface/2010/bg_dlMix.gif) repeat-y -1288px 0;
}

#slogan span{
font-weight:bold;
}

#navBar{
width:977px;
height:28px;
margin:2px 10px 5px 10px;
background:url(/images/interface/2010/bgNavBar.jpg) repeat-y top right;
color:#8795b8;
font-size:11px;
padding:3px 0;
}

#navBar span, #navBar a{
color:black;
font-weight:bold;
font-size:11px;
}

#navBar a:hover{
text-decoration:underline;
}

#navBar p{
height:28px;
line-height:28px;
}

#navBar p a{
color:#8795b8;
}

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


#infoBar{
clear:both;
background:#8795b8;
color:white;
font-weight:bold;
padding:8px 0 8px 20px;
}


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


#pub_header{
display:block;
float:right;
background:#d5d8e2; 
margin:0 10px 4px 0;
width:787px;
}

#large_banniere {
text-align:center;
width:728px;
height:90px;
margin:10px auto;
background:white;
}

#contenu{
margin-left:10px;
}

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


#footer{
margin:0 auto;
clear:both;
width:998px;
color:#fff;	
}
#footer > *{
background:#fff;
}
#footer p.menu_bas{
text-align:right;
height:30px;
line-height:30px;
background:#8795b8;
}
#footer p.menu_bas a{
color:#fff;
text-decoration:none;
}
#footer img{
float:right;
}
/*------------------ NAVIGATION BAS DE PAGE ------------------------------*/
#reference{
padding:25px 0 0 0;
}

#reference h3 {
/*	background: url(/images/interface/fleche_blancgris.gif) no-repeat top left;*/
background:url(/images/interface/2010/elements.gif) no-repeat -320px -42px;
	padding:0 0 0 15px;
	color:#444;
	font-size:10px;
	height:14px;
	line-height:14px;
	text-decoration:underline;
}
#reference p,#reference  a{
	font-size:10px;
	color:#aaa;
	text-decoration:none;
}
#reference  a:hover{
	text-decoration:underline;
}
#reference p{
	text-align:left;
	margin:10px 30px 15px 30px;
	line-height:10px;
}
#immobilier_navigation,#immobilier_departement{
height:90px;
margin:10px 30px 15px 30px;
}
#immobilier_navigation li,#immobilier_departement li{
	float:left;
	height:15px;
	margin:0 2px;
	display:block;
	width:150px;
}
ul.immobilier_region{
list-style-type:none;
margin:10px 0 0 20px;
}
ul.immobilier_region li{
float:left;
display:block;
margin:0 20px;
width:200px;
}
#immobilier_departement{
	height:120px;
}
#immobilier_navigation{
	height:60px;
}
#annuaire{
	width:300px;
	margin:0 auto;
	height:30px;
}
#annuaire li{
	display:block;
	width:120px;
	float:left;
}
/*--------------------------------------------------------------------*/

/*------------------------ CLASS --------------------------------------*/
.ital{
font-style:italic;

}
h3.tul {
width:160px;
	font-size:11px;
	color:#000;
	text-align:center;
	font-weight:bold;
	height:21px;
	line-height:21px;
	background:#ff6600; /*url(/images/interface/fleche_orange2.gif) no-repeat top left;*/

}

a.redlink{
	color:#ff3d00;
	text-decoration:none;
	font-size:inherit;
	font-style:italic;
}
a.redlink:hover{
	text-decoration:underline;
}

.menu_p a.redlink{
color:red;
}

ul#topten{
list-style-type:none;
font-size:12px;
margin:7px;
line-height:14px;
}

#rubrique_pratique{
background:#d6d9e2;
margin:5px 0 5px 0 ;
padding:10px 0 10px 10px;
}

#rubrique_pratique h3{
font-size:14px;
}

ul.rp{
list-style-type:none;
font-size:11px;
}

#accesEPintro{
font-size:11px;
padding:4px 15px 0 8px;
margin-right:15px;
}

#accesEPintro *{
font-size:11px;
}

#topHeader a.black:hover{
text-decoration:underline;
}

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