@font-face {
font-family: 'SFR-Bold';
src: url('//static.s-sfr.fr/resources/font/sfr-1.0-bold-webfont.eot');
src: url('//static.s-sfr.fr/resources/font/sfr-1.0-bold-webfont.eot?#iefix') format('embedded-opentype'),
 url('//static.s-sfr.fr/resources/font/sfr-1.0-bold-webfont.woff') format('woff'),
 url('//static.s-sfr.fr/resources/font/sfr-1.0-bold-webfont.ttf') format('truetype'),
 url('//static.s-sfr.fr/resources/font/sfr-1.0-bold-webfont.svg#SFRBold') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'SFR-Regular';
src: url('//static.s-sfr.fr/resources/font/sfr-1.0-regular-webfont.eot');
src: url('//static.s-sfr.fr/resources/font/sfr-1.0-regular-webfont.eot?#iefix') format('embedded-opentype'),
 url('//static.s-sfr.fr/resources/font/sfr-1.0-regular-webfont.woff') format('woff'),
 url('//static.s-sfr.fr/resources/font/sfr-1.0-regular-webfont.ttf') format('truetype'),
 url('//static.s-sfr.fr/resources/font/sfr-1.0-regular-webfont.svg#SFRRegular') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'SFR-Thin';
src: url('//static.s-sfr.fr/resources/font/sfr-1.0-thin-webfont.eot');
src: url('//static.s-sfr.fr/resources/font/sfr-1.0-thin-webfont.eot?#iefix') format('embedded-opentype'),
 url('//static.s-sfr.fr/resources/font/sfr-1.0-thin-webfont.woff') format('woff'),
 url('//static.s-sfr.fr/resources/font/sfr-1.0-thin-webfont.ttf') format('truetype'),
 url('//static.s-sfr.fr/resources/font/sfr-1.0-thin-webfont.svg#SFRThin') format('svg');
font-weight: normal;
font-style: normal;

}


.sfrDom #header {
	height: 78px;
	/*background: url(//static.s-sfr.fr/media/h2012-bg-invisible.png) 0px 3px repeat-x #FFF;*/
	background: url(//static.s-sfr.fr/media/h2012-bg-invisible-alt.png) 0 0 repeat-x #FFF;
	margin-top:0px;
}

.sfrDom #header.headerSlim {
	height: 33px;
}
.sfrDom #ghostHeader .headerSlim #headerContent {
	height: 33px;
}

#ghostHeaderWrapper.sfrDom{
	height: 80px;
}
#ghostHeaderWrapper.sfrDom.headerSlim {
	height: 33px;
}

#ghostHeader.sfrDom a:hover{text-decoration: none !important;}


.sfrDom #ghostHeader {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
} 
.sfrDom #ghostHeader #headerContent {
	width:984px;
	margin: auto;
	height: 84px;
	position: relative;;
}



/* USERS K_LINKS */
.sfrDom #ghostHeader #headerContent .userLinks{
	position: absolute;
	top:0;
	right:0;
	/*width: 100%;*/
}
.sfrDom #ghostHeader #headerContent .userLinks ul {
	/*text-align: center;*/
	margin-top: 4px;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li{
	/*display: inline-block;
	padding-right: 23px;
	padding-left: 6px;
	text-align: center;
	color: #4e4e4e;
	position:relative;
	background: url(//static.s-sfr.fr/media/headerservicessep.png) right 4px no-repeat;*/
	border-right: none ;
}

