#hd  { background:#fff; text-align:left;height:305px;}
#hd div.hd {background:none transparent!important;height:auto;margin:0;width:997px; margin:0 auto;}
#hd div.bd {background:none #f2f2f2;clear:both;width:100%;padding-bottom:7px;border-bottom:1px solid #d9d9d9;height:149px;}
#hd div.bd .bd_wrapper {width:963px; margin:0 auto;clear:both;padding-right:10px;}
#hd div.ft {clear:both;width:100%; margin:0 auto;height:24px;background:none repeat scroll 0 0 #FFFFFF;top:-2px;padding-top:10px;}


/* **************************** */
/*        HEADER CANAL         */
/* ************************** */
/* --------------- Header + nav --------------- */

#hd,
#hd .hd {
  background: white url("//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/nav.png") repeat-x 0 0;
}
#hd .hd {
  z-index:2;
}
#hd h2 {
	font-size:33px;
	margin:37px 0 28px;
	display:inline-block;
	width:974px;
	text-transform:uppercase;
	height:30px;
}
#hd h2 a {
	text-decoration:none;
	font-family:'canal';
	font-weight:lighter;
	font-size:33px;
	line-height:1em;
	letter-spacing:-0.035em;
}
#hd h2 a:hover {
	text-decoration:none;
}
#top-header {
  /*overflow:hidden;*/
  overflow:visible;
  height:75px;
  width:100%;
}
#top-header ul#user {
  margin-top:18px;
  width:414px;
}
.connecte #top-header ul#user {
  margin-top:13px;
}
#top-header ul#user li {
  display:inline-block;
  float:left;
}
#top-header #user a {
  display:inline-block;
  font-size:12px;
}

#hd #login_infos div.bd, #hd div.hd #login_infos div.hd {padding-right:0px;}

.connecte #top-header #user a {
  border-right:0 none;
}
.login-or-signup {}
.login-or-signup .login-link {
  display:inline-block;
  height: 15px;
  line-height:15px;
  padding: 0 12px 0 12px;
  border-right: 1px solid #313131;
  color:#00a9ff;
  font-size:12px;
}
.home-link-and-logout {margin-right:11px;}
.home-link-and-logout .user-link {
	background: url("//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/buttons.png") no-repeat scroll right -300px transparent;
	
	
	
	float:right;
	height:27px;
	line-height:27px;
	display:inline-block;
	margin-top:-6px;
}
.home-link-and-logout .user-link span {
	
	
	background: url("//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/buttons.png") no-repeat scroll 0 -300px transparent;
	height:27px;
	line-height:27px;
	width:auto;
	padding-right:10px;
	padding-left:10px;
	display:inline-block;
	margin-right:17px;
	text-align:center;
	color:#B3B3B3;
}
.home-link-and-logout .user-link:hover span {background-position:0 -350px;background-repeat:repeat;}
.home-link-and-logout .user-link:hover {background-position:right -350px;color:#B3B3B3;}

.home-link-and-logout-separator {display:none;}
.home-link-and-logout .list-link-container {position:absolute;top:26px;right:11px;}
.home-link-and-logout .list-link-container ul {}
.home-link-and-logout .list-link-container ul li {}

#hd a.user-link-list, #hd a.logout-link {color:#646464;}

.home-link-and-logout .list-link-container ul li a.user-link-list,
.home-link-and-logout .list-link-container ul li a.logout-link {
	border-right:none;
	color:#646464;
	padding:10px 28px 8px 9px;
	display:block;
    height:auto;
    line-height:16px;
    margin:0;
	white-space: nowrap;
	background:#FFFFFF;
	width:90px;
}
.home-link-and-logout .list-link-container ul li a.user-link-list {border-top-left-radius: 2px;border-top-right-radius: 2px;border-bottom:1px solid #E8E8E8 !important;}
.home-link-and-logout .list-link-container ul li a.logout-link {border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
.logout-link {margin-left:10px;}
.signup-link {padding-right:10px;border-right: 1px solid #313131;}
#top-header #user  .signup-link {color:#00a9ff;}

/* canalplay vod link */
#top-header #user #canalplay_vod {float:left;padding-right:12px;border-right: 1px solid #313131;}
#top-header #user #canalplay_vod a {
  color:white;
}
#top-header #user #decouvrez {
	float:left;
	padding: 0 12px 0 12px;
	border-right: 1px solid #313131;
	display:none;
}
#top-header #user #decouvrez a {
	color:#00a9ff;
}

.user-role-anonymous #top-header #user #decouvrez {display:block;}


.connecte #top-header #user #canalplay_vod a {
  border-right: 1px solid #313131;
  padding: 0 10px;
  margin-right:7px;
}
#top-header #user #div_login_infos {float:left;padding-left:12px;}
#top-header #user a.ident {
  color:white;
  border:0 none;
  padding-right:15px;
}
#top-header h1,
#top-header h2,
#top-header #top-logo {
  width: 330px;
  display: block;
  float:left;
  overflow:hidden;
  height: 75px;
  margin:0;
  padding:0;
}
#top-header h1 a,
#top-header h2 a,
#top-header #top-logo a {
  background: url('//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/logo-header2.gif') no-repeat 0 -4px;
  width: 330px;
  display:block;
  height: 75px;
  text-indent: -9999em;
  overflow:hidden;
}

