/* **************** RESPONSIVE PETIT ECRAN PC  ************* */
@media (max-width:1800px){
    .logo{
        width: 120px;
        margin-left: 12px;
    }
    .logoInstitut{
        width: 140px;
        margin-left: -10px;
    }
    h1{
        font-size: 26px;
        position: absolute;
        inset-block-start: 95px;
        inset-inline-start: 35px;
    }
    h2{
        font-size: 23px;
        position: absolute;
        inset-block-start: 200px;
        inset-inline-start: 40px;
    }
     .prestation{
    position: absolute;
    inset-block-start: 360px;
    inset-inline-start: 220px;
   }
   .BtnPrestation{
        font-size: 12px;
        width: 100%;
    }
    .adresse{
        font-size: 10px;  
        margin-left: 0px;
    }
    .email{
        width: 110px;
        font-size: 10px;
        margin-left: -2px;
    }
    .bi-envelope-at, a{
        font-size: 10px;
    }
       /*position des lignes rdv + icônes*/
    .info_positionned_1{
        position: absolute;
        inset-block-start: 90px;
        inset-inline-start: -30px;
    }
    .info_positionned_2{
        position: absolute;
        inset-block-start: 325px;
        inset-inline-start: -30px;
    }
    .info_positionned_3{
        position: absolute;
        inset-block-start: 351px;
        inset-inline-start: -30px;
    }
    /*positionner les texte Offrez-vous en hauteur*/
    .text-positionned{
        margin-top: 15%;
    }
    .text-positionned{
        margin-top: 13%;
    }
    
}
/* **************** RESPONSIVE TABLETTE ************* */
@media (max-width:768px){
    .logo{
        width: 100px;
        margin-left: 10px;
    }
    .logoInstitut{
        width: 140px;
        margin-left: -10px;
    }
    .prestation{
    position: absolute;
    inset-block-start: 225px;
    inset-inline-start: 165px;
    letter-spacing: 1.3px;
   }
   .BtnPrestation{
        font-size: 12px;
        width: 100%;
    }
    .ville{
        font-size: 10px;
        margin-bottom: 3px;
    }
    .adresse{
        font-size: 10px;
        margin-left: 0px;
    }
    /*positionner l'adresse*/
    .adresse-positioned{
        position: absolute;
    }
    .planity{
        font-size: 9px;
        width: 160px;
    }
    /*position btn email*/
    .email{
        position: absolute;
        inset-block-start: 270px;
        inset-inline-start: 10px;
        margin-left: 0px;
        width: 110px;
        font-size: 9px;
    }
    .bi-envelope-at, a{
        font-size: 12px;
    }
     /*position des lignes rdv + icônes*/
    .info_positionned_1{
        position: absolute;
        inset-block-start: 200px;
        inset-inline-start: 10px;
    }
    .info_positionned_2{
        position: absolute;
        inset-block-start: 325px;
        inset-inline-start: 10px;
    }
    .info_positionned_3{
        position: absolute;
        inset-block-start: 338px;
        inset-inline-start: 10px;
    }
    .infos{
        font-size: 7px; 
        line-height: 1em;
        height: 1.5em;
        margin-left: 0px;
    }
    .icone{
        width: 12px;
    }
    .text-1{
        font-size: 10px;
        line-height: 1.5em;
        height: 2em;
    }
    /*positionner les texte Offrez-vous en hauteur*/
    .text-positionned{
        margin-top: 20%;
    }
     h1{
        font-size: 15px;
        position: absolute;
        inset-block-start: 50px;
        inset-inline-start: 35px;
        letter-spacing: 2px;
    }
    h2{
        font-size: 15px;
        position: absolute;
        inset-block-start: 115px;
        inset-inline-start: 10px;
    }
    h3{
        font-size: 16px;
    }
    h4{
        font-size: 15px;
    }
    ul, li{
        font-size: 13px;
    }
    .offre_1{
        width: 150px;
        font-size: 13px;
    }
    .pPartie3{
        font-size: 15px;
    }
    .sizeImg{
        width: 80px;
    }
    .sizeImgNougatine{
        height: 80px;
    }
    .iconeLPG{
        width: 20px;
    }
    .pFin{
        font-size: 15px;
    }
}
/* ********** RESPONSIVE MOBILE ***************** */
@media (max-width:480px){
       .logo{
        width: 50px;
        margin-left: 10px;
    }
    .logoInstitut{
        width: 90px;
        margin-left: -10px;
    }
    .prestation{
    margin-top: 15%;
    margin-left: -90px;
   }
    .BtnPrestation{
        font-size: 8px;
        letter-spacing: 0;
    }
    .ville{
        font-size: 7px;
    }
    .adresse{
        font-size: 8px;
        margin-left: 0px;
    }
    /*positionner l'adresse*/
    .adresse-positioned{
        position: absolute;
    }
    .planity{
        font-size: 8px;
        width: 145px;
    }
    /*positionner les btn planity en haut et centrer*/
    .planity-positioned{
        position: absolute;
        inset-block-start: 60px;
        inset-inline-end: 65px;
    }
    /*position btn email*/
    .email{
        position: absolute;
        inset-block-start: 170px;
        inset-inline-start: 10px;
        margin-left: 0px;
        width: 85px;
        font-size: 7px;
    }
    .bi-envelope-at, a{
        font-size: 8px;
    }
    .planity-top{
         margin-top: 5%;
    }
    /*position des lignes rdv + icônes*/
    .info_positionned_1{
        position: absolute;
        inset-block-start: 145px;
        inset-inline-start: 10px;
    }
    .info_positionned_2{
        position: absolute;
        inset-block-start: 212px;
        inset-inline-start: 10px;
    }
    .info_positionned_3{
        position: absolute;
        inset-block-start: 225px;
        inset-inline-start: 10px;
    }
    .infos{
        font-size: 7px; 
        line-height: 1em;
        height: 1.5em;
    }
    
    .icone{
        width: 12px;
    }
    /*positionner les texte Offrez-vous en hauteur*/
    .text-positionned{
        margin-top: 60%;
    }
    .text-1{
        font-size: 10px;
        line-height: 1.1em;
        height: 2em;
    }
     h1{
        position: absolute;
        inset-block-start: 225px;
        inset-inline-start: -25px;
        font-size: 13px;
        letter-spacing: 0.5px;
    }
    h2{
        position: absolute;
        inset-block-start: 260px;
        inset-inline-start: -30px;
        font-size: 13px;
        letter-spacing: 0.5px;
    }
    h3{
        font-size: 13px;
        letter-spacing: 0.5px;
    }
    h4{
        font-size: 15px;
    }
    ul, li{
        font-size: 13px;
    }
    .offre_1{
        width: 120px;
        font-size: 10px;
    }
    .pPartie3{
        font-size: 15px;
    }
    .ColorMarque{
        font-size: 15px;
        }
    .sizeImg{
        width: 70px;
    }
    .sizeImgNougatine{
        height: 70px;
    }
    .iconeLPG{
        width: 20px;
    }
    .pFin{
        font-size: 14px;
    }
}