/*-----------------------------------------------------*/
/* Responsive design */
/* phones portrait */
@media screen and (max-width: 600px) {

    .slider-home-container,
    .slider-home,
    .carousel-container,
    .slider-img,
    .slider-home-text { height: 400px; }
    .carousel-slide-title { 
        align-items: flex-end;
        background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgb(36, 55, 119, 0.8) 100%); 
    }
    .slider-img .image-layer { width: 200%; float: right; margin-top: 50px; }
    .flash-info { width: 96%; height: 105px; margin: 15px 2% 20px 2%; }
    .flash-info .text-slide { margin-top: 9px; }
    .flash-info .st1 { width: 15%; height: 50px; position: absolute; margin: -10px 0 0 -5px; }
    .flash-info .st2 { width: 80%; margin: 9px 8% 0 12%; }
    .flash-info .st3 { width: 0; }
    .slider-home .text { margin: 0 0 10px 0; font-size: 38px; line-height: 43px; }
    .content-nav { width: 100%; position: relative; padding: 0; padding-bottom: 0; background: none; }
    .content-nav2 { width: 100%; position: relative; padding: 0; }
    #slider-nav-set { right: -7%; margin-bottom: 15px; }
    .tscale3 { display: none; }


    .page-top-rounded { border-top-left-radius: 50px; border-top-right-radius: 50px; }
    .login-container { 
        width: 80%; margin-top: 100px; padding: 0 10% 40px 10%; box-shadow: 1px 1px 30px rgb(0, 0, 0, 0.05)
    } 
    .login-container-image {
        width: 130px; height: 130px; margin: -100px 0 0 calc(40% - 65px); border-radius: 65px;
    }
    .login-container-textarea { margin-top: 50px; }

    
    /*Bloc*/
    .grid2 { grid-column-gap : 0; grid-template-columns: 100%; }
    .grid3 { grid-column-gap : 0; grid-template-columns: 100%; }
    .grid4 { grid-column-gap : 0; grid-template-columns: 100%; }
    .grid5 { grid-column-gap : 3%; grid-template-columns: 47% 47%; }

    .grid-bloc3-container-lil { grid-column-gap: 0; grid-template-columns: 100%; }
    .grid-bloc3-container { grid-row-gap: 10px; grid-column-gap: 3%; grid-template-columns: 100%; }
    .grid-bloc4-container { grid-column-gap: 0; grid-template-columns: 90%; margin-left: 5%; }
    .card-bloc4> a .button { margin-top: 5px; transform: translateY(0); opacity: 1; transition: 0.2s; }
    .card-bloc5 { display: inline-block; align-items: none; text-align: center; }
    .card-bloc5 > div .image { width: 33%; margin-left: -5%; }
    .card-bloc5-image { width: 100%; float: none; margin: 0 0 0 10%; }

    .card-bloc6 { width: 100%; padding: 2px 0 2px 0; margin-top: 10px; display: inline-block; align-items: none; }
    .card-bloc6-image { width: 100%; }
    .card-bloc7 { width: 80%; padding: 12px 10% 10px 10%; }
    .card-bloc7_ { width: 88%; padding: 12px 5% 10px 5%; }

    .tab button { width: 100%; padding: 16px 0; }
    .tab { display: inline-block; }
    .card-money-line { width: 100%; height: 2px; background-color: #CCC; margin: auto; transform: rotate(0); }

    .card-bloc9 { height: auto; margin-top: 0px; }
    .card-bloc9-image { width: 80%; height: 200px; padding: 40px 10% 0 10%; }
    .grid-bloc11-container { grid-row-gap: 0; grid-column-gap: 0; grid-template-columns: 100%; }
    .card-bloc12-image { width: 40%; margin: 10px 30%; display: none; }
    .card-bloc12-text { width: 86%; margin-left: 0; padding: 20px 7% 25px 7%; }

    .grid-bloc14-container { grid-column-gap: 1; grid-template-columns: 100%; }
    .card-bloc14 { border-radius: 30px; }
    .card-bloc14-image { height: 120px; }
    .projet-result-bg { height: 130px; }
    .pix-user-lil { width: 30px; }

    .grid-bloc16-container { grid-row-gap: 0; grid-column-gap: 0; grid-template-columns: 100%; margin-bottom: 0; }
    .card-bloc16 .image { height: 180px; }

    .grid-bloc17-container { grid-row-gap: 10px; grid-column-gap: 0; grid-template-columns: 100%; margin-bottom: 0; }
    .card-bloc17 .image { height: 200px; }

    .grid-bloc19-container { grid-row-gap: 10px; grid-column-gap: 0; grid-template-columns: 100%; }

    .grid-bloc21-container { grid-column-gap: 0; grid-template-columns: 100%; }

    .grid-bloc22-container { grid-row-gap: 15px; grid-column-gap: 0; grid-template-columns: 100%;  }
    .card-bloc22,
    .card-bloc22.color2,
    .card-bloc22.color3,
    .card-bloc22.color4 {
        width: 100%; height: 150px; }


    .projet-result-bg2 { height: 40px; }
    .card-bloc15-image { height: 100px; }
    .card-media-photo { height: 160px; } 
    .card-media-photo2 { height: 180px; } 
    .card-media-photo3 { height: 180px; } 
    .card-media-video3 { height: 180px; } 
    .card-media-video { width: 100%; height: 160px; margin-top: 30px; margin-left: 0; } 
    .card-media-video2 { height: 180px; } 

    .grid-carousel3 { width: 90%; margin-left: 5%; grid-row-gap: 0; grid-column-gap: 0; grid-template-columns: 100%; }

    .grid-media-photo-container {
        grid-row-gap: 1%;
        grid-column-gap: 0;
        grid-template-columns: 100%;
    }
    .grid-media-photo2-container {
        grid-row-gap: 1%;
        grid-column-gap: 0;
        grid-template-columns: 100%;
    }

    
    .card-line1 { width: 86%; padding: 15px 7%; }
    .card-line1-area { width: 90%; padding: 0px 5% 15px 5%; }

    .card-check .icon { width: 40%; }

    .bloc-cam-step { height: 370px; align-items: flex-end; }
    .bloc-cam-bloc { width: 100%; }
    .bloc-indication-step2 { width: 85%; }

    .card-empty-data .image { width: 40%; }


    /*Title & Section*/
    .top-menu-formule { width: 80%; padding: 20px 10% 30px 10%; }
    .top-page { width: 90%; margin: -10px 0 10px 0; padding: 15px 5% 20px 5%; float: left; border-radius: 0 0 70px 70px; }
    .top-page-inner { width: 90%; margin: 0 auto 0 auto; display: block; align-items: none; justify-content: none; }

    .top-media { height: 230px; }
    .top-media2 { width: 114%; height: 220px; margin-left: -7%; border-radius: 60px; }
    .carousel { width: 108%; margin-left: -4%;  }
    .top-media-rounded { border-radius: 60px; }
    .card-bloc17-text3 { align-items: flex-end; }

    .full-page { padding: 80px 0 0 0; }
    .full-page2 { padding: 30px 0 0 0; }

    .top-avis-sondage { width: 100%; padding: 70px 0; }
    .top-avis-sondage > .image { width: 80%; }
    .top-avis-sondage-plus { width: 80%; padding: 80px 10% 0 10%; }
    .top-avis-sondage-plus2 { width: 80%; min-height: 230px; padding: 20px 10% 20px 10%; }

    .top-projet-plus-inner { width: 80%; padding: 100px 10% 0 10%; }
    .top-projet-plus-inner2 { width: 70%; padding: 100px 15% 0 15%; }

    .section-page-text { width: 80%; padding: 30px 10% 20px 10%; }
    .carousel-indicators  { justify-content: center; margin: 20px 10% 25px 10%; }


    .qrcode { width: 65%; }


    /*Button*/
    .button-extra1 { width: 50%; height: 68px; margin: 5px 0; float: left; }
    .bloc-menu-selected { height: 500px; display: block; bottom: -450px; }


    .form-check-input { top: -5px; }


    /*owl*/
    .owl-nav:nth-child(1) { display: none; }
    .owl-nav:nth-child(2) { display: none; }
    .owl-dots { display: block; margin-top: -5px; margin-bottom: 10px; }


    
    .container-special-inner { width: 90%; }
    .container-special.active { width: 100%; }

    .container-special-result .st1 { width: 100%; margin-right: 0; }
    .container-special-result .st2 { width: 100%; display: none; }

}