#top-header #user {
  float: right;
  margin-top:18px;
  /*margin-right:12px;*/
}

#hd #nav-cinema {
  position:relative;
}
#hd a.bt_envies {
  display:block;
  float:left;
  width:93px;
  height:40px;
  margin:0 10px 0 11px;
  overflow:hidden;
  text-indent:-9999em;
  background: url("//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/nav.png") no-repeat 0 -1150px;
}
#hd a.bt_envies:hover {
  background-position: 0 -1200px;
}

#hd #nav-cinema form {
  position: absolute;
  height:40px;
  right: -3px;
  top: 0;
  background: url("//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/nav.png") no-repeat 0 -1100px;
}

.ipad #hd #nav-cinema form {
  background: none transparent;
  border-left:1px solid #333;
}

#hd #nav-cinema form fieldset {
  padding:0 15px 0 0;
}
#hd #nav-cinema form label {
  display:none;
}
#hd #nav-cinema form input.text {
  width: 191px;
  border:0 none;
  height:23px;
  line-height:23px;
  margin-top:6px;
  padding:2px 8px 3px 8px;
  color:#b2b2b2;
  border-radius:2px;
}
.gecko #hd #nav-cinema form input.text {
  line-height:28px;
  height:28px;
  padding:0 8px;
}
.ie7 #hd #nav-cinema form input.text {
  height:21px;
}
.borderradius #hd #nav-cinema form input.text {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

#hd #nav-cinema form input.text:focus {
  color: #646464;
}
#hd #nav-cinema form input.submit {
  display: inline;
  position:absolute;
  top:6px;
  right:15px;
  border:0 none;
  width: 28px !important;
  height: 28px !important;
  background: url('//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/footer-icons.png') no-repeat 6px 7px;
  text-align: left;
  font-size: 1px;
  color: white;
  overflow: hidden;
  padding-top: 28px;
}
#hd #nav-cinema form input.submit:hover {
  background-position:6px -43px;
}

#hd #nav-cinema ul {
  height:40px;
}

#hd #nav-cinema ul li {
  display: inline;
  float: left;
  height: 40px;
}

#hd #nav-cinema ul li h1 {
  padding:0;
  margin:0;
  display:block;
  font-size:12px;
}

#hd #nav-cinema ul li a {
  display: block;
  height: 40px;
  background: url("//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/nav.png") no-repeat 0 -200px;
  text-indent: -9999em;
  overflow:hidden;
  color:white;
}

.ipad #hd #nav-cinema ul li a {
  background-image: url("//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/nav-ipad.png");
}

/*cinema*/
#hd #nav-cinema ul li.cinema a {
  width:84px;
  background-position:0 -200px;
}
#hd #nav-cinema ul li.cinema a:hover {
  width:84px;
  background-position:0 -250px;
}
#hd #nav-cinema ul li.cinema a,
#hd #nav-cinema ul li.cinema a:hover {
  width:84px;
}

/*series*/
#hd #nav-cinema ul li.series a {
  width: 72px;
  background-position: 0 -350px;
}
#hd #nav-cinema ul li.series a:hover {
  background-position:0 -400px;
}
#hd #nav-series ul li.cinema a {
  width:83px;
}
#hd #nav-series ul li.series a,
#hd #nav-series ul li.series a:hover {
  width:73px;
  background-position:0 -450px;
}

/*kids*/
#hd #nav-cinema ul li.kids a {
  width:61px;
  background-position:0 -500px;
}
#hd #nav-cinema ul li.kids a:hover {
  background-position:0 -550px;
}
#hd #nav-kids ul li.series a {
  width:71px;
}
#hd #nav-kids ul li.kids a,
#hd #nav-kids ul li.kids a:hover {
  width:62px;
  background-position:0 -600px;
}

