/* Large screens */
@media only screen and (max-width: 1824px) {}

@media only screen and (max-width: 1680px) {
    .header.sticky-menu .main_menu .logo-img-sticky {

        left: 12px;
    }


    .header.sticky-menu .accueil-header {
        width: 40px;
    }

    .header.sticky-menu .w_26 {
        width: 22%;
    }

    .img-rea1 {
        width: 380px !important;


    }

    .img-rea3 {
        width: 380px !important;


    }

    .img-rea4 {
        width: 380px !important;
        height: 421px;
        object-fit: cover;
        top: -20px;
        position: relative;
    }

    .img-rea6 {
        width: 380px !important;
        height: 530px;
        position: relative;
        top: -105px;

    }

    .img-rea5 {

        height: 651px;
        position: relative;
        top: -226px;

    }


    .bloc {

        right: -100px;
        height: 450px;
    }

    .img-cut {

        width: 100%;

    }


    .blue {

        padding: 0 40px;
        padding-top: 70px;
        padding-bottom: 50px;
    }

    .footer-logo {

        padding-left: 100px;
        padding-right: 50px;
    }

    .img-taille {

        width: 100%;

    }

    /*
 .header.sticky-menu .main_menu .navbar-nav .nav-link {
  
    padding: 5px 9px;
 
}


.header.sticky-menu .navbar-nav {
   
    gap: 5px;
} */

    .btn-menu {

        width: 100px;
        padding: 5px 18px;

    }


.img-arrondis {
    
    width: 100%;
}





}

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


    .header.sticky-menu .main_menu .navbar-nav .nav-link {

        padding: 5px 12px;

        font-size: 16px;
    }

    .slider_area.owl-carousel .slide-item img {
        height: 600px;

    }

    .slider_area.owl-carousel .slid_content .why-item-slider {

        padding: 20px 35px;
        height: 35%;

    }

    .bandeau_section .header_back_logo {

        bottom: -190px;
        left: 120px;
        width: 468px;
        height: 440px;
    }


    .section_wcu {
        padding-bottom: 1rem;
        padding-top: 100px;
    }

    .section_wcu .wcu_back {

        width: 25%;
        height: 250px;

    }

    .why-item {

        padding: 30px 15px;

    }

    .blue1 {

        padding: 0 35px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-top: 43px;
        padding-bottom: 53px;
    }

    .img-rea2 {
        width: 100%;

    }

    .img-rea4 {
        width: 100%;
        height: 415px;
        object-fit: cover;
        top: -15px;
        position: relative;
    }

    .img-rea5 {
        height: 640px;
        width: 100%;
        top: -215px;
    }

    .img-rea1 {
        width: 100%;
    }

    .img-rea3 {
        width: 100%;
    }

    .img-rea6 {
        width: 100%;
        height: 525px;
        position: relative;
        top: -101px;
    }


    .footer-logo {

        padding-bottom: 61px;

    }

    .blue {
        padding: 0px 29px;
        padding-top: 49px;
        padding-bottom: 47px;
    }


    .button {
        font-size: 18px;

    }

    .rea-item {
        width: 100%;

    }



    .rea-item .img-rea {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .img-rea1 {
        width: 100% !important;
    }



    .img-rea4 {
        width: 100% !important;

    }

    .footer-logo {
        padding-left: 50px;
        padding-right: 13px;
    }










}

@media only screen and (max-width: 1380px) {}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    .slider_area.owl-carousel .slid_content .h1-bold {
    font-size: 34px;
   
}
.main_menu .logo-img {
    
    width: 200px;
    
}
.blue {
      
        padding-top: 31px;
        padding-bottom: 38px;
    }
.second_img {
  
    right: -29px;
   
}

    .bloc {
        right: -100px;
        height: 515px;
    }
    .blue1 {
      
        padding-bottom: 26px;
    }




}

