#up{position:relative}
#up::after{content:'';display:block;background-color:#FFF;position:absolute;z-index:2;bottom:-8px;left:-webkit-calc(50% - 30px);left:calc(50% - 30px);width:60px;height:25px}
#up span{display:block;cursor:pointer;width:35px;height:35px;background-color:#1e2324;margin:0 auto;position:relative;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background-color 300ms;-o-transition:background-color 300ms;transition:background-color 300ms}
#up span:hover{background-color:#575757}
#up span::after{content:'';display:block;position:absolute;z-index:1;top:7px;left:7px;width:13px;height:13px;border-style:solid;border-width:1px 0 0 1px;border-color:#FFF}
#social_wrapper a{background:#FFF;display:inline-block;width:50px;height:50px;margin:20px;border:1px solid #575757;color:#575757;padding:4px;font-size:1.8rem;position:relative}
#social_wrapper a:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
#social_wrapper a::before{content:'';display:block;width:10px;background:#FFF;height:52px;position:absolute;z-index:1;top:-2px;left:calc(50% - 5px)}
#social_wrapper a::after{content:'';display:block;width:52px;background:#FFF;height:10px;position:absolute;z-index:1;left:-2px;top:calc(50% - 5px)}
#social_wrapper a span{display:inline-block;width:100%;height:100%;border:1px solid #1e2324;position:relative}
#social_wrapper a span i{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;align-content:center;justify-content:center;position:absolute;z-index:5;top:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);background:#FFF;border-radius:50%}
footer{text-align:center;padding:10px 10px 20px;font-size:0.6875rem;line-height:1rem}
footer a{color:#1e2324}
.fancybox-button.fancybox-close-small svg{display:none}
.fancybox-slide--html .fancybox-close-small::after{content:'';display:block;width:24px;height:24px;background:url('https://www.groupehmp.fr/medias/imports/close-fb.svg') no-repeat center center}
@media screen and (max-width:450px){#up button{font-size:2.5rem}}#gallery a{display:inline-block;width:300px;height:300px;margin:30px 16.6666666667px;overflow:hidden}
#gallery picture,#gallery picture img{display:block;width:100%;height:100%;overflow:hidden;object-fit:cover;position:relative}
#gallery picture::before{content:'';position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;background-color:rgba(30,35,36,0.5);background-image:url(https://dev.groupehmp.fr/medias/imports/process_frame.svg);background-position:center;background-size:69%;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
#gallery picture:hover::before{top:5px;right:5px;bottom:5px;left:5px;background-color:transparent;background-size:87%}#process_wrapper{text-align:center}
#process_wrapper.wrapper{margin:80px 20px 40px}
#process{margin-top:30px}
#process a{display:block;width:185px;height:240px;color:#1e2324}
#process .container{display:inline-block;width:157px;height:157px;position:relative;margin-top:14px;background-color:transparent;-webkit-transition:padding 300ms;-o-transition:padding 300ms;transition:padding 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
#process a:hover .container{padding:5px;width:185px;height:185px;margin-top:0}
#process .container::before{content:'';position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;background-color:rgba(30,35,36,0.5);background-image:url('https://www.groupehmp.fr/medias/imports/process_frame.svg');background-position:center;background-size:69%;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
#process a:hover .container::before{top:5px;right:5px;bottom:5px;left:5px;background-color:transparent;background-size:87%}
#process img{width:100%;height:100%;object-fit:cover}
#process span{position:absolute;z-index:10;top:30px;right:30px;bottom:30px;left:30px;color:transparent;font-size:4rem;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#FFF;font-family:'ptrootui_bold';display:flex;justify-content:center;align-content:center;align-items:center;opacity:1;-webkit-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms}
#process a:hover span{opacity:0}
#process strong{display:block;padding:5px 20px 0;font-size:0.9rem;line-height:1rem;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
#process a:hover strong{font-size:0.87rem}
@media screen and (max-width:1080px){#process_wrapper.wrapper{margin:60px 20px}
#process a{height:auto;width:185px;margin:40px 5px 0}
#process a .container{padding:5px;width:185px;height:185px;margin-top:0}
#process a .container::before{top:5px;right:5px;bottom:5px;left:5px;background-color:transparent;background-size:87%}
#process span{top:-130px;font-size:3rem;-webkit-text-stroke-color:#1e2324}
#process a:hover span{opacity:1}
#process a strong{font-size:0.87rem;line-height:1rem;padding:5px}}
@media screen and (max-width:450px){#process a{width:165px}
#process a .container{width:165px;height:165px}
#process a:hover .container{width:165px;height:165px}}
@media screen and (max-width:380px){#process a{width:125px;margin:50px 5px 0}
#process a .container{width:125px;height:125px}
#process a:hover .container{width:125px;height:125px}}