body,
input, 
textarea {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}
textarea {
    resize: none;
}
body {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    color: #90909A;
    background: #EDEDED;
}
* html body {
    background: url(null) fixed ; 
}
/*:root * {*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(enabled='false') !important;*/
/*}*/
/*
img.lazy {
    display: none;
} */

ul {
    margin: 0px;
    padding: 0px;
}
a, a:focus {
    outline: none;
    text-decoration: none;
}
a:focus, *:focus {
    noFocusLine: expression(this.onFocus=this.blur());
}
a img {
    border: none;
}
/*utilities classes*/
.template {
    display:none;
}
.rounded3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.rounded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.unselected {
    user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
}
.clear {
    clear:both;
}
.align { 
    text-align: center; 
}
.nodisplay {
    display: none;
}
span.bold {
    font-weight: bold;
}
.center {
    text-align: center;
}
.super-container {
    width: 998px;
    text-align: left;
    margin: 0 auto;
}
#super-container {
    width: 100%;
    text-align: left;
    margin: 0 auto;
    padding: 120px 0 25px 0;
}
#super-container.megabanTop {
    padding: 180px 0 25px 0;
}
#super-container.mobileRedirect {
    padding: 220px 0 25px 0;
    background-position: center 220px !important;
}
#super-container.megabanTop.mobileRedirect {
    padding: 280px 0 25px 0;
}
#super-container.withoutMegabanTop {
    padding: 120px 0 25px 0;
    background-position: center 120px !important;
}
#top-container {
    /*overflow:auto;*/
    height: 16px;
}
#top-container > a {
    display: block;
    width: 100%;
    height: 100%;
}
#container,
#container .contentPage,
#pub_top {
    /*margin: 110px auto 0;*/
    margin:0 auto;
    width: 980px;
}
.OAS_position_Top1 {
    margin:0 auto;
    width: 970px;
}
#pub_top {
    text-align: center;
    /*height: 90px;*/
    background-color: #2D2D2D;
}
#container{
    background-color: #EDEDED;
    padding: 6px 6px 20px 6px;
}
#footer .footer_breadcrumb a,
#footer .footer_breadcrumb span.breadcrumb_separator,
#footer .footer_breadcrumb span.breadcrumb_current{
    color: white;
}
/* header */
/* header redirect mobile*/
#header #mobilePub {
    background-color: #000;
    height: 100px;
    overflow: hidden;
    color: white;
    font-size: 32px;
    line-height: 48px;
}
#header #mobilePub .super-container {
    text-align: center;
}
#header #mobilePub .my-close{
    cursor: pointer;
    font-family: Georgia,Tahoma;
    font-size: 32px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    margin: 0;
    padding: 0;
    top: -5px;
  }
/* header */
/* header melty + wat*/
#header .melty-wat-bar {
    background-color: #fff;
    height: 30px;
    overflow: hidden;
}
#header .melty-wat-bar .online {
    padding: 0 20px 0 0px;
    height:16px;
    font-family: Georgia, Arial, sans-serif;
    font-style: italic;
    color: #a1a1a1;
    margin: 7px 0 0 20px;
    float: left;
    vertical-align: top;
}
#header .melty-wat-bar .online #picto_online {
    width: 21px;
    height: 16px;
    display: inline-block;
    float: left;
    background: url("../../images/common/header/people.png") no-repeat;
}
#header .melty-wat-bar .online #online_members {
    vertical-align: top;
}
#header .melty-wat-bar .online #online_members strong {
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-style: normal;
    padding: 0 5px 0 10px;
    vertical-align: top;
}
#header .melty-wat-bar .partnership {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    margin: 7px 0 0 0;
    padding: 0 10px;
    height: 18px;
    float: left;
}
#header .melty-wat-bar .partnership a{
    color: #a1a1a1;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 10px;
    margin-top: -7px;
    margin-bottom: -5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
