#compteLoggedIn .cp2-hero-top{display:grid;grid-template-columns:114px minmax(0,1fr) 170px;column-gap:22px;row-gap:0;align-items:center;min-height:158px;}
#compteLoggedIn .cp2-hero-top .cp2-id{grid-column:2;grid-row:1;min-width:0;}
#compteLoggedIn .cp2-hero-top .ac-avatar-edit{position:absolute;right:0;top:0;transform:translateY(-35%);}
#compteLoggedIn .ac-avatar-button{border-radius:50%;padding:4px;background:#fff;border:1px solid #dce5ef;box-shadow:0 8px 24px rgba(22,58,84,.10);}
#compteLoggedIn .ac-avatar-button .cp2-avatar{width:132px;height:132px;border:0;border-radius:50%;background-position:center;background-size:cover;}
#compteLoggedIn .ac-avatar-camera{right:4px;bottom:4px;width:32px;height:32px;border-radius:50%;border:2px solid #fff;background:#163a54;color:#fff;box-shadow:0 2px 7px rgba(22,58,84,.14);}
#compteLoggedIn .ac-avatar-button:hover .ac-avatar-camera{background:#315ed2;border-color:#fff;}
@media(max-width:650px){
 #compteLoggedIn .cp2-hero-top{grid-template-columns:110px minmax(0,1fr);column-gap:16px;row-gap:18px;}
 #compteLoggedIn .cp2-hero-top .ac-avatar-edit{position:relative;right:auto;top:auto;transform:none;grid-column:2;grid-row:2;justify-self:end;}
 #compteLoggedIn .ac-avatar-button .cp2-avatar{width:104px;height:104px;}
}