/* ----------- style communs à toutes les pages ----------- */

/* styles généraux */
body {
    background-color: #FFF5EE;
}


/* Ensure the parent container is responsive */
.responsive-video {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Make the container take the full width of the screen */
    padding: 10px; /* Add padding for aesthetics */
    box-sizing: border-box;
}

/* Make the video responsive */
.video-element {
    width: 100%; /* Video width adjusts to the parent container */
    max-width: 800px; /* Limit the maximum width for larger screens */
    height: auto; /* Maintain aspect ratio */
    border-radius: 8px; /* Optional: Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add some shadow for better visuals */
}
</style>