/*humour*/
#hd #nav-cinema ul li.divertissement a {
  width:138px;
  background-position:0 -800px;
}
#hd #nav-cinema ul li.divertissement a:hover {
  background-position:0 -850px;
}
#hd #nav-divertissement ul li.kids a {
  width:60px;
}
#hd #nav-divertissement ul li.divertissement a,
#hd #nav-divertissement ul li.divertissement a:hover {
  width:139px;
  background-position:0 -900px;
}

/*adulte*/
#hd #nav-cinema ul li.adulte a {
  width:77px;
  background-position:0 -650px;
}
#hd #nav-cinema ul li.adulte a:hover {
  background-position:0 -700px;
}
#hd #nav-adulte ul li.divertissement a {
  width:137px;
}
#hd #nav-adulte ul li.adulte a,
#hd #nav-adulte ul li.adulte a:hover {
  width:79px;
  background-position:0 -750px;
}
#hd #nav-adulte.dark ul li.adulte a,
#hd #nav-adulte.dark ul li.adulte a:hover {
  background-image:url('//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/adulte/adulte-tab_landing.gif');
  background-position:0 0;
}

/*recommandations*/
#hd #nav-cinema ul li.recommandations a {
  width:170px;
  background-position:0 -950px;
}
#hd #nav-cinema ul li.recommandations a:hover {
  background-position:0 -1000px;
}
#hd #nav-recommandations ul li.adulte a {
  width:77px;
}
#hd #nav-recommandations ul li.recommandations a,
#hd #nav-recommandations ul li.recommandations a:hover {
  width:171px;
  background-position:0 -1050px;
}
/* **************************** */
/*         MAIN-SEARCH         */
/* ************************** */
#hd .main_search {padding:0;float:left;padding-top:0px;width:640px;}
#hd .main_search h3 {color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase;margin-bottom:10px;}

#hd #main_search {background:none;margin:0;}
#hd #main_search table,
#hd #main_search button {float:left;}
#hd #main_search input#search {background:url("//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/picto_sprite.png") no-repeat 290px -300px #FFFFFF;border-radius:5px;width:413px;height:27px;line-height:27px;border:4px solid #d9d9d9;padding:0 0 0 10px;font-size:12px;color:#666666;}
#hd #main_search select {border-radius:5px;height:35px;border:4px solid #d9d9d9;font-size:12px;padding:6px 0 0 5px;width:237px;margin:0 0 0 10px;color:#666666;background:none #fff;}

#hd #main_search tr {
	/*display:block;
	float:left;*/
}

#hd #main_search button,
#hd #main_search button.submit p, 
#hd div.bd #main_search button.submit p span {background:none;padding:0;margin:0;font-size:12px;}
#hd #main_search button {width:34px;height:30px;margin:0; padding: 0px;background:url("//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/picto_sprite.png") no-repeat scroll 290px -300px #FFFFFF;}
#hd #main_search button span {text-indent:-9999px;}

/*#hd div.bd #main_search button.submit p span {color:#fff;font-weight:bold;left:0;padding:7px;border-radius:5px;border:1px solid #216c9b;top:-3px;background: #1795d7;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1795d7", endColorstr="#2985bf");
background-image: -webkit-gradient(linear, left top, left bottom, from(#1795d7), to(#2985bf));
background-image: -moz-linear-gradient(top center, #1795d7, #2985bf);
background-image: -o-linear-gradient(top, #1795d7, #2985bf);}*/


/*main search 2*/
#hd td.custom-dd {display: block; position: relative; width: 250px; height: 27px;}
#hd div.custom-dd {display:block!important; width:193px; height: 27px;background:url("//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/picto_sprite.png") no-repeat -93px -599px transparent;z-index:1000;border:1px solid #cccccc;border-radius:5px;margin-left:15px; margin-top: 3px;}
/*#hd div.custom-dd:hover {background-position:-647px -600px;background-color:#e8e9ea;}*/
#hd div.custom-dd:hover {cursor:pointer;}

#hd div.custom-dd div.label {display:block!important;padding-top: 4px;}
#hd div.custom-dd div.label a {padding: 7px 0px 6px 10px;line-height:18px;}
#hd div.custom-dd div.label a:hover {text-decoration:none;}

#hd div.custom-dd.category_list div.label a {padding-right:0px;}

#hd div.custom-dd a {font-size:12px;color:#666666;}
#hd div.custom-dd ul {margin-top:7px;position:relative;z-index:1000;}
#hd div.custom-dd li a {padding:5px 5px 5px 10px;background:none #fff;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;display:block;}

