body { display: flex; width: 100%; height: 100%; flex-direction: row; justify-content: flex-end; text-align: center; margin: 0; color: #ccc182; background: url("https://bouvetopticiens.com/wp-content/uploads/2024/06/pexels-asim-razan-343720.png") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #shadow-box {display: flex; overflow: hidden; width: 35%; height: 100%; flex-direction: column; align-items: center; background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1)); } #article{display: flex; width: 90%; height: 100%; flex-direction: column; justify-content: flex-start;} h1 { font-family: "Bodoni Moda", serif; font-size: 50px; font-weight: 800;} a { color: #dc8100; text-decoration: none; } a:hover { color: #efe8e8; text-decoration: none; } @media (max-width: 540px){ body {background-size: 400%;} #shadow-box {width: 100%; background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,1));} #article{width: 100%; height: 100%; flex-direction: column; justify-content: space-evenly;} } @media (orientation: portrait) and (min-width: 768px){ #shadow-box {width: 70%; align-items: flex-end;} #article{width: 50%; justify-content: center;} }

Nous reviendrons bientôt !

Nous sommes désolés pour la gêne occasionnée, mais nous effectuons actuellement des travaux de maintenance. Nous serons de nouveau en ligne sous peu !

— Optique Bouvet