* {
    transition-property: *;
    transition-duration: 0.5s;
    /* transition-delay: 1.3;
    transition-timing-function: ease-in;   */
    list-style-type: none;
}


button {
    padding: 15px;
    background-color: #ffffff00;
    border: 1px solid white;
    color: white;
    font-weight: 600;

}

button:hover {
    background-color: #e94247;
    border: 1px solid #e94247;
    color: white;
}

/* @font-face {
    font-family: "vestafont";
    src: url("/_assets/fonts/Kredit.ttf");
} */
html {
    padding: 0px;
    font-family: 'Signika', sans-serif;
    /* border: 1px solid rgb(0, 94, 128); */
    letter-spacing: 0px;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    background-color: #fff;
    /* blocus temporaire avant responsive */
    scroll-behavior: smooth;

}

body {
    margin: 0px;
    background-color: #fff;
}

#info_ban {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    background-color: #492707;
    /* font-size: smaller; */
    font-weight: 500;
    position: sticky;
    top: 0px;
    color: #ffffff;
    padding: 0px 30px 0px 30px;
}

#info_ban>span {
    display: flex;
}

#info_ban>span>a {
    text-decoration: none;
    color: #ffffff;
    margin-right: 45px;

}

#info_ban>span>a>span {
    color: #eeb524;
    font-weight: 500;
}

/* fond slid */

.heading-content {

    padding: 3%;
    /* text-shadow: 1px 1px 3px #3e3d3d9b; */
    border-radius: 1%;


}


.heading-content {

    padding: 3%;
    /* text-shadow: 1px 1px 3px #3e3d3d9b; */
    border-radius: 1%;


}




nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    /* border: 1px dotted rgb(128, 0, 122); */
    height: 80px;
    padding: 0px;
    background-color: rgb(255, 0, 0);
    box-shadow: 1px 1px 2px rgba(120, 26, 26, 0.75);
    position: sticky;
    top: 0px;
    z-index: 1000;

}

#menu_logo {
    display: grid;
    align-items: center;
    margin-left: 30px;
    padding: 10px;
    border: 1px solid rgba(206, 166, 135, 0.457);
    background: linear-gradient(180deg, rgba(52, 39, 39, 0.797) 0%, #790501b4 100%);
    transform: scale(1.1);
    height: 60px;
    box-shadow: 0px 0px 3px #601d1dc5;
    border-radius: 3px;
}

#menu_logo>img {
    height: 55px;
}

.menu_ulist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    padding-right: 30px;
    margin: 0px;

    /* background-color: #a89e9e; */
    /* border: 1px solid blue; */
}

.menu_list {
    display: grid;
    margin: 0px 10px 0px 10px;
    padding: 0px;

    /* border: 1px solid rgb(214, 255, 33); */
    height: 76px;
    align-items: center;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    border-bottom: 3px solid #ffffff00;
}

.menu_list a {
    list-style: none;
    text-decoration: none;
    color: #fff;
}

.menu_list:hover {
    border-bottom: 3px solid #ffffff;

    /* margin: 0px 9px 0px 9px; */
}

.cody {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px;
    /* background-image: url("/_assets/_img/_fond/Abstract_background_vector_1.jpg");
    background-repeat: repeat;
    background-size:auto; */
}

.keystro {}

.cody>.bg_a {
    display: flex;
    flex-direction: column;
    background-color: red;
    width: 100%;
    padding: 3%;

}

#advantages {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    /* border: 2px solid white; */
    min-height: 50%;
    /* padding-bottom: 70px; */

}

#advantages>span {
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-weight: bolder;
    font-size: 15px;
    line-height: 25px;
    padding: 15px;
    text-align: left;
    max-width: 230px;
    min-width: 210px;
    /* border: 1px solid blue; */


}

#advantages>span>div {
    margin-left: 10px;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    line-height: 24.75px;
    color: #fff;
    font-weight: bolder;
    /* border: 1px solid green; */
}

#advantages>span>i {
    font-size: 55px;

}

