@media screen and (width >= 600px){
      body:not(#bodyMyAccount) #wrapper {
            width: 50vmin; /* Prend 50% du plus petit côté de la fenêtre */
            aspect-ratio: 1 / 1;

      }

      body:not(#bodyMyAccount) #header .container {
        height: 220px;
      }
      body:not(#bodyMyAccount) {
            display: flex;
            justify-content: center;
            align-items: center;
            background-image:none;
            background: #2F88B5;
            background: linear-gradient(90deg, rgba(47, 136, 181, 1) 0%, rgba(245, 214, 234, 1) 50%, rgba(47, 136, 181, 1) 100%);
      }
}
@media screen and (width < 600px){
      body:not(#bodyMyAccount) .header .logo, body:not(#bodyMyAccount) #header .logo{
            margin-top:auto !important;
      }

}
      
body:not(#bodyMyAccount) div#contenu_specifique_application, body:not(#bodyMyAccount) #wrapper, body:not(#bodyMyAccount) #header{
            background-color: #eaf5fa;
}

body:not(#bodyMyAccount) .header .logo, body:not(#bodyMyAccount) #header .logo{
      background-image: url("/user/medias/images/athena_logo.png") !important;
      background-size: 150px !important;
      width:150px !important;
      height:150px !important; 
}


body:not(#bodyMyAccount) .wrapper_popup, body:not(#bodyMyAccount) .wrapper_popup_larger, body:not(#bodyMyAccount) #wrapper .app.msgLoading{
      background:#eaf5fa;
}