body{
    padding:0;
    margin:0;
    font-family: "Inter", Helvetica, sans-serif;
}  


header{
    position: sticky;
    top: 0;
    left:0;
    width: 100%;
    background: rgba(255, 255, 255, 0.959);
    border-bottom: 2px solid rgb(0, 89, 189);
    z-index: 50;
}
header .banner-first{
    background: rgb(18, 168, 55);
    padding:4px;
    color:white;
}

header .config-banner-first{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .config-banner-first .parameter-p{
    width: 50%;
    padding:10px
}
header .config-banner-first .parameter-p p{
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding:0;
    margin:0;
}
header .config-banner-first .parameter-p p span {
    display: inline-block;
    position: relative;
    animation: defilement 20s linear infinite;
}
header .config-banner-first .parameter-time{
    width: 15%;
    padding:10px;
    min-width: 200px;
    max-width: 200px;
    display:flex;
    align-items: center;
}
header .config-banner-first .parameter-time i{
    margin-right:4px;
    font-size: 20px;
}

header .config-banner-first .parameter-session{
    width: 35%;
    min-width: 200px;
    max-width: 400px;
    display: flex;
    justify-content: right;

}

header .config-banner-first .parameter-session .btn-sign{
    display: flex;
}
header .config-banner-first .parameter-session a{
    color:white;
    padding:0px;
    background: rgb(252, 0, 126);
    text-decoration: none;
    margin-right: 10px;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    min-width: 120px;
    text-align: center;
    height: 35px !important;
    font-size:15px;

}
header .config-banner-first .parameter-session a i{
    margin-right: 5px;
}
header .config-banner-first .parameter-session a:hover{
    background: rgb(7, 197, 255);
    transition-duration: 0.5s;
}
header .config-banner-first .parameter-session .profil-banner{
    background:none !important;
    width:180px !important;

}

header .config-banner-first .parameter-session .profil-banner span{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}


header .config-banner-first .parameter-session .profil-banner div{
    height: 100%;
    min-width:35px !important;
    display: flex;
    align-items: center !important;
    border:2px solid white;
    border-radius: 50%;
    margin-right: 8px;
    font-size:30px;
    padding:4px;
    background-size:cover;
    background-position:center;

}
header .config-banner-first .parameter-session .ups-mobile{
    display: none;
    -ms-overflow-style: none; 
    animation: fadeIn 0.5s forwards; 
    opacity: 0;
    background: none;
    color:white;
    font-size: 20px;
    min-width: 50px;
    position:relative;
}
header .config-banner-first .parameter-session .ups-mobile:hover{
    background: none;
}
header .nav-link{
    display: flex;
    padding:20px;
    align-items: center;
    justify-content: center;
}
header .nav-link .img-logo img{
    height: 50px;
    margin-right: 50px;
}
header .nav-link .navigation{
    padding-left: 30px;
}
header .nav-link .icn-mobile{
    display: none;
}
header .nav-link .navigation .pagination-link-primary{
    width:100%;
    right:0;
}
header .nav-link .navigation .pagination-link-primary ul{
    display:flex;            
    margin:0;
    padding:0;
}
header .nav-link .navigation .pagination-link-primary ul li{
    list-style: none;
    padding:8px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 30px;
    font-size: 21px;
    font-weight: 800;
    color:rgb(0, 89, 189);
    min-width: 100px;
    position:relative;
}
header .nav-link .navigation .pagination-link-primary ul li:hover{
    background: rgba(7, 197, 255, 0.096);
    transition-duration: 0.5s;
}
header .nav-link .navigation .pagination-link-primary ul li a{
    color:inherit;
    text-decoration: none;
}

header .nav-link .navigation .pagination-link-primary ul li .navigation-items{
    position:absolute;
    background: white;       
    top:50px;  
    left:-250px;   
    min-height: 100px;
    box-shadow: 0 0 10px rgba(158, 158, 158, 0.377);
    border-top: 10px solid rgba(255, 255, 255, 0);
    border-bottom: 10px solid rgba(255, 255, 255, 0);
    border-radius: 30px;
    padding:20px;
    max-width:1000px;
    min-width: 1000px;
    z-index:35;
    padding-right: 10px;

}

header .nav-link .navigation .pagination-link-primary ul li .navigation-items {
    overflow-y: auto;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
    max-height: 60vh;
    padding:15px;
    margin:10px;

}

header .nav-link .navigation .pagination-link-primary ul li .navigation-items ul{
    width: 100%;
    max-width: auto;
    padding:0;
}
header .nav-link .navigation .pagination-link-primary ul li .navigation-items ul li{
 
    max-width: auto !important;
    min-width: 200px !important;
    width:100% !important;
    margin:0 ;
}
header .nav-link .navigation .pagination-link-primary ul li .navigation-items ul li p{
    max-width: auto !important;
    min-width: auto !important;
    width: 100%;
}


header .nav-link .navigation .pagination-link-primary ul li .navigation-items ul{
    display: block;
}
header .nav-link .navigation .pagination-link-primary ul li .navigation-items ul li{
    display: inline-block;
    max-width: 300px;
    margin-bottom: 5px;
}
header .nav-link .navigation .pagination-link-primary ul li .navigation-items  a{
    display: flex;
}
header .nav-link .navigation .pagination-link-primary ul li .navigation-items  a h3{
    font-size:20px !important;
    margin:0;
    color:rgb(0, 89, 189);
    padding:0;
}
header .nav-link .navigation .pagination-link-primary ul li .navigation-items  a p{
    font-size:13px;
    margin:0;
    padding:0;
    font-weight: normal;
    color:rgb(19, 19, 19);
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limiter à 2 lignes */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
header .nav-link .navigation .pagination-link-primary ul li .navigation-items a .img-cover-map{
    height: 70px;
    min-width: 70px !important;
    border: 2px solid gray;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    margin-right: 15px;
}
header .nav-link .navigation .pagination-link-primary ul .destination-mdl{
    background: rgba(7, 197, 255, 0.253);
    color:rgb(0, 89, 189);
}

header .nav-link .navigation .pagination-link-secondary{
    background: rgb(0, 89, 189);
    color:white;
    padding:10px;
    position:fixed;
    right:0;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 20px;
    margin-top: 10px;
    box-shadow: 0 0 10px rgba(112, 112, 112, 0.473);
}
header .nav-link .navigation .pagination-link-secondary ul{
    padding:0;
    margin:0;
    display: flex;
}

header .nav-link .navigation .pagination-link-secondary ul li{
    list-style: none;
    color:white;
    position:relative;
    margin:5px;
    display: flex;
    align-items: center;
}
header .nav-link .navigation .pagination-link-secondary ul li:hover{
    color:rgb(252, 0, 126);
    transition-duration: 0.5s;
}
header .nav-link .navigation .pagination-link-secondary ul li a{
    display: flex;
    align-items: center;

}
header .nav-link .navigation .pagination-link-secondary ul li a{
    color:inherit;
    text-decoration: none;
}

.config-lang-division{
    display: flex;
    justify-content: left;
    width:auto;
}
header .nav-link .navigation .pagination-link-secondary ul li .config-lang-sc{
    height: 20px;
    margin-right: 10px;
}

header .nav-link .navigation .pagination-link-secondary ul .li-lang-sc i{
    margin-left: 5px;
}

header .nav-link .navigation .pagination-link-secondary ul li .container-flex{
    position:absolute;
    top:34px;
    right:2px;
    min-width: 100px;
    background: white;
    padding:10px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(158, 158, 158, 0.377);

}
header .nav-link .navigation .pagination-link-secondary ul li .container-flex a{
    color:rgb(0, 89, 189);
    font-weight: 800px;
}
header .nav-link .navigation .pagination-link-secondary ul li .container-flex a:hover{
    color:rgb(252, 0, 126);
    transition-duration: 0.5s;
}

header .nav-link .navigation .pagination-link-secondary ul li .container-flex ul{
    padding:0;
    margin:0;
    display: block;
}
header .nav-link .navigation .pagination-link-secondary ul li .container-flex ul li{
    padding-bottom: 5px;
}

@media screen and (max-width: 1250px) {
    header .config-banner-first{
        display: flex;
        justify-content: right;
    }
    header .config-banner-first .parameter-p{
        width: 550px;
        padding:10px;
    }
    header .config-banner-first .parameter-time{
        min-width: 200px;
        width:200px;
        padding: 10px;
    }

}

@media screen and (max-width: 1180px) {
    header .config-banner-first{
        display: flex;
        justify-content: right;
    }
    header .config-banner-first .parameter-p{
        width: 500px;
        padding:10px;
    }
    header .config-banner-first .parameter-time{
        min-width: 200px;
        width:200px;
        padding: 10px;
    }

    header .nav-link .img-logo img{
        height: 45px;
        margin-right: 50px;
    }
}

@media screen and (max-width: 1180px) {
    header .config-banner-first{
        display: flex;
        justify-content: right;
    }
    header .config-banner-first .parameter-p{
        width: 500px;
        padding:10px;
    }
    header .config-banner-first .parameter-time{
        min-width: 200px;
        width:200px;
        padding: 10px;
    }

    header .nav-link .navigation .pagination-link-primary ul li{
        font-size: 19px;
    }
    header .nav-link .navigation .pagination-link-primary ul li .navigation-items{
        max-width: 700px;
        min-width: 700px;
        left:-50px;
    }

}
@media screen and (max-width: 1125px) {
    header .config-banner-first{
        display: flex;
        justify-content: right;
    }
    header .config-banner-first .parameter-p{
        width: 400px;
        padding:10px;
    }
    header .config-banner-first .parameter-time{
        min-width: 220px;
        width:220px;
        padding: 10px;
    }

    header .nav-link .navigation .pagination-link-primary ul li{
        font-size: 19px;
    }
    header .nav-link .navigation .pagination-link-primary ul li .navigation-items{
        max-width: 700px;
        min-width: 700px;
        left:-50px;
    }

}
@media screen and (max-width: 1125px) {
    header .config-banner-first{
        display: flex;
        justify-content: right;                
    }
    header .config-banner-first .parameter-p{
        width: 400px;
        padding:10px;
    }
    header .config-banner-first .parameter-time{
        min-width: 220px;
        width:220px;
        padding: 10px;
    }

    header .nav-link .navigation .pagination-link-primary ul li{
        font-size: 19px;
    }
    header .nav-link .navigation .pagination-link-primary ul li .navigation-items{
        max-width: 700px;
        min-width: 700px;
        left:-50px;
    }
    header .nav-link{
        justify-content: space-between;
    }
   

   
    header .nav-link .img-logo img{
        height: 60px;
        margin-right: 0px;
    }

}

@media screen and (max-width: 600px){
    header .nav-link .img-logo img{
        width: 200px;
        height: auto;
        margin-right: 0px;
    }

    header .config-banner-first .parameter-session .btn-sign a span{
        display: none;
    }

    header .config-banner-first .parameter-session .btn-sign a{
        min-width:auto;
        width: 40px;
        height: 60px;
        border-radius: 50%;
        align-items: center;
        font-size: 25px;
    }
    header .config-banner-first .parameter-session .btn-sign a i{
        position:relative;
        left:2.5px;
    }
}

@media screen and (max-width: 1120px) {
    header .config-banner-first{
        display: flex;
        justify-content: space-between;                
    }

    header .config-banner-first .parameter-p{
       display: none;
    }

}
@media screen and (max-width: 630px){
    header .config-banner-first .parameter-session .btn-sign .h-primaire{
        display: none;
    }
}
@media screen and (max-width: 1110px) {
    header .config-banner-first{
        display: flex;
        justify-content: space-between;                
    }

    header .config-banner-first .parameter-p{
       display: none;
    }

    header .config-banner-first .parameter-session{
        width: 20%;
        min-width: 100px;
        max-width: 400px;
        display: flex;
        justify-content: right;

    }
    header .nav-link{
        position:relative;
    }
    header .nav-link .navigation{
        display: none;
    }
    header .nav-link .icn-mobile{
        display: block;
        font-size: 35px;
        color:rgb(0, 89, 189);
    }
    header .nav-link .icn-mobile a{
        color:inherit;
    }

    header .nav-link .navigation{
       display: none;
       position:absolute;
       top:0;
       left:0;
       width:100%;
       overflow-x: hidden;
       padding-top: 30px;
       padding-left: 10px;
       height: 100vh;
       margin:0;
       overflow-y: auto;
       background: white;
       border-top: 10px solid rgba(255, 255, 255, 0);
       border-bottom: 10px solid rgba(255, 255, 255, 0);
       scrollbar-width: none; 
       -ms-overflow-style: none; 
       animation: fadeIn 1s forwards; 
       opacity: 0;
    }
    
    header .nav-link .navigation .pagination-link-primary ul{
        padding:15px;
    }
    header .nav-link .navigation .pagination-link-primary ul .destination-mdl:hover{
        background: none;
    }
    header .nav-link .navigation .pagination-link-primary ul li .navigation-items #itemsNav1{
        padding:0;
    }
    header .nav-link .navigation .pagination-link-primary ul li .navigation-items ul li{
        display: block;
        max-width: 98%;
        width:98%;
        margin-bottom: 5px;
    }

    header .nav-link .navigation .pagination-link-primary, header .nav-link .navigation .pagination-link-primary ul{
        display: block;
    }
    header .nav-link .navigation .pagination-link-secondary, header .nav-link .navigation .pagination-link-secondary ul{
        display: block;
    }

    header .nav-link .navigation .pagination-link-primary, header .nav-link .navigation .pagination-link-primary ul .destination-mdl{
        background: none;
    }
    header .nav-link .navigation .pagination-link-primary ul li .navigation-items{
        position:relative;
        background: white;       
        top:0px;  
        left:0px;   
        min-height: 100px;
        box-shadow: none;
        border-top: 0px solid rgba(255, 255, 255, 0);
        border-radius: 30px;
        padding:0px;
        max-width:auto;
        min-width: auto;
        width: 100%;
        z-index:35;
        padding-right: 0px;

    }

    header .nav-link .navigation .pagination-link-primary ul li #itemsNav1 {
        overflow-y: auto;
        scrollbar-width: none; 
        -ms-overflow-style: none; 
        max-height: auto;
        padding:15px;
        margin:10px;
        width: 100%;
    }
    header .nav-link .navigation .pagination-link-secondary{
        position:relative;
        border-bottom-left-radius: 0px;
        padding-left: 15px;
        margin-top: 20px;
    }
    header .nav-link .navigation .pagination-link-secondary ul, header .nav-link .navigation .pagination-link-secondary ul li{
        display: block;
    }
    header .nav-link .navigation .pagination-link-secondary ul li{
        margin-bottom: 10px;
    }

    header .nav-link .navigation .pagination-link-secondary ul li .container-flex{
        position:relative;
        display: block;
        top:0px;
        right:2px;
        min-width: auto;
        width: 90%;
        background: white;
        padding:10px;
        border-radius: 20px;
        box-shadow: 0 0 10px rgba(158, 158, 158, 0.377);
        margin-top: 15px;
    }
}