.bg_b {
    background-color: #ffffff00;
    padding: 0px;
    width: 100%;
    /* border: 1px solid green; */
}


#servicecontrat {
    /* border: 1px solid greenyellow; */
    display: flex;
    justify-content: center;
    background-color: red;
    background: linear-gradient(red 0 50%, rgba(255, 255, 255, 0) 50% 100%);
    width: 100%;

}

.servicevesta {
    /* border: 1px solid rgba(65, 64, 64, 0.595); */
    border: 1px solid rgba(94, 17, 30, 0.377);
    box-shadow: 7px 7px 0px rgba(138, 115, 115, 0.273);
    background-color: #fff;
    max-height: 300px;
    max-width: 270px;
    min-width: 215px;
    padding: 30px;
    margin: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.servicevesta>i {
    font-size: 64px;
    color: #f1b63b;
    /* border: 1px solid silver; */
    margin-top: 20px;

    width: 70px;
}

.servicevesta>div {
    text-align: center;
    /* border: 1px solid rgb(255, 47, 47); */
}

.servicevesta>div>span {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: #632525;
    font-family: "SUSE", sans-serif;


}

.servicevesta>div>div {
    margin-top: 30px;
    font-size: 16px;
    font-weight: lighter;
    text-align: center;
    color: #0B0034;
    /* border: 1px solid rgb(255, 47, 47); */
}

#intervention {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-height: 80vh;
    background: #4f4e50;
    background: linear-gradient(63deg,
            #4f4e50 0%,
            rgba(0, 0, 0, 1) 49%,
            rgba(255, 255, 255, 1) 49%,
            rgba(255, 255, 255, 1) 50%,
            rgba(255, 0, 0, 1) 50%,
            red 100%);
    /* border: 1px solid red; */
    padding: 30px 0px 30px 30px;
    overflow: hidden;
    margin-top: 0px;
}


#intervention1 {

    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    min-height: 80vh;
    background: #4f4e50;
    background: linear-gradient(63deg,
            #757475 0% 50%,
            /* rgba(255,255,255,1) 50%, */
            /* rgba(255,255,255,1) 50%, */
            rgba(255, 0, 0, 1) 50%,
            red 100%);
    /* border: 1px solid red; */
    padding: 0px;
    overflow: hidden;
    margin-top: 0px;
    
}



.info_intervention {
    text-align: justify;
    max-width: 70vh;
    color: #fff;
}

.info_intervention1 {
    color: #fff;
}

#titre_intervention>h3 {
    color: red;
    /*#e34242;*/
    font-size: 50px;
    text-transform: uppercase;

}

.grand_titre_red {
    color: red;
    /*#e34242;*/
    font-size: 5vh;
}

.grand_titre_blanc {
    color: #3b8df1;
    font-size: 40px;
    line-height: 72px;
    text-align: center;
    font-weight: 300;
    font-family: "Google Sans", arial, sans-serif;
    letter-spacing: -1.25px;
    /* background-color: #3b9ff11a; */
    width: auto;
    min-width: 400px;
    margin: 20px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
    align-items: center;
    padding: 10px;
    padding-left: 0px;

}

.grand_titre {
    color: #51A851;
    font-size: 40px;
    line-height: 72px;
    text-align: center;
    font-weight: 300;
    font-family: "Google Sans", arial, sans-serif;
    letter-spacing: -1.25px;
    background-color: #3bf1651a;
    width: 22%;
    min-width: 400px;
    margin: 20px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
    align-items: center;
    padding: 10px;
    padding-left: 0px;

}

.gauche_text {

    width: auto;
    padding: 1%;
    /* border: 1px solid gold; */
}

.droite_service {
    display: flex;
    flex-direction: row;
    /* border: 1px solid chartreuse; */
    align-items: center;
    justify-content: center;
    /* overflow: hidden; */
    max-width: 98%;
    margin-left: auto;
    margin-right: auto;

}

#AA {
    /* position: relative; */

    /* top: 2vh; */
}

