.container-email{
    background-color: lightgray;
    width: 600px;
    margin:0 auto;
    display:flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    height:100%;
}

.container-contenu{
    width:400px;
    margin:20px auto;
    background-color:#B9B9B9;
}

.logo-email{
    width: 200px;
    margin-bottom: 50px;
}

.phrase-notification{
    width: 100%;
    font-style:italic;
    text-align: center;
    font-weight: 600;
}

.container-info-auteur, .container-info-article{
    padding:30px;
}

.container-info-auteur{
    background-color: rgb(241, 239, 239);
}

.container-info-auteur .auteur{
    display:flex;
    align-items:center;
    width:100%;
    font-weight: bold;
}

.container-info-auteur .image-auteur{
    width:50px;
    padding-right:20px;
}

.container-info-auteur .date-article{
    margin-top: 10px;
    text-transform: uppercase;
    padding-left:0 !important;
}

.mail-titre-article{
    color:#003E5D;
    text-transform: uppercase;
    font-size:16px;
}

.image-article-illustration{
    width:100%;
    height:150px;
}

.mail-resume-article{
    font-size:11px;
}

.btn-lire-article{
    background-color:#e26f38;
    color:white;
    width:100%;
    padding:10px;
    display: block;
    text-align: center;
    font-weight: bold;
    margin-top:10px;
}