:root{--color-primary:oklch(12.9% 0.042 264.695);--color-dark:#000;--color-blue-darker:#11172b;--color-blue-logo:#1d2549;--color-blue-light:#0099ff;--color-light:#fff;--color-light-2:#f5f5f5;--container-max-width:1160px;--navbar-size:76px}.body{min-height:calc(100vh - var(--navbar-size) - 132px)}.container{margin:0;padding-bottom:12px;padding-top:12px;text-align:center}.container>*{max-width:var(--container-max-width);margin-inline:auto}.container-sm{max-width:600px;margin-inline:auto}.container-fuild{margin:0;padding-bottom:12px;padding-top:12px;text-align:center}.container-bg-primary{background-color:var(--color-primary)}.container-bg-blue-darker{background-color:var(--color-blue-darker);color:var(--color-light)}.container-bg-blue-logo{background-color:var(--color-blue-logo)}.container-bg-blue-light{background-color:var(--color-blue-light)}.container-bg-light{background-color:var(--color-light)}.container-bg-light-2{background-color:var(--color-light-2)}.gallery{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.gallery_item{text-decoration:none;color:var(--color-light);width:340px;h2, h3 { font-size: 18px; } > div:first-child { height: 200px; border-top-left-radius: 5%; border-top-right-radius: 5%; } > div:last-child { background-color: var(--color-primary); padding-top: 6px; padding-left: 16px; padding-right: 16px; padding-bottom: 16px; border-bottom-left-radius: 5%; border-bottom-right-radius: 5%; @media screen and (min-width: 720px) { height: 184px; } } margin: 10px}.icon{background-size:cover;background-repeat:round;display:inline-block;width:30px;height:30px;margin:4px;&:hover,&:focus { opacity:60%; transform:scale(1.2); }}.icon-instagram-dark{background-image:url(/images/icons/instagram_white.svg)}.icon-instagram-light{background-image:url(/images/icons/instagram_black.svg)}.icon-facebook-dark{background-image:url(/images/icons/facebook_white.svg)}.icon-facebook-light{background-image:url(/images/icons/facebook_black.svg)}.icon-toggle-menu{background-image:url(/images/icons/toggle_menu.svg)}.icon-toggle-menu-cancel{background-image:url(/images/icons/toggle_menu_cancel.svg)}.icon-website-light{background-image:url(/images/icons/website_black.svg)}.icon-website-dark{background-image:url(/images/icons/website_white.svg)}.home-bottom-images{display:flex;justify-content:space-around;flex-wrap:wrap;img { margin: 10px; border-radius: 8%; }}.home-video-background{position:relative;width:100%;height:calc(100vh - var(--navbar-size));overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5);video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); z-index: -1; object-fit: cover; } > div { margin: auto; height: calc(100vh - var(--navbar-size)); width: auto; max-width: 400px; display: fex; flex-direction: row; justify-content: center; align-items: center; padding: 20px; border-radius: 10px; .orange { background-color: #14452f !important; } .orange:hover { background-color: var(--color-light-2) !important; } a { border-width: 3px; border-color: var(--color-light-2); border-style: solid; border-radius: 8px; padding: 10px 20px; margin: 16px; display: inline-block; background-color: var(--color-primary); color: var(--color-light); text-decoration: none; font-weight: bold; font-size: 18px; transition: all 0.3s ease; text-align: center; } a:hover { color: var(--color-blue-light); background-color: var(--color-light-2); transform: translateY(-3px); } }}.horaires{max-width:400px!important;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,6%);border:1px solid #e2e8f0;font-family:system-ui,-apple-system,sans-serif;ul { list-style: none; padding: 0; margin: 0; } li { padding: 0.65rem 0; border-bottom: 1px dashed #e2e8f0; display: flex; justify-content: space-between; font-size: 1rem; color: #2d3748; } li:last-child { border-bottom: none; } li strong { color: #1a1a1a; font-weight: 600; } @media (max-width: 480px) { margin: 1rem; padding: 1.2rem; li { flex-direction: column; gap: 0.25rem; font-size: 0.95rem; } }}.footer{padding:12px;background-color:var(--color-primary);font-weight:600;font-size:large;@media screen and (min-width:500px){display: grid; grid-template-columns: 1fr 1fr 1fr;}> div { display: flex; row-gap: 4px; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding-top: 4px; padding-bottom: 4px; } a { color: var(--color-light); text-decoration: none; &:hover, &:focus { color: var(--color-light-2); } }}.contact-links{text-align:center;max-width:500px;margin-left:auto;margin-right:auto;> div { margin-top: 20px; margin-bottom: 20px; } h2 { margin-top: 40px; } p { margin-left: 10px; margin-right: 10px; }}.team-content{padding-left:5px;padding-right:5px;text-align:center;p { text-justify: auto; }}.team-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;@media screen and (min-width:650px){>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:600px}}> div { margin: 15px; padding-left: 5px; padding-right: 5px; text-align: center; h2 { margin-top: 16px; margin-bottom: 10px; a { text-decoration: none; color: var(--color-light); &:hover { color: var(--color-blue-light); } } } }}.team-member-profil{border-radius:15%!important;margin-bottom:4px}.team-member-badge-list{margin-bottom:8px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.team-member-badge{display:block;margin:2px 4px;padding:4px 6px;background-color:var(--color-blue-light);color:var(--color-light-2);font-size:12px;border-radius:10%}.team-member-dedicated-body{margin:16px auto;max-width:1e3px;> p { margin: 0 16px; } .team-member-dedicated-body-content { margin: 50px 0; img { border-radius: 16px; } > div { max-width: 360px; margin: 0 auto; padding: 10px; } } @media screen and (min-width: 960px) { .team-member-dedicated-body-content { display: grid; grid-template-columns: 1fr 1fr; row-gap: 50px; } }}