CINXE.COM
404 - AlloCiné
<!DOCTYPE html> <html lang="fr"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <link rel="icon" type="image/ico" href="https://assets.allocine.fr/favicon/allocine.ico"> <meta name="theme-color" content="#fecc00" /> <title>404 - AlloCiné</title> <style type="text/css"> /* vars */ :root { --header-height: 3.375rem; --footer-height: 6rem; --primary-color: #fecc00; --secondary-color: #ffffff; --title-color: #fecc00; --text-color: #ffffff; --bg-color: #000000; } *, :after, :before { box-sizing: border-box; } html { font-size: 100%; font-family: Verdana, Geneva, Tahoma, sans-serif; } body { padding: 0; margin: 0; background-color: var(--bg-color); } .header { background-color: var(--primary-color); height: var(--header-height); padding: 0.5rem 1rem; color: var(--bg-color); } .main { min-height: calc(100vh - (var(--header-height) + var(--footer-height))); display: flex; justify-content: space-around; align-items: center; } .footer { border-top: 3px solid var(--primary-color); background-color: var(--bg-color); height: var(--footer-height); padding: 0.5rem 1rem; } .title, .subtitle, .description { color: var(--text-color); text-transform: uppercase; } .title { color: var(--title-color); font-size: 1.25rem; font-weight: 800; } .subtitle { font-size: 1.875rem; } .description { font-size: .813rem; } .links { color: var(--text-color); font-size: .813rem; } .links a { color: var(--text-color); } .error { padding: 2rem; } .error-item { margin-bottom: 1rem; } .footer-item { color: var(--text-color); font-size: 0.875rem; margin-bottom: 0.5rem; } .footer-num { color: var(--title-color); margin-bottom: 0.25rem; } .footer-mention { font-size: 0.625rem; } </style> </head> <body> <header class="header"> <div class="header-logo"> <a href="https://www.allocine.fr/"><img class="header-main-logo-img" src="https://fr.web.img3.acsta.net/commons/v9/common/brand-logo/logo-ac.svg" width="162" height="37" alt="AlloCiné"></a> </div> </header> <main class="main"> <div class="error"> <div class="error-item title">Erreur 404 - Page introuvable</div> <div class="error-item subtitle">Cette page s'est perdue dans les limbes.</div> <div class="error-item description">La page que vous cherchez n'existe pas. Nous vous prions de bien vouloir nous en excuser. </div> <div class="error-item links"><a href="https://www.allocine.fr/">Accédez à la page d’accueil</a> ou <a href="https://www.allocine.fr/service/contact/">contactez nous</a></div> </div> </main> <footer class=" footer"> <div class="footer-item footer-text">Retrouvez tous les horaires et infos de votre cinéma sur le numéro AlloCiné : </div> <div class="footer-item footer-num">0 892 892 892 </div> <div class="footer-item footer-mention">(0,90€/minute) </div> </footer> </body> </html>