#header .melty-wat-bar .partnership .wat:hover {
    background-color: #000000;
    color: #ffffff;
}
#header .melty-wat-bar .partnership .melty:hover {
    background-color: #8cba29;
    color: #ffffff;
}
#header .melty-wat-bar .social_header {
    height: 30px;
    float: left;
    padding: 0 10px;
}
#header .melty-wat-bar .app_header {
    height: 30px;
    float: right;
    padding: 0 10px;
}
#header .melty-wat-bar .social_header .mobile {
    padding:0 10px;
}
#header .melty-wat-bar .social_header .twitter,
#header .melty-wat-bar .social_header .facebook,
#header .melty-wat-bar .social_header .tumblr,
#header .melty-wat-bar .social_header .googlePlus,
#header .melty-wat-bar .app_header .smartphone,
#header .melty-wat-bar .app_header .tablette,
#header .melty-wat-bar .app_header .apple,
#header .melty-wat-bar .app_header .android {
    padding:0 10px;
    transition-property:background-color;
    transition-duration:.2s;
    transition-delay:0;
    transition-timing-function:linear;
    -moz-transition-property:background-color;
    -moz-transition-duration:.2s;
    -moz-transition-delay:0;
    -moz-transition-timing-function:linear;
    -o-transition-property:background-color;
    -o-transition-duration:.2s;
    -o-transition-delay:0;
    -o-transition-timing-function:linear;
    -ms-transition-property:background-color;
    -ms-transition-duration:.2s;
    -ms-transition-delay:0;
    -ms-transition-timing-function:linear;
    -webkit-transition-property:background-color;
    -webkit-transition-duration:.2s;
    -webkit-transition-delay:0;
    -webkit-transition-timing-function:linear;
    display:inline-block;
    *display:inline;
    *zoom:1
}
#header .melty-wat-bar .social_header .twitter:hover {
    background-color: #31aae1;
}
#header .melty-wat-bar .social_header .facebook:hover {
    background-color: #3b5997;
}
#header .melty-wat-bar .social_header .tumblr:hover {
    background-color: #31546f;
}
#header .melty-wat-bar .social_header .googlePlus:hover {
    background-color: #dd4b38;
}
#header .melty-wat-bar .app_header .smartphone:hover,
#header .melty-wat-bar .app_header .tablette:hover,
#header .melty-wat-bar .app_header .apple:hover {
    background-color: #828283;
}
#header .melty-wat-bar .app_header .android:hover {
    background-color: #80bd01;
}
#header .melty-wat-bar .social_header .inner .icon {
    height: 16px;
    width: 16px;
}
#header .melty-wat-bar .app_header .inner .icon2 {
    height: 24px;
    width: 32px;
}
#header .melty-wat-bar .app_header .inner .icon3 {
    height: 24px;
    width: 14px;
}
#header .melty-wat-bar .app_header .inner .icon4 {
    height: 19px;
    width: 18px;
}
#header .melty-wat-bar .app_header .inner .icon5 {
    height: 21px;
    width: 18px;
}
#header .melty-wat-bar .social_header .twitter .inner .icon {
    background: url("../../images/common/header/twitter_bird.png") no-repeat;
}
#header .melty-wat-bar .social_header .twitter:hover .inner .icon {
    background: url("../../images/common/header/twitter_bird_white.png") no-repeat;
}
#header .melty-wat-bar .social_header .facebook .inner .icon {
    background: url("../../images/common/header/facebook_F.png") no-repeat;
}
#header .melty-wat-bar .social_header .facebook:hover .inner .icon {
    background: url("../../images/common/header/facebook_F_white.png") no-repeat;
}
#header .melty-wat-bar .social_header .tumblr .inner .icon {
    background: url("../../images/common/header/tumblr_F.png") no-repeat;
}
#header .melty-wat-bar .social_header .tumblr:hover .inner .icon {
    background: url("../../images/common/header/tumblr_F_white.png") no-repeat;
}
#header .melty-wat-bar .social_header .googlePlus .inner .icon {
    background: url("../../images/common/header/google_F.png") no-repeat;
}
#header .melty-wat-bar .social_header .googlePlus:hover .inner .icon {
    background: url("../../images/common/header/google_F_white.png") no-repeat;
}
#header .melty-wat-bar .social_header .mobile .inner .icon {
    background: url("../../images/common/header/mobile_site.png") no-repeat;
}
#header .melty-wat-bar .app_header .smartphone .inner .icon3 {
    background: url("../../images/common/header/smartphone.png") no-repeat;
}
#header .melty-wat-bar .app_header .smartphone:hover .inner .icon3 {
    background: url("../../images/common/header/smartphone_on.png") no-repeat;
}
#header .melty-wat-bar .app_header .tablette .inner .icon2 {
    background: url("../../images/common/header/tablette.png") no-repeat;
}
#header .melty-wat-bar .app_header .tablette:hover .inner .icon2 {
    background: url("../../images/common/header/tablette_on.png") no-repeat;
}
#header .melty-wat-bar .app_header .apple .inner .icon4 {
    background: url("../../images/common/header/apple.png") no-repeat;
}
#header .melty-wat-bar .app_header .apple:hover .inner .icon4 {
    background: url("../../images/common/header/apple_on.png") no-repeat;
}
#header .melty-wat-bar .app_header .android .inner .icon5 {
    background: url("../../images/common/header/android.png") no-repeat;
}
#header .melty-wat-bar .app_header .android:hover .inner .icon5 {
    background: url("../../images/common/header/android_on.png") no-repeat;
}
#header .melty-wat-bar .social_header a span,
#header .melty-wat-bar .app_header a span{
    display: inline-block;
    vertical-align: middle;
}
#header .melty-wat-bar .social_header a .inner .text,
#header .melty-wat-bar .app_header a .inner .text{
    overflow:hidden;
    color:#fff;
    transition-property:max-width;
    transition-duration:.1s;
    transition-delay:0;
    transition-timing-function:linear;
    -moz-transition-property:max-width;
    -moz-transition-duration:.1s;
    -moz-transition-delay:0;
    -moz-transition-timing-function:linear;
    -o-transition-property:max-width;
    -o-transition-duration:.1s;
    -o-transition-delay:0;
    -o-transition-timing-function:linear;
    -ms-transition-property:max-width;
    -ms-transition-duration:.1s;
    -ms-transition-delay:0;
    -ms-transition-timing-function:linear;
    -webkit-transition-property:max-width;
    -webkit-transition-duration:.1s;
    -webkit-transition-delay:0;
    -webkit-transition-timing-function:linear;
    font-size:14px;
    line-height:30px;
    font-weight:bold;
    max-width:0;
    width:0\9 ;
    text-indent:10px;
}
#header .melty-wat-bar .social_header a:hover .inner .text,
#header .melty-wat-bar .app_header a:hover .inner .text{
    max-width:101px;
    width:auto\9 ;
    transition-property:max-width;
    transition-duration:.1s;
    transition-delay:0;
    transition-timing-function:linear;
    -moz-transition-property:max-width;
    -moz-transition-duration:.1s;
    -moz-transition-delay:0;
    -moz-transition-timing-function:linear;
    -o-transition-property:max-width;
    -o-transition-duration:.1s;
    -o-transition-delay:0;
    -o-transition-timing-function:linear;
    -ms-transition-property:max-width;
    -ms-transition-duration:.1s;
    -ms-transition-delay:0;
    -ms-transition-timing-function:linear;
    -webkit-transition-property:max-width;
    -webkit-transition-duration:.1s;
    -webkit-transition-delay:0;
    -webkit-transition-timing-function:linear;
}
#header .melty-wat-bar .social_header a:hover .inner .text,
#header .melty-wat-bar .app_header a:hover .inner .text{
    transition-property:background-color;
    transition-duration:.2s;
    transition-delay:0;
    transition-timing-function:linear;
    -moz-transition-property:background-color;
    -moz-transition-duration:.2s;
    -moz-transition-delay:0;
    -moz-transition-timing-function:linear;
    -o-transition-property:background-color;
    -o-transition-duration:.2s;
    -o-transition-delay:0;
    -o-transition-timing-function:linear;
    -ms-transition-property:background-color;
    -ms-transition-duration:.2s;
    -ms-transition-delay:0;
    -ms-transition-timing-function:linear;
    -webkit-transition-property:background-color;
    -webkit-transition-duration:.2s;
    -webkit-transition-delay:0;
    -webkit-transition-timing-function:linear
}
/* end header melty + wat*/
#header .top {
    background: #1F1F1F url('../../images/common/header/top.png') repeat-x;
    height: 50px;
}
#header .bottom {
    background: none;
    height: 40px;
    overflow: hidden;
    /*
     -moz-box-shadow: 0 2px 10px black;
     -webkit-box-shadow: 0 2px 10px black;
    */
}
#header .top ul.navigation,
#header #logo {
    height: 50px;
}
#header .top ul.navigation {
    list-style: none;
    float:left;
    margin:0 20px 0 0;
}
#header .top ul.navigation li {
    float: left;
    position: relative;
}
#header #logo {
    float: left;
    width: 148px;
    position: relative;
}
#header #logo img {
    margin: 10px 0 5px 10px;
}
/***************************/
/********LOGO ANIME*********/
/***************************/
#header #logo #logoAnime {
    position: absolute;
    top: 0;
    left: 0;
}
/***************************/
#header .top ul.navigation li a,
#header .bottom ul.navigation li a {
    float: left;
    text-decoration: none;
}
#header .bottom ul.navigation li ul li a {
	display: block;
}
#header .top ul.navigation li a {
    padding: 14px 20px;
    color: white;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 22px;
}
#header .top ul.navigation li a.video {
    padding-left: 0;
}
#header .top ul.navigation li a.search {
    padding-right: 0;
}
#header .top ul.navigation li a span.picto {
    width:14px;
    height:13px;
    float:left;
    margin:5px 5px 0 0;
}
#header .top ul.navigation li a.video,
#header .top ul.navigation li a.trends,
#header .top ul.navigation li a.community,
#header .top ul.navigation li a.search {
    padding-left: 22px;
    /*background-color: red;*/
}

/*#header .top ul.navigation li a span{*/
    /*display: inline-block;*/
    /**display: inline;*/
    /*vertical-align: middle;*/
    /*zoom: 1;*/
    /*width: 14px;*/
    /*height: 22px;*/

/*}*/

#header .top ul.navigation li a.video {
    background: url('../../images/sprite-header.png') no-repeat 0 -2px transparent;
}

#header .top ul.navigation li a.trends {
    background: url('../../images/sprite-header.png') no-repeat 4px -37px transparent;
}


#header .top ul.navigation li a.community {
    background: url('../../images/sprite-header.png') no-repeat 2px -73px transparent;
    padding-left: 20px;
}

#header .top ul.navigation li a.search{
    background: url('../../images/sprite-header.png') no-repeat 0 0 transparent;
    /*background-position: 0 0;*/
}

