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

p {
    font-size : 16px;
}


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

hr {
    width: 100%;
    margin: 0 auto;
}

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

#contenu #produit #produit_right .menuitem_produit {
    font-family : 'tradegothicregularbold';
}


#contenu #produit #produit_complement {
    width : 50%;    
}


#contenu #produit #produit_complement .head_infosup .texte {
    font-size : 14px;
}


#contenu #produit #produit_complement .head_infosup .texte .infos {
font-weight : 100;
padding-left : 15px;
text-transform : normal;
}

#contenu #produit .zone_prix {
padding-top : 20px
}


#contenu #produit .zone_prix .prix {
    font-size : 24px;
    font-weight: bold;
}

.formation_donnees {
 margin-top : 115px;    
 background : #f7dadf33;
 clear: both;
 padding : 100px 0;
}

.formation_donnees .zone_centrale {
    max-width : 1088px;
    margin : 0 auto;
    text-align : left;
}

.formation_donnees .zone_centrale .cadre {
    display : flex; 
    justify-content : space-between;
    padding : 20px 0;
}

.formation_donnees .zone_centrale .titre {
    font-size : 24px;
    font-family : 'tradegothicregularbold';
}

.formation_donnees .zone_centrale .content {
    width : 675px;
    font-size : 16px;
    font-weight : 100;
}

.formation_donnees hr {
    border-top : 1px solid #F891A5;
}

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

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

.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;
}

.lesformations {
    background :    #f7dadf33;
    text-align : center; 
    padding : 80px 0px 105px 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;
}

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

.lesformations .bouton {
    padding : 17px 28px;
    margin : 65px 0 0 0;
}

@media screen and (min-width:768px) and (max-width:1023px) { 
    #contenu #produit #produit_left {
        width : 100%;
    }

    #contenu #produit #produit_left #photos #photo_small {
        border : 0;
        max-width : none;
    }

    #contenu #produit #produit_right {
        width : 100%;
        margin-top : 20px;
        margin-left : 0;
    }

    #contenu #produit #produit_right h1 {
        float : none;
    }

    #contenu #produit #produit_complement {
        width : 100%;
    }

    h2 {
        font-size : 30px;
    }

    .bouton {
        font-size : 12px;
        padding : 17px 115px !important;
        margin-top : 30px !important;
    }

    .formation_donnees {
        margin-top : 0px;
        padding : 60px 80px;
    }

    .formation_donnees .zone_centrale .cadre {
        flex-direction : column;
    }

    .formation_donnees .zone_centrale .titre {
        font-size : 20px;
        margin-bottom : 20px;
    }

    .formation_donnees .zone_centrale .content {
        width : 100%;
    }

    .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;
        margin-top : 0;
    }

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

    .lesformations {
        padding : 87px 0 60px 0;
    }

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

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

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


@media screen and (max-width:767px) {
    h2 {
        font-size : 30px;
    }

    #contenu #produit #produit_right .menuitem_produit {
        font-size : 16px;
    }

    #contenu #produit #produit_right .menuitem_produit hr {
        margin-top : 25px;
    }

    #contenu #produit #produit_complement {
        width : 100%;
    }

    #contenu #produit #produit_complement hr, .formation_donnees hr {
        width : 100%;
    }

    #contenu #produit .zone_prix .prix {
        margin-top : 30px;
    }

    .bouton {
        padding : 15px 120px;
        font-size : 14px;
    }

    .formation_donnees {
        margin-top : 0px;
        padding : 60px 35px;
    }

    .formation_donnees .zone_centrale .cadre {
        flex-direction : column;
        padding : 24px 0 20px 0;
    }

    .formation_donnees .zone_centrale .titre {
        font-size : 20px;
        margin-bottom : 20px;
    }

    .formation_donnees .zone_centrale .content {
        width : 100%;
    }

    .centre_qualiopi {
        margin : 70px 0;
        padding : 0 35px;
    }

    .centre_qualiopi hr {
        border-top: 3px solid #F891A5;
    }

    .centre_qualiopi .ligne {
        margin : 60px auto;
        flex-direction : column;
        gap : 50px;
        max-width : 450px;
    }

    .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 img {
        width : 100%;
    }

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

    .centre_qualiopi .bouton {
        padding : 17px 90px;
        margin-top : 0;
    }

    .lesformations {
        padding : 0 35px;
        padding : 80px 35px 85px 35px;
    }

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

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

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