.loading-1{
    height: 15px;
}

.color-1{
    color: rgb(255, 0, 128);
}

a{
    font-family: "Saira", Helvetica, sans-serif;
}

.loading-gif{
    height: 30px;
}

h1, h2, h3, h4{
    font-family: 'Saira', Helvetica, sans-serif;
}
h2{
    font-size:38px !important;
}
h3{
    font-size:31px !important;
}
a{
    cursor: pointer;
}

button{
    font-family: 'Saira', Helvetica, sans-serif;
}

.section-1{
    background-size: cover;
    background-position: center;
}

.section-1 .container-section{
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.404);
    width: 100%;
    padding-top: 55px;
    padding-bottom: 100px;
}
.section-1 .container-section .position-link-hero{
    padding:15px;
    padding-bottom: 30px;
}
.section-1 .container-section .position-link-hero .link-hero{
    max-width: 500px;
}

.section-1 .container-section .position-link-hero .link-hero .box-link{
    max-width: 200px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.952);
    border: 2px solid white;
    border-radius: 40px;
    padding:10px;
    margin-right: 15px;
    margin-bottom: 30px;

}
.section-1 .container-section .position-link-hero .link-hero a{
    color:inherit;
}
.section-1 .container-section .position-link-hero .link-hero .box-link img{
    width: 70%;
}
.section-1 .container-section .position-link-hero .link-hero .box-link h4{
    margin:0;
    padding:0;
    color:white;
    margin:5px;
    font-weight: bold;
}
.section-1 .container-section h1{
    font-size: 65px;
    line-height: 55px;
    color:white;
    margin:0;
    padding:0;
    margin-bottom: 20px;
    font-weight: bolder;
}

.section-1 .container-section h1 small{
    font-size: 35px;
    font-weight: bolder;

}

.section-1 .container-section .content{
    padding-top: 35px;
    max-width: 70%;


}

