html { font-size: 100%; min-height:100vh; height: auto }
body { display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; margin: 0; min-height: 100vh; background: radial-gradient(circle,#283584 40%,#1e2237); text-align: left; font: 1em/normal Verdana,Geneva,sans-serif; color: #000; }
#minipres { width: 30em; background: #fff; text-align: center; border: 0; border-radius: 0.5em; box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); }
body:not(.page_login) #minipres { padding: 4.5em 1em 1em; }
#minipres h1 { font-size: 1.1em; color: #1d83d4; font-weight: bold; background: none; }
#icone_travaux { position: initial !important; margin-bottom: -5em; }