/* tablets portrait, phones landscape */
@media screen and (min-width: 768px) {

    .slider-home-container,
    .slider-home,
    .carousel-container,
    .slider-img,
    .slider-home-text { height: 450px; }
    .flash-info { height: 50px; }
    .flash-info .text-slide { margin-top: 6px; }
    .slider-home .text { margin: 80px 0 20px 0; font-size: 45px; line-height: 55px; }
    #slider-nav-set { margin-bottom: 85px; }
    .tscale3 { display: none; }

    
    .page-top-rounded { border-top-left-radius: 100px; border-top-right-radius: 100px; }
    .login-container { 
        width: 400px; margin-top: 110px; padding: 0 50px 50px 50px; box-shadow: 1px 1px 30px rgb(0, 0, 0, 0.2)
    } 
    .login-container-image {
        width: 140px; height: 140px; margin: -100px 0 0 130px; border-radius: 65px;
    }
    .login-container-textarea { margin-top: 60px; }


    /*Bloc*/
    .grid2 { grid-column-gap : 5%; grid-template-columns: 47.5% 47.5%; }
    .grid3 { grid-column-gap : 4%; grid-template-columns: 29.33% 29.33% 29.33%; }
    .grid4 { grid-column-gap : 3%; grid-template-columns: 22% 22% 22% 22%; }
    .grid5 { grid-column-gap : 3%; grid-template-columns: 17% 17% 17% 17% 17%; }

    .grid-bloc3-container { grid-row-gap: 10px; grid-column-gap: 3%; grid-template-columns: 31.33% 31.33% 31.33% ; }
    .grid-bloc4-container { grid-column-gap: 2%; grid-template-columns: 23.5% 23.5% 23.5% 23.5%;  margin-left: 0;} 
    .card-bloc4> a .button { margin-top: 5px; transform: translateY(0); opacity: 1; transition: 0.2s; }
    .card-bloc5 { display: flex; align-items: center; text-align: left; }
    .card-bloc5 > div .image { width: 25%; margin-left: -15px; }
    .card-bloc5-image { width: 70%; float: left; margin: 0 0 0 0; }

    .card-bloc6 { width: 86%; padding: 2px 7% 2px 7%; margin-top: -2px; display: flex; align-items: center; }
    .card-bloc6-image { width: 100%; }
    .card-bloc7 { width: 92%; padding: 12px 4% 10px 4%; }
    .card-bloc9 { height: 380px; }
    .card-bloc9-image { width: 84%; height: 210px; padding: 40px 8% 0 8%; }
    .grid-bloc11-container { grid-row-gap: 10px; grid-column-gap: 3%; grid-template-columns: 48.5% 48.5%;}
    .card-bloc12-image { width: 28%; margin: 10px 1%; display: inline-block; }
    .card-bloc12-text { width: 62%; margin-left: 3%; padding: 20px 5% 25px 0; }
    .grid-bloc14-container { grid-column-gap: 2%; grid-template-columns: 49% 49%; }
    .card-bloc14 { border-radius: 35px; }
    .card-bloc14-image { height: 150px; }
    .projet-result-bg { height: 120px; }
    .pix-user-lil { width: 40px; }

    /* .grid-bloc17-container { grid-column-gap: 2%; grid-template-columns: 49% 49%; }
    .grid-bloc21-container { grid-column-gap: 3%; grid-template-columns: 48.5% 48.5%; } */
    .card-bloc16 .image { height: 120px; }
    .card-bloc17 .image { height: 200px; }

    .grid-bloc19-container { grid-row-gap: 20px; grid-column-gap: 3%; grid-template-columns: 48.5% 48.5%; }

    .card-bloc22,
    .card-bloc22.color2,
    .card-bloc22.color3,
    .card-bloc22.color4 {
        width: 100%; height: 160px; }


    .projet-result-bg2 { height: 45px; }
    .card-bloc15-image { height: 150px; }
    .card-media-photo { height: 94px; } 
    .card-media-photo2 { height: 160px; } 
    .card-media-photo3 { height: 150px; } 
    .card-media-video3 { height: 210px; } 
    .card-media-video { width: 99%; height: 180px; margin-top: 0; margin-left: 1%; } 
    .card-media-video2 { height: 230px; } 

    .grid-carousel3 { grid-row-gap: 20px; grid-column-gap: 3.2%; grid-template-columns: 31% 31% 31%; }
    


    .grid-media-photo-container {
        grid-row-gap: 1%;
        grid-column-gap: 1%;
        grid-template-columns: 49.5% 49.5%;
    }
    .grid-media-photo2-container {
        grid-row-gap: 1%;
        grid-column-gap: 1%;
        grid-template-columns: 32.33% 32.33% 33.23%;
    }


    .card-line1 { width: 94%; padding: 15px 3%; }
    .card-line1-area { width: 96%; padding: 0px 2% 15px 2%; }



    .bloc-cam-step { height: calc(var(--bloc-set1-height) + var(--bloc-set2-height) + var(--bloc-set3-height) + 120px ); align-items: center; }
    .bloc-cam-bloc { width: 80%; }
    .bloc-indication-step2 { width: 90%; }

    .card-empty-data .image { width: 16%; }


    /*Title & Section*/
    .top-menu-formule { width: 70%; padding: 30px 15% 150px 15%; }
    .top-page { width: 94%; margin: 0 auto 10px auto; padding: 20px 0 20px 0; float: none; border-radius: 120px; }
    .top-page-inner { width: 90%; margin: 0 auto 0 auto; display: flex; align-items: center; justify-content: center; }
    .top-media { height: 380px; }
    .top-media2 { height: 350px; }

    .full-page { padding: 110px 0 0 0; }
    .full-page2 { padding: 30px 0 0 0; }

    .top-avis-sondage { width: 100%; padding: 70px 0; }
    .top-avis-sondage > .image { width: 40%; }
    .top-avis-sondage-plus { width: 70%; padding: 80px 15% 0 15%; }
    .top-avis-sondage-plus2 { width: 60%; min-height: 230px; padding: 20px 20% 20px 20%; }

    .top-projet-plus-inner { width: 80%; padding: 140px 10% 0 10%; }
    .top-projet-plus-inner2 { width: 70%; padding: 80px 15% 0 15%; }

    .section-page-text { width: 80%; padding: 40px 10% 30px 10%; }

    .qrcode { width: 100%; }


    /*Buton*/
    .button-extra1 {  width: 115px; height: 68px; margin: 5px; }
    .bloc-menu-selected { height: 310px; display: block; bottom: -260px; }

    .form-check-input { top: -5px; }


    .owl-nav:nth-child(2) { top:-1px; left: 98%; }

    .carousel-indicators { justify-content: left; margin: 0 10% 30px 10%; }


    .container-special-inner { width: 90%; }
    .container-special.active { width: 100%; }
    .container-special-map.active { width: 100%; margin-left: 0%; }

}


