@charset "UTF-8";
@import url(main.css);
.image-video-logo { width: 40%; }

@media (min-width: 320px) and (max-width: 991px) { .image-video-logo { width: 50%; } }

.videoTitle { width: 75% !important; }

.b-bloc-divider { border: none !important; border-width: none !important; box-shadow: none !important; background-color: #F9FFF5 !important; }

.informations-list > div { color: #2f432b !important; }

div.mx-4.mb-3.logo-footer.mx-auto > img.logo_nav { height: 8vh; }

.container:has(.owl-carousel) { max-width: none !important; background-color: #deecda !important; padding: 30px 20em; }

.mx-1.mx-lg-4.mb-5 { max-width: none !important; background-color: #deecda !important; padding: 30px 20em; margin: 0px !important; }

/* Rendre les images dans les containers responsives */
.image-before-after-container { position: relative; width: 100%; max-width: 400px; aspect-ratio: 4 / 3; margin: 1rem auto; overflow: hidden; }

/* Ajuster les images avant et après */
.image-before-after-container img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

@media (max-width: 576px) { .mx-1.mx-lg-4.mb-5 { margin-left: 1rem !important; margin-right: 1rem !important; } .image-before-after-container { max-width: 90%; aspect-ratio: 1 / 1; /* carré sur mobile */ } }

/*# sourceMappingURL=custom.css.map */