@media only screen and (max-width: 1280px) {
    .w_26 {
        width: 19%;
    }

    .w_17 {
        width: 12%;

    }

    .top_menu {

        padding: 0px 0px;


    }

    .top_menu ul.info_box .li_info {

        padding: 0 9px;
        font-size: 14px;

    }

    .main_menu .navbar-nav .nav-link {

        padding: 5px 15px;

        font-size: 16px;

    }

    .accueil-header {
        width: 40px;
    }

    .main_menu .logo-img {

        width: 180px;
        left: 30px;

    }

    .navbar {
        padding: 0px 0px;
    }

    .header .header_back {

        height: 150px;

    }

    .header.sticky-menu .header_back {
        height: 96px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    }

    .tel-main_menu span {
        font-size: 13px;
    }

    .btn-menu {
        width: 85px;
        padding: 5px 10px;
        margin: 0px auto;
    }

    .header.sticky-menu .accueil-header {
        width: 35px;
    }


    .header.sticky-menu .main_menu .logo-img-sticky {

        width: 100px;

        left: 17px;
    }

    .header.sticky-menu .header_back {
        height: 67px;

    }

    .header.sticky-menu .w_26 {
        width: 22%;
        margin-right: 5px;
    }

    .header.sticky-menu .main_menu .navbar-nav .nav-link {
        padding: 6px 7px;
        font-size: 15px;
    }

    .bloc {
        right: -100px;
        height: 540px;
    }

    .footer .logo-img {
        width: 230px;
        height: 130px;
    }

    .img_footer {
        width: 45px;
        height: 45px;
    }

    p {

        font-size: 15px;
    }

    .footer-logo {
        padding-left: 60px;
        padding-right: 15px;
    }



    .blue {
        padding-top: 66px;
        padding-bottom: 66px;
    }

    .blue1 {
        padding: 0 25px;
        padding-top: 62px;
        padding-bottom: 66px;
    }

    .img-rea {
        width: 100%;
    }

    .rea-item {
        width: 100%;

    }



    .rea-item .img-rea {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    .img-rea1 {
        width: 100% !important;
    }



    .img-rea4 {
        width: 100% !important;

    }



    .page-header {
        padding: 3rem 0px 0px 0px;
    }

    .fond_gris {

        background-size: 1278px 1919px;
    }

    .back-img {

        width: 295px;
        height: 390px;
    }

    .section_contact {
        padding-top: 0px;
    }

    .slider_area.owl-carousel .slid_content {

        width: 90%;

    }

    .slider_area.owl-carousel .slid_content .h1-bold {
        font-size: 29px;
    }


    .slider_area.owl-carousel .slid_content .why-item-slider {
        padding: 20px 30px;
        height: 38%;
    }


    .bandeau_section .header_back_logo {

        left: -12px;

    }
.back_logo {
   
    left: 0px;
   
}

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {

    .w_80 {
        width: 65%;
    }

    .w_17 {
        width: 9%;
    }

    .top_menu ul.info_box .li_info {
        padding: 0 9px;
        font-size: 12px;
    }

    .w_26 {
        width: 14%;
    }

    .btn-menu {
        width: 75px;

    }

    .main_menu .navbar-nav .nav-link {
        padding: 5px 8px;
        font-size: 15px;
    }


    .main_menu .logo-img {
        width: 106px;
        left: 3px;
    }

    .accueil-header {
        width: 30px;
    }

    .tel-main_menu span b {
        display: none;
    }

    /* .header.sticky-menu .main_menu .navbar-nav .nav-link {
        padding: 5px 4px;
        font-size: 12px;
    } */
         .header.sticky-menu .main_menu .navbar-nav .nav-link {
        padding: 2px 6px;
        font-size: 14px;
    }

    .btn-menu {
        width: 63px;
        font-size: 14px;
        height: 34px;
        padding: 5px 6px;
    }

    .header.sticky-menu .main_menu .tel-main_menu {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-left: -22px;
    }

    .header.sticky-menu .w_26 {
        width: 17%;
        margin-right: 4px;
    }


    .pl-lg-3,
    .px-lg-3 {
        padding-left: 0rem !important;
    }


    .pr-lg-3,
    .px-lg-3 {
        padding-right: 0rem !important;
    }

    .tel-main_menu span {

        top: -9px;
        position: relative;
    }

    .slider_area.owl-carousel .slide-item img {
        height: 425px;
    }

    .bandeau_section .header_back {

        height: 450px;

    }


    .slider_area.owl-carousel .slid_content .h1-bold {
        font-size: 21px;
    }

    .slider_area.owl-carousel .slid_content .h1 {
        font-size: 16px;

    }


    .bandeau_section .header_back_logo {
        bottom: -88px;
        left: -8px;
        width: 417px;
        height: 391px;
    }

    .why-item img {
        height: 50px;

    }

    .why-item .h5 {

        font-size: 20px;

    }

    p {
        font-size: 14px;
    }

    .blue {
        padding-top: 54px;
        padding-bottom: 48px;
        background-size: 150px;
    }

    .button {
        font-size: 16px;
    }

    .img-rea1 {
        width: 100% !important;
        height: 400px;
    }

    .img-rea3 {

        height: 290px;
        width: 100% !important;
    }


    .img-rea6 {
        width: 100% !important;
        height: 400px;

    }

    .img-rea4 {
        width: 100% !important;
        height: 290px;

    }

       .img-rea5 {
        height: 458px;
        width: 100% !important;
        top: -160px;
    }
    .blue {
        padding-top: 53px;
        padding-bottom: 52px;
        background-size: 150px;
    }

    .main_img {
        width: 100%;
            height: 350px;
    }

    .second_img {
        position: absolute;
        bottom: -39px;
        right: -8px;
        width: 58%;
        height: 223px;
        z-index: 5;
    }

        .img-rea6 {
        width: 100% !important;
        height: 400px;
        top: -102px;
    }

        .img-rea3 {
        height: 290px;
        width: 100% !important;
    }

.img-rea2 {
        width: 100%;
            height: 230px;
    }

.footer p, .footer .footer-top a, .footer i {

    font-size: 15px;
}

    .img_footer {
        width: 30px;
        height: 30px;
        margin-left: -16.5px !important;
    }
    .footer-logo {
        padding-bottom: 73px;
                padding-left: 25px;
        padding-right: 0px;
    }

    .bloc {
        right: -100px;
        height: 430px;
            padding: 30px 25px;
    }
.img-bloc {
    height: 515px;
    
}
    .blue1 {
        padding: 0 25px;
        padding-top: 62px;
        padding-bottom: 57px;
            background-size: 160px;
    }

.back_logo {
   
    width: 477px;
    height: 458px;
}


iframe{
    height: 400px;
}


.section_actualite{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
    .header .header_back {
        height: 140px;
    }
.back_logo {
   
    left: 0px;
   
}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .slider_area.owl-carousel .slid_content .why-item-slider {
      
        height:53%;
    }


.bandeau_section .header_back {
        height: 365px;
    }

    .slider_area.owl-carousel .slide-item img {
        height: 315px;
            width: 108%;
    }
.slider_area.owl-carousel .slide-item .image-bandeau {
   
    right: 34px;
    
}

    .bandeau_section .header_back_logo {
        bottom: -56px;
        left: 52px;
        width: 300px;
        height: 290px;
    }


    .section_wcu .wcu_back {
        width: 35%;
        height: 200px;
    }

    .slider_area.owl-carousel .slid_content {
        width: 90%;
        margin-top: 50px;
    }

    .why-item {
        padding: 20px 4px;
            background-size: 150px;
    }

.icon-dallet {
    width: 30px;
    height: 20px !important;
}

    p {
        font-size: 15px;
    }


    .button {
        font-size: 14px;
    }

.button .img-arrow {
    width: 20px;
    height: 11px;
    margin-left: 4px;
   
}
.why-item p {
    font-size: 13px;
}
.carre {
   
    width: 100%;
    margin-bottom: 30px;
    
}

    .rea-item {
        width: 100%;
        height: 450px;
        margin-bottom: 25px;
    }

    .img-rea1 {
        width: 100% !important;
        height: 100%;
        object-fit: cover;
        top: 0px;
    }
        .img-rea2 {
        width: 100% !important;
        height: 100%;
        object-fit: cover;
        top: 0px;
    }
        .img-rea3 {
        width: 100% !important;
        height: 100%;
        object-fit: cover;
        top: 0px;
    }
        .img-rea4 {
        width: 100% !important;
        height: 100%;
        object-fit: cover;
        top: 0px;
    }
    .img-rea5 {
        width: 100% !important;
        height: 100%;
        object-fit: cover;
        top: 0px;
    }
        .img-rea6 {
        width: 100% !important;
        height: 100%;
        object-fit: cover;
        top: 0;
    }

.rea-item a{
    width: 100%;
    height: 100%;
    display: block;
}

.max_height1{
    max-height:100%;
}
.max_height2{
   max-height:100%;
}
.rea-item .number6 {
    position: relative;
    top: 0px;
}
.rea-item .number5 {
    position: relative;
    top: 0px;
}
.pad-top{
    padding-top: 20px !important;
}



    iframe {
        height: 375px;
        margin-bottom: 20px;
    }




    .main_img {
        width: 100%;
       
    }
    .second_img {
       
        width: 50%;
       
    }
    .main_menu .logo-img {
      
        position: relative;
    }

    .top_menu {
    
        display: none;
    }


    .footer-logo {
        position: relative;
    }
    .header .header_back {
        height: 75px;
    }

.donne-info{
  
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start !important;
    text-align: left;
}
    .img_footer {
        width: 30px;
        height: 30px;
        margin-left: 0px !important;
    }

.footer .footer-top {
    padding-bottom: 3rem;
    padding-top: 3rem;
    padding-left: 30px;
    padding-right: 30px;
}


 .navbar {
        padding: 0px 18px;
        gap: 12px;
    }
.dropdown-menu {
   
    border: none;
   
}


.section_blue{
    overflow: hidden;
}



    .bloc {
        right: 0px;
       
    }
    .img-bloc {
        height: 415px;
        border-radius: 18px;
        margin-top: 15px;
    }


.bloc-gris {
  
    margin-top: 25px;
}


.logo-center{
      display: flex;
    justify-content: center;  
}
    .header.sticky-menu .main_menu .navbar-nav .nav-link {
        padding: 8px 15px;
        font-size: 14px;
       
    }
.icon-dallet-list {
  
    font-size: 15px;
}

.bouton {
    
    margin-bottom: 10px;
 
}
    .section_infos .row .col-lg-6:first-child {
        order: 2;
    }





.btn-menu1{
    display: flex;
    margin: initial !important;
    background: none !important;
       color: #626262 !important;
    
}
.header.sticky-menu .btn-menu1{
    display: flex;
    margin: initial !important;
    background: none !important;
       color: #626262 !important;
    margin-left: 7px !important;
}
    .second_img {
       
      
        right: -14px;
       
    }

.header .main_menu .btn-menu1 {
    display: block;
}

.sous-menu{
    flex-direction: column;
    align-items: flex-start !important;
}
.dropdown-item {
    display: block;
  
    padding: .25rem 1.5rem;
    
  
    color: #626262;
   
    font-size: 15px;
}




}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
        .bandeau_section .header_back_logo {
        bottom: 206px;
        left: -5px;
        width: 451px;
        height: 438px;
    }
        p {
        font-size: 14px;
    }
    .check span {
    font-size: 13px;
}
}

/* Extra Small Devices, Phones */
@media (max-width: 667px) {

.slider_area.owl-carousel .slid_content .h1-bold {
        font-size: 18px;
    }

.slider_area.owl-carousel .slid_content .why-item-slider {
        height:55%;
                padding: 14px 12px;
    }

    .slider_area.owl-carousel .slid_content {
        width: 76%;
        margin-top: 35px;
        margin-left: -49px;
    }

       .bandeau_section .header_back_logo {
        bottom: 269px;
        left: -5px;
        width: 264px;
        height: 256px;
    }
    .slider_area.owl-carousel .slid_content .h1 {
        font-size: 13px;
    }

.slider_area.owl-carousel .slid_content .p {
    font-size: 14px;
    
  
}

.slider_area.owl-carousel .slide-item img {
        height: 250px;
        width: 117%;
    }

    .slider_area.owl-carousel .slide-item .image-bandeau {
        right: 50px;
    }

    .bandeau_section .header_back {
        height: 275px;
    }
    .section_wcu .wcu_back {
        width: 40%;
        height: 148px;
    }

    .donne-info {
       
        margin-top: 18px;
    }

.bloc-gris {
        margin-top: 25px;
        margin-bottom: 25px;
    }


    .section_infos .row .col-lg-6:first-child {
        order: 2;
    }

    .section_infos1 .row .col-lg-6:first-child {
        order: 1;
    }


.img-arrondis {
        width: 100%;
        margin-bottom: 15px;
    }

    .icon-dallet-list {
        font-size: 14px;
    }








}

@media (max-width: 568px) {

      .slider_area.owl-carousel .slid_content {
        width: 100%;
        margin-top: 43px;
        margin-left: 6px;
        position: absolute;
        z-index: 3;
    }


    .slider_area.owl-carousel .slide-item img {
        height: 220px;
        width: 122%;
    }


    .slider_area.owl-carousel .slid_content .h1-bold {
        font-size: 15px;
    }
    .slider_area.owl-carousel .slid_content .h1 {
        font-size: 12px;
        margin-bottom: 0;
    }


    .slider_area.owl-carousel .slid_content .p {
        font-size: 13px;
    }


    .slider_area.owl-carousel .slide-item .image-bandeau {
        right: 49px;
    }

.why-item:hover {
    transform: scale(0.9);
}
.carre:hover {
    transform: scale(0.9);
}
.second_img {
        right: 5px;
    }

    .back_logo {
        width: 301px;
        height: 300px;
    }

.banner-heading .h1 {
    color: #173482;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 800;
}

.section {
   
    padding: 1rem 0;
    
}

    .rea-item {
       
        height: 260px;
      
    }














}

@media only screen and (max-width : 480px) {
        .slider_area.owl-carousel .slide-item .image-bandeau {
        right: 51px;
    }
        .bandeau_section .header_back_logo {
        bottom: -211px;
       
    }

        .second_img {
       
        bottom: -9px;
      
        width: 58%;
        height: 185px;
      
    }
    .pb-170 {
    padding-bottom: 30px !important;
}
}
@media only screen and (max-width : 428px) {
         .slider_area.owl-carousel .slid_content {
        width: 100%;
        margin-top: 43px;
        margin-left: 6px;
        position: absolute;
        z-index: 3;
    }


    .slider_area.owl-carousel .slide-item img {
        height: 220px;
        width: 122%;
    }


    .slider_area.owl-carousel .slid_content .h1-bold {
        font-size: 15px;
    }
    .slider_area.owl-carousel .slid_content .h1 {
        font-size: 12px;
        margin-bottom: 0;
    }


    .slider_area.owl-carousel .slid_content .p {
        font-size: 13px;
    }


    .slider_area.owl-carousel .slide-item .image-bandeau {
        right: 49px;
    }
    .bandeau_section .header_back_logo {
        bottom: 220px;
    }

}

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



    .slider_area.owl-carousel .slide-item img {
        height: 220px;
        width: 124%;
    }

    .bandeau_section .header_back_logo {
        bottom: 246px;
        left: 0px;
        width: 157px;
        height: 152px;
    }
    .slider_area.owl-carousel .slid_content .why-item-slider {
        height: 63%;
        padding: 14px 12px;
    }
    .button {
        font-size: 13px;
    }

.why-item:hover {
    transform: scale(0.9);
}
.carre:hover {
    transform: scale(0.9);
}

.image-popup img:hover{
    transform: scale(0.9);
}
















}












/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
    .dropdown-item {
   
   
    font-size: 13px;
}
.blue .title .up_title {
   
    font-size: 25px;
   
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .slider_area.owl-carousel .slid_content .h1-bold {
        font-size: 12.5px;
    }
        .slider_area.owl-carousel .slid_content .h1 {
        font-size: 11px;
     
    }
    .slider_area.owl-carousel .slid_content .p {
        font-size: 11px;
    }
    .slider_area.owl-carousel .slid_content .why-item-slider {
        height: 55%;
        padding: 14px 6px;
    }
    
    p {
        font-size: 13px;
    }

    .title .up_title {
     font-size: 25px;
    }
        .banner-heading .h1 {
       
        font-size: 20px;
      
    }
    .page-header .breadcrumb li, .page-header .breadcrumb li a {
         font-size: 14px;
    
        }
            .main_img {
        
        height: 225px;
    }
        .why-item {
        padding: 20px 15px;
        
    }
        .blue {
        padding-top: 30px;
        padding-bottom: 30px;
     
    }
    .f-colum{
        flex-direction: column;
    }
}