#root{--color-oceanBlue: #196177;--color-skyBlue: #2cbfc8;--color-sunsetOrange: #f89d43;--color-teal: #289f9d;--color-limeGreen: #89c646;--color-autumnOrange: #f48721;min-height:100vh;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;color:#000;background:#fff;overflow:hidden}ul{list-style:none;padding:0;margin:0}a{text-decoration:none}.menu{width:100%;min-height:75px}.vignette-container{overflow:hidden;position:relative;border-radius:12px;width:100%;height:300px;max-height:300px}.actu-vignette{object-fit:cover;width:100%}.clinique-section{display:flex;flex-direction:column;padding-top:2rem;width:100%}.box{position:relative;width:50%;padding:20px 0}.left-photo .photo-clinique{border-radius:0 35px 35px 0;max-height:550px;width:100%}.left{align-self:flex-start}.right{align-self:flex-end}.left-text{position:absolute;top:130px;left:550px;padding:2rem;width:100%;background-color:#f487219e;color:var(--color-oceanBlue);text-align:justify;border-radius:50px;min-height:268px}.left-text h2{text-align:center}.right-photo .photo-clinique-right{border-radius:35px 0 0 35px;max-height:550px;width:100%}.right-text{position:absolute;top:170px;right:550px;padding:2rem;width:100%;background-color:#f487219e;color:var(--color-oceanBlue);text-align:justify;border-radius:50px;min-height:268px}.right-text h2{text-align:center}.loadingPage{width:100%;min-height:561px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.Header{position:fixed;top:0;max-height:70px;width:100%;padding:1rem;display:flex;background-color:var(--color-oceanBlue);box-shadow:0 4px 8px #0003;align-content:center;justify-content:space-around;flex-direction:row;flex-wrap:wrap;align-items:center;z-index:1000}.HeaderScrolled{background-color:#196177cc;box-shadow:0 4px 10px #0000004d;position:fixed;top:0;max-height:70px;width:100%;padding:1rem;display:flex;align-content:center;justify-content:space-around;flex-direction:row;flex-wrap:wrap;align-items:center;z-index:1000}.logo-link{margin-left:2rem;background-color:#f0f8ff;border-radius:50%;padding:10px}.Logo{grid-area:logo;height:75px;width:75px}.Nav{display:flex;align-items:center;align-content:center;gap:2rem}.Nav a{color:#fff;font-size:20px;font-weight:500;transition:.5s;text-decoration:none}.Nav a:hover{transform:scale(1.1)}.Nav button{all:unset;font-size:20px;font-weight:500;transition:.5s;color:#fff}.Nav button:hover{transform:scale(1.1)}.menu-item{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;width:200px;background-color:var(--color-oceanBlue);border-radius:5px;padding:10px;display:flex;flex-direction:column;z-index:10}.dropdown-menu a{padding:5px 10px;text-decoration:none;color:#fff}.dropdown-menu a:hover{background-color:var(--color-oceanBlue)}.Burger{display:none;width:40px;height:40px;border:none;background:transparent;transition:.1s}.Burger:active{transform:scale(1.2)}.burger__bar,.burger__bar:before,.burger__bar:after{display:block;width:40px;height:3px;position:relative;border-radius:3px;background:#fff}.burger__bar:before{content:"";position:absolute;left:0;transform:translateY(-12px)}.burger__bar:after{content:"";position:absolute;left:0;transform:translateY(12px)}@media (max-width: 700px){.Nav{background:#282c2ff2;height:100vh;width:100vw;position:fixed;bottom:0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center}.Burger{display:block;cursor:pointer;position:fixed;top:2rem;right:2rem}.menu-item{display:flex;flex-direction:column;gap:1rem;align-items:center}.accordion-content{position:relative;display:flex;flex-direction:column;gap:1rem;width:100%;padding:10px 20px;margin-top:5px;z-index:1}.accordion__menu{position:relative;width:100%;text-align:left}}.NavAnimation-enter{opacity:0;transform:scale(.5)}.NavAnimation-enter-active{opacity:1;transform:translate(0);transition:opacity .35s,transform .35s}.NavAnimation-exit{opacity:1}.NavAnimation-exit-active{opacity:0;transform:scale(.5);transition:opacity .35s,transform .35s}.footer{width:100%;height:250px;background:var(--color-oceanBlue);display:grid;align-content:center;justify-content:center;align-items:center;justify-items:center;grid-template-columns:repeat(4,1fr);color:#fff}.footer-logo-section{padding:1rem;background-color:#f0f8ff;border-radius:50%}.footer-logo{width:150px;height:150px}.fb-icon{width:2em;height:2em;fill:#fff}.agence{width:100%;color:var(--color-oceanBlue);background:var(--color-autumnOrange)}.pet-icon{width:75px;height:75px}.footer-info{background:var(--color-oceanBlue);width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-around;align-items:center}.footer-info a{text-decoration:none;color:#f0f8ff}@media screen and (max-width: 1180px){.footer{grid-template-columns:repeat(1,1fr);height:unset;padding-top:1rem}.footer-logo-section{width:15%;padding:1rem}.footer-logo{width:unset;height:unset}.footer-description,.footer-contact{padding:1rem;text-align:center}}@media screen and (max-width: 730px){.footer-logo-section{width:110px;height:110px}}#canvas{width:100%;height:588px!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.router{margin-top:100px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;min-height:60.5vh}.router-admin{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}