/* ******************************* */
/*            RESET HEADER       */
/* ***************************** */

#hd #login_infos {
	position:inherit;
}

/* top header dimelo ******************************/
#hd #login_infos {
	margin:0;
}
.top-bd .link-back-home {float:left;}
.top-bd .link-back-home a {display:block;width:416px;height:67px;background:url(//dimelo.s3.amazonaws.com/custom-v2/woobees/v2/images/logos/logo_experts_woobees.jpg) no-repeat 0 0;}
.top-bd .link-back-home a:hover {background:url(//dimelo.s3.amazonaws.com/custom-v2/woobees/v2/images/logos/logo_experts_woobees_hover.jpg) no-repeat 0 0;}
.top-bd ul {float:right;}
.top-bd ul li {float:left;padding-right:2px;}
.top-bd ul li.refindUs {
	padding-top:10px;
}
.top-bd ul li.myAccount{
	margin-left:10px;
}
#hd #login_infos.logged-in p,
#hd #login_infos p.login-or-signup,
.top-bd ul li.myAccount {
	background:url(../images/backgrounds/gradient-grey-hd-tiny.gif) repeat-x 0 bottom;
	height:33px;
	line-height:30px;
	padding:0 10px !important;
	border:1px solid #e5e7e8;
}

.top-bd ul li.myAccount {
	border-radius: 4px 0 0 4px;
	border-right:none;
}

#hd #login_infos p {
	border-radius: 0 4px 4px 0;
	border-left:none;
}

/* LOGIN  ******************************/
#login_infos .ft,
#login_infos .hd {
	display:none;
}

#hd #login_infos div.bd, 
#hd div.hd #login_infos div.bd div.t, 
#hd div.hd #login_infos div.ft, 
#hd div.hd #login_infos div.ft div.t {
	background:none;
}

#hd #login_infos div.user,
#hd #login_infos p.score {
	display:none;
}

#hd #login_infos.logged-in p,
#hd #login_infos div.b {
	margin:0;
	padding:0;
}

#hd #login_infos p a {
	color:#1b87aa;
}

#hd #main_search input {
	width:400px;
	margin:8px 0 0 14px;
}

#hd #login_infos p.home-link-and-logout,
#hd #login_infos p.login-or-signup {
	border-left:none;
}

/* SEARCH  ******************************/
#hd #main_search {
	background: url(../images/backgrounds/gradient-grey-hd.gif) repeat-x 0 bottom;
	height:84px;
	border-radius:8px;
	display:block;
	width:600px;
	margin:0;
	float:left;
	border:1px solid #e5e7e8;
}
#hd #main_search div.search-row {
	background: url(../images/backgrounds/search-input.png) no-repeat 0 0;
	width:510px;
	height:32px;
	display:block;
	margin:28px 0 0 20px;
}

#hd #main_search div.search-row,
#hd #main_search button {
	float:left;
}

#hd #main_search button.submit {
	background: url(../images/pictos/search_magnifer.png) no-repeat 0 0;
	width:56px !important;
	height:31px !important;
	margin-top:28px;
	position:inherit;
}

#hd #main_search input.query {
	height: 31px;
	margin: 0 0 0 8px;
	width: 490px;
	color:#777878;
	font-size:13Px;
}

#main_links {
	float:right;
}

#hd .ft,
.menu-categorie {
	clear:both;
}

#hd #main_links li {
	display:block;
	margin:0;
}

#hd #main_links li.new-question a {
	background: url(../images/backgrounds/ask-question.png) no-repeat 0 0;
	width:294px;
	height:50px;
}

#hd #main_links li.new-question a span {
	color:white;
	margin:6px 0 10px 33px;
	display:inline-block;
	FONT-SIZE:22PX;
	font-weight:normal;
}

#hd #main_links li.answer-questions a {
	background: url(../images/backgrounds/help-community.png) no-repeat 0 0;
	width:186px;
	height:37px;
	float:right;
}

#hd #main_links li.answer-questions a span {
	font-size:13px;
	font-weight:normal;
	display:inline-block;
	padding:0px 10px 0 10px;
	color:white;
}

/* menu *******************************/
.menu-categorie {
	padding:10px 0;
}

.menu-categorie ul {
	background: url(../images/backgrounds/menu.jpg) repeat-x 0 0 ;
	height:52px;
	border-radius:4px;
	margin-top:10px;
	
}
.menu-categorie ul li {
	float:left;
	display:block;
}
.menu-categorie ul li a span {
	height:49px;
	width:110px;
	display:inline-block;
	color:white;
	line-height:38px;
	font-size:14px;
	text-align:center;
	width:126px;
	text-transform:uppercase;
	cursor:pointer;
	font-family:'Avenir85HeavyRegular';
}

.menu-categorie ul li.first {
	width:110px;
}
.menu-categorie ul li.first.selected a span,
.menu-categorie ul li.first a:hover span {
	background: url(../images/menu/menu-first.jpg) no-repeat 0 0;
}