.section-1 .container-section .content button{
    color:white;
    background: rgb(252, 0, 126);
    border:none;
    border-radius: 40px;
    padding:15px;
    height: 60px;
    font-size: 19px;
    font-weight: bold;
    min-width: 240px;
    margin-top: 20px;
}
@media screen and (max-width: 1000px){
    .section-1 .container-section h1{
        font-size: 55px !important ;
        line-height: 49px;
    }

    .section-1 .container-section h1 small{
        font-size: 37px !important ;
        font-weight: bolder;
        line-height: 36px;

    }
}
@media screen and (max-width: 600px){
    .section-1 .container-section h1{
        font-size: 40px !important;
        line-height: 38px;
    }
    .section-1 .container-section h1 small{
        font-size: 27px !important;
        font-weight: bolder;
        line-height: 26px;

    }

    .section-1 .container-section .content button{
        color:white;
        background: rgb(252, 0, 126);
        border:none;
        border-radius: 40px;
        padding:12px;
        height: 60px;
        font-size: 17px;
        font-weight: bold;
        min-width: 260px;
        margin-top: 20px;
    }
}


.section-page{
    background-size:cover;
    background-position:center;
    position:relative;
}

.section-page .container-section-page{
    padding:20px;
    display: flex;
    align-items: center;
    position:relative;
    min-height:200px;
    z-index:5;
    padding-left: 35px;
    justify-content: space-between;

}
.section-page .container-section-page .content-txt{
    max-width: 50%;
}
.section-page .container-section-page h2{
    color:white;
    font-size:45px !important;
}
.section-page .container-section-page p{
    color:white;
    max-width: 95%;
}
.section-page .container-section-page .pagination{
    display: flex;    
}

@media screen and (max-width: 800px) {

    .section-page .container-section-page .pagination{
        display: block;
    }
    .section-page .container-section-page .pagination div{
        display: inline-block;    
    }
}

.section-page .container-section-page .pagination a{
    color:white;            
    border:1px solid white;
    padding:6px;
    min-width: 100px;
    margin:5px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.section-page .container-section-page .pagination a i{
    margin-right: 4px;
}
.section-page .container-section-page .pagination a:hover{
    background: white;
    color:rgb(0, 89, 189);
    transition-duration: 0.5s;
}
.section-page .container-section-page .pagination .actif{
    background: white;
    color:rgb(0, 89, 189);
}
.section-page:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;                
    background-color: rgba(0, 88, 189, 0.685); /* Fond blanc transparent */
    z-index: 1; 
}

.section-page .container-section-page .div-img img{
    width: 80%;
    border-radius: 30px;
    border:2px solid white;
}

@media screen and (max-width:800px) {
    .section-page .container-section-page .content-txt{
        max-width: 90%;
    }
    .section-page .container-section-page .div-img{
        display: none;
    }
}

.section-services{
    padding: 30px;
    padding-top: 50px;
}

.services .element .box-element{
    max-width: 330px;
    height: 300px;
    background: rgba(243, 243, 243, 0.842);
    padding:25px;
    border-radius: 20px;
    display: inline-block;
    margin:10px;
    text-align: left;
}

.services .element .box-element h3{
    font-size:23px !important;
    color:rgb(255, 0, 128);

}
.services .element .box-element p{
    font-size:15px !important;
}
.services .element .box-element button{
    border:1px solid rgb(0, 89, 189);
    background:none;
    color:rgb(0, 89, 189);
    padding:8px;
    font-size:16px;
    display: flex;
    align-items: center;
    border-radius: 15px;
    min-width: 200px;
    justify-content: center;
}
.services .element .box-element button:hover{
    background: rgb(0, 89, 189);
    color:white;
    transition-duration: 0.5s;
}
.services .element .box-element button i{
    margin-right: 5px;
}

@media screen and (max-width: 700px) {
    .services .element .box-element{
        max-width: 100%;
        height: auto;
        padding:25px;
        border-radius: 20px;
        display: block;
        margin:10px;
        margin-bottom: 20px;
    }
}

.section-experts{
    padding:25px;
    padding-top:50px;
}
.section-experts .experts{
    padding:15px;
}

.section-experts .experts .element .box-element{
    max-width: 350px;
    min-width: 350px;
    display: inline-block;
    border:2px solid rgba(216, 216, 216, 0.377);
    border-bottom: 8px solid rgb(0, 89, 189);
    text-align: left;
    margin:10px;
}
.section-experts .experts .element .box-element img{
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.section-experts .experts .element .box-element .content-txt{
    padding:10px;
    padding-left: 25px;
}
.section-experts .experts .element .box-element .content-txt h3{
    color:rgb(255, 0, 128);
}
.section-experts .experts .element .box-element .content-txt p{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: normal;
    font-size: 15px;
}

.section-experts .experts .element .box-element .content-txt button{
    background: none;
    display: flex;
    align-items: center;
    justify-content: left;
    color:rgb(0, 89, 189);
    border:none;
}
.section-experts .experts .element .box-element .content-txt button:hover{
    color:rgba(7, 197, 255);
    transition-duration: 0.5s;
}
.section-experts .experts .element .box-element .content-txt button i{
    margin-right: 8px;
}

.section-experts .experts .box-element .lang-list{
    display:flex;
    align-items: center;
    margin-bottom: 20px;
}
.section-experts .experts .box-element .lang-list svg{
    height:20px;
    margin-right: 10px;
}

@media screen and (max-width: 700px) {
    .section-experts .experts .element .box-element{
        max-width: 100%;
        min-width: 100%;
        display: block;
        text-align: left;
        margin:10px;
        margin-bottom: 20px;
    }

    .section-experts .experts .element .box-element img{
        height: 250px;
        width: 100%;
        object-fit: cover;
    }
}


.section-destination {
    padding-top: 50px;
}

.search-bar-navigation .rep{
    padding:10px;
    background: white;
    box-shadow: 0 0 10px rgba(104, 104, 104, 0.356);
    max-width: 900px;
    border-radius: 20px;

}
.search-bar-navigation .rep .org{
    display: flex;
    justify-content: space-between;
    align-items: center;  
    padding-left: 15px;      

}
.search-bar-navigation .rep .org .icn{
    font-size: 30px;
    width:40px;
    color: rgb(91, 156, 230);
}

.search-bar-navigation .rep .org .input{
    background: none;
    width: 96%;
}
.search-bar-navigation .rep .org .input input{
    border:none;
    background: none;
    outline: none;
    width:100%;
    text-align: left;
    padding-left: 15px;
    height: 40px;
}
.search-bar-navigation .rep .org .btn button{
    background: rgb(0, 89, 189);
    color:white;
    border:none;
    height: 40px;
    border-radius: 20px;
    min-width: 150px;
}

.search-bar-navigation .rep .org .btn button:hover{
    background: rgb(7, 197, 255);
    transition-duration: 0.5s;
}

.section-destination .destinations-list{
    padding-top: 40px;
}
.section-destination .destinations-list .destinations-box{
    display: inline-block;
    max-width: 320px;
    min-width: 320px;
    margin:10px;
    text-align: left;
    margin-bottom: 20px;
}

.section-destination .destinations-list .destinations-box .img{
    height: 320px;
    width:100%;
    background-size: cover;
    border-radius: 30px;
    display: flex;
    align-items: last baseline;
    padding:25px;
    color:white;
    transition: transform 0.5s ease;

}
.section-destination .destinations-list .destinations-box .img:hover{
    filter: brightness(1.1) saturate(1.2);
    transition-duration: 0.5s;
    cursor: pointer;
}
.section-destination .destinations-list .destinations-box .img h2{ 
    color:white;
    margin:0;
    padding:0;
    margin-bottom: 2px;
    font-weight: bolder;
    font-size:33px !important;
}

.section-destination .destinations-list .destinations-box .img h4{
    color:white;
    margin:0;
    padding:0;
    margin-bottom: 10px;
    font-size: 20px;

}
.section-destination .destinations-list .destinations-box .img a button{
    background: rgb(252, 0, 126);
    color:white;
    border:none;
    padding:15px;
    border-radius: 30px;
    margin-top:20px;
    min-width: 150px ;
    display: flex;
    align-items: center;
}
.section-destination .destinations-list .destinations-box .img a button:hover{
    background: rgb(7, 197, 255);
    transition-duration: 0.5s;
}
.section-destination .destinations-list .destinations-box .img a button i{
    margin-right: 6px;
}

@media screen and (max-width:700px) {
    .search-bar-navigation .rep .org .btn{
        display: none;
    }

    
}

@media screen and (max-width:800px){
    
    .search-bar-navigation .rep{
        padding:20px;
    }
    .section-destination .destinations-list .destinations-box{
        display: block;
        max-width: 100%;
        min-width: 100;
        margin:0px;
        text-align: left;
        margin-bottom: 20px;
    }
}

.form-contact .form-grp{
    display: flex;
    align-items: center;
    width: 100%;
    background: rgba(255, 255, 255, 0.938);
    padding:10px;
    border-radius: 10px;
    padding-left: 20px;
    margin-bottom: 10px;
}

.form-contact .form-grp .icn{
    margin-right: 10px;
    font-size: 20px;
}

.form-contact .form-grp .input{
    width:100%;
}

.form-contact .form-grp .input input, .form-contact .form-grp .input select{
    width:100%;
    height: 40px;
    background: none;
    border:none;
    border-radius: 5px;
    padding:8px;
    outline: none;
    font-size:16px;
    color:rgb(138, 138, 138);
}
.form-contact .form-grp .input textarea{
    width:100%;
    height: 150px;
    background: none;
    border:none;
    border-radius: 5px;
    padding:8px;
    outline: none;
    font-size:16px;
    color:rgb(138, 138, 138);
}
.select2-selection
{
    border:none !important;
    text-align: left;
}
.select2-search {
width:100%;
border:none;
}
.select2-search .select2-search__field {
border:1px solid rgb(187, 187, 187) !important;
padding:5px;
outline:none !important;

}

.form-contact .form-grp .input input, .form-contact .form-grp .input div,.form-contact .form-grp .input input, .form-contact .form-grp .input span, .form-contact .form-grp .input input, .form-contact .form-grp .input div input {
    border:none;
}

.form-contact .btn{
    background: none;
    padding:0;
}

.form-contact .btn button{
    display: flex;
    align-items: center;
}

.form-contact .btn button .div-flex{
    margin-right: 2px;
}

.form-contact .btn button .div-flex img{
    height: 30px;
    margin-right: 10px;
}
.form-contact .btn button{
    background: rgb(255, 0, 128);
    color:white;
    border:none;
    padding:13px;
    border-radius: 40px;
    min-width: 200px;
    font-size:18px;
    margin-top: 20px;
}
.form-contact .btn button:hover{
    background: rgb(7, 197, 255);
    transition-duration: 0.5s;
}
.form-contact .btn .btn-b{
    background: rgb(7, 197, 255);
}

.form-contact #result-contact{
    color:red;
    font-weight: bold;
    margin-top: 20px;
    display: none;
}

