#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://dev.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%}.n1{display:none}
.news{position:relative;width:400px;background:#FFF;padding-bottom:20px;border:1px solid rgba(87,87,87,0.2);margin:50px}
.news picture,.news img{display:inline-block;width:100%;height:200px;object-fit:cover;-webkit-transition:transform 300ms;-o-transition:transform 300ms;transition:transform 300ms}
.news picture{overflow:hidden;margin-bottom:20px}
.news h3{font-size:1.125rem;min-height:50px;padding:0 10px;margin-bottom:5px;font-weight:700;font-family:'ptrootui_bold'}
.news .chapo{font-family:'ptrootui_regular'}
.news a{text-transform:uppercase;color:#1e2324}
.news a:hover{color:#575757}
.news:hover img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.news .corners.tl{-webkit-transform:scale(0.5)!important;-ms-transform:scale(0.5)!important}
.news .corners.tl{top:-60px;left:-60px}
.news .corners.br{-o-transform:scale(0.5) rotate(180deg)!important;transform:scale(0.5) rotate(180deg)!important}
.news .corners.br{top:60px;bottom:auto;right:-60px}
.news .angles.tl{-webkit-transform:scale(0.4)!important;-ms-transform:scale(0.4)!important}
.news .angles.tl{top:-45px;left:-45px}
.news .angles.br{-o-transform:scale(0.4) rotate(180deg)!important;transform:scale(0.4) rotate(180deg)!important}
.news .angles.br{top:95px;bottom:auto;right:-45px}
main.maintext h2::before,main.maintext h2::after,main.maintext h2 span::before,main.maintext h2 span::after{display:none}
main h3,main h4{font-family:'introrust';font-size:1.5rem;line-height:1.6rem;margin-bottom:20px}
main h4{font-size:1.2rem;line-height:1.4rem}
main.maintext a{border-bottom:1px #000 dotted;color:#000}
.more .media{width:100%}
.more .media picture,.more iframe,.more video,.more audio{display:inline-block;width:auto;max-width:100%;overflow:hidden;margin-bottom:30px}
.more picture:nth-child(1) img{display:inline-block;width:100%;height:auto}
.more.full picture:{width:100%}
.more.left pict,.more .content{width:100%}
@media screen and (max-width:1080px){.news .corners.tl{top:-40px;left:-40px}
.news .angles.tl{top:-20px;left:-20px}
.news .corners.br{top:120px;right:-40px}
.news .angles.br{top:1500px;right:-20px}}
@media screen and (max-width:450px){h1{font-size:1.1rem}
h1 .overlay{padding-left:145px;padding-top:25px;padding-bottom:10px}
.news{width:300px;margin-left:0;margin-right:0}
.last_news{position:relative;top:auto;left:auto;right:auto;bottom:auto}
.last_news .inner{margin-left:0;margin-bottom:0;width:100%;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.last_news h2,.inner .introduction{padding:20px;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.last_news h2{padding-bottom:0}
.inner .introduction{padding-top:0}
.last_news h2 a{font-size:1.7rem;line-height:2rem}}
@media screen and (max-width:350px){.news{width:250px}}#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://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}
#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}}