@media all{ @font-face {   font-family:'Barlow';   font-style:normal;   font-weight:300;   font-display:swap;   src:local('Barlow'), local('Barlow'),  url('Public/Fonts/Barlow/Barlow-Regular.woff2') format('woff2'),   url('Public/Fonts/Barlow/Barlow-Regular.woff') format('woff');   } @font-face {   font-family:'Barlow';   font-style:normal;   font-weight:800;   font-display:swap;   src:local('Barlow'), local('Barlow'),  url('Public/Fonts/Barlow/Barlow-Black.woff2') format('woff2'),   url('Public/Fonts/Barlow/Barlow-Black.woff') format('woff');   } @font-face {   font-family:'Barlow';   font-style:normal;   font-weight:700;   font-display:swap;   src:local('Barlow'), local('Barlow'),  url('Public/Fonts/Barlow/Barlow-Bold.woff2') format('woff2'),   url('Public/Fonts/Barlow/Barlow-Bold.woff') format('woff');   } @font-face {   font-family:'Barlow';   font-style:normal;   font-weight:600;   font-display:swap;   src:local('Barlow'), local('Barlow'),  url('Public/Fonts/Barlow/Barlow-SemiBold.woff2') format('woff2'),   url('Public/Fonts/Barlow/Barlow-SemiBold.woff') format('woff');   } @font-face {   font-family:'Barlow';   font-style:normal;   font-weight:600;   font-display:swap;   src:local('Barlow'), local('Barlow'),  url('Public/Fonts/Barlow/Barlow-SemiBold.woff2') format('woff2'),   url('Public/Fonts/Barlow/Barlow-SemiBold.woff') format('woff');   } @font-face {   font-family:'Barlow';   font-style:normal;   font-weight:300;   font-display:swap;   src:local('Barlow'), local('Barlow'),  url('Public/Fonts/Barlow/Barlow-Light.woff2') format('woff2'),   url('Public/Fonts/Barlow/Barlow-Light.woff') format('woff');   } @font-face {   font-family:'Barlow';   font-style:normal;   font-weight:200;   font-display:swap;   src:local('Barlow'), local('Barlow'),  url('Public/Fonts/Barlow/Barlow-ExtraLight.woff2') format('woff2'),   url('Public/Fonts/Barlow/Barlow-ExtraLight.woff') format('woff');   }  .menuToggleCircle {   width:60px;   height:60px;   background:rgba(255,255,255,.2);   border-radius:50%;   display:flex;   align-items:center;   justify-content:center;   cursor:pointer;   position:relative;   z-index:55;   position:absolute;   top:20px;   right:20px; } .navbar_contact .menuToggleCircle {   position:relative;   top:0;   left:0;   display:none; } .menu_is_open .menuToggleCircle {   visibility:hidden; } .menu_is_open .menu_responsive .menuToggleCircle {   visibility:visible !important; }  @media only screen and (max-width:1400px) {   .menuToggleCircle   {  display:none;   }   .navbar_contact .menuToggleCircle   {  display:flex !important;   } }  .menuToggle {   display:block;   width:30px;   height:17px;   position:relative;   -webkit-transform:rotate(0deg);   -ms-transform:rotate(0deg);  transform:rotate(0deg);   -webkit-transition:.5s ease-in-out;   -o-transition:.5s ease-in-out;   transition:.5s ease-in-out;   cursor:pointer;   margin-bottom:3px;   z-index:50;   }  .menuToggle span {   display:block;   position:absolute;   height:2px;   width:50%;   background:#fff;   opacity:1;   -webkit-transform:rotate(0deg);   -ms-transform:rotate(0deg);  transform:rotate(0deg);   -webkit-transition:.25s ease-in-out;   -o-transition:.25s ease-in-out;   transition:.25s ease-in-out;   } .menuToggle span:nth-child(even) {   left:50%;   border-radius:0 9px 9px 0;   } .menuToggle span:nth-child(odd) {   left:0px;   border-radius:9px 0 0 9px;   } .menuToggle span:nth-child(1), .menuToggle span:nth-child(2) {   top:0px;   }   .menuToggle span:nth-child(3), .menuToggle span:nth-child(4) {   top:9px;   } .menuToggle span:nth-child(5), .menuToggle span:nth-child(6) {   top:18px;   } .menuToggle.open span:nth-child(1),.menuToggle.open span:nth-child(6) {   -webkit-transform:rotate(45deg);   -ms-transform:rotate(45deg);  transform:rotate(45deg);   } .menuToggle.open span:nth-child(2),.menuToggle.open span:nth-child(5) {   -webkit-transform:rotate(-45deg);   -ms-transform:rotate(-45deg);  transform:rotate(-45deg);   } .menuToggle.open span:nth-child(1) {   left:3px;   top:7px;   } .menuToggle.open span:nth-child(2) {   left:calc(50% - 5px);   top:7px;   } .menuToggle.open span:nth-child(3) {   left:-50%;   opacity:0;   } .menuToggle.open span:nth-child(4) {   left:100%;   opacity:0;   } .menuToggle.open span:nth-child(5) {   left:3px;   top:13px;   } .menuToggle.open span:nth-child(6) {   left:calc(50% - 5px);   top:13px;   }.animation-trait {   position:relative;   overflow:hidden; } .animation-vertical-trait-before::before, .animation-vertical-trait-after::after {   content:"";   position:absolute;   width:2px;   height:3rem;   background-color:#FFFFFF;   opacity:0;   animation:traitAnimationY infinite 3.6s cubic-bezier(0.77, 0, 0.175, 1); } .animation-vertical-trait-before::before {   margin-left:-1px;   top:0;   left:1px; } .animation-vertical-trait-after::after {   margin-right:-1px;   top:0;   right:1px; } .animation-horizontal-trait-before::before, .animation-horizontal-trait-after::after {   content:"";   position:absolute;   width:3rem;   height:2px;   background-color:#FFFFFF;   animation:traitAnimationX infinite 3s cubic-bezier(0.77, 0, 0.175, 1);   opacity:0; } .animation-horizontal-trait-before::before {   margin-top:-1px;   top:0;   left:1px; } .animation-horizontal-trait-after::after {   margin-bottom:-1px;   bottom:0;   left:1px; } .animation-trait-after-delay-0::after {   animation-delay:0s; } .animation-trait-before-delay-0::before {   animation-delay:0s; } .animation-trait-after-delay-1::after {   animation-delay:1s; } .animation-trait-before-delay-1::before {   animation-delay:1s; } .animation-trait-after-delay-2::after {   animation-delay:1.5s; } .animation-trait-before-delay-2::before {   animation-delay:1.5s; } .animation-trait-after-delay-3::after {   animation-delay:2s; } .animation-trait-before-delay-3::before {   animation-delay:2s; } .animation-trait-after-delay-4::after {   animation-delay:2.5s; } .animation-trait-before-delay-4::before {   animation-delay:2.5s; } .animation-horizontal-trait-before.trait-dark::before, .animation-horizontal-trait-after.trait-dark::after, .animation-vertical-trait-before.trait-dark::before, .animation-vertical-trait-after.trait-dark::after {   background-color:#bfbfbf; } @keyframes traitAnimationY {   0% {  top:100%;  opacity:1;   }   70% {  top:-100px;  opacity:1;   }   100%{  top:-100px;  opacity:1;   } } @keyframes traitAnimationX {   0% {  left:105%;  opacity:1;   }   100% {  left:-20%;  opacity:1;   } } .reveal-loaded .reveal [class*="reveal-"] {   opacity:0!important;   -webkit-animation:none!important; animation:none!important;   -webkit-transition:0s!important;   -o-transition:0s!important;   transition:0s!important;  }   .reveal-loaded [class*="reveal-"]{   -webkit-animation:revealAnimation 1s cubic-bezier(.5, 0, 0, 1) both; animation:revealAnimation 1s cubic-bezier(.5, 0, 0, 1) both;  }   .reveal-loaded .reveal-2 {   -webkit-animation-delay:.1s; animation-delay:.1s;  }   .reveal-loaded .reveal-3 {   -webkit-animation-delay:.2s; animation-delay:.2s;  }   .reveal-loaded .reveal-4 {   -webkit-animation-delay:.3s; animation-delay:.3s;  }   .reveal-loaded .reveal-5 {   -webkit-animation-delay:.4s; animation-delay:.4s;  }   .reveal-loaded .reveal-6 {   -webkit-animation-delay:.5s; animation-delay:.5s;  }   .reveal-loaded .reveal-7 {   -webkit-animation-delay:.6s; animation-delay:.6s;  }   .reveal-loaded .reveal-8 {   -webkit-animation-delay:.7s; animation-delay:.7s;  }   .reveal-loaded .reveal-9 {   -webkit-animation-delay:.8s; animation-delay:.8s;  }   .reveal-loaded .reveal-10 {   -webkit-animation-delay:.9s; animation-delay:.9s;  }   @media (prefers-reduced-motion:reduce) {   .reveal-loaded [class*="reveal-"] { -webkit-animation:none!important;  animation:none!important;   }  }   @-webkit-keyframes revealAnimation {   0% { opacity:0; -webkit-transform:translateY(30px);  transform:translateY(30px);   }   100% { opacity:1; -webkit-transform:translateY(0px);  transform:translateY(0px);   }  }   @keyframes revealAnimation {   0% { opacity:0; -webkit-transform:translateY(30px);  transform:translateY(30px);   }   100% { opacity:1; -webkit-transform:translateY(0px);  transform:translateY(0px);   }  }  .header{   position:relative;   background:url('/Public/Images/site/reservoir.jpg') no-repeat;   background-size:cover;   min-height:100vh;   z-index:10;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column;   color:#fff; } .header::before {   content :'';   width:100%;   height:100%;   background-color:rgba(51, 51, 51, 0.7);   position:absolute;   top:0;   left:0;   right:0;   bottom:0;   z-index:-1; } .header .container {   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column; } .navbar_logo {   display:flex;   margin:0;   height:75px; } .navbar_contact {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   flex:none;   -webkit-box-align:center;  -ms-flex-align:center; align-items:center; } .wrapper_border {   border-right:solid 1px rgba(255,255,255, 0.46);   border-left:solid 1px rgba(255,255,255, 0.46);   } .wrapper_border.wrapper_border_dark {   border-right:solid 1px #E3E4E3;   border-left:solid 1px #E3E4E3; } .menu_responsive .wrapper_border, .header .wrapper_border {   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1;   height:100%;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column; } .navbar_content {   width:100%;   height:100px;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-align:center;  -ms-flex-align:center; align-items:center;   padding:5px 50px;   width:100%;   height:100px;   border-bottom:solid 1px rgba(255,255,255, 0.46);   display:flex;   align-items:center;   -webkit-box-pack:justify;  -ms-flex-pack:justify; justify-content:space-between; } body:not(.is_accueil) .navbar_content { border-left:solid 1px rgba(255,255,255, 0.46);   border-right:solid 1px rgba(255,255,255, 0.46); } .navbar_contact > * + * {   margin-left:1.5rem; } .navbar_logo #logo_top, .navbar_logo #logo_bottom, .navbar_logo #logo_rect {   -webkit-transition:all ease-in-out .3s;   -o-transition:all ease-in-out .3s;   transition:all ease-in-out .3s; } .navbar_logo:hover #logo_top {   fill:#97d246; } .navbar_logo:hover #logo_bottom {   fill:#00a7e1; } .navbar_logo:hover #logo_rect {   fill:#009ee2; } .header_content {   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1; } .grid_header {   display:-webkit-box;   display:-ms-flexbox;   display:flex; } .grid_header_right {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column;   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1; } .grid_header_right > * {   height:50%; } .grid_header_right_top {   border-bottom:solid 1px rgba(255,255,255, 0.46); } .grid_header_right_top {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column;   -webkit-box-pack:end;  -ms-flex-pack:end; justify-content:flex-end;   padding:100px;   padding-bottom:40px; } .grid_header_right_bottom {   padding:100px; } .menu_responsive {   display:none;   width:100%;   min-height:100vh;   background:#222020;   color:#fff;   position:fixed;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column;   top:0;   left:0;   right:0;   bottom:0;   z-index:15; } .menu_responsive.open {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   overflow:auto; } .menu_responsive .container {   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1;   height:auto; } .menu_responsive_navigation {   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1; } .skew_animation_link {   } .skew_animation_link.active, .skew_animation_link:hover {   -webkit-transform:skew(-15deg);  -ms-transform:skew(-15deg); transform:skew(-15deg);   font-style:italic; } .menu_responsive_empty {   border-top:solid 1px rgba(255,255,255, 0.46);   width:100%;   height:75px; } .menu_responsive_navigation {   padding-left:100px; } .menu_responsive_navigation_list {   height:100%;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-pack:center;  -ms-flex-pack:center; justify-content:center;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column; } .menu_responsive_navigation_list > li + li {   margin-top:10px; } .menu_responsive_navigation_link {   font-size:6.66rem;   line-height:1;   letter-spacing:2px;   font-weight:lighter;  text-transform:uppercase; } .menu_responsive_navigation_child_item a {   font-size:1.11rem; } .menu_responsive_navigation_child {   display:none;   -ms-flex-wrap:wrap;  flex-wrap:wrap;   padding-top:20px;   padding-bottom:35px; } .menu_responsive_navigation_child li {   padding-top:15px;   padding-right:30px;   text-transform:uppercase; } .has_child.active .menu_responsive_navigation_child {   display:-webkit-box;   display:-ms-flexbox;   display:flex; } .grid_header_left {   width:100%;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   position:relative;   border-right:solid 1px rgba(255,255,255, 0.46);   max-width:635px;   -webkit-box-pack:center;  -ms-flex-pack:center; justify-content:center;   -webkit-box-align:center;  -ms-flex-align:center; align-items:center; } .main_title {   -webkit-writing-mode:tb;  -ms-writing-mode:tb; writing-mode:tb;   -webkit-transform:scale(-1);  -ms-transform:scale(-1); transform:scale(-1);   max-height:700px;   position:relative;   transform:scale(-1);   width:auto;   width:100%;   font-size:6rem;   font-weight:lighter;   line-height:0.9em;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-align:center;  -ms-flex-align:center; align-items:center; } .grid_header_right_bottom p {   font-size:1.66rem;   line-height:1.2; } .navbar_container {   background:#222020;   color:#fff; } .navbar_container.sticky {   position:fixed;   top:0;   left:0;   right:0;   z-index:100;   -webkit-animation:showMenuHeader .6s ease-in-out; animation:showMenuHeader .6s ease-in-out; } @-webkit-keyframes showMenuHeader {   from {  -webkit-transform:translateY(-100%);   transform:translateY(-100%);   }   to {  -webkit-transform:translateY(0%);   transform:translateY(0%);   } } @keyframes showMenuHeader {   from {  -webkit-transform:translateY(-100%);   transform:translateY(-100%);   }   to {  -webkit-transform:translateY(0%);   transform:translateY(0%);   } } @media only screen and (max-width:1400px) {   .grid_header_left,   .grid_header_right_top,   .grid_header_right_bottom   {  padding:1rem;   }   h2{  font-size:2rem;   }   .grid_header_right_bottom {  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-align:center; -ms-flex-align:center;   align-items:center;  -webkit-box-pack:center; -ms-flex-pack:center;   justify-content:center;   } } @media only screen and (max-width:1200px) {   .navbar_content   {  padding:5px 20px;   }   .grid_header   {  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;   }   .grid_header_right_top   {  display:none;   }   .grid_header_left   {  max-width:100%;  width:100%;  -webkit-box-flex:1; -ms-flex-positive:1;   flex-grow:1;  width:70%;  border-bottom:none;   }  .grid_header_right   {  -webkit-box-flex:initial; -ms-flex-positive:initial;   flex-grow:initial;  border-top:solid 1px rgba(255,255,255, 0.46);   }   .main_title {  position:relative;  max-width:437px;  font-size:2.5rem;  line-height:1.2;  width:100%;  height:100%;  -webkit-writing-mode:vertical-rl; -ms-writing-mode:tb-rl;   writing-mode:vertical-rl;  -webkit-transform:scale(-1); -ms-transform:scale(-1);   transform:scale(-1);  padding:20px;  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-align:center; -ms-flex-align:center;   align-items:center;  -webkit-box-pack:center; -ms-flex-pack:center;   justify-content:center;  max-height:420px;   }   .grid_header_right_bottom   {  padding:50px 20px;   }   .grid_header_right_bottom p   {  text-align:center;   }   .grid_header_right_bottom .button   {  margin-top:30px;   } } @media only screen and (max-width:999px) {   .main_title   {  position:absolute;   }   .menu_responsive_navigation_link   {  font-size:1.66rem;   }   .menu_responsive_empty   {  display:none;   } .menu_responsive_navigation   {  padding-left:0;   } .menu_responsive_navigation_item {  padding-top:15px;   } .menu_responsive_navigation_list   {  text-align:center;   } .menu_responsive_navigation_child   {  padding:0;   } .menu_responsive_navigation_child li   {  width:100%;  padding:10px;   } } @media only screen and (max-width:900px) {   .navbar_contact a   {  display:none;   }   .navbar_logo {  margin:0;   width:150px;  display:flex;   } } @media only screen and (max-width:320px) {   .main_title   {  font-size:2rem;   }   .grid_header_right_bottom   {  padding:20px;   }   .grid_header_left   {  width:100%;   } } .section_contact, .section_footer {   background:#222020;   color:#fff; } .form_control {   margin-top:1.875rem; } .form_label {   display:inline-block;   color:#fff;   text-transform:uppercase;   font-weight:lighter;   margin-bottom:10px;   cursor:pointer; } .form_input, .form_textarea {   width:100%;   background:transparent;   border:solid 1px rgba(255,255,255, .4);   color:#fff;   font-size:inherit;   padding:0.8rem; } .form_textarea {   min-height:135px; } .form_rgpd {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   align-items:flex-start; } .form_rgpd input[type="checkbox"] {   -webkit-box-flex:0;  -ms-flex:none; flex:none;   margin-top:5px;   margin-right:10px; } .form_rgpd label {   font-size:0.88rem;   color:#969696; } .form_rgpd label a{   color:#fff; }  .grid_contact_form_container {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   padding:3.33rem;   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1;   border-bottom:solid 1px rgba(255,255,255, 0.46); } .grid_contact_form {   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1; } .contact_form {   max-width:670px;   width:100%; }  .contact_form .button {   margin-top:2.5rem; } .grid_contact_form_infos {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column;   -webkit-box-pack:end;  -ms-flex-pack:end; justify-content:flex-end;   text-align:right; } .grid_contact_form h3 {   font-weight:normal;   font-size:2.77rem;   line-height:1.28; } .grid_contact_top {   display:-webkit-box;   display:-ms-flexbox;   display:flex; } .grid_contact_title {   max-width:375px;   width:100%;   border-right:solid 1px rgba(255,255,255, 0.46);   border-bottom:solid 1px rgba(255,255,255, 0.46); } .grid_contact_title_text {   height:100%;   position:relative; } .grid_contact_title_text h1 {   width:100%;   font-size:6rem;   font-weight:lighter;   line-height:0.9em;   position:absolute;   bottom:50%;   -webkit-transform:rotate( -90deg ) translateX(-50%);  -ms-transform:rotate( -90deg ) translateX(-50%); transform:rotate( -90deg ) translateX(-50%);   text-transform:uppercase; } .grid_contact_bottom {   display:-webkit-box;   display:-ms-flexbox;   display:flex; } .grid_contact_bottom_navigation {   max-width:500px;   width:100%;   border-right:solid 1px rgba(255,255,255, 0.46); } .grid_contact_bottom_links {   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column;   -webkit-box-align:end;  -ms-flex-align:end; align-items:flex-end;   padding:3.33rem 3.33rem 1.33rem; } .grid_contact_bottom_links .button {   margin-top:0; } .grid_contact_bottom_links_list {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   margin-top:auto;   max-width:800px;   width:100%;   -webkit-box-pack:justify;  -ms-flex-pack:justify; justify-content:space-between; } .grid_contact_bottom_links_list a {   font-size:0.88rem;   opacity:.7;   font-weight:lighter;   -webkit-transition:opacity .3s ease-in-out;   -o-transition:opacity .3s ease-in-out;   transition:opacity .3s ease-in-out; } .grid_contact_bottom_links_list a:hover {   opacity:1; } .grid_contact_bottom_navigation_list {   text-transform:uppercase;   font-weight:lighter;   padding:0.83rem 3.33rem 2.5rem; } .grid_contact_bottom_navigation_list li {   padding-top:1.66rem; } @media only screen and (min-width:1500px) {   .contact_form   {  padding-left:100px;   } } @media only screen and (max-width:1350px) {   .grid_contact_title   {  max-width:300px;   }  .grid_contact_title_text h1   {  bottom:40%;   }   .grid_contact_bottom_navigation   {  max-width:300px;   }  .grid_contact_bottom_links_list   {  max-width:100%;   } } @media only screen and (max-width:1130px) {   .grid_contact_form_container   {  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;  padding:1.66rem;   }   .grid_contact_bottom   {  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;   }   .grid_contact_bottom_links   {  padding:1.66rem;  border-top:solid 1px rgba(255,255,255, 0.46);   }   .grid_contact_bottom_navigation   {  max-width:270px;   }  .grid_contact_bottom_links_list   {  -ms-flex-wrap:wrap; flex-wrap:wrap;  -webkit-box-pack:start; -ms-flex-pack:start;   justify-content:flex-start;   }   .grid_contact_bottom_links .button   {  margin-left:auto;  margin-right:auto;   }   .grid_contact_bottom_links_list li   {  padding-top:1.11rem;   }  .grid_contact_bottom_links_list > *   {  padding-right:10px;   }  .grid_contact_top   {  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;   }  .contact_form,   .grid_contact_title   {  max-width:100%;   }   .grid_contact_title   {  display:-webkit-box;  display:-ms-flexbox;  display:flex;  height:370px;   }   .grid_contact_title::after{  display:none;   }   .grid_contact_title_text   {  width:180px;  border-right:solid 1px rgba(255,255,255, 0.46);   }   .grid_contact_title_text h1   {  font-size:2.22rem;  bottom:60%;   }  .contact_form   {  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;   }   .contact_form .button   {  -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center;   }   .grid_contact_form_infos   {  text-align:center;  margin-top:2.22rem;   } } @media only screen and (max-width:990px) {   .grid_contact_form h3   {  hyphens:auto;  font-size:2.2rem;   } } .section_about {   background:#222020;   color:#fff; } .grid_about_left_text {   font-size:1.33rem;   line-height:1.5;   opacity:.5;   } .about_text {   font-size:2.77rem;   line-height:1.2;   text-align:left; } .about_text a {   font-weight:bold; } .grid_about {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   border-bottom:solid 1px rgba(255,255,255, 0.46); } .grid_about_left {   max-width:635px;   width:100%;   -webkit-box-flex:0;  -ms-flex:none; flex:none;   border-right:solid 1px rgba(255,255,255, 0.46); } .grid_about_left_content {   padding:75px 60px; } .grid_about_left_empty {   height:90px;   border-bottom:solid 1px rgba(255,255,255, 0.46); } .grid_about_right {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-align:center;  -ms-flex-align:center; align-items:center;   -webkit-box-pack:center;  -ms-flex-pack:center; justify-content:center;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column;   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1;   padding-top:60px ;   padding-left:60px ;   padding-bottom:60px ;   padding-right:20px ; } .grid_about_right h2 {   margin-bottom:2.5rem;   text-align:left;   max-width:800px;   width:100%; }  .about_links > a + a {   margin-left:1.4rem; } .about_text {   max-width:800px;   width:100%; } @media only screen and (max-width:1299px) {   .grid_about   {  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;   }  .grid_about_left_empty   {  display:none;   }  .grid_about_left   {  -webkit-box-ordinal-group:3; -ms-flex-order:2;   order:2;  max-width:100%;  border-right:none;  border-top:solid 1px rgba(255,255,255, 0.46);   }   .about_text   {  max-width:100%;   }   .grid_about_right .text_with_square   {  -webkit-box-pack:center; -ms-flex-pack:center;   justify-content:center;   }   .grid_about_right   {  -webkit-box-ordinal-group:2; -ms-flex-order:1;   order:1;   }   .about_links   {  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;  -webkit-box-pack:center; -ms-flex-pack:center;   justify-content:center;  -webkit-box-align:center; -ms-flex-align:center;   align-items:center;   }   .about_links a   {  max-width:220px;  width:100%;  text-align:center;  margin-left:0 !important;   }  .grid_about_left_content,   .grid_about_right   {  padding:60px 30px;   }   .about_text   {  font-size:1.66rem;   }   .about_text,   .grid_about_left_text,   .grid_about_left_text div   {  text-align:center !important;   } } .section_solution_content {   padding:5.5rem 0; } .section_solution h2 {   -webkit-box-pack:center;  -ms-flex-pack:center; justify-content:center;   width:100%; } .section_solution_baseline {   font-size:2.7rem;   line-height:1.2;   text-align:center;   max-width:1360px;   width:100%;   margin-left:auto;   margin-right:auto; } .section_solution_blocs {   display:-webkit-box;   display:-ms-flexbox;   display:flex;  max-width:1360px;   width:100%;   margin-left:auto;   margin-right:auto;   margin-top:4.44rem; } .section_solution_bloc_left {   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-align:center;  -ms-flex-align:center; align-items:center;   padding-right:20px; } .section_solution_bloc_right {   max-width:730px;   width:100%;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-align:center;  -ms-flex-align:center; align-items:center;   position:relative;   overflow:hidden; } .section_solution_listing > * + * {   margin-top:2rem; } .section_solution_listing_item {   position:relative;   display:block;   text-transform:uppercase; } .section_solution_listing_item a {   position:relative;   display:block;   padding-right:18px;   padding-bottom:.66rem; } .section_solution_listing_item a::after {   content:'';   position:absolute;   left:0;   bottom:0;   display:block;   width:0%;   height:1px;   background:#333333;   -webkit-transition:width ease-in-out .3s;   -o-transition:width ease-in-out .3s;   transition:width ease-in-out .3s; } .section_solution_listing_item.active a::after, .section_solution_listing_item a:hover::after {   width:100%; } .section_solution_listing_item a::before {   content :'';   position:absolute;   top:calc(50% - 10px);   right:0;   display:block;   width:10px;   height:10px;   border:solid #333333 1px;   opacity:0;   -webkit-transition:opacity .1s cubic-bezier(0.77, 0, 0.175, 1);   -o-transition:opacity .1s cubic-bezier(0.77, 0, 0.175, 1);   transition:opacity .1s cubic-bezier(0.77, 0, 0.175, 1); } .section_solution_listing_item.active a::before, .section_solution_listing_item a:hover::before { opacity:1;   -webkit-animation:rotateSquare 1s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation:rotateSquare 1s cubic-bezier(0.77, 0, 0.175, 1) forwards; } .section_solution_links {   max-width:1520px;   width:100%;   margin:0 auto;   padding:1.11rem 2.22rem 2.22rem;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -ms-flex-wrap:wrap;  flex-wrap:wrap; } .section_solution_links > .section_solution_link {   display:inline-block;   padding-top:1.11rem;   padding-right:2rem;   text-transform:uppercase;   font-size:1.11rem;   line-height:1.2; } .section_solution_grid {   display:-webkit-box;   display:-ms-flexbox;   display:flex; } aside.section_solution_grid_aside {   max-width:630px;  -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1;   border-right:solid 1px#E3E4E3;   border-top:solid 1px#E3E4E3;   -webkit-box-flex:0;  -ms-flex:none; flex:none; } .section_solution_grid_aside {   max-width:640px;   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1; } .section_solution_grid_aside_item {   padding:2.77rem;  border-bottom:solid 1px#E3E4E3; } .section_solution_grid_aside_item > * + * {   margin-top:2.77rem; } .section_solution_grid_content {   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1; } .section_solution_grid_aside_item img {   height:375px;   width:100%;   -o-object-fit:cover; object-fit:cover; } .section_solution_grid_aside_item_text {   font-size:1.33rem;   line-height:1.5; } .section_solution_grid_content_item {   border-top:solid 1px#E3E4E3;   padding-top:6.66rem;   padding-bottom:6.66rem;   padding-left:6rem;   padding-right:6rem; } .section_solution_grid_content_item img {   width:100%;   height:375px;  object-fit:contain; } .section_solution_grid_content_item > * + * {   margin-top:2.77rem; } .section_solution_grid_content_item h1 {   font-size:3.33rem;   font-weight:400;   margin-bottom:4.16rem; } .section_solution_grid_content_item.has_main_title {   padding-top:5rem;   padding-bottom:5rem; } .section_solution_grid_content_item h3 {   font-weight:lighter;   font-size:1.44rem;   line-height:1.2;   margin-bottom:2.77rem;   margin-top:0; } .section_solution_grid_content_item_text {   font-size:2.77rem;   line-height:1.2; } .section_solution_hero_image {   position:absolute;   top:0;   left:0;   right:0;   bottom:0;   height:100%;   width:100%;   -o-object-fit:cover; object-fit:cover;   z-index:-1;   opacity:0;   -webkit-transition:all .3s ease-in-out;   -o-transition:all .3s ease-in-out;   transition:all .3s ease-in-out; } .section_solution_hero_image.active {   opacity:1; } .section_solution_images {   display:grid;   grid-template-columns:1fr;   gap:10px; } .section_solution_images .section_solution_image {   object-fit:cover;   max-width:775px;   width:100%;   margin:0 auto; } .section_solution_images-col-3 {   grid-template-columns:repeat(3, 1fr); } .section_solution_images-col-2 {   grid-template-columns:repeat(2, 1fr); } .section_solution_images.section_solution_images-col-3 .section_solution_image, .section_solution_images.section_solution_images-col-2 .section_solution_image {   height:350px; } @-webkit-keyframes rotateSquare {   from {  -webkit-transform:rotate(-180deg);   transform:rotate(-180deg);   }   to   {  -webkit-transform:rotate(45deg);   transform:rotate(45deg);   } } @keyframes rotateSquare {   from {  -webkit-transform:rotate(-180deg);   transform:rotate(-180deg);   }   to   {  -webkit-transform:rotate(45deg);   transform:rotate(45deg);   } } @media only screen and (max-width:1920px) {   .section_solution_images-col-3   {  grid-template-columns:repeat(2, 1fr);   } } @media only screen and (max-width:1630px) {   .section_solution_images-col-2,   .section_solution_images-col-3   {  grid-template-columns:1fr;   } } @media only screen and (max-width:1530px) {   .section_solution_grid_content_item.has_main_title,   .section_solution_grid_content_item   {  padding:2rem;   }   aside.section_solution_grid_aside   {  max-width:500px;   }  } @media only screen and (min-width:1190px) {   .section_solution_hero_content_grid_left::before   {  display:none;   } } @media only screen and (max-width:1250px) {   .section_solution_blocs   {  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;   }  .section_solution_bloc_left   {  display:inline-block;  text-align:center;  -webkit-box-pack:center; -ms-flex-pack:center;   justify-content:center;  padding-left:20px;   }   .section_solution_bloc_right   {  display:-webkit-box;  display:-ms-flexbox;  display:flex;   -webkit-box-pack:center; -ms-flex-pack:center;   justify-content:center;  max-width:100%;  margin-top:3.33rem;   }   .section_solution_bloc_right img   {  -o-object-fit:cover;   object-fit:cover;   }   .section_solution_content   {  padding-top:3.33rem;  padding-bottom:0;   }   .section_solution_baseline   {  font-size:1.66rem;  padding:0 5px;   }   .section_solution h2   {  margin-bottom:3.33rem;   }   .section_solution_grid_content_item_text   {  font-size:2rem;   }   aside.section_solution_grid_aside {  max-width:450px;   }   .section_solution_grid_aside_item img   {  height:250px;   }   ul.section_solution_listing   {  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;  -webkit-box-align:center; -ms-flex-align:center;   align-items:center;   }   .section_solution_listing_item   {  display:inline;   } } @media only screen and (max-width:990px) {   .section_solution_grid   {  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;   }   aside.section_solution_grid_aside   {  border-top:solid 1px #E3E4E3;  max-width:100%;  -webkit-box-ordinal-group:3; -ms-flex-order:2;   order:2;   }   .section_solution_links > .section_solution_link   {  padding-right:0;   }   .section_solution_links   {  padding:1rem 2rem;  text-align:center;  justify-content:center;   }   .section_solution_grid_content_item img   {  height:300px;   } }  .section_valeur {   position:relative; } .section_valeur_content {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   border-top:solid 1px #E3E4E3;   min-height:520px; } .section_valeur_content_left {   border-right:solid 1px #E3E4E3; } .section_valeur_content_left {   font-size:2.77rem;   line-height:1.28;   width:100%; } .section_valeur .section_valeur_content_right {   -webkit-box-orient:vertical;   -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column;   -webkit-box-pack:center;  -ms-flex-pack:center; justify-content:center;   -webkit-box-align:start;  -ms-flex-align:start; align-items:flex-start; } .section_valeur_content_right .text_with_square {   -webkit-box-pack:start;  -ms-flex-pack:start; justify-content:flex-start; } .section_valeur_content_right {   font-size:1.33rem;   line-height:1.5; } .section_valeur_content > * {   width:50%;   padding:2.5rem;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-align:center;  -ms-flex-align:center; align-items:center; } .section_solution_hero_container {   position:relative; } .section_solution_hero {   position:absolute;   top:0;   left:0;   right:0;   bottom:0;   z-index:-1;   height:100%;   width:100%;   overflow:hidden; } .section_solution_hero::before {   content:'';   position:absolute;   top:0;   left:0;   right:0;   bottom:0;   width:100%;   height:100%;   background:rgba(51,51,51, .6); }  .section_solution_hero, .section_solution_hero_content {   height:790px; } .section_solution_hero_content {   color:#fff;   font-size:1.11rem;   line-height:1.8;   text-transform:uppercase; } .section_solution_hero_content_grid {   display:-webkit-box;   display:-ms-flexbox;   display:flex; } .section_solution_hero_content_grid_left {   padding:50px 40px;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-align:end;  -ms-flex-align:end; align-items:flex-end;   border-right:solid 1px #E3E4E3;   max-width:635px;   width:100%; } .section_solution_hero_content_grid_right {   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1;   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;  -ms-flex-direction:column; flex-direction:column; } .section_solution_hero_content_grid_right_top {   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1; } .section_solution_hero_content_grid_right_bottom {   height:340px;   border-top:solid 1px #E3E4E3;; } .section_valeur_content_left .default_text {   font-size:2.77rem; } .section_valeur_content_right .default_text {   font-size:1.33rem; } @media only screen and (max-width:1180px) {   .section_valeur_content   {  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;   }   .section_valeur_content > *   {  width:100%;  text-align:center;   }   .section_valeur_content_left   {  border-right:none;  border-bottom:solid 1px #E3E4E3;  padding:3.33rem 1.66rem;   }   .section_valeur_content_left   {  font-size:1.66rem;   }   .section_valeur .section_valeur_content_right   {  padding:2.5rem 1.66rem;  -webkit-box-align:center; -ms-flex-align:center;   align-items:center;   }   .section_solution_hero_content_grid   {  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;   }   .section_solution_hero_content_grid_left   {  max-width:100%;  width:100%;  -webkit-box-ordinal-group:3; -ms-flex-order:2;   order:2;  padding:40px;  -webkit-box-pack:center; -ms-flex-pack:center;   justify-content:center;  border-right:none;  border-top:solid 1px #E3E4E3;   }   .section_solution_hero_content_grid_left::after   {  display:none;   }  .section_solution_hero_content_grid_left p   {  text-align:center;   }   .section_solution_hero_content_grid_right   {  -webkit-box-ordinal-group:2; -ms-flex-order:1;   order:1;  -webkit-box-orient:horizontal;  -webkit-box-direction:normal; -ms-flex-direction:row;   flex-direction:row;   }   .section_solution_hero_content_grid_right_top {   border-right:solid 1px #E3E4E3;  max-width:250px;  width:100%;   }   .section_solution_hero_content_grid_right_bottom   {  border-top:none;  -webkit-box-flex:1; -ms-flex-positive:1;   flex-grow:1;  height:auto;   } } @media only screen and (max-width:800px) {   .section_solution_hero,   .section_solution_hero_content {  height:520px;   }   .section_solution_hero_content_grid_right_top   {  max-width:125px;   }   .section_valeur_content_left .default_text   {  font-size:1.66rem;  width:100%;   }   .section_valeur_content_right .default_text   {  font-size:1rem;   } } .section_actualites_listing {   position:relative;   } body:not(.is_accueil) .section h2 {   -webkit-box-pack:center;  -ms-flex-pack:center; justify-content:center;   border-bottom:solid 1px #E3E4E3;   padding:2.22rem 0; } .actualites_listing {   display:-ms-grid;   display:grid;   -ms-grid-columns:1fr 110px 1fr 110px 1fr;   grid-template-columns:repeat(3, 1fr);   width:100%;   margin:0 auto;   gap:65px 110px;   padding-top:3.6rem;   padding-bottom:3.6rem;   padding-right:95px;   padding-left:95px; } .acutalite_item img {   width:100%;   -o-object-fit:cover; object-fit:cover;   height:270px; } .acutalite_item p {   text-align:justify;   font-size:1.11rem;   line-height:1.5; } .actualite_item_date {   display:block;   font-size:1.11rem;   font-weight:600;   margin:1.2rem 0 1.4rem; } @media only screen and (max-width:1600px) {   .actualites_listing {  gap:65px 20px ;  padding-right:20px;  padding-left:20px;   } } @media only screen and (max-width:1110px) {   .actualites_listing {  grid-template-columns:repeat(2, 1fr);  padding-left:20px;  padding-right:20px;   } } @media only screen and (max-width:600px) {   .actualites_listing {  grid-template-columns:repeat(1, 1fr);   } } .realisation_listing {   display:-ms-grid;   display:grid;   grid-template-columns:repeat(2, 1fr);   width:100%; } .realisation_item {   width:100%;   min-height:900px;   padding:2.22rem 1.66rem;   border-bottom:solid 1px #E3E4E3; } .realisation_item h3 {   font-size:1.44rem;   font-weight:lighter;   text-transform:uppercase;   margin:0.5rem 0 2.77rem; }  .realisation_item img {   width:100%;   -o-object-fit:cover; object-fit:cover;   height:490px; } .realisation_item_empty {   width:100%;   height:180px;   border-bottom:solid 1px #E3E4E3;; } .realisation_listing_left {   border-right:solid 1px #E3E4E3;; } .realisation_item_text {   font-size:2.77rem;   line-height:1.2;   color:#222020;   margin-top:1.11rem; } @media only screen and (max-width:1200px) {   .realisation_listing {  display:-ms-grid;  display:grid;  grid-template-columns:repeat(1, 1fr);  width:100%;   }   .realisation_item_empty   {  display:none;   } } @media only screen and (max-width:800px) {   .realisation_item img   {  height:300px;   }  .realisation_item_text   {  font-size:2rem;   }  .realisation_item   {  min-height:auto;   } } .mentions_content .text_with_square {   -webkit-box-pack:center;  -ms-flex-pack:center; justify-content:center; } .mentions_content_grid {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   padding:2.22rem 0; } .mentions_content_grid > * + * {   margin-bottom:1rem; } .mentions_content_grid_item {   -webkit-box-flex:1;  -ms-flex-positive:1; flex-grow:1;   text-align:center;   line-height:1.5; } .mentions_content_grid_item strong {   display:block; } @media only screen and (max-width:800px) {   .mentions_content_grid   {  -webkit-box-orient:vertical;  -webkit-box-direction:normal; -ms-flex-direction:column;   flex-direction:column;   } } *, *::before, *::after {   box-sizing:border-box;   padding:0;   margin:0; } html {   font-size:18px; } body {   font-family:'Barlow';   margin:0;   background-color:#fffdfc;   background-size:contain;   color:white;   text-align:left;   font-size:18px;   overflow-x:hidden;   color:#222020; } body.menu_is_open {   overflow:hidden; } a {   color:inherit;   text-decoration:none; } a:hover {   text-decoration:none; } button {   cursor:pointer; } ul {   list-style:none; } img {   max-width:100%;   height:auto;   display:block; } h2{   font-size:1.44rem;   font-weight:lighter;   line-height:2.30; } .text_with_square {   display:flex;   align-items:center; } .text_with_square::before {   content:'';   display:inline-block;   margin-right:10px;   width:11px;   height:11px;   transform:rotate( 45deg);   border-style:solid;   border-color:initial;   border-width:1px;   flex:none; } .layout_site {   display:-webkit-box;   display:-webkit-flex;   display:-ms-flexbox;   display:flex;   -webkit-box-orient:vertical;   -webkit-box-direction:normal;   -webkit-flex-direction:column;   -ms-flex-direction:column;   flex-direction:column;   width:100%;   height:100vh; } .main {   -webkit-box-flex:1;   -webkit-flex:1 0 auto;   -ms-flex:1 0 auto;   flex:1 0 auto; } .container {   max-width:2230px;   width:100%;   margin:0 auto;   padding:0 100px; } .button {   display:inline-block;   margin-top:45px;   border:solid rgba(255,255,255, 0.46) 1px;   font-size:0.9rem;   text-transform:uppercase;   font-weight:lighter;   padding:1.25rem 1.75rem;   transition:all ease-in-out .3s;   background:transparent;   color:#fff;   font-family:inherit; } .button:hover{   background:#fff;   color:#000; } .hidden {   display:none !important; } .pagination {   display:flex;   justify-content:center;   padding:1rem;   font-size:1.5rem; } .pagination > a + a::before {   content:'-';   padding:0 .4rem; } .pagination a {   opacity:.6;   transition:opacity ease-in-out .3s; } .pagination a:hover, .pagination a.active {   opacity:1; } .box_popin.popin_remplace {   background:#fff;   border-radius:5px;   padding:15px 20px;   box-shadow:0 3px 6px rgb(0 0 0 / 15%);   max-width:600px;   width:100%; } .box_popin_title {   display:flex;   justify-content:space-between; } .box_popin_close {   background-image:url('Public/Images/site/cancel.svg') ;   background-size:10px;   width:10px;   height:10px;   margin-left:auto; } .default_text {   font-size:1rem; } @media only screen and (max-width:1400px) {   .container   {  padding:0 50px;   } } @media only screen and (max-width:900px) {   .container   {  padding:0;   }   .txt_center_mobile,   .txt_center_mobile div   {  text-align:center!important;  justify-content:center!important;   } } }