.section-circuits-listage{
    padding-top: 50px;
}

.section-circuits-listage .circuits{
    padding-top:30px;
}
.section-circuits-listage .circuits .element a{
    color:inherit;
}
.section-circuits-listage .circuits .element .box-element{
    max-width: 350px;
    min-width: 350px;
    height:410px;
    display:inline-block;
    margin:10px;
    margin-bottom:15px;
    vertical-align: top;
    background: white;
    box-shadow: 0 0 10px rgba(77, 77, 77, 0.281);
}

.section-circuits-listage .circuits .element .box-element .img{
    position:relative;
}
.section-circuits-listage .circuits .element .box-element .img .fa-heart-o{
    color:rgb(0, 89, 189);
}
.section-circuits-listage .circuits .element .box-element .img .fa-heart{
    color:rgb(18, 168, 81);
}
.section-circuits-listage .circuits .element .box-element .img .save{
    position:absolute;
    right:20px;
    top:20px;
    background: rgba(255, 255, 255, 0.959);
    height: 50px;
    width:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border-radius: 50%;
}
.section-circuits-listage .circuits .element .box-element .img .return-save{
    position:absolute;
    display: none;
    top:90px;
    right:20px;
    width:auto;
    padding:6px;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.945);
    border-radius: 20px;
}
.section-circuits-listage .circuits .element .box-element .img img{
    width:100%;
    height: 200px;
    object-fit: cover;
}

.section-circuits-listage .circuits .element .box-element .textuel{
    padding:15px;
}

.section-circuits-listage .circuits .element .box-element .title h3{
    font-size: 23px !important;
    color:rgb(255, 0, 128);
    margin:0;
    padding:0;
    margin-bottom: 6px;
    display: -webkit-box;        
    -webkit-line-clamp:2;          
    -webkit-box-orient: vertical;   
    overflow: hidden;               
    text-overflow: ellipsis;       

}

.section-circuits-listage .circuits .element .box-element .title h3:hover{
    color:rgba(7, 197, 255);
    transition-duration: 0.5s;
}
.section-circuits-listage .circuits .element .box-element .title p{
    font-size: 14px !important;
    margin:0;
    padding:0;            
    display: -webkit-box;        
    -webkit-line-clamp: 1;          
    -webkit-box-orient: vertical;   
    overflow: hidden;               
    text-overflow: ellipsis;       
}

.section-circuits-listage .circuits .element .box-element .periodicite{
    display: flex;
    align-items: center;                
    padding-top:10px;
}
.section-circuits-listage .circuits .element .box-element .periodicite .icn{
    padding:3px;
    font-size: 15px;
    background: rgb(0, 89, 189);
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:white;
    margin-right: 5px;
}
.section-circuits-listage .circuits .element .box-element .textuel .n-prix{
    display: flex;
    align-items: center;
    padding-top: 20px;
    justify-content: space-between;
}

.section-circuits-listage .circuits .element .box-element .textuel .n-prix .n{
    display: flex;
    align-items: center;
}

.section-circuits-listage .circuits .element .box-element .textuel .n-prix .n .day{
    display: flex;
    align-items: center;
    padding:5px;
    border:1px solid gray;
    margin-right: 15px;
    border-radius: 10px;
}

.section-circuits-listage .circuits .element .box-element .textuel .n-prix .n .day i{
    margin-left: 5px;
}

.section-circuits-listage .circuits .element .box-element .textuel .n-prix .n .nuit{
    background: black;
    color:white;
    border:1px solid black;

}

.section-circuits-listage .circuits .element .box-element .textuel .n-prix .prix strong{
    color:black;
    font-size:18px;
}

.section-circuits-listage .circuits .element .box-element .textuel .prix .remise-ticket .barre-prix{
    font-size:12px !important;    
    text-decoration: line-through;
    color:red;
    margin:0 !important;
    padding: 0 !important;
    margin-bottom: 3px !important;
}

.section-circuits-listage .circuits .element .box-element .textuel .prix .remise-ticket .prix-remise{
    position:relative;
    top:-8px;
}

.section-circuits-listage .circuits .element .box-element .textuel .n-prix .n-dates .dates{
    border-top: 1px solid rgba(207, 207, 207, 0.658);
    font-weight:bolder;
    padding-top:10px;
    color:rgb(184, 152, 12);
    position:relative;
    top:-10px;
    
}
.section-circuits-listage .circuits .element .box-element .textuel .n-prix .n-dates .link{
    font-weight: normal;
    color:rgb(255, 0, 128);
    display: flex;
    align-items: center;
    border:1px solid rgb(255, 0, 128);
    padding:5px;
    position:relative;
    top:-10px;
    margin-top: 10px;
    border-radius: 5px;
}

.section-circuits-listage .circuits .element .box-element .textuel .n-prix .n-dates .link:hover{
    background: rgb(255, 0, 128);
    color:white;
    transition-duration: 0.5s;
}
.section-circuits-listage .circuits .element .box-element .textuel .n-prix .n-dates .link i{
    margin-right: 8px;
}
.dates-disponibles table{
    margin-top:15px;
    margin-left:15px;
    font-weight: bold;
}

.dates-disponibles table th{
    max-width:70px;
    min-width:30px;
    text-align:center;
    padding:8px;
    padding-top:10px;
    padding-bottom: 10px;
    border-bottom:1px solid rgba(172, 172, 172, 0.596);
    border-left: 1px solid rgba(172, 172, 172, 0.596);
    margin:4px;
}

.dates-disponibles table td{
    text-align:left;
    border-bottom:1px solid rgba(172, 172, 172, 0.671);
    padding-top:10px;
    padding-bottom: 10px;

}

.dates-disponibles table td .prix-fx{
    display: flex;
    align-items: center;
}

.dates-disponibles table td .prix-fx i{
    margin-right: 10px;
    margin-left: 20px;
}

.dates-disponibles table td .prix-fx .barre-prix{
    font-size:12px !important;    
    text-decoration: line-through;
    color:red;

}

.dates-disponibles table td .prix-fx .prix-remise{
    font-family: "Saira", Helvetica, sans-serif;
    font-size:17px;
    color:rgb(18, 168, 81);
}



@media screen and (max-width: 800px) {
    .section-circuits-listage .circuits .element .box-element{
        max-width: 90%;
        min-width: 90%;
        height:auto;
        display:block;
        margin:3px;
        margin-bottom:35px;
    } 

    .section-circuits-listage .circuits .element .box-element .img img{
        width:100%;
        height: 300px;
        object-fit: cover;
    }

}

