/*Dimension de l'Image*/
.dynamic-page-container img {
    max-width: 100%;
    max-height: 100%;
}

.img-300 {
    width: 100%;
    height: 300px;
}

/*Style h3*/
.dynamic-page-container h3 {
    padding-top: 0px;
    margin-top: 0px;
}

/*Style du contenu sur le hero*/
.dynamic-hero .top-title h1,
.dynamic-hero .top-title p {
    text-align: left;
}

/*Media du contenu sur le hero*/
@media screen and (max-width: 991px) {
    .dynamic-hero .top-title h1,
    .dynamic-hero .top-title p {
        text-align: center;
    }
}

/*Style pour avoir une plus grande section pour le titre*/
.t-50 h2 {
    margin-top: 0;
    padding: 50px 20px 0;
    text-align: center;
}

.t-50 p {
    margin-bottom: 0;
    padding: 0 20px 50px;
    text-align: center;
}

.t-100 h2 {
    margin-top: 0;
    padding: 100px 20px 0;
    text-align: center;
}

.t-100 p {
    margin-bottom: 0;
    padding: 0 20px 100px;
    text-align: center;
}

@media screen and (max-width: 767px) {

    .t-100 h2 {
        padding: 50px 20px 0;
    }

    .t-100 p {
        padding: 0 20px 50px;
    }
}




/*Couleur texte*/
.dynamic-page-container .container {
    color: #333;
}

/*Alignement du texte dans les blocs*/
/*Bloc de texte seulement*/
.bloc-text-only h2,
.bloc-text-only h3,
.bloc-text-only h4,
.bloc-text-only h5,
.bloc-text-only h6,
.bloc-text-only p {
    text-align: center !important;
}

/*Bloc image à gauche*/
.bloc-img-left h2,
.bloc-img-left h3,
.bloc-img-left h4,
.bloc-img-left h5,
.bloc-img-left h6,
.bloc-img-left p {
    text-align: left !important;
}

@media screen and (max-width: 991px) {
    .bloc-img-left h2,
    .bloc-img-left h3,
    .bloc-img-left h4,
    .bloc-img-left h5,
    .bloc-img-left h6,
    .bloc-img-left p {
        text-align: center !important;
    }
}

/*Bloc image à droite*/
.bloc-img-right h2,
.bloc-img-right h3,
.bloc-img-right h4,
.bloc-img-right h5,
.bloc-img-right h6,
.bloc-img-right p {
    text-align: right !important;
}

@media screen and (max-width: 991px) {
    .bloc-img-right h2,
    .bloc-img-right h3,
    .bloc-img-right h4,
    .bloc-img-right h5,
    .bloc-img-right h6,
    .bloc-img-right p {
        text-align: center !important;
    }
}

/*Cacher l'img en mobile*/
@media screen and (max-width: 991px) {
    .col-hidden-md {
        display: none;
    }
}

/*Style desc blocs*/
.bloc-style {
    padding: 50px 0;
}

@media screen and (max-width:767px) {
    .bloc-style {
        padding: 30px 20px;
    }
}