#header .bottom ul.navigation {
    list-style: none;
    padding:0px 6px 0px 20px;
    float: right;
}
#header .bottom ul.navigation li {
    float: left;
    padding-top: 6px;
    margin-left: 6px;
}
#header .bottom ul.navigation li#plus_menu ul {
    display: none;
    position: absolute;
    list-style: none;
    padding: 0 0 5px;
    margin: 0px 0 0 -40px;
    top: 115px;
    border-radius: 0 0 3px 3px;
}
#header .bottom ul.navigation li#plus_menu ul.hoverWithoutMelty {
    top: 85px;
}
#header.megabanTop .bottom ul.navigation li#plus_menu ul.plus_menuMegaban {
    top: 175px;
}
#header.smartBanner {
    top: 81px;
}
#header.mobileRedirect .bottom ul.navigation li#plus_menu ul.plus_menuRedirect {
    top: 210px;
}
#header.mobileRedirect.megabanTop .bottom ul.navigation li#plus_menu ul.plus_menuRedirect.plus_menuMegaban {
    top: 270px;
}
*+html #header .bottom ul.navigation li#plus_menu ul {
    margin-left: -126px;
}
#header .bottom ul.navigation li#plus_menu ul li {
    float: none;
}
#header .bottom ul.navigation li#plus_menu {
    padding-top: 5px;
}
#header .bottom ul.navigation li a,
#header .bottom ul.navigation li#plus_menu ul li a {
    padding: 4px 8px;
    text-transform: uppercase;
    font-size: 15px;
    margin-right: 3px;
    font-weight: bold;
    color: #fff;
    /*text-shadow: 0px 1px 0px #000;*/
}
#header .bottom ul.navigation li#plus_menu a {
    padding: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    height: 28px;
    text-decoration: none;
    width: 81px;
}
#header .bottom ul.navigation li#plus_menu ul li a {
    height: auto;
    border: 1px solid #cb2222;
    margin: 0px 5px;
    width: auto;
    float: none;
    text-align: right;
}
#header .bottom ul.navigation li#plus_menu a span {
    border-radius: 3px 3px 3px 3px;
    display: block;
    float: left;
    padding: 4px 0 0 13px;
    width: 68px;
    height: 23px;
}
/************************************/
/************THE VOICE***************/
/************************************/
#header .bottom ul.navigation.dals {
    list-style: none;
    padding: 0;
    float: left;
    width: 100%;
}
#header .bottom ul.navigation.dals li {
    float: left;
    padding-top: 6px;
    margin-left: 17px;
}
#header .bottom ul.navigation.dals li.first {
    margin-left: 10px;
}
#header .bottom ul.navigation.dals li.dals {
    margin-right: 8px;
    margin-left: 0px;
    float:right;
}
#header .bottom ul.navigation.dals li a {
    padding: 4px 6px;
    margin-right: 2px;
}
/****************************************/
/************END SECRET******************/
/****************************************/
#header #account #profil span.login {
    float: left;
    width: 70px;
    overflow: hidden;
    height: 18px;
    line-height: 16px;
    white-space:nowrap;
    text-overflow: ellipsis;
}

#header .bottom ul.navigation li#plus_menu a span.arrow_plus,
#header #account #profil span.arrow_plus {
    float: right;
    height: 0;
    margin-right: 8px;
    margin-top: 8px;
    padding: 0;
    width: 0;
    border-top: 4px solid #FFF;
    border-bottom: none;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top/*\**/: 3px solid #FFF\9;
    border-left/*\**/: 3px solid transparent\9;
    border-right/*\**/: 3px solid transparent\9;
}
*+html #header .bottom ul.navigation li#plus_menu a span.arrow_plus {
    margin-top: -10px;
}
#header .bottom ul.navigation li#plus_menu.active a span.arrow_plus,
#header #account #profil.active span.arrow_plus {
    border-top: none;
    border-bottom: 4px solid #FFF;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-top: 7px;
}
*+html #header .bottom ul.navigation li#plus_menu.active a span.arrow_plus {
    margin-top: -12px;
}

#header .bottom ul.navigation li a:hover,
#header .bottom ul.navigation li a.selected,
#header .bottom ul.navigation li#plus_menu ul li a:hover,
#header .bottom ul.navigation li#plus_menu ul li a.selected,
#header .bottom ul.navigation li.current a,
#header .bottom ul.navigation li#plus_menu ul li.current a {
    background-color: #fff;
    text-shadow: 0px 0px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#header #search {
    float: left;
    width: 212px;
}
.result-search {
    position: relative;
}
#header #result-search,
.result-search #channel-result-search {
    display: none;
    background: #312D2F;
    position:absolute;
    z-index: 2;
    width:100%;
    height: 240px;
}
.result-search #channel-result-search .empty_result {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 10px 15px;
    text-align: center;
}
#header #result-search ul {
    list-style: none;
    margin: 11px 0px 0px 0px;
    padding:0 9px;
}
.result-search #channel-result-search ul {
    list-style: none;
    margin: 9px 0 4px 0;
    padding:0 9px;
}
#header #result-search ul li,
.result-search #channel-result-search ul li {
    float: left;
    height: 102px;
    margin: 0px 0px 12px 0px;
    padding: 0px;
    margin-left: 9px;
    border:1px solid #312D2F;
}
.result-search #channel-result-search ul li {
    border: none;
    margin: 0px 0px 5px 5px;
}

#header #result-search ul li.sponsor {
    border: 1px solid #787878;
}

#header #result-search ul li.sponsor .thematic {
    display: none;
}

#header #result-search ul li .sponsorLabel {
    display: none;
}

#header #result-search ul li.last {
    background: none repeat scroll 0 0 #CB2222;
    position: relative;
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer;
}
#header #result-search ul li.last p {
    float: left;
    margin: 26px 20px;
    position: relative;
    color: white;
}
#header #result-search ul li.last p span {
    text-transform: uppercase;
}
#header #result-search ul li.last p span a {
    font-weight: bold;
    color: white;
}

#header #result-search ul li.last span.arrow {
    background: url("../../images/common/player-discover-arrow.png") no-repeat scroll center center transparent;
    display: block;
    float: right;
    height: 54px;
    margin: 26px 28px 0 0;
    position: relative;
    width: 31px;
}

/* .videos-rebund li.last p */

#header #result-search ul li.sponsor .sponsorLabel {
    display: block;
    position: absolute;
    display: block;
    padding: 2px 8px;
    font-size: 13px;
    color: black;
    background: rgba(255, 255, 255, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0FFFFFF,endColorstr=#C0FFFFFF);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C0FFFFFF, endColorstr=#C0FFFFFF)";
    zoom:1;
    text-decoration:none;
    z-index: 21;
    border-radius: 4px;
    top: 4px;
    left: 4px;
}

