.description-services{
    position: absolute;
    bottom: 0px;
    margin-right: 15px;
    padding: 20px;
    padding-bottom: 0px;
    background-color: rgba(0, 0, 0, 0.90);
    color: rgba(255, 255, 255, 1);
}
.service:hover .description-services{
    background-color: rgba(255, 255, 255, 0.75);
    color: rgba(0, 0, 0, 0.90);
}
.titre-article-logo{
    padding-top: 1%;
}
.titre-article{
    margin-bottom: 2%;
    color: black;
}
.titre-article-center{
    margin-bottom: 2%;
    color: black;
    text-align: center;
}
.soustitre-article{
    color: black;
}
.image-article{
    margin-top: 1%;
    margin-bottom: 1%;
}
.txt-article{
}
.bloc-article{
    padding: 2%;
    border-style: solid;
    border-color: #cf230d;
    background-color: rgba(207, 35, 13, 0.3);
}


/* --------------------- Pour responsive ---------------------------- */
/* Tout ce qui change en fonction de la taille de l'écran pour les styles articles */
@media (min-width: 1199px){
    .image-article{
        width: 100%;
    }
    .titre-article{
        font-size: 2em !important;
    }
    .soustitre-article{
        font-size: 1.5em !important;
    }
    .txt-article{
        text-align: justify;
    }
    .txt-article-mini{
        font-size: 0.8em;
        text-align: justify;
    }
    .txt-article-gros{
        font-size: 1.5em;
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .image-article{
        width: 75%;
    }
    .titre-article{
        font-size: 2em !important;
    }
    .soustitre-article{
        font-size: 1.5em !important;
    }
    .txt-article{
        text-align: justify;
    }
    .txt-article-mini{
        font-size: 0.8em;
        text-align: justify;
    }
    .txt-article-gros{
        font-size: 1.5em;
        text-align: justify;
    }
}
@media (max-width: 991px){
    .image-article{
        width: 100%;
    }
    .titre-article{
        font-size: 2em !important;
    }
    .soustitre-article{
        font-size: 1.5em !important;
    }
    .txt-article{
        text-align: justify;
    }
    .txt-article-mini{
        font-size: 0.8em;
        text-align: justify;
    }
    .txt-article-gros{
        font-size: 1.5em;
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .image-article{
        width: 50%;
        text-align: center;
    }
    .titre-article{
        font-size: 4em !important;
        padding-bottom: 3%;
    }
    .titre-article-cote{
        font-size: 4em !important;
    }
    .soustitre-article{
        font-size: 3em !important;
        margin-top: 5%;
    }
    .txt-article{
        font-size: 2em !important;
        text-align: justify;
    }
    .txt-article-mini{
        font-size: 1em;
        text-align: justify;
    }
    .txt-article-gros{
        font-size: 2.5em;
        text-align: justify;
    }
}
@media (max-width: 767px){
    .image-article{
        width: 50%;
        text-align: center;
    }
    .titre-article{
        font-size: 4em !important;
        padding-bottom: 3%;
    }
    .titre-article-cote{
        font-size: 4em !important;
    }
    .soustitre-article{
        font-size: 3em !important;
        margin-top: 5%;
    }
    .txt-article{
        font-size: 2em !important;
        text-align: justify;
    }
    .txt-article-mini{
        font-size: 1em;
        text-align: justify;
    }
    .txt-article-gros{
        font-size: 2.5em;
        text-align: justify;
    }
}