#middle h1,.h1{
    margin: 15px 0 20px;
    color: var(--color-fonce);
    font-family: 'medium';
    padding: 5px 25px 7px 0px;
    font-weight: normal;
    font-size: 1.5rem;
}
.pcontact h1:before {
    content: '\f0e0';
    font-size: 18px;
    margin-right: 12px;
}
.pcompte h1:before {
    content: '\f007';
    font-size: 18px;
    margin-right: 12px;
}
#middle h2,.h2{
    font-size: 1.3rem;
    color: var(--color-fonce);
    margin:15px 0 15px;
    line-height: 1.4;
    font-family: 'medium';
    font-weight: normal;
}
#middle h3,.h3{
    font-size:1.2rem;
    font-family: 'medium';
    color: var(--color-fonce);
    margin:20px 0 15px;
    font-weight: normal;

}
#middle h4,.h4{
     font-size:1rem;
    font-family: 'medium';
    font-weight: normal;
    margin: 10px 0 5px;
    
    color:var(--color-fonce);
}
#middle h5, .h5{
    font-size: 20px;
    margin: 10px 0 5px;
    color: var(--gris-fonce);
    width: 100%;
    padding-bottom: 5px;
    display: block;
}
#middle h5::after, .h5::after{
    content: "";
    border-bottom: 6px solid var(--gris-clair);
    width: 50px;
    height: 1px;
    display: block;
    margin-top: 5px;
}

/* textes*/
#middle a{color: var(--color-fonce);}
#middle a:hover, #middle a:active{
    color: var(--color-clair);
    text-decoration: underline;
}
#middle a::before,
#middle a:hover{ color: var(--color-fonce); }
#middle strong,#middle p b {  font-weight: bold; }
#middle p{ padding:5px 0px; line-height: 1.3;}

/***************************************************************STYLE******/