#BB {
    opacity: 1;
    z-index: 20;
    /* position: relative; */
    /* top: -2vh; */
}

#CC {
    /* border-top: 2px solid red; */
}

.carteservice {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid rgba(211, 84, 84, 0.278);
    max-width: 352px;

    min-height: 380px;
    height: auto;
    list-style: none;
    opacity: 0.98;
    background-color: #fff;
    /* font-size: 0%; */
    /* transform: scale(0.9); */
    transition-property: transform, opacity;
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: ease-in-out;

}

.carteservice:hover {
    opacity: 1;
    /* transform: scale(1.01); */
    z-index: 30;
    /* border-bottom: 2px solid red; */
    box-shadow: 0px 0px 13px red;
    border: 1px solid rgb(88, 18, 70);

}

.titres {
    font-size: 23px;
    margin-bottom: 10px;
}


.photos {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    box-shadow: 1px 1px 3px silver;
    border: 3px double #849F64;
    margin: 3%;
}

.descs {
    display: block;
    color: #eeb524;
    text-transform: uppercase;
    font-weight: bold;
}

.lists>ul * {
    list-style: none;
    line-height: 23px;
}

.lists>ul>li {
    display: inline-block;
    font-size: large;
    /* border: 1px solid red   ; */
}

.lists>ul>li>i {
    font-size: 15px;
    color: #f1b63b;
    margin: 5px;
}

.lists>ul>li>span {
    margin-left: 20px;
    display: block;
    color: rgba(99, 107, 114, 0.637);
    font-size: smaller;
}

.descs2 {
    display: block;
    color: #147407;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}

#titregardiennage {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    min-height: 500px;
    height: 75vh;
    /* border: 1px solid black; */
    background-color: #ece8e8;
    background-image: url("/_assets/_img/_fond/vestaqg.jpg");
    background: rgb(96, 27, 27);
    background:
        linear-gradient(rgba(62, 62, 62, 0.715) 0% 100%),
        url('/_assets/_img/_fond/vestaqg.jpg');

    background-size: cover;
    background-repeat: no-repeat;


}





#titregardiennage>div {
    display: flex;
    flex-direction: column;
    width: 41%;


}

#titregardiennage>div>span {
    /* border-radius: 10px 10px 0px 0px; */
    display: grid;
    align-items: center;
    width: 75%;
    height: 100px;
    overflow: hidden;
    /* text-align: center; */
    background-color: #757475ee;
    font-size: 35px;
    text-transform: uppercase;
    color: #f5f5f5;
    font-weight: 900;
    padding: 20px 0px 20px 30px;


}

.vesta24_table2_hidden {
    display: none;
}

#bottomg {
    /* border: 1px solid #fff; */
    padding: 20px;
    color: #fff;
    text-align: justify;
    /* background-color: red; */

}

#leftg {
    display: flex;
    justify-content: end;
}


table {
    max-width: 1000px;
    margin: 30px 5% 0px 5%;
    border: 1px solid gray;
    border-radius: 5px;
    background-color: #ffffffed;
}


td {
    border: 1px solid rgba(128, 128, 128, 0.285);
    text-align: center;
    color: #000000;
    /* height: 50px; */
    padding: 2%;
}

.td_rethink {
    border-right: 10px solid #7e1b1bd0;

}

.signalalarme {
    display: flex;
    flex-direction: row;
    /* align-items: ; */
    padding-left: 0px line-height: 30px;
    text-align: justify;


}

.signalalarme>i {
    display: inline;
}

.fontnormal {
    font-weight: 300;
    font-size: 15px;
    color: #000000;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
    line-height: 3vh;

    padding: 15px;

    display: flex;

}

.vesta24_table2 td {
    border: none;

}

.vesta24_table2 {
    border: none;
    background-color: #ffffff00;

}

.dvh {
    text-align: center;
    border: 1px solid gray;
    padding: 15px;
    margin-left: 20px;
    background-color: #fff;
    max-width: 130px;
}

.dvh>i {
    font-size: 23px;
}

