#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%}#map_wrapper{margin:0 120px 50px;padding:20px;position:relative}
#map{height:400px;border:1px #1e2324 solid}
.mapCorner{position:absolute;z-index:1;width:40px;height:40px}
.corner1{top:0;left:0}
.corner2{top:0;right:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.corner3{right:0;bottom:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.corner4{left:0;bottom:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.mapCorner span{display:block;position:relative;width:100%;height:100%;border-style:solid;border-color:#1e2324;border-width:1px 0 0 1px}
.mapCorner span::after{content:'';display:block;position:absolute;top:5px;left:5px;width:40%;height:40%;border-style:solid;border-color:#1e2324;border-width:1px 0 0 1px}
@media screen and (max-width:450px){#map_wrapper{margin:0 20px 50px}
#map{height:300px}}