*{box-sizing:border-box}html{scroll-padding-top:70px}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.hidden{display:none}.error-filter{font-size:.8rem;font-style:italic}ul{padding:0}li{list-style:none}body{font-family:montserrat,sans-serif;font-weight:300;margin:0}main{margin-top:150px}a{padding:4px}nav .active-page:not(.bouton1){border-bottom:2px solid #fff;font-weight:400}footer .active-page{text-decoration:underline}.categories .active-page{border-bottom:3px solid #405645;font-weight:400;color:#405645}header{display:flex;align-items:center;padding:8px;position:fixed;top:0;width:100%;height:fit-content;background-color:#fff;box-shadow:0 5px 5px #fff;z-index:50}header .logo-button{max-width:150px}header .logo-button img{width:100%}header a{color:#fff;text-decoration:none}header nav{margin-left:auto;display:flex;align-items:center;gap:10px}header ul{display:flex;align-items:flex-end;gap:15px}@media screen and (width<810px){header ul{flex-direction:column;order:3;position:fixed;right:0;top:50px;background-color:#405645;padding:15px;padding-left:25px;border-radius:15px 0 0 15px;transition:all .5s}header .hidden-menu{transform:translateX(100%)}}@media screen and (width>=810px){header ul{flex-direction:row;gap:20px}header ul a{color:#000;border-bottom:2px solid transparent;transition:all .3s}header ul a:hover{border-color:#000;font-weight:400}nav .active-page:not(.bouton1){border-bottom:2px solid #405645;font-weight:400}}.bouton1,.bouton2{background-color:#405645;padding:10px 30px;color:#fff;transition:all .2s;border:#405645 solid 3px;font-weight:500;text-decoration:none}.bouton1:hover,.bouton2:hover{background-color:#fff;color:#405645}.burger-menu-button{border-radius:50px;padding:12px;background-color:#405645;display:flex;align-items:center;justify-content:center}.burger-menu-button img{width:1.2rem}@media screen and (width>810px){.burger-menu-button{display:none}}.details-button{position:absolute;bottom:15px;right:15px;background-color:transparent;border:none;font-style:italic;font-size:.8em;color:gray;padding:5px 15px;border-radius:40px;text-decoration:none}@media screen and (width>=600px){.details-button:hover{background-color:#f7f7f7}}.top-button{display:flex;align-items:center;text-decoration:none;position:sticky;width:fit-content;margin-left:auto;bottom:30px;right:0;border-radius:50px 0 0 50px;padding:10px;background-color:#d3d3d3;color:#000;font-size:.7rem;transition:all .5s;border:1px solid #d3d3d3;border-right:none;transition:all ease-in-out .3s}.top-button img{width:15px}.top-button p{display:none}@media screen and (width>=600px){.top-button{padding:5px 20px}.top-button img{display:none}.top-button p{display:block}.top-button:hover{padding-right:50px;border-color:gray}}.search-result p{display:inline;margin:0}.search-result a{color:#fff;font-style:italic;text-decoration:none}.search-result a:hover{text-decoration:underline}.search-result{background-color:#405645;color:#fff;font-weight:400;font-size:.8em;padding:6px 8px;border-radius:5px}.search-bar-box{display:flex;align-items:center;justify-content:space-between;background-color:#e0e0e0;border-radius:8px;max-width:600px;width:90%;padding:4px}.search-bar-box input{background-color:transparent;width:100%;border:none;padding:8px;margin:4px}.search-bar-box button{border:none;background:0 0;opacity:50%;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:all .3s}.search-bar-box button img{width:24px}.search-bar-box button:hover{opacity:100%;transform:scale(110%)}section{margin-top:50px;padding:10px;margin:auto;max-width:900px}section h3{margin:0}section h2{margin-top:5px}.section1{display:flex;gap:20px;flex-direction:column;align-items:center;margin-bottom:20vh}.section1 .logo-box{display:flex;align-items:center;justify-content:center;gap:10px;width:90%;max-width:500px}.section1 .logo-box img:first-child{width:20%}.section1 .logo-box img:nth-child(2){width:70%;margin-top:15px}.section3 h2{margin:0}.section3 a{color:gray;text-decoration:none;font-style:italic;font-size:.9rem;margin-left:20px}.section3 a:hover{color:#000;text-decoration:underline}.list-style-1 li{position:relative;display:flex;align-items:stretch;box-shadow:0 0 8px #d3d3d3;border-radius:8px;font-size:.8rem;margin-bottom:10px}.list-style-1 img{border-radius:8px 0 0 8px;width:25%;object-fit:cover}.list-style-1 li .contents{padding:18px}.list-style-1 li p{margin:5px 0;font-size:.8em;padding-right:50px}.list-style-1 span{font-size:.8rem;font-weight:500;margin-left:10px}.list-style-1 .origin{font-size:1rem;font-weight:400}.list-style-1 .origin::before{content:"";display:inline-block;width:19px;height:19px;background-image:url('img/icons/epingle.png');background-size:cover;background-repeat:no-repeat;margin-right:2px;vertical-align:middle}@media screen and (width>=600px){.list-style-1 li{align-items:center;padding:15px;font-size:1em;gap:20px;margin:20px}.list-style-1 span{font-size:1.5em}.list-style-1 img{aspect-ratio:1/1;border-radius:10px;width:20%}}.list-style-2 p{max-width:600px}.list-style-3 li{display:flex;flex-direction:column;align-items:center;gap:20px;margin:auto;margin-bottom:40px;width:90%}.list-style-3 img{width:100%;border-radius:20px;box-shadow:#d3d3d3 0 0 15px}@media screen and (width>=700px){.list-style-3 li{flex-direction:row;gap:30px;justify-content:center}.list-style-3 .rightarticle{flex-direction:row-reverse}.list-style-3 img{width:40%;max-width:300px}}.rightarticle div{margin-left:auto;text-align:right}.title1 div hr,.title2 hr{border:2px solid;width:50px;margin-left:0}.title1,.title2{margin-left:20px}.title1{display:flex;justify-content:flex-start;align-items:center;gap:10px;width:90%;max-width:800px;margin:auto}.title1 img{width:70px}h1{margin:0}footer{margin-top:20px;background-color:#405645;padding:15px;padding-top:60px;font-size:.8em}footer .logo-box{display:flex;gap:10px;align-items:center;width:60%;opacity:40%;max-width:300px;margin-left:20px}footer .logo-box img:first-child{width:25%}footer .logo-box img:nth-child(2){width:70%}footer .content{display:flex;flex-direction:column;align-items:flex-start}footer ul{display:flex;gap:10px;flex-direction:column}footer ul a{color:#fff;text-decoration:none;padding:5px;padding-left:30px}footer ul a:hover{text-decoration:underline}footer ul a img{width:15px}@media screen and (600px<width){footer .content{flex-direction:row;justify-content:space-between;align-items:flex-end}footer ul{align-items:flex-end}}@media screen and (width>=960px){footer ul{flex-direction:row;gap:15px}}a:focus-visible,button:focus-visible{outline:2px solid rgb(215,0,150);border-radius:5px;box-shadow:0 0 10px gray}.search-bar-box input:focus-visible{outline:solid gray 1px;border:none;border-radius:5px}input[type=checkbox]:focus-visible+.like-button{outline:2px solid rgb(215,0,150);box-shadow:0 0 10px gray}.skip-link{background-color:#d70096;border:none;color:#fff;font-weight:500;padding:.625em .9375em;text-decoration:none}.skip-link:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.categories{overflow-x:auto;white-space:nowrap;padding:20px 5px;width:90%;max-width:900px;margin:auto;scrollbar-color:lightgray}.categories ul{display:flex;justify-content:center;align-items:center;gap:15px;margin:auto}.categories a:not(.search-result a){color:#000;text-decoration:none}.categories a:not(.search-result a):hover{border-bottom:1px solid #405645;color:#405645}.filter-box{z-index:50;position:sticky;top:70px;left:0;width:fit-content;border-radius:0 25px 25px 0;background-color:#e0e0e0;padding:15px;padding-left:20px;margin-top:10px}.filter-box .content{display:flex;gap:20px;padding:10px 30px;border-top:1px solid gray;margin-top:10px}.filter-box p{margin:0}.filter-box label[for=animals],.filter-box p{display:block;font-weight:600;margin-top:8px}.filter-box select{background-color:transparent;padding:4px;border-radius:5px;width:100%;margin-top:4px}summary{position:relative;padding-right:30px;cursor:pointer}summary::marker{content:none}summary::after,summary::before{content:''}summary::after,summary::before{width:.75em;height:0;border-bottom:1px solid;position:absolute;top:calc(50% - 1px);right:0;transform:translateY(-50%)}summary::after{transform:rotate(90deg);transform-origin:50% 50%;transition:.3s}[open] summary::after{transform:rotate(0);color:#93339c}@media screen and (width<600px){.categories{overflow-x:auto;white-space:nowrap;width:90%;margin:auto}.categories ul{justify-content:space-between}.details-button{right:10px;bottom:10px}}.popup-box{display:none;position:fixed;top:0;width:100vw;height:100vh;align-items:center;justify-content:center;z-index:99;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.popup-box .contents{position:relative;box-shadow:0 0 10px #d3d3d3;background-color:#fff;border-radius:15px;margin:5px;padding:20px;width:95vw;max-width:900px}.popup-box .close-button img{width:20px}.popup-box .close-button{position:absolute;top:10px;right:10px;padding:10px;background-color:transparent;border-radius:50px;border:none;display:flex;align-items:center;justify-content:center}.popup-box .close-button:hover{box-shadow:inset 0 0 10px #e0e0e0}.popup-box .top-div{display:flex;align-items:center;gap:20px;margin-bottom:15px}.popup-animal-img,.popup-menu-img{width:25%;border-radius:10px;aspect-ratio:1/1;object-fit:cover}.popup-box p{margin:10px 0}.popup-animal-name,.popup-menu-name{margin:10px 0;font-size:1.5em}.popup-menu-price{font-weight:500;font-size:1.2em}.popup-box hr{border:solid #d3d3d3 1px;margin:10px 0}.popup-allergen-box{margin-bottom:10px;display:flex;gap:10px;flex-wrap:wrap}.popup-allergen-box div{display:flex;align-items:center;width:fit-content;gap:10px;padding:12px 20px;border-radius:50px;background-color:#e0e0e0}.popup-allergen-box p{margin:0}.popup-allergen-box img{width:20px}.popup-animal-plat-box,.popup-menu-animal-box{display:flex;gap:10px;flex-wrap:wrap}.popup-animal-plat-box a,.popup-menu-animal-box div{display:flex;align-items:center;width:fit-content;gap:5px;border:#e0e0e0 2px solid;font-weight:600;border-radius:10px;padding:5px;padding-right:15px}.popup-animal-plat-box img,.popup-menu-animal-box img{width:60px;aspect-ratio:1/1;object-fit:cover;border-radius:5px}.popup-animal-plat-box a{text-decoration:none;color:#000}.popup-animal-plat-box a:hover{box-shadow:0 0 10px #d3d3d3}.place::before{content:'';display:inline-block;width:10px;height:10px;background-image:url(img/icons/epingle.png);background-size:contain;background-repeat:no-repeat;background-position:center;margin-right:5px}.bastille{background-image:url(img/restaurants/bastille.webp)}.montparnasse{background-image:url(img/restaurants/montparnasse.webp)}.montreuil{background-image:url(img/restaurants/montreuil.webp)}.louvre{background-image:url(img/restaurants/louvre.webp)}.frejus{background-image:url(img/restaurants/frejus.webp)}.metz{background-image:url(img/restaurants/metz.webp)}.bordeaux{background-image:url(img/restaurants/bordeaux.webp)}.resto-div li{padding:25px;background-size:contain;background-repeat:no-repeat;background-position:right}.resto-div li a{color:#000;text-decoration:none}.add-message-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column}.add-message-box img{width:250px;margin:auto;margin-bottom:15px}.add-message-box a,.add-message-box button{background-color:transparent;border:solid #323232 3px;padding:6px 20px;border-radius:50px;font-size:.8rem;color:#323232;text-decoration:none;font-weight:400;transition:box-shadow .3s;display:flex;width:fit-content}.add-message-box a:hover,.add-message-box button:hover{box-shadow:0 0 10px grey;text-decoration:underline}.add-message-box .success{color:#405645;font-weight:400}.image-message-box{margin-top:20px;padding:20px;border-radius:20px;background-color:#ffe19b}.image-message-box ul{padding-left:30px}.image-message-box li{list-style:circle}.image-message-box a{color:#000;text-decoration:none;margin-left:20px;font-style:italic;font-size:.9rem}.image-message-box a:hover{text-decoration:underline}.new-window::before{content:"";display:inline-block;width:15px;height:15px;background-image:url('img/icons/new-window.png');background-size:cover;background-repeat:no-repeat;margin-right:2px;vertical-align:middle}.add-section{margin-top:30px;border-left:15px #d3d3d3 solid;padding-left:25px}.add-section .content{display:flex;flex-wrap:wrap;gap:15px}.add-section .content>div{flex:1}.add-section .info{font-style:italic;font-size:.8rem}.add-section span{color:red;font-weight:600}.add-section label{display:inline-block;margin-top:15px;margin-bottom:6px}.add-section .link{font-weight:600}.add-section input:not([type=checkbox]),.add-section select,.add-section textarea{width:100%;border:1px solid;border-radius:8px;min-height:40px;padding:5px}.add-section textarea{resize:vertical}.add-section .add-animal-button{background-color:transparent;border:none;padding:5px 15px;border-radius:50px;margin-top:8px;color:gray;transition:background-color .3s}.add-section .add-animal-button:hover{background-color:#e0e0e0;color:#000}.add-animal-box{display:flex;flex-direction:column;gap:8px}.add-section .add-button{background-color:#000;color:#fff;border:3px solid #000;padding:10px;width:100%;margin-top:15px;font-size:1rem;transition:all .3s}.add-section .add-button:hover{background-color:transparent;color:#000}.site-map-section{padding:30px}.site-map-section a{color:#000;text-decoration:none}.site-map-section a:hover{text-decoration:underline}.site-map-section li{margin:15px 0;list-style:circle}.site-map-section li li{margin-left:20px}