.fontnormal>.inspection_carte {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    height: 170px;
    border: 1px solid gray;
    background-color: #7c4636;
    border-left: 0px solid black;
    margin: 10px;

    text-align: center;
    width: auto;
    padding: 2%;
    font-size: 13px;
    line-height: 1.8vh;
    color: #ffffff;
    font-weight: 600;

}

.inspecticon {
    display: block;
    font-size: 30px;
    margin: 20px;
    color: #fff;
}

.inspecticonpm {
    font-size: 2vh;
    color: #fcfcfc;
}


tr {
    width: 100%;
}

#heureintervention {
    font-size: 25px;
    font-weight: 700;
    position: static;
    bottom: 0px;
    right: 0px;
}

.black_text {
    color: #ffffff;
    font-size: 20px;
    padding: 10px;
    text-align: center;

}

.titre_table {
    font-size: 2vh;
}

.cartevesta {
    margin-top: 30px;
    border: 1px solid rgb(40, 38, 38);
    border-radius: 5px;
    padding: 15px;
    text-align: justify;
    background-color: #fff;
    color: #000000;
    width: 77%;
    font-weight: 300;


}

.vesta24_table_2 {
    background-color: #ffffff00;
    margin: 0px;
    width: 80%;
    border-radius: 0px;
    float: right;
}

.vesta24_table_transp {
    background-color: #f5eeeebd;
    /* border: 0px #000000; */
    min-width: 600px;
    width: 65vh;
    margin-left: 20px;
}

.vesta24_table_2 * td {
    background-color: #fff;
    /* border: 1px solid #651f0d00; */
    border-radius: 3px;
    padding: 0px;

}

.vesta24_table_transp td {
    padding: 0px;

}

noterbien {
    background-color: #1bb537;
    color: #fff;
    font-weight: bolder;
    padding: 3px;
    border-radius: 5px;
    margin: 5px;
    text-align: center;
    line-height: 35px;
}

#escorte {
    min-height: 300px;

    /* height: 100vh; */

    background-size: auto;
    margin-bottom: 50px;
    color: #000000;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}



#titreEscorte {
    display: grid;
    margin-right: auto;
    margin-top: 2px;
    width: 75%;
    height: 100px;
    overflow: hidden;
    /* text-align: center; */
    background-color: #757475;
    font-size: 25px;
    color: #f5f5f5;
    font-weight: 900;
    padding: 20px 0px 20px 30px;


}

#escortegauchetext {
    text-align: center;
    margin-top: 30px;
    line-height: 50px;


}

#escortegauchetext>div {
    /* margin: 30px; */
}

#escortedroitetext {
    width: 100%;

}

#escortedroitetext>ul {
    /* border: 1px solid rgb(132, 108, 205); */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    /* background-color: #fff; */
    color: #000000;
}


#sampleescorte {
    display: none;
}

#escortedroitetext>ul>li {
    background-color: rgba(97, 68, 68, 0.53);
    margin: 50px 10px 30px 0px;
    padding: 15px;
    list-style: none;
    min-height: 300px;
    max-width: 500px;

}

    #escortedroitetext>ul>li>span {
        background-color: #4f4f50d2;
        display: block;
        position: relative;
        bottom: -250px;
        /* line-height: 50px; */
        padding: 20px;
        height: 50px;
        color: #fff;

    }

#domicile {
    background-image: url("/_assets/_img/_fond/batim2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

#aeroport {
    background-image: url("/_assets/_img/_fond/sary\ \(8\).jpg");
    background-size: cover;
}

#medicale {
    background-image: url("/_assets/_img/_fond/sary\ \(11\).jpg");
    background-size: cover;
}

#financiere {
    background-image: url("/_assets/_img/_fond/sary\ \(7\).jpg");
    background-size: cover;
}

#mapmada {
    /* border-top:  1px solid rgb(228, 39, 39); */
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 300px;
    width: 100%;
    /* padding: 30px; */
    background: #ffffff00;
    background-size: cover;

}


