﻿
/*DEBUT HEADER*/
#header{position:relative;height:14.7em;z-index:15;}
#header .line{position:relative;z-index:3;}
#header li a{color:#265a7c;font-size:1em;}
#header strong{color:#000;font-size:1.2em;}
#header strong span{color:#f18e00;}
#header h2{margin:0;font-size:1em;}
#logo{left:-24px;position:absolute;top:30px;z-index:4;margin:0;background:none;padding:0;}
#logo a{display:block;}
#topLink{margin-left:-2px;}
#topLink li{margin:0;}
#topLink li a{line-height:20px;padding:0 2px; text-decoration:none;}
#topLink li a:hover{text-decoration:underline;}
#topLink li a img{line-height:20px;vertical-align:middle;}
#searchInput{background:url(../images/header_bg_champs.gif)  no-repeat left top;height:29px;vertical-align:middle;float:left;}
#searchInput input{background:none;border:none;position:relative;top:6px;padding:0 5px;color:#7a8890;font-size:1.2em; outline:0;width:180px;}
/*Header PTZ +*/
#espaceCourtier a,#espaceCourtier img, #espaceCourtier strong{vertical-align:middle;}
#espaceCourtier{text-align:center;display:block; padding-top: 20px; padding-right:25px; padding-bottom:45px; padding-left:64px;}
#espaceCourtier h1{padding:0;margin:0;text-align:center;line-height:0.5em;}
#espaceCourtier a,#espaceCourtier strong{color:#F60;font-size:13px;}
/* Header agence 
#espaceClient a,#espaceClient img,#espaceClient strong{vertical-align:bottom;}
#espaceClient{display:block; background:url(images/header_bg_coin.gif) 0 0 no-repeat; padding-top: 25px; padding-right:25px; padding-bottom:50px; padding-left:64px;}
#espaceClient a,#espaceClient strong{color:#f0910b;font-size:1.2em;font-weight:bold;}
*/
#headerform{float:left;width:440px;margin-top:30px;position:relative; z-index:9999}
#headerform .conseil{float:left; width:340px;padding-left:10px;padding-top:15px;background:none;}
#headerform img, #headerform ul{float:left; font-size:11px;padding-top:5px;}
#headerform .conseil strong{font-size:1.5em; color:#666;padding-left:10px;font-weight:bold;}
#headerform div.conseil a{color:#666;}
#headerform div.conseil a:hover{text-decoration:none;}
#headerform .conseil li{background:url(../images/home/header/puce-fleche-tips.gif) 0 50% no-repeat;padding-left:20px;}
#navTop{left:0px;position:absolute;bottom:0;z-index:5;width:972px;overflow:visible !important;}

#navTop li{vertical-align:middle;text-align:center;}

#navTop li a{background:url(skin/navTop8tabs.png) no-repeat;vertical-align:middle;text-align:center;color:white;font-size:1.5em;font-weight:bold;text-decoration:none;letter-spacing:-0.02em;line-height:35px;height:40px;width:147px; }
#navTop li h2 a {text-transform:uppercase;font-size:1.2em;}
#navTop li a:hover{color:#2e383e;}