.fiche-infos{
    padding:15px;
}
.fiche-infos .infos-data{
    position:relative;
    z-index: 30;
    background: rgba(255, 255, 255, 0.952);
    border-radius: 20px;
    min-height: 100vh;
    max-width: 400px;
    margin-top: -50px;
    min-width: 80%;
    box-shadow: 0 0 10px rgba(97, 97, 97, 0.466);
    padding:20px;
    border-bottom: 2px solid rgb(255, 0, 128);
}

.fiche-infos .infos-data .info-title{
    background: rgb(0, 89, 189);
    padding:5px;
    display: flex;
    align-items: center;
    color:white;
    font-family: "Saira", Helvetica, sans-serif;
    border-radius: 10px;
}

.fiche-infos .infos-data .info-title i{
    margin-right: 5px;
}

.fiche-infos .infos-data .textuel{
    padding-top: 15px;
}

.fiche-infos .infos-data .textuel .img img{
    height: 100%;
    width: 350px;
    object-fit: cover;
}
.fiche-infos .infos-data .textuel .header{
    display:flex;
    align-items: top;
}
.fiche-infos .infos-data .textuel .img {
    position:relative;
    width: 350px;
}
.fiche-infos .infos-data .textuel .img a{
    color:inherit;
}
.fiche-infos .infos-data .textuel .img .fa-heart{
    color:rgb(255, 0, 128);
}
.fiche-infos .infos-data .textuel .img .fa-heart-o{
    color:rgb(0, 89, 189);
}
.fiche-infos .infos-data .textuel .img .save{
    position:absolute;
    top:20px;
    right:20px;
    background: rgba(255, 255, 255, 0.945);
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size:30px;
}

.fiche-infos .infos-data .textuel .img .return-save{
    position:absolute;
    top:80px;
    right:20px;
    background: rgba(255, 255, 255, 0.952);
    padding:5px;
    display: none;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(122, 122, 122, 0.452);
}

.fiche-infos .infos-data .textuel .element-txt{
    padding-left: 20px;
    width:100%;
}

.fiche-infos .infos-data .textuel .element-txt .intro h1{
    font-size:31px !important;
    margin:0;
    color:rgb(255, 0, 128);
    padding:0;
    margin-bottom:4px;
}

.fiche-infos .infos-data .textuel .element-txt .intro p{
    margin:0;
    padding:0;
}

.fiche-infos .infos-data .textuel .element-txt .intro h5{
    font-size:16px !important;
    margin-top: 15px;
}
.fiche-infos .infos-data .textuel .element-txt .highlight{
    padding:10px;
    color:white;
    background: rgb(4, 153, 36);
    margin-top: 20px;
    border-radius: 20px;                
}

.fiche-infos .infos-data .textuel .element-txt .highlight h4{
    font-size: 19px !important;
    color:white;
    margin:0;
    padding:0;
    margin-bottom: 5px;
}
.fiche-infos .infos-data .textuel .element-txt .highlight p{
    margin:0;
    padding:0;
    font-size: 15px !important;
}
.fiche-infos .infos-data .textuel .element-txt .position-1{
    margin-top: 20px;
    display: flex;
    border-top: 1px solid gray;
    padding-top: 10px;
    width: 100%;
}
.fiche-infos .infos-data .textuel .element-txt .periodicite{
    display: flex;
    align-items: center;
    margin-right: 25px;
}

.fiche-infos .infos-data .textuel .element-txt .periodicite .icn{
    display: flex;
    align-items: center;
    justify-content: center;
    width:35px;
    height: 35px;
    font-size:20px;
    background: rgb(0, 89, 189);
    color:white;
    border-radius: 50%;
    margin-right: 8px;
}

.fiche-infos .infos-data .textuel .element-txt .n-day{
    display:flex;
}

.fiche-infos .infos-data .textuel .element-txt .n-day .day{
    display: flex;
    align-items: center;
    padding:5px;
    border:1px solid gray;
    margin:2px;
    font-size:15px;
    font-weight: bold;
    border-radius: 5px;
    margin-right: 10px;
}
.fiche-infos .infos-data .textuel .element-txt .n-day .nuit{
    background: black;
    color:white;
    border: 1px solid black;
}
.fiche-infos .infos-data .textuel .element-txt .n-day .day i{
    margin-left: 8px;
}

.fiche-infos .infos-data .reservation-element{
    display:flex;
    padding-top: 15px;
}

.fiche-infos .infos-data .reservation-element .content{
    width:50%;

}

.fiche-infos .infos-data .reservation-element .content table{
    width:100%;
}
.fiche-infos .infos-data .reservation-element .content table tr th{
    width: 30%;
}
.fiche-infos .infos-data .reservation-element .content table tr th, .fiche-infos .infos-data .reservation-element .content table tr td{
    padding:5px;
    border-bottom:1px solid rgba(218, 218, 218, 0.705);
}
.fiche-infos .infos-data .reservation-element .content table .remise-ticket .barre-prix{
    font-size:13px;
    color:red;
    text-decoration: line-through;
}

.fiche-infos .infos-data .reservation-element .content table .remise-ticket .prix-remise{
    position:relative;
    top:-5px;
}
.fiche-infos .infos-data .reservation-element .content table .prix strong{
    color:rgb(18, 168, 81);
    font-weight: bolder;
    font-size:21px;
}

.fiche-infos .infos-data .reservation-element .btn-element{
    padding:10px;
    padding-left: 30px;
}

.fiche-infos .infos-data .reservation-element .btn-element button{
    border:none;
    color:white;
    background: rgb(255, 0, 128);
    padding:5px;
    min-width: 300px;
    border-radius: 40px;
    font-size:16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    line-height: 20px;
    box-shadow: 0 0 10px rgba(172, 172, 172, 0.493);
}

.fiche-infos .infos-data .reservation-element .btn-element button:hover{
    background: rgba(7, 197, 255);
    transition-duration: 0.5s;
}
.fiche-infos .infos-data .reservation-element .btn-element button:disabled{
    background: gray;
}
.fiche-infos .infos-data .reservation-element .btn-element button .icn-btn {
    font-size:30px;
    margin-right: 10px;
}

.fiche-infos .infos-data .reservation-element .btn-element button .element-b .prix{
    font-size:25px !important;
    font-weight: bolder;
}

.fiche-infos .infos-data .reservation-element .btn-element .experts{
    padding-top: 10px;
    position:relative;
}

.fiche-infos .infos-data .reservation-element .btn-element .experts a{
    color:rgb(4, 153, 36);
    font-weight: bold;
    text-decoration: underline;
}
.fiche-infos .infos-data .reservation-element .btn-element #LoadingAjaxReservationCallFirst{
    height: 30px;
    margin-right: 10px;
}
.fiche-infos .infos-data .reservation-element .btn-element .experts a:hover{
    color:rgba(7, 197, 255);
    transition-duration: 0.5s;
}

.fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts{
    position:absolute;
    top:40px;
    background: rgba(255, 255, 255, 0.973);
    display: none;
    left:5px;
    padding:15px;
    box-shadow: 0 0 10px rgba(134, 134, 134, 0.486);
    border-radius: 10px;
    min-width:350px;
    z-index:30;
}

.fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts h5{
    font-size:17px !important;
    color:rgb(0, 89, 189);
}

.fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs{
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid rgb(204, 204, 204);
    justify-content: space-between;
}

.fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .img{
    height: 60px;
    min-width:60px !important;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    border: 2px solid rgb(204, 201, 201);
}

.fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .infos{
    padding-left: 15px;
    min-width: 200px;
    width:100%;
}

.fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .infos .pseudo{
    font-size: 26px;
    color:rgb(255, 0, 128);
    font-weight: bold;
    font-family: 'Saira', Helvetica, sans-serif;
}

.fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .infos .lang-list .init{
    margin-right: 8px;
    font-size:14px;
}
.fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .infos .lang-list{
    display: flex;
    align-items: center;
    border:none;
    padding:3px;
    border-radius: 3px;
    margin-right: 15px;
    width: 200px;
}

.fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .infos .lang-list svg{
    margin-right: 5px !important;
    height: 19px !important;
    border:1px solid rgba(192, 192, 192, 0.349);
}

.fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .contact {
    display: flex;
    align-items: center;
}

.fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .contact div{
    font-size:35px;
    margin-right: 11px;
}
@media screen and (max-width:1050px) {

    .fiche-infos .infos-data .reservation-element{
        display:block;
        padding-top: 15px;
    }

    .fiche-infos .infos-data .reservation-element .content{
        width:100%;
    }

    .fiche-infos .infos-data .reservation-element .btn-element{
        padding:10px;
        padding-left: 0px;
        padding-top: 25px;
        width:100%;
    }

    .fiche-infos .infos-data .reservation-element .btn-element button{
        min-width: auto;
        width:100%;
        max-width: 300px;
    }

    .fiche-infos .infos-data .reservation-element .btn-element .experts{
        text-align: center !important;
        margin-top: 15px;
    }

    .fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts{
        position:relative;
        top:0px;
        background: rgba(255, 255, 255, 0.932);
        display: none;
        left:0px;
        padding:15px;
        box-shadow: 0 0 1px rgba(134, 134, 134, 0.13);
        border-radius: 0px;
        width:100%;
        min-width: 100%;
        margin-top: 20px;
        text-align: left;
        border-bottom: 1px solid rgba(187, 187, 187, 0.63);
    }
    .fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .img{
        min-height: 60px !important;
        min-width:60px !important;
        background-size: cover;
        background-position: center;
        border-radius: 50%;
        border: 2px solid rgb(204, 201, 201);
    }

  

}


@media screen and (max-width:900px) {
    .fiche-infos .infos-data .textuel .header{
        display:block;                
    }
    .fiche-infos .infos-data .textuel .img{
        width:100%;
        max-width:100%;
        min-width: 100%;
    }
    .fiche-infos .infos-data .textuel .img img{
        height: 250px;
        width: 100%;
        object-fit: cover;
    }
    .fiche-infos .infos-data .textuel .element-txt{
        padding-left: 0px;
        width:100%;
        padding-top: 20px;
    }

    .fiche-infos .infos-data .textuel .element-txt .intro h1{
        font-size: 28px !important;
    }

    .fiche-infos .infos-data .textuel .element-txt .intro p{
        font-size: 14px !important;
    }

    

    .fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .infos .lang-list{
        width: auto !important;

    }


    
}

@media screen and (max-width:700px){

    

    .fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .infos .lang-list{
        display: flex;
        align-items: center;
        border:none;
        padding:0px !important;
        border-radius: 3px;
        margin-right: 5px;
    }

    .fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .infos .lang-list .init{
        display: none;
    }
    .fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .infos{
        padding-left: 15px;
        min-width: 100px;
    }

    .fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .infos .lang-list svg{
        margin-right: 4px !important;
        height: 15px !important;
        border:1px solid rgba(192, 192, 192, 0.349);
    }

    .fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .contact div{
        font-size:30px;
        margin-right: 10px;
    }
}

@media screen and (max-width:600px) {
    
    .fiche-infos .infos-data .textuel .element-txt .n-day .day span{
        display:none;
    }

    .fiche-infos .infos-data .reservation-element .btn-element .experts .list-experts .expert-prs .infos .pseudo{
        font-size: 18px;
        color:rgb(255, 0, 128);
        font-weight: bold;
        font-family: 'Saira', Helvetica, sans-serif;
        margin-bottom: 5px;
    }

}


.fiche-infos .infos-data .itinerary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top:25px;
    position:relative;
    z-index:20;
}

.fiche-infos .infos-data .itinerary .btn{
    position:absolute;
    top:100px;
}

.fiche-infos .infos-data .itinerary .itinerary-content {
    width: 100%;
    min-height: 150px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(126, 126, 126, 0.253);
}

.fiche-infos .infos-data .itinerary .itinerary-content h4{
    display: flex;
    align-items: center;
    color:rgb(255, 0, 128);
    font-size: 25px !important;
}

.fiche-infos .infos-data .itinerary .itinerary-content h4 .icn{

    height:40px;
    width:40px;
    display:flex;
    align-items:center;
    justify-content: center;
    background: rgb(233, 192, 12);
    color:white;
    font-size:30px;
    border-radius: 50%;
    margin-right: 10px;
}

.fiche-infos .infos-data .itinerary .itinerary-content .itineraire-item {
    display: none;
    width:100%;
    background-size: cover;
    background-position: center;
}
.fiche-infos .infos-data .itinerary .itinerary-content .itineraire-item .container{
  
    min-height: 100px;
    border-left: 20px solid rgb(0, 89, 189);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.459) 0%, rgba(255, 255, 255, 0.534) 100%);
    padding:20px;
}
.fiche-infos .infos-data .itinerary .itinerary-content .itineraire-item .container .content{
    max-width: 95%;
    
}

.fiche-infos .infos-data .itinerary .itinerary-content .itineraire-item .container .content p{
    padding-left: 15px;
}

.fiche-infos .infos-data .itinerary .itinerary-content .itineraire-item h5{
    color:rgb(18, 168, 55);
    padding-left:10px;
}


.fiche-infos .infos-data .itinerary button {
    font-size: 18px;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(7, 197, 255, 0.582);
    border:none;
    display:flex;
    align-items: center;
    justify-content: center;
    height:60px;
    width:60px;
    color:white;
}

@media screen and (max-width:700px) {
    .fiche-infos .infos-data .itinerary .btn{
        position:absolute;
        top:auto;
    }
}

.pagination-data{
    margin-top:30px;
}

.pagination-data a{
    padding:8px;
    margin-right:5px;
    margin-bottom:8px;
}

.pagination-data .actif{
    color:rgb(255, 0, 128);
}

.profil-standard{
    padding:30px;
    padding-top:80px;
    min-height:50vh;

}
.profil-standard .max-width{
    max-width: 1100px;
}
.profil-standard .banner-1{
    display: flex;
    align-items: center;
    background: white;
    box-shadow: 0 0 10px rgba(151, 151, 151, 0.356);
    padding:20px;
    border-radius: 20px;
}
.profil-standard .banner-1 .content-txt{
    padding:20px;
}

