.sauv-block {
    background-color: #0094b3;
    border-left: 12px solid #007891;
}



.baignade-desc{
    background-color: #f3f7fb;
    padding: 5% 2%;
}

.baignade-title {
    position: relative;
    top: -15px;
    left: -25px;
    background-color: #0094b3;
    min-width: 70%;
    border-left: 12px solid #007891;
}

.baignade-title h1{
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    padding: 15px 0 15px 15px;
    font-size: 1.5rem;
    margin: 0 0 0 0px;
}

.content-main h2{
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
    font-size: 1.1rem;
    margin: 30px 0 10px 0;
}
.content-main h3{
    text-transform: none;
    font-weight: normal;
    color: #000;
    font-size: 0.9rem;
    margin: 20px 15px 5px 15px;
}
.content-main ul li{
    margin-bottom: 20px;
}
.baignade-others h5{
    text-align: center;
    color: #005392;
}

.baignade-art{
    margin-bottom: 20%;
}

.encadre{
    background-image: url(../imgs/baignade/block-text.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%;
}

.encadre p{
    padding: 5% 5% 3% 5%;
}

.encadre h1{
    padding: 6% 0 0 4%;
    margin: 0;
}
.encadre h2{
    padding: 6% 0 0 4%;
    margin: 0;
}
.encadre h3{
    padding: 6% 0 0 4%;
    margin: 0;
}
.encadre h4{
    padding: 6% 0 0 4%;
    margin: 0;
}
.encadre h5{
    padding: 6% 0 0 4%;
    margin: 0;
}
.encadre h6{
    padding: 6% 0 0 4%;
    margin: 0;
}

.share-art{
    background-color:  #e2eefa;
    display: inline-block;
    width: 100%;
}

.share-art h5{
    color: #005392;
    margin-bottom: 0;
}

.comment{
    padding: 1% 3%;
    width: 80%;
    float: left;
}

.share-btn{
    width: 20%;
    float: right;
    margin-top: 2%;
}

.share-hover:hover{
    border-radius: 30%;
}

.nav-item.active {
    background-color: #0094b3;
}

.phone-version .baignade-others{
    padding: 4% 0;
}

.baignade-desc img{
    margin: 0 auto;
    float: none;
    /*display: flex;*/
    max-width: 100%;
}

@media(max-width: 1000px){
    .share-art {
        margin-top: 25px;
    }

    .baignade-desc {
        padding-bottom: 0;
    }

    .share-phone{
        width: auto !important;
    }
}

@media (max-width: 768px) {
    .baignade-title {
        width: 94%;
        top: 0;
        left: 3%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .baignade-title h4 {
        font-size: 3.2vw;
        font-weight: 200;
    }

    .share-art h5 {
        font-size: 1rem;
    }

    .share-btn img{
        margin-right: 5%;
        width: 33px;
    }
}

@media(max-width: 525px){
.share-phone{
    width: 30px !important;
}

}

@media (max-width: 500px) {
    .baignade-title h4{
        font-size: 4vw;
        font-weight: 200;
    }

    .sauv-block h2, p {
        font-size: 4vw;
    }
    .encadre p {
        font-size: 3vw;
    }
    .share-art h5 {
        font-size: 0.8rem;
    }

    .share-btn img {
        display: inline;
    }




}

@media (max-width: 425px){
    .encadre p {
        font-size: 3.8vw;
    }
    .comment {
        padding: 1% 1% 1% 3%;
        width: 78%;
    }

    .share-btn {
        width: 22%;
    }
    .share-btn img {
        width: 28px;
    }


}

@media (max-width: 390px){

    .share-phone{
        width: 28px !important;
    }

    .share-btn {
        width: 30%;
    }

    .comment {
        width: 70%;
    }


}

/*.baignade-desc img{
    width: 100%;
    height: auto;
}*/

.baignade-desc li {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 200;
}


p {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 200;
}

.art-watch {
    transform: translate(-64%, -65%);
}

iframe {
    /*width: 100%;*/
    margin-top: 5%;

    width: 100%;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: flex;
}

@media (min-width: 768px) and (max-width:1024px) {
    iframe{
        width: 80%;
        height: 330px;
    }
}
@media (max-width: 1000px) and (min-width: 769px) {
    .breadcrumb-phone {
        margin-bottom: 7%;
    }
}


.baignade-desc  p > img{
    /* width: 100%; */
    /* height: auto; */
    /*            width: none !important;
                height: none !important;*/
    float: none !important;
    margin: 0 auto;
    position: relative;
    display: flex;
}



.art-link-pdf img{
    width: 100%;
    height: auto;
}