#header #result-search ul li.first,
.result-search #channel-result-search ul li.first {
    margin-left: 0px;
}
#header #result-search ul li.last {
    background: #7CAE0D;
}
#header #account {
    float: right;
    width: 240px;
    margin:6px 9px 0 0;
    color: #fff;
    text-shadow: 0px 1px 0px #000;
}
#header #account ul{
    float: right;
    position: relative;
}
#header #account ul li {
    float: right;
    list-style: none;
    height:35px;
}
#header #account ul li a#aff_profil,
#header #account ul li a#link_publish,
#header #account ul li a#link_connect {
    color: #fff;
    text-shadow: 0px 1px 0px #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 34px;
    text-decoration: none;
    border: 1px solid #1a1818;
    background: rgb(54,54,54); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(41,41,41,1) 0%, rgba(54,54,54,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,41,41,1)), color-stop(100%,rgba(54,54,54,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(41,41,41,1) 0%,rgba(54,54,54,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(41,41,41,1) 0%,rgba(54,54,54,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(41,41,41,1) 0%,rgba(54,54,54,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(41,41,41,1) 0%,rgba(54,54,54,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff292929', endColorstr='#ff363636',GradientType=0 ); /* IE6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ff292929, endColorstr=#ff363636)";
    zoom: 1;
    position: absolute;
}
#header #account ul li a > span {
    border-top: 1px solid #5e5e5e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000;
    padding:7px 15px 0;
    height:19px;
}
#header #account #connect {
    float: right;
    width: 135px;
}
#header #account #connect a {
    float: right;
    width: 133px;
    display: block;
}
#header #account #connect span.connect {
    width: 133px;
    text-align: center;
    padding:7px 0px 0;
    padding:8px 0 6px 0;
}
#header #account #publish {
    width: 99px;
    margin-right:6px;
}
#header #account #publish a {
    float: right;
    width: 97px;
    display: block;
}
#header #account #publish span.publish{
    width: 58px;
    padding:8px 0 6px 39px;
    text-align: left;
	/*background: url("../../images/common/header/publish_hover.png") no-repeat scroll 8px center transparent;*/
    background: url('../../images/sprite-header.png') no-repeat 8px -186px transparent;
}
#header #account #publish a:hover span.publish{
    /*background:url("../../images/common/header/publish_hover.png") no-repeat scroll 8px center transparent*/
    background: url('../../images/sprite-header.png') no-repeat 8px -186px transparent;
}
#header #account #publish span.infobulle{
    position:absolute;
    border:0;
    left:0;
    top:0;
    padding:0;
    margin-top:46px;
    margin-left:-12px;
    background:rgba(0,0,0,.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C0000000, endColorstr=#C0000000)";
    zoom:1;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    display/*\**/: none\9;
    color:white;
    /*transform*/
    -webkit-transform:scale(0) rotateZ(-12deg);
    -moz-transform:scale(0) rotate(-12deg);
    -ms-transform:scale(0) rotateZ(-12deg);
    -o-transform:scale(0) rotate(-12deg);
    transform:scale(0) rotateZ(-12deg);
    /*transition*/
    -webkit-transition:all .25s;
    -moz-transition:all .25s;
    -ms-transition:all .25s;
    -o-transition:all .25s;
    transition:all .25s;
    /*border-radius*/
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    /*box-shadow*/
    -webkit-box-shadow:0 0 2px rgba(0,0,0,.5);
    -moz-box-shadow:0 0 2px rgba(0,0,0,.5);
    box-shadow:0 0 2px rgba(0,0,0,.5);
    height:34px;
    line-height:34px;
    font-weight: normal;
    width:123px;
    text-align: center;
    z-index: 10002;
}
#header #account #publish:hover span.infobulle,
#header #account #publish:focus span.infobulle {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    border:none;
    display/*\**/: block\9;
    /*transform*/
    -webkit-transform:scale(1) rotateZ(0);
    -moz-transform:scale(1) rotate(0);
    -ms-transform:scale(1) rotateZ(0);
    -o-transform:scale(1) rotate(0);
    transform:scale(1) rotateZ(0);
}
#header #account #publish:hover span.infobulle::before{
    content:'';
    position:absolute;
    top:-6px;
    left:57px;
    width:0;
    height:0;
    border-bottom:6px solid rgba(0,0,0,.9);
    border-left:6px solid transparent;
    border-right:6px solid transparent;
}
#header #account #profil {
    width: 135px;
    display: none;
}
#header #account #profil a#aff_profil {
    float: right;
    width: 133px;
    display: block;
    z-index: 90;
}
#header #account #profil span#icon{
    width: 95px;
    padding:8px 0px 6px 38px;
    text-align: left;
    float: left;
    position: relative;
    /*background: url("../../images/common/header/profil_hover.png") no-repeat scroll 8px center transparent;*/
    background: url('../../images/sprite-header.png') no-repeat 8px -314px  transparent;
}
#header #account #profil:hover a#aff_profil > span#icon{
    /*background:url("../../images/common/header/profil_hover.png") no-repeat scroll 8px center transparent*/
    background: url('../../images/sprite-header.png') no-repeat 8px -314px  transparent;
}
#header #account #profil #menu_profil{
    width:135px;
    display: none;
    position: relative;
    /*height: 257px;*/
    background-color:rgba(0, 0, 0, .2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#33000000, endColorstr=#33000000)";
    list-style: none;
    margin: 0;
    top: 34px;
    padding:3px 0 1px 0;
    z-index: 89;
    border-radius: 0 0 3px 3px;
}
#header #account #profil #menu_profil ul{
    width:133px;
    list-style: none;
    float: left;
    margin: 0 0 0 1px;
    padding:0;
    background-color:#282828;
    border-radius: 0 0 3px 3px;
    z-index: 89;
}
#header #account #profil #menu_profil ul li{
    width:133px;
    height:35px;
    line-height: 34px;
    border-top:1px solid #545454;
    border-bottom:1px solid #121212;
    z-index: 89;

}
#header #account #profil #menu_profil ul li.first{
    border-top:none;
}
#header #account #profil #menu_profil ul li.last{
    border-bottom: 1px solid #000000;
    border-radius: 0 0 3px 3px;
}
#header #account #profil #menu_profil ul li a{
    background: none;
    color:#757575;
    font-weight:bold;
    font-size:13px;
    text-shadow: 0px 1px 0px #000;
    display: block;
    width:121px;
    height:35px;
    background-color:#282828;
    padding-left:12px;
    z-index: 89;
}
#header #account #profil #menu_profil ul li a:hover{
    color:#fff;
}
#header #search .divsearch {
    position:relative;
    width:212px;
    height:30px;
    float:left;
    margin-top:10px;
    -moz-box-shadow: 1px 1px 5px 2px #000;
    -webkit-box-shadow: 1px 1px 5px 2px #000;
    -o-box-shadow: 1px 1px 5px 2px #000;
    box-shadow: 1px 1px 5px 2px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
    -ms-filter: "progid:DXImageTransform.Microsoft.shadow(color=#000000, direction=134, Strength=5)";
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}
#filters .channel-search-container {
    position:relative;
    width:212px;
    height:30px;
    float:left;
    margin-top:10px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}
#header #search .divsearch.focus,
#filters .channel-search-container.focus {
    -moz-box-shadow: 1px 1px 5px 2px #65910b;
    -webkit-box-shadow: 1px 1px 5px 2px #65910b;
    -o-box-shadow: 1px 1px 5px 2px #65910b;
    box-shadow: 1px 1px 5px 2px #65910b;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#65910b, Direction=134, Strength=5);
    -ms-filter: "progid:DXImageTransform.Microsoft.shadow(color=#65910b, direction=134, Strength=5)";
}
#header #search input,
#filters .channel-search-container input {
    outline:none;
    color: #575757;
    font-size:18px;
    border:none;
    overflow: hidden;
    margin:0;
    padding:0;
    float:left;
}
#filters .channel-search-container input {
    font-size:12px;
}
#header #search input#searchtxt,
#filters .channel-search-container input#channel-search {
    padding: 3px 6px 5px 16px;
    border-radius: 4px 0 0 4px;
    width: 168px;
    height: 22px;
    *border-top:0px solid #000;
    *border-bottom:0px solid #000;
    *border-right:0px solid #000;
    *border-left:0px solid #000;
}
#header #search input#searchsubmit,
#filters .channel-search-container input#searchsubmit {
    /*background: url('../../images/common/header/search.png') no-repeat center center #fff;*/
    background: url('../../images/sprite-header.png') no-repeat 2px -156px #fff;
    padding: 3px 0 5px 0;
    width: 22px;
    height: 30px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}
/* recherche dans une chaîne*/
#filters .channel-search-container {
    border: 1px solid #909090;
    border-radius: 4px;
    box-shadow: none;
    float: right;
    height: 26px;
    margin: 0 10px 0 0;
    top: -2px;
}
#filters .channel-search-container input#channel-search {
    height: 20px;
    padding: 3px 6px 3px 5px;
    width: 178px;
}
#filters .channel-search-container input#searchsubmit {
    background-position: 2px -158px !important;
    height: 26px;
    padding: 3px 0;
}

.result-search {
    top: 47px;
    width: 977px;
    z-index: 1000020;
}

.result-search #channel-result-search {
    background-color: #ffffff;
    border: 1px solid;
    height: auto;
}
/* */
#header .bottom {
    clear: left;
}
#header .bottom .section,
#header .bottom .separator,
#header .bottom span.subheader {
    float: left;
    font-size: 15px;
    padding: 11px 6px 12px 10px;
    color: #FFF;
    text-transform: uppercase;
    margin: 0;
    font-weight: bold;
    /*text-shadow: 0px 1px 0px #000;*/
}
#header .bottom .separator {
    padding-left: 5px;
}
#header .bottom .description {
    display: block;
    overflow: hidden;
    height: 30px;
    padding: 0px;
    color: #FFF;
    position: relative;
    font-size: 12px;
}
#header .bottom .description p {
    padding:0px 16px 0px 10px;
    margin:13px 0px 10px 0px;
}
#header .bottom .description.clickable {
    cursor: pointer;
}
#header .bottom .description .more {
    position: absolute;
    bottom: 0px;
    right: 5px;
    width: 16px;
    height: 10px;
    background: #FFF;
    text-align: right;
    overflow: hidden;
}

#header .bottom .description.active .more {
    bottom: 6px;
}

#header .bottom .description .more span {
    clear: both;
    overflow: hidden;
    position: absolute;
    right: 3px;
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid #FFF;
    border-bottom: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;

    /* Hack IE */
    border-top/*\**/: 3px solid #FFF\9;
    border-left/*\**/: 3px solid transparent\9;
    border-right/*\**/: 3px solid transparent\9;
    right/*\**/: 4px\9;
}
#header .bottom .description.active .more span{
    border-top: none;
    border-bottom: 4px solid #FFF;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    right/*\**/: 3px\9;
}