/* tablets landscape */
@media screen and (min-width: 992px) {

    .slider-home-container,
    .slider-home,
    .carousel-container,
    .slider-img,
    .slider-home-text { height: 470px; }
    .flash-info { height: 55px; }
    .flash-info .text-slide { margin-top: 8px; }
    .slider-home .text { margin: 80px 0 20px 0; font-size: 50px; line-height: 60px; }
    

    .card-bloc16 .image { height: 140px; }
    .card-bloc17 .image { height: 250px; }

    .card-bloc22,
    .card-bloc22.color2,
    .card-bloc22.color3,
    .card-bloc22.color4 {
        width: 100%; height: 160px; }

    .container-special-inner { width: 80%; }
    .container-special.active { width: 35%; }
    .container-special-map.active { width: 65%; margin-left: 35%; }

}


/**/
@media screen and (min-width: 1200px) {

    .slider-home-container,
    .slider-home,
    .carousel-container,
    .slider-img,
    .slider-home-text { height: 550px; }
    .flash-info { height: 55px; }
    .flash-info .text-slide { margin-top: 8px; }
    .slider-home .text { margin: 110px 0 20px 0; font-size: 50px; line-height: 60px; }
    #slider-nav-set { margin-bottom: 85px; }
    .tscale3 { display: block; }


    /*Bloc*/
    .grid-bloc3-container { grid-row-gap: 10px; grid-column-gap: 5%; grid-template-columns: 47.5% 47.5%; }
    .card-bloc4> a .button { margin-top: -20px; transform: translateY(-30px); opacity: 0; transition: 0.2s; }

    .grid-bloc14-container { grid-column-gap: 0; grid-template-columns:100%; }
    .card-bloc14 { border-radius: 40px; }
    .card-bloc14-image { height: 230px; }
    .projet-result-bg { height: 130px; }
    .pix-user-lil { width: 50px; }

    .card-bloc16 .image { height: 160px; }
    .card-bloc17 .image { height: 280px; }

    .card-bloc22,
    .card-bloc22.color2,
    .card-bloc22.color3,
    .card-bloc22.color4 {
        width: 100%; height: 160px; }


    .projet-result-bg2 { height: 50px; }
    .card-bloc15-image { height: 180px; }
    .card-media-photo { height: 104px; } 
    .card-media-photo2 { height: 190px; } 
    .card-media-photo3 { height: 170px; } 
    .card-media-video3 { height: 230px; } 
    .card-media-video { width: 99%; height: 210px; margin-top: 0; margin-left: 1%; } 
    .card-media-video2 { height: 250px; } 



    /*Title & Section*/
    .top-menu-formule { width: 70%; padding: 30px 15% 150px 15%; }
    .top-page { width: 90%; margin: 0 auto 10px auto; padding: 25px 0 20px 0; }
    .top-page-inner { width: 80%; margin: 0 auto 0 auto; }

    .top-media { height: 400px; }
    .top-media2 { height: 380px; }

    .top-avis-sondage { width: 100%; padding: 90px 0; }
    .top-avis-sondage-plus { width: 70%; padding: 110px 15% 0 15%; }
    .top-avis-sondage-plus2 { width: 60%; min-height: 250px; padding: 20px 20% 20px 20%; }

    .top-projet-plus-inner { width: 80%; padding: 170px 10% 0 10%; }
    .top-projet-plus-inner2 { width: 70%; padding: 100px 15% 0 15%; }

    .section-page-text { width: 70%; padding: 40px 10% 30px 10%; }


    /*Buton*/
    .bloc-menu-selected { display: none; }

    .form-check-input { top: -5px; }


    .owl-nav:nth-child(2) { top:-3px; left: 99%; }


    .container-special-inner { width: 70%; } /*padding-top: 150px;*/
    .container-special.active { width: 35%; }
    .container-special-map.active { width: 65%; margin-left: 35%; }

}