/* **************************** */
/*  BLOC POSEZ VOTRE QUESTION  */
/* ************************** */
#hd #main_links {display:block;float:right;position:relative;left:9px;top:-3px;height:60px;}
#hd #main_links li.new-question {margin:0;}
#hd .new-question div,
#bd .new-question .bd .b div {width:284px;left:0px;height:65px;border:1px solid #ccc;background:nonee #f2f2f2;border-radius:5px;padding:10px 12px 12px 12px;background-color:#e8e8e8;position:relative;top:-54px;}
#bd .new-question .bd .b div {width:290px;padding:10px 10px 24px 10px;}
#hd .new-question div p,
#bd .new-question .bd .b div p{float:left;font-size:12px;margin-top:1px;margin-left:2px;margin-bottom:3px;}
#hd .new-question div p strong {text-transform:uppercase;font-family:'canalnormal';font-weight:normal;font-size:1.2em;letter-spacing:-0.07em;}
#hd .new-question div a,
#bd .new-question .bd .b div a {display:block;float:left;height:18px;width:156px;font-size:13px;color:#fff;position:static;margin:0 0 0 12px;font-weight:bold;}
#bd .new-question .bd .b div a {width:135px;marign-left:8px;margin-top:6px;height:15px;}

#hd #main_links li.new-question a.button {background: #1795d7;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1795d7", endColorstr="#2985bf"); /* Pour IE seulement et mode gradient à linear */
background-image: -webkit-gradient(linear, left top, left bottom, from(#1795d7), to(#2985bf));
background-image: -moz-linear-gradient(top center, #1795d7, #2985bf);
background-image: -o-linear-gradient(top, #1795d7, #2985bf); /*uniquement en mode linear*/
padding:8px 0 3px 0;border-radius:5px;text-align:center;border:1px solid #216a98;margin-left:2px;width:147px;}
#hd #main_links li.new-question a:hover,
#bd .new-question .bd .b  a:hover {text-decoration:none;}
#hd #main_links li.new-question a span,
#bd .new-question .bd .b  a span {background:none transparent;padding:0;position:static;margin:0;color:#fff;letter-spacing:-0.03em;}


/* **************************** */
/*         BREADCRUMB          */
/* ************************** */
#public_controller.index #hd #breadcrumb {
	display:none;
}
#breadcrumb {}
#hd #breadcrumb {
	background:#FFFFFF;
	position:relative;
	margin-top:0px;
	
} 
#hd #breadcrumb ul li {
}
#hd #breadcrumb ul li a, #hd #breadcrumb ul li.before-last a {
	background:url("//dimelo.s3.amazonaws.com/custom-v2/canalplay/images/sitewide/breadcrumb_sep.png") no-repeat right 4px #FFFFFF;
	margin-right:10px;
	padding-left:0px;
	padding-right:10px;
	color:#000000;
}
#hd #breadcrumb ul li span {
	background:none;
	padding-left:0px;
	padding-right:8px;
	color:#000000;
}
/* **************************** */
/*         LOGIN INFO          */
/* ************************** */
#hd #login_infos {
	float: right;
	/*position:static;*/
	position:relative;
	margin:0 0 0 0px;
	top:0px;
	right:0px;
	height:20px;
	display:inline-block;
}
#hd #login_infos .hd,
#hd #login_infos .ft {display:none;}
#hd #login_infos .bd {background:none transparent!important;border:none;height:inherit;width:inherit;}
#hd #login_infos .bd .t {display:none;}
#hd #login_infos .bd .b {margin:0;padding:0;}
#hd #login_infos .bd .b .user {display:none;}

#hd #login_infos .bd p.home-link-and-logout {margin:0;padding:0;}
#hd #login_infos .bd p.home-link-and-logout a {font-weight:normal;}
#hd #login_infos .bd p.home-link-and-logout a.logout-link {color:#fff;border-right:none;}
#hd #login_infos .bd p.score {display:none;}

/* login/signup */
#hd #login_infos .bd p.login-or-signup .login-link {float:right;color:#fff;border:none;}
#hd #login_infos .bd p.login-or-signup span.spacer {display:none;}

.lb-title-cufon {
	background:none repeat scroll 0 0 #1A1A1A;
	color:#FFFFFF;
	height:38px;
	padding:12px 15px 0;
	font-weight:bold;
	font-size:15px;
	line-height:24px;
	text-transform:uppercase;
}