/* Header fix begin */
#header {
    position: fixed;
    left: 0;
    z-index:10010;
    width: 100%;
    top:0;
    background-color: #2d2d2d;
}
* html #header {
    position: absolute;
    /*	top: expression(body.scrollTop + 20 + "px"); */
    top: expression(documentElement.scrollTop+body.scrollTop); /* Correction */
    left: 0px;
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}
.advertising {
    position: relative;
}
.advertising-content {
    border: 5px solid #e0e0e0;
}
.advertising-content.advertising300x250,
.advertising-content.advertising300x600{
    width: 300px;
    overflow: hidden;
}
.advertising-content.advertising300x250 {
    height: 250px;
}
.advertising-content.advertising300x600 {
    height: 600px;
}
/* Search vidéos */

#header .tinyVideo {
    position: relative;
    background: black;
}
#header .tinyVideo img {
    height: 102px;
}
#header .tinyVideo .thematic {
    position: absolute;
    display: block;
    padding: 6px 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: white;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C0000000, endColorstr=#C0000000)";
    zoom:1;
    z-index: 21;
}
/**********************************/
/*********  HOVER VIDEO ***********/
/**********************************/

#header .tinyVideo .header_bloc .hover_video,
.result-search #channel-result-search .tinyVideo .header_bloc .hover_video {
    background: rgba(108, 154, 11, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C06C9A0B,endColorstr=#C06C9A0B);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C06C9A0B, endColorstr=#C06C9A0B)";
}
#header .tinyVideo .header_bloc,
.result-search #channel-result-search .tinyVideo .header_bloc {
    height: 102px;
    position:relative;
    width: 236px;
}
#header .tinyVideo .header_bloc .hover_video,
.result-search #channel-result-search .tinyVideo .header_bloc .hover_video {
    position: absolute;
    width:236px;
    height:102px;
    zoom:1;
    top:0;
    z-index: 20;
    display:none;
    float:left;
}
#header .tinyVideo .header_bloc .hover_video a.watch,
.result-search #channel-result-search .tinyVideo .header_bloc .hover_video a.watch {
    background: url("../../images/common/mini_watch.png") no-repeat scroll center top transparent;
    cursor: pointer;
    display: block;
    height: 75px;
    left: 0;
    position: absolute;
    top: 28px;
    width: 236px;
    z-index: 21;
}
#header .tinyVideo .header_bloc .hover_video span.separator,
.result-search #channel-result-search .tinyVideo .header_bloc .hover_video span.separator {
    width:2px;
    height:62px;
    background: transparent url('../../images/common/mini_separator_hover_video.png') top left no-repeat;
    left:120px;
    top:28px;
    position:absolute;
    z-index: 21;
    zoom:1;
}
#header .tinyVideo .header_bloc .hover_video a.watch_later{
    display: block;
    width:14px;
    height:11px;
    background: transparent url('../../images/common/watch_later_light.png') center no-repeat;
    bottom:5px;
    right:5px;
    position:absolute;
    cursor: pointer;
    z-index: 21;
    zoom:1;
}
#header .tinyVideo .header_bloc .hover_video a.watch_later span.infobulle{
    position:absolute;
    border:0;
    left:0;
    top:0;
    padding:0;
    margin-top:-2px;
    margin-left:-80px;
    background:rgba(0,0,0,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C0000000, endColorstr=#C0000000)";
    zoom:1;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    display/*\**/: none\9;
    color:white;
    /*transform*/
    -webkit-transform:scale(0) rotateZ(-12deg);
    -moz-transform:scale(0) rotate(-12deg);
    -ms-transform:scale(0) rotateZ(-12deg);
    -o-transform:scale(0) rotate(-12deg);
    transform:scale(0) rotateZ(-12deg);
    /*transition*/
    -webkit-transition:all .25s;
    -moz-transition:all .25s;
    -ms-transition:all .25s;
    -o-transition:all .25s;
    transition:all .25s;
    /*border-radius*/
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    /*box-shadow*/
    -webkit-box-shadow:0 0 2px rgba(0,0,0,.5);
    -moz-box-shadow:0 0 2px rgba(0,0,0,.5);
    box-shadow:0 0 2px rgba(0,0,0,.5);
    height:15px;
    line-height:13px;
    font-weight: normal;
    width:75px;
    text-align: center;
    z-index: 10002;
}
#header .tinyVideo .header_bloc .hover_video a.watch_later span.infobulle.visible {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    border:none;
    display/*\**/: block\9;
    /*transform*/
    -webkit-transform:scale(1) rotateZ(0);
    -moz-transform:scale(1) rotate(0);
    -ms-transform:scale(1) rotateZ(0);
    -o-transform:scale(1) rotate(0);
    transform:scale(1) rotateZ(0);
}
#header .tinyVideo .bottom {
    width: 236px;
}
#header .tinyVideo img,
#header .tinyVideo,
#header #result-search ul li {
    width: 236px;
    height: 102px;
}
#header .tinyVideo .bottom {
    position: absolute;
    top: 56px;
    height: 46px;
    cursor: pointer;
    overflow: hidden;
    /* background */
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background: -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#00000000, endColorstr=#ff000000);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#00000000, endColorstr=#ff000000)";
    zoom: 1;
}
#header .tinyVideo .bottom .title,
.result-search #channel-result-search .tinyVideo .bottom .title {
    background: url('../../images/video/video/play.png') no-repeat 6px 10px;
    color: white;
    font-size: 14px;
    padding: 12px 10px 10px 44px;
    display: block;
    overflow: hidden;
    line-height: 28px;
}
.result-search #channel-result-search .tinyVideo .bottom .title {
    text-overflow: ellipsis;
    white-space: nowrap;
}
#header .tinyVideo span.duration {
    position: absolute;
    top: 4px;
    right: 4px;
    color: white;
    padding: 2px 4px;
    background: black;
    display: block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#80000000, endColorstr=#80000000)";
}
#header .tinyVideo span.duration.integrality{
    background-color: #CB2222;
    border-radius: 4px 4px 4px 4px;
    color: white;
    display: block;
    padding: 2px 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index:15;
}
/*********/
/** TRI **/
/*********/

#filters span.title,
#noFilters span.title {
    color: #404040;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0px 20px 0px 0px;
    background: url("../../images/common/filter-arrow.png") no-repeat scroll right 6px transparent;
    float: left;
}
#noFilters span.title {
    background: none;
}
#filters div.label {
    margin: 4px 2px 0px 10px;
    float: left;
    color: black;
}
#filters ul {
    margin-top: 4px;
    float: left;
}
#filters ul li {
    list-style: none;
    display: inline-block;
    *display: inline; /* IE < 8 */
    *zoom : 1; /* IE < 8 : à tester pas forcement nécessaire */
    padding: 0px 10px;
    color: gray;
    border-left: 1px solid #909090;
    position: relative;
    overflow: hidden;
    height: 18px;
}
#filters ul li.first {
    border-left: none;
}
#filters ul li a {
    color: #909090;
}
#filters ul li a.active {
    font-weight: bold;
    position: relative;
}
#filters ul li a span {
    display: block;
    float: left;
    text-align: center;
}

/*****************/
/** BACK TO TOP **/
/*****************/
#back-top {
    z-index: 10000;
}
#back-top span {
    position: fixed;
    bottom: 0;
    right: 0;
    border-radius: 10px 10px 10px 10px;
    display: block;
    height: 80px;
    margin-bottom: 30px;
    margin: 30px;
    transition: all 1s ease 0s;
    width: 80px;
    text-align: center;
    float: right;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    background: url("../../images/common/sprite_bigNav.png") no-repeat scroll 0 0 transparent;
    z-index: 500;

}
#back-top a:hover span {
    background-color: #FFFFFF;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    cursor: pointer;
}

*+html button.play,
*+html button.pause {
    display: none;
}

