.fond_osteo{
    width: 100%;
    height: 100%;
    background: url("https://dev.osteodispo.fr/assets/img/commercial/entreprise/FOND_OSTEODISPO_SANS_LOGO.png") no-repeat center center;
    background-size: cover; /* Ajustez selon vos besoins */
    z-index: -1;
}

.slot-time {
    background: #d4dbfa !important;
    border: 1px solid #d4dbfa !important;
    border-radius: 4px !important;
    color: black !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    margin-bottom: 5px !important;
    padding: 0.25rem 0.5rem !important;
    width: 65% !important;
}

.gm-style-iw-c{
    padding-inline-end: 0px;
    padding-bottom: 0px; 
    padding-top: 12px;
    max-width: 500px !important;
    max-height: 466px;
    width: 500px;
    min-width: 0px;
    border: 1px solid blue;
    overflow: hidden !important;
}
    /* Smartphones standards en mode portrait (max-width: 480px) */
    @media only screen and (max-width: 419px) {

        .badge_partenaire{
            border: 1px solid #7c91f3; 
            color: #7c91f3;
            border-radius: 15px;
            font-weight: 500 !important;
            margin-left: 20px;
            font-size: 14px;
        }

        .col_horaire_affiche {
            flex: 0 0 50%;
        }

        .btn_reserve_header{
            background-color: #7c91f3;
            width: 100%;
            font-size: 15px;
        }

        .col_perso_header_1 h4{
            font-size: 19px;
        }

        .col_perso_header_1 h5{
            font-size: 17px;
        }

        .h5_form_tel{
            margin-top: 20px;
            font-size: 16px;
        }

        .col_form_tel{
            text-align: center !important;
        }

        .col_tarifs_2{
            flex: 0 0 78%;
            max-width: 78%;
        }

        .img_13{
            width: 205px;
            height: 205px;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .row_public{
            width: 91% !important;
        }

        .col_public_2{
            text-align: right !important;
        }

        .col_recherche{
            display: none;
        }

        .row_avis{
            margin-left: 8px !important;
        }

        .col_avis{
            border-bottom: 1px solid lightgray;
        }

        .h4_dispo{
            display: none;
        }

        .row_osteo_dispo{
            display: none;
        }

        .col_reseaux{
            margin-top: 15px;
        }

        #collapseExample{
            margin-left: 0px !important;
        }

        #collapseExample2{
            margin-left: 0px !important;
        }

        .btn_conseils_2 {
            background-color: #7c91f3;
            border-radius: 10px;
            width: 230px;
            font-size: 17px;
            margin-top: 20px;
        }

        .container_taille2{
            width: 340px;
        }

        .instagram{
            text-align: left !important;
        }

        .test{
            margin-bottom: 25px;
        }

        .annee{
            font-size: 15px;
        }

        .col_tarifs{
            margin-left: -10px;
            font-size: 15px !important;
        }

        .col_paiement{
            margin-top: 5px;
        }

        .nom{
            font-size: 15px;
        }

        .row_experience{
            margin-left: 15px !important;
            margin-top: 10px !important;
            width: 90%;
        }

        .expriences{
            border-right: none !important;
            padding: 10px;
            border-bottom: solid;
        }

        .tarifs{
            margin-left: 0px !important;
            font-size: 15px;
            width: 100%;
        }

        .col-2 h4{
            margin-left: -40px !important;
        }

        .col-2 h5{
            margin-left: -40px !important;
        }

        .btn_cabinet{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 13px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
            
        }

        .map_infos{
            height: 235px !important;
        }

        .img_avatar2{
            border-radius: 50%;
            margin-top: 0px;
            width: 50px;
            height: 50px;
            margin-left: 5px;
        }

        .disdoc .row .office_doctor{
            margin-left: 75px;
            margin-top: -95px;
            flex: 0 0 78% !important;
            max-width: 78% !important;
        }

        .details .row .col-dif{
            flex: 0 0 95.666667% !important;
            max-width: 95.666667% !important;
        }

        .details .row .col-4 .btn_dispo {
            width: 235px !important;
            font-size: 13px !important;
            margin-left: -73px;
            margin-top: 5px !important;
            margin-bottom: -5px;
        }

        .btn_retour{
            font-size: 17px !important;
        }
    
        .office_doctor{
            margin-left: -55px;
            margin-top: -25px;
            flex: 0 0 78% !important;
            max-width: 78% !important;
        }

        .btn_dispo{
            width: 100% !important;
            margin-top: 5px !important;
            background-color: #7c91f3 !important;
            font-size: 15px !important;
        }

        .btn_dispo:hover{
            color: #7c91f3;
            background-color: white !important;
            border: 1px solid #7c91f3;
        }
    
        .badge_cabinet{
            font-size: 13px !important;
            border: 1px solid #ff9a01; 
            margin-left: 10px; 
            border-radius: 15px;
            align-items: center;
            display: none;
        }
    
        .p_office2{
            font-size: 14px; 
            color: black; 
            margin-top: -25px;
        }

        .btn_cabinet_money{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 13px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 75%;
        }

        .btn_domicile{
            background-color: #87c2e982; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 13px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .btn_urgence{
            background-color: #ec757578; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 13px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .col-2 .badge_cabinet{
            font-size: 15px;
            border: 1px solid #ff9a01; 
            margin-left: -40px !important;
            border-radius: 15px;
            
        }

        .col_perso_header{
            flex: 0 0 100% !important;
            max-width: 100% !important;
            margin-top: -15px;
        }

        .badge_cabinet_2{
            font-size: 15px;
            border: 1px solid #ff9a01;
            margin-left: 195px;
            margin-top: -31px;
            padding-left: 10px;
            padding-top: 2px;
            padding-bottom: 2px;
            width: 75px;
            border-radius: 20px;
        }

        .texte_resume{
            font-size: 16px !important;
            margin-left: 35px;
        }

        .btn_reserve{
            background-color: #7c91f3;
            width: 91% !important;
            font-size: 14px;
            margin-left: 12.5px;
            margin-top: 12px;
            border-radius: 10px !important;
        }

        .btn_reserve:hover{
            color: #7c91f3;
            border: 1px solid #7c91f3;
            background-color: white;
        }

        .texte_contact{
            margin-left: 40px;
            margin-top: -35px !important;
        }

        .btn_faq{
            background-color: #76c9be;
            width: 62%;
            font-size: 17px;
            margin-top: 5px;    
        }

        .h3_aide{
            font-size: 20px;
            padding-top: 20px !important;
        }

        .h5_aide{
            font-size: 17px !important;
            padding-left: 20px;
            padding-right: 20px;
        }

        .container_besoin{
            height: 230px !important;
        }

        .img_avatar{
            border-radius: 50%;
            margin-top: 20px;
            width: 70px;
            height: 70px;
            margin-left: -10px;
        }


        .btn_verifie{
            color:black; 
            border: 1px solid #ff9a01;  
            border-radius: 20px; 
            font-size: 18px; 
            margin-top: -10px; 
            text-align:center; 
            padding-top: 1px; 
            padding-bottom: 1px;
            padding-left: 13px;
            padding-right: 13px;
        }

        .h5_tel{
            color: black;
            margin-left: 85px;
            margin-top: -55px;
        }

        .gif_1{
            width: 75px;
            height: 75px;
        }

        .gif_2{
            width: 50px;
            height: 50px;
            margin-top:10px;
            margin-left: 10px;
        }

        .gif_3{
            width: 60px;
            margin-top:15px;
            margin-left: 10px;
        }

        .gif_4{
            width: 80px;
            height: 80px;
        }

        .gif_5{
            width: 110px;
            height: 45px;
            margin-bottom: 30px;
            margin-top: 5px;
            margin-left: -20px;
        }

        .gif_6{
            width: 80px;
            height: 80px;
            margin-bottom: 30px;
            border-radius: 50%;
        }

        .gif_7{
            width: 100px;
            height: 60px;
            margin-bottom: 30px;
            margin-top: 5px;
        }

        .btn_carte{
            font-size: 13px !important;
        }

        .gif_8{
            width: 100px;
            height: 100px;
            margin-top: -10px;
            margin-left: -5px;
        }

        .gif_9{
            width: 50px;
            height: 50px;
            margin-top: 10px;
            margin-left: 10px;
        }

        .btn_specifications{
            width: 100% !important;
            font-size: 14px;
            margin-left: -10px !important;
        }

        .savoir_plus{
            margin-left: 22px !important;
            margin-top: -27px;
        }

        .row_spec{
            margin-left: 15px;
        }

        div .col-sm-9{
            font-size: 15px !important;
        }

        .h5_avis{
            margin-left: 90px !important;
            margin-top: -45px !important;
            font-size: 17px;
        }

        .text_faq{
            font-size: 17px !important;
            margin-left: 15px !important;
        }

        .row_reseaux{
            margin-left: 0px !important;
            width: 305px;    
        }

        .row_form_tel{
            display: block !important;
        }

        .gif_10{
            width: 60px;
            height: 55px;
            margin-top: 5px;
            margin-left: 5px;
        }

        .h5_reseaux{
            margin-left: 70px !important;
            font-size: 17px;
        }


        .h5_faq{
            margin-left: 70px !important;
            margin-top: -33px !important;
            font-size: 17px;
        }

        .a_lire{
            color: white;
            font-size: 13px;
            margin-left: 15px;
            background-color: #5ccacc;
            padding: 7.5px 25px;
            width: 40% !important;
        }

        .col_pratiques{
            text-align: left !important;
            margin-left: 20px;
            margin-bottom: -4px;
        }

        .container-map {
            display: block !important;
            width: 94%;
            margin-top: 10px !important;
            margin-bottom: 10px;
        }

        .col-map{
            margin-left: 16px !important;
        }

        .a_lire:hover{
            border: 1px solid #5ccacc;
            background-color: white;
            color: #5ccacc;
        }

        .btn_avis{
            margin-left: 75px !important;
        }

        .col_resum{
            text-align: left !important;
            margin-left: 10px;
        }

        .btn_publier{
            width: 95% !important;
            font-size: 12.5px;
            background-color: #76c9be;
            margin-top: 10px;
        }

        .btn_publier:hover{
            border: 1px solid #5ccacc;
            background-color: white;
            color: #5ccacc;
        }

        .img_client{
            width: 300px;
            margin-bottom: 30px;
            margin-top: -90px;
        }

        .col-3_1{
            flex: 0 0 33.3333333333%;
            max-width: 27%;
        }

        .col-3_2{
            flex: 0 0 33.3333333333%;
            max-width: 23.5%;
        }

        .col-3_3{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }
        .col-3_4{
            flex: 0 0 33.3333333333%;
            max-width: 22%;
        }

        .col-3_5{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_6{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_7{
            flex: 0 0 33.3333333333%;
            max-width: 35%;
        }

        .h5_h1{
            margin-left: 75px; 
            margin-top: -50px; 
            color: black;
            font-size: 17px;
        }

        .row_h1{
            width: 500px; 
            margin-left:275px; 
            margin-top: -35px;
        }

        .col_perso_header_1{
            flex: 0 0 75% !important;
            max-width: 75% !important;
            margin-left: 55px;
            margin-top: 25px;
        }

        .row_header_taille{
            margin-top: -15px;
        }

        .justify-content-end{
            margin-top: 25px;
        }

        .h6_h1{
            margin-left: 15px; 
            margin-top: 25px;
            margin-bottom: -10px;
            margin-right: 10px;
        }

        .h5_h2{
            margin-left: 80px;
            margin-top: -35px;
            color: black;
            font-size: 17px;
        }

        .collapsed{
            font-size: 13px;
        }

        .h5_h3{
            margin-left: 70px;
            color: black;
            margin-top: -35px;
            font-size: 17px;
        }

        .h2_premium{
            font-size: 16px;
        }

        .pratiques{
            font-size: 17px;
            text-align: center;
            margin-top: -23px !important;
            margin-left: 50px !important;
        }

        .avis_btn{
            margin-top: 0px !important;
            margin-left: 0px !important;
        }

        .h5_h4{
            margin-left: 70px;
            margin-top: -55px;
            color: black;
            font-size: 16px;
        }

        .h5_h5{
            margin-left: 5%;
            margin-top: 20px;
            font-size: 16px;
            display: none;
        }

        .h5_h6{
            margin-left: 80px;
            margin-top: -80px;
            color: black;
            font-size: 17px;
        }

        .h5_h7{
            margin-left: 80px;
            margin-top: -70px;
            color: black;
            font-size: 17px;
        }

        .h5_h8{
            margin-left: 80px;
            margin-top: -60px;
            color: black;
            font-size: 17px;
        }

        .h5_h9{
            margin-left: 90px !important;
            margin-top: -45px !important;
            font-size: 17px;
        }

        .h5_h10{
            margin-left: 80px !important;
            margin-top: -42.5px !important;
            font-size: 17px;
        }

        .container_image{
            display: none;
        }

        .col_formations{
            margin-left: -20px !important;
            margin-top: 10px !important;
        }

        .col_formations .col-1{
            display: none;
        }

        .expriences_2{
            padding: 10px;
        }

        .taille_public{
            margin-left: 0px !important;
        }

        .col_public{
            margin-left: -20px !important;
        }

        .taille_public_1{
            margin-right: 25px;
            margin-top: -25px;
            margin-bottom: 20px;
        }

        .img_questions{
            width: 200px;
            margin-left: 36px;
            margin-top: -630px;   
        }

        .p_elargie{
            font-size: 17px;
        }

        .h3_elargie{
            color: black;
            padding-left: 12px;
            padding-top: 20px;
            font-size: 19px;
        }

        .h5_elargie{
            color: black;
            padding-left: 30px;
            padding-top: 155px;
            font-size: 15px;
        }

        .btn_faq_2{
            background-color: #76c9be;
            font-size: 15px;
            border-radius: 10px;
            padding: 10px 67px;
            margin-left: -11.5px;
        }

        .btn_blog{
            background-color: #76c9be;
            font-size: 15px;
            border-radius: 10px;
            margin-left: 0px;
            padding: 10px 66px;
            margin-left: -11.5px;
        }

        .btn_faq{
            background-color: #76c9be;
            font-size: 15px;
            border-radius: 10px;
            margin-left: 0px;
            padding: 10px 78px;
            margin-left: -11.5px;
            width: 98% !important;
        }

        .h4_conseils{
            color: black;
            font-size: 20px;
            padding: 15px;
        }

        .h5_conseils{
            color: black;
            padding-top: 15px;
            font-size: 17px;    
        }

        .p_conseils{
            color: black; 
            padding-top: 10px;
        }

        .input_conseils{
            background-color: #c8ebe5; 
            border: 1px solid #76c9be; 
            color: black; 
            border-radius: 10px; 
            width: 260px; 
            margin-bottom: 20px; 
            margin-top: 10px; 
            text-align: center; 
            height: 50px;
        }

        .btn_conseils{
            background-color: #76c9be; 
            border-radius: 10px; 
            width: 260px; 
            font-size: 17px;
            border-radius: 10px;
        }

        .img_avatar3{
            border-radius: 50%;
            margin-top: 10px; 
            width: 80px; 
            height: 80px;
            margin-left: 10px;
        }

        .btn_carte{
            display: none;
        }
    }
    
    @media only screen and (min-width: 420px) and (max-width: 600px) {

        .col_horaire_affiche {
            flex: 0 0 50%;
        }

        #map, #map2 {
            width: 100% !important;
            height: 290px !important;
            border-radius: 20px;
            display: block !important;
            position: relative;
        }
        
        .btn_carte{
            display: none;
        }

        .avis_btn {
            margin-top: -25px !important;
            margin-left: 40px !important;
        }

        .badge_partenaire{
            border: 1px solid #7c91f3; 
            color: #7c91f3;
            border-radius: 15px;
            font-weight: 500 !important;
            margin-left: 20px;
            font-size: 14px;
        }

        .btn_reserve_header{
            background-color: #7c91f3;
            width: 100%;
            font-size: 15px;
        }

        .col_perso_header_1 h4{
            font-size: 19px;
        }

        .col_perso_header_1 h5{
            font-size: 17px;
        }

        .h5_form_tel{
            margin-top: 20px;
            font-size: 16px;
        }

        .col_form_tel{
            text-align: center !important;
        }

        .col_tarifs_2{
            flex: 0 0 76%;
            max-width: 76%;
        }

        .img_13{
            width: 205px;
            height: 205px;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .row_public{
            width: 91% !important;
        }

        .col_public_2{
            text-align: right !important;
        }

        .col_recherche{
            display: none;
        }

        .row_avis{
            margin-left: 8px !important;
        }

        .col_avis{
            border-bottom: 1px solid lightgray;
        }

        .h4_dispo{
            display: none;
        }

        .row_osteo_dispo{
            display: none;
        }

        .col_reseaux{
            margin-top: 15px;
        }

        #collapseExample{
            margin-left: 0px !important;
        }

        #collapseExample2{
            margin-left: 0px !important;
        }

        .btn_conseils_2 {
            background-color: #7c91f3;
            border-radius: 10px;
            width: 230px;
            font-size: 17px;
            margin-top: 20px;
        }

        .h5_etoile{
            margin-top: -30px;
            text-align: right;
        }

        .col_perso_header{
            margin-top: -20px;
        }

        .container_taille2{
            width: 417px;
        }

        .annee{
            font-size: 15px;
        }

        .col_tarifs{
            margin-left: -20px;
        }

        .col_paiement{
            margin-top: 10px;
        }

        .nom{
            font-size: 15px;
        }

        .texte_contact{
            margin-left: 60px !important;
            margin-top: -30px;    
        }

        .row_experience{
            margin-left: 5px !important;
            margin-top: 10px !important;
        }

        .tarifs{
            margin-left: 0px !important;
            font-size: 17px;
        }

        .col-2 h4{
            margin-left: -40px !important;
        }

        .col-2 h5{
            margin-left: -40px !important;
        }

        .btn_cabinet{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 13px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
            
        }

        .map_infos{
            height: 365px !important;
        }

        .img_avatar2{
            border-radius: 50%;
            margin-top: 0px;
            width: 50px;
            height: 50px;
            margin-left: 5px;
        }

        .disdoc .row .office_doctor{
            margin-left: 75px;
            margin-top: -95px;
            flex: 0 0 78% !important;
            max-width: 78% !important;
        }

        .details .row .col-dif{
            flex: 0 0 95.666667% !important;
            max-width: 95.666667% !important;
        }

        .details .row .col-4 .btn_dispo {
            width: 335px !important;
            font-size: 13px !important;
            margin-left: -73px;
            margin-top: -10px !important;
        }

        .btn_retour{
            font-size: 17px !important;
        }
    
        .disdoc{
            height:140px;
        }
    
        .office_doctor{
            margin-left: -55px;
            margin-top: -25px;
            flex: 0 0 78% !important;
            max-width: 78% !important;
        }

        .btn_dispo{
            width: 100% !important;
            margin-top: 5px !important;
            background-color: #7c91f3 !important;
            font-size: 15px !important;
        }

        .btn_dispo:hover{
            color: #7c91f3;
            background-color: white !important;
            border: 1px solid #7c91f3;
        }
    
        .badge_cabinet{
            font-size: 13px !important;
            border: 1px solid #ff9a01; 
            border-radius: 15px;
            align-items: center;
        }
    
        .p_office2{
            font-size: 14px; 
            color: black; 
            margin-top: -25px;
        }

        .btn_cabinet_money{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 13px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .modal-backdrop {
            z-index: 999 !important;
        }

        .btn_domicile{
            background-color: #87c2e982; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 13px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .btn_urgence{
            background-color: #ec757578; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 13px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .col-2 .badge_cabinet{
            font-size: 15px;
            border: 1px solid #ff9a01; 
            margin-left: -40px !important;
            border-radius: 15px;
            
        }

        .badge_cabinet_2{
            font-size: 15px;
            border: 1px solid #ff9a01;
            margin-left: 195px;
            margin-top: -31px;
            padding-left: 10px;
            padding-top: 2px;
            padding-bottom: 2px;
            width: 75px;
            border-radius: 20px;
        }

        .texte_resume{
            font-size: 16px !important;
        }

        .btn_reserve{
            background-color: #7c91f3;
            width: 96% !important;
            font-size: 14px;
            margin-left: 8px;
            margin-top: 12px;
            border-radius: 10px !important;

        }

        .btn_reserve:hover{
            color: #7c91f3;
            border: 1px solid #7c91f3;
            background-color: white;
        }

        .btn_faq{
            background-color: #76c9be;
            width: 91% !important;
            font-size: 17px;
            margin-top: 5px;
            border-radius: 10px;    
        }

        .h3_aide{
            font-size: 20px;
            padding-top: 20px !important;
        }

        .h5_aide{
            font-size: 17px !important;
            padding-left: 20px;
            padding-right: 20px;
        }

        .container_besoin{
            height: 230px !important;
        }

        .img_avatar{
            border-radius: 50%;
            margin-top: 20px;
            width: 70px;
            height: 70px;
            margin-left: 0px;
        }


        .btn_verifie{
            color:black; 
            border: 1px solid #ff9a01;  
            border-radius: 20px; 
            font-size: 18px; 
            margin-top: -10px; 
            text-align:center; 
            padding-top: 1px; 
            padding-bottom: 1px;
            padding-left: 13px;
            padding-right: 13px;
        }

        .h5_tel{
            color: black;
            margin-left: 85px;
            margin-top: -55px;
        }

        .gif_1{
            width: 75px;
            height: 75px;
        }

        .gif_2{
            width: 50px;
            height: 50px;
            margin-top:10px;
            margin-left: 10px;
        }

        .gif_3{
            width: 60px;
            margin-top:15px;
            margin-left: 10px;
        }

        .gif_4{
            width: 80px;
            height: 80px;
        }

        .gif_5{
            width: 130px;
            height: 55px;
            margin-bottom: 30px;
            margin-top: 5px;
            margin-left: -25px;
        }

        .gif_6{
            width: 80px;
            height: 80px;
            margin-bottom: 30px;
            border-radius: 50%;
        }

        .gif_7{
            width: 100px;
            height: 60px;
            margin-bottom: 30px;
            margin-top: 5px;
        }

        .btn_carte{
            font-size: 13px !important;
        }

        .gif_8{
            width: 100px;
            height: 100px;
            margin-top: -10px;
            margin-left: -5px;
        }

        .gif_9{
            width: 60px;
            height: 60px;
            margin-top: 10px;
            margin-left: 10px;
        }

        .btn_specifications{
            width: 100% !important;
            font-size: 14px;
            margin-left: -7px !important;
        }

        .row_spec{
            margin-left: 15px;
        }

        div .col-sm-9{
            font-size: 15px !important;
            margin-left: 25px !important;
            margin-top: -30px !important;
        }

        .h5_avis{
            margin-left: 90px !important;
            margin-top: -45px !important;
            font-size: 17px;
        }

        .text_faq{
            font-size: 17px !important;
            margin-left: 15px !important;
        }

        .row_reseaux{
            margin-left: 0px !important;
            width: 405px;    
        }

        .gif_10{
            width: 60px;
            height: 55px;
            margin-top: 10px;
            margin-left: 10px;
        }

        .h5_reseaux{
            margin-left: 90px !important;
            font-size: 17px;
        }

        .h5_faq{
            margin-left: 90px !important;
            margin-top: -42.5px !important;
            font-size: 17px;
        }

        .col_pratiques{
            text-align: left !important;
            margin-left: 20px;
        }

        .a_lire{
            color: white;
            font-size: 13px;
            margin-left: 15px;
            background-color: #5ccacc;
            padding: 7.5px 25px;
            width: 30% !important;
        }

        .container-map {
            display: block !important;
            width: 96%;
            margin-top: 15px !important;
            margin-bottom: 15px;    
        }

        .col-map{
            margin-left: 16px !important;
        }

        .a_lire:hover{
            border: 1px solid #5ccacc;
            background-color: white;
            color: #5ccacc;
        }

        .btn_avis{
            margin-left: 150px !important;
            font-size: 15px; 
            background-color: #76c9be; 
            border: 1px solid #76c9be;
            margin-top: 15px;
            padding: 10px; 
            color: white; 
            border-radius: 10px !important;
        }

        .col_resum{
            text-align: left !important;
            margin-left: 20px;
        }

        .btn_publier{
            width: 95% !important;
            font-size: 12.5px;
            background-color: #76c9be;
            margin-top: 10px;
        }

        .btn_publier:hover{
            border: 1px solid #5ccacc;
            background-color: white;
            color: #5ccacc;
        }

        .img_client{
            width: 300px;
            margin-bottom: 30px;
            margin-top: -90px;
        }

        .col-3_1{
            flex: 0 0 33.3333333333%;
            max-width: 27%;
        }

        .col-3_2{
            flex: 0 0 33.3333333333%;
            max-width: 23.5%;
        }

        .col-3_3{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }
        .col-3_4{
            flex: 0 0 33.3333333333%;
            max-width: 22%;
        }

        .col-3_5{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_6{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_7{
            flex: 0 0 33.3333333333%;
            max-width: 35%;
        }

        .h5_h1{
            margin-left: 75px; 
            margin-top: -50px; 
            color: black;
            font-size: 17px;
        }

        .row_h1{
            width: 500px; 
            margin-left:275px; 
            margin-top: -35px;
        }

        .col_perso_header_1{
            flex: 0 0 75% !important;
            margin-left: 65px;
            margin-top: 0px;
        }

        .row_header_taille{
            margin-top: -15px;
        }

        .justify-content-end{
            margin-top: 10px;
        }

        .h6_h1{
            margin-left: 15px; 
            margin-top: 25px;
            margin-bottom: 10px;
            margin-right: 10px;
        }

        .row_pratiques{
            margin-top: 40px !important;
            margin-left: -55px;
        }

        .h5_h2{
            margin-left: 80px;
            margin-top: -35px;
            color: black;
            font-size: 17px;
        }

        .collapsed{
            font-size: 13px;
        }

        .h5_h3{
            margin-left: 70px;
            color: black;
            margin-top: -35px;
            font-size: 17px;
        }

        .h2_premium{
            font-size: 16px;
        }

        .pratiques{
            font-size: 17px;
            text-align: center;
        }

        .h5_h4{
            margin-left: 80px;
            margin-top: -60px;
            color: black;
            font-size: 17px;
        }

        .h5_h5{
            margin-left: 195px;
            margin-top: -35px;
            font-size: 15px;
        }

        .h5_h6{
            margin-left: 80px;
            margin-top: -80px;
            color: black;
            font-size: 17px;
        }

        .h5_h7{
            margin-left: 80px;
            margin-top: -70px;
            color: black;
            font-size: 17px;
        }

        .h5_h8{
            margin-left: 80px;
            margin-top: -60px;
            color: black;
            font-size: 17px;
        }

        .h5_h9{
            margin-left: 90px !important;
            margin-top: -45px !important;
            font-size: 17px;
        }

        .h5_h10{
            margin-left: 80px !important;
            margin-top: -42.5px !important;
            font-size: 17px;
        }

        .container_image{
            display: none;
        }

        .col_formations{
            margin-left: -15px !important;
            margin-top: 10px !important;
        }

        .taille_public{
            margin-left: 0px !important;
        }

        .col_public{
            margin-left: -20px !important;
        }

        .taille_public_1{
            margin-right: 25px;
            margin-top: -25px;
            margin-bottom: 20px;
        }

        .img_questions{
            width: 200px;
            margin-left: 90px;
            margin-top: -575px;   
        }

        .p_elargie{
            font-size: 17px;
        }

        .h3_elargie{
            color: black;
            padding-left: 12px;
            padding-top: 20px;
            font-size: 19px;
        }

        .h5_elargie{
            color: black;
            padding-left: 30px;
            padding-top: 155px;
            font-size: 15px;
        }

        .btn_faq_2{
            background-color: #76c9be; 
            font-size: 15px; 
            border-radius: 10px;
            padding: 10px 15px;
        }

        .btn_blog{
            background-color: #76c9be;
            font-size: 17px;
            border-radius: 10px;
            margin-left: 0px;
            padding: 10px 83px;
        }

        .h4_conseils{
            color: black;
            padding-top: 20px;
            font-size: 20px;
        }

        .h5_conseils{
            color: black;
            padding-top: 15px;
            font-size: 17px;    
        }

        .p_conseils{
            color: black; 
            padding-top: 10px;
        }

        .input_conseils{
            background-color: #c8ebe5; 
            border: 1px solid #76c9be; 
            color: black; 
            border-radius: 10px; 
            width: 260px; 
            margin-bottom: 20px; 
            margin-top: 10px; 
            text-align: center; 
            height: 50px;
        }

        .btn_conseils{
            background-color: #76c9be; 
            border-radius: 10px; 
            width: 90% !important; 
            font-size: 17px;
            border-radius: 10px;
        }

        .img_avatar3{
            border-radius: 50%;
            margin-top: 10px; 
            width: 80px; 
            height: 80px;
            margin-left: 10px;
        }

        .btn1{
            border: 1px solid #b8d4b6;
            background-color: #b8d4b6;
            color: white;
            border-radius: 10px;
        }

        .btn2{
            border: 1px solid #87c2e9b3;
            background-color: #87c2e9b3;
            color: white;
            border-radius: 10px;
        }

        .img_13{
            width: 200px;
        }
    }

    @media only screen and (min-width: 601px) and (max-width: 767px)
    {
        .h5_retour{
            font-size: 18px;
        }

        .pac-target-input{
            border-radius: 10px;
            border: 3px solid #76c9be;
            height: 50px;
            font-size: 16px;
            padding-right: 190px;
        }

        .btn_search{
            font-size: 16px;
            background-color: #76c9be;
            border-radius: 10px;
            padding: 4px 26px;
            margin-top: -3px;
        }

        .btn_geo{
            background-color: transparent;
            color: black;
            border-radius: 10px;
            padding: 3px 0px;
            font-size: 16px;
            margin-top: 0px;
            margin-left: 365px;
            margin-right: 10px;
        }

        .bi-cursor{
            color: #76c9be;
            margin-top: 2px;
        }

        .col_button{
            margin-top: -47px;
        }

        .col_recherche{
            display: none;
        }

        .badge_partenaire{
            border: 1px solid #7c91f3; 
            color: #7c91f3;
            border-radius: 15px;
            font-weight: 500 !important;
            margin-left: 20px;
            font-size: 14px;
        }

        .btn_reserve_header{
            background-color: #7c91f3;
            width: 100%;
            font-size: 15px;
        }

        .col_perso_header_1 h4{
            font-size: 19px;
        }

        .col_perso_header_1 h5{
            font-size: 17px;
        }

        .h5_form_tel{
            margin-top: 20px;
            font-size: 16px;
        }

        .col_form_tel{
            text-align: center !important;
        }

        .col_tarifs_2{
            flex: 0 0 59%;
            max-width: 59%;
        }

        .h6_types{
            margin-left: 47px;
        }

        .col_paiement{
            margin-left: 47px;
        }

        .img_13{
            width: 205px;
            height: 205px;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .row_public{
            width: 91% !important;
        }

        .col_public_2{
            text-align: right !important;
        }

        .container_taille2{
            width: 585px;
        }

        .annee{
            font-size: 15px;
        }

        .nom{
            font-size: 15px;
        }

        .row_experience{
            margin-left: 5px !important;
            margin-top: 10px !important;
        }

        .tarifs{
            margin-left: 0px !important;
            font-size: 15px;
        }

        .col-2 h4{
            margin-left: -20px !important;
        }

        .col-2 h5{
            margin-left: -20px !important;
        }

        .btn_cabinet{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 13px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
            
        }

        .map_infos{
            height: 365px !important;
        }

        .img_avatar2{
            border-radius: 50%;
            margin-top: -3px;
            width: 65px;
            height: 65px;
            margin-left: 0px;
        }

        .disdoc .row .office_doctor{
            margin-left: 85px;
            margin-top: -105px;
            flex: 0 0 78% !important;
            max-width: 78% !important;
        }

        .details .row .col-dif{
            flex: 0 0 62.666667% !important;
            max-width: 62.666667% !important;
        }

        .details .row .col-4 .btn_dispo {
            width: 170px !important;
            font-size: 13px !important;
            margin-left: 0px;
            margin-top: 31px !important;
        }

        .btn_retour{
            font-size: 17px !important;
        }
    
        .disdoc{
            height:100px;
        }
    
        .office_doctor{
            margin-left: -55px;
            margin-top: -25px;
            flex: 0 0 78% !important;
            max-width: 78% !important;
        }

        .btn_dispo{
            width: 100% !important;
            margin-top: 5px !important;
            background-color: #7c91f3 !important;
            font-size: 15px !important;
        }

        .btn_dispo:hover{
            color: #7c91f3;
            background-color: white !important;
            border: 1px solid #7c91f3;
        }
    
        .badge_cabinet{
            font-size: 13px !important;
            border: 1px solid #ff9a01; 
            border-radius: 15px;
            align-items: center;
        }
    
        .p_office2{
            font-size: 14px; 
            color: black; 
            margin-top: -25px;
        }

        .btn_cabinet_money{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 13px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 75%;
        }

        .btn_domicile{
            background-color: #87c2e982; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 13px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .btn_urgence{
            background-color: #ec757578; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 13px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .col-2 .badge_cabinet{
            font-size: 15px;
            border: 1px solid #ff9a01; 
            margin-left: -20px !important;
            border-radius: 15px;
            
        }

        .col_perso_header{
            flex: 0 0 45% !important;
            max-width: 45% !important;
        }

        .badge_cabinet_2{
            font-size: 15px;
            border: 1px solid #ff9a01;
            margin-left: 195px;
            margin-top: -31px;
            padding-left: 10px;
            padding-top: 2px;
            padding-bottom: 2px;
            width: 75px;
            border-radius: 20px;
        }

        .texte_resume{
            font-size: 16px !important;
        }

        .btn_reserve{
            background-color: #7c91f3;
            width: 96% !important;
            font-size: 14px;
            margin-left: 11.5px;
            margin-top: 12px;
            border-radius: 10px !important;

        }

        .btn_reserve:hover{
            color: #7c91f3;
            border: 1px solid #7c91f3;
            background-color: white;
        }

        .btn_faq{
            background-color: #76c9be;
            width: 35%;
            font-size: 15px;
            margin-top: 0px;
            border-radius: 10px;
            margin-left: 55px;  
        }

        .h3_aide{
            font-size: 20px;
            padding-top: 20px !important;
        }

        .h5_aide{
            font-size: 17px !important;
            padding-left: 20px;
            padding-right: 20px;
        }

        .container_besoin{
            height: 270px !important;
        }

        .img_avatar{
            border-radius: 50%;
            margin-bottom: 10px;
            width: 80px;
            height: 80px;
            margin-left: 100px;
        }

        .col_avatar{
            display: none;
        }

        .btn_verifie{
            color:black; 
            border: 1px solid #ff9a01;  
            border-radius: 20px; 
            font-size: 18px; 
            margin-top: -10px; 
            text-align:center; 
            padding-top: 1px; 
            padding-bottom: 1px;
            padding-left: 13px;
            padding-right: 13px;
        }

        .h5_tel{
            color: black;
            margin-left: 85px;
            margin-top: -55px;
        }

        .gif_1{
            width: 75px;
            height: 75px;
        }

        .gif_2{
            width: 50px;
            height: 50px;
            margin-top:10px;
            margin-left: 10px;
        }

        .gif_3{
            width: 60px;
            margin-top:15px;
            margin-left: 10px;
        }

        .gif_4{
            width: 80px;
            height: 80px;
        }

        .gif_5{
            width: 130px;
            height: 55px;
            margin-bottom: 30px;
            margin-top: 5px;
            margin-left: -25px;
        }

        .gif_6{
            width: 80px;
            height: 80px;
            margin-bottom: 30px;
            border-radius: 50%;
        }

        .gif_7{
            width: 100px;
            height: 60px;
            margin-bottom: 30px;
            margin-top: 5px;
        }

        .btn_carte{
            font-size: 13px !important;
        }

        .col_avis{
            border-bottom: 1px solid lightgrey;
        }

        .gif_8{
            width: 100px;
            height: 100px;
            margin-top: -10px;
            margin-left: -5px;
        }

        .gif_9{
            width: 65px;
            height: 65px;
            margin-top: 10px;
            margin-left: 15px;
        }

        .btn_specifications{
            width: 98% !important;
        }

        div .col-sm-9{
            font-size: 15px !important;
        }

        .h5_avis{
            margin-left: 90px !important;
            margin-top: -45px !important;
            font-size: 17px;
        }

        .text_faq{
            font-size: 17px !important;
            margin-left: 15px !important;
        }

        .row_reseaux{
            margin-left: 0px !important;
            width: 405px;    
        }

        .gif_10{
            width: 60px;
            height: 50px;
            margin-top: 5px;
            margin-left: 10px;
        }

        .col_reseaux{
            margin-top: 10px;
        }

        .h5_reseaux{
            margin-left: 90px !important;
            font-size: 17px;
        }

        .h5_faq{
            margin-left: 90px !important;
            margin-top: -42.5px !important;
            font-size: 17px;
        }

        .avis_btn{
            margin-top: 0px !important;
        }

        .a_lire{
            color: white;
            font-size: 13px;
            margin-left: 15px;
            background-color: #5ccacc;
            padding: 7.5px 25px;
            width: 22% !important;
            margin-top: 20px;
        }

        .container-map {
            display: block !important;
            width: 97%;
            margin-top: 15px !important;
            margin-bottom: 15px;
        }

        .col-map{
            margin-left: 16px !important;
        }

        .a_lire:hover{
            border: 1px solid #5ccacc;
            background-color: white;
            color: #5ccacc;
        }

        .btn_avis{
            margin-left: 205px !important;
            font-size: 15px; 
            background-color: #76c9be; 
            border: 1px solid #76c9be;
            margin-top: 15px;
            padding: 10px; 
            color: white; 
            border-radius: 10px !important;
        }

        .img_13{
            width: 200px;
        }

        .btn_publier{
            width: 95% !important;
            font-size: 12.5px;
            background-color: #76c9be;
            margin-top: 10px;
        }

        .btn_publier:hover{
            border: 1px solid #5ccacc;
            background-color: white;
            color: #5ccacc;
        }

        .img_client{
            width: 300px;
            margin-bottom: 30px;
            margin-top: -90px;
        }

        .col-3_1{
            flex: 0 0 33.3333333333%;
            max-width: 27%;
        }

        .col-3_2{
            flex: 0 0 33.3333333333%;
            max-width: 23.5%;
        }

        .col-3_3{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }
        .col-3_4{
            flex: 0 0 33.3333333333%;
            max-width: 22%;
        }

        .col-3_5{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_6{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_7{
            flex: 0 0 33.3333333333%;
            max-width: 35%;
        }

        .h5_h1{
            margin-left: 75px; 
            margin-top: -50px; 
            color: black;
            font-size: 17px;
        }

        .row_h1{
            width: 500px; 
            margin-left:275px; 
            margin-top: -35px;
        }

        .col_perso_header_1{
            flex: 0 0 55% !important;
            max-width: 55% !important;
        }

        .petit{
            display: block !important;
        }

        .h6_h1{
            margin-left: 15px; 
            margin-top: 25px;
            margin-bottom: -10px;
        }

        .h5_h2{
            margin-left: 80px;
            margin-top: -35px;
            color: black;
            font-size: 17px;
        }

        .collapsed{
            font-size: 13px;
        }

        .h5_h3{
            margin-left: 70px;
            color: black;
            margin-top: -35px;
            font-size: 17px;
        }

        .h2_premium{
            font-size: 16px;
        }

        .pratiques{
            font-size: 17px;
        }

        .h5_h4{
            margin-left: 80px;
            margin-top: -60px;
            color: black;
            font-size: 17px;
        }

        .h5_h5{
            margin-left: 365px;
            margin-top: -32px;
            font-size: 16px;
        }

        .h5_h6{
            margin-left: 80px;
            margin-top: -80px;
            color: black;
            font-size: 17px;
        }

        .h5_h7{
            margin-left: 80px;
            margin-top: -70px;
            color: black;
            font-size: 17px;
        }

        .h5_h8{
            margin-left: 80px;
            margin-top: -60px;
            color: black;
            font-size: 17px;
        }

        .h5_h9{
            margin-left: 90px !important;
            margin-top: -45px !important;
            font-size: 17px;
        }

        .h5_h10{
            margin-left: 80px !important;
            margin-top: -42.5px !important;
            font-size: 17px;
        }

        .container_image{
            display: none;
        }

        .col_formations{
            margin-left: -15px !important;
            margin-top: 10px !important;
        }

        .taille_public{
            margin-left: -30px !important;
        }

        .taille_public_1{
            margin-right: 25px;
        }

        .btn_specifications{
            font-size: 15px;
        }

        .img_questions{
            width: 200px;
            margin-left: 165px;
            margin-top: -420px;    
        }

        .p_elargie{
            font-size: 17px;
        }

        .h3_elargie{
            color: black;
            padding-left: 12px;
            padding-top: 20px;
            font-size: 19px;
        }

        .h5_elargie{
            color: black;
            padding-left: 30px;
            padding-top: 155px;
            font-size: 15px;
        }

        .btn_faq_2{
            background-color: #76c9be; 
            font-size: 15px; 
            border-radius: 10px;
            margin-left: 80px;
        }

        .btn_blog{
            background-color: #76c9be; 
            font-size: 15px; 
            border-radius: 10px; 
            margin-left: 5px;
        }

        .h4_conseils{
            color: black;
            padding-top: 20px;
            font-size: 20px;
        }

        .h5_conseils{
            color: black;
            padding-top: 15px;
            font-size: 17px;    
        }

        .p_conseils{
            color: black; 
            padding-top: 10px;
        }

        .input_conseils{
            background-color: #c8ebe5; 
            border: 1px solid #76c9be; 
            color: black; 
            border-radius: 10px; 
            width: 260px; 
            margin-bottom: 20px; 
            margin-top: 10px; 
            text-align: center; 
            height: 50px;
        }

        .btn_conseils{
            background-color: #76c9be; 
            border-radius: 10px; 
            width: 260px; 
            font-size: 17px;
            border-radius: 10px;
        }

        .img_avatar3{
            border-radius: 50%;
            margin-top: 10px; 
            width: 80px; 
            height: 80px;
            margin-left: 10px;
        }

        .modal-dialog {
            max-width: 575px !important;
        }

        .container-slot-time {
            padding: 20px 0px !important;
        }

        .slot-time {
            width: 68% !important;
        }

        .btn1{
            border: 1px solid #b8d4b6;
            background-color: #b8d4b6;
            color: white;
            border-radius: 10px;
        }

        .btn2{
            border: 1px solid #87c2e9b3;
            background-color: #87c2e9b3;
            color: white;
            border-radius: 10px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px)
    {

        .h5_retour{
            font-size: 17px;
        }

        .col_recherche{
            flex: 0 0 98%;
            max-width: 98%;
        }

        .col_button{
            flex: 0 0 100%;
            max-width: 100%;
        }

        .pac-target-input{
            border-radius: 10px;
            border: 3px solid #76c9be;
            height: 50px;
            font-size: 16px;
            padding-right: 190px;
        }

        .btn_search{
            font-size: 16px;
            background-color: #76c9be;
            border-radius: 10px;
            padding: 4px 26px;
            margin-top: -3px;
        }

        .btn_geo{
            background-color: transparent;
            color: black;
            border-radius: 10px;
            padding: 3px 0px;
            font-size: 16px;
            margin-top: 0px;
            margin-left: 535px;
            margin-right: 10px;
        }

        .bi-cursor{
            color: #76c9be;
            margin-top: 2px;
        }

        .col_button{
            margin-top: -47px;
        }

        .badge_partenaire{
            border: 1px solid #7c91f3; 
            color: #7c91f3;
            border-radius: 15px;
            font-weight: 500 !important;
            margin-left: 20px;
            font-size: 14px;
        }

        .btn_reserve_header{
            background-color: #7c91f3;
            width: 100%;
            font-size: 13px;
            margin-top: 10px;
        }

        .col_recherche{
            display: none;
        }

        .col_perso_header_1 h4{
            font-size: 19px;
        }

        .col_perso_header_1 h5{
            font-size: 17px;
        }

        .annee{
            font-size: 15px;
        }

        .nom{
            font-size: 15px;
        }

        .row_experience{
            margin-left: 5px !important;
            margin-top: 10px !important;
        }

        .tarifs{
            margin-left: 0px !important;
            font-size: 15px;
        }

        .container_taille2{
            width: 770px;
        }

        .col-2 h4{
            margin-left: -20px !important;
        }

        .col-2 h5{
            margin-left: -20px !important;
        }

        .btn_cabinet{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
            margin-top: 3px;
            margin-bottom: 5px;
        }

        .map_infos{
            height: 282px !important;
            margin-top: 15px;
        }

        .avis_btn{
            margin-top: 0px !important;
            margin-bottom: 15px;
        }

        .img_avatar2{
            border-radius: 50%;
            margin-top: 20px;
            width: 50px;
            height: 50px;
            margin-left: 10px;
        }

        .disdoc .row .office_doctor {
            margin-left: -15px;
            margin-top: -30px;
            flex: 0 0 78% !important;
            max-width: 78% !important;
        }

        .details .row .col-dif {
            flex: 0 0 95.666667% !important;
            max-width: 95.666667% !important;
        }

        .col_activite{
            flex: 0 0 34% !important;
            max-width: 34% !important;
        }

        .details .row .col-4 .btn_dispo {
            width: 272px !important;
            font-size: 13px !important;
            margin-left: -60px;
        }

        .btn_retour{
            font-size: 17px !important;
        }
    
        .disdoc{
            height:135px;
        }
    
        .office_doctor{
            margin-left: -55px;
            margin-top: -25px;
            flex: 0 0 78% !important;
            max-width: 78% !important;
        }

        .btn_dispo{
            width: 100% !important;
            margin-top: 5px !important;
            background-color: #7c91f3 !important;
            font-size: 15px !important;
        }

        .btn_dispo:hover{
            color: #7c91f3;
            background-color: white !important;
            border: 1px solid #7c91f3;
        }
    
        .badge_cabinet{
            font-size: 13px !important;
            border: 1px solid #ff9a01; 
            border-radius: 15px;
            align-items: center;
        }
    
        .p_office2{
            font-size: 14px; 
            color: black; 
            margin-top: -25px;
        }

        .btn_cabinet_money{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 75%;
        }

        .btn_domicile{
            background-color: #87c2e982; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
            margin-bottom: 5px;
        }

        .btn_urgence{
            background-color: #ec757578; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .col-2 .badge_cabinet{
            font-size: 15px;
            border: 1px solid #ff9a01; 
            margin-left: -20px !important;
            border-radius: 15px;
            
        }

        .col_perso_header{
            flex: 0 0 45% !important;
            max-width: 45% !important;
        }

        .badge_cabinet_2{
            font-size: 15px;
            border: 1px solid #ff9a01;
            margin-left: 195px;
            margin-top: -31px;
            padding-left: 10px;
            padding-top: 2px;
            padding-bottom: 2px;
            width: 75px;
            border-radius: 20px;
        }

        .texte_resume{
            font-size: 16px !important;
        }

        .btn_reserve{
            background-color: #7c91f3;
            width: 92%;
            font-size: 14px;
            margin-left: 11.5px;
            margin-top: 12px;
            border-radius: 10px !important;

        }

        .btn_reserve:hover{
            color: #7c91f3;
            border: 1px solid #7c91f3;
            background-color: white;
        }

        .btn_faq{
            background-color: #76c9be;
            width: 92%;
            font-size: 17px;
            margin-top: 5px;    
            border-radius: 10px;
        }

        .h3_aide{
            font-size: 20px;
            padding-top: 20px !important;
        }

        .h5_aide{
            font-size: 17px !important;
            padding-left: 20px;
            padding-right: 20px;
        }

        .container_besoin{
            height: 270px !important;
        }

        .img_avatar{
            border-radius: 50%;
            margin-top: 20px; 
            width: 85px; 
            height: 85px;
        }


        .btn_verifie{
            color:black; 
            border: 1px solid #ff9a01;  
            border-radius: 20px; 
            font-size: 18px; 
            margin-top: -10px; 
            text-align:center; 
            padding-top: 1px; 
            padding-bottom: 1px;
            padding-left: 13px;
            padding-right: 13px;
        }

        .h5_tel{
            color: black;
            margin-left: 85px;
            margin-top: -55px;
        }

        .gif_1{
            width: 75px;
            height: 75px;
        }

        .gif_2{
            width: 50px;
            height: 50px;
            margin-top:10px;
            margin-left: 10px;
        }

        .gif_3{
            width: 60px;
            margin-top:15px;
            margin-left: 10px;
        }

        .gif_4{
            width: 80px;
            height: 80px;
        }

        .gif_5{
            width: 130px;
            height: 55px;
            margin-bottom: 30px;
            margin-top: 5px;
            margin-left: -25px;
        }

        .gif_6{
            width: 80px;
            height: 80px;
            margin-bottom: 30px;
            border-radius: 50%;
        }

        .gif_7{
            width: 100px;
            height: 60px;
            margin-bottom: 30px;
            margin-top: 5px;
        }

        .btn_carte{
            font-size: 13px !important;
        }

        .gif_8{
            width: 100px;
            height: 100px;
            margin-top: -10px;
            margin-left: -5px;
        }

        .gif_9{
            width: 65px;
            height: 65px;
            margin-top: 10px;
            margin-left: 15px;
        }

        .btn_specifications{
            width: 111% !important;
        }

        div .col-sm-9{
            font-size: 15px !important;
        }

        .h5_avis{
            margin-left: 90px !important;
            margin-top: -45px !important;
            font-size: 17px;
        }

        .text_faq{
            font-size: 17px !important;
            margin-left: 15px !important;
        }

        .row_reseaux{
            margin-left: 0px !important;
            width: 405px;    
        }

        .gif_10{
            width: 60px;
            height: 55px;
            margin-top: 9px;
            margin-left: 9px;
        }

        .col_question{
            flex: 0 0 100%;
            max-width: 100%;
        }

        .h5_reseaux{
            margin-left: 90px !important;
            font-size: 17px;
        }

        .h5_faq{
            margin-left: 90px !important;
            margin-top: -42.5px !important;
            font-size: 17px;
        }

        .a_lire{
            color: white;
            font-size: 16px;
            margin-left: 15px;
            background-color: #5ccacc;
            padding: 7.5px 25px;
            margin-top: 20px;
        }

        .a_lire:hover{
            border: 1px solid #5ccacc;
            background-color: white;
            color: #5ccacc;
        }

        .btn_avis{
            margin-left: 190px !important;
            margin-top: 0px;
        }

        .btn_publier{
            width: 95% !important;
            font-size: 12.5px;
            background-color: #76c9be;
            margin-top: 10px;
        }

        .btn_publier:hover{
            border: 1px solid #5ccacc;
            background-color: white;
            color: #5ccacc;
        }

        .img_client{
            width: 300px;
            margin-bottom: 30px;
            margin-top: -90px;
        }

        .col-3_1{
            flex: 0 0 33.3333333333%;
            max-width: 27%;
        }

        .col-3_2{
            flex: 0 0 33.3333333333%;
            max-width: 23.5%;
        }

        .col-3_3{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }
        .col-3_4{
            flex: 0 0 33.3333333333%;
            max-width: 22%;
        }

        .col-3_5{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_6{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_7{
            flex: 0 0 33.3333333333%;
            max-width: 35%;
        }

        .h5_h1{
            margin-left: 75px; 
            margin-top: -50px; 
            color: black;
            font-size: 17px;
        }

        .row_h1{
            width: 500px; 
            margin-left:275px; 
            margin-top: -35px;
        }

        .col_perso_header_1{
            flex: 0 0 39% !important;
            max-width: 39% !important;
            margin-left: 40px;
        }

        .h6_h1{
            margin-left: 15px;
            margin-right: 15px;
            margin-top: 25px;
            margin-bottom: -10px;
        }

        .h5_h2{
            margin-left: 80px;
            margin-top: -35px;
            color: black;
            font-size: 17px;
        }

        .collapsed{
            font-size: 13px;
        }

        .h5_h3{
            margin-left: 70px;
            color: black;
            margin-top: -35px;
            font-size: 17px;
        }

        .h2_premium{
            font-size: 16px;
        }

        .pratiques{
            font-size: 16px;
        }

        .h5_h4{
            margin-left: 80px;
            margin-top: -60px;
            color: black;
            font-size: 17px;
        }

        .h5_h5{
            margin-left: 0px;
            margin-top: 31px;
            font-size: 15px;
            text-align: center;
        }

        .col_paiement{
            flex: 0 0 88%;
            max-width: 88%;
            margin-left: 37px;
        }

        .col_paiement_1{
            flex: 0 0 90%;
            max-width: 90%;
        }

        .h5_h6{
            margin-left: 80px;
            margin-top: -80px;
            color: black;
            font-size: 17px;
        }

        .row_competences{
            width: 92% !important;
            margin-left: 7px !important;
        }

        .col_competences{
            flex: 0 0 50%;
            max-width: 50%;
        }

        .row_public{
            width: 100% !important;
            margin-left: 0px !important;
        }

        .col_public_1{
            flex: 0 0 100%;
            max-width: 100%;
            text-align: center;
        }

        .col_public_2{
            flex: 0 0 100%;
            max-width: 100%;
            font-size: 16px !important;
        }

        .h5_h7{
            margin-left: 80px;
            margin-top: -70px;
            color: black;
            font-size: 17px;
        }

        .h5_h8{
            margin-left: 80px;
            margin-top: -60px;
            color: black;
            font-size: 17px;
        }

        .h5_h9{
            margin-left: 90px !important;
            margin-top: -45px !important;
            font-size: 17px;
        }

        .h5_h10{
            margin-left: 80px !important;
            margin-top: -42.5px !important;
            font-size: 17px;
        }

        .container_image{
            display: none;
        }

        .col_formations{
            margin-left: -35px !important;
            margin-top: 10px !important;
        }

        .taille_public{
            margin-left: -30px !important;
        }

        .taille_public_1{
            margin-right: 25px;
        }

        .btn_specifications{
            font-size: 14px;
        }

        .col_avis{
            flex: 0 0 100%;
            max-width: 100%;
            border-bottom: 1px solid lightgray;
        }

        .img_13{
            width: 185px;
            height: 185px;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .img_questions{
            width: 170px;
            margin-left: 115px;
            margin-top: -560px;
        }

        .p_elargie{
            font-size: 17px;
        }

        .h3_elargie{
            color: black;
            padding-left: 12px;
            padding-top: 20px;
            font-size: 19px;
        }

        .h5_elargie{
            color: black;
            padding-left: 30px;
            padding-top: 110px;
            font-size: 15px;
        }

        .btn_faq_2{
            background-color: #76c9be; 
            font-size: 15px; 
            border-radius: 10px;
        }

        .btn_blog{
            background-color: #76c9be;
            font-size: 15px;
            border-radius: 10px;
            margin-left: 0px;
            width: 92%;
        }

        .h4_conseils{
            color: black;
            padding-top: 20px;
            font-size: 20px;
        }

        .h5_conseils{
            color: black;
            padding-top: 15px;
            font-size: 17px;    
        }

        .p_conseils{
            color: black; 
            padding-top: 10px;
        }

        .input_conseils{
            background-color: #c8ebe5; 
            border: 1px solid #76c9be; 
            color: black; 
            border-radius: 10px; 
            width: 260px; 
            margin-bottom: 20px; 
            margin-top: 10px; 
            text-align: center; 
            height: 50px;
        }

        .btn_conseils{
            background-color: #76c9be; 
            border-radius: 10px; 
            width: 260px; 
            font-size: 17px;
            border-radius: 10px;
        }

        .img_avatar3{
            border-radius: 50%;
            margin-top: 10px; 
            width: 80px; 
            height: 80px;
            margin-left: 10px;
        }

        .btn1{
            border: 1px solid #b8d4b6;
            background-color: #b8d4b6;
            color: white;
            border-radius: 10px;
        }

        .btn2{
            border: 1px solid #87c2e9b3;
            background-color: #87c2e9b3;
            color: white;
            border-radius: 10px;
        }

        .btn_conseils_2 {
            background-color: #7c91f3;
            border-radius: 10px;
            width: 230px;
            font-size: 17px;
            margin-top: 20px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1280px)
    {
        .containerTaille{
            width: 1400px;
        }

        .badge_partenaire{
            border: 1px solid #7c91f3; 
            color: #7c91f3;
            border-radius: 15px;
            font-weight: 500 !important;
            margin-left: 20px;
            font-size: 14px;
        }

        .img_13{
            width: 185px;
            height: 185px;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .pac-target-input {
            border-radius: 10px;
            border: 3px solid #76c9be;
            height: 50px;
            font-size: 16px;
            padding-right: 50px;
        }

        .modal-dialog {
            max-width: 600px !important;
        }

        .btn1{
            border: 1px solid #b8d4b6;
            background-color: #b8d4b6;
            color: white;
            border-radius: 10px;
        }

        .btn2{
            border: 1px solid #87c2e9b3;
            background-color: #87c2e9b3;
            color: white;
            border-radius: 10px;
        }

        .annee{
            font-size: 15px;
        }

        .nom{
            font-size: 15px;
        }

        .row_experience{
            margin-left: 5px !important;
            margin-top: 10px !important;
        }

        .tarifs{
            margin-left: 0px !important;
            font-size: 15px;
        }

        .container_taille2{
            width: 995px;
        }

        .col-2 h4{
            margin-left: -20px !important;
        }

        .col-2 h5{
            margin-left: -20px !important;
        }

        .btn_cabinet{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
            margin-bottom: 7.5px;
        }

        .map_infos{
            height: 365px !important;
        }

        .img_avatar2{
            border-radius: 50%;
            margin-top: 20px;
            width: 50px;
            height: 50px;
            margin-left: 10px;
        }

        .disdoc .row .office_doctor {
            margin-left: -15px;
            margin-top: -30px;
            flex: 0 0 78% !important;
            max-width: 78% !important;
        }

        .details .row .col-dif {
            flex: 0 0 95.666667% !important;
            max-width: 95.666667% !important;
        }

        .details .row .col-4 .btn_dispo {
            width: 355px !important;
            font-size: 13px !important;
            margin-left: -78px;
        }
    
        .disdoc{
            height:135px;
        }
    
        .office_doctor{
            margin-left: -55px;
            margin-top: -25px;
            flex: 0 0 78% !important;
            max-width: 78% !important;
        }

        .btn_dispo{
            width: 100% !important;
            margin-top: 5px !important;
            background-color: #7c91f3 !important;
            font-size: 15px !important;
        }

        .btn_dispo:hover{
            color: #7c91f3;
            background-color: white !important;
            border: 1px solid #7c91f3;
        }
    
        .badge_cabinet{
            font-size: 13px !important;
            border: 1px solid #ff9a01; 
            margin-left: 10px; 
            border-radius: 15px;
            align-items: center;
        }
    
        .p_office2{
            font-size: 14px; 
            color: black; 
            margin-top: -25px;
        }

        .btn_cabinet_money{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 75%;
        }

        .btn_domicile{
            background-color: #87c2e982; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
            margin-bottom: 7.5px;
        }

        .container-map{
            margin-top: 17px;
        }

        .btn_urgence{
            background-color: #ec757578; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .col-2 .badge_cabinet{
            font-size: 15px;
            border: 1px solid #ff9a01; 
            margin-left: -20px !important;
            border-radius: 15px;
            
        }

        .col_perso_header{
            flex: 0 0 32% !important;
            max-width: 32% !important;
        }

        .badge_cabinet_2{
            font-size: 15px;
            border: 1px solid #ff9a01;
            margin-left: 295px;
            margin-top: -36px;
            padding-left: 10px;
            padding-top: 2px;
            padding-bottom: 2px;
            width: 75px;
            border-radius: 20px;
        }

        .div_resume{
            height: 230px !important;
        }

        .texte_resume{
            font-size: 16px !important;
        }

        .btn_reserve{
            background-color: #7c91f3;
            width: 92%;
            font-size: 14px;
            margin-left: 15.5px;
            margin-top: 25px;
        }

        .btn_reserve:hover{
            color: #7c91f3;
            border: 1px solid #7c91f3;
            background-color: white;
        }

        .btn_faq{
            background-color: #76c9be;
            width: 50%;
            font-size: 18px;
            font-size: 15px;
            border-radius: 10px;
            width: 188px;
            margin-left: 30px;
        }

        .img_avatar{
            border-radius: 50%;
            margin-top: 20px; 
            width: 100px; 
            height: 100px;
            margin-left: 30px;
        }


        .btn_verifie{
            color:black; 
            border: 1px solid #ff9a01;  
            border-radius: 20px; 
            font-size: 18px; 
            margin-top: -10px; 
            text-align:center; 
            padding-top: 1px; 
            padding-bottom: 1px;
            padding-left: 13px;
            padding-right: 13px;
        }

        .h5_tel{
            color: black;
            margin-left: 85px;
            margin-top: -55px;
        }

        .gif_1{
            width: 80px;
            height: 80px;
        }

        .gif_2{
            width: 60px;
            height: 60px;
            margin-top:10px;
            margin-left: 10px;
        }

        .gif_3{
            width: 70px;
            margin-top:15px;
            margin-left: 10px;
        }

        .gif_4{
            width: 80px;
            height: 80px;
        }

        .gif_5{
            width: 140px;
            height: 60px;
            margin-bottom: 30px;
            margin-top: 5px;
            margin-left: -25px;
        }

        .gif_6{
            width: 80px;
            height: 80px;
            margin-bottom: 30px;
            border-radius: 50%;
        }

        .gif_7{
            width: 100px;
            height: 60px;
            margin-bottom: 30px;
            margin-top: 5px;
        }

        .gif_8{
            width: 100px;
            height: 100px;
            margin-top: -10px;
            margin-left: -5px;
        }

        .gif_9{
            width: 65px;
            height: 65px;
            margin-top: 10px;
            margin-left: 15px;
        }

        .btn_specifications{
            width: 131% !important;
        }

        div .col-sm-9{
            font-size: 16px !important;
        }

        .h5_avis{
            margin-left: 100px !important;
            margin-top: -45px !important;
        }

        .text_faq{
            font-size: 18px !important;
        }

        .row_reseaux{
            margin-left: 20px !important;
        }

        .gif_10{
            width: 60px;
            height: 35px;
            margin-top: 15px;
            margin-left: 15px;
        }

        .h5_reseaux{
            margin-left: 100px !important;
        }

        .h5_faq{
            margin-left: 100px !important;
            margin-top: -45px !important;
        }

        .a_lire{
            color: white;
            font-size: 16px;
            margin-left: 50px;
            background-color: #5ccacc;
            padding: 7.5px 25px;
        }

        .a_lire:hover{
            border: 1px solid #5ccacc;
            background-color: white;
            color: #5ccacc;
        }

        .btn_avis{
            margin-left: 320px !important;
        }

        .col_questions_2{
            display: none;
        }

        .col_question{
            flex: 0 0 100%;
            max-width: 100%;
        }

        .btn_publier{
            width: 92% !important;
            font-size: 17px;
            background-color: #76c9be;
            margin-top: 10px;
        }

        .btn_publier:hover{
            border: 1px solid #5ccacc;
            background-color: white;
            color: #5ccacc;
        }

        .img_client{
            width: 300px;
            margin-bottom: 30px;
            margin-top: -90px;
        }

        .col-3_1{
            flex: 0 0 33.3333333333%;
            max-width: 27%;
        }

        .col-3_2{
            flex: 0 0 33.3333333333%;
            max-width: 23.5%;
        }

        .col-3_3{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }
        .col-3_4{
            flex: 0 0 33.3333333333%;
            max-width: 22%;
        }

        .col-3_5{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_6{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_7{
            flex: 0 0 33.3333333333%;
            max-width: 35%;
        }

        .h5_h1{
            margin-left: 75px; 
            margin-top: -50px; 
            color: black;
        }

        .row_h1{
            width: 500px; 
            margin-left:275px; 
            margin-top: -35px;
        }

        .h6_h1{
            margin-left: 50px; 
            margin-top: 25px;
            margin-bottom: -10px;
        }

        .h5_h2{
            margin-left: 90px;
            margin-top: -40px;
            color: black;
        }

        .h5_h3{
            margin-left: 80px;
            color: black;
            margin-top: -40px;
        }

        .h2_premium{
            font-size: 16px;
        }

        .pratiques{
            font-size: 17px;
        }

        .h5_h4{
            margin-left: 90px; 
            margin-top: -65px; 
            color: black;
        }

        .h5_h5{
            margin-left: -40px;
            margin-top: 32px;
            font-size: 17px;
            margin-right: 20px;
        }

        .h5_h6{
            margin-left: 90px;
            margin-top: -85px;
            color: black;
        }

        .h5_h7{
            margin-left: 100px; 
            margin-top: -70px; 
            color: black;
        }

        .h5_h8{
            margin-left: 90px;
            margin-top: -60px;
            color: black;
        }

        .btn_specifications{
            font-size: 15px;
        }

        .img_questions{
            display: none;
        }

        .p_elargie{
            font-size: 17px;
        }

        .h3_elargie{
            color: black; 
            padding-left: 30px; 
            padding-top: 30px;
            font-size: 21px;
        }

        .h5_elargie{
            color: black; 
            padding-left: 30px; 
            padding-top: 20px;
            font-size: 15px;
        }

        .btn_faq_2{
            background-color: #76c9be; 
            font-size: 15px; 
            border-radius: 10px;
        }

        .btn_blog{
            background-color: #76c9be; 
            font-size: 15px; 
            border-radius: 10px; 
            margin-left: 40px;
        }

        .h4_conseils{
            color: black; 
            padding-top: 30px;
        }

        .h5_conseils{
            color: black; 
            padding-top: 20px; 
            font-size: 18px;
        }

        .p_conseils{
            color: black; 
            padding-top: 10px;
        }

        .input_conseils{
            background-color: #c8ebe5; 
            border: 1px solid #76c9be; 
            color: black; 
            border-radius: 10px; 
            width: 300px; 
            margin-bottom: 20px; 
            margin-top: 10px; 
            text-align: center; 
            height: 50px;
        }

        .btn_conseils{
            background-color: #76c9be; 
            border-radius: 10px; 
            width: 300px; 
            font-size: 17px;
            border-radius: 10px;
        }

        .img_avatar3{
            border-radius: 50%;
            margin-top: 10px; 
            width: 80px; 
            height: 80px;
            margin-left: 10px;
        }

        .btn_search{
            font-size: 18px;
            background-color: #76c9be;
            border-radius: 10px;
            padding: 5px 106px;
            margin-top: 6.5px;
        }

        .col_button{
            margin-left: -308px;
            margin-top: 2.5px;
        }

        .btn_geo{
            background-color: transparent;
            color: black;
            border-radius: 10px;
            padding: 3px 0px;
            font-size: 16px;
            margin-top: 10px;
            margin-left: 260px;
            margin-right: 10px;
        }

        .col_avatar{
            display: none;
        }

        .btn_reserve_header{
            background-color: #7c91f3;
            width: 100%;
            font-size: 11px;
            margin-top: 10px;
        }

        .col_perso_header_1{
            flex: 0 0 34%;
            max-width: 34%;
        }

        .col_recherche{
            flex: 0 0 34%;
            max-width: 34%;
        }

        .btn_conseils_2 {
            background-color: #7c91f3;
            border-radius: 10px;
            width: 230px;
            font-size: 17px;
            margin-top: 20px;
        }
    }

    @media only screen and (min-width: 1281px) and (max-width: 1600px) 
    {
        .containerTaille{
            width: 1400px;
        }

        .badge_partenaire{
            border: 1px solid #7c91f3; 
            color: #7c91f3;
            border-radius: 15px;
            font-weight: 500 !important;
            margin-left: 20px;
            font-size: 14px;
        }

        .img_13{
            width: 185px;
            height: 185px;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .col_recherche{
            flex: 0 0 32%;
            max-width: 32%;
        }

        .pac-target-input {
            border-radius: 10px;
            border: 3px solid #76c9be;
            height: 50px;
            font-size: 16px;
            padding-right: 50px;
        }

        .col_perso_header_1{
            flex: 0 0 26%;
            max-width: 26%;
        }

        .btn1{
            border: 1px solid #b8d4b6;
            background-color: #b8d4b6;
            color: white;
            border-radius: 10px;
        }

        .btn2{
            border: 1px solid #87c2e9b3;
            background-color: #87c2e9b3;
            color: white;
            border-radius: 10px;
        }

        .container_taille2{
            width: 1285px;
        }

        .btn_cabinet{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
            margin-top: 15px;
        }

        .img_avatar2{
            border-radius: 50%;
            margin-top: 20px; 
            width: 50px; 
            height: 50px;
            margin-left: 10px;
        }
    
        .disdoc{
            height:90px;
        }
    
        .office_doctor{
            margin-left: -55px;
            margin-top: -25px;
            flex: 0 0 78% !important;
            max-width: 78% !important;
        }

        .btn_dispo{
            width: 100% !important;
            margin-top: 25px !important;
            background-color: #7c91f3 !important;
            font-size: 15px !important;
        }

        .btn_dispo:hover{
            color: #7c91f3;
            background-color: white !important;
            border: 1px solid #7c91f3;
        }
    
        .badge_cabinet{
            font-size: 13px !important;
            border: 1px solid #ff9a01; 
            margin-left: 10px; 
            border-radius: 15px;
            align-items: center;
        }
    
        .p_office2{
            font-size: 14px; 
            color: black; 
            margin-top: -25px;
        }

        .btn_cabinet_money{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 75%;
        }

        .btn_domicile{
            background-color: #87c2e982; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .btn_urgence{
            background-color: #ec757578; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .badge_cabinet{
            font-size: 15px;
            border: 1px solid #ff9a01; 
            margin-left: 10px; 
            border-radius: 15px;
        }

        .badge_cabinet_2{
            font-size: 15px;
            border: 1px solid #ff9a01; 
            margin-left: 410px;
            margin-top: -36px;
            padding-left: 10px;
            padding-top: 4px;
            padding-bottom: 4px;
            width: 75px;
            border-radius: 20px;
        }

        .btn_reserve{
            background-color: #7c91f3;
            width: 92%;
            font-size: 14px;
            margin-left: 20px;
            margin-top: 25px;
        }

        .btn_reserve:hover{
            color: #7c91f3;
            border: 1px solid #7c91f3;
            background-color: white;
        }

        .btn_faq{
            background-color: #76c9be;
            width: 188px;
            font-size: 15px;
            border-radius: 10px;
        }

        .img_avatar{
            border-radius: 50%;
            margin-top: 20px; 
            width: 100px; 
            height: 100px;
            margin-left: 0px;
        }


        .btn_verifie{
            color:black; 
            border: 1px solid #ff9a01;  
            border-radius: 20px; 
            font-size: 18px; 
            margin-top: -10px; 
            text-align:center; 
            padding-top: 1px; 
            padding-bottom: 1px;
            padding-left: 13px;
            padding-right: 13px;
        }

        .btn_search{
            font-size: 18px;
            background-color: #76c9be;
            border-radius: 10px;
            padding: 5px 142px;
            margin-top: 6.5px;
        }

        .col_button{
            margin-left: -380px;
            margin-top: 2.5px;
        }

        .h5_tel{
            color: black;
            margin-left: 85px;
            margin-top: -55px;
        }

        .gif_1{
            width: 80px;
            height: 80px;
        }

        .gif_2{
            width: 60px;
            height: 60px;
            margin-top:10px;
            margin-left: 10px;
        }

        .gif_3{
            width: 70px;
            margin-top:15px;
            margin-left: 10px;
        }

        .gif_4{
            width: 80px;
            height: 80px;
        }

        .gif_5{
            width: 140px;
            height: 60px;
            margin-bottom: 30px;
            margin-top: 5px;
            margin-left: -25px;
        }

        .gif_6{
            width: 80px;
            height: 80px;
            margin-bottom: 30px;
            border-radius: 50%;
        }

        .gif_7{
            width: 100px;
            height: 60px;
            margin-bottom: 30px;
            margin-top: 5px;
        }

        .gif_8{
            width: 100px;
            height: 100px;
            margin-top: -10px;
            margin-left: -5px;
        }

        .gif_9{
            width: 65px;
            height: 65px;
            margin-top: 10px;
            margin-left: 15px;
        }

        .btn_specifications{
            width: 35% !important;
        }

        .btn_publier{
            margin-left: 505px !important;
        }

        .h5_avis{
            margin-left: 100px !important;
            margin-top: -45px !important;
        }

        .gif_10{
            width: 60px;
            height: 35px;
            margin-top: 15px;
            margin-left: 15px;
        }

        .h5_reseaux{
            margin-left: 100px !important;
        }

        .h5_faq{
            margin-left: 100px !important;
            margin-top: -45px !important;
        }

        .a_lire{
            color: white;
            font-size: 16px;
            margin-left: 50px;
            background-color: #5ccacc;
            padding: 7.5px 25px;
        }

        .a_lire:hover{
            border: 1px solid #5ccacc;
            background-color: white;
            color: #5ccacc;
        }

        .btn_publier{
            width: 70% !important;
            font-size: 17px; 
            background-color: #76c9be;
            margin-top: 10px;
        }

        .btn_publier:hover{
            border: 1px solid #5ccacc;
            background-color: white;
            color: #5ccacc;
        }

        .img_client{
            width: 300px;
            margin-bottom: 30px;
            margin-top: -90px;
        }

        .col-3_1{
            flex: 0 0 33.3333333333%;
            max-width: 27%;
        }

        .col-3_2{
            flex: 0 0 33.3333333333%;
            max-width: 23.5%;
        }

        .col-3_3{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }
        .col-3_4{
            flex: 0 0 33.3333333333%;
            max-width: 22%;
        }

        .col-3_5{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_6{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_7{
            flex: 0 0 33.3333333333%;
            max-width: 35%;
        }

        .h5_h1{
            margin-left: 75px; 
            margin-top: -50px; 
            color: black;
        }

        .row_h1{
            width: 500px; 
            margin-left:275px; 
            margin-top: -35px;
        }

        .h6_h1{
            margin-left: 50px; 
            margin-top: 25px;
            margin-bottom: -10px;
        }

        .h5_h2{
            margin-left: 90px;
            margin-top: -40px;
            color: black;
        }

        .h5_h3{
            margin-left: 80px;
            color: black;
            margin-top: -40px;
        }

        .h2_premium{
            font-size: 16px;
        }

        .pratiques{
            font-size: 17px;
        }

        .h5_h4{
            margin-left: 90px; 
            margin-top: -65px; 
            color: black;
        }

        .h5_h5{
            margin-left: 0px;
            margin-top: 33px;
            margin-right: 15px;
        }

        .h5_h6{
            margin-left: 90px;
            margin-top: -85px;
            color: black;
        }

        .h5_h7{
            margin-left: 100px; 
            margin-top: -70px; 
            color: black;
        }

        .h5_h8{
            margin-left: 90px;
            margin-top: -60px;
            color: black;
        }

        .btn_specifications{
            font-size: 15px;
        }

        .img_questions{
            width: 210px;
            margin-left: -10px;
            margin-top: -45px;
        }

        .p_elargie{
            font-size: 17px;
        }

        .h3_elargie{
            color: black; 
            padding-left: 30px; 
            padding-top: 30px;
            font-size: 21px;
        }

        .h5_elargie{
            color: black; 
            padding-left: 30px; 
            padding-top: 20px;
            font-size: 15px;
        }

        .btn_faq_2{
            background-color: #76c9be; 
            font-size: 15px; 
            border-radius: 10px;
        }

        .btn_blog{
            background-color: #76c9be; 
            font-size: 15px; 
            border-radius: 10px; 
            margin-left: 40px;
        }

        .h4_conseils{
            color: black; 
            padding-top: 30px;
        }

        .h5_conseils{
            color: black; 
            padding-top: 20px; 
            font-size: 18px;
        }

        .p_conseils{
            color: black; 
            padding-top: 10px;
        }

        .btn_geo{
            background-color: transparent;
            color: black;
            border-radius: 10px;
            padding: 3px 0px;
            font-size: 16px;
            margin-top: 10px;
            margin-left: 335px;
            margin-right: 10px;
        }

        .btn_reserve_header{
            background-color: #7c91f3;
            width: 100%;
            font-size: 15px;
            margin-top: 10px;
        }

        .container-map{
            margin-top: 33px;
        }

        .input_conseils{
            background-color: #c8ebe5; 
            border: 1px solid #76c9be; 
            color: black; 
            border-radius: 10px; 
            width: 300px; 
            margin-bottom: 20px; 
            margin-top: 10px; 
            text-align: center; 
            height: 50px;
        }

        .btn_conseils{
            background-color: #76c9be; 
            border-radius: 10px; 
            width: 300px; 
            font-size: 17px;
            border-radius: 10px;
        }

        .img_avatar3{
            border-radius: 50%;
            margin-top: 10px; 
            width: 80px; 
            height: 80px;
            margin-left: 10px;
        }

        .btn_conseils_2 {
            background-color: #7c91f3;
            border-radius: 10px;
            width: 230px;
            font-size: 17px;
            margin-top: 20px;
        }
    }

    @media only screen and (min-width: 1601px) and (max-width: 1920px) 
    {
        .containerTaille{
            width: 1400px;
        }

        .container_taille2{
            width: 1395px;
        }

        .container-map{
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .btn_cabinet{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
            margin-top: 15px;
        }

        .img_avatar2{
            border-radius: 50%;
            margin-top: 10px; 
            width: 80px; 
            height: 80px;
            margin-left: 10px;
        }

        .p_office2{
            font-size: 15px; 
            color: black; 
            margin-top: -25px;
        }

        .details{
            margin-top: -20px; 
            margin-left: -45px;
        }

        .btn_cabinet_money{
            background-color: #b8d4b6; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 75%;
        }

        .btn_domicile{
            background-color: #87c2e982; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .btn_urgence{
            background-color: #ec757578; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 15px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
        }

        .badge_cabinet{
            font-size: 15px;
            border: 1px solid #ff9a01; 
            margin-left: 10px; 
            border-radius: 15px;
        }

        .badge_cabinet_2{
            font-size: 15px;
            border: 1px solid #ff9a01; 
            margin-left: 440px;
            margin-top: -36px;
            padding-left: 10px;
            padding-top: 4px;
            padding-bottom: 4px;
            width: 75px;
            border-radius: 20px;
        }

        .btn_reserve{
            background-color: #7c91f3;
            width: 92%;
            font-size: 14px;
            margin-left: 20px;
            margin-top: 5px;
            margin-bottom: 15px;
        }

        .p_horaire{
            font-size: 14px !important;
        }

        .btn_reserve:hover{
            color: #7c91f3;
            border: 1px solid #7c91f3;
            background-color: white;
        }

        .btn_faq{
            background-color: #76c9be;
            width: 188px;
            font-size: 15px;
            margin-top: 0px;
            border-radius: 10px;
        }

        .img_avatar{
            border-radius: 50%;
            margin-top: 20px; 
            width: 90px; 
            height: 90px;
        }

        #collapseExample2 .container-fluid .row{
            width: 100%;
        }


        .btn_verifie{
            color:black; 
            border: 1px solid #ff9a01;  
            border-radius: 20px; 
            font-size: 18px; 
            margin-top: -10px; 
            text-align:center; 
            padding-top: 1px; 
            padding-bottom: 1px;
            padding-left: 13px;
            padding-right: 13px;
        }

        .h5_tel{
            color: black;
            margin-left: 85px;
            margin-top: -55px;
        }

        .gif_1{
            width: 80px;
            height: 80px;
        }

        .gif_2{
            width: 60px;
            height: 60px;
            margin-top:10px;
            margin-left: 10px;
        }

        .gif_3{
            width: 70px;
            margin-top:15px;
            margin-left: 10px;
        }

        .gif_4{
            width: 80px;
            height: 80px;
        }

        .gif_5{
            width: 140px;
            height: 60px;
            margin-bottom: 30px;
            margin-top: 5px;
            margin-left: -25px;
        }

        .gif_6{
            width: 90px;
            height: 90px;
            margin-bottom: 30px;
            margin-top: 10px;
            margin-left: 0px;
            border-radius: 50%;
        }

        .gif_7{
            width: 100px;
            height: 60px;
            margin-bottom: 30px;
            margin-top: 5px;
        }

        .gif_8{
            width: 100px;
            height: 100px;
            margin-top: -10px;    
        }

        .gif_9{
            width: 75px;
            height: 75px;
            margin-top: 15px;
            margin-left: 15px;
        }

        .gif_10{
            width: 60px;
            height: 60px;
            margin-top: 15px;
            margin-left: 15px;
        }

        .a_lire{
            color: #5ccacc;
            font-size: 18px; 
        }

        .img_client{
            width: 300px;
            margin-bottom: 30px;
            margin-top: -90px;
        }

        .col-3_1{
            flex: 0 0 33.3333333333%;
            max-width: 27%;
        }

        .col-3_2{
            flex: 0 0 33.3333333333%;
            max-width: 23.5%;
        }

        .col-3_3{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }
        .col-3_4{
            flex: 0 0 33.3333333333%;
            max-width: 22%;
        }

        .col-3_5{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_6{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_7{
            flex: 0 0 33.3333333333%;
            max-width: 35%;
        }

        .h5_h1{
            margin-left: 75px; 
            margin-top: -50px; 
            color: black;
        }

        .row_h1{
            width: 500px; 
            margin-left:275px; 
            margin-top: -35px;
        }

        .h6_h1{
            margin-left: 25px; 
            margin-top: 25px;
        }

        .h5_h2{
            margin-left: 90px;
            margin-top: -40px;
            color: black;
        }

        .h5_h3{
            margin-left: 80px;
            color: black;
            margin-top: -40px;
        }

        .h2_premium{
            font-size: 16px;
        }

        .pratiques{
            font-size: 17px;
        }

        .h5_h4{
            margin-left: 100px; 
            margin-top: -65px; 
            color: black;
        }

        .h5_h5{
            margin-left: 0px;
            margin-right: 20px;
            margin-top: 35px;
        }

        .h5_h6{
            margin-left: 100px; 
            margin-top: -90px; 
            color: black;
        }

        .h5_h7{
            margin-left: 100px; 
            margin-top: -70px; 
            color: black;
        }

        .h5_h8{
            margin-left: 110px; 
            margin-top: -60px; 
            color: black;
        }

        .btn_specifications{
            font-size: 15px;
        }

        .img_questions{
            width: 250px;
            margin-left: -35px;
            margin-top: 0px;    
        }

        .p_elargie{
            font-size: 17px;
        }

        .h3_elargie{
            color: black; 
            padding-left: 30px; 
            padding-top: 30px;
            font-size: 21px;
        }

        .h5_elargie{
            color: black; 
            padding-left: 30px; 
            padding-top: 20px;
            font-size: 15px;
        }

        .btn_faq_2{
            background-color: #76c9be; 
            font-size: 15px; 
            border-radius: 10px;
        }

        .btn_blog{
            background-color: #76c9be; 
            font-size: 15px; 
            border-radius: 10px; 
            margin-left: 40px;
        }

        .h4_conseils{
            color: black; 
            padding-top: 30px;
        }

        .h5_conseils{
            color: black; 
            padding-top: 20px; 
            font-size: 18px;
        }

        .p_conseils{
            color: black; 
            padding-top: 10px;
        }

        .input_conseils{
            background-color: #c8ebe5; 
            border: 1px solid #76c9be; 
            color: black; 
            border-radius: 10px; 
            width: 300px; 
            margin-bottom: 20px; 
            margin-top: 10px; 
            text-align: center; 
            height: 50px;
        }

        .btn_conseils{
            background-color: #76c9be; 
            border-radius: 10px; 
            width: 300px; 
            font-size: 17px;
            border-radius: 10px;
        }

        .img_avatar3{
            border-radius: 50%;
            margin-top: 10px; 
            width: 80px; 
            height: 80px;
            margin-left: 10px;
        }

        .btn_avis{
            font-size: 15px; 
            background-color: #76c9be; 
            border: 1px solid #76c9be;
            margin-top: 15px;
            margin-left: 525px;
            padding: 10px; 
            color: white; 
            border-radius: 10px !important;
        }

        .img_13{
            width: 285px;
            height: 265px;
            margin-bottom: 20px;
        }

        .btn_conseils_2 {
            background-color: #7c91f3;
            border-radius: 10px;
            width: 230px;
            font-size: 17px;
            margin-top: 20px;
        }

        .btn_prev{
            position: absolute;
            top: 0;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            justify-content: center;
            width: 15%;
            margin-top: 195px;
            height: 10%;
            color: #fff;
            text-align: center;
            opacity: 0.5;
            margin-left: -0px;
        }
    
        .btn_next{
            position: absolute;
            top: 0;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            justify-content: center;
            width: 15%;
            margin-top: 195px;
            height: 10%;
            color: #fff;
            text-align: center;
            opacity: 0.5; 
            margin-left: 465px;
        }

        .btn_publier{
            width: 490px !important;
            font-size: 17px;
            background-color: #76c9be;
            margin-top: 10px;
        }

        .modal-dialog {
            max-width: 750px !important;
        }

        .modal-content {
            border-radius: 15px;
        }

        .btn1{
            border: 1px solid #76c9be;
            background-color: #76c9be;
            color: white;
            border-radius: 10px;
        }

        .btn2{
            border: 1px solid #7c91f3;
            background-color: #7c91f3;
            color: white;
            border-radius: 10px;
        }

        .btn3{
            border: 1px solid #ec7575a3;
            background-color: #ec7575a3;
            color: white;
            border-radius: 10px;
        }

        .btn_reserve_header{
            background-color: #7c91f3;
            width: 100%;
            font-size: 17px;
            margin-top: 10px;
        }

        .pac-target-input{
            border-radius: 10px; 
            border: 3px solid #76c9be; 
            height: 50px; 
            font-size: 20px;
        }

        .btn_search{
            font-size: 18px;
            background-color: #76c9be;
            border-radius: 10px;
            padding: 5px 142px;
            margin-top: 6.5px;
        }

        .col_button{
            margin-left: -380px;
            margin-top: 2.5px;
        }

        .badge_partenaire{
            border: 1px solid #7c91f3; 
            color: #7c91f3;
            border-radius: 15px;
            font-weight: 500 !important;
            margin-left: 20px;
        }

        .btn_geo{
            background-color: transparent;
            color: black;
            border-radius: 10px;
            padding: 3px 0px;
            font-size: 16px;
            margin-top: 10px;
            margin-left: 335px;
            margin-right: 10px;
        }

        .bi-cursor{
            color: #76c9be;
            margin-top: 2px;
        }

        .col_perso_header_1{
            flex: 0 0 25%;
            max-width: 25%;
        }

        .col_perso_header{
            flex: 0 0 37%;
            max-width: 37%;
        }

        .col_recherche{
            flex: 0 0 29.5%;
            max-width: 29.5%;
        }
    }


    @media only screen and (min-width: 1921px) {
        .containerTaille{
            width: 1800px;
        }

        .fluid-footer{
            width: 1900px !important;
        }

        .btn_prev{
            position: absolute;
            top: 0;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            justify-content: center;
            width: 15%;
            margin-top: 195px;
            height: 10%;
            color: #fff;
            text-align: center;
            opacity: 0.5;
            margin-left: -0px;
        }
    
        .btn_next{
            position: absolute;
            top: 0;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            justify-content: center;
            width: 15%;
            margin-top: 195px;
            height: 10%;
            color: #fff;
            text-align: center;
            opacity: 0.5; 
            margin-left: 640px;
        }

        .btn1{
            border: 1px solid #b8d4b6;
            background-color: #b8d4b6;
            color: white;
            border-radius: 10px;
        }

        .btn2{
            border: 1px solid #87c2e9b3;
            background-color: #87c2e9b3;
            color: white;
            border-radius: 10px;
        }

        .h5_tel{
            color: black;
            margin-left: 105px;
            margin-top: -55px;   
        }

        .badge_cabinet_2{
            font-size: 15px;
            border: 1px solid #ff9a01; 
            margin-left: 640px;
            margin-top: -36px;
            padding-left: 10px;
            padding-top: 4px;
            padding-bottom: 4px;
            width: 75px;
            border-radius: 20px;
        }

        .modal-dialog {
            max-width: 750px !important;
        }

        .modal-content {
            border-radius: 15px;
        }

        .details{
            margin-top: -15px; 
            margin-left: -45px;
        }

        .p_office2{
            font-size: 18px; 
            color: black; 
            margin-top: -25px;
        }

        .h2_premium{
            font-size: 18px;
        }

        .disdoc{
            height:125px;
        }

        .img_avatar2{
            border-radius: 50%;
            margin-top: 11px;
            width: 100px;
            height: 100px;
            margin-left: 20px;
        }

        .img_avatar3{
            border-radius: 50%;
            margin-top: 10px; 
            width: 80px; 
            height: 80px;
            margin-left: 10px;
        }

        .img_client{
            width: 450px;
            margin-bottom: 30px;
            margin-top: -90px;
        }

        .container_taille2{
            width: 1895px;
        }

        .btn_cabinet{
            background-color: #b8d4b67d; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 18px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
            margin-top: revert;
        }

        .btn_domicile{
            background-color: #87c2e982; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 18px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
            margin-top: revert;
        }

        .btn_urgence{
            background-color: #ec757578; 
            text-align: center; 
            color: black; 
            border-radius: 20px; 
            font-size: 18px; 
            padding-top: 5px; 
            padding-bottom: 5px;
            width: 100%;
            margin-top: revert;
        }

        .btn_verifie{
            color:black; 
            border: 1px solid #ff9a01;  
            border-radius: 20px; 
            font-size: 20px; 
            margin-top: -10px; 
            text-align:center; 
            padding-top: 2px; 
            padding-bottom: 2px;
            padding-left: 16px;
            padding-right: 16px;
        }

        .office_doctor{
            margin-left: -60px;
        }

        .badge_cabinet{
            border: 1px solid #ff9a01; 
            border-radius: 15px;
        }

        .badge_partenaire{
            border: 1px solid #7c91f3; 
            color: #7c91f3;
            border-radius: 15px;
            font-weight: 500 !important;
            margin-left: 20px;
        }

        .p_office{
            font-size: 20px; 
            color: black; 
            margin-top: -15px;
        }

        .btn_horaire{
            border: 1px solid #7c91f3; 
            margin-left: 15px;
            color:#7c91f3;
        }

        .btn_horaire2{
            border: 1px solid #7c91f3; 
            margin-left: -150px;
            color:#7c91f3;
        }

        .btn_horaire3{
            border: 1px solid #7c91f3; 
            margin-left: -310px;
            color:#7c91f3;
        }

        .btn_reserve{
            background-color: #7c91f3; 
            width: 70%; 
            font-size: 17px; 
            margin-left: 100px;
            margin-top: 25px;
        }

        .btn_reserve_header{
            background-color: #7c91f3;
            font-size: 17px;
            margin: 0 auto;
            width: 100%;
            margin-top: 10px;
        }

        .img_avatar{
            border-radius: 50%;
            margin-top: 30px; 
            width: 115px; 
            height: 115px;
        }

        .pac-target-input{
            border-radius: 10px; 
            border: 3px solid #76c9be; 
            height: 50px; 
            font-size: 20px;
        }

        .btn_search{
            font-size: 18px;
            background-color: #76c9be;
            border-radius: 10px;
            padding: 4px 26px;
            margin-top: 9.5px;
        }

        .col_button{
            margin-left: -127px;
            margin-top: 2.5px;
        }

        .btn-nocheck{
            background-color: #ffffff9a; 
            text-align: center; 
            color: black; 
            border-radius: 30px; 
            border: 1px solid #76c9be;
            font-size: 18px; 
            padding-top: 10px; 
            padding-bottom: 10px;
            margin-right: 15px;
            width: 140px;
        }

        .btn-check{
            background-color: #b8d4b67d; 
            text-align: center; 
            color: black; 
            border-radius: 30px; 
            border: 1px solid #76c9be;;
            font-size: 18px; 
            padding-top: 10px; 
            padding-bottom: 10px;
            margin-right: 15px;
            width: 140px;
        }

        .btn-nocheck_2{
            background-color: #ffffff9a; 
            text-align: center; 
            color: black; 
            border-radius: 30px; 
            border: 1px solid #76c9be;
            font-size: 18px; 
            padding-top: 10px; 
            padding-bottom: 10px;
            margin-right: 15px;
            width: 225px;
        }

        .btn-check_2{
            background-color: #b8d4b67d; 
            text-align: center; 
            color: black; 
            border-radius: 30px; 
            border: 1px solid #76c9be;;
            font-size: 18px; 
            padding-top: 10px; 
            padding-bottom: 10px;
            margin-right: 15px;
            width: 225px;
        }

        .h5_aides{
            margin-top: -44px; 
            margin-left: 860px; 
            margin-bottom:20px; 
            color: black;
        }

        .gif_1{
            width: 90px;
            height: 90px;
        }

        .gif_2{
            width: 60px;
            height: 60px;
            margin-top:10px;
            margin-left: 10px;
        }

        .gif_3{
            width: 70px;
            margin-top: 10px;
            margin-left: 10px;
        }
        .gif_4{
            width: 85px;
            height: 85px;
            margin-top: -5px;
        }

        .gif_5{
            width: 160px;
            height: 65px;    
            margin-bottom: 30px;
            margin-top: 0px;
            margin-left: -30px;
        }

        .gif_6{
            width: 90px;
            height: 90px;
            margin-bottom: 30px;
            margin-top: 0px;
            margin-left: 0px;
            border-radius: 50%;
        }

        .gif_7{
            width: 95px;
            height: 60px;
            margin-bottom: 30px;
            margin-top: 0px;
        }

        .gif_8{
            width: 100px;
            height: 100px;
            margin-top: -10px;
        }

        .gif_9{
            width: 60px;
            height: 60px;
            margin-top: 10px;
            margin-left: 25px;    
        }

        .gif_10{
            width: 70px;
            height: 60px;
            margin-top: 15px;
            margin-left: 15px;
        }

        .h5_h1{
            margin-left: 90px; 
            margin-top: -55px; 
            color: black;
            font-size: 23px;
        }

        .row_h1{
            width: 725px; 
            margin-left:275px; 
            margin-top: -35px;
        }

        .h6_h1{
            padding-left: 25px;
            padding-right: 25px; 
            margin-top: 25px;
            font-size: 20px;
        }

        .h5_h9{
            margin-left: 110px !important;
            margin-top: -45px !important;    
        }

        .h5_avis{
            margin-top: -40px !important;
        }

        .a_lire{
            color: #5ccacc;
            font-size: 20px; 
            margin-left: 0px;
            margin-top: -10px;
        }

        .h5_h2{
            margin-left: 95px; 
            margin-top: -45px; 
            color: black;
            font-size: 23px;
        }

        .row_info{
            margin-top: 40px !important;
        }

        .h5_h3{
            margin-left: 90px; 
            color: black; 
            margin-top: -50px;
            font-size: 23px;
        }

        .pratiques{
            font-size: 20px;
        }

        .h5_h4{
            margin-left: 100px; 
            margin-top: -69px; 
            color: black;
            font-size: 23px;
        }
        
        .h5_h5{
            margin-top: 28px;
            padding-right: 25px;
        }

        .col_horaire_affiche{
            flex: 0 0 14%;
            max-width: 14%;
        }

        .h5_h6{
            margin-left: 100px; 
            margin-top: -90px; 
            color: black;
            font-size: 23px;
        }

        .h5_h7{
            margin-left: 100px;
            margin-top: -70px;
            color: black;
            font-size: 23px;
        }

        .h5_h8{
            margin-left: 110px; 
            margin-top: -60px; 
            color: black;
            font-size: 23px;
        }

        .tarifs{
            font-size: 20px;
        }

        .col-3_1{
            flex: 0 0 33.3333333333%;
            max-width: 27%;
        }

        .col-3_2{
            flex: 0 0 33.3333333333%;
            max-width: 23.5%;
        }

        .col-3_3{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }
        .col-3_4{
            flex: 0 0 33.3333333333%;
            max-width: 22%;
        }

        .col-3_5{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_6{
            flex: 0 0 33.3333333333%;
            max-width: 25%;
        }

        .col-3_7{
            flex: 0 0 33.3333333333%;
            max-width: 35%;
        }

        .btn_specifications{
            font-size: 18px;
        }

        .img_questions{
            width: 280px;
        }

        .p_elargie{
            font-size: 19px;
        }

        .h3_elargie{
            color: black; 
            padding-left: 30px; 
            padding-top: 30px;
        }

        .h5_elargie{
            color: black; 
            padding-left: 30px; 
            padding-top: 20px;
        }

        .btn_faq_2{
            background-color: #76c9be; 
            font-size: 18px; 
            border-radius: 10px;
        }

        .btn_blog{
            background-color: #76c9be; 
            font-size: 18px; 
            border-radius: 10px; 
            margin-left: 40px;
        }

        .h4_conseils{
            color: black; 
            padding-top: 30px;
            font-size: 26px;
        }

        .h5_conseils{
            color: black; 
            padding-top: 20px; 
            font-size: 21px;
        }

        .p_conseils{
            color: black; 
            padding-top: 10px;
            font-size: 22px;
        }

        .input_conseils{
            background-color: #c8ebe5; 
            border: 1px solid #76c9be; 
            color: black; 
            border-radius: 10px; 
            width: 400px; 
            margin-bottom: 20px; 
            margin-top: 10px; 
            text-align: center; 
            height: 50px;
        }

        .btn_conseils{
            background-color: #76c9be; 
            border-radius: 10px; 
            width: 400px; 
            font-size: 19px;
            border-radius: 10px; 
        }

        .btn_avis{
            font-size: 15px; 
            background-color: #76c9be; 
            border: 1px solid #76c9be;
            margin-top: 15px;
            margin-left: 820px;
            padding: 10px; 
            color: white; 
            border-radius: 5px;
        }

        .img_13{
            width: 285px;
            height: 265px;
            margin-bottom: 20px;
        }

        .btn_conseils_2 {
            background-color: #7c91f3;
            border-radius: 10px;
            width: 230px;
            font-size: 17px;
            margin-top: 20px;
        }

        .btn_publier{
            width: 490px !important;
            font-size: 17px;
            background-color: #76c9be;
            margin-top: 10px;
        }

        .avis_btn{
            margin-top: 35px !important;
        }

        .btn_geo{
            background-color: transparent;
            color: black;
            border-radius: 10px;
            padding: 3px 0px;
            font-size: 16px;
            margin-top: 10px;
            margin-left: -73px;
            margin-right: 10px;
        }

        .bi-cursor{
            color: #76c9be;
            margin-top: 2px;
        }

        .h6_types{
            color: black;
            font-size: 18px;
            margin-top: 4px;
        }

        .container-map{
            margin-top: 15px;
            margin-bottom: 15px;
        }
    }

    .col_paiement{
        display: flex; 
        align-items: center;
    }

    .bi-cursor:hover{
        color: #7c91f3;
    }

    .next{
        display: none;
    }

    .prev{
        display: none;
    }

    .slot-cabinet {
        height: 100% !important;
    }

    .btn_publier:hover{
        border: 1px solid #5ccacc;
        background-color: white;
        color: #5ccacc;
    }

    .btn_conseils_2:hover {
        background-color: white;
        border: 1px solid #7c91f3;
        color: #7c91f3;
    }

    .btn_avis:hover{
        background-color: white; 
        color: #76c9be; 
    }

    .btn1:hover{
        background-color: white;
        color: #b8d4b6;
    }

    .btn2:hover{
        background-color: white;
        color: #87c2e9b3;
    }

    .btn3:hover{
        background-color: white;
        color: #ec7575a3;
    }

    .btn_reserve_header:hover{
        color: #7c91f3;
        border: 1px solid #7c91f3;
        background-color: white;
    }

    .btn_reserve:hover{
        color: #7c91f3;
        border: 1px solid #7c91f3;
        background-color: white;
    }

    .floating-container {
        position: sticky;
        top: 0; /* Distance par rapport au haut de l'écran avant de devenir collant */
        z-index: 1000; /* S'assure que l'élément reste au-dessus des autres */
        background-color: rgba(255, 255, 255, 0.9);
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); /* Facultatif */
    }

    @media (max-width: 768px) { /* Pour les écrans de taille tablette et téléphone */
        .floating-container {
            top: 0; /* Maintient la position collante en haut */
            padding: 8px; /* Réduit le padding pour économiser de l'espace */
            font-size: 14px; /* Réduit la taille de la police si nécessaire */
        }
    }
    
    @media (max-width: 480px) { /* Pour les petits écrans comme les téléphones */
        .floating-container {
            top: 0; /* Collant toujours en haut */
            padding: 5px; /* Espacement minimal */
            font-size: 12px; /* Taille de police réduite */
        }
    }

    .btn_dispo:hover{
        color: #7c91f3;
        background-color: white;
        border: 1px solid #7c91f3;
    }
    
    section{
        padding: 0px 0 !important;
    }
    
    #lightbox {
        display: none;
        justify-content: center;
        align-items: center;
        background-color: rgba(0,0,0,0.8);
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 9999;
        flex-direction: row;
    }
    
    #lightbox-img {
        max-width: 90%;
        max-height: 80%;
        box-shadow: 0 0 10px white;
    }
    
    .arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 40px;
        color: white;
        padding: 10px;
        cursor: pointer;
        user-select: none;
        z-index: 10000;
    }
    
    #prevArrow {
        left: 30px;
    }
    
    #nextArrow {
        right: 30px;
    }