*,body{margin:0}*{padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f9f9f9;color:#333}h1{font-size:clamp(16px, 5vw, 48px)}h2{font-size:clamp(14px, 3vw, 36px)}h4{font-size:clamp(16px, 2vw, 24px)}p{font-size:clamp(12px, 2vw, 16px)}a,button{font-size:clamp(14px, 2vw, 17px)}select{float:right;margin-right:50px;margin-top:10px;border-radius:20px;padding:6px}.site-header{background-image:url('/assets/Background.png');background-size:cover;background-position:center;height:200px;color:#fff}header{margin:0 50px 0 auto;display:flex;justify-content:space-between;align-items:center}header img{margin:2rem;width:150px;height:80px}

.menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#6a4334;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.menu.active{display:flex}.menu ul{list-style:none;padding:0;text-align:center}.menu li{margin:1rem 0}.menu-item a{color:#fff;text-decoration:none;font-size:1.5rem;position:relative}.menu-item a:hover::after{content:'';position:absolute;left:0;bottom:-2px;width:100%;height:2px;border-radius:20px;background-color:#852a25}.menu.active .menu-item a:hover::after{background-color:#fff}.menu-toggle{display:block;background:0 0;border:none;cursor:pointer;position:absolute;top:20px;right:20px;z-index:1001;margin:3rem;color:#6a4334;font-size:2rem}.menu-toggle.active{color:#fff}@media (min-width:768px){.menu-toggle{display:none}.menu{position:static;transform:none;background:0 0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:auto}.menu ul{display:flex;gap:4rem}.menu-item a{color:#41271d;font-size:1.3rem}}@media (max-width:640px){.hr{visibility:hidden}}
#produits,.dropdown{width:100%}.categories,.produit,.sous{background-color:#fff}.categories a,.menu-entry a,footer a{text-decoration:none}.categories a,.categories>ul li:hover .sous,.menu-entry a,.menu-entry:hover .submenu{display:block}.categories ul li,.dropdown,.info,.produit,h1{text-align:center}.icone{margin:1rem 1rem 1rem 2rem}.dropdown,footer h4{margin-bottom:20px}.icone img{margin:1rem}#categorie{padding:10px;display:inline-block}#produits{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:20px;clear:both}.produit{padding:20px;margin:10px;border:1px solid #ddd;width:200px;box-shadow:0 0 10px rgba(0,0,0,.1)}.produit img{max-width:100%;width:180px;height:200px;margin-bottom:10px;object-fit:cover}.produit h3{margin:10px 0;font-size:18px}.produit p{font-size:14px;color:#555}.categories{width:100%;margin:0 auto;position:sticky;top:0}.categories ul{list-style-type:none}.categories ul li{float:left;width:25%;position:relative}.categories ul::after{content:"";display:table;clear:both}.categories a{color:#000;border-bottom:2px solid transparent;padding:10px 0}.categories a:hover{color:#6a4334;border-bottom:2px solid #852a25}.sous{display:none;box-shadow:0 1px 2px #ccc;position:absolute;width:100%;z-index:1000}.sous li{float:none;width:100%;text-align:left}.sous a{padding:10px;border-bottom:none}.sous a:hover{border-bottom:none;background-color:RGBa(200,200,200,.1)}.deroulant>a::after{content:" ▼";font-size:12px}.menu-container{display:flex;justify-content:center}.menu-entry a{padding:10px 20px;color:#333}.menu-entry:hover>a,.menu-entry>a:hover,.menu-entry>button.menu-toggle2:hover,.submenu li a:hover{background-color:#e0e0e0}footer a{color:#fff;font-size:1rem;line-height:1.8}footer a:hover{text-decoration:underline}.menu-entry>a,.submenu li a{display:block;text-decoration:none}footer{background-color:#6a4334;color:#fff;padding:5rem;margin-top:4rem;display:flex;gap:2rem}@media (min-width:1024px){footer{flex-direction:row;align-items:center;justify-content:space-around;text-align:center}}@media (max-width:1024px){footer{flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}}@media (max-width:768px){.menu-container{flex-direction:column;align-items:center;gap:10px}.menu-entry{width:100%;text-align:center}.menu-entry>a{width:100%;box-sizing:border-box}.submenu{position:static;display:none;box-shadow:none;background-color:#f9f9f9;border:none;padding:0;margin-top:5px}.menu-entry:focus-within .submenu,.menu-entry:hover .submenu{display:block}.submenu li a{font-size:12px;padding:10px}footer{flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}}.info{margin-top:2rem}body{font-family:Arial,sans-serif}.menu-container{display:flex;justify-content:center;align-items:center;gap:30px;padding:20px 0;margin:0;flex-wrap:wrap;list-style:none}.menu-entry{position:relative}.menu-entry>a,.menu-entry>button.menu-toggle2{transition:background-color .3s;all:unset;display:inline-flex;align-items:center;padding:10px 20px;font-family:Arial,sans-serif;font-size:clamp(14px, 2vw, 17px);color:#333;cursor:pointer;border-radius:4px;margin:0;vertical-align:middle;background-color:transparent;text-decoration:none;line-height:1;box-sizing:border-box}.menu-entry>a{background-color:transparent}.submenu{background-color:#f9f9f9;list-style:none;position:absolute;top:100%;left:0;border:1px solid #ccc;display:none;z-index:1000;min-width:200px;padding:0;border-radius:4px}.submenu li a{padding:10px;color:#555}@media (min-width:769px){.menu-entry:hover .submenu{display:block}}@media (max-width:768px){.menu-container{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.menu-entry{width:70%;text-align:left}.menu-entry>a{width:100%;padding:15px 20px;color:#333}.submenu{position:relative;display:none}.submenu li a{padding:12px 20px}.menu-entry.open .submenu{display:block}}