#refliste {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* border: 0px solid rgba(162, 184, 184, 0.384); */
    border-radius: 0px;
    background-color: #e0d8d834;
    padding: 60px;
    /* background: #143051; */
    background-repeat: no-repeat;
    background-size: cover;
    background: linear-gradient(rgba(32, 61, 113, 0.685) 0% 100%), url('/_assets/_img/fondbt50.png');
    /* background-image: url('/_assets/_img/fondbt50.png'); */
    margin-bottom: 30px;

}

#refliste:hover {
    /* box-shadow: 15px 20px 0px #3e4874b9; */
    /* position: relative; */

    /* transform: scale(1.01); */
}

#refliste>span {
    display: flex;
    align-items: center;
    border: 1px solid #ecececde;
    border-radius: 3px;
    background-color: #ffffff;
    /* box-shadow: 0px 0px 3px rgba(233, 231, 231, 0.523); */
    margin: 5px;
    padding: 11px;
    overflow: hidden;
    width: 8%;
    min-width: 150px;
    height: 150px;
}

#refliste>span>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 5vh;
    align-items: center;
    min-height: 125px;
    min-width: 125px;
    /* max-width: 170px;
    max-height: 170px; */



}

iframe {
    /* margin-top: 50px; */
}

#vestamada {
    /* min-width: 535px; */
    min-height: 750px;
    margin: 0px;
}



#implantation {
    opacity: 1;
    width: 100%;
    border: 0px;
}

.infolocation1 {
    background-color: #339933d9;
    color: #fff;
    width: 25%;
    padding: 35px;
    font-size: 18px;
    text-align: justify;
}


.infolocation {
    background-color: #ebe9e9d8;
    width: 500px;
    height: auto;
    padding: 10px;
    transform: scale(0.9);
    z-index: 100;
}

form {
    position: fixed;
    top: 130px;
    right: 0px;
    display: flex;
    flex-direction: column;
    /* border: 1px solid red; */

}

form>div>div>input {
    width: 39%;
    margin: 10px;
    padding: 10px 10px 10px 20px;
    font-weight: 400;
    font-size: 15px;
    height: 25px;
    border: 1px solid rgb(179, 179, 179);
}

form>div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

form>textarea {
    width: auto;
    height: 200px;
    margin: 10px;
    padding: 10px;
    font-size: 15px;
    border: 1px solid rgb(179, 179, 179);


}

form>input {
    margin: 10px;
    font-size: 15px;

}

.footerpage {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    min-height: 200px;
    background-color: #ff0000;
    color: #fff;
    /* border: 1px solid rgb(255, 0, 0); */
    z-index: 20000;
    padding: 30px 0px 20px 0px;

}

.footerpage>div {
    min-width: 300px;
    margin-bottom: 50px;
    text-align: center;
}



@media all and (max-width: 1020px) {

    /* .cody{
        background: #757475;
    } */


    /* #escorte {
        display: none;
    } */

    .vesta24_table2_hidden {
        display: block;
    }

    #sampleescorte {
        display: block;
        padding: 30px;
        border: 1px dashed #fff;
        margin: 15px 0px 0px 0px;
        text-align: center;

    }

    #escortedroitetext>ul {
        /* border: 1px solid rgb(132, 108, 205); */
        display: block;
        /* background-color: #fff; */
        color: #000000;
        
    }


    #escortedroitetext>ul>li {
        background-color: rgba(97, 68, 68, 0.53);
        margin: 0px 0px 0px 0px;
        padding: 15px;
        list-style: none;
        min-height: 250px;
        max-width: 500px;
    
    }

    #escortedroitetext>ul>li>span {
        background-color: #615f5fe7;
        display: block;
        width: auto;
        position: relative;
        bottom: -250px;
        /* line-height: 50px; */
        padding: 10px;
        height: 50px;
        color: #f7f7f7;
    }


   #domicile{
        margin: 0px;
   }

   #aeroport{

   }

   #medicale{

   }

    #samplegard {
        display: none;
    }

    #titregardiennage>div>span {
        display: flex;
        background-color: #4e4e4e92;
        width: 100%;
        /* border: 1px solid #fff; */
        text-align: center;
        height: auto;
    }

    .titreservice {
        width: 100%;
        text-align: center;
        padding: 0px;

    }

    #titreEscorte {
        width: 100%;
        height: auto;
        overflow: hidden;
        text-align: justify;
        padding: 50px;


    }

    #titregardiennage {
        display: flex;
        flex-direction: column;
        padding: 0px;
        height: auto;

    }

    #bottomg {
        margin: 20px;
        /* border: 1px solid #ffffff8e; */
        /* border-radius: 15px; */
        padding: 9px;
    }

    .vesta24_table_transp {
        display: none;
    }

    .vesta24_table2 {
        display: none;
    }

    #colonnegauchegardiennage {
        min-width: 100%;
        /* border: 1px solid green; */
        overflow: hidden;
        padding: 0px;

    }


    #leftg {
        display: block;
        justify-content: start;
        /* border: 1px solid red; */
        overflow: hidden;
        min-width: 100%;
    }


    #intervention1 {
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
        min-height: 80vh;
        background: #4f4e50;
        background: red;
        /* border: 1px solid red; */
        padding: 30px 0px 30px 30px;
        overflow: hidden;
        margin-top: 0px;
    }




}


