.message .text-message .message a{
    text-decoration: none !important;
    color: #EE8408;
    font-weight: 600;
}

.img-actu .elementor-widget-container::before {
    display: none;
}


.img-actu .elementor-widget-container a::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: #ebf4ff;
    mix-blend-mode: color;
}

#container-form .picture-right_bottom{
    position: initial !important;
}
.img-document .elementor-widget-container:after{
    background-position: right bottom;
}

.img-document .elementor-widget-container img{
    width: 100%;
}

.col-menu{
    display: flex;
    align-items: center;
}

.col-menu .log-btn{
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 10px 20px;
    transition-duration: 0.2s;
    font-family: arboria, sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    color: #fff;
    position: relative;
    line-height: 18px;
    text-decoration: none;
    margin-left: 20px;
}

.col-menu .account{
    margin-left: 20px;
}
#masthead .shiftnav-toggle-button{
    background: transparent;
    color: #fff;
    padding: 0;
    font-size: 38px;
    margin-left: 20px;
}


body:not(.shiftnav-open) #shiftnav-toggle-main{
    transform: translateX(100%);
}
.col-cta > .elementor-widget-wrap .elementor-widget-image{
    z-index: 9 !important;
}

.col-logo{
    display: flex;
    align-items: center;
}


#shiftnav-toggle-main{
    background: #ee8307;
}

.shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu{
    background: #fff;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target{
    font-family: arboria, sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    color: #062550;
    position: relative;
    text-shadow: none;
    border: none;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target{
    color: #eee;
    background: #ee8307;
}


.shiftnav:after{
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}
.shiftnav .shiftnav-menu-title a{
    font-family: arboria, sans-serif;
    font-weight: 900;
    color: #75131d;
}

.en-cours.bleu::before{
    content: "";
    width: 100vw;
    height: 500px;
    top: -90%;
    background-image: url(img/forme.svg);
    position: absolute;
    z-index: -1;
    background-size: 100%;
    background-repeat: no-repeat;
}

.grid-cours .col-content.jaune{
    background: #ee8307;
}

.bandeau-page .img-bandeau img{
    object-position: center right;
}

span.toggle-password{
    float: right;
    margin-top: -28px;
    margin-right: 10px;
    position: relative;
    z-index: 2;
}

#modal-success .modal-body{
    width: 100%;
}

@media (min-width: 960px){
    #masthead .shiftnav-toggle-button{
        display: none;
    }
}

@media (max-width: 991px){
    .titre-big p, .titre-big h2, .titre-big .h2, .titre-big h3, .titre-big .h3, .titre-big h1, .titre-big .h1{
        font-size: 60px;
        line-height: 60px;
    }

    .col-menu{
        justify-content: flex-end;
    }
}
@media (max-width: 767px) {
    #masthead .content-header:after{
        bottom: 0;
    }
    #masthead .content-header{
        padding: 12px 0;
    }
    .elementor-arrows-position-outside .swiper-container{
        width: 100%;
    }
    .col-cta.btn-white .elementor-button-wrapper .elementor-button-link{
        border: 1px solid #fff;
    }

    .col-cta.btn-white .elementor-button-wrapper .elementor-button-link .elementor-button-text{
        color: #fff;
    }

    #colophon .copyright{
        text-align: center;
        margin-bottom: 30px;
    }

    #colophon a{
        text-align: center;
    }
    #modal-success .modal-dialog {
        max-width: calc(100% - 16px);
    }
    #modal-success .modal-body{
        max-width: calc(100% - 16px);
    }
    .slider-home .swiper-slide-inner .swiper-slide-contents .elementor-slide-heading,
    .titre-bandeau h1, .titre-bandeau .h1{
        line-height: 32px;
    }
    .titre-bandeau h1 span, .titre-bandeau .h1 span{
        font-size: 32px;
        line-height: 32px;
    }
    #form-login .elementor-widget-wrap{
        max-width: calc(100% - 18px);
        margin: 0 auto;
    }

    .membres.documents:before{
        height: 100%;
        bottom: -50px;
        top: auto;
    }

    #modal-success .modal-title{
        font-size: 38px;
        line-height: 38px;
    }
    #modal-success .modal-title span{
        font-size: 39px;
        line-height: 40px;
    }
    #modal-success .video{
        max-width: 100%;
    }

    #modal-success .video video{
        max-width: 100%;
        height: auto;
    }
    .form-document .sucess-message,
    #container-results .title-search{
        font-size: 14px;
    }

    .en-cours.bleu::before{
        top: -40%;
        background-size: 170%;
    }
}
@media (max-width: 567px){
    .title-border h2, .title-border .h2, .title-border .h2 {
        font-size: 35px;
        line-height: 38px;
    }
     .messageries .accordion-button .interlocuteur{
        display: block;
        text-align: center;
    }
    .messageries .accordion-header .accordion-button::after{
        top: 15px;
        transform: none;
    }
    .slider-home .swiper-slide-bg:after{
        width: 95%;
        height: 95%;
    }
}

@media (max-width: 460px){
    .col-menu .log-btn{
        display: none;
    }

}

.form-compte-rendu{
    position: relative;
}

.loader{
    position: absolute;
    width: 100%;
    top: 0;
    height: calc(100% - 120px);
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: #76131c4d;
}

.form-js{
    max-width: 500px;
}

.form-js .form-row input{
    border-radius: 10px;
    background: #fff;
    padding: 10px 15px;
    font-family: arboria, sans-serif;
    font-weight: 500;
    font-size: 12px;
    text-align: left;
    color: #062550;
    margin-bottom: 12px;
    border: solid 1px #062550;
}

.form-js .error-message{
    display: none;
}

#ek_form_obscur{
    border: 1px solid #062550;
    border-radius: 10px;
    padding: 10px 20px;
    transition-duration: 0.2s;
    background: #062550;
    font-family: arboria, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    position: relative;
    display: block;
    width: 100%;
}

.form-js .onglet-form.error .form-row {
    padding: 8px;
    margin: 0 -8px;
    border: 1px solid #ee8307;
    border-radius: 15px;
}

.form-js .onglet-form.error .error-message{
    ont-family: arboria, sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #ee8408;
    display: block;
}


@media(max-width: 767px){
    .form-js {
        max-width: 500px;
        margin: 0 auto 50px;
    }
}