/*--------------------------------------------------------------------*\
    #PAGE MENTIONS LEGALES
\*--------------------------------------------------------------------*/

#pageMentionsLegales .dataContentComposants .titleContent {
    font-family: 'latobold', sans-serif;
    padding: 20px 20px 2px 20px;
    font-size: 20px;
}

#pageMentionsLegales .ligneContent2 + .descriptionHeader { 
    display: none;
}
#pageMentionsLegales p {
    padding: 5px 0;
}
#pageMentionsLegales p br {
    display: none;
}

.compMentionsLegales {
    clear:both;
    margin-top:15px;
    background: #e8e7e7;
    padding: 20px;
}

.compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales .contentMentionsLegales {
    color: black;
    overflow: auto;
    text-align: justify;
   
}
.compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales .contentMentionsLegales p {
    display: block;
    padding: 0px 10px;
}
.compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales .contentMentionsLegales .headerMentionsLegales {
    font-size:20px;
}

#pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales .title {        

    margin: 0 auto;
    text-transform: none;
    color: #000;
    font-size: 18px;
    padding-left:5px;

}

#pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales .contentMentionsLegales {

    color:#000;
    padding: 10px;
    
}

#pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales .contentMentionsLegales p {
    padding:0px;
    font-size:11px;
    
}

/*--------------------------------------------------------------------*\
    #MOBILE OPTIMISATION
\*--------------------------------------------------------------------*/



 @media screen and (max-width: 767px){
    #pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales {
        width: ;
        padding:20px 0 20px 0;
     
    }

    #pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales p a {
        color: #000 !important;
        font-size: 12px !important;
        color:inherit;
        text-decoration:none !important;
        margin: 0;
        display: inline;
    }

 }

@media screen and (min-width: 768px){
.compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .info.info2 {
    margin-top: 5px;
    }
     #pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales p a {
        color: #000 !important;
        font-size: 12px !important;
        color:inherit;
        text-decoration:none !important;
        margin: 0;
        display: inline;
    }   
} /* fin de @media screen and (min-width: 768px)*/