.right, .left { width: 50%; } .left { float: left; box-sizing: border-box; padding-right: 1rem; clear: both; } .right { float: right; clear: right; margin-bottom: 1rem; } .center { clear: both; /* Clears the floating of the above columns */ width: 100%; /* Ensures it spans the full width */ text-align: center; /* Centers the content inside the div */ margin-top: 1rem; /* Optional: Adds some space above the center div */ } @media print, screen and (max-width: 580px) { .left,.right { width: 100%; float: none; clear: none; } video { max-width: 100%; /* Responsive width */ margin: 0 auto; max-height: 250px; /* Réduit davantage la hauteur sur les petits écrans */ } p{ margin-block-end: 5rem; } span{ line-height: 1.8; margin: 0cm 0.2cm 0cm 0.2cm; } } h2 a { font-size: 0.8em; color: #474405; text-decoration: none; /* Retire le lien visuel */ pointer-events: none; /* Désactive l'interaction du lien */ } h3 a { color: #8B5E3C; text-decoration: none; /* Retire le lien visuel */ pointer-events: none; /* Désactive l'interaction du lien */ margin-block-end: 3rem; font-size: 1em; } h4 a { color: #8B5E3C; text-decoration: none; /* Retire le lien visuel */ pointer-events: none; /* Désactive l'interaction du lien */ font-size: 1em; } h4 { margin-block-end: 10rem; } h1 { text-align: center; color: #6A994E; font-size: 2.5em; margin: 50px 0px 0px 50px; text-transform: uppercase;} p{ font-weight: normal; text-align: justify; font-size: 1.1em; color:#8B5E3C; margin-block-end: 3rem; } span{ display: block; line-height: 1.8; margin: 0cm 1cm 0cm 1cm; } video { border: 2px solid #474405; border-radius: 8px; max-width: 100%; /* Responsive width */ display: block; /* Center the video */ margin: 10px auto; width: 100vw; /* Largeur égale à la largeur de la fenêtre */ height: 100vh; /* Hauteur égale à la hauteur de la fenêtre */ object-fit: cover; /* Adapte la vidéo sans déformation */ } .background{ background-color:#F5F5F5;}