.menu-categorie ul li a:hover span,
.menu-categorie ul li.selected a span {
	background: url(../images/menu/menu-selected.jpg) no-repeat 0 0;
}

.menu-categorie ul li.bbox-adsl-fibre a span {width:150px;}
.menu-categorie ul li.bbox-adsl-fibre a:hover span,
.menu-categorie ul li.bbox-adsl-fibre.selected a span { background: url(../images/menu/menu-selected-medium.jpg) no-repeat 0 0; }

.menu-categorie ul li.offres-internet-et-forfaits-mobiles a span {width:189px;line-height:16px;height:45px;padding-top:4Px;}
.menu-categorie ul li.offres-internet-et-forfaits-mobiles a:hover span,
.menu-categorie ul li.offres-internet-et-forfaits-mobiles.selected a span { background: url(../images/menu/menu-selected-large.jpg) no-repeat 0 0; }

.menu-categorie ul li.pros a span {width: 128px;}
.menu-categorie ul li.pros a:hover span,
.menu-categorie ul li.pros.selected a span { background: url(../images/menu/menu-last.jpg) no-repeat 0 0; }


/* menu *******************************/
.menu {clear:both;padding:20px 0 0;}
.menu ul {
width:100%;border-radius:6px;behavior: url(/font-face/PIE.htc);}

.menu ul li {float:left;padding:0 0 6px;}
.menu ul li.clearfix {clear:both;float:none;width:0px;}

#hd .menu ul li a {font-size:14px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;word-wrap: break-word;width:109px;padding:0 5px;display:table-cell;height:50px;vertical-align:middle;text-align:center;position:relative;
background: #3bb1d5; /* Old browsers */
background: -moz-linear-gradient(top, #3bb1d5 0%, #3bb1d5 50%, #0e8db0 50%, #0e8db0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3bb1d5), color-stop(50%,#3bb1d5), color-stop(50%,#0e8db0), color-stop(100%,#0e8db0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3bb1d5 0%,#3bb1d5 50%,#0e8db0 50%,#0e8db0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3bb1d5 0%,#3bb1d5 50%,#0e8db0 50%,#0e8db0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3bb1d5 0%,#3bb1d5 50%,#0e8db0 50%,#0e8db0 100%); /* IE10+ */
background: linear-gradient(to bottom, #3bb1d5 0%,#3bb1d5 50%,#0e8db0 50%,#0e8db0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb1d5', endColorstr='#0e8db0',GradientType=0 ); /* IE6*/
behavior: url(/font-face/PIE.htc);}

#hd .menu ul li a:hover,
#hd .menu ul li.selected a {
background: #00d0f6; /* Old browsers */
background: -moz-linear-gradient(top, #00d0f6 0%, #00d0f6 50%, #00bae8 50%, #00bae8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00d0f6), color-stop(50%,#00d0f6), color-stop(50%,#00bae8), color-stop(100%,#00bae8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00d0f6 0%,#00d0f6 50%,#00bae8 50%,#00bae8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00d0f6 0%,#00d0f6 50%,#00bae8 50%,#00bae8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00d0f6 0%,#00d0f6 50%,#00bae8 50%,#00bae8 100%); /* IE10+ */
background: linear-gradient(to bottom, #00d0f6 0%,#00d0f6 50%,#00bae8 50%,#00bae8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d0f6', endColorstr='#00bae8',GradientType=0 ); /* IE6*/
text-decoration:none;
behavior: url(/font-face/PIE.htc);}

#hd .menu ul li a:hover:before,
#hd .menu ul li.selected a:before {content:""; position:absolute;bottom:8px;background:url(//dimelo.s3.amazonaws.com/custom-v2/woobees/v2/images/pictos/arrow_menu.png) no-repeat center 0;width:109px;height:10px;display:block;bottom:-10px\9;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#hd .menu ul li a:hover:before,
	#hd .menu ul li.selected a:before {
		bottom:-10px;
	}
}


#hd .menu ul li a.border-left {border-radius:6px 0 0 6px;behavior: url(/font-face/PIE.htc);}
#hd .menu ul li a.border-right {border-radius:0 6px 6px 0;behavior: url(/font-face/PIE.htc);}

/* bottom header dimelo *******************************/
.bottom-bd  {clear:both;}

/* breadcrumb *******************************/
#hd #breadcrumb,
#hd #breadcrumb .last span,
#hd #breadcrumb a  {
	margin-top:0;
	background:none !important;
	color:#707070;
	font-size:12px;
	text-transform:uppercase;
}

#hd #breadcrumb a span{
	background: url(../images/pictos/arrow-breadcrumb.jpg) no-repeat right 2px !important;
}

#hd #breadcrumb a {
	padding-left:0 !important;
	padding-right:4px !important;
}

#hd #breadcrumb .last span{
	font-style:italic;
}