/****************************************
                    NE PAS TOUCHER
****************************************

SURCHARGES CSS
Auteur 		: Philippe Courand
Le 			: 28/03/2017

****************************************/

.widget__toolbox .toolbox__sidebar {
    width: 300px;
    right: -240px;
}

.header__content .header__top .header__baseline {
    margin: 2px 0 0 0;
    font-size: 0.65rem;
}
.bea-slider .tile__single {
    background: rgba(0,0,0,0.5) !important;
}
.bea-slider .tile__single.current {
    background-color: #fff !important;
}
.bea-slider .bea-slider__content.overlay--soft:after {
		background:rgba(0,0,0,0) !important;
}
.bea-slider .bea-slider__content.overlay--soft::after {
    background: -moz-linear-gradient(left,transparent 0,transparent 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,transparent 0,transparent 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%);
    background: 0 0,right,0,0%,0%,100% rgba(0,0,0,0);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000', GradientType=1 );
}

.bea-slider .bea-slider__content {
    background-position: left center;
}
div[id*=google_ads_iframe_]{
    text-align: center;
}
.widget_season ul .sub-menu--entries li > a {
    padding: 0 0 0 1.2rem !important;
}
.widget_season ul .sub-menu--cats > li > a::before {
    content: "-" !important;
    top: 0px !important;
}
.header__content .header__main .header__primary-menu .sub-menu li a {
    text-transform: uppercase;
}
.header__content .header__main .header__primary-menu .sub-menu li li a {
    text-transform: none;
}
.widget_season ul .sub-menu--cats > li > a::before {
    height: 0px !important;
    min-height: 0px !important;
    background-color: none !important;
}
.wp-video {
    margin-bottom: 2em;
}
.season__bg {
    background-position: top center !important;
}
h2 a{
    text-decoration: underline;
}



/************************ CTA */
.cta {
    height: 9rem;
}




/**********************************************/
@media screen and (max-width:768px){
    .alert__wrapper .alert__inner img{
        display: block !important;
        height: auto;
        max-width: 100%;
    }
   .alert__wrapper .alert__side--right {
        margin-left: 0px;
    }
    .alert__wrapper .alert__inner{
        margin: 0;
    }
    .alert__wrapper .alert__inner .alert__img {
        max-width: 90%;
        margin: 0 0 10px 0;
    }
}