.page-template-espace-detail2019  [id="container"]{
    background:#041c2f;
}
.page-template-espace-detail2019 [id="content"]{
    margin-bottom: 0;
}

.page-template-espace-detail2019 [id="main"] {
    background: transparent;
    padding: 20px 0.5% 0;
}

.page-id-205118 [id="main"]{
    background:transparent;
    padding:20px 0.5% 0;
}

.page-template-espace-detail2019 .entry-content .innerContent{
    position: relative;
    z-index:2;
}
@media (max-width: 767px) {
    .page-template-espace-detail2019 .entry-content .innerContent{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /*flex-direction: column;*/
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.page-template-espace-detail2019 .bgFullBottom{
    position: absolute;
    bottom: 0;
    z-index:1;
}


.page-template-espace-detail2019 .entry-content .Zonetop .first,
.page-template-espace-detail2019 .entry-content .ZoneBottom .second{
    -webkit-box-flex:1;
        -ms-flex:1 0 70%;
            flex:1 0 70%;
    max-width:70%;
    padding:0 5% 0 0;
}
@media (max-width: 1199px) {
    .page-template-espace-detail2019 .entry-content .Zonetop .first,
    .page-template-espace-detail2019 .entry-content .ZoneBottom .second{
        -webkit-box-flex:1;
            -ms-flex:1 0 65%;
                flex:1 0 65%;
        max-width:65%;
    }
}
@media (max-width: 767px) {
    .page-template-espace-detail2019 .entry-content .Zonetop .first,
    .page-template-espace-detail2019 .entry-content .ZoneBottom .second{
        -webkit-box-flex:1;
            -ms-flex:1 0 100%;
                flex:1 0 100%;
        max-width:100%;
        padding:0 0 0 0;
    }
}
.page-template-espace-detail2019 .entry-content .ZoneBottom .second{
    padding:0 0 0 5%;
}
@media (max-width: 767px) {
    .page-template-espace-detail2019 .entry-content .ZoneBottom .second{
        padding:0;
        -webkit-box-ordinal-group:2;
            -ms-flex-order:1;
                order:1;
    }
}
.page-template-espace-detail2019 .entry-content .Zonetop .second{
    padding:0 0 0 5%;
}
@media (max-width: 767px) {
    .page-template-espace-detail2019 .entry-content .Zonetop .second{
        padding:0;
        
    }
}
.page-template-espace-detail2019 .entry-content .ZoneBottom .first{
    padding:0 5% 0 0;
}
@media (max-width: 767px) {
    .page-template-espace-detail2019 .entry-content .ZoneBottom .first{
        padding:0;
        -webkit-box-ordinal-group:3;
            -ms-flex-order:2;
                order:2;
    }
}


/*TYPOGRAPHIE*/
.page-template-espace-detail2019 .texteZone h3{
    font-size: 3.0rem;
    font-family: 'Roboto Slab',Georgia,Times,Times New Roman,serif;
    color:#FFFFFF;
    margin: 0 0 35px;
}
.page-template-espace-detail2019 .texteZone h3 small{
    font-family: 'Open Sans',Tahoma,Geneva,sans-serif;  
    font-size: 1.8rem;
    display: block;
    color:#E8430C;
    font-weight: 400; 
}
.page-template-espace-detail2019 .texteZone h4{
    color:#FFFFFF;
    font-size:1.8rem;
    font-weight: 400;
    margin-bottom: 15px;
}
.page-template-espace-detail2019 .texteZone p,
.page-template-espace-detail2019 .texteZone ul{
    color:#FFFFFF;
    line-height: 1.6;
    margin:1em 0 0 0;
}
/**/ 


/*OWL CAROUSSEL INNER*/
.page-template-espace-detail2019 .texteZone .owl-carousel{
    margin: 50px 0;
}
@media (max-width: 767px) {
    .page-template-espace-detail2019 .texteZone .owl-carousel{
        margin: 20px 0;
    } 
}


/*WIDGET INFO PRATIQUES*/
.page-template-espace-detail2019 .innerContent .widget{
    position: relative;
    z-index: 2;
    padding-bottom: 25px;
    background:#FFFFFF;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: -webkit-transform 0.25s linear;
    transition: -webkit-transform 0.25s linear;
    transition: transform 0.25s linear;
    transition: transform 0.25s linear, -webkit-transform 0.25s linear; 
}




.page-template-espace-detail2019 .Zonetop .widget{
    -webkit-transform: translateY(-80px);
            transform: translateY(-80px);
}
@media (max-width: 980px) {
    .page-template-espace-detail2019 .Zonetop .widget{
        -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
    } 
}
@media (max-width: 767px) {
    .page-template-espace-detail2019 .Zonetop .widget{
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}

.page-template-espace-detail2019 .innerContent .widget .title{
    padding:25px;
    background-color: #E8430C; 
    text-align: center;
    text-transform: uppercase;
    font-size:1.6rem;
    color:#FFFFFF;
    font-weight: 700;
}

@media (max-width: 980px) {
    .page-template-espace-detail2019 .innerContent .widget .title{
        padding:10px 5px;
        font-size:1.3rem;
    }
    .page-template-espace-detail2019 .entry-content .innerContent .info .texte{
        width:80%;
    }
}

.page-template-espace-detail2019 .innerContent .widget .bouton4{
    display: block;
    margin:15px auto 0;
    max-width: 90%;
    font-size: 1.5rem;

    padding-left: 50px;
    background-image: url(../../images/svg/picto-billet.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 10px 50%;
}

@media (max-width: 980px) {
    .page-template-espace-detail2019 .innerContent .widget .bouton4{
        font-size: 1.1rem;
        padding-left: 20px;
        background-image: unset; 
    }
}

.page-template-espace-detail2019 .entry-content .innerContent .info{
    padding:0 5%;
    margin: 15px 0;
}
.page-template-espace-detail2019 .entry-content .innerContent .info strong{
    color:#E8430C;
}
.page-template-espace-detail2019 .entry-content .innerContent .info .icon.pratique{
    background-size: 40%;
}
.page-template-espace-detail2019 .entry-content .innerContent .info .icon.plus{
    background-size: 90%;
}
.page-template-espace-detail2019 .entry-content .innerContent .info .icon.pmr{
    background-size: 70%;
}
.page-template-espace-detail2019 .entry-content .innerContent .info .icon.audioguide{
    background-size: 70%;
}
.page-template-espace-detail2019 .entry-content .innerContent .info .icon.divers{
    background-size: 90%;
}



/*TEST PANEL*/

body.overflow-hidden { overflow: hidden; }
body.scrollAfter { overflow: auto; }


.blocPanel{
    position: relative;
    height: 100vh;
    width: 100%;
    overflow:hidden;
    background: -webkit-gradient(linear,right top, left top,color-stop(50%, #FFFFFF),color-stop(50%, #000000));
    background: linear-gradient(to left,#FFFFFF 50%,#000000 50%);
    width: 100%;
    z-index: 9;
}

.doublePanel{
    /*max-width: 1800px;
    height: 75vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;*/
    /*position: relative;
    z-index: 9;
    margin: 0 auto;
    width: 100%;
    height: 100vh;
    overflow:hidden;
    background:blue;
    background: -webkit-gradient(linear,right top, left top,color-stop(50%, #FFFFFF),color-stop(50%, #000000));
    background: linear-gradient(to left,#FFFFFF 50%,#000000 50%);*/
}
.doublePanel .visuel{
    /*-webkit-box-flex:1;
        -ms-flex:1 0 50%;
            flex:1 0 50%;
    background:red;
    overflow:hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;*/
}
.doublePanel .image{
    /*-webkit-box-flex:1;
        -ms-flex:1 0 100%;
            flex:1 0 100%;*/
    height: 100%;
    width: 100%;
    text-align: right;
    background: #000000;
}
.doublePanel .image img{
	display: block;
	height: 100%;
	width: 100%;
	object-fit:cover;
    /*height: 100%;*/
}

.doublePanel .information{
    /*background: #FFF;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    height: 100%;
    overflow: scroll;
    position: relative;*/
}

.doublePanel .presentation{
    /*height: 100%;
    width: 100%;
    background: #FFFFFF;*/

    /*display:-webkit-box;

    display:-ms-flexbox;

    display:flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;*/
  
}

/*BLOC DE PRESENTATION TEXTE*/
.doublePanel .presentation{
    padding:50px 35px 50px 20px;
    /*background: #FFFFFF;*/
}
.doublePanel .presentation h3{
    margin: 0 0 25px;
    font-size: 3.0rem;
    font-family: 'Roboto Slab',Georgia,Times,Times New Roman,serif;
    color: #131926;
    margin: 0 0 35px;
}
.doublePanel .presentation h4{}

.tableau-logo-partenaires-ocean img {
    max-width: 70px;
}