.sfrDom #ghostHeader #headerContent .userLinks ul li #logoutH2012 {
	position: absolute;
	right:0;
	top:20px;
	display: none;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li a {
	display: block;
	padding-top: 4px;
} 
.sfrDom #ghostHeader #headerContent .userLinks ul li a:hover {

	color:#1c1c1c;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-user a {
	padding-left:20px;
	background:url(//static.s-sfr.fr/media/header-icon-user-black.png) 0px 4px no-repeat ;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-user a:hover {
	/*border-top: 2px solid #AA6F2E;*/
	position: relative;
	padding-top: 2px;
	background:url(//static.s-sfr.fr/media/header-icon-user-black.png) 0px 2px no-repeat ;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-user:after {

}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-mail a{
	padding-right: 0px;
	padding-left: 22px;
	background:url(//static.s-sfr.fr/media/picto-mail-13x14.png) 0px 4px no-repeat   ;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-mail a:hover{
	/*border-top: 2px solid #5f5c97;*/
	/*padding-top: 2px;*/
	background:url(//static.s-sfr.fr/media/picto-mail-13x14.png) 0px 4px no-repeat   ;
}

.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-mail.active a {
	border-top: 2px solid #5f5c97;
	padding-top: 2px;
	background:url(//static.s-sfr.fr/media/picto-mail-13x14.png) 0px 4px no-repeat   ;
}

.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-username{
	border-right: none;
	padding-right: 0px;
	background: none;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-username a{
	border-right: none;
	padding-left: 0px;
	padding-right: 0px;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-username.loggedOut {
	background:url(//static.s-sfr.fr/media/h2012-puce5.png) right 10px no-repeat   ;
	border-right: none;
	padding-left: 9px;
	padding-right: 11px;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-username.loggedOut a{
	
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-username a:hover{
	border-top: 2px solid #e2001a;
	padding-top: 2px;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-logout{
	border-right: none;
	padding-left: 4px;
	padding-right: 0px;
	display:none;
	background: none;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-logout a{
	background:url(//static.s-sfr.fr/media/headerserviceslogmeout.png) right 7px no-repeat ;
	border-right: none;
	padding-right: 11px;
	padding-left: 0px;
	padding-top: 3px;
	height: 14px;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-logout a:hover{
	background:url(//static.s-sfr.fr/media/headerserviceslogmeout.png) right 7px no-repeat   ;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li a {
	color: #4e4e4e;
	text-decoration: none;
	font:12px  Arial, Helvetica, sans-serif ;
	line-height: 18px;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-user{
	background:none no-repeat ;
	border-right: none;
	padding-left: 0px;
	padding-right: 0;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-user a{
	background:url(//static.s-sfr.fr/media/header-icon-user-black.png) 3px 4px no-repeat ;
	border-right: none;
	padding-left: 19px;
	padding-right:0;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-user a:hover{
	background:url(//static.s-sfr.fr/media/header-icon-user-black.png) 0 2px no-repeat ;
}
.sfrDom #ghostHeader #headerContent .userLinks ul li.sfrUi.icon-user.logged a{
	background:none   ;
	border-right: none;
	padding-left: 0;
	padding-right: 0;
}




/*MAIN SEARCH */
.sfrDom #ghostHeader #headerContent .mainSearch{
	height: 56px;
	position: absolute;
	top:42px;
	right:0px;
	left:auto;
	width: 526px;
}
.sfrDom #ghostHeader #headerContent .mainSearch form {
	position: relative;
}
.sfrDom #ghostHeader #headerContent .mainSearch form .headerSearchTextWrapper{
	height : 40px;
	background: url(//static.s-sfr.fr/media/sfrheader-googlesearch-sheet-1.png) -7px 0px no-repeat;
}
.sfrDom #ghostHeader #headerContent .mainSearch form:hover .headerSearchTextWrapper{
	background: url(//static.s-sfr.fr/media/sfrheader-googlesearch-sheet-1.png) -7px -50px no-repeat;
}
.sfrDom #ghostHeader #headerContent .mainSearch form input[type="text"]{
	margin: 6px 0 0 59px;
	height: 25px;
	padding: 3px 0 0 0;
	width: 216px;
	color: #b4b3b3;
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
	background: none transparent;
	/*
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	opacity:0; 
	*/
	width: 338px;
	margin: 0 0 0 45px;
}
.sfrDom #ghostHeader #headerContent .mainSearch form input[type="text"]:focus {
	outline: none;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	opacity:1; 
}
.sfrDom #ghostHeader #headerContent .mainSearch form input[type="submit"]{
	position: absolute;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	opacity:0; 
	cursor:pointer;
	top: 11px;
	right: 14px;
	width: 89px;
	height: 25px;
	top: 2px;
	right: 61px;
	width: 88px;
	height: 25px;
}
.sfrDom #ghostHeader #headerContent .mainNavigation{
	position: absolute;
	top:32px;
	left:0px;
	width: 330px;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul {
	margin-left:0;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li {
	margin:0;
}


/* Spécificités du header service sfr-service */
.sfrDom #ghostHeader #headerContent.sfr-service{
	width: auto;
}
.sfrDom #ghostHeader #headerContent.sfr-service.fixed-size {
	width: 1000px;
}
.sfrDom #ghostHeader #headerContent.sfr-service .switchUniverse {
	left:10px;
}
.sfrDom #ghostHeader #headerContent.sfr-service .mainNavigation{
	left:5px;	
	width: 450px;
}
.sfrDom #ghostHeader #headerContent.sfr-service .mainSearch {
	top:51px;
}
.sfrDom #ghostHeader #headerContent.sfr-service .userLinks,
.sfrDom #ghostHeader #headerContent.sfr-service .mainSearch {
	right:10px;
}
.sfrDom #ghostHeader #headerContent.sfr-service .sfr-mail a,
.sfrDom #ghostHeader #headerContent.sfr-service .sfr-mail a:hover,
.sfrDom #ghostHeader #headerContent.sfr-service .sfr-mail a:focus {
	padding-left: 70px;
	background:transparent url(//static.s-sfr.fr/media/header-services-logos-v2.png) 8px -196px no-repeat;
}
.sfrDom #ghostHeader #headerContent.sfr-service .sfr-contact a,
.sfrDom #ghostHeader #headerContent.sfr-service .sfr-contact a:hover,
.sfrDom #ghostHeader #headerContent.sfr-service .sfr-contact a:focus {
	background:transparent url(//static.s-sfr.fr/media/header-services-logos-v2.png) 0 -84px no-repeat;
}
.sfrDom #ghostHeader #headerContent.sfr-service .sfr-cloud a,
.sfrDom #ghostHeader #headerContent.sfr-service .sfr-cloud a:hover,
.sfrDom #ghostHeader #headerContent.sfr-service .sfr-cloud a:focus {
	background:transparent url(//static.s-sfr.fr/media/header-services-logos-v2.png) 0 -48px no-repeat;
}
/* Specificité header repondeurplus */
.sfrDom #ghostHeader #headerContent.sfr-service.sfr-repondeurplus .mainNavigation {
	width:100%;
}


/* lien espace client sans menu déroulant */
.sfrDom #ghostHeader #headerContent .sfrBoard .espace.no-dropdown {
	background: none;
	width: 137px;
}
.sfrDom #ghostHeader #headerContent .sfrBoard .espace .submenu-espace {
	top:31px;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li{
	float: left;
	/*background: url(//static.s-sfr.fr/media/h2012-megamenu-bg-universe-sep-alt.png) right 30px no-repeat;*/
	height: auto;
	/*margin : 0 5px;*/
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li a {
	color: #606060;
	text-decoration: none;
	font:17px "SFR-Regular", Arial, Helvetica, sans-serif ;
	text-transform: uppercase;
	display: block;
	line-height: 31px;
	padding-right: 0px;
	padding-left: 50px;
	margin-top:21px;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li a:hover{
	text-decoration: none;
	color: #606060;
	text-decoration: none;
	font:17px "SFR-Regular", Arial, Helvetica, sans-serif ;
	text-transform: uppercase;
	display: block;
	line-height: 31px;
	padding-right: 0px;
	padding-left: 50px;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo{
	background: none;
	padding-right: 0;
	padding-left: 0;
	font:20px "SFR-Bold", Arial, Helvetica, sans-serif;
	line-height:22px;
	text-transform: uppercase;
	padding-top:23px;
}

/* spécificité webamail */
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.mail,
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.contact {
	padding-top: 24px;
}


/* spécificités header dropbox */
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.dropbox {
	padding-top: 3px;
	display: table;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.dropbox img {
	background: url("//static.s-sfr.fr/media/h2012-logos-services-enhanced-1.jpg") -6px -297px no-repeat;
	height: 50px;
	width: 50px;
	margin-right: 6px;
	display: table-cell;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.dropbox span {
	display: table-cell;
	vertical-align: middle;
}


.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.none{
	padding-top:23px;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.mail img{
	background: url("//static.s-sfr.fr/media/header-services-logos-v2.png") 0 0  no-repeat;
	height: 38px;
	width: 58px;
	float:left;
	margin-right:6px;
	margin-top:-13px;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.contact img{
	background: url("//static.s-sfr.fr/media/header-services-logos-v2.png") 0 -155px no-repeat;
	height: 38px;
	width: 42px;
	float:left;
	margin-right:6px;
	margin-top:-11px;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.repondeurplus img{
	background: url("//static.s-sfr.fr/media/h2012-logos-services-001.jpg") 0 -159px no-repeat ;
	height: 50px;
	width: 50px;
	float:left;
	margin-right:13px;
	margin-top:-22px;
}

/* spécificités header sauvegardes */
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.sauvegardes {
	padding-top: 3px;
	display: table;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.sauvegardes img{
	background: url("//static.s-sfr.fr/media/h2012-logos-services-enhanced-1.jpg") -6px -457px no-repeat ;
	height: 50px;
	width: 50px;
	margin-right: 6px;
	display: table-cell;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.sauvegardes span {
	display: table-cell;
	vertical-align: middle;
}


.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.controleacces img{
	background: url("//static.s-sfr.fr/media/h2012-logos-services-enhanced-1.jpg") 0 -376px no-repeat ;
	height: 44px;
	width: 50px;
	float:left;
	margin-right:13px;
	margin-top:-22px;
}


.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.mescommandes img{
	background: url("//static.s-sfr.fr/media/h2012-logos-services-001.jpg") 0 -226px no-repeat ;
	height: 50px;
	width: 50px;
	float:left;
	margin-right:13px;
	margin-top:-22px;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.sim img{
	background: url("//static.s-sfr.fr/media/h2012-logos-services-001.jpg") 0 -304px no-repeat ;
	height: 50px;
	width: 50px;
	float:left;
	margin-right:13px;
	margin-top:-22px;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.multisurf img{
	background: url("//static.s-sfr.fr/media/h2012-logos-services-001.jpg") 0 -380px no-repeat ;
	height: 50px;
	width: 76px;
	float:left;
	margin-right:13px;
	margin-top:-22px;
}

.sfrDom #ghostHeader #headerContent .mainNavigation ul li.logo.sfr img{
	background: url("//static.s-sfr.fr/media/sfrheader-sfr-carrement-vous-1.png") 0 6px no-repeat;
	height: 50px;
	width: 76px;
	float:left;
	margin-right:13px;
	margin-top:-22px;
}



.sfrDom #ghostHeader #headerContent .switchUniverse{
	position: absolute;
	top:0px;
	left:0;
	padding: 0;
}
.sfrDom #ghostHeader #headerContent .switchUniverse ul {
	border-bottom: 0;
	height: auto;
	background: none;
}
.sfrDom #ghostHeader #headerContent .switchUniverse ul li{
	float: left;
	width: auto;
	text-align: center;
	color: #ababab;
	height: 12px;
	margin-top: 3px;
	padding:5px 13px;
	background:none transparent;
}
.sfrDom #ghostHeader #headerContent .switchUniverse ul li a {
	color: #1a171b;
	background: none;
	text-decoration: none;
	border-top: 0;
	font:13px "SFR-Regular", Arial, Helvetica, sans-serif;
	line-height: 17px;
	display: block;
	text-align: center;
	border-right:0;
	text-transform: uppercase;
}
.sfrDom #ghostHeader #headerContent .switchUniverse ul li a:after {
	display: none;
}
.sfrDom #ghostHeader #headerContent .switchUniverse ul li a:hover{
	text-decoration: none;
	border-top : 0;
	height: 18px;
}
.sfrDom #ghostHeader #headerContent .switchUniverse ul li.homeSfr {
	position:relative;
	top:-6px;
	border-right: 0px;
	padding-left:0px;
	height: 20px;
	width: 24px;
}
.sfrDom #ghostHeader #headerContent .switchUniverse ul li.homeSfr a:hover{
	border-top:none;
}
.sfrDom #ghostHeader #headerContent .switchUniverse ul li.homeSfr a img{
	vertical-align: top;
}
.sfrDom #ghostHeader #headerContent .switchUniverse ul li.lastItem {
	border-right: 0px;
}
.sfrDom #ghostHeader #headerContent .switchUniverse ul li.homeSfr a {
	text-transform: lowercase;
	color: #1c1c1c;
}
.sfrDom #ghostHeader #headerContent .switchUniverse ul li:first-child a {
	width:24px;
}
.sfrDom #ghostHeader #headerContent .switchUniverse ul li .sep{
	display: block;
	width: 1px;
	height: 20px;
	padding: 0;
	background: url(//static.s-sfr.fr/media/h2012-megamenu-bg-universe-sep.png) 0px 5px no-repeat;
	border: 0 ;
}


.sfrDom #ghostHeader #headerContent .switchUniverse ul li a:hover{
	color: #1c1c1c;
}

.sfrDom #ghostHeader #headerContent a {
	color:#404040;
	text-decoration: none;
	font:11px Arial, Helvetica, sans-serif;

}

.sfrDom #ghostHeader #headerContent #sfrHeaderLogo {
	position: absolute;
	top:30px;
	left: 10px;
}

.sfrDom #ghostHeaderWrapper {
	height: 114px;
}

.sfrDom #ghostHeader #headerContent .switchUniverse #professionalsTooltip, 
.sfrDom #ghostHeader #headerContent .switchUniverse #entreprisesTooltip{
	display: none;
	z-index: 1100;
	position: absolute;	
	top:0;
	left:0;
}