/**/
@media screen and (min-width: 1500px) {

    .owl-nav:nth-child(2) { top:0; left: 100%; }

}


/**/
@media screen and (min-width: 1600px) {

    .slider-home-container,
    .slider-home,
    .carousel-container,
    .slider-img,
    .slider-home-text { height: 700px; }
    .flash-info { height: 60px; }
    .flash-info .text-slide { margin-top: 8px; }
    .slider-home .text { margin: 90px 0 20px 0; font-size: 65px; line-height: 75px; }
    #slider-nav-set { margin-bottom: 100px; }


    .login-container { 
        width: 450px; margin-top: 110px; padding: 0 50px 50px 50px; box-shadow: 1px 1px 30px rgb(0, 0, 0, 0.2)
    } 
    .login-container-image {
        width: 180px; height: 180px; margin: -100px 0 0 132px; 
    }
    .login-container-textarea { margin-top: 100px; }

    .card-bloc16 .image { height: 180px; }


    /*Bloc*/
    .card-bloc9 { height: 380px; }
    .card-bloc9-image { width: 84%; height: 230px; padding: 50px 8% 0 8%; }

    .card-bloc14 { border-radius: 45px; }
    .card-bloc14-image { height: 250px; }
    .projet-result-bg { height: 145px; }
    .pix-user-lil { width: 60px; }

    .card-bloc22,
    .card-bloc22.color2,
    .card-bloc22.color3,
    .card-bloc22.color4 {
        width: 100%; height: 170px; }

    .projet-result-bg2 { height: 55px; }
    .card-bloc15-image { height: 200px; }
    .card-media-photo { height: 139px; } 
    .card-media-photo2 { height: 210px; } 
    .card-media-photo3 { height: 200px; } 
    .card-media-video3 { height: 260px; } 
    .card-media-video { width: 99%; height: 280px; margin-top: 0; margin-left: 1%; } 
    .card-media-video2 { height: 270px; } 


    /*Title & Section*/
    .top-menu-formule { width: 80%; padding: 50px 10% 180px 10%; }
    .top-page { width: 80%; margin: 0 auto 10px auto; padding: 25px 0 20px 0; }
    .top-page-inner { width: 80%; margin: 0 auto 0 auto; }

    .full-page { padding: 150px 0 0 0; }
    .full-page2 { padding: 30px 0 0 0; }

    .top-media { height: 430px; }
    .top-media2 { height: 400px; }

    .top-avis-sondage { width: 100%; padding: 110px 0; }
    .top-avis-sondage-plus { width: 70%; padding: 120px 15% 5px 15%; }
    .top-avis-sondage-plus2 { width: 60%; min-height: 300px; padding: 20px 20% 20px 20%; }

    .top-projet-plus-inner { width: 80%; padding: 200px 10% 0 10%; }
    .top-projet-plus-inner2 { width: 70%; padding: 120px 15% 0 15%; }

    .section-page-text { width: 70%; padding: 70px 10% 50px 10%; }


    /*Buton*/
    .button-extra1 {  width: 120px; height: 75px; }

    .form-check-input { top: -1px; }

    .container-special-inner { width: 60%; }
    .container-special.active { width: 35%; }
    .container-special-map.active { width: 65%; margin-left: 35%; }

}