@media all and (min-width: 1020px) and (max-width: 1300px) {

    #intervention {
        /* flex-direction: column; */
        background: red;
        background: linear-gradient(180deg,
                #4f4e50 0%,
                rgba(0, 0, 0, 1) 59%,
                rgb(0, 0, 0) 59% 60%,
                rgb(0, 0, 0) 60% 100%);
        margin: 0px;

    }


    .info_intervention {
        text-align: center;
        line-height: 30px;

    }

    .vesta24_table_transp {
        min-width: 60vh;
    }

}






@media all and (min-width: 1300px) and (max-width: 1700px) {

    #titregardiennage {
        height: 75vh;
    }

    #titregardiennage>div>span {
        font-size: 30px;
    }

    .inspection_carte {
        font-weight: lighter;
        line-height: 20px;
        min-width: 10px;

    }

    #refliste:hover {
        box-shadow: 10px 10px 0px #3e4874b9;
        position: relative;

        /* transform: scale(1.01); */
    }

    .vesta24_table_transp {
        width: 65vh;
        margin-left: 20px;
    }

    .vesta24_table_transp td {
        padding: 0px;

    }

    .black_text {
        min-width: 250px;
        /* color: #000000; */
    }

    #intervention {
        flex-direction: column;
        background: red;
        background: linear-gradient(180deg,
                #4f4e50 0%,
                rgba(0, 0, 0, 1) 59%,
                rgba(255, 255, 255, 1) 59% 60%,
                rgba(255, 0, 0, 1) 60% 100%);
        margin: 0px;

    }


    .carteservice {
        background-color: #fff;
        min-height: 500px;
        margin: 0px;
        border: none;
        box-shadow: -1px 0px 60px rgba(135, 84, 84, 0.196);
        line-height: 37px;
        padding: 30px 50px 10px 50px;
        min-width: 320px;
    }

    .titres {
        font-size: 30px;
    }

    .descs2 {
        font-size: 20px;
        min-width: 300px;
    }

    .lists {
        font-weight: 400;

    }

    #AA {
        position: relative;

        top: 0vh;

        margin: 0px;
    }

    #BB {

        position: relative;
        top: 0vh;

        margin: 0px;
    }

    #CC {


        margin: 0px;
    }

    .gauche_text {
        width: 100%;
        padding: 10px;
        /* border: 0px solid rgb(140, 210, 146); */

        display: flex;
        border: none;

    }

    #titre_intervention {
        /* border: 1px solid #fff; */
        /* justify-content:space-around; */


    }

    #titre_intervention>h3 {
        font-size: 5vh;
        color: #fff;
        text-transform: none;
        /* border: 1px solid #fff; */

    }

    .info_intervention {
        margin-left: auto;
        margin-right: auto;
        font-size: 15px;
        line-height: 20px;
        max-width: 100vh;
        text-align: center;
        /* border: 1px solid green; */
    }

}

