#preoccupations{background:url("https://cdn.shopify.com/s/files/1/0248/2290/6968/files/fond-bg-preo.webp?v=1710865001") left top repeat-x}#preoccupations .content-back{display:flex;justify-content:center;padding:0 0 40px 0;display:none}#preoccupations .content-back .change{background:#8a8a8a;font-size:14px;line-height:30px;display:inline-block;border-radius:5px;padding:0 20px;color:#ffffff;text-decoration:none;transition:all 0.3s ease;cursor:pointer}#preoccupations .content-back .change:hover{background:var(--color-brown)}#preoccupations .content-m{padding:30px;position:relative;overflow:hidden;max-width:1000px;margin:0 auto}#preoccupations .content-m:after{background:#DFD8D2;content:"";width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;transition:all 0.5s ease}#preoccupations .content-m .intro{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;padding:30px 0;position:relative;align-items:center;z-index:1}@media (min-width: 992px){#preoccupations .content-m .intro{flex-direction:row-reverse;padding:50px 0}}#preoccupations .content-m .intro .picto{transition:all 0.5s ease;overflow:hidden;text-align:center}@media (min-width: 992px){#preoccupations .content-m .intro .picto{width:50%}}#preoccupations .content-m .intro .picto svg{width:170px}@media (min-width: 992px){#preoccupations .content-m .intro .picto svg{width:240px}}#preoccupations .content-m .intro .text{padding:0 10px;text-align:center}@media (min-width: 992px){#preoccupations .content-m .intro .text{width:50%;text-align:center}}#preoccupations .content-m .intro .text h1{color:var(--color-brown);font-size:20px;line-height:24px;font-weight:400;margin:0}@media (min-width: 992px){#preoccupations .content-m .intro .text h1{font-size:24px;line-height:28px}}#preoccupations .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}#preoccupations .content-m .content-preoccupations .preoccupations{display:flex;flex-direction:column;align-items:flex-start;position:relative;flex-wrap:wrap;justify-content:center;z-index:1}@media (min-width: 992px){#preoccupations .content-m .content-preoccupations .preoccupations{flex-direction:row}}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation{display:flex;flex-direction:column;align-items:center;padding:10px;flex-shrink:0;width:100%;display:none;height:100%}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation:last-child{margin-bottom:0px}@media (min-width: 992px){#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation{flex:1;max-width:33.33%}}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation .content{border-radius:15px;overflow:hidden;position:relative;background:#E8E8E8;overflow:hidden;cursor:pointer;width:100%}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation .content .top{display:flex;flex-direction:column;position:relative;padding:20px}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation .content .top .content-image{font-size:0px;line-height:0px;border-radius:15px;overflow:hidden;position:relative;border:0px solid transparent;transition:all 0.3s ease;position:absolute;width:100%;height:100%;left:0;top:0}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation .content .top .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}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation .content .top .content-image img{object-fit:cover;width:100%;height:100%}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation .content .top .texte{position:relative;z-index:1;padding-bottom:10px}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation .content .top .texte h2{color:#ffffff;text-transform:uppercase;font-size:16px}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation .content .top .texte h2 span{display:block;font-size:12px;letter-spacing:1px}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation .content .top .zoom{font-size:0px;line-height:0px;height:100px;width:100px;overflow:hidden;border-radius:100%;z-index:2;position:relative;border:2px dashed #ffffff;transition:0.3s ease}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation .content .top .zoom img{object-fit:cover;height:100%}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation .content .bottom .description{width:100%;padding:20px}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation .content .bottom .description p{color:#797979;font-size:14px;line-height:18px;margin:0}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation:hover .content .top .content-image:after{opacity:0.2}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation.active .content .top .content-image{border:6px solid #ffffff}#preoccupations .content-m .content-preoccupations .preoccupations .preoccupation.on{display:flex}#preoccupations.ok .content-back{display:flex}#preoccupations.ok .content-m{display:flex;flex-direction:column}@media (min-width: 992px){#preoccupations.ok .content-m{flex-direction:row}}#preoccupations.ok .content-m .intro{padding:20px 0;flex-direction:column-reverse}@media (min-width: 992px){#preoccupations.ok .content-m .intro{padding:20px 0;width:50%}}#preoccupations.ok .content-m .intro .picto{width:auto}#preoccupations.ok .content-m .intro .text{width:100%}#preoccupations.ok .content-m .intro .text h1{text-align:center}#preoccupations.ok .content-m .intro .text p{width:0;height:0;padding:0}#preoccupations.ok .content-m .content-preoccupations{width:100%}@media (min-width: 992px){#preoccupations.ok .content-m .content-preoccupations{width:50%}}#preoccupations.ok .content-m .content-preoccupations .preoccupations{align-items:center;flex-direction:row}#preoccupations.ok .content-m .content-preoccupations .preoccupations .preoccupation .content .top .content-image .zoom{opacity:0}#preoccupations.ok .content-m .content-preoccupations .preoccupations .preoccupation .content .bottom{height:0}#preoccupations.ok .content-m .content-preoccupations .preoccupations .preoccupation.on{display:none}#preoccupations.ok .content-m .content-preoccupations .preoccupations .preoccupation.active{display:block;width:100%;max-width:100%}#preoccupations.ok .content-m .content-preoccupations .preoccupations .preoccupation.active .content .top .texte h2{font-size:20px}#preoccupations.ok .content-m .content-preoccupations .preoccupations .preoccupation.active .content .top .texte h2 span{font-size:14px}@media (min-width: 992px){#preoccupations.all .content-m .content-preoccupations .preoccupations .preoccupation{width:25%;flex:auto}}#preoccupations.hide{display:none}@keyframes animHand{0%{margin-left:-10px}50%{margin-left:10px}100%{margin-left:-10px}}