h2 {
    font-size: 36px;
    font-family: 'tradegothicregularbold';
    color: #000 !important;
}

p {
    font-size : 16px;
}

hr {
    width: 80px;
    border-bottom: 4px solid #F891A5;
    margin: 0 auto;
}

#menuitem_informations #menuitem_accroche h1 {
    font-size: 60px;
    color: #000;
    font-family: 'tradegothicregularbold';
    bottom: -50px;
    position: absolute;
    text-align: center;
    width: 100%;
}

#menuitem_informations #menuitem_accroche h1.menuitemformation {
    position:static;
}

.sous_bandeau {
    background :  #f7dadf33 ;
    padding : 55px 0px 100px 0px;
    text-align : center;
}

.accroche {
    display: flex;
    max-width: 1025px;
    margin: 0px auto 0px auto;
    text-align: center;
    gap: 75px;
    align-items: start;
    margin-bottom : 80px;
}

.accroche .bloc {
width : 25%;    
}

.accroche .bloc .img {
    min-height : 60px;
}

.accroche .bloc p {
    color : #F891A5;
    font-family : 'tradegothicregularbold';
}

#content i {
    display : block;
    margin : 30px 0;
    font-size : 16px;
}

.bouton {
    background: #000 !important;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    padding: 17px 42px;
    display: inline-block;
    width: auto;
}


.centre_formation {
    text-align : center;
    padding : 100px 0;
}

.centre_formation .ligne {
    display : flex;
    gap : 154px;
    align-items : center;
    max-width : 1225px;
    margin : 50px auto 0px auto;
}

.centre_formation .ligne .texte {
    font-weight : 100;
    text-align : left;
}

.lesformations {
    background :    #f7dadf33;
    text-align : center; 
    padding : 80px 0px 120px 0px;
}

.lesformations .ligne {
    display : flex;
    gap : 15px;  
    margin-top : 50px;
    justify-content : center;  
}

.lesformations .ligne .uneformation {
    text-align : left;
    max-width : 398px;
}

.lesformations .ligne .uneformation img {
    width: 398px;
    height: 398px;
    object-fit: cover;
    margin-bottom : 30px;
}

.lesformations .ligne .uneformation .mini {
    color : #F891A5;
    font-size : 14px;
    font-family : 'tradegothicregularbold';
    margin-bottom : 10px;
}

.lesformations .ligne .uneformation .nom {
    font-size : 34px;
    font-weight : 100;
    line-height : 41px;
    margin-bottom : 10px;
}

.lesformations .ligne .uneformation a {
    color : #000;
    border-bottom : 2px solid #F891A5;
    padding-bottom : 7.5px;
}

.lesformations h2:first-child {
    margin-top : 0;
}

.lesformations h2 {
    margin-top : 115px;
}

.centre_qualiopi {
    max-width : 1225px;
    margin : 100px auto;
    text-align : center;
}

.centre_qualiopi .ligne {
    display : flex;
    gap : 154px;  
    margin-top : 60px;
    align-items : center;
}

.centre_qualiopi .ligne .texte {
    text-align : left;
}

.centre_qualiopi .ligne .texte p {
    font-weight : 100;
}

.centre_qualiopi .ligne .texte p + a {
    margin-top : 40px;
}

@media screen and (min-width:768px) and (max-width:1023px) {
    #menuitem_informations {
        content: url('/assets/img/EscentialroseEpilationJambesfminT.png');
        } 

    .sous_bandeau {
        padding-bottom : 45px;
    }

    .accroche {
        gap : 15px;
        justify-content : center;
    }

    .accroche .bloc {
        width : 18%;
    }

    .accroche .bloc p {
        font-size : 14px;    
    }

    .bouton {
        font-size : 12px;
        padding : 20px 54px;
    }

    h2 {
        font-size : 30px;
    }

    .centre_formation {
        padding : 70px 0;
    }

    .centre_formation .ligne,.centre_qualiopi .ligne {
        flex-direction : column;
        gap : 50px;
        max-width : 450px;
    }

    .centre_formation .ligne img {
        width : 100%;
    }

    .centre_formation .ligne:last-child .image {
        order : 1;
    }

    .centre_formation .ligne:last-child .texte {
        order : 2;
    }

    .lesformations .ligne {
        flex-wrap : wrap;
        padding : 0 80px;
    }
    
    .lesformations .ligne .uneformation {
        width : 48%;
    }

    .lesformations .ligne .uneformation img, .centre_qualiopi .ligne img {
        width : 100%;
    }

    .lesformations .ligne .uneformation .nom {
        font-size : 20px;
        line-height : 22px;
    }

    .centre_qualiopi .ligne {
        margin : 60px auto;
    }

    .centre_qualiopi .ligne:last-child .image {
        order : 1;
       }
    
    .centre_qualiopi .ligne:last-child .texte {
        order : 2;
    }

    .centre_qualiopi .ligne .texte {
        text-align : center;
    }

    .centre_qualiopi .ligne .texte p, .centre_qualiopi .ligne .texte i {
        text-align : left;
    }

    .centre_qualiopi .bouton {
        padding : 17px 97px;
    }
    
}

@media screen and (max-width:767px) {
   #menuitem_informations {
    content: url('/assets/img/EscentialroseEpilationJambesfminM.png');
    } 

   .sous_bandeau {
    padding : 50px 35px 55px 35px;
   }

   .accroche {
    flex-wrap : wrap;
    justify-content: space-around;
    align-items : start;
    gap : 10px;
    margin-bottom :0;
   }

   .accroche .bloc {
    width :48%;
    margin-bottom : 60px;
   }
   .accroche .bloc p {
    font-size : 14px;    
   }

   .sous_bandeau .bouton {
    font-size : 14px;
   }

   .centre_formation {
    padding : 70px 35px;
   }

   .centre_formation h2 {
    font-size : 30px;
   }

   .centre_formation .ligne {
    width : 100%;
    gap : 50px;
    flex-direction : column;
   }

   .centre_formation .ligne img {
    width : 100%;
   }

   .centre_formation .ligne img {
    content: url('/assets/img/1pourquoim.png');
   }

   .centre_formation .ligne:last-child img {
    content: url('/assets/img/2pourquoim.png');
   }

   .centre_formation .ligne:last-child .image  {
    order : 1;
   }

   .centre_formation .ligne:last-child .texte  {
    order : 2;
   }

   .lesformations {
    padding : 70px 35px 70px 35px;;
   }

   .lesformations h2 {
    font-size : 30px;
    width: 80%;
    margin: 20px auto 20px auto;
   }

   .lesformations .ligne {
    flex-direction : column;
   }

   .lesformations .ligne .uneformation {
    margin-bottom : 25px;
   }

   .lesformations .ligne .uneformation img {
    width : 100%;
    height :auto;
   }

   .lesformations .ligne .uneformation .nom {
    font-size : 16px;
    line-height : 18px;
   }

   .centre_qualiopi {
    margin : 80px auto;
    padding : 0 35px;
   }

   .centre_qualiopi h2 {
    font-size : 30px;
   }

   .centre_qualiopi .ligne {
    flex-direction : column;
    gap : 50px;
   }

   .centre_qualiopi .ligne:last-child .image {
    order : 1;
   }

   .centre_qualiopi .ligne:last-child .texte {
    order : 2;
   }

   .centre_qualiopi .bouton {
    font-size : 14px;
    width : 100%;
   }

}