body { margin: 0; padding: 0; height: 100vh; background: linear-gradient(135deg, #4b2c83, #1e1e2f); color: white; font-family: Arial, sans-serif; text-align: center; } .content{ justify-content: center; align-items: center; margin: auto; width: 600px; height: 50vh; align-content: center; } .container .logo{ padding-top: 10vh; width: 100%; } .container .logo img{ width: 10rem; } h1 { font-size: 2.5rem; margin-bottom: 10px; } p { font-size: 1.2rem; } .loader { margin: 20px auto; width: 50px; height: 50px; border: 5px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top: 5px solid gold; animation: spin 1s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .countdown { font-size: 1.5rem; font-weight: bold; margin-top: 20px; } /* 🔽 Responsivité */ @media (max-width: 768px) { .content{ width: 100%; } h1 { font-size: 1.8rem; } p { font-size: 1rem; } .countdown { font-size: 1.2rem; } } /* 🔽 Responsivité */ @media (max-width: 348px) { .content{ width: 100%; } .container .logo img{ width: 8rem; } h1 { font-size: 1.5rem; } p { font-size: .8rem; } .countdown { font-size: 1rem; } .footer span { display: block; width: 100%; } .footer span.copy { margin-bottom: 5px; } .footer span.contact a { color: #EFC401; } } .footer span.contact a { color: #EFC401 !important; } .footer { background-color: #222; color: white; text-align: center; padding: 10px 0; position: fixed; bottom: 0; width: 100%; }

Nous revenons bientôt !

Notre site est en maintenance pour améliorer votre expérience.

Merci de votre patience.

Retour sous peu de temps