/* ___________________________________________________________ */
/*        CSS pour compte utilisateur (connecté)  UNIQUEMENT   */
/* ___________________________________________________________ */
@media all and (max-width: 1600px) {
    /* Menu "Gestion de mon Comte" - Apparences */ 
    .ssPage-apparences .ssPage-contenu {margin-left: 0;}
}

@media all and (max-width: 1199px) {
    /* Menu "Gestion de mon Comte" - Apparences */ 
    .ssPage-apparences .ssPage-contenu {max-width: 70%;}
} 

@media all and (max-width: 991px) {
    /* Menu "Gestion de mon Comte" - Apparences */ 
    .ssPage-apparences .ssPage-contenu {max-width: 100%;}
    .ssPage-apparences .ssPage-annexe {flex: 80%; width: 80%; max-width: 80%;}
    .ssPage-apparences .ssPage-contenu .row { justify-content: flex-start; margin: 0 auto; flex: 0 0 85%; max-width: 85%;}
    .ssPage-apparences .ssPage-contenu .maincontent__parametres {flex: 100%; width: 100%; max-width: 100%;}
} 

@media all and (max-width: 768px) {
    /* Menu "Gestion de mon Comte" - Apparences */ 
    .ssPage-apparences .contenaire-contrasteCouleur {flex-wrap: wrap; margin-bottom: 2.5em;}
    .ssPage-apparences .contenaire-contrasteCouleur > * {flex: 0 0 100%; justify-content: flex-start !important;}
} 

@media all and (max-width: 640px) {
    /* Menu "Gestion de mon Comte" - Apparences - Choix taille caractère */ 
    .ssPage-apparences .tailleCaractere-curseur {width: 100% !important;}
}

@media all and (max-width: 425px) {
    /* Menu "Gestion de mon Comte" - Apparences */ 
    .ssPage-apparences .ssPage-contenu .row {margin: 0; max-width: 100%; }
    .ssPage-apparences .ssPage-contenu .maincontent__parametres {padding: 0;}
}