#hidden_menu {
    display: none;
    z-index: -10;
}

#label_menu {
    display: none;

}

#form_comd {
    display: none;

}

#form_ico_btn {
    display: none;
}

@media all and (max-width:750px) {

    .droite_service {
        /* border: 5px solid greenyellow; */
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
    
    }

    .infolocation1 {
        display: none;
    }

    .cachecache {
        display: none;
    }

    #vestamada {
        /* min-width: 535px; */
        min-height: 65vh;
        margin: 0px;
    }

    #form_comd {
        display: none;

    }

    #form_ico_btn {
        display: flex;
        position: fixed;
        bottom: 10%;
        right: 5%;
        z-index: 3000;
        font-size: 30px;
        color: #fff;
        border-radius: 100px;
        box-shadow: 0px 0px 3px silver;
        background-color: #1bb537;
        padding: 15px;
        opacity: 95%;
    }

    #form_comd:checked~.infolocation {
        display: flex;
    }

    #info_ban>span>a {

        font-size: smaller;

    }

    .infolocation {
        display: none;
        background-color: #ebe9e9d8;
        width: 95%;
        margin: 0px;
        margin-top: 35px;
        height: auto;
        padding: 10px;
        transform: scale(1);
        z-index: 100;
        top: 80px;
    }

    .inputext {
        width: 85%;
        ;
    }

    #label_menu {
        display: block;
        width: 50px;
        height: 50px;
        background-color: #fa0000;
        position: sticky;
        margin: 15px;
        text-align: center;
        color: white;
        padding: auto;
        font-size: 45px;

        /* border: 1px solid white; */
        padding: 0px;

    }


    .menu_ulist {
        display: none;
        background-color: rgba(0, 128, 0, 0.925);
        width: auto;
        height: 200px;
        flex-direction: column;
        padding: 20px 15px 10px 15px;
        position: absolute;
        top: 80px;
        right: -0px;
        color: #fff;

    }

    #hidden_menu:checked~.menu_ulist {
        display: flex;
    }

    .menu_ulist>li {
        display: inline-block;
        border-top: 1px solid #ffffff8e;
        text-align: center;
        padding-top: 13px;
        width: 100%;
        margin-left: 50%;
        margin-right: 50%;
    }

    #advantages {
        /* border: 1px solid greenyellow; */
        padding: none;
        justify-content: space-between;
    }

    #advantages>span {
        /* border : 1px solid white; */
        padding: 20px 15px 0px 0px;
        align-items: center;
        min-width: 0px;
        max-width: 155px;
    }


    #advantages>span>i {
        /* border: 1px solid rgb(179, 179, 179); */

        font-size: 40px;
        min-width: 50px;
        text-align: right;

    }

    #advantages>span>div {
        /* border: 1px solid rgb(63, 147, 27); */
        font-size: 15px;
        line-height: 22.5px;
        font-weight: 600;

    }


    #servicecontrat {
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .servicevesta {
        /* border: 1px solid greenyellow; */
        width: 100%;
        max-width: 75%;

    }

    .grand_titre_blanc {
        font-size: 25px;
    }

    #refliste {
        /* border: 1px solid greenyellow; */
        padding: 5px;
    }

    #refliste>span {
        /* border: 1px solid greenyellow; */
        margin: 2px;
        padding: 3px;
        min-height: 30px;
        min-width: 30px;
        height: 75px;
        width: 75px;
    }

    #refliste>span>img {
        /* border: 1px solid greenyellow; */
        min-height: 63px;
        min-width: 63px;

    }
}


#cartecontact{
    width: 55%;
    height: 35%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 5%;
    border: 1px solid green;
    background-color: rgb(244, 244, 244);
    font-size: xx-large;
    text-align: justify;

}

#boutonrevenir{
    background-color: #147407;
    color: #ffffff;
    font-weight: 400;
    width: 200px;
    height: 75px;
}