#navTop li.onglet_home{width:43px;line-height:30px;}
#navTop li.onglet_home a.accueil{background-position : 0px -1px;width:43px;}
#navTop li.onglet_home a.accueil:hover{background-position :0px bottom;}
#navTop li.immo{background-position :left top; line-height:30px;}
#navTop li.immo a.home{background-position :-43px 0px;}
#navTop li.immo a.home:hover{background-position :-43px bottom;}
#navTop li.immo a:hover, #navTop li.immo:hover{background-position :left bottom;}
#navTop li.assu a{background-position :-190px top;width:157px;}
#navTop li.assu a:hover{background-position :-190px bottom;}
#navTop li.rachat{line-height:30px;}
#navTop li.rachat a{background-position :-347px top;width:161px;}
#navTop li.rachat a:hover{background-position :-347px bottom;}
#navTop li.conso a{background-position :-508px top;width:150px}
#navTop li.conso a:hover{background-position :-508px bottom;}
#navTop li.defisc a{background-position :-658px top; width:155px;}
#navTop li.defisc a:hover{background-position :-658px bottom;}
#navTop li.services a{width:131px;background-position :-814px top;width:159px;}
#navTop li.services a:hover{background-position :-814px bottom;}
#navTop li div.ssNav{position:absolute;top:40px;width:972px;left:-5000px; z-index:16;}
#navTop li:hover div.ssNav, #navTop li.hover div.ssNav{left:0%;}
*+html #navTop li:hover div.ssNav, *+html #navTop li.hover div.ssNav{left:0%;}
#navTop li div.ssNav ul li{clear:both;text-align:left;}
#navTop li div.ssNav div.ssNavBody{background:#FFF url(../images/header/bg-expand.gif) repeat-x left 5px; _background:url(../images/header/bg-expand.gif) repeat-x left 5px;border:1px solid #000; min-height:158px; _height:158px;}
#navTop li div.ssNav a,#navTop li div.ssNav a:hover{font-size:1.1em;color:#3b4b52;width:auto;height:auto;line-height:1.3em;text-align:left;font-weight:normal;letter-spacing:0;background:none;}
#navTop li div.ssNav a:hover{text-decoration:underline;}
#navTop li div.ssNav .line{margin-left:7px;padding-top:10px;}
div.ssNavBody ul li{background-position: 0% 50%;padding:2px 0px 2px 10px;}
div.ssNavBody .lastUnit h3{color:#666!important; font-style:italic;}
div.ssNavBody .bloc-btn{padding-top:14px;float:right;text-align:right;}
*html div.ssNavBody .bloc-btn a{float:right;}
.flecheOrange,.flecheGrise{overflow:hidden;}
#navTop ul.flecheOrange li{background: url(../images/fleche-metier_1.png) 0 50% no-repeat;}
#navTop ul.flecheGrise li{background: url(../images/fleche-metier_6.png) 0  50% no-repeat;}
#navTop ul.flecheGrise li.twitter{margin-top:10px;}
ul.flecheGrise li.twitter img{vertical-align:middle;}
#navTop li div.ssNav .unit{background:url(../images/header/expand_separator.gif) repeat-y right top;width:19%;min-height:138px;_height:138px;}
#navTop li div.ssNav .lastUnit{background:none;width:22%;}
#navTop li div.ssNav .bd{padding: 0 0 0 10px;}
#navTop li div.ssNav h3{font-size:1.8em;font-weight:bold;text-align:left;}
#navTop li.immo div.ssNav h3{color:#faa801;}
#navTop li div.ssNav h4{font-size:1em;text-align:left;text-transform:uppercase;margin:0px; clear:both;}
#navTop li.immo div.ssNav h4{color:#ef8c00;}
#navTop li div.ssNav .mea a, #navTop li div.ssNav .mea a:hover{background:url(css/skin/chevronBig.png) no-repeat right center;padding:15px 0;font-weight:bold;}
#navTop li div.ssNav .mea .media{padding-top:15px;}
#navTop li div.ssNav .mea{border-bottom:1px solid #282f32;}
.loupeOr{_margin:0 0 0 -3px;border:none;margin-left:5px;float:left}
/* Zone personnalisée  header*/
.head_carteFr {
	float:left;
	margin-top:23px;
	margin-left:20px;
}

.head_bloc_txt{
	margin-left:14px;
	margin-top:14px;
}

.head_form {
	margin-left:14px
}

.head_chpAgence {
	margin-left:15px;width:194px
}

.head_espClient {
	position:absolute;
	top:30px;
	_top:-22px;
	z-index:1;
	right:-24px
}

.head_coinDroit{
	position:absolute;
	top:30px;
	_top:-44px;
	right:-16px
}

.head_numTel {
	float:right;
	color:#5e6f7a;
	margin-top:3px;
}

.head_numTel_txt {
	font-size:1.1em;
	font-weight:bold;
	vertical-align:top
}

.head_numTel_tarif {
	font-size:10px;
	font-weight:normal;
	vertical-align:top
}

.head_client {
	float:right;
	color:#F93;
	margin-top:3px;
}

a.head_client_txt {
	font-size:1.1em;
}
a.header_client_txt :hover{text-decoration:underline;}

.head_txt_agence1 {
	font-size:1.3em;
	display:block;
	margin-top:10px
}

.head_txt_agence2 {
	display:block;
	margin-bottom:2px;
	margin-top:3px
}
.btnM, .btnM span {background-image:url(uImmo/skin/btnM.png) !important; _background-image:url(uImmo/skin/btnM_ie.png) !important; color:white;}

#headCustom1{margin-left:411px; margin-top:10px; float:left; height:77px; width:561px;color:#999;position:relative;z-index:9999;}
*html #headCustom1{margin-left:205px;margin-top:10px;}
#headCustom1 .colonnes1{width:280px;float:left;}
#headCustom1 .colonnes2{width:280px;float:right;}
#headCustom1 .titre{color:#666; text-align:left; font-size:1.5em; font-weight:bold; width:280px;}
#headCustom1 .picto{float:left; padding-right:7px;}
#headCustom1 .txtTel{font-weight:bold; font-size:2em;}
#headCustom1 .searchBg{background:url(/squelettes/images/header/champ_recherche.gif) no-repeat; float:left; height:24px; width:102px; margin_left:15px; margin-top:3px;}
#headCustom1 .searchField{background:none; border:none; width:85px; color:#666; padding-left:5px; padding-top:7px; font-size:0.9em;}
#headCustom1 .searchBtn{margin-top:3px;}
/* FIN HEADER */