/*****************************************/
/** POP UP INSCRIPTION/AUTHENTIFICATION **/
/*****************************************/
.popup{
    width:520px;
    background-color: #ffffff;
    padding:10px;
}
.popup h2 {
    text-align: center;
    margin:0;
    width:520px;
    height:40px;
    background: #8E8E8E;
    background: -moz-linear-gradient(top,  #8E8E8E, #767676);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8E8E8E), color-stop(100%, #767676));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8E8E8E, #767676);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8E8E8E, #767676);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8E8E8E, #767676);
    /* IE10+ */
    background: linear-gradient(top bottom,  #8E8E8E, #767676);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8E8E8E', endColorstr='#767676',GradientType=0 );
    /* IE6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#8E8E8E, endColorstr=#767676)";
    zoom: 1;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px #646464;
    border-bottom: 1px solid #616161;
    line-height: 40px;
    padding:0;
}
.popup span.deletePlaylistSpan {
    margin: 10px 0;
    display: block;
}
.popup p {
    float: left;
    margin: 0;
    text-align: center;
    width: 520px;
    font-size: 12px;
}
.popup p a {
    color:#90909A;
}
.popup dl,
.popup dd {
    margin: 0;
}
.popup .separator {
    background-color: #90909A;
    border: 0 none;
    float: left;
    height: 1px;
    width: 520px;
    margin:15px 0;
}
.popup > form input[type="text"],
.popup > form input[type="password"],
.popup form#forgotpassword input#email {
    padding:0;
    width: 238px;
    margin:0 0 10px 0;
    height:23px;
    color: #90909A;
    border: 1px solid #dbdbdb;
    float: left;
}
dd.submit,
.submit{
    text-align: center;
}
.popup > form input#authenticationSubmit,
.popup > form input#forgotpasswordSubmit,
.popup > form input#registrationSubmit,
.popup > form input#passwordrecoverySubmit,
.popup > .submit button#registrationOk,
.popup > form input#networkConnectSubmit{
    border: 1px solid #B0D06D;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin: 0;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #646263;
    vertical-align: middle;
    background: #F1F1F1;
    background: -moz-linear-gradient(top,  #7CB00E, #658E0C);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7CB00E), color-stop(100%, #658E0C));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7CB00E, #658E0C);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7CB00E, #658E0C);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7CB00E, #658E0C);
    /* IE10+ */
    background: linear-gradient(top bottom,  #7CB00E, #658E0C);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CB00E', endColorstr='#658E0C',GradientType=0 );
    /* IE6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#7CB00E, endColorstr=#658E0C)";
    zoom: 1;
}
.popup > form a.small_link{
    color:#90909A;
    font-size:10px;
}
.popup a:hover{
    text-decoration: underline;
}
.popup a#registration_step1, a#registration_step2, a#fb-subscribe, a#twitter-subscribe{
    font-weight: bold;
    color: black;
    padding: 4px;
}
.close {
    background: url('../../images/common/sprite_common.png') no-repeat 0 -409px transparent;
    width:24px;
    height:24px;
    float: right;
    margin: -45px 0 0 0;
    cursor: pointer;
}
.popup ul.error, dl.wform dd ul.error{
    list-style-type: none;
    color:red;
}
.popup .isPost span,
dd .isPost span{
    background: url('../../images/common/sprite_common.png') no-repeat 0 -384px transparent;
    display: block;
    float: left;
    height: 19px;
    width: 25px;
    margin:1px 0 0 9px;
}

.popup #forgotpassword .isPost span,
.popup #passwordrecovery .isPost span {
    margin:1px 0 0 5px !important;
}

.popup .isPost dd.error span,
.isPost dd.error span,
#forgotpassword dd.error span{
    /*background: url('../../images/common/false.png') left center no-repeat transparent;*/
    background: url('../../images/common/sprite_common.png') no-repeat -32px -384px transparent;
    display: block;
    float: left;
    height: 15px;
    width: 15px;
    margin:5px 0 0 9px;
}
.popup .action a.btnCancel{
    margin-left: 140px;
}

.popup .action a.btnCancel,
.popup .action a.btnConfirm{
    width: 110px;
    float: left;
    margin-right: 16px;
    text-decoration: none;
}
/******************************/
/**********  LOGIN  ***********/
/******************************/
.popup form#authentication,
.popup form#forgotpassword {
    padding: 0 0 0 20px;
    float: left;
    width: 500px;
}
.popup form#authentication input[type="text"],
.popup form#authentication input[type="password"]{
    float: left;
}
.popup form#authentication label,
.popup form#forgotpassword label,
.popup form#passwordrecovery label{
    float: left;
    clear: left;
    width: 230px;
    margin:0 0 10px 0;
    height:23px;
    line-height: 23px;
}
.popup form#forgotpassword dt.choice{
    margin-bottom:15px;
}
.popup form#authentication ul.error,
.popup form#forgotpassword ul.error{
    list-style-type: none;
    color:red;
    float:right;
    margin-bottom:10px;
    margin-right: 30px;
}
.popup form#authentication .isPost span{
    margin: 0px 0 0 5px;
}
.popup form#authentication .isPost dd.error span {
    margin: 5px 0 0 5px;
}
/*********************************/
/**********  REGISTER  ***********/
/*********************************/
.social-block {
    margin: 0 auto;
    width: 450px;
}
#step1 .facebook,
#step1 .twitter{
    text-align: center;
    margin: 6px 6px 0;
    float: left;
}
#step1 p.register1{
    margin: 15px 0;
}
#step1 div.hr_container{
    float:left;
    height:1px;
    width:195px;
}
#step1 div.hr_container hr{
    border:none;
    background-color: #90909A;
   /**le color est utile pour ie7 sinon le trait sera couleur par défaut (noir)**/
    color: #90909A;
    height:1px;
    width:195px;
}
#step1 .text_connect{
    float:left;
    margin: 0 10px;
}
.popup form#registration {
    margin-top:10px;
}
.popup form#registration a {
    color: #90909A;
    text-decoration: underline;
}
#registration .avatar{
    float: left;
    margin-left: 10px;
    width: 140px;
}
#registration dl{
    float: left;
    width: 370px;
}
#registration dd{
    margin-bottom: 10px;
}
#registration .avatar .vignetteImg {
    float: left;
    display:block;
    height: 112px;
    width:  112px;
    border-radius: 56px;
    -webkit-border-radius: 56px;
    -moz-border-radius: 56px;
    overflow: hidden;
    text-align: center;
}
#registration .avatar .vignetteImg.spinner {
    line-height: 110px;
}
#registration .avatar .vignetteImg.spinner img{
	vertical-align: middle;
}
#registration .avatar span{
    color: #404040;
    margin-bottom: 10px;
    margin-left: 5px;
    font-weight: bold;
    float: left;
}
#registration .avatar a.travel {
    float: left;
    margin: 10px 0 0 6px;
    width: 96px;
    height:38px;
    color: #606060;
    text-decoration: none;
    border: 1px solid #DDDDDD;
    text-align: center;
    color: #606060;
    text-decoration: none;
    text-shadow: 0px 1px 0px white;
    display:block;
    background: #F1F1F1;
    background: -moz-linear-gradient(top,  #F8F8F8, #EAEAEA);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F8F8), color-stop(100%, #EAEAEA));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F8F8F8, #EAEAEA);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #F8F8F8, #EAEAEA);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #F8F8F8, #EAEAEA);
    /* IE10+ */
    background: linear-gradient(top bottom,  #F8F8F8, #EAEAEA);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#EAEAEA',GradientType=0 );
    /* IE6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#F8F8F8, endColorstr=#EAEAEA)";
    zoom: 1;
}
#registration .avatar a.travel span {
    font-weight: bold;
    border:1px solid white;
    border-bottom: 1px solid #E1E1E1;
    display: block;
    padding: 10px;
    margin:0;
    width:74px;
    height:16px;
}
#registration .avatar a.travel:hover {
    border:1px solid transparent;
    border-bottom: 1px solid #747474;
    background: #909090;
    background: -moz-linear-gradient(top,  #909090, #747474);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #909090), color-stop(100%, #747474));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #909090, #747474);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #909090, #747474);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #909090, #747474);
    /* IE10+ */
    background: linear-gradient(top bottom,  #909090, #747474);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#747474',GradientType=0 );
    /* IE6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#909090, endColorstr=#747474)";
    zoom: 1;
}
#registration .avatar a.travel:hover span {
    color: white;
    text-shadow: 0px 1px 0px #636363;
    border:1px solid transparent;
}
.popup #registration label span.asterisk,
.popup #registration .isPost dd.error label span.asterisk,
.popup #registration dd.captcha label span.captcha,
.popup #registration .legend span.asterisk{
    background: none;
    display: inline;
    float: none;
    margin:0;
}
.popup #registration label span.asterisk,
.popup #registration .legend span.asterisk{
    color: #D40000;
}
.popup #registration dd.captcha label span.captcha {
    font-size:10px;
    font-weight: normal;
}
#registration label{
    color: #404040;
    float: left;
    clear: left;
    width: 240px;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 10px;
}
#registration input[type="text"],
#registration input[type="email"],
#registration input[type="password"]{
    float: left;
    padding:0;
    width: 334px;
    margin:0;
    height:23px;
    color: #90909A;
    border: 1px solid #dbdbdb;
}
#registration input[type="checkbox"] {
    float:left;
    margin:10px 10px 10px 0;
    padding:0;
}
#registration dd.newsletter {
    margin-top: 10px;
}
#registration dd.newsletter label,
#registration dd.cgu label{
    width:313px;
    clear:none;
    margi-bottom:0px;
}
#registration dd select {
    margin-right: 10px;
}
#registration dd select[name=day],
#registration dd select[name=month],
#registration dd select[name=year]{
    border: 1px solid #DBDBDB;
    font-size: 13px;
    padding: 4px;
    color: #909090;
    float:left;
}
.radio_container label {
	clear: none !important;
	width: auto !important;
}
/********************************************/
/**********  Mot de passe oublié  ***********/
/********************************************/
.popup form#forgotpassword dt.choice,
.popup p.forgotpassword{
    margin-bottom:15px;
}
/********************************************/
/**********  Récupération de mot de passe  ***********/
/********************************************/
.popup #passwordrecovery dl {
    margin-top: 20px;
    padding-left: 20px;
}

/***********************************/
/**********  FB/TWITTER  ***********/
/***********************************/
.popup span.head-message {
    display: block;
    margin-top: 15px;
}
.popup .social_buttons .inset {
    float: left;
    margin: 20px 6px 2px;
}
.popup .social_buttons.network-connect .inset {
    float: none;
    margin: 15px auto 0 auto;
    width: 200px;
}

.popup .buttons {
    margin: 15px 0;
    overflow: hidden;
}
.popup .buttons li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.popup .buttons li:first-child {
    margin-right: 20px;
}

#flashMessageContainer{
    position: fixed;
    right: 30px;
    top: 126px;
    z-index: 500;
}

.flashMessage {
    display: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#C0000000', EndColorStr='#C0000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#C0000000, endColorstr=#C0000000)";
    width: 320px;
    color: #ffffff;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}

/**
    BUTTON
**/
a.grayButton.more {
    margin: 16px 0px 2px 0px;
}
/* Buttons */
a.blackButton {
    text-align: center;
    color: white;
    font-size: 18px;
    text-decoration: none;
    display:block;
    border: 1px solid #5E5E5E;
    border-bottom: 1px solid #000000;
    background: #363636;
    background: -moz-linear-gradient(top,  #363636, #292929);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363636), color-stop(100%, #292929));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #363636, #292929);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #363636, #292929);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #363636, #292929);
    /* IE10+ */
    background: linear-gradient(top bottom,  #363636, #292929);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#292929',GradientType=0 );
    /* IE6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#363636, endColorstr=#292929)";
    zoom: 1;
}
a.blackButton span {
    font-weight: bold;
    display: block;
    padding: 6px 10px 6px 10px;
    border:1px solid transparent;
    border-top:1px solid #5E5E5E;
}
a.greenButton {
    border: 1px solid #B0D06D;
    text-align: center;
    color: white;
    text-decoration: none;
    text-shadow: 0px 1px 0px #646263;
    display:block;
    background: #F1F1F1;
    background: -moz-linear-gradient(top,  #7CB00E, #658E0C);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7CB00E), color-stop(100%, #658E0C));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7CB00E, #658E0C);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7CB00E, #658E0C);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7CB00E, #658E0C);
    /* IE10+ */
    background: linear-gradient(top bottom,  #7CB00E, #658E0C);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CB00E', endColorstr='#658E0C',GradientType=0 );
    /* IE6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#7CB00E, endColorstr=#658E0C)";
    zoom: 1;
}
a.greenButton span {
    font-weight: bold;
    border:1px solid transparent;
    border-bottom: 1px solid #5D8508;
    display: block;
    padding: 10px;
    color: white;
}
/* neutral */
a.neutralButton {
    text-decoration: underline;
}
a.neutralButton span {
    font-weight: bold;
    border:1px solid transparent;
    border-bottom: 1px solid transparent;
    display: block;
    padding: 10px;
    color: black;
}

/* gray */
a.grayButton span,
input.grayButton {
    font-weight: bold;
    border:1px solid white;
    border-bottom: 1px solid #E1E1E1;
    display: block;
    padding: 10px;
}
a.grayButton:hover,
a.blackButton:hover,
input.grayButton:hover {
    border:1px solid transparent;
    border-bottom: 1px solid #747474;
    background: #909090;
    background: -moz-linear-gradient(top,  #909090, #747474);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #909090), color-stop(100%, #747474));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #909090, #747474);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #909090, #747474);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #909090, #747474);
    /* IE10+ */
    background: linear-gradient(top bottom,  #909090, #747474);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#747474',GradientType=0 );
    /* IE6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#909090, endColorstr=#747474)";
    zoom: 1;
}
a.grayButton:hover span,
a.blackButton:hover span {
    color: white;
    text-shadow: 0px 1px 0px #636363;
    border:1px solid transparent;
}
/* end */
a.grayButton {
    border-top:1px solid #d6d6d6;
    border-left:1px solid #d6d6d6;
    border-right:1px solid #d8d8d8;
    border-bottom:1px solid #acacac;
    text-align: center;
    color: #404040;
    text-decoration: none;
    text-shadow: 0px 1px 0px white;
    display:block;
    background: -moz-linear-gradient(#fbfbfb, #eeeeee) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left center, from(#fbfbfb), to(#eeeeee));
    background: linear-gradient(0% 100% 90deg, #fbfbfb, #eeeeee) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(0% 100% 90deg, #fbfbfb, #eeeeee) repeat scroll 0 0 transparent;
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#fbfbfb, endColorstr=#eeeeee);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#fbfbfb, endColorstr=#eeeeee)";
    zoom: 1;
}
a.grayButton span {
    font-weight: bold;
    border:1px solid white;
    display: block;
    padding: 10px;
}
a.grayButton:hover,
a.blackButton:hover {
    text-decoration: none;
    background: #909090;
    background: -moz-linear-gradient(top,  #909090, #747474);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #909090), color-stop(100%, #747474));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #909090, #747474);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #909090, #747474);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #909090, #747474);
    /* IE10+ */
    background: linear-gradient(top bottom,  #909090, #747474);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#747474',GradientType=0 );
    /* IE6-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#909090, endColorstr=#747474)";
    zoom: 1;
}
a.greenButton:hover {
    border-bottom: 1px solid #747474;
    background: #7CB00E;
}
a.greenButton:hover span {
    border:1px solid transparent;
    color: white;
    text-shadow: 0px 1px 0px #636363;
    border:1px solid transparent;
}
.popup .content{
    margin: 10px 0px;
}
.sharer .fb-like, .sharer .tweet, .sharer .gplus, .fblike {
    float: left;
}
.sharer .fb-like {
    margin-right: 10px;
}
.sharer .tweet iframe {
    width: 110px !important;
}
/*******************************/
/**********ABONNEMENT***********/
/*******************************/
.abonnement {
    display: block;
    background: -webkit-linear-gradient(top, #fbfbfb, #eeeeee);
    background: -moz-linear-gradient(top, #fbfbfb, #eeeeee);
    background: -ms-linear-gradient(top, #fbfbfb, #eeeeee);
    background: -o-linear-gradient(top, #fbfbfb, #eeeeee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#eeeeee', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#eeeeee', GradientType=0)";
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #b1b1b1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    width:113px;
    height:35px;
}
.abonnement:hover {
    background: none repeat scroll 0 0  #EAEAEA;
}
.abonnement a.subscribe span {
    border-radius: 4px 4px 4px 4px;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #fafafa;
    border-bottom: 1px solid #f7f7f7;
    color: #404040;
    text-shadow:0 1px 0 #fff;
    font-weight: bold;
    display: block;
    width:78px;
    height:33px;
    line-height: 32px;
    text-align: left;
    background: url("../../images/common/sprite_common.png") no-repeat scroll -2px -70px transparent;
    padding-left: 33px;
}
.abonnement span:hover {
    color: #8F8F8F;
}

.desabonnement{
    display: block;
    text-align: center;
    cursor: pointer;
    width:113px;
    height:35px;
    margin-top: 13px;
    margin-right: 11px;
    border: 1px solid transparent;
}
.desabonnement a.unsubscribe span {
    color: #404040;
    text-shadow:0 1px 0 #fff;
    font-weight: bold;
    display: block;
    width:111px;
    height:33px;
    line-height: 32px;
    text-align: center;
    border: 1px solid transparent;
}
.desabonnement span:hover{
    color: #8F8F8F;
}
.abonnement a.subscribe span.subscriptionShortId,
.abonnement a.subscribe span.typeSubscription,
.desabonnement a.unsubscribe span.subscriptionShortId,
.desabonnement a.unsubscribe span.typeSubscription {
    display: none;
}
.meaEdition, .entityData {
    position:absolute;
    z-index:2000;
    display:none;
    margin-left: -59px;
    margin-top: 50px;
}
.entityData.entityEdit{
    margin-top: 140px;    
}
.meaEdition a, .entityData a {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    writing-mode: tb-rl;
    filter: flipv fliph;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    padding:8px 20px 8px 30px;
    display:block;
    color:white;
    float:right;
    background: gray url('../../images/common/admin-edit.png') no-repeat 5px;
    font-weight: bold;
}

/****************************/
/*** Form AddToPlaylist ****/
/***************************/

#addtoplaylist .btnCancel,
#addtoplaylist .btnConfirm{
    float: left;
    width: 120px;
    margin-left: 123px;
}

#addtoplaylist a.btnConfirm{
    margin-left: 19px;
    margin-right: 0px !important;
}

#addtoplaylist dl div.left {
    display: block;
    width: 233px;
    float: left;
    margin-top: 27px;
    margin-left: 20px;
}

#addtoplaylist dl div.sep {
    display: block;
    float: left;
    border-left: 1px solid #dbdbdb;
    margin-top: 31px;
    height: 50px;
    width: 1px;
}

#addtoplaylist dl div.right {
    display: block;
    width: 248px;
    float: left;
    margin-left: 8px;
    margin-top: 27px;
}

.popup #addtoplaylist .action a.btnConfirm,
.popup #addtoplaylist .action a.btnCancel{
    margin-right: 0 !important;
}

#addtoplaylist dl dt {
    margin-bottom: 10px;
}

#addtoplaylist dl dt label {
    font-size: 12px;
    color: #999;
    font-weight: bold;
}
#addtoplaylist input#playlistname {
    border: 1px solid #DBDBDB;
    background-color: #F9F9F9;
    width: 208px;
    height: 26px;
}

#addtoplaylist select[name=selectplaylist] {
    background-color: #F9F9F9;
    border: 1px solid #DBDBDB;
    color: #909090;
    font-size: 14px;
    padding: 4px;
    width: 224px;
}

#addtoplaylist dd.action {
    margin: 20px 0 80px 0;
}

#addtoplaylist dd span.notrue{
    background: none;
    border: none;
}


form#forgotpassword dd.captcha img {
    float: right;
    margin-right: 30px;
}

form#forgotpassword dd.captcha input#captcha {
    float: right;
    margin: 10px 30px 10px 0;
}

form#forgotpassword dd.captcha span{
    margin: 147px 0 0 480px;
    position: absolute;
}

form#forgotpassword dd.captcha ul.error {
    text-align: right;
}

.disabledFeature {
    zoom:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity:0.4;
    opacity:0.4;
}

.sprite-common {
    background-image: url('../../images/common/sprite_common.png');
}

.sprite-header {
    background-image: url('../../images/sprite-header.png');
}
input.error {
    border: 1px solid red !important;
    color: red !important;
}
.cnil_text {
    font-size: 10px;
    margin-bottom: 10px;
    text-align: justify;
}

.anchor {
    display: block;
    position: relative;
    top: -60px;
}

.shelf ul.thumb li .img-container .hover-link {
    display: block;
    height: 100%;
    width: 100%;
}

/** COOKIE EU **/
#cookie-message {
    position: fixed;
    bottom: 50%;
    left: 50%;
    width: 276px;
    height: 180px;
    background-color: #333333;
    border: 1px solid #999;
    display: none;
    /*box-shadow*/
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3)";
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
    zoom: 1;
    margin-bottom: -91px;
    margin-left: -138px;
    z-index: 100000;
}
#cookie-message p {
    color: #ffffff;
    font-size: 12px;
    margin: 0;
    padding: 30px 20px;
    line-height: 15px;
    text-align: center;
}
#cookie-message a {
    cursor: pointer;
    color: #ffffff;
}
#cookie-message a:hover {
    text-decoration: underline;
}
#cookie-message .my-close{
    cursor: pointer;
    font-family: Georgia,Tahoma;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 0px;
    color: #333333;
    top: 0px;
    width: 22px;
    background-color: #999;
    height: 22px;
    line-height: 21px;
    text-align: center;
}

