#categories{transition:all 0.5s ease;overflow:hidden;height:100%}#categories .content-m{position:relative;overflow:hidden;margin:0 auto}#categories .content-m .intro{display:flex;flex-direction:column;position:relative;z-index:1}@media (min-width: 992px){#categories .content-m .intro{flex-direction:row}}#categories .content-m .intro .content-image-intro{position:relative;overflow:hidden}@media (min-width: 992px){#categories .content-m .intro .content-image-intro{width:50%}}#categories .content-m .intro .content-image-intro img{object-fit:contain;width:100%}@media (min-width: 992px){#categories .content-m .intro .content-image-intro img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0}}#categories .content-m .intro .text{padding:50px 30px;text-align:center;max-width:600px;margin:0 auto}@media (min-width: 992px){#categories .content-m .intro .text{width:50%;text-align:center;padding:100px 50px}}#categories .content-m .intro .text h1{font-size:28px;line-height:32px;font-weight:400;margin:0}@media (min-width: 992px){#categories .content-m .intro .text h1{font-size:34px;line-height:38px}}#categories .content-m .intro .text h1 span{display:block;font-size:14px;line-height:16px;text-transform:uppercase;letter-spacing:1px}@media (min-width: 992px){#categories .content-m .intro .text h1 span{font-size:16px;line-height:18px}}#categories .content-m .intro .text p{transition:all 0.5s ease;overflow:hidden;font-size:16px;line-height:20px;margin:0;padding-top:10px;color:#615142}#categories .content-m .intro .text h2{color:var(--color-brown);font-size:14px;line-height:18px;font-weight:400;padding-top:40px;margin:0}@media (min-width: 992px){#categories .content-m .intro .text h2{font-size:16px;line-height:20px}}#categories .content-m .intro .text h2 span{display:block;font-size:11px;line-height:14px;text-transform:uppercase;letter-spacing:1px}@media (min-width: 992px){#categories .content-m .intro .text h2 span{font-size:12px;line-height:16px}}#categories .content-m .intro .text .content-categories{padding-top:10px}#categories .content-m .intro .text .content-categories .categories{display:flex;flex-direction:row;align-items:flex-start;position:relative;flex-wrap:wrap;justify-content:center;z-index:1}#categories .content-m .intro .text .content-categories .categories .categorie{display:flex;flex-direction:column;align-items:center;padding:10px;flex-shrink:0;width:100%;height:100%}@media (min-width: 992px){#categories .content-m .intro .text .content-categories .categories .categorie{width:50%}}#categories .content-m .intro .text .content-categories .categories .categorie:last-child{margin-bottom:0px}#categories .content-m .intro .text .content-categories .categories .categorie .content{border-radius:5px;overflow:hidden;position:relative;overflow:hidden;cursor:pointer;width:100%;display:flex;flex-direction:column;position:relative}#categories .content-m .intro .text .content-categories .categories .categorie .content .content-image{font-size:0px;line-height:0px;border-radius:15px;overflow:hidden;position:relative;border:2px solid transparent;transition:all 0.3s ease;width:100%}#categories .content-m .intro .text .content-categories .categories .categorie .content .content-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000;z-index:1;opacity:0;transition:all 0.3s ease}#categories .content-m .intro .text .content-categories .categories .categorie .content .content-image img{object-fit:contain;width:100%;height:100%}#categories .content-m .intro .text .content-categories .categories .categorie .content .texte{position:absolute;z-index:2;padding-bottom:10px;left:0px;top:0px;padding:20px}#categories .content-m .intro .text .content-categories .categories .categorie .content .texte h3{color:#ffffff;text-transform:uppercase;font-size:18px;text-align:left}#categories .content-m .intro .text .content-categories .categories .categorie:hover .content .content-image{border:2px solid var(--color-brown)}#categories .content-m .intro .text .content-categories .categories .categorie:hover .content .content-image:after{opacity:0.2}#categories.ok .content-m{display:flex;flex-direction:column}@media (min-width: 992px){#categories.ok .content-m{flex-direction:row}}#categories.ok .content-m .intro{padding:20px 0;flex-direction:column-reverse}@media (min-width: 992px){#categories.ok .content-m .intro{padding:20px 0;width:50%}}#categories.ok .content-m .intro .picto{width:auto}#categories.ok .content-m .intro .text{width:100%}#categories.ok .content-m .intro .text h1{text-align:center}#categories.ok .content-m .intro .text p{width:0;height:0;padding:0}#categories.ok .content-m .content-categories{width:100%}@media (min-width: 992px){#categories.ok .content-m .content-categories{width:50%}}#categories.ok .content-m .content-categories .categories{align-items:center;flex-direction:row}#categories.ok .content-m .content-categories .categories .categorie .content .top .content-image .zoom{opacity:0}#categories.ok .content-m .content-categories .categories .categorie .content .bottom{height:0}#categories.ok .content-m .content-categories .categories .categorie.on{display:none}#categories.ok .content-m .content-categories .categories .categorie.active{display:block;width:100%;max-width:100%}#categories.ok .content-m .content-categories .categories .categorie.active .content .top .texte h2{font-size:20px}#categories.ok .content-m .content-categories .categories .categorie.active .content .top .texte h2 span{font-size:14px}@media (min-width: 992px){#categories.all .content-m .content-categories .categories .categorie{width:25%;flex:auto}}#categories.hide{display:none}#categories.hide-slow{height:0}@keyframes animHand{0%{margin-left:-10px}50%{margin-left:10px}100%{margin-left:-10px}}