html{scroll-behavior: smooth;}
*{ font-family: "Hubot Sans"; font-size: 16px;}
a{text-decoration: none;transition: .5s;cursor: pointer;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .5s;display: block;position: relative;z-index: 4;}
svg path{transition: .5s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.justify-content-space-between{justify-content: space-between;}
.justify-content-flex-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.wrap{flex-wrap: wrap;}
.gap-20{gap: 20px;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;} 
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;} :root {
--Color-Black: #000;
--Color-White: #fff;
--Color-DarkGrey: #3B3D44;
--Color-Grey: #858996;
--Color-LightGrey: #DCE4EA;
--Color-Brown: #8D3717;
--Color-Orange: #FF724A;
--Color-Blue: #4DAEDD;
--Color-DarkBlue: #00339A;
}
body{overflow-x: hidden;}
body.not-scroll{overflow: hidden;}
.grecaptcha-badge { visibility: hidden !important; }  .btn-link{display: inline-flex;align-items: center;justify-content: center;gap: 10px; border-radius: 60px;transition: .5s; background: transparent;border: 1px solid var(--Color-Red);padding: 16px 20px;color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
.btn-link svg path{fill: var(--Color-Red);}
.btn-link:hover{background: var(--Color-Red);color: var(--Color-White);}
.btn-link:hover svg path{fill: var(--Color-White);}
.btn-link.white{border: 1px solid var(--Color-White);color: var(--Color-White);}
.btn-link.white svg path{fill: var(--Color-White);}
.btn-link.white:hover{background: var(--Color-Grey);border-color: var(--Color-Grey);}
.btn-container{display: flex;gap: 5px;align-items: center;transition: .5s;}
.btn-container span:not(.plus){transition: .5s; height: 65px; display: flex;align-items: center;justify-content: center; border-radius: 10px; border: 1px solid var(--Color-White); background: var(--Color-DarkGrey);padding: 0 30px;color: var(--Color-White, #FFF); font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 16px;}
.btn-container .plus{transition: .5s;height: 65px;width: 65px; border-radius: 10px; border: 1px solid var(--Color-White); background: var(--Color-DarkGrey);display: flex;align-items: center;justify-content: center;}
.btn-container:hover svg{transform: rotate(90deg);}
.btn-container.blue:hover span{background: var(--Color-DarkBlue);box-shadow: 0 0 30px 0 rgba(0, 51, 154, 0.50);}
.btn-container.blue:hover .plus{background: var(--Color-DarkBlue);box-shadow: 0 0 30px 0 rgba(0, 51, 154, 0.50);}
.btn-container.orange:hover span{background: var(--Color-Orange);box-shadow: 0 0 30px 0 rgba(255, 113, 74, 0.50);}
.btn-container.orange:hover .plus{background: var(--Color-Orange);box-shadow: 0 0 30px 0 rgba(255, 113, 74, 0.50);} .bloc-text h1{color: var(--Color-DarkGrey); font-family: "Hubot Sans Expanded"; font-size: 45px; font-style: normal; font-weight: 500; line-height: 48px;margin-top: 0;margin-bottom: 30px;}
.bloc-text h1 span{color: var(--Color-Orange); font-family: "Hubot Sans Expanded"; font-size: 45px; font-style: normal; font-weight: 500; line-height: 48px;}
.bloc-text h1 strong{font-family: "Hubot Sans Expanded"; font-size: 45px; font-style: normal; font-weight: 700; line-height: 48px;}
.bloc-text h2{color: var(--Color-DarkGrey); font-family: "Hubot Sans Expanded"; font-size: 36px; font-style: normal; font-weight: 500; line-height: 38px;margin-top: 0;margin-bottom: 25px;}
.bloc-text h2 span{color: var(--Color-Orange); font-family: "Hubot Sans Expanded"; font-size: 36px; font-style: normal; font-weight: 500; line-height: 38px;}
.bloc-text h2 strong{font-family: "Hubot Sans Expanded"; font-size: 36px; font-style: normal; font-weight: 700; line-height: 38px;}
.bloc-text h3{color: var(--Color-DarkGrey); font-family: "Hubot Sans Expanded"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 32px;margin-top: 0;margin-bottom: 25px;}
.bloc-text h3 span{color: var(--Color-Orange); font-family: "Hubot Sans Expanded"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 32px;}
.bloc-text h3 strong{font-family: "Hubot Sans Expanded"; font-size: 30px; font-style: normal; font-weight: 700; line-height: 32px;}
.bloc-text h4{color: var(--Color-DarkGrey); font-family: "Hubot Sans Expanded"; font-size: 25px; font-style: normal; font-weight: 500; line-height: 28px;margin-top: 0;margin-bottom: 25px;}
.bloc-text h4 span{color: var(--Color-Orange); font-family: "Hubot Sans Expanded"; font-size: 25px; font-style: normal; font-weight: 500; line-height: 28px;}
.bloc-text h4 strong{ font-family: "Hubot Sans Expanded"; font-size: 25px; font-style: normal; font-weight: 700; line-height: 28px;}
.bloc-text p{color: var(--Color-DarkGrey); font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px;}
.bloc-text li{color: var(--Color-DarkGrey); font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px;}
.bloc-text p:last-of-type{margin-bottom: 0;} .bloc-media img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.bloc-media video{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;} .bloc-contact form{display: flex;flex-wrap: wrap;gap:20px;justify-content: center;}
.bloc-contact form p{width: 100%;display: flex;flex-direction: column;gap: 20px;margin: 0;height: 100%;}
.bloc-contact form p br{display: none;}
.bloc-contact form .half{width: calc(50% - 10px);}
.bloc-contact form .half p{margin: 0;}
.bloc-contact form input[type="text"], .bloc-contact form input[type="email"], .bloc-contact form input[type="tel"]{width: 100%;padding: 10px 20px;border-radius: 10px;background: var(--Color-White);outline: none;color: var(--Color-DarkGrey, #3B3D44);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none;}
.bloc-contact form select{width: 100%;padding: 10px 20px;border-radius: 10px;background: var(--Color-White);outline: none;color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none;}
.bloc-contact form textarea{width: 100%;padding: 10px 20px;border-radius: 10px;background: var(--Color-White);outline: none;color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none; height: 160px;}
.bloc-contact form .wpcf7-response-output{margin: 0; width: 100%;padding: 10px 15px;border-radius: 0; background: transparent; outline: none; color: var(--Color-Black); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;} .bloc-contact form button.btn-container{margin-left: auto;margin-top: auto;cursor: pointer; display: flex;gap: 5px;align-items: center;transition: .5s;background: transparent;outline: none;border: none;padding: 0;}
.bloc-contact form span:not(.btn-container>*){color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;}
.bloc-contact form span.wpcf7-not-valid-tip{color: #dc3232;}
.bloc-contact form label{color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;}
.bloc-contact form .wpcf7-list-item{margin: 0;}  header{position: fixed;top: 0;left: 0;z-index: 990; width: 100%;}
header .menu-desktop{display: flex;align-items: center;padding: 80px 80px 0;position: relative;z-index: 60;transition: .5s;}
header.scrolled .menu-desktop{padding: 20px 80px;}
header .menu-desktop .logo{overflow: hidden;width: 300px;height: 100px;background: var(--Color-DarkBlue);border-radius: 10px 0 0 10px;padding: 0 25px;display: flex;align-items: center;justify-content: center;}
header .menu-desktop .logo svg{width: 100%;height: auto;}
header .menu-desktop .navigation{display: flex;align-items: center;justify-content: flex-start;height: 100px;padding: 0 35px;border-radius: 0 10px 10px 0; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(15px);}
header .menu-desktop .navigation nav>ul.menu{display: flex;gap: 20px;margin: 0;padding: 0;list-style: none;}
header .menu-desktop .navigation nav>ul.menu>li{position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>a{ color: var(--Color-DarkBlue); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: inline-block;position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>a:hover{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li.open>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-ancestor>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 22px;}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//microplast.horizon-bleu.net/wp-content/themes/microplast/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 12px;width: 12px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a:hover:after{transform: translateY(-50%) rotate(90deg);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu{z-index: 60;list-style: none;width: max-content; margin: 0;gap:20px; position: absolute;top: calc(100% + 45px);left: -1500px;transition: .8s;display: flex;align-items: center;justify-content: flex-start;height: 100px;padding: 0 30px;border-radius: 10px; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(15px);}
header .menu-desktop .navigation nav>ul.menu>li.open>.sub-menu{left: 0;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>a{ color: var(--Color-DarkBlue); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: inline-block;position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>a:hover{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.open>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.current-menu-ancestor>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.current-menu-item>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a{padding-right: 22px;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//microplast.horizon-bleu.net/wp-content/themes/microplast/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 12px;width: 12px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;}
header .menu-desktop .consultation{margin-left: 5px; display: flex;align-items: center;justify-content: flex-start;height: 100px;padding: 0 35px;border-radius: 10px; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(15px);}
header .menu-desktop .consultation a{ padding-right: 22px; color: var(--Color-DarkBlue); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: inline-block;position: relative;}
header .menu-desktop .consultation a:hover{color: var(--Color-Orange);}
header .menu-desktop .consultation a::after{content: '';position: absolute;background-image: url(//microplast.horizon-bleu.net/wp-content/themes/microplast/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 12px;width: 12px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;}
header .menu-desktop .consultation a:hover:after{transform: translateY(-50%) rotate(90deg);}
header .menu-desktop .lang{position: relative;margin-left: 5px; display: flex;align-items: center;justify-content: center;height: 100px;width: 100px; border-radius: 10px; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(15px);}
header .menu-desktop .lang .current{transition:.5s ;margin-bottom: 0; cursor: pointer; display: flex;align-items: center;gap: 6px;color: var(--Color-DarkBlue); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;text-transform: uppercase;}
header .menu-desktop .lang .current:hover{color: var(--Color-Orange);}
header .menu-desktop .lang .select{overflow: hidden; position: absolute;top: calc(100% + 6px);left: 0;max-height: 0px;display: flex;align-items: center;gap: 20px;flex-direction: column; opacity: 0;visibility: hidden;transition: .5s;padding: 20px 0;width: 100px;border-radius: 10px; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(15px);}
header .menu-desktop .lang .select li{list-style: none;}
header .menu-desktop .lang .select a{text-transform: uppercase;display: inline-block; color: var(--Color-DarkBlue);opacity: 0;visibility: hidden; font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}
header .menu-desktop .lang .select a:hover{color: var(--Color-Orange);}
header .menu-desktop .lang.open .select{max-height: 200px;opacity: 1;visibility: visible;}
header .menu-desktop .lang.open .select a{opacity: 1;visibility: visible;}
header .burger-button{padding: 12px;width: 50px;height: 50px;margin-left: 10px; border: 1px solid var(--Color-Red); cursor: pointer; transition: .5s; display: none;border-radius: 50%;}
header .burger-button svg{width: 100%;height: auto;}
header .burger-button:hover{background: var(--Color-Red);}
header .burger-button:hover svg path{fill: var(--Color-White);}
header .menu-mobile{transition: .5s;position: absolute;top: 0;left: 0;padding: 112px 30px 50px; width: 100%;height: 100vh;z-index: 55;background: var(--Color-White);opacity: 0;visibility: hidden;max-height: 0vh;}
header.open .menu-mobile{ opacity: 1; visibility: visible; max-height: 100vh;  }
header .menu-mobile .navigation{display: flex;align-items: center;justify-content: flex-start;}
header .menu-mobile .navigation nav>ul.menu{display: flex;gap: 15px;margin: 0;padding: 0;list-style: none;flex-direction: column;}
header .menu-mobile .navigation nav>ul.menu>li>a{ color: var(--Color-Grey); font-family: all-round-gothic; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; display: inline-block;position: relative;}
header .menu-mobile .navigation nav>ul.menu>li>a:hover{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li.open>a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-ancestor>a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 12px;}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//microplast.horizon-bleu.net/wp-content/themes/microplast/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 10px;width: 10px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu{z-index: 60;padding: 0; display: flex;margin-top: 0; list-style: none; margin: 0;flex-direction: column;position: relative;top: 100%;opacity: 0;transition: .5s;visibility: hidden;max-height: 0;gap: 10px;}
header .menu-mobile .navigation nav>ul.menu>li.open>.sub-menu{opacity: 1;visibility: visible;max-height: 500px;margin-top: 10px;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li{padding: 0px 20px;transition: .5s;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li:hover a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.open a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.current-menu-item a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.current-menu-ancestor a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>a{color: var(--Color-Grey); font-family: all-round-gothic; font-size: 18px; font-style: normal; font-weight: 600; line-height: 16px; display: inline-block;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a{padding-right: 12px;position: relative;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//microplast.horizon-bleu.net/wp-content/themes/microplast/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 10px;width: 10px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;} footer{background: var(--Color-DarkBlue);display: flex;position: relative;width: 100%;padding: 0 80px;flex-direction: column;}
footer .footer-top{position: relative;padding: 50px 8.33333333%;width: 100%; margin: auto;position: relative;border-bottom: 1px solid var(--Color-White); border-right: 1px solid var(--Color-White);border-left: 1px solid var(--Color-White);}
footer .footer-top::before{content: '';width: 80px;left: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
footer .footer-top::after{content: '';width: 80px;right: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
footer .footer-top .row-1{display: flex;justify-content: space-between;width: 100%;align-items: center;}
footer .footer-top .row-1 .logo{width: 25%;}
footer .footer-top .row-1 .logo svg{max-width: 100%;height: auto;}
footer .footer-top .row-1 .rs{width: 8.33333333%;display: flex;gap: 10px;}
footer .footer-top .row-1 .rs .item:hover svg path{fill: var(--Color-Orange);}
footer .footer-top .row-2{display: flex;width: 100%;margin-top: 30px;}
footer .footer-top .row-2 .adress{width: 25%;}
footer .footer-top .row-2 .adress p{color: var(--Color-White); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
footer .footer-top .row-2 .adress a{text-decoration: underline; color: var(--Color-White); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
footer .footer-top .row-2 .adress a:hover{color: var(--Color-Orange);}
footer .footer-top .row-2 .navigation-footer{width: 25%;}
footer .footer-top .row-2 .navigation-footer ul{margin: 0;padding: 0; list-style: none;}
footer .footer-top .row-2 .navigation-footer ul a{color: var(--Color-White); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}
footer .footer-top .row-2 .navigation-footer ul a:hover{color: var(--Color-Orange);}
footer .footer-top .row-2 .other-logo{width: 50%;display: flex;justify-content: flex-end;align-items: center;gap: 20px;}
footer .footer-top .row-2 .other-logo svg{max-width: 200px;max-height:200px; height: auto;}
footer .footer-top .row-2 .other-logo img{max-width: 200px;max-height:200px; height: auto;}
footer .footer-bottom{text-align: right;position: relative;padding: 25px 8.33333333%;width: 100%; margin: auto;position: relative;border-right: 1px solid var(--Color-White);border-left: 1px solid var(--Color-White);}
footer .footer-bottom a{color: var(--Color-White); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
footer .footer-bottom a:hover{color: var(--Color-Orange);} .popup-consult{position: fixed;top: 0;left: 0;height: 100vh;width: 100%;background: rgba(0, 0, 0, 0.8);z-index: 999;transition: .5s;opacity: 0;visibility: hidden;}
.popup-consult .popup-container{padding: 40px;overflow: auto; position: absolute;top: 50%;left: 50%;max-height: 90vh;width: 41.66666667%;transform: translate(-50%, -50%);background: var(--Color-LightGrey);}
.popup-consult .popup-container .close{width: 20px;height: 20px;position: absolute;top: 20px;right: 20px;cursor: pointer;background-image: url(//microplast.horizon-bleu.net/wp-content/themes/microplast/img/plus.svg);transform: rotate(45deg);background-size: cover;z-index: 999;}
.popup-consult .popup-container h2{color: var(--Color-DarkGrey); font-family: "Hubot Sans Expanded"; font-size: 28px; font-style: normal; font-weight: 500; line-height: 38px;margin-top: 0;margin-bottom: 25px;}
.popup-consult.on{opacity: 1;visibility: visible;} .page-404 #content{padding: 150px 20px 100px;}
.page-404 #content .content{display: flex;}
.page-404 #content .content .text{width: 100%;} .page-classique #entry{position: relative;height: 600px;width: 100%;padding: 0 80px;display: flex;flex-wrap: wrap;}
.page-classique #entry .media{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.page-classique #entry .row-1{display: flex;width: 100%;height: calc(100% - 221px);position: relative;z-index: 5;}
.page-classique #entry .row-1 .bloc-1{border-left: 1px solid var(--Color-LightGrey);width: 66.66666667%;height: 100%;}
.page-classique #entry .row-1 .bloc-2{border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);width: 33.33333333%;height: 100%;}
.page-classique #entry .row-2{display: flex;width: 100%;height: 221px;position: relative;z-index: 5;border-top: 1px solid var(--Color-LightGrey);}
.page-classique #entry .row-2::before{width: 80px;position: absolute;top: -1px;left: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-classique #entry .row-2::after{width: 80px;position: absolute;top: -1px;right: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-classique #entry .title{display: flex;align-items: center;padding: 50px;width: 100%;background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px);border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);}
.page-classique #entry .title h1{color: var(--Color-White); font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-classique #entry .title h1 span{ font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-classique #content{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);scroll-margin: 130px;} 
.page-classique #content .content-container{width: 100%;position: relative; padding: 100px 0;border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);border-top: 1px solid var(--Color-White);}
.page-classique #content .content-container::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-classique #content .content-container::after{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-classique #content .text{width: 83.33333333%;margin: auto;}
.page-classique #content .text a{color: var(--Color-Orange);text-decoration: underline;} .page-home #entry{position: relative;height: 100vh;width: 100%;padding: 0 80px;display: flex;flex-wrap: wrap;}
.page-home #entry .media{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.page-home #entry .row-1{display: flex;width: 100%;height: calc(100% - 221px);position: relative;z-index: 5;}
.page-home #entry .row-1 .bloc-1{border-left: 1px solid var(--Color-LightGrey);width: 66.66666667%;height: 100%;}
.page-home #entry .row-1 .bloc-2{border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);width: 33.33333333%;height: 100%;}
.page-home #entry .row-2{display: flex;width: 100%;height: 221px;position: relative;z-index: 5;border-top: 1px solid var(--Color-LightGrey);}
.page-home #entry .row-2::before{width: 80px;position: absolute;top: -1px;left: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-home #entry .row-2::after{width: 80px;position: absolute;top: -1px;right: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-home #entry .title{padding: 50px;width: 66.66666667%;background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px);border-left: 1px solid var(--Color-LightGrey);}
.page-home #entry .title h1{color: var(--Color-White); font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-home #entry .title h1 span{ font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-home #entry .scroll-down{padding: 50px; cursor: pointer;display: flex;align-items: center;justify-content: center; background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px); width: 33.33333333%;border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);}
.page-home #qui-sommes-nous{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);} 
.page-home #qui-sommes-nous .col-1{width: 50%;position: relative; border-left: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);} 
.page-home #qui-sommes-nous .col-1 .media{position: relative;display: flex;align-items: center;justify-content: center;padding: 100px;}
.page-home #qui-sommes-nous .col-2{width: 50%;display: flex;flex-direction: column;position: relative;border-bottom: 1px solid var(--Color-White); border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);} 
.page-home #qui-sommes-nous .col-2 .title{border-bottom: 1px solid var(--Color-White);padding: 80px 16.66666667%;position: relative;}
.page-home #qui-sommes-nous .col-2 .title::after{content: '';width: 80px;right: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #qui-sommes-nous .col-2 .title h2{margin: 0;}
.page-home #qui-sommes-nous .col-2 .text{height: 100%;padding: 50px 16.66666667%;display: flex;flex-direction: column;gap: 30px;justify-content: center;}
.page-home #accompagnement{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);} 
.page-home #accompagnement .col-1{width: 50%;display: flex;flex-direction: column;position: relative;border-bottom: 1px solid var(--Color-White); border-left: 1px solid var(--Color-White);} 
.page-home #accompagnement .col-1 .title{border-bottom: 1px solid var(--Color-White);padding: 80px 16.66666667%;position: relative;}
.page-home #accompagnement .col-1 .title::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #accompagnement .col-1 .title::after{content: '';width: 80px;left: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #accompagnement .col-1 .title h2{margin: 0;}
.page-home #accompagnement .col-1 .text{height: 100%;padding: 50px 16.66666667%;display: flex;flex-direction: column;gap: 30px;justify-content: center;}
.page-home #accompagnement .col-2{width: 50%;position: relative; border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);} 
.page-home #accompagnement .col-2 .media{position: relative;display: flex;align-items: center;justify-content: center;padding: 100px;background: var(--Color-White);}
.page-home #accompagnement .col-2 .media::before{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #process{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);flex-wrap: wrap;} 
.page-home #process .row-1{width: 100%;border-right: 1px solid var(--Color-White);border-left: 1px solid var(--Color-White);}
.page-home #process .row-1 .title{border-bottom: 1px solid var(--Color-White);padding: 80px 8.33333333%;position: relative;}
.page-home #process .row-1 .title::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #process .row-1 .title::after{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #process .row-1 .title h2{margin: 0;}
.page-home #process .row-2{width: 100%;position: relative; border-right: 1px solid var(--Color-White);border-left: 1px solid var(--Color-White);}
.page-home #process .row-2::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #process .row-2::after{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #process .row-2 .process-list{width: 83.33333333%;margin: auto;display: flex;gap: 20px;padding: 80px 0;}
.page-home #process .row-2 .process-list .item{width: calc(100% / 5);transition: .5s; border-radius: 10px; background: var(--Color-DarkBlue);position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.page-home #process .row-2 .process-list .item .name{opacity: 0;    display: block; transition: .5s;max-height: 0px;color: var(--Color-White); text-align: center; font-family: "Hubot Sans Expanded"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 18px;height: 0;}
.page-home #process .row-2 .process-list .item:hover .name{opacity: 1;max-height: 80px;height: 18px;margin-top: 15px;}
.page-home #process .row-2 .process-list .item .plus{opacity: 0;transition: .5s;max-height: 0px;margin: auto;margin-top: 0;}
.page-home #process .row-2 .process-list .item:hover .plus{opacity: 1;max-height: 80px;margin-top: 15px;}
.page-home #process .row-2 .process-list .item .picto{transition: .8s;margin: auto;width: 80px;height: auto;margin-bottom: 0;}
.page-home #process .row-2 .process-list .item:hover .picto{margin-bottom: 10px;}
.page-home #process .row-2 .process-list .item:hover{background: var(--Color-Orange);}
.page-home #industrialisation{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);} 
.page-home #industrialisation .col-1{width: 50%;position: relative; border-left: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);border-top: 1px solid var(--Color-White);} 
.page-home #industrialisation .col-1::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #industrialisation .col-1 .media{position: relative;display: flex;align-items: center;justify-content: center;height: 100%;}
.page-home #industrialisation .col-2{width: 50%;display: flex;flex-direction: column;position: relative;border-bottom: 1px solid var(--Color-White);border-top: 1px solid var(--Color-White); border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);} 
.page-home #industrialisation .col-2::after{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #industrialisation .col-2 .title{border-bottom: 1px solid var(--Color-White);padding: 80px 16.66666667%;position: relative;}
.page-home #industrialisation .col-2 .title::after{content: '';width: 80px;right: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #industrialisation .col-2 .title h2{margin: 0;}
.page-home #industrialisation .col-2 .text{height: 100%;padding: 80px 16.66666667%;display: flex;flex-direction: column;gap: 30px;justify-content: center;}
.page-home #temoignage{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);} 
.page-home #temoignage .col-1{width: 33.33333333%;padding: 100px 0 100px 8.33333333%; position: relative; border-left: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);} 
.page-home #temoignage .col-1::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #temoignage .col-1 .photo{position: relative;margin-left: auto;border: 1px solid var(--Color-White);border-radius: 10px;}
.page-home #temoignage .col-2{width: 66.66666667%;padding: 100px 8.33333333% 100px 10px;display: flex;flex-direction: column;position: relative;border-bottom: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);} 
.page-home #temoignage .col-2::after{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-home #temoignage .col-2 .text{background: var(--Color-Orange);padding: 50px 8.33333333%;border-radius: 10px;}
.page-home #temoignage .col-2 .text blockquote{margin: 0;margin-bottom: 15px;}
.page-home #temoignage .col-2 .text blockquote p{color: var(--Color-White); font-family: "Hubot Sans"; font-size: 22px; font-style: italic; font-weight: 700; line-height: 28px;}
.page-home #temoignage .col-2 .text p{color: var(--Color-White); font-family: "Hubot Sans"; font-size: 16px; font-style: italic; font-weight: 500; line-height: normal;}
.page-home #temoignage .col-2 .btn-container{margin-left: auto;margin-top: auto;} .page-services-process #entry{position: relative;height: 100vh;width: 100%;padding: 0 80px;display: flex;flex-wrap: wrap;}
.page-services-process #entry .media{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.page-services-process #entry .row-1{display: flex;width: 100%;height: calc(100% - 221px);position: relative;z-index: 5;}
.page-services-process #entry .row-1 .bloc-1{border-left: 1px solid var(--Color-LightGrey);width: 66.66666667%;height: 100%;}
.page-services-process #entry .row-1 .bloc-2{border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);width: 33.33333333%;height: 100%;}
.page-services-process #entry .row-2{display: flex;width: 100%;height: 221px;position: relative;z-index: 5;border-top: 1px solid var(--Color-LightGrey);}
.page-services-process #entry .row-2::before{width: 80px;position: absolute;top: -1px;left: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-services-process #entry .row-2::after{width: 80px;position: absolute;top: -1px;right: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-services-process #entry .title{display: flex;align-items: center;padding: 50px;width: 66.66666667%;background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px);border-left: 1px solid var(--Color-LightGrey);}
.page-services-process #entry .title h1{color: var(--Color-White); font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-services-process #entry .title h1 span{ font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-services-process #entry .scroll-down{padding: 50px; cursor: pointer;display: flex;align-items: center;justify-content: center; background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px); width: 33.33333333%;border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);}
.page-services-process #process-menu{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);flex-wrap: wrap;} 
.page-services-process #process-menu .row-1{width: 100%;position: relative; border-right: 1px solid var(--Color-White);border-left: 1px solid var(--Color-White);}
.page-services-process #process-menu .row-1::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-process #process-menu .row-1::after{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-process #process-menu .row-1 .process-list{width: 83.33333333%;margin: auto;display: flex;gap: 20px;padding: 80px 0;}
.page-services-process #process-menu .row-1 .process-list .item{width: calc(100% / 5);transition: .5s; border-radius: 10px; background: var(--Color-DarkBlue);position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.page-services-process #process-menu .row-1 .process-list .item .name{opacity: 0;    display: block; transition: .5s;max-height: 0px;color: var(--Color-White); text-align: center; font-family: "Hubot Sans Expanded"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 18px;height: 0;}
.page-services-process #process-menu .row-1 .process-list .item:hover .name{opacity: 1;max-height: 80px;height: 18px;margin-top: 15px;}
.page-services-process #process-menu .row-1 .process-list .item .plus{opacity: 0;transition: .5s;max-height: 0px;margin: auto;margin-top: 0;}
.page-services-process #process-menu .row-1 .process-list .item:hover .plus{opacity: 1;max-height: 80px;margin-top: 15px;}
.page-services-process #process-menu .row-1 .process-list .item .picto{transition: .8s;margin: auto;width: 80px;height: auto;margin-bottom: 0;}
.page-services-process #process-menu .row-1 .process-list .item:hover .picto{margin-bottom: 10px;}
.page-services-process #process-menu .row-1 .process-list .item:hover{background: var(--Color-Orange);}
.page-services-process #process-list{display: flex;flex-wrap: wrap;}
.page-services-process #process-list .item{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);scroll-margin: 130px;} 
.page-services-process #process-list .item .col-1{width: 50%;position: relative; border-left: 1px solid var(--Color-White);border-top: 1px solid var(--Color-White);} 
.page-services-process #process-list .item .col-1 .media{height: 100%;position: relative;display: flex;align-items: center;justify-content: center;}
.page-services-process #process-list .item .col-2{width: 50%;display: flex;flex-direction: column;position: relative;border-top: 1px solid var(--Color-White); border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);} 
.page-services-process #process-list .item .col-2 .title{padding: 80px 16.66666667%;position: relative;}
.page-services-process #process-list .item .col-2 .title h2{margin: 0;}
.page-services-process #process-list .item .col-2 .text{border-top: 1px solid var(--Color-White);height: 100%;padding: 50px 16.66666667%;display: flex;flex-direction: column;justify-content: center;}
.page-services-process #process-list .item .col-2 .btn-container{margin-top: 30px;}
.page-services-process #process-list .item:nth-child(odd) .col-1::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-process #process-list .item:nth-child(odd) .col-2::before{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-process #process-list .item:nth-child(odd) .col-2 .title::after{content: '';width: 80px;right: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-process #process-list .item:nth-child(even) .col-1::before{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-process #process-list .item:nth-child(even) .col-2::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-process #process-list .item:nth-child(even) .col-2 .title::after{content: '';width: 80px;left: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-process #process-list .item:nth-child(even) .col-1{order: 2;border-right: 1px solid var(--Color-White);}
.page-services-process #process-list .item:nth-child(even) .col-2{order: 1;border-right: none;}
.page-services-process #process-list .space{padding: 0 80px;background: var(--Color-LightGrey);border-top: 1px solid var(--Color-White);position: relative;width: 100%;height: 200px}
.page-services-process #process-list .space::before{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; left: 80px;}
.page-services-process #process-list .space::after{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; right: 80px;} .page-services-accompagnement #entry{position: relative;height: 100vh;width: 100%;padding: 0 80px;display: flex;flex-wrap: wrap;}
.page-services-accompagnement #entry .media{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.page-services-accompagnement #entry .row-1{display: flex;width: 100%;height: calc(100% - 221px);position: relative;z-index: 5;}
.page-services-accompagnement #entry .row-1 .bloc-1{border-left: 1px solid var(--Color-LightGrey);width: 66.66666667%;height: 100%;}
.page-services-accompagnement #entry .row-1 .bloc-2{border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);width: 33.33333333%;height: 100%;}
.page-services-accompagnement #entry .row-2{display: flex;width: 100%;height: 221px;position: relative;z-index: 5;border-top: 1px solid var(--Color-LightGrey);}
.page-services-accompagnement #entry .row-2::before{width: 80px;position: absolute;top: -1px;left: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-services-accompagnement #entry .row-2::after{width: 80px;position: absolute;top: -1px;right: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-services-accompagnement #entry .title{display: flex;align-items: center;padding: 50px;width: 66.66666667%;background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px);border-left: 1px solid var(--Color-LightGrey);}
.page-services-accompagnement #entry .title h1{color: var(--Color-White); font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-services-accompagnement #entry .title h1 span{ font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-services-accompagnement #entry .scroll-down{padding: 50px; cursor: pointer;display: flex;align-items: center;justify-content: center; background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px); width: 33.33333333%;border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);}
.page-services-accompagnement #accompagnement-list{display: flex;flex-wrap: wrap;}
.page-services-accompagnement #accompagnement-list .item{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);scroll-margin: 130px;} 
.page-services-accompagnement #accompagnement-list .item .col-1{width: 50%;position: relative; border-left: 1px solid var(--Color-White);border-top: 1px solid var(--Color-White);} 
.page-services-accompagnement #accompagnement-list .item .col-1 .media{height: 100%;position: relative;display: flex;align-items: center;justify-content: center;}
.page-services-accompagnement #accompagnement-list .item .col-2{width: 50%;display: flex;flex-direction: column;position: relative;border-top: 1px solid var(--Color-White); border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);} 
.page-services-accompagnement #accompagnement-list .item .col-2 .title{padding: 80px 16.66666667%;position: relative;}
.page-services-accompagnement #accompagnement-list .item .col-2 .title h2{margin: 0;}
.page-services-accompagnement #accompagnement-list .item .col-2 .text{border-top: 1px solid var(--Color-White);height: 100%;padding: 50px 16.66666667%;display: flex;flex-direction: column;justify-content: center;}
.page-services-accompagnement #accompagnement-list .item .col-2 .btn-container{margin-top: 30px;}
.page-services-accompagnement #accompagnement-list .item:nth-child(odd) .col-1::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-accompagnement #accompagnement-list .item:nth-child(odd) .col-2::before{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-accompagnement #accompagnement-list .item:nth-child(odd) .col-2 .title::after{content: '';width: 80px;right: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-accompagnement #accompagnement-list .item:nth-child(even) .col-1::before{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-accompagnement #accompagnement-list .item:nth-child(even) .col-2::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-accompagnement #accompagnement-list .item:nth-child(even) .col-2 .title::after{content: '';width: 80px;left: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-services-accompagnement #accompagnement-list .item:nth-child(even) .col-1{order: 2;border-right: 1px solid var(--Color-White);}
.page-services-accompagnement #accompagnement-list .item:nth-child(even) .col-2{order: 1;border-right: none;}
.page-services-accompagnement #accompagnement-list .space{padding: 0 80px;background: var(--Color-LightGrey);border-top: 1px solid var(--Color-White);position: relative;width: 100%;height: 200px}
.page-services-accompagnement #accompagnement-list .space::before{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; left: 80px;}
.page-services-accompagnement #accompagnement-list .space::after{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; right: 80px;} .page-temoignage #entry{position: relative;height: 100vh;width: 100%;padding: 0 80px;display: flex;flex-wrap: wrap;}
.page-temoignage #entry .media{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.page-temoignage #entry .row-1{display: flex;width: 100%;height: calc(100% - 221px);position: relative;z-index: 5;}
.page-temoignage #entry .row-1 .bloc-1{border-left: 1px solid var(--Color-LightGrey);width: 66.66666667%;height: 100%;}
.page-temoignage #entry .row-1 .bloc-2{border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);width: 33.33333333%;height: 100%;}
.page-temoignage #entry .row-2{display: flex;width: 100%;height: 221px;position: relative;z-index: 5;border-top: 1px solid var(--Color-LightGrey);}
.page-temoignage #entry .row-2::before{width: 80px;position: absolute;top: -1px;left: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-temoignage #entry .row-2::after{width: 80px;position: absolute;top: -1px;right: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-temoignage #entry .title{display: flex;align-items: center;padding: 50px;width: 66.66666667%;background: rgba(255, 255, 255, 0.40);;backdrop-filter: blur(15px);border-left: 1px solid var(--Color-LightGrey);}
.page-temoignage #entry .title h1{color: var(--Color-DarkGrey); font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-temoignage #entry .title h1 span{ font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-temoignage #entry .scroll-down{padding: 50px; cursor: pointer;display: flex;align-items: center;justify-content: center; background: rgba(255, 255, 255, 0.40);backdrop-filter: blur(15px); width: 33.33333333%;border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);}
.page-temoignage #content{display: flex;flex-wrap: wrap;}
.page-temoignage #content .bloc-media-texte{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);scroll-margin: 130px;} 
.page-temoignage #content .bloc-media-texte .col-1{width: 50%;position: relative; border-left: 1px solid var(--Color-White);border-top: 1px solid var(--Color-White);} 
.page-temoignage #content .bloc-media-texte .col-1 .media{height: 100%;position: relative;display: flex;align-items: center;justify-content: center;}
.page-temoignage #content .bloc-media-texte .col-2{width: 50%;display: flex;flex-direction: column;position: relative;border-top: 1px solid var(--Color-White); border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);} 
.page-temoignage #content .bloc-media-texte .col-2 .title{padding: 80px 16.66666667%;position: relative;}
.page-temoignage #content .bloc-media-texte .col-2 .title h2{margin: 0;}
.page-temoignage #content .bloc-media-texte .col-2 .text{border-top: 1px solid var(--Color-White);height: 100%;padding: 50px 16.66666667%;display: flex;flex-direction: column;justify-content: center;}
.page-temoignage #content .bloc-media-texte .col-2 .btn-container{margin-top: 30px;}
.page-temoignage #content .bloc-media-texte.left .col-1::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-temoignage #content .bloc-media-texte.left .col-2::before{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-temoignage #content .bloc-media-texte.left .col-2 .title::after{content: '';width: 80px;right: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-temoignage #content .bloc-media-texte.right .col-1::before{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-temoignage #content .bloc-media-texte.right .col-2::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-temoignage #content .bloc-media-texte.right .col-2 .title::after{content: '';width: 80px;left: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-temoignage #content .bloc-media-texte.right .col-1{order: 2;border-right: 1px solid var(--Color-White);}
.page-temoignage #content .bloc-media-texte.right .col-2{order: 1;border-right: none;}
.page-temoignage #content .bloc-image-video{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);scroll-margin: 130px;}
.page-temoignage #content .bloc-image-video .media-container{width: 100%;position: relative; padding: 100px 8.33333333%;border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);border-top: 1px solid var(--Color-White);}
.page-temoignage #content .bloc-image-video .media-container::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-temoignage #content .bloc-image-video .media-container::after{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-temoignage #content .bloc-image-video .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } 
.page-temoignage #content .bloc-image-video .embed-container iframe, .page-temoignage #content .bloc-image-video .embed-container object, .page-temoignage #content .bloc-image-video .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-temoignage #content .space{padding: 0 80px;background: var(--Color-LightGrey);border-top: 1px solid var(--Color-White);position: relative;width: 100%;height: 200px}
.page-temoignage #content .space::before{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; left: 80px;}
.page-temoignage #content .space::after{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; right: 80px;} .page-expertises #entry{position: relative;height: 100vh;width: 100%;padding: 0 80px;display: flex;flex-wrap: wrap;}
.page-expertises #entry .media{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.page-expertises #entry .row-1{display: flex;width: 100%;height: calc(100% - 221px);position: relative;z-index: 5;}
.page-expertises #entry .row-1 .bloc-1{border-left: 1px solid var(--Color-LightGrey);width: 66.66666667%;height: 100%;}
.page-expertises #entry .row-1 .bloc-2{border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);width: 33.33333333%;height: 100%;}
.page-expertises #entry .row-2{display: flex;width: 100%;height: 221px;position: relative;z-index: 5;border-top: 1px solid var(--Color-LightGrey);}
.page-expertises #entry .row-2::before{width: 80px;position: absolute;top: -1px;left: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-expertises #entry .row-2::after{width: 80px;position: absolute;top: -1px;right: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-expertises #entry .title{display: flex;align-items: center;padding: 50px;width: 66.66666667%;background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px);border-left: 1px solid var(--Color-LightGrey);}
.page-expertises #entry .title h1{color: var(--Color-White); font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-expertises #entry .title h1 span{ font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-expertises #entry .scroll-down{padding: 50px; cursor: pointer;display: flex;align-items: center;justify-content: center; background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px); width: 33.33333333%;border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);}
.page-expertises #expertises-menu{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);flex-wrap: wrap;} 
.page-expertises #expertises-menu .row-1{width: 100%;position: relative; border-right: 1px solid var(--Color-White);border-left: 1px solid var(--Color-White);}
.page-expertises #expertises-menu .row-1::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises #expertises-menu .row-1::after{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises #expertises-menu .row-1 .expertises-list{width: 83.33333333%;margin: auto;display: flex;gap: 20px;padding: 80px 0;justify-content: center;}
.page-expertises #expertises-menu .row-1 .expertises-list .item{width: calc(100% / 5);transition: .5s; border-radius: 10px; background: var(--Color-DarkBlue);position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.page-expertises #expertises-menu .row-1 .expertises-list .item .name{opacity: 0;    display: block; transition: .5s;max-height: 0px;color: var(--Color-White); text-align: center; font-family: "Hubot Sans Expanded"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 18px;height: 0;}
.page-expertises #expertises-menu .row-1 .expertises-list .item:hover .name{opacity: 1;max-height: 80px;height: 18px;margin-top: 15px;}
.page-expertises #expertises-menu .row-1 .expertises-list .item .plus{opacity: 0;transition: .5s;max-height: 0px;margin: auto;margin-top: 0;}
.page-expertises #expertises-menu .row-1 .expertises-list .item:hover .plus{opacity: 1;max-height: 80px;margin-top: 15px;}
.page-expertises #expertises-menu .row-1 .expertises-list .item .picto{transition: .8s;margin: auto;width: 80px;height: auto;margin-bottom: 0;}
.page-expertises #expertises-menu .row-1 .expertises-list .item:hover .picto{margin-bottom: 10px;}
.page-expertises #expertises-menu .row-1 .expertises-list .item:hover{background: var(--Color-Orange);}
.page-expertises #expertises-list{display: flex;flex-wrap: wrap;}
.page-expertises #expertises-list .item{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);scroll-margin: 130px;} 
.page-expertises #expertises-list .item .col-1{width: 50%;position: relative; border-left: 1px solid var(--Color-White);border-top: 1px solid var(--Color-White);} 
.page-expertises #expertises-list .item .col-1 .media{height: 100%;position: relative;display: flex;align-items: center;justify-content: center;}
.page-expertises #expertises-list .item .col-2{width: 50%;display: flex;flex-direction: column;position: relative;border-top: 1px solid var(--Color-White); border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);} 
.page-expertises #expertises-list .item .col-2 .title{padding: 80px 16.66666667%;position: relative;}
.page-expertises #expertises-list .item .col-2 .title h2{margin: 0;}
.page-expertises #expertises-list .item .col-2 .text{border-top: 1px solid var(--Color-White);height: 100%;padding: 50px 16.66666667%;display: flex;flex-direction: column;justify-content: center;}
.page-expertises #expertises-list .item .col-2 .btn-container{margin-top: 30px;}
.page-expertises #expertises-list .item:nth-child(odd) .col-1::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises #expertises-list .item:nth-child(odd) .col-2::before{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises #expertises-list .item:nth-child(odd) .col-2 .title::after{content: '';width: 80px;right: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises #expertises-list .item:nth-child(even) .col-1::before{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises #expertises-list .item:nth-child(even) .col-2::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises #expertises-list .item:nth-child(even) .col-2 .title::after{content: '';width: 80px;left: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises #expertises-list .item:nth-child(even) .col-1{order: 2;border-right: 1px solid var(--Color-White);}
.page-expertises #expertises-list .item:nth-child(even) .col-2{order: 1;border-right: none;}
.page-expertises #expertises-list .space{padding: 0 80px;background: var(--Color-LightGrey);border-top: 1px solid var(--Color-White);position: relative;width: 100%;height: 200px}
.page-expertises #expertises-list .space::before{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; left: 80px;}
.page-expertises #expertises-list .space::after{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; right: 80px;} .page-expertises-industrialisation #entry{position: relative;height: 100vh;width: 100%;padding: 0 80px;display: flex;flex-wrap: wrap;}
.page-expertises-industrialisation #entry .media{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.page-expertises-industrialisation #entry .row-1{display: flex;width: 100%;height: calc(100% - 221px);position: relative;z-index: 5;}
.page-expertises-industrialisation #entry .row-1 .bloc-1{border-left: 1px solid var(--Color-LightGrey);width: 66.66666667%;height: 100%;}
.page-expertises-industrialisation #entry .row-1 .bloc-2{border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);width: 33.33333333%;height: 100%;}
.page-expertises-industrialisation #entry .row-2{display: flex;width: 100%;height: 221px;position: relative;z-index: 5;border-top: 1px solid var(--Color-LightGrey);}
.page-expertises-industrialisation #entry .row-2::before{width: 80px;position: absolute;top: -1px;left: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-expertises-industrialisation #entry .row-2::after{width: 80px;position: absolute;top: -1px;right: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-expertises-industrialisation #entry .title{display: flex;align-items: center;padding: 50px;width: 66.66666667%;background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px);border-left: 1px solid var(--Color-LightGrey);}
.page-expertises-industrialisation #entry .title h1{color: var(--Color-White); font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-expertises-industrialisation #entry .title h1 span{ font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-expertises-industrialisation #entry .scroll-down{padding: 50px; cursor: pointer;display: flex;align-items: center;justify-content: center; background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px); width: 33.33333333%;border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);}
.page-expertises-industrialisation #expertises-list{display: flex;flex-wrap: wrap;}
.page-expertises-industrialisation #expertises-list .item{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);scroll-margin: 130px;} 
.page-expertises-industrialisation #expertises-list .item .col-1{width: 50%;position: relative; border-left: 1px solid var(--Color-White);border-top: 1px solid var(--Color-White);} 
.page-expertises-industrialisation #expertises-list .item .col-1 .media{height: 100%;position: relative;display: flex;align-items: center;justify-content: center;}
.page-expertises-industrialisation #expertises-list .item .col-2{width: 50%;display: flex;flex-direction: column;position: relative;border-top: 1px solid var(--Color-White); border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);} 
.page-expertises-industrialisation #expertises-list .item .col-2 .title{padding: 80px 16.66666667%;position: relative;}
.page-expertises-industrialisation #expertises-list .item .col-2 .title h2{margin: 0;}
.page-expertises-industrialisation #expertises-list .item .col-2 .text{border-top: 1px solid var(--Color-White);height: 100%;padding: 50px 16.66666667%;display: flex;flex-direction: column;justify-content: center;}
.page-expertises-industrialisation #expertises-list .item .col-2 .btn-container{margin-top: 30px;}
.page-expertises-industrialisation #expertises-list .item:nth-child(odd) .col-1::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises-industrialisation #expertises-list .item:nth-child(odd) .col-2::before{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises-industrialisation #expertises-list .item:nth-child(odd) .col-2 .title::after{content: '';width: 80px;right: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises-industrialisation #expertises-list .item:nth-child(even) .col-1::before{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises-industrialisation #expertises-list .item:nth-child(even) .col-2::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises-industrialisation #expertises-list .item:nth-child(even) .col-2 .title::after{content: '';width: 80px;left: -80px;bottom: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-expertises-industrialisation #expertises-list .item:nth-child(even) .col-1{order: 2;border-right: 1px solid var(--Color-White);}
.page-expertises-industrialisation #expertises-list .item:nth-child(even) .col-2{order: 1;border-right: none;}
.page-expertises-industrialisation #expertises-list .space{padding: 0 80px;background: var(--Color-LightGrey);border-top: 1px solid var(--Color-White);position: relative;width: 100%;height: 200px}
.page-expertises-industrialisation #expertises-list .space::before{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; left: 80px;}
.page-expertises-industrialisation #expertises-list .space::after{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; right: 80px;} .page-contact #entry{position: relative;height: 600px;width: 100%;padding: 0 80px;display: flex;flex-wrap: wrap;}
.page-contact #entry .media{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.page-contact #entry .row-1{display: flex;width: 100%;height: calc(100% - 221px);position: relative;z-index: 5;}
.page-contact #entry .row-1 .bloc-1{border-left: 1px solid var(--Color-LightGrey);width: 66.66666667%;height: 100%;}
.page-contact #entry .row-1 .bloc-2{border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);width: 33.33333333%;height: 100%;}
.page-contact #entry .row-2{display: flex;width: 100%;height: 221px;position: relative;z-index: 5;border-top: 1px solid var(--Color-LightGrey);}
.page-contact #entry .row-2::before{width: 80px;position: absolute;top: -1px;left: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-contact #entry .row-2::after{width: 80px;position: absolute;top: -1px;right: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-contact #entry .title{display: flex;align-items: center;padding: 50px;width: 100%;background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px);border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);}
.page-contact #entry .title h1{color: var(--Color-White); font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-contact #entry .title h1 span{ font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-contact #contact{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);scroll-margin: 130px;} 
.page-contact #contact .contact-container{width: 100%;position: relative; padding: 100px 0;border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);border-top: 1px solid var(--Color-White);}
.page-contact #contact .contact-container::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-contact #contact .contact-container::after{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-contact #informations{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);scroll-margin: 130px;} 
.page-contact #informations .col-1{width: 41.66666667%;position: relative; border-left: 1px solid var(--Color-White);border-top: 1px solid var(--Color-White);}
.page-contact #informations .col-1::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-contact #informations .map { width: 100%; height: 400px;}
.page-contact #informations .map img { max-width: inherit !important; }
.page-contact #informations .col-2{width: 58.33333333%;display: flex;position: relative;border-top: 1px solid var(--Color-White); border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);padding-left: 8.33333333%;align-items: center;} 
.page-contact #informations .col-2::after{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-contact #informations .text { width: 33.33333333%;}
.page-contact .space{padding: 0 80px;background: var(--Color-LightGrey);border-top: 1px solid var(--Color-White);position: relative;width: 100%;height: 200px}
.page-contact .space::before{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; left: 80px;}
.page-contact .space::after{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; right: 80px;} .page-recrutement #entry{position: relative;height: 600px;width: 100%;padding: 0 80px;display: flex;flex-wrap: wrap;}
.page-recrutement #entry .media{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.page-recrutement #entry .row-1{display: flex;width: 100%;height: calc(100% - 221px);position: relative;z-index: 5;}
.page-recrutement #entry .row-1 .bloc-1{border-left: 1px solid var(--Color-LightGrey);width: 66.66666667%;height: 100%;}
.page-recrutement #entry .row-1 .bloc-2{border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);width: 33.33333333%;height: 100%;}
.page-recrutement #entry .row-2{display: flex;width: 100%;height: 221px;position: relative;z-index: 5;border-top: 1px solid var(--Color-LightGrey);}
.page-recrutement #entry .row-2::before{width: 80px;position: absolute;top: -1px;left: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-recrutement #entry .row-2::after{width: 80px;position: absolute;top: -1px;right: -80px;content:'';border-top: 1px solid var(--Color-LightGrey);}
.page-recrutement #entry .title{display: flex;align-items: center;padding: 50px;width: 100%;background: rgba(0, 0, 0, 0.40);backdrop-filter: blur(15px);border-left: 1px solid var(--Color-LightGrey);border-right: 1px solid var(--Color-LightGrey);}
.page-recrutement #entry .title h1{color: var(--Color-White); font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-recrutement #entry .title h1 span{ font-family: Genniro; font-size: 80px; font-style: italic; font-weight: 300; line-height: 60px;margin: 0;}
.page-recrutement #contact{display: flex;position: relative;width: 100%;padding: 0 80px;background: var(--Color-LightGrey);scroll-margin: 130px;} 
.page-recrutement #contact .contact-container{width: 100%;position: relative; padding: 100px 0;border-left: 1px solid var(--Color-White);border-right: 1px solid var(--Color-White);border-top: 1px solid var(--Color-White);}
.page-recrutement #contact .contact-container::before{content: '';width: 80px;left: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-recrutement #contact .contact-container::after{content: '';width: 80px;right: -80px;top: -1px;border-top: 1px solid var(--Color-White);position: absolute;}
.page-recrutement .space{padding: 0 80px;background: var(--Color-LightGrey);border-top: 1px solid var(--Color-White);position: relative;width: 100%;height: 200px}
.page-recrutement .space::before{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; left: 80px;}
.page-recrutement .space::after{border-right: 1px solid var(--Color-White); content: ''; position: absolute; height: 100%; width: 1px; right: 80px;} @media screen and (max-width: 1600px) {
}