/*******************************/
/*************MELTY*************/
/*******************************/
#melty_bloc {
    background-color: #ffffff;
    padding: 10px 0;
    float: left;
}
#melty_bloc > .title {
    padding: 20px 0 0 0;
}
#melty_bloc > .title .text {
    display: block;
    font-size: 22px;
    float: left;
    margin: 0 10px 6px 0;
}
#melty_bloc > .title .partnership-logo {
    display: block;
    float: left;
}
#melty_bloc .partnership-bloc {
    float: left;
    height: 200px;
    margin: 10px 20px 10px 0;
    position: relative;
    width: 310px;
}
#melty_bloc .partnership-bloc.melty {
    margin-right: 0;
}
.partnership-bloc .header {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    width: 100%;
}
.partnership-bloc .header .partner-name {
    display: block;
    /*float: left;*/
    padding: 9px 9px 9px 15px;
    text-transform: uppercase;
}
.partnership-bloc.wat .header {
    background-color: #222222;
}
 .partnership-bloc.melty .header {
    background-color: #8cba29;
}
.partnership-bloc .content {
    position: relative;
}
.partnership-bloc .content .bottom {
    position: absolute;
    top: 92px;
    height: 43px;
    /* background */
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background: -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#00000000, endColorstr=#ff000000);
    /* IE8 uses -ms-filter for whatever reason... */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#00000000, endColorstr=#ff000000)";
    zoom: 1;
    z-index:15;
}
.partnership-bloc.melty .bottom a.title {
    background: none;
}
.partnership-bloc .bottom a.title {
    background: url("../../images/video/video/play.png") no-repeat scroll 10px 5px;
    color: #FFFFFF;
    display: block;
    height: 43px;
    line-height: 39px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.partnership-bloc.melty .bottom a.title span {
    padding: 0 25px;
}
.partnership-bloc .bottom a.title span {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 0 0 50px;
    vertical-align: middle;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 260px;
}

.partnership-bloc .previewImg,
.partnership-bloc .previewImg a {
    height: 135px;
    width: 310px;
    display: block;
    overflow: hidden;
}
.partnership-bloc.melty .previewImg img {
    margin-top: -35px;
}
.partnership-bloc.melty .previewImg img.isDefaultImage {
    margin-top: 0px;
}

.resend {
    color: red;
    margin-bottom: 10px;
}

.resend a {
    color: red;
}