/* 
    Created on : 26 mars 2026, 10:51:44
    Author     : Christophe Lebis
*/

/*
############################
#######newsletter############
###############################*/
.newsletter{
    font-family: Arial, Helvetica, sans-serif;
    margin :0;
    padding: 0;
    line-height: 1.4;
}
.newsletter p {
    font-size: 16px;
    text-align:left;
    color: #333333;
}
.newsletter p.espace{
    line-height:6px;
    font-size:6px;
}
.newsletter h1 {
    font-size: 30px;
    color: black;
    font-weight: normal;
}
.newsletter h2 {
    color: #6495ed;
    font-size: 22px;
    font-weight: normal;
}
.newsletter h3 {
    color: black;
    font-size: 18px;
    font-weight: normal;
    background:none;
}
.newsletter h4 {
    color: black;
    font-size: 16px;
    font-weight: normal;
}
.newsletter a {
    color: #045E88;
    text-decoration:none;
}
.newsletter a.article{
    font-size:16px;
}

.newsletter img {
    border: none;
    display: block;
    margin:auto !important;
    height:auto;
}
.newsletter table {
    border-collapse: collapse;
}
.newsletter td{
    vertical-align:middle;
}
.newsletter td.image{
    line-height:0px;
}
.newsletter td.deuxtiers.texte, .newsletter td.demi.texte{
    padding-left:10px;
}
.newsletter td.deuxtiers, .newsletter td.deuxtiers.texte{
    width: 400px;
}
.newsletter td.demi,.newsletter td.demi.image,.newsletter td.demi.texte{
    width: 320px;
}
.newsletter td.tiers, .newsletter td.tiers.image{
    width: 240px;
}
.newsletter td.liste{
    width: 20px;
    vertical-align:top;
    text-align: left;
}
.newsletter td.texte, .newsletter td.deuxtiers.texte, .newsletter td.demi.texte, .newsletter td.entier.texte{
    padding:0 20px;
}


@media only screen and (max-width: 639px) {
    .newsletter img.image_600{
        width: 100% !important;
        margin: auto !important;
    }
    .newsletter tbody,.newsletter td, .newsletter tr, .newsletter table {
        display:block;
        float:none;
        width: auto !important;
    }
    .newsletter td.image, .newsletter td.demi.image, .newsletter td.tiers.image{
        padding-bottom:12px !important;
    }
    .newsletter td.liste {
        width: 0px;
        height:0px;
        display:none;
    }
    .newsletter td.liste p{
        display:none;
    }
    .newsletter td.liste img{
        display:none;
    }
    .newsletter td.texte, .newsletter td.deuxtiers.texte, .newsletter td.demi.texte, .newsletter td.entier.texte{
        padding:0 10px;
    }

}