.sfrDom #ghostHeader #headerContent .mainNavigation ul li a:hover {
	color: #58548f;
	background: none transparent;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li a:hover:before,
.sfrDom #ghostHeader #headerContent .mainNavigation ul li a:hover:after {
	background: none transparent;
	display: block;
	height: 43px;
	width : 19px;
	content: "";
	position: absolute;
	top: 0px;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li a:hover:before {
	left: -19px;
}
.sfrDom #ghostHeader #headerContent .mainNavigation ul li a:hover:after {
	background: none transparent;
	right: -19px;
}
.sfrDom #ghostHeader {
	border:0;
}
/*
#ghostHeaderWrapper.sfrDom {
	height: 95px;
}
.sfrDom #header {
	height: 95px;
}
.sfrDom #ghostHeader #headerContent {
	height: 95px;
}
*/
.sfrDom #ghostHeader #headerContent .mainNavigation {
	overflow: visible;
}

.sfrDom #ghostHeader #headerContent .mainNavigation ul {
	height: 42px;
	overflow: visible;
}
.sfrDom #ghostHeader #headerContent .userLinks {
	width: auto;
}

.sfrDom #ghostHeader #headerContent .sfrBoard .mail a,
.sfrDom #ghostHeader #headerContent .sfrBoard .espace a,
.sfrDom #ghostHeader #headerContent .sfrBoard .user-connect a {
	height: 32px;
	line-height: 32px;
}
.sfrDom #ghostHeader #headerContent .sfrBoard .mail a {
	background:url(//static.s-sfr.fr/media/picto-mail-13x14.png) no-repeat 0 7px;
	padding-left:20px;
}
.sfrDom #ghostHeader #headerContent .sfrBoard .espace a {
	background:url(//static.s-sfr.fr/media/picto-espaceclient-12x16.png) no-repeat 0 7px;
	padding-right: 18px;
}
.sfrDom #ghostHeader #headerContent .sfrBoard .user-connect a.disconnect-link:after {
	top:10px;
	right:-17px;
}
.sfrDom #ghostHeader #headerContent .sfrBoard .espace>a:after {
	top:7px;
}
.sfrDom #ghostHeader #headerContent .sfrBoard .user-connect .disconnect-link span,
.sfrDom #ghostHeader #headerContent .sfrBoard .user-connect .connect-link {
	line-height: 32px;
}
.sfrDom #ghostHeader #headerContent .sfrBoard .user-connect .disconnect-link .deconnexion {
	top:9px;
}