/**/
@media screen and (min-width: 1800px) {

    .slider-home-container,
    .slider-home,
    .carousel-container,
    .slider-img,
    .slider-home-text { height: 780px;  }
    .flash-info { height: 60px; }
    .flash-info .text-slide { margin-top: 8px; }
    .slider-home .text { margin: 110px 0 20px 0; font-size: 70px; line-height: 80px; }
    #slider-nav-set { margin-bottom: 100px; }


    .projet-result-bg2 { height: 60px; }
    .card-bloc15-image { height: 250px; }
    .card-media-photo { height: 153px; } 
    .card-media-photo2 { height: 200px; } 
    .card-media-photo3 { height: 190px; } 
    .card-media-video3 { height: 250px; } 
    .card-media-video { width: 99%; height: 310px; margin-top: 0; margin-left: 1%; } 
    .card-media-video2 { height: 280px; } 

    .card-bloc22,
    .card-bloc22.color2,
    .card-bloc22.color3,
    .card-bloc22.color4 {
        width: 100%; height: 180px; }

    /*Title & Section*/
    .top-page { width: 70%; margin: 0 auto 10px auto; padding: 25px 0 20px 0; }
    .top-page-inner { width: 70%; margin: 0 auto 0 auto; }
    .top-media { height: 450px; }
    .top-media2 { height: 420px; }
    
    .top-projet-plus-inner { width: 80%; padding: 280px 10% 0 10%; }
    .top-projet-plus-inner2 { width: 70%; padding: 150px 15% 0 15%; }


    /* .section-page-text { width: 70%; padding: 70px 10% 50px 10%; } */

    .container-special-inner { width: 50%; }
    .container-special.active { width: 30%; }
    .container-special-map.active { width: 70%; margin-left: 30%; }

}


/**/
@media screen and (min-width: 2000px) {

    .slider-home-container,
    .slider-home,
    .carousel-container,
    .slider-img,
    .slider-home-text { height: 850px;  }
    .flash-info { height: 65px; }
    .flash-info .text-slide { margin-top: 10px; }
    .slider-home .text { margin: 110px 0 20px 0; font-size: 70px; line-height: 80px; }
    #slider-nav-set { margin-bottom: 115px; }


    .projet-result-bg2 { height: 70px; }
    .card-bloc15-image { height: 280px; }
    .card-media-photo { height: 198px; } 
    .card-media-photo2 { height: 230px; } 
    .card-media-video { width: 99%; height: 400px; margin-top: 0; margin-left: 1%; } 
    .card-media-video2 { height: 300px; } 


    /*Title & Section*/
    .top-page { width: 60%; margin: 0 auto 10px auto; padding: 25px 0 20px 0; }
    .top-page-inner { width: 60%; margin: 0 auto 0 auto; }
    
    .top-projet-plus-inner { width: 80%; padding: 350px 10% 0 10%; }
    .top-projet-plus-inner2 { width: 70%; padding: 250px 15% 0 15%; }

}