.profil-standard .banner-1 h5{
    color: rgb(255, 0, 128);
}
.profil-standard .banner-1 .img-user{
    padding:10px;
    background: rgba(216, 216, 216, 0.37);
    border-radius: 10px;
}
.profil-standard .banner-1 img{
    height: 100px;
    width: 100px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.profil-standard .banner-1 .content-txt button{
    background: rgb(0, 89, 189);
    color:white;
    padding:10px;
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.profil-standard .banner-1 .content-txt button:hover{
    background: rgba(7, 197, 255);
    transition-duration: 0.5s;
}

.profil-standard .banner-1 .content-txt button i{
    margin-right: 8px;
}
.profil-standard .banner-2{
    padding-top: 30px;
}
.profil-standard .banner-2 .element{
    max-width: 330px;
    min-width: 330px;
    padding:15px;
    vertical-align: top;
    margin: 10px;
    display: inline-block;
    text-align: left;
}
.profil-standard .banner-2 .element h5{
    margin-bottom: 20px;
    color:rgb(0, 89, 189);
}
.profil-standard .banner-2 .element .container{
    padding-left: 5px;
}

.profil-standard .banner-2 .element .container .listage{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:10px;
    border-radius: 5px;
    background: rgba(231, 231, 231, 0.233);
    margin-bottom: 15px;
}

.profil-standard .banner-2 .element .container .listage .int-1{
    display: flex;
    align-items: center;
    justify-content: left;
}
.profil-standard .banner-2 .element a{
    color:inherit;
}

.profil-standard .banner-2 .element a:hover{
    color:rgb(255, 0, 128);
    transition-duration: 0.5s;
}
.profil-standard .banner-2 .element .container .listage .int-1 div{
    max-width: 180px;
    font-size:14px;
}

.profil-standard .banner-2 .element .container .listage .int-1 .icn i{
    margin-right: 25px;
    font-size: 25px !important;
}
@media screen and (max-width: 700px){
    .profil-standard .banner-1{
        flex-wrap: wrap;
        text-align: center;
        flex-direction: column-reverse;
    }

    .profil-standard .banner-1 img{
        height: 150px;
        width: 150px;
    }

    
}

@media screen and (max-width: 800px){
    .profil-standard .banner-2 .element{
        max-width: 100%;
        min-width: 100%;
        padding:15px;
        margin: 10px;
        margin-bottom: 20px;
        display: block;
        text-align: left;
    }
}

.link-user-profil .link-primary{
    display:flex;
    align-items:center;
}

.link-user-profil .link-primary, .link-user-profil .link-secondary{
    display:inline-flex;
    align-items:center;
}

.link-user-profil i{
    margin-left:10px;
    margin-right:10px;
}

.profil-standard .banner-3 .container .flex-1{
    display: flex;
    margin-top: 50px;
}
.profil-standard .banner-3 .container .flex-1 .link{
    min-width: 300px;
    max-width: 300px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-right: 30px;
    height:auto;
}

.profil-standard .banner-3 .container .flex-1 .link .element{
    border-bottom: 1px solid gray;
    padding:10px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.profil-standard .banner-3 .container .flex-1 .link .element a{
    color:rgb(0, 89, 189);
}
.profil-standard .banner-3 .container .flex-1 .link .element .parametre {
    display: flex;
    align-items: center;
    padding:4px;
}

.profil-standard .banner-3 .container .flex-1 .link .element .parametre  i{
    font-size:23px;
    margin-right: 10px;
}

.profil-standard .banner-3 .container .flex-1  .content-txt{
    padding-left:20px;
}

.profil-standard .banner-3 .container .flex-1  .content-txt h5{
    color:rgb(7, 197, 255);
}

.profil-standard .banner-3 .container .flex-1  .content-txt .content-id {
    display: none;
    scroll-margin-top: 200px;
}

.profil-standard .banner-3 .container .flex-1  .content-txt h2{
    color:rgb(255, 0, 128);
}

.profil-standard .banner-3 .container .flex-1  .content-txt .pagination{
    padding-top:20px;
}
.profil-standard .banner-3 .container .flex-1  .content-txt .pagination button{
    background:gray;
    color:white;
    border:none;
    padding:4px;
    border-radius:5px;
    font-size:15px;
    margin:3px;
    min-width:30px;
}
.alert-none{
    color:rgb(252, 44, 44);
    padding:10px;
    border:1px solid rgb(255, 37, 37);
    border-radius: 5px;
}

.profil-standard .banner-3 .container .flex-1  .content-txt .phptraitement .listage-demande{
    box-shadow: 0 0 10px rgba(156, 156, 156, 0.384);
    padding:10px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;

}
.profil-standard .banner-3 .container .flex-1  .content-txt .phptraitement .listage-demande .init{
    display: flex;
    align-items: center;
}
.profil-standard .banner-3 .container .flex-1  .content-txt .phptraitement .listage-demande .img{
    height: 40px;
    width:40px !important;
    min-width: 40px;
    background-size: cover;
    background-position: center;
    margin-right: 10px;
    border-radius: 50%;
}

.profil-standard .banner-3 .container .flex-1  .content-txt .phptraitement .listage-demande button{
    background: none;
    border:none;
    color:rgb(7, 197, 255);
}

.profil-standard .banner-3 .container .flex-1  .content-txt .phptraitement .listage-demande p{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:0;
    margin:0;
}

.profil-standard .forms{
    padding:15px;
}

.profil-standard .forms form{
    padding:15px;
    border:1px solid rgba(214, 214, 214, 0.664);
    border-radius: 15px;
}
.profil-standard .forms .input-pay input, .profil-standard .forms .input-pay select{
    height:40px;
    width:100%;
    border:2px solid gray;
    border-radius: 5px;
    padding:5px;
    margin-top: 10px;
    outline:none;
}



.profil-standard .forms .input-pay label{
    display: block;
    margin-top: 20px;
    font-weight: bold;
}
.profil-standard .input-checkbox{
    display: flex;
    align-items: center;
    padding-top: 30px;
}
.profil-standard .input-checkbox input{
    height:15px;
    width:15px;
    margin-right: 8px;
    position:relative;
    top:2px;
}

.profil-standard .btn-pay button {
    background: rgb(5, 119, 52);
    color: white;
    border: none;
    border-radius: 30px;
    padding: 10px;
    min-width: 200px;
    margin-top: 30px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.profil-standard .btn-pay button:disabled {
    background: #ccc; 
    cursor: not-allowed;
    color: #666; 
}


.profil-standard .form button, .profil-standard .btn-send{
    background: rgb(255, 0, 128);
    color:white;
    border:none;
    padding:13px;
    border-radius: 40px;
    min-width: 200px;
    font-size:18px;
    margin-top: 5px;
}

.profil-standard .form button, .profil-standard .btn-send:hover{
    background: rgb(7, 197, 255);
    transition-duration: 0.5s;
}


.profil-standard .banner-3 .flex-1 .table-bn tr td, .profil-standard .banner-3 .flex-1 .table-bn tr th{
    padding:5px;
    border-bottom:1px solid gray;
}
@media screen and (max-width:900px) {
    .profil-standard .banner-3 .container .flex-1 .link{
        display: none;
    }
}

.section-standard{
    padding-top:50px;
}
.section-standard .standard {              
    width: 100%;
}
.section-standard .standard .container{
    background: rgba(245, 245, 245, 0.651);
    min-height: 200px;
    max-width:800px;
    padding: 20px;
    text-align: left;
}

.section-standard .standard .container .bulle{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: rgba(185, 153, 10, 0.308);
    position:relative;
}

.section-standard .standard .container .bulle-2{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: rgb(0, 89, 189);
    position:absolute;
    left:30px;
}


.section-standard .standard .container .content-txt{
    padding-left: 30px;
    padding-right: 20px;
}

.section-standard .standard .container .content-txt table tr th, .section-standard .standard .container .content-txt table tr td{
    border-bottom: 1px solid rgba(190, 190, 190, 0.795);
    padding:5px;
}

.section-standard .standard .container .content-txt .btn-ticket-shop{
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}

.section-standard .standard .container .content-txt .btn-ticket-shop button{
    background: rgb(5, 173, 55);
    color:white;
    border:none;
    padding:10px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    font-size:20px;
    font-weight: bold;
}
.section-standard .standard .container .content-txt .btn-ticket-shop button:hover{
    background: rgba(7, 197, 255);
    transition-duration: 0.5s;
}
.section-standard .standard .container .content-txt .btn-ticket-shop button i{
    margin-right: 8px;
}

.section-standard .standard h5{
    font-size:20px !important;
    color:rgb(0, 89, 189);
    padding-top:25px;
}

.std-articles{
    padding-top: 50px;
}
.std-articles .max-container-std {
    max-width:90%;
}

.std-articles .max-container-std .content-introduction blockquote{
    max-width: 900px;
    background: rgba(228, 228, 228, 0.555);
    padding:20px;
    border-radius: 15px;
    margin-bottom: 30px;
}
.std-articles .max-container-std .container-std{
    display: flex;
    width: 100%;
    padding:30px;
}

.std-articles .container-std .sommaire{
    min-width:300px;
}

.std-articles .container-std .flex-men{
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(204, 204, 204, 0.589);
    padding:10px;
}
.std-articles .container-std .flex-men i{
    margin-right: 10px;
    padding:5px;
    border:1px solid gray;
    border-radius: 50%;
    width:40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.std-articles .container-std .flex-men a{
    color: rgb(136, 136, 136);
}

.std-articles .container-std .sommaire .title{
    color:rgb(0, 89, 189);
}
.std-articles .container-std .content-txt{
    width:100%;
}

.std-articles .container-std  h2{
    font-size: 28px !important;
    
}
.std-articles .container-std .content-txt{
    padding-left: 25px;
}
.std-articles .container-std .content-txt h2{
    color:rgb(255, 0, 128);
    margin-bottom: 15px;
}

.std-articles .container-std .content-txt .img-1{
    height:200px;
    width:200px;
    object-fit: cover;
    margin-right: 10px;
    margin-bottom: 20px;
}

.std-articles .container-std .content-txt .img-2{
    height:200px;
    width:300px;
    object-fit: cover;
    margin-bottom: 20px;
}
@media screen and (max-width:1000px) {
    .std-articles .container-std .content-txt .img-1, .std-articles .container-std .content-txt .img-2{
        display: block;
        width: 100%;
        height:300px;
        object-fit: cover;
        object-position: top;

    }

}
@media screen and (max-width:850px) {
    .std-articles .max-container-std .container-std{
        display: block;
        width: 100%;
        padding:15px;
    }


    .std-articles .container-std .sommaire{
        min-width:100%;
        margin-bottom: 30px;
    }

    .std-articles .container-std .content-txt{
        padding-left: 0px;
    }

}

.mobile .container-section{
    background: rgb(0, 89, 189);
    color:white;
    padding:25px;
    padding-top: 30px;
    padding-bottom: 40px;
}
.mobile .mobile-position{
    padding-top: 25px;
}
.mobile .mobile-position i{
    font-size:30px;
    margin-right: 10px;
}

.mobile .mobile-position .col-lg-3{
    margin-bottom: 20px;
}
.articles {
    padding-top: 35px;
}
.articles .container .col-xl-4 {
    z-index:0 !important;
}
.articles .col-lg-6 h2{
    font-size: 25px !important;
    color:rgb(0, 89, 189);
}
.newsletters-section{
    padding:10px;
    background: rgb(18, 168, 55);
    color:white;
    padding-top: 45px;
    padding-bottom: 60px;
}
.newsletters-section .container-newsletter h2, .newsletters-section .container-newsletter h5{
    color:white;
}

.newsletters-section #returnNewsletter{
    padding-top:20px;
}
.newsletters-section .container-newsletter .parametre{
    display: flex;
    padding-top: 30px;
    align-items: center;
}
.newsletters-section .container-newsletter .parametre .input{
    background: white;  
    border-radius: 40px;    
    width: 70%;    
    margin-right: 10px;  
}
.newsletters-section .container-newsletter .parametre .input input{
    background: none;            
    border:none;
    height: 45px;
    width: 100%;
    padding:10px;
    outline:none;
}
.newsletters-section .container-newsletter .parametre .button {
    width: 30%;
}
.newsletters-section .container-newsletter .parametre .button button{
    width: 100%;
    height: 45px;
    background: rgb(252, 0, 126);
    color:white;
    border:none;
    border-radius: 40px;
}

.newsletters-section .container-newsletter .parametre .button button:hover{
    background: rgb(7, 197, 255);
    transition-duration: 0.5s;
}
.partners{
  background-size: cover;
  background-position: center;
}

.partners-division{
    background: rgba(255, 255, 255, 0.678);
    padding-top: 50px;
    padding-bottom: 35px;
}
.partners .container-partners{
    padding:30px;
}
.partners .container-partners .partners-carousel{
    width: 80%;    
    margin-top: 50px;      
}
.partners .container-partners .partners-carousel {
    background: white;
    padding:15px;
    border-radius: 15px;
}
.partners .container-partners .partners-carousel .owl-dowts,.partners .container-partners .partners-carousel .owl-nav{
    display:none;
}


.partners .container-partners .partners-carousel .partners-item img{
    height: 100px;
    width:auto;
    background: none;
}

.ccm-section .cmf .cmf-div{
    display:flex;
    align-items: first baseline;
    padding:15px;
}

.ccm-section .cmf .cmf-div .position-container{
    display: flex;
}
.ccm-section .cmf .cmf-div .position-container .container-txt{
    padding:20px;
    padding-left: 35px;
    border-left: 5px solid rgb(7, 197, 255);
    position:relative;
    left:-10px;
    min-height: 50px;
}
.ccm-section .cmf .cmf-div .position-container .icone-cmf{
    position:absolute;
    z-index:9;
    left:-5px;
    }
.ccm-section .cmf .cmf-div .position-container .icone-cmf div i{
    font-size:40px;
    background: rgb(0, 89, 189);
    border-radius: 100px;
    padding:10px;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
    left:55px;
    color:white;
    }
.ccm-section .cmf .cmf-div{
    display:flex;
    width:100%;
    min-height: 200px;
    padding-left: 50px;
}

.ccm-section .cmf .cmf-div .div-body-cmf-1{
    width:50%;
    min-width: 600px;
    padding:40px;
}
.ccm-section .cmf .cmf-div .div-body-cmf-2{
    width:50%;
    max-width: auto;
    padding:20px;
}
.ccm-section .cmf .cmf-div .div-body-cmf-2 img{
    margin:10px;
    border-radius: 2px;
}
.ccm-section .cmf .cmf-div .div-body-cmf-1 h2{
    color:rgb(0, 89, 189);
    margin-bottom: 30px;
}

.ccm-section .cmf strong{
    color:rgb(1, 25, 53);
    font-weight: 2000;
    font-family: 'Saira', Helvetica, sans-serif;
}
.ccm-section .cmf .cmf-div .div-body-cmf-2 h2{
    margin:0;
    padding:0;
    color:rgb(0, 89, 189);
}
.ccm-section .cmf .cmf-div .div-body-cmf-2 .container{
    padding-top: 30px;
}
.ccm-section .cmf .cmf-div .div-body-cmf-2 .container .box{
    display: inline-block;
    margin: 8px;
    margin-bottom: 25px !important;

}
.ccm-section .cmf .cmf-div .div-body-cmf-2 .container .box .title{
    padding:8px;
    font-weight: bold;
    color:white;
    font-family: 'Saira', Helvetica, sans-serif;
    background: rgb(252, 0, 126);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}
.ccm-section .cmf .cmf-div .div-body-cmf-2 .container .box .blink{
    background: rgb(18, 168, 55);
    color:white;
    padding: 8px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}
.ccm-section .cmf .cmf-div .div-body-cmf-2 .container .box .blink a{
    color:inherit;
}

.ccm-section .cmf .cmf-div .div-body-cmf-2 .container .box .blink a:hover{
    color:rgb(7, 197, 255);
    transition-duration: 0.5s;
}
.ccm-section .cmf .cmf-div .div-body-cmf-2 .container .box .blink i{
    margin-right: 5px;
}


.ccm-section .cmf .cmf-div .div-body-cmf-2 .container .box .min-carte{
    height: 250px;
    width: 250px;
    background-size: cover;
}

@media screen and (max-width: 950px){
    .partners .container-partners .partners-carousel .partners-item img{
        height: auto;
        width:80%;
    }

    .ccm-section .cmf .cmf-div .div-body-cmf-1{
        width:100%;
        min-width: auto;
        padding:10px;
        padding-left: 40px;
    }

    .ccm-section .cmf .cmf-div{
        display: block;
        padding-left: 15px;

    }

    .ccm-section .cmf .cmf-div .div-body-cmf-2{
        width:100%;
        min-width: auto;
        max-width: auto;

    }
    .ccm-section .cmf .cmf-div .div-body-cmf-2 .container .box .min-carte{
        height: 250px;
        width: 100%;
        background-size: cover;
    }

    .ccm-section .cmf .cmf-div .position-container .icone-cmf div i{
        font-size:25px;
        background: rgb(0, 89, 189);
        border-radius: 100px;
        padding:10px;
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        position:relative;
        left:25px;
        color:white;
    }
  

}

@media screen and (max-width: 650px){
    .ccm-section .cmf .cmf-div .div-body-cmf-2 .container .box{
        display: block;
        margin: 8px;
        width:100%;
        margin-bottom: 40px !important;

    }
}

.paiement-section{
    padding:30px;
    padding-top:50px;
}

.paiement-section img{
    height: 80px;
    margin-top:20px;
    margin-bottom: 20px;
}

@media screen and (max-width: 750px){
    .paiement-section img{
        height: auto;
        width:80%;
        margin-top:20px;
        margin-bottom: 20px;
    } 
}

.footer-basic{
    padding:25px;
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    color:rgb(0, 89, 189);
}

.footer-basic .footer-class{
    max-width:300px;
    min-width:250px;
    padding:15px;
}
.footer-basic .footer-class a{
    color:inherit !important;
}
.footer-basic .footer-class img{
    height: 80px;
    margin-bottom: 15px;
}
.footer-basic .footer-class .social-footer-link{
    display:flex;
}

.footer-basic .footer-class .social-footer-link div{
    display: inline-flex;
    align-items: center;
    justify-content: center;   
    height: 40px;
    width: 40px;         
}
.footer-basic .footer-class h4{
    color:rgb(252, 0, 126) !important;
    margin-bottom: 15px;
}

.footer-basic .footer-class p{
    font-size: 14px !important;
    color:black;
}
.footer-basic .footer-class ul{
    margin:0;
    padding:0;
}
.footer-basic .footer-class li{
    list-style: none;
}

@media screen and (max-width: 1100px){
    .footer-basic{
        display: block;
    }
    .footer-basic .footer-class{
        max-width:300px;
        min-width:250px;
        padding:15px;
        display: inline-block;
        margin-bottom: 30px;
        vertical-align: text-top;
    }
}

@media screen and (max-width: 700px){
    .footer-basic{
        display: block;
        width:100%;

    }
    .footer-basic .footer-class{
        max-width:100%;
        min-width:100%;
        width:100% !important;
        padding:15px;
        display: block;
        margin-bottom: 30px;
        vertical-align: text-top;
    }
}

footer .copyright{
    background: rgb(18, 168, 55);
    color:white;
    padding:10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:14px;
    font-family: 'Saira', Helvetica, sans-serif;
}
footer .copyright i{
    margin-right: 8px;
}
.social-icons-pop{
    background: rgba(255, 255, 255, 0.911);
    position:fixed;
    box-shadow: 0 0 10px rgba(104, 104, 104, 0.507);
    right:0;
    top:48vh;
    width:50px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index:40;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.social-icons-pop a i{
    font-size: 30px;
    display: block;
    margin:5px;
    margin-bottom: 10px;
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes defilement {
    from {
        transform: translateX(400px);
    }
    to {
        transform: translateX(-100%);
    }
}
.zoom:hover {
    transform: scale(1.1); /* Augmente la taille de 10% */
    transition: transform 0.3s ease; /* Animation douce */
}