.elementor-kit-5{--e-global-color-primary:#231F20;--e-global-color-secondary:#FFB600;--e-global-color-text:#0D0D0D;--e-global-color-accent:#EDE9E6;--e-global-color-d3da927:#0C151D;--e-global-color-2028940:#EA0A2A;--e-global-color-58ab635:#FFC9CA;--e-global-color-089366e:#530612;--e-global-typography-primary-font-family:"Instrument Sans";--e-global-typography-primary-font-size:clamp(2rem, 7vw, 4.5rem);--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Instrument Sans";--e-global-typography-secondary-font-size:clamp(1.25rem, 0.6vw + 0.8rem, 1.5rem);--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:29px;--e-global-typography-text-font-family:"Arial";--e-global-typography-text-font-size:clamp(1rem, 0.4vw + 0.9rem, 1.25rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:27px;--e-global-typography-accent-font-family:"Instrument Sans";--e-global-typography-accent-font-size:clamp(1.25rem, 0.6vw + 1rem, 1.75rem);--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:none;--e-global-typography-85fbc9e-font-family:"Instrument Sans";--e-global-typography-85fbc9e-font-size:clamp(0.7rem, 0.5vw + 0.4rem, 1.75rem);--e-global-typography-85fbc9e-font-weight:600;--e-global-typography-85fbc9e-text-transform:uppercase;--e-global-typography-8201994-font-family:"Instrument Sans";--e-global-typography-8201994-font-size:clamp(0.7rem, 0.4vw + 0.4rem, 1.3rem);--e-global-typography-8201994-font-weight:600;--e-global-typography-8201994-text-transform:uppercase;--e-global-typography-7e6cc32-font-family:"Instrument Sans";--e-global-typography-7e6cc32-font-size:clamp(1.4rem, 0.7vw + 1.7rem, 3.75rem);--e-global-typography-7e6cc32-font-weight:600;--e-global-typography-7e6cc32-text-transform:none;--e-global-typography-7e6cc32-line-height:42px;--e-global-typography-9272efd-font-family:"Instrument Sans";--e-global-typography-9272efd-font-size:clamp(1.3rem, 1.4vw, 1.7rem);--e-global-typography-9272efd-line-height:32px;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-secondary );--e-preloader-size:90px;}.elementor-kit-5 e-page-transition{background-color:var( --e-global-color-d3da927 );}.elementor-kit-5 a{color:var( --e-global-color-accent );}.elementor-kit-5 a:hover{color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:clamp(2rem, 7vw, 4.5rem);--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:27px;--e-page-transition-entrance-animation:e-page-transition-slide-out-up;--e-page-transition-exit-animation:e-page-transition-slide-in-down;--e-preloader-size:65px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
    overflow-x: hidden;
}

strong {
    color: var(--e-global-color-secondary);
}

.boxed-large {
    max-width: 1600px !important;
    margin: 0 auto;
}

body {
  background: repeating-linear-gradient(
    to right,
    transparent,
    transparent calc(20% - 1px),
    rgba(0, 0, 0, 0.05) calc(20% - 1px),
    rgba(0, 0, 0, 0.05) 20%
  );
}

.dce-acf-repeater-list {
    padding: 0;
}

.dynamic-content-for-elementor-acf ul {
    list-style-type: disc;
    margin-bottom: 10px;
}

.text-yellow {
    color: #FFB600;
}

.text-underline-red {
    position: relative;
}

.text-underline-red::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background-color: #EA0A2A;
    left: 0;
    bottom: -5px;
}

/* Buttons */

.button a,
.button-action {
    position: relative;
    display: inline-block;
    padding: 12px 30px;
    color: #333 !Important;;
    cursor: pointer;
    font-weight: 500 !Important;
    font-family: var(    --e-global-typography-primary-font-family) !Important;
    text-transform: uppercase !Important;
    color: var(--e-global-color-d3da927) !Important;
    background: linear-gradient(to bottom, var(--e-global-color-accent) 50%, var(--e-global-color-secondary) 50%);
    background-size: 100% 200% !Important;
    background-position: bottom;
    font-size: 1rem !Important;
    line-height: 24px !Important;
    border: none;
    cursor: pointer;
    font-weight: 500;
    transition: background-position  0.4s ease; 
    border-radius: 0 !Important;
}

.button--white a {
    background: linear-gradient(to bottom, var(--e-global-color-secondary) 50%, var(--e-global-color-accent) 50%);
     background-size: 100% 200% !Important;
    background-position: bottom;
}

.button a:hover,
.button-action:hover {
    background-position: top;
}

.button--w-full * {
    width: 100%;
}

.button--w-full a {
    display: block;
    padding: 15px 25px !important;
    font-size: 20px;
    line-height: 28px;
    width: 100%  !important;
    text-align: center;
}

/* Negative text effect */

.negative-text span {
    color: #0C151D00;
    font-family: "Geologica", Sans-serif;
    font-size: clamp(4.7rem, 8vw, 4.5rem);
    font-weight: 600;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #0C151D40;
    stroke: #0C151D40;
}

/* Image shadows */

.img__shadow {
    position: relative;
}

.img__shadow::after {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: transparent;
    border: 1px solid var(    --e-global-color-accent);
    top: 25px;
    right: 25px;
    content: '';
    z-index: -1;
    top: 25px;
}

.img__shadow.img__shadow--left::after {
    right: 25px;
}

.img__shadow.img__shadow--right::after {
    left: 25px;
}

/* Template de page */ 

@media screen and (max-width: 767px) {
    .hero-subsection-img-container img {
        max-height: 500px;
    }
}

/* Projects page */

.project-grid .e-loop-item:nth-of-type(odd) .project .e-con-inner {
  flex-direction: row-reverse !important;
}

.project-grid .e-loop-item:nth-of-type(odd) .project__img {
    transform: translateX(-20%);
}

.project-grid .e-loop-item:nth-of-type(even) .project__img {
    transform: translateX(20%);
}

/* Layout 1 */

.yellow-bg-on-view-enter {
	position: relative;
}

.yellow-bg-on-view-enter::after {
	position: absolute;
	content: '';
	width: 0%;
	height: 100%;
	background-color: var(--e-global-color-secondary);
	left: 0px;
	bottom: -2px;
	transition: all 1800ms cubic-bezier(0.25, 1, 0.5, 1) 150ms;
	z-index: -1;
}

.yellow-bg-on-view-enter.yellow-bg-on-view-enter--reverse::after {
	left: auto;
	right: 0;
}

.yellow-bg-on-view-enter.in-view::after {
	 width: 85%;
}

@media screen and (max-width: 767px) {
   .yellow-bg-on-view-enter.in-view::after {
	 width: 98%;
   }
}

.layout1-normal .e-con-inner {
    display: flex;
    flex-direction: row !important;
}

.layout1-reverse .e-con-inner {
    display: flex;
    flex-direction: row-reverse !important;
}

.layout1-img img {
    object-fit: cover;
}

.layout1-normal .layout1-img {
    position: relative;
    left: 30%;
     transform: translateY(10%);
}

.layout1-normal .layout1-img::after {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: transparent;
    border: 1px solid var(    --e-global-color-accent);
    top: 30px;
    right: 30px;
    content: '';
    z-index: -1
}

.layout1-reverse .layout1-img {
    position: relative;
    right: 30%;
    transform: translateY(10%);
}

.layout1-reverse .layout1-img::after {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: transparent;
    border: 1px solid var(    --e-global-color-accent);
    top: 30px;
    left: 30px;
    content: '';
    z-index: -1
}

@media screen and (max-width: 767px) {
   .layout1-img {
	  transform: translateY(6%) !important;
   }
   
   .layout1-reverse .layout1-img {
       right: 10%;
   }
   
     .layout1-normal .layout1-img {
       left: 10%;
   }
   
   .layout1-img img {
       max-height: 500px;
   }
}


/* Layout 2 */

.layout2_list_layout .dce-acf-repeater-item {
    flex-basis: 100% !important;
}

/* Layout 3 */

.team-member img {
    height: 420px !important;
    object-fit: cover;
}

.team-member .img-container div {
    width: 100% !important;
}

@media screen and (max-width: 1024px) {
   .team-member img {
    height: 350px !important;
    object-fit: cover;
}
}

@media screen and (max-width: 767px) {
   .team-member img,
   .team-member .img-container div {
    height: 320px !important;
    object-position: 20% 10%;
}
}

/* Layout 4 */

.layout-4 .dce-acf-repeater-item div {
    height: 100%;
    display: flex;
    align-items: center;
}

.grid_2_cols .dce-acf-repeater-item {
    flex: 1 1 calc(100% / 2) !important;
}

.grid_3_cols .dce-acf-repeater-item {
    flex: 1 1 calc(100% / 3) !important;
}

@media screen and (max-width: 1024px) {
    .grid_3_cols .dce-acf-repeater-item {
        flex: 1 1 calc(100% / 2) !important;
    }
}

@media screen and (max-width: 767px) {
    .grid_3_cols .dce-acf-repeater-item,
    .grid_2_cols .dce-acf-repeater-item {
        flex: 1 1 100% !important;
    }
}


/* Caroussel de projets */

.project-carousel .swiper-button-left {
    left: 50px !important;
}

.project-carousel  .swiper-button-right {
    left: 120px !important;
}

.project-carousel  .swiper-button-right,
.project-carousel  .swiper-button-left {
    background-color: var(--e-global-color-secondary);
    padding: 10px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 50px !important;
    height: 50px !important;
}

@media screen and (max-width: 1024px) {
    .project-carousel  .swiper-button-left {
    left: 40px !important;
    }
    
    .project-carousel  .swiper-button-right {
        left: 110px !important;
    }
}

@media screen and (max-width: 767px) {
    .project-carousel  .swiper-button-left {
    left: 20px !important;
    top: -120px !important;
    }
    
    .project-carousel  .swiper-button-right {
        left: 90px !important;
        top: -120px !important;
    }
}


/* Formulaires */

.gform_wrapper {
    margin: 0 auto;
    color: black;
}

.gfield_required_asterisk {
    color: var(--e-global-color-2028940);
}

.gform_wrapper fieldset {
    display: flex !important;
    flex-direction: column;
    gap: 0px;
    align-items: center !important;
    width: 100% !important;
}

.gform_wrapper .validation_message {
    margin-top: 5px !important;
}

.gform-grid-row {
    row-gap: 16px !important;
}


Site Settings


CSS personnalisé
Add your own custom CSS
 Edit with AI



Use custom CSS to style your content or add the ".elementor-kit-5" prefix to target specific elements.
Besoin d’aide

.gfield_error [aria-invalid=true] {
    border: 1px solid var(    --e-global-color-2028940) !important;
}

.gform_wrapper fieldset input[type="text"],
.gform_wrapper fieldset > div
{
    width: 100%;
}

.ginput_container_consent {
    display: flex;
    gap: 10px;
}

.gform_wrapper input,
.gform_wrapper textarea,
.calcForm input,
.calcForm select {
    border-radius: 0px;
    background-color: white;
    border: 1px solid;
    color: #757575;
}

.gform_required_legend,
.gfield_description {
    font-size: 13px !important;
    color: #767676;
    margin: 0 !important;
    padding: 0 !important;
}

.gform_required_legend {
    display: none;
}

.gfield_label,
.calcForm label {
    margin-bottom: 8px !important;
    margin-top: 25px;
}

.gfield {
    margin: 3px 0px;
}

.gform_wrapper a {
    color: var(--e-global-color-secondary) !important;
    text-decoration: underline;
    font-weight: 600 !important;
    line-height: 21px !important;
}

.gform_button[type="submit"],
.calcForm button[type="submit"] {
     display: inline-block;
  border: none !Important;
  width: max-content;
  padding: 12px 24px !Important;
  background-color: var(--e-global-color-secondary) !Important;
  color: #333 !Important;;
  cursor: pointer;
  overflow: hidden;
  z-index: 0;
   font-weight: 500 !Important;
    font-family: var(    --e-global-typography-primary-font-family) !Important;
    text-transform: uppercase !Important;
    color: var(--e-global-color-d3da927) !Important;
     font-size: 1rem !Important;
    line-height: 24px !Important;
    margin-left: auto;
}

input[type="checkbox"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
    position: relative;
}

input[type="checkbox"]:checked {
    background-color: var(    --e-global-color-secondary);
    border-color: var(    --e-global-color-secondary);
}

input[type="checkbox"]:checked::after {
    content: '✓'; 
    font-size: 14px;
    font-weight: bold;
    color: white !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gfield_validation_message {
    background-color: transparent !important;
    color: var(--e-global-color-2028940) !important;
    border: none !important;
    padding: 0 !important;
}

.gform_validation_errors {
    display: none;
}

.gfield_error legend,
.gfield_error label {
    color: inherit !important;
}

.gform_confirmation_message {
    text-align: center;
    color: var(--e-global-color-d3da927) !important;
}

.ginput_container_fileupload input {
    padding: 8px !important
}

.gform_fileupload_rules {
    margin-top: 10px !important;
}

/* Specific to calc form */

.calcForm label {
    color: var(--e-global-color-accent) !important;
}

.calcForm button[type="submit"] {
    margin-top: 25px;
}

/* cookie banner */

.cmplz-cookiebanner {
    background-color: var(--e-global-color-accent) !important;
}

 .cmplz-buttons .cmplz-btn {
   transition: all 300ms ease-in-out !important;
   border: none !important;
 }
 
.cmplz-buttons .cmplz-btn:hover{
  background-color: var(--e-global-color-accent) !important;
  color: inherit !important;
}

.cmplz-link{
    color: var(--e-global-color-text) !important;
    transition: all 300ms ease-in-out !important;
}

.cmplz-link:hover{
    color: var(--e-global-color-secondary) !important;
}

.cmplz-message, .cmplz-title {
    color: var(--e-global-color-text) !important;
}

@media screen and (max-width: 767px) {
    .cmplz-links {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/* Politique de cookie - page */

.cookies-page .cmplz-document {
    width: 100% !important;
    max-width: none !important;
}

.politics-page h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 0px;
    font-family: var(--e-global-typography-7e6cc32-font-family) !important;
    font-size: clamp(1.4rem, 0.7vw + 1.4rem, 3.75rem) !important;
    font-weight: var(--e-global-typography-7e6cc32-font-weight) !important;
    text-transform: uppercase !important;
    line-height: var(--e-global-typography-7e6cc32-line-height) !important;;
    margin-top: 40px !important;
}

.politics-page p,
.politics-page li {
    font-family: var(--e-global-typography-primary-font-family) !important;
    font-size: clamp(1rem, 0.4vw + 0.9rem, 1.25rem) !Important;
}

.politics-page li {
    margin-top: 20px !important;
}

.politics-page a {
 color: var(--e-global-color-secondary);
 font-weight: 600;
}

.politics-page a :hover{
 color: var(--e-global-color-secondary) !important;
}/* End custom CSS */