/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */ 

.fl-content-slider .fl-content-slider-navigation .slider-prev .fl-content-slider-svg-container:after {
	display: inline-flex;
	content: '';
	background-image: url('data:image/svg+xml,<svg id="Groupe_433" data-name="Groupe 433" xmlns="http://www.w3.org/2000/svg" width="34.92" height="27.938" viewBox="0 0 34.92 27.938"><path id="Tracé_1079" data-name="Tracé 1079" d="M9.292,0A6.112,6.112,0,0,0,3.4,4.52L0,17.181l1.94-1.512a4.133,4.133,0,0,0,1.442-2.174L5.637,5.1A3.87,3.87,0,0,1,9.37,2.237h8.384a4.127,4.127,0,0,0,2.526-.868L22.036,0Z" transform="translate(7.937 17.598) rotate(-53)" fill="%23fff"/><path id="Tracé_1080" data-name="Tracé 1080" d="M9.292,0A6.112,6.112,0,0,0,3.4,4.52L0,17.181l1.94-1.512a4.133,4.133,0,0,0,1.442-2.174L5.637,5.1A3.87,3.87,0,0,1,9.37,2.237h8.384a4.127,4.127,0,0,0,2.526-.868L22.036,0Z" transform="translate(0 17.598) rotate(-53)" fill="%23fff"/></svg>');
	background-size: 40px 40px;
	height: 40px;
	width: 40px;
}

.fl-content-slider .fl-content-slider-navigation .slider-next .fl-content-slider-svg-container {
		display: inline-flex;
	content: '';
	background-image: url('data:image/svg+xml,<svg id="Groupe_434" data-name="Groupe 434" xmlns="http://www.w3.org/2000/svg" width="34.92" height="27.938" viewBox="0 0 34.92 27.938"><path id="Tracé_1079" data-name="Tracé 1079" d="M9.292,17.181A6.112,6.112,0,0,1,3.4,12.661L0,0,1.94,1.512A4.134,4.134,0,0,1,3.382,3.687l2.255,8.395A3.87,3.87,0,0,0,9.37,14.944h8.384a4.127,4.127,0,0,1,2.526.868l1.756,1.369Z" transform="matrix(-0.602, -0.799, 0.799, -0.602, 13.261, 27.939)" fill="%23fff"/><path id="Tracé_1080" data-name="Tracé 1080" d="M9.292,17.181A6.112,6.112,0,0,1,3.4,12.661L0,0,1.94,1.512A4.134,4.134,0,0,1,3.382,3.687l2.255,8.395A3.87,3.87,0,0,0,9.37,14.944h8.384a4.127,4.127,0,0,1,2.526.868l1.756,1.369Z" transform="matrix(-0.602, -0.799, 0.799, -0.602, 21.198, 27.939)" fill="%23fff"/></svg>');
	background-size: 40px 40px;
	height: 40px;
	width: 40px;
}


/*========================
*
* 				VARIABLES
* 
* ======================*/

:root {
  /* COULEURS */
  --blanc: #fff;
  --noir: #000;
  --bleu: #005179;
  --bleu-clair: #00bbee;
  --bleu-fonce: #133853;

  /* FONT_WEIGHT */
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --black: 900;
	
	 /* FONT FAMILY */
	--normalidad :  normalidad-wide, sans-serif;
}

:root {
  /* valeurs par défaut (desktop) */
  --fs-250: 250px;
  --fs-80: 80px;
  --fs-62: 62px;   /* ajouté */
  --fs-60: 60px;   /* nouveau */
  --fs-50: 50px;
  --fs-48: 48px;
  --fs-40: 40px;   /* nouveau */
  --fs-32: 32px;
  --fs-30: 30px;
  --fs-28: 28px;
  --fs-25: 25px;
  --fs-24: 24px;   /* ajouté */
  --fs-20: 20px;
  --fs-18: 18px;
  --fs-16: 16px;
  --fs-14: 14px;
  --fs-12: 12px;
}

/* Tablet (≤1024px) */
@media all and (max-width: 1024px) {
  :root {
    --fs-250: 225px;
    --fs-80: 72px;
    --fs-62: 56px;   /* adapté */
    --fs-60: 54px;   /* nouveau */
    --fs-50: 45px;
    --fs-48: 44px;
    --fs-40: 36px;   /* nouveau */
    --fs-32: 29px;
    --fs-30: 27px;
    --fs-28: 25px;
    --fs-25: 23px;
    --fs-24: 22px;   /* adapté */
    --fs-20: 18px;
    --fs-18: 16px;
    --fs-16: 14px;
    --fs-14: 13px;
    --fs-12: 11px;
  }
}

/* Mobile (≤768px) */
@media all and (max-width: 768px) {
  :root {
    --fs-250: 203px;
    --fs-80: 50px;
    --fs-62: 44px;   /* adapté */
    --fs-60: 42px;   /* nouveau */
    --fs-50: 41px;
    --fs-48: 38px;
    --fs-40: 33px;   /* nouveau */
    --fs-32: 26px;
    --fs-30: 24px;
    --fs-28: 22px;
    --fs-25: 20px;
    --fs-24: 19px;   /* adapté */
    --fs-20: 16px;
    --fs-18: 15px;
    --fs-16: 15px;
    --fs-14: 12px;
    --fs-12: 10px;
  }
}

/* Small Mobile (≤480px) */
@media all and (max-width: 480px) {
  :root {
    --fs-250: 180px;
    --fs-80: 40px;
    --fs-62: 36px;   /* adapté */
    --fs-60: 34px;   /* nouveau */
    --fs-50: 35px;
    --fs-48: 32px;
    --fs-40: 28px;   /* nouveau */
    --fs-32: 22px;
    --fs-30: 20px;
    --fs-28: 18px;
    --fs-25: 16px;
    --fs-24: 17px;   /* adapté */
    --fs-20: 14px;
    --fs-18: 13px;
    --fs-16: 12px;
    --fs-14: 11px;
    --fs-12: 9px;
  }
}

/*========================
 * 
 * 				TARTEAUCITRON
 * 
 * ======================*/

button#tarteaucitronManager img {
  content: url(https://agence71.fr/rgpd.png);
  width: 25px !important;
  height: 25px !important;
  transition: 200ms linear !important;
}

div#tarteaucitronIcon button#tarteaucitronManager {
  background: #212121;
  margin-left: 8px;
  font-size: 1.3px !important;
  padding: 10px !important;
  border-radius: 10em 10em 20em 20em;
  transition: 150ms linear !important;
  margin: 0 0 12px 20px !important;
}

button#tarteaucitronManager:hover img {
  transform: scale(1.1) !important;
}

.tarteaucitron-magic-block-recaptcha {
  position: fixed !important;
  z-index: 99999;
  bottom: 0;
}

.grecaptcha-badge {
  display: none;
}

body div#tarteaucitronRoot div#tarteaucitronAlertBig {
  max-width: 450px !important;
}

#tarteaucitronDisclaimerAlert {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

#tarteaucitronDisclaimerAlert:before {
  content: 'Cookies ?' !important;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
}

#tarteaucitronAlertBig:before {
  content: '' !important;
  display: inline-block;
  width: 80px;
  height: 80px;
  background-image: url('https://www.gruau-btp.hend3.fr/wp-content/uploads/2021/04/gruau-logo-inverse.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.tarteaucitronH1 {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.tarteaucitronH1::before {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  background-image: url('https://www.gruau-btp.hend3.fr/wp-content/uploads/2021/04/gruau-logo-inverse.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.tarteaucitronH1 {
  font-size: 30px !important;
  font-weight: bold !important;
}

html body div#tarteaucitronRoot button#tarteaucitronPersonalize2 {
  font-size: 18px !important;
  font-weight: bold;
  animation: fade 1s infinite;
}

@keyframes fade {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.85;
  }
}

/*========================
* 
* 				GENERAL
* 
* ======================*/

/*========== TOOLSET LIGTHBOX ==========*/

.toolset-dialog {
  width: 70% !important;
  left: 50px !important;
  background: #23282deb !important;
  padding: 50px !important;
  border-radius: 10px !important;
  overflow-y: scroll;
}

.toolset-dialog button {
  cursor: pointer !important;
  margin: 4px;
  padding: 15px;
  background: #135e96;
  transition: all 0.2s linear;
}

.ui-dialog-titlebar-close {
  background: red !important;
}

.ui-dialog-titlebar-close:hover {
  color: red;
}

.js-toolset-collapsible__toggle {
  background: #595959 !important;
}

.toolset-dialog button:hover {
  background: white !important;
  color: #135e96;
  transition: all 0.2s linear;
}

/*========== Si Internet Explorer ==========*/

html.internet-explorer body.ie {
  margin-top: 40px;
}

html.internet-explorer body.ie:after {
  content: "Vous utilisez actuellement Internet Explorer, certains éléments peuvent ne pas s'afficher correctement. Nous vous recommandons d'utiliser un autre navigateur.";
  position: absolute;
  padding: 10px;
  top: 0px;
  color: var(--blanc);
  background-color: #dd0000;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

/* ========== */

body {
  width: 100vw;
  overflow-x: hidden;
  background-color: #fff !important;
  position: relative;
	font-family: normalidad-wide, sans-serif;
	font-size: var(--fs-20);
	font-weight: var(--regular); 
	line-height: var(--fs-20);
}

p, a, h1, h2, h3, h4, h5, h6 {
	font-size: var(--fs-16);
	font-weight: var(--regular);
	line-height: var(--fs-25);
	color: var(--bleu-fonce);
	font-family: normalidad-wide, sans-serif;
}

a {
 transition: all .3s ease;
}

.fl-list-item-content-text a:hover {
	color: var(--bleu-clair);
}

.nowrap {
  white-space: nowrap;
}

.devant {
  z-index: 99;
  position: relative;
}

.nowrap {
  white-space: nowrap;
}

.maxwidth50 .fl-col-content {
  max-width: 50%;
}

@media all and (max-width: 768px) {
  .maxwidth50 .fl-col-content {
    width: 100%;
    max-width: inherit;
  }
}

.maxwidth1600px .fl-col-content {
  max-width: 1600px;
}

.maxwidth1200px .fl-col-content {
  max-width: 1200px;
}

.maxwidth1000px .fl-col-content {
  max-width: 1000px;
}

.maxwidth900px .fl-col-content {
  max-width: 900px;
}

.maxwidth800px .fl-col-content {
  max-width: 800px;
}

.maxwidth600px .fl-col-content {
  max-width: 600px;
}

.maxwidth400px .fl-col-content {
  max-width: 400px;
}

.droite .fl-col-content {
  margin-left: auto;
}

.centrer .fl-col-content {
  margin-left: auto;
  margin-right: auto;
}

.ultra-light {
  font-weight: 200;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.bold {
  font-weight: 700;
}

.black {
  font-weight: 900;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.normal {
  font-style: normal;
}

.lowercase {
  text-transform: lowercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.breadcrumbs span {
  font-family: normalidad-text;
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
  text-align: left;
  color: var(--bleu-fonce);
}

.balance {
  text-wrap: balance;
}

.pretty {
  text-wrap: pretty;
}

.overflow-hidden {
	overflow: hidden;
}

/*========================
* 
* 				TYPO
* 
* ======================*/

/*===== TITRE 1 =====*/

.titre-1,
.titre-1 .fl-heading-text{
  font-family: normalidad-wide, sans-serif !important;
  font-weight: 700;
  font-size: var(--fs-60);
  line-height: var(--fs-60); 
}

.titre-1.normal {
  font-weight: 400;
}

/*===== TITRE 2 =====*/

.titre-2,
.titre-2 .fl-heading-text {
  font-family: normalidad-wide, sans-serif !important;
  font-weight: 700;
  font-size: var(--fs-50);
  line-height: var(--fs-50);
}

/*===== TITRE 3 =====*/

.titre-3,
.titre-3 .fl-heading-text {
  font-family: normalidad-wide, sans-serif !important;
  font-weight: 500;
  font-size: var(--fs-40);
  line-height: var(--fs-40);
}

/*===== TITRE 4 =====*/

.titre-4,
.titre-4 h1,
.titre-4 h2,
.titre-4 h3,
.titre-4 h4,
.titre-4 h5,
.titre-4 h6,
.titre-4 .fl-heading-text {
  font-family: normalidad-wide, sans-serif !important;
  font-weight: 500;
  font-size: var(--fs-20);
  line-height: var(--fs-20);
}

/*===== SUR-TITRE =====*/

.sur-titre p {
  font-family: 'Space Mono' !important;
  font-size: var(--fs-16);
  line-height: 20px;
  text-transform: uppercase;
  margin: 0;
}

.sur-titre-produit {
	font-size: var(--fs-25);
	line-height: var(--fs-25);
	color: var(--bleu-clair);
	font-family: normalidad-wide, sans-serif !important;
}

/*===== SOUS-TITRE =====*/

.sous-titre p {
  font-family: 'Space Mono' !important;
  font-size: var(--fs-30);
  line-height: 20px;
  text-transform: uppercase;
  margin: 0;
}

/*===== Texte =====*/

.texte-16px p,
.texte-16px li {
  font-family: normalidad-text;
  font-size: var(--fs-16);
  line-height: var(--fs-16);
}

.texte-14px p,
.texte-14px li {
  font-family: normalidad-text;
  font-size: var(--fs-14);
  line-height: var(--fs-25);
}

.texte-18px p,
.texte-18px li {
  font-family: normalidad-text;
  font-size: var(--fs-18);
  line-height: var(--fs-18);
}

.texte-18px.wide p {
  font-family: normalidad-wide;
  font-weight: 700;
}

.texte-20px,
.texte-20px p,
.texte-20px li {
  font-family: normalidad-text;
  font-size: var(--fs-20);
  line-height: var(--fs-30);
}

.texte-25px,
.texte-25px h1,
.texte-25px h2,
.texte-25px h3,
.texte-25px h4,
.texte-25px h5,
.texte-25px h6,
.texte-25px p,
.texte-25px li {
  font-family: normalidad-wide, sans-serif !important;
  font-size: var(--fs-25);
  line-height: var(--fs-35);
}

.blanc {
  color: var(--blanc) !important;
}

.bleu-clair {
  color: var(--bleu-clair) !important;
}

/*========================
* 
* 				CTA
* 
* ======================*/

/*===== CTA transparent =====*/

.cta-transparent .fl-module-content .uabb-module-content.uabb-creative-button-wrap a,
.cta-transparent .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:visited {
  background-color: transparent;
  border: 1px solid var(--bleu);
  border-radius: 20em;

  font-family: normalidad-text !important;
  font-size: var(--fs-14);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;

  transition: 150ms linear;
  padding: 15px 60px !important;
}

.cta-transparent .fl-module-content .uabb-module-content.uabb-creative-button-wrap a span,
.cta-transparent .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:visited span,
.cta-transparent .fl-module-content .uabb-module-content.uabb-creative-button-wrap a i,
.cta-transparent .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:visited i {
  color: var(--bleu);
}

/* --- Hover */

.cta-transparent .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:hover,
.cta-transparent .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:focus,
.cta-transparent .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:active {
  background-color: var(--bleu);
}

.cta-transparent .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:hover span {
  color: var(--balanc);
}

/*===== CTA bleu =====*/

.cta-bleu .fl-module-content .uabb-module-content.uabb-creative-button-wrap a,
.cta-bleu .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:visited {
  background-color: var(--bleu);
  border: 1px solid var(--bleu);
  border-radius: 20em;

  font-family: normalidad-text !important;
  font-size: var(--fs-14);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;

  transition: 150ms linear;
  padding: 15px 60px !important;
}

/* --- Hover */

.cta-bleu .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:hover {
  background-color: var(--blanc);
}

.cta-bleu .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:hover span {
  color: var(--bleu);
}

/*===== CTA bleu clair =====*/

.cta-bleu-clair .fl-module-content .uabb-module-content.uabb-creative-button-wrap a,
.cta-bleu-clair .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:visited {
  background-color: var(--bleu-clair);
  border: 1px solid var(--bleu-clair);
	color: var(--blanc);
  border-radius: 20em;

  font-family: normalidad-text !important;
  font-size: var(--fs-14);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;

  transition: 150ms linear;
  padding: 15px 60px !important;
}

/* --- Hover */

.cta-bleu-clair .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:hover {
  background-color: transparent;
	color: var(--bleu-clair);
}

.cta-bleu-clair .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:hover span {
  color: var(--bleu-clair) !important;
}

/*===== CTA Bordures blanches =====*/

.cta-border-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a,
.cta-border-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:visited {
  background-color: transparent;
  border: 1px solid var(--blanc);
	color: var(--blanc);
  border-radius: 20em;

  font-family: normalidad-text !important;
  font-size: var(--fs-14);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;

  transition: 150ms linear;
  padding: 15px 60px !important;
}

/* --- Hover */

.cta-border-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:hover {
  background-color: var(--blanc);
	color: var(--bleu) !important;
}

.cta-border-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:hover span {
  color: var(--bleu) !important;
}

/*===== CTA blanc =====*/

.cta-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a,
.cta-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:visited {
  background-color: var(--blanc);
  border: 1px solid var(--blanc);
  border-radius: 20em;

  font-family: normalidad-text !important;
  font-size: var(--fs-14);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;

  transition: 150ms linear;
  padding: 15px 60px !important;
}

.cta-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a span,
.cta-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:visited span,
.cta-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a i,
.cta-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:visited i {
  color: var(--bleu);
}

/* --- Hover */

.cta-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:hover,
.cta-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:focus,
.cta-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:active {
  background-color: var(--bleu);
}

.cta-blanc .fl-module-content .uabb-module-content.uabb-creative-button-wrap a:hover span {
  color: var(--blanc);
}

/* Helpers */
.justify-content-between .fl-col-content {
	justify-content: space-between !important;
}

/*========================
* 
* 				HEADER
* 
* ======================*/

body:not(.fl-builder-edit) .rangs-menus {
  display: none;
  position: absolute;
  top: 90px;
  width: 100%;
}

.rangs-menus .col-titre-machines .fl-rich-text {
  font-family: normalidad-text;
  font-weight: bold;
  font-size: var(--fs-25);
  line-height: var(--fs-18);
  color: var(--bleu-fonce);
}

.rangs-menus .fl-icon-text-wrap {
  font-family: normalidad-text;
  font-size: var(--fs-20);
  line-height: var(--fs-18);
  color: #0be;
  padding-left: 2px !important;
  margin: 0 10px;
}

.rangs-menus .uabb-info-list-description p,
.rangs-menus .uabb-info-list-description a {
  font-family: normalidad-text !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  line-height: 14px !important;
  text-align: center !important;
  color: #005179;
  transition: all 200ms;
}

.rangs-menus .fl-module-info-list:hover .uabb-info-list-description p,
.rangs-menus .fl-module-info-list:hover .uabb-info-list-description a,
.rangs-menus .fl-module-info-list:hover img {
  color: #0be;
  cursor: pointer;
}

.blue-overlay {
  height: 100%;
  width: 100%;
  background: var(--bleu-fonce);
  opacity: 0.75;
  position: absolute;
  top: 200px;
  z-index: 98 !important;
}

#menu-menu-principal {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#menu-menu-principal .menu-item span {
  font-family: normalidad-text;
  font-size: var(--fs-20);
  line-height: var(--fs-20);
  color: var(--bleu);
  transition: all 200ms;
}

#menu-menu-principal .menu-item span:hover {
  color: #00bbee;
}

#menu-menu-principal .menu-item:nth-child(1) a,
#menu-menu-principal .menu-item:nth-child(2) a {
  border-right: solid 1px rgba(255, 255, 255, 0.5);
  padding: 0 10px;
	text-decoration: none !important;
}

.contact-menu a {
  border: solid 2px white;
  border-radius: 50px;
  padding: 15px !important;
  width: 180px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.15em;
}

header .contact a {
  font-family: normalidad-text;
  font-size: var(--fs-20);
  line-height: var(--fs-20);
  color: var(--blanc) !important;
  transition: all 200ms;
	text-decoration: none !important;
}

header .contact a:hover {
  color: var(--bleu-clair)!important;
}

/* RESPONSIVE */

#menu-mobile-1 * {
  border: none !important;
  background: transparent !important;
  box-shadow: none;
}

#menu-mobile-1 {
  width: 100% !important;
  margin: 10px !important;
}

#menu-mobile-1 a span {
  font-size: var(--fs-25);
	line-height: var(--fs-25);
  color: #fff;
}

#menu-mobile-1 .sub-menu a span {
  font-size: var(--fs-20);
	line-height: var(--fs-20);
}

#menu-mobile-1 .sub-menu {
  margin-bottom: 20px;
}

#menu-mobile-1 .menu-item-text {
  display: flex;
  justify-content: center;
}

#menu-mobile-1 .uabb-menu-toggle {
  transform: translatey(-1px);
}

/*===== CTA Bleu Menus =====*/

.cta-bleu-menus .uabb-module-content.uabb-creative-button-wrap a,
.cta-bleu-menus .uabb-module-content.uabb-creative-button-wrap a:visited {
	background: transparent !important;

  font-family: normalidad-text !important;
  font-size: var(--fs-20);
  font-weight: 400;

  transition: 150ms linear;
	padding: 0 0 5px 0;
	pointer-events: none; /* empêche tout clic */
  cursor: default; 
}

.cta-bleu-menus .uabb-module-content.uabb-creative-button-wrap a span,
.cta-bleu-menus .uabb-module-content.uabb-creative-button-wrap a:visited span,
.cta-bleu-menus .uabb-module-content.uabb-creative-button-wrap a i,
.cta-bleu-menus .uabb-module-content.uabb-creative-button-wrap a:visited i {
  color: var(--bleu-clair);
}

.cta-bleu-menus .uabb-module-content.uabb-creative-button-wrap a i,
.cta-bleu-menus .uabb-module-content.uabb-creative-button-wrap a:visited i {
  font-size: var(--fs-16);
	margin: 0;
	display: inline-block;
	transform: translatey(1px);
}

/* --- Hover */

.cta-bleu-menus .uabb-module-content.uabb-creative-button-wrap a:hover,
.cta-bleu-menus .uabb-module-content.uabb-creative-button-wrap a:focus,
.cta-bleu-menus .uabb-module-content.uabb-creative-button-wrap a:active {
  opacity: 0.5;
}

/* RESPONSIVE */

#menu-mobile * {
  border: none !important;
  background: transparent !important;
  box-shadow: none;
}

#menu-mobile {
  width: 100% !important;
  margin: 10px !important;
}

#menu-mobile a span {
  font-size: var(--fs-25);
	line-height: var(--fs-30);
  color: #fff;
	font-weight: var(--semi-bold);
}

#menu-mobile .sub-menu a span {
  font-size: var(--fs-20);
	font-weight: var(--regular);
}

#menu-mobile .sub-menu a {
	padding-top: 8px !important;
	padding-bottom: 8px!important;
}

#menu-mobile .sub-menu {
  margin-bottom: 20px;
	margin-left: 0;
}

#menu-mobile .menu-item-text {
  display: flex;
  justify-content: center;
  gap: 5px;
}

#menu-mobile .uabb-menu-toggle {
  transform: translatey(-1px);
}

.contact-menu.menu-open a {
  width: 100%;
  margin-top: 30px;
}

/*========================
* 
* 				FOOTER
* 
* ======================*/

/*===== CTA Footer =====*/

.cta-footer .uabb-module-content.uabb-creative-button-wrap a,
.cta-footer .uabb-module-content.uabb-creative-button-wrap a:visited {
  background-color: transparent;
  border: 1px solid var(--blanc);
  border-radius: 20em;

  font-family: normalidad-text !important;
  font-size: var(--fs-14);
  font-weight: 500;

  transition: 150ms linear;
  padding: 15px 20px !important;
  width: 200px;
}

.cta-footer .uabb-module-content.uabb-creative-button-wrap a span,
.cta-footer .uabb-module-content.uabb-creative-button-wrap a:visited span,
.cta-footer .uabb-module-content.uabb-creative-button-wrap a i,
.cta-footer .uabb-module-content.uabb-creative-button-wrap a:visited i {
  color: var(--blanc);
}

/* --- Hover */

.cta-footer .uabb-module-content.uabb-creative-button-wrap a:hover,
.cta-footer .uabb-module-content.uabb-creative-button-wrap a:focus,
.cta-footer .uabb-module-content.uabb-creative-button-wrap a:active {
  background-color: var(--blanc);
}

.cta-footer .uabb-module-content.uabb-creative-button-wrap a:hover span {
  color: var(--bleu);
}

/* --- */

.sans-margin-bottom p {
  margin-bottom: 0;
}

/*========================
* 
* 				HOME PAGE
* 
* ======================*/

@media all and (max-width: 1000px) {
  .bg-top-home .fl-row-content-wrap {
    background-position: 80% center !important;
  }
}

.icon-before {
  position: relative;
}

.icon-before::before {
  content: '';
  background-image: url(https://www.gruau-btp.hend3.fr/wp-content/uploads/2025/05/before-titre-1.png);
  background-size: cover;
  width: 50px;
  height: 39px;
  position: absolute;
  top: -20px;
  left: -30px;
}

.col-flex-row .fl-col-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

@media all and (max-width: 1200px) {
  .icon-before::before {
    display: none !important;
  }
}

/* === Vehicules === */

.col-flex-vehicules .fl-photo-caption {
  font-family: normalidad-text;
  font-size: var(--fs-18);
  line-height: var(--fs-18);
  color: var(--bleu);
  padding: 5px 20px;
}

.col-flex-vehicules .fl-col-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.col-flex-vehicules .fl-col-content .fl-module-photo {
  width: 33%;
  margin: 20px 0 0 0;
}

@media all and (max-width: 1000px) {
  .col-flex-vehicules .fl-col-content .fl-module-photo {
    width: 50%;
  }
}

/* === Metier === */

.image-metier {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transform: translate(10px);
  transition: opacity 300ms linear, visibility 0s linear 0s, max-height 0s linear, transform 300ms;
}

.image-metier.active {
  opacity: 1;
  visibility: visible;
  transform: translate(00px);
  max-height: 1000px;
}

.image-metier,
.image-metier * {
  width: auto !important;
  height: 100% !important;
}

.col-cta-metier .fl-col-content {
  justify-content: space-between !important;
  gap: 12px;
}

/* --- CTA Metier */

.cta-metier .uabb-module-content.uabb-creative-button-wrap a,
.cta-metier .uabb-module-content.uabb-creative-button-wrap a:visited {
  background-color: var(--blanc);
  border: 1px solid var(--bleu);
  border-radius: 12px;

  font-family: normalidad-text !important;
  font-size: var(--fs-14);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: left;

  transition: 150ms linear;
  padding: 15px 20px !important;
  width: 100%;
}

.cta-metier .uabb-module-content.uabb-creative-button-wrap a span,
.cta-metier .uabb-module-content.uabb-creative-button-wrap a:visited span,
.cta-metier .uabb-module-content.uabb-creative-button-wrap a i,
.cta-metier .uabb-module-content.uabb-creative-button-wrap a:visited i {
  color: var(--bleu);
}

/* --- Hover */

.cta-metier .uabb-module-content.uabb-creative-button-wrap a:hover,
.cta-metier .uabb-module-content.uabb-creative-button-wrap a:focus,
.cta-metier .uabb-module-content.uabb-creative-button-wrap a:active {
  background-color: var(--bleu-clair);
  border: 1px solid var(--bleu-clair);
}

.cta-metier .uabb-module-content.uabb-creative-button-wrap a:hover span,
.cta-metier .uabb-module-content.uabb-creative-button-wrap a:hover i {
  color: var(--blanc);
}

/* === Accompagnement & services === */

.maxwidth500px {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 1200px) {
  .bloc-accompagnement-home .fl-row-content-wrap::after {
    background: none;
  }
}

/* Page listes actualités*/
.list-actualites.advanced-post-actualites .uabb-post-wrapper:not(.slick-active) {
	opacity: 1;
}

.list-actualites.advanced-post-actualites .uabb-blogs-pagination .page-numbers .current {
	color: var(--bleu-clair);
}

/* === Actualites === */
/* Home & page liste */
.advanced-post-actualites .uabb-blog-posts .uabb-post-thumbnail img {
	border-radius: 20px;
}

.advanced-post-actualites .slick-list {
  overflow: visible !important;
}

.advanced-post-actualites .uabb-post-wrapper:not(.slick-active) {
  opacity: 0.3;
}

.advanced-post-actualites .uabb-post__terms a {
  font-family: 'Space Mono';
  font-weight: 400;
  font-size: var(--fs-16);
  line-height: 20px;
  color: #133853;
  text-transform: uppercase;
}

.advanced-post-actualites .uabb-post-heading a {
  font-family: normalidad-wide, sans-serif !important;
  font-weight: 700;
  font-size: var(--fs-18);
  line-height: 20px;
  color: #133853;
}

.advanced-post-actualites .uabb-blog-posts-description {
	  font-family: normalidad-text;
    font-size: var(--fs-18);
    line-height: var(--fs-22);
	font-weight: var(--light);
	padding-top: 15px;
	
}

.advanced-post-actualites .uabb-post-thumbnail a img {
  aspect-ratio: 1.18/1;
  object-fit: cover;
}

.advanced-post-actualites .slick-arrow {
  top: -30px !important;
  transition: 150ms linear;
}

.advanced-post-actualites .slick-arrow:hover {
  opacity: 0.5;
}

.advanced-post-actualites .slick-prev {
  left: calc(100% - 50px) !important;
}

.advanced-post-actualites .slick-next {
  right: 0px !important;
}*/

/* === Temoignages === */

.advanced-post-temoignages .uabb-blog-posts .slick-list {
	overflow: visible !important;
}

.advanced-post-temoignages .slick-list {
  overflow: visible !important;
}

.advanced-post-temoignages .uabb-post-wrapper:not(.slick-active) {
  opacity: 0.3;
}

.advanced-post-temoignages .uabb-post__terms a {
  font-family: normalidad-wide, sans-serif;
  font-weight: 400;
  font-size: var(--fs-14);
  letter-spacing: 0.04em;
  text-align: center;
  color: #0be !important;
	pointer-events: none;
  cursor: default;
}

.advanced-post-temoignages .uabb-post-heading a {
  font-family: normalidad-wide, sans-serif !important;
  font-weight: 700;
  font-size: var(--fs-16);
  line-height: 20px;
  letter-spacing: 0.05em;
  color: #133853;
  text-transform: uppercase;
	pointer-events: none;
  cursor: default;
}

.advanced-post-temoignages .uabb-blog-posts-description {
  font-family: normalidad-text !important;
  font-weight: normal;
  font-size: var(--fs-18);
  letter-spacing: 0.01em;
  line-height: 25px;
  color: #133853;
  padding-top: 10px;
}

.advanced-post-temoignages .uabb-post-thumbnail a img {
  width: 120px;
}

.advanced-post-temoignages .uabb-post-thumbnail a {
  	pointer-events: none;
  cursor: default;
}


.advanced-post-temoignages .slick-arrow {
  top: -30px !important;
  transition: 150ms linear;
}

.advanced-post-temoignages .slick-arrow:hover {
  opacity: 0.5;
}

.advanced-post-temoignages .slick-prev {
  left: calc(100% - 50px) !important;
}

.advanced-post-temoignages .slick-next {
  right: 0px !important;
}

.advanced-post-temoignages .slick-arrow i {
  background: transparent;
}

.advanced-post-temoignages .uabb-blog-posts-shadow {
	transition: 100ms ease-out !important;
	border-radius: 20px !important
		
}

.advanced-post-temoignages .slick-dots .slick-active button::before,
.advanced-post-actualites .slick-dots .slick-active button::before {
	color: transparent !important;
	border: 1px solid #00BBEE;
	border-radius: 20em;
}


.advanced-post-temoignages .slick-dots,
.advanced-post-actualites .slick-dots {
	padding: 0 !important;
	height: 30px;
	margin-top: 20px !important;
}

.advanced-post-temoignages .slick-dots li,
.advanced-post-actualites .slick-dots li {
	margin: 0 5px !important;
}

.advanced-post-temoignages .slick-dots button::before,
.advanced-post-actualites .slick-dots button::before {
	background: #5A5A5A !important;
	color: #5A5A5A !important;
	border: 1px solid #5A5A5A !important;
	border-radius: 20em !important;
	opacity: 1 !important;
	position: initial !important;
}

.advanced-post-temoignages .slick-dots .slick-active button::before,
.advanced-post-actualites .slick-dots .slick-active button::before {
	background: transparent !important;
	color: transparent !important;
	border: 1px solid #00BBEE !important;
	border-radius: 20em !important;
	opacity: 1 !important;
	position: initial !important;
}


@media all and (max-width: 1000px) {
	.advanced-post-temoignages .slick-arrow,
	.advanced-post-actualites .slick-arrow {
		display: none !important;
	}

	.advanced-post-temoignages .slick-arrow,
	.advanced-post-actualites .slick-arrow {
		display: block;
	}
}

@media all and (min-width: 1000px) {
	.advanced-post-temoignages .slick-arrow,
	.advanced-post-actualites .slick-arrow {
		display: block;
	}

	.advanced-post-temoignages .slick-dots,
	.advanced-post-actualites .slick-dots {
		display: none !important;
	}
}

/* -----------------------
 * 
 * Fil d'ariane
 * 
 ------------------------ */

.widget_breadcrumb_navxt .widgettitle {
	display: none;
}

.widget_breadcrumb_navxt .breadcrumbs {
	color: var(--bleu-fonce);
	font-size: var(--fs-18);
	line-height: var(--fs-25);
}

.widget_breadcrumb_navxt .breadcrumbs .taxonomy {
		pointer-events: none;
  cursor: default;
}


/*========================
*
* 	Sticky lateral 
*
* ======================*/

.sticky {
  position: fixed;
  right: -30px;
  top: 350px;
  width: 120px;
  height: 70px;
  color: white;
  display: flex;
  flex-direction: row;
  z-index: 150;
  transform: rotate(270deg);
  border: none;
  background: var(--bleu-clair);
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 20px 20px 0 0;
  transition: all 200ms;
  cursor: pointer;
}

.sticky.actu {
  top: 490px;
  padding: 0 20px 0 20px;
}

.sticky:hover {
  background: var(--bleu);
}

.sticky a {
  text-align: center;
  color: var(--blanc);
  font-family: normalidad-text !important;
  font-size: 16px;
  margin-right: 10px;
}

.sticky img {
  width: 25px;
  transform: rotate(90deg);
  padding: 10px 0;
}

@media all and (width < 1000px) {
  .sticky {
    display: none;
  }

  .carre {
    background: #23262b;
    width: 44px;
    height: 44px;
  }

  .eboutique img {
    height: 132px;
  }
}

/* Page Produit */
/* Onglets aménagements en détail */
.tab-produit .uabb-tabs .uabb-tabs-nav li,
.tab-produit .uabb-tabs .uabb-tabs-nav li.uabb-tab-current .uabb-tab-link{
	border-radius: 12px;
}

.tab-produit .uabb-tabs .uabb-tabs-nav li .uabb-tab-link {
	  font-family: normalidad-wide, sans-serif !important;
  font-size: var(--fs-25);
  line-height: var(--fs-30);
	font-weight: 500;
	padding: 40px 20px 40px; 
}

.uabb-tabs.uabb-tabs-style-linebox > nav a::after {
	transform: translate3d(0, 100%, 0) translate3d(0, 1px, 0) !important;
}

.uabb-tabs.uabb-tabs-style-linebox > nav li.uabb-tab-current a::after {
	border-radius: 12px;
	transform: translate3d(0, 0, 0) !important;
}

/* Mobile */
.tab-produit .uabb-content-wrap .uabb-tab-acc-title {
	padding: 20px !important; 
}

.tab-produit .uabb-content-wrap .uabb-tab-acc-title .uabb-tab-title {
	font-family: normalidad-wide, sans-serif !important;
  font-size: var(--fs-25);
  line-height: var(--fs-30);
	font-weight: 500;
}


/* 
 * Grille de photos page produit
 */
.uabb-photo-gallery-item {
	position: relative; 
	overflow: hidden;
}

.uabb-photo-gallery-item .uabb-photo-gallery-content {
	border-radius: 22px;
}

.uabb-photo-gallery-item .uabb-photo-gallery-content a {
	cursor: initial !important;
}

/* Hover de la photo, légende qui s'affiche */
.uabb-photo-gallery-item .uabb-photo-gallery-caption {
	height: 50%;
	width: calc(100% - 16px); 
	opacity: 1;
	background-color: rgba(0, 81, 121, .5);
	border-radius: 22px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
padding: 8px;
    margin: 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.5s ease;
	color: var(--blanc);
		font-family: normalidad-wide, sans-serif !important;
  font-size: var(--fs-16);
  line-height: var(--fs-20);
	font-weight: 200;
	transform: translateY(120%)
}

.uabb-photo-gallery-item:hover .uabb-photo-gallery-caption {
	transform: translateY(0%);
}

.uabb-photo-gallery-item .uabb-photo-gallery-content .uabb-gallery-img {
	aspect-ratio: 4 / 3;
 object-fit: cover;
}

@media all and (max-width: 480px) {
	.uabb-photo-gallery-item .uabb-photo-gallery-caption {
		position: relative;
		transform: translateY(0%);
	}
}

/* FAQ */
.tab-faq .uabb-adv-accordion-item .uabb-adv-accordion-button {
	border-color: #707070 !important;
	border-top-left-radius: 12px;
  border-top-right-radius: 12px;
		border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
	transition: all .3s ease;
}

.tab-faq .uabb-adv-accordion-item.uabb-adv-accordion-item-active .uabb-adv-accordion-button {
	border-top-left-radius: 12px;
  border-top-right-radius: 12px;
	border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.tab-faq .uabb-adv-accordion-item .uabb-adv-accordion-button .uabb-adv-accordion-button-label {
	border-color: #707070 !important;
	font-size: var(--fs-20);
	line-height: var(--fs-20);
	color: var(--bleu-fonce);
	font-family: normalidad-text !important;
	font-weight: var(--regular);
}

.tab-faq .uabb-adv-accordion-item .uabb-adv-accordion-icon-wrap .ua-icon {
	color: var(--bleu-fonce);
}

.tab-faq .uabb-adv-accordion-item .uabb-adv-accordion-content {
	font-size: var(--fs-16);
	line-height: var(--fs-20);
	color: var(--bleu-fonce);
	font-family: normalidad-text !important;
	font-weight: var(--light);
	border-color: #707070 !important;
	border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.tab-faq .uabb-adv-accordion-collapse {
	position: relative;
}
.tab-faq .uabb-adv-accordion-collapse:after {
	content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 80%) 100%);
	pointer-events: none;
}

.tab-faq.no-bg .uabb-adv-accordion-collapse:after {
	content:none;
}

/* Slider */

.slider-produit-detail .fl-module-content-slider .fl-slide-title {
	font-family: normalidad-wide, sans-serif !important;
  font-size: var(--fs-20);
  line-height: var(--fs-20);
	font-weight: var(--bold);
	margin-bottom: 15px !important;
}

.slider-produit-detail .fl-module-content-slider .fl-slide-text {
	font-family: normalidad-wide, sans-serif !important;
  font-size: var(--fs-20);
  line-height: var(--fs-30);
	font-weight: var(--light);
	margin-bottom: 0 !important;
}

.fl-builder-content .bx-wrapper .bx-viewport {
	overflow: visible !important;
}

.fl-content-slider .fl-slide {
    display: block !important;
    position: relative !important; /* permet à toutes les slides de s'empiler verticalement */
    opacity: 0.5;
    visibility: visible !important;
    transition: opacity 0.3s ease;
}

.fl-content-slider .fl-slide[aria-hidden="false"] {
    opacity: 1 !important;
}

.fl-content-slider .fl-content-slider-navigation .slider-prev .fl-content-slider-svg-container svg,
.fl-content-slider .fl-content-slider-navigation .slider-next .fl-content-slider-svg-container svg {
	display: none;
}

/********
 * 
 * Page sous catégories
 * 
 * 
 * Bloc Remontées des contenus de la sous-catégorie
 * 
 */

/* Bannière top */

.banner-page-subcategory {
	
}

.banner-page-subcategory .widget_breadcrumb_navxt .widgettitle {
	display: none;
}

.banner-page-subcategory .widget_breadcrumb_navxt .breadcrumbs,
.banner-page-subcategory .widget_breadcrumb_navxt .breadcrumbs span {
	color: var(--blanc);
	font-size: var(--fs-18);
	line-height: var(--fs-25);
}


.banner-page-subcategory .widget_breadcrumb_navxt .breadcrumbs {
	color: var(--blanc);
	font-size: var(--fs-18);
	line-height: var(--fs-25);
}

.subcategory-page-bloc-display-product .uabb-post-wrapper .uabb-blog-posts-shadow {
	/* Ajouter forme en css */
}

.subcategory-page-bloc-display-product .uabb-post-wrapper .uabb-blog-posts-shadow .uabb-blog-post-content .uabb-post-heading a {
	font-weight: var(--regular);
	font-size: var(--fs-18);
	line-height: var(--fs-18);
}

/* Page actualités */

.liste-articles .fl-post-grid-post {
	border-radius: 20px;
	overflow: hidden;
}

.liste-articles .fl-post-grid-post .fl-post-image img {
	  height: 250px;
    object-fit: cover;
	border-radius: 20px;
}
.liste-articles .fl-post-grid-post .fl-post-text .fl-post-title {
	padding: 15px 0; 
}

/* FAQ */


.contenu-faq .uabb-faq-module .uabb-faq-questions-button .uabb-faq-question-label {
		font-family: normalidad-wide, sans-serif !important;
		font-size: var(--fs-20);
		line-height: var(--fs-30);
}

/* Page catégorie (exemple page nos remorques de chantier) */

.carte-produit-categories .uabb-bb-box .uabb-background .uabb-inner-mask{
	padding: 30px 30px 30px 45px; 
}


.carte-produit-categories .uabb-bb-box .uabb-background .uabb-inner-mask .uabb-ib1-button-outter {
	padding-left: 0; 
}

/*--------------------------------------------------------------------- FORMULAIRES ---------------------------------------------------------------------------------------------------*/
.a71form_wrapper.gform_wrapper.gravity-theme input[type=color], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=date], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=datetime-local], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=datetime], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=email], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=month], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=number], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=password], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=search], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=tel], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=text], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=time], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=url], 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=week], 
.a71form_wrapper.gform_wrapper.gravity-theme select, 
.a71form_wrapper.gform_wrapper.gravity-theme textarea,
.a71form_wrapper.gform_wrapper label {
	  font-size: 16px;
		margin:0;    
		padding: 8px 15px;
    border-radius: 22Px;
		font-family: normalidad-wide, sans-serif !important;
		background-color:var(--white);
		border-color: var(--bleu); 
		color: var(--bleu-fonce);
		font-weight: var(--normal);
}

.a71form_wrapper.gform_wrapper.gravity-theme input[type=color]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=date]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=datetime-local]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=datetime]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=email]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=month]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=number]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=password]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=search]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=tel]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=text]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=time]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=url]::placeholder, 
.a71form_wrapper.gform_wrapper.gravity-theme input[type=week]::placeholder,
.a71form_wrapper.gform_wrapper.gravity-theme textarea::placeholder
{
	color: var(--bleu-fonce);
	opacity: .9;
	font-size: 16px;
	font-weight: var(--light);
}

.a71form_wrapper.gform_wrapper legend {
		font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 8px 11px;
		font-family: normalidad-wide, sans-serif !important;
		background-color:var(--white);
	border-color: var(--bleu); 
	color: var(--bleu-fonce);
	font-weight: var(--medium) !important;
}
.a71form_wrapper.gform_wrapper input[type="radio"], input[type="checkbox"]{
	display: none;
}

.a71form_wrapper.gform_wrapper input[type="radio"], input[type="checkbox"] +label:before {
	content: "";
  width: 17px;
  height: 17px;
  background-color: #ffffff;
	border: 1px solid var(--bleu-fonce);
  border-radius: 8px;
	margin:6px 9px 0px 0px;
	padding:0px 0px 0px 1px;
	vertical-align: middle; 
  text-align: center;
	display:inline-block;
	margin-bottom:10px;
}

.a71form_wrapper.gform_wrapper  input[type=checkbox]:checked + label:before {
	color: var(--bleu-fonce);
	font-family:'Font Awesome 5 Free';
	content:"\f058";
	font-size: 17px;
	font-weight: 100;
  background-color:#ffffff;	
	border: 0px solid;
	position:relative;
	top:-4px;
	left:-1px;
}

.a71form_wrapper.gform_wrapper .gform_footer input[type=submit] {
  background-color: var(--bleu-fonce);
  border: 1px solid var(--bleu-fonce);
  border-radius: 20em;

  font-family: normalidad-text !important;
  font-size: var(--fs-16);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;

  transition: 150ms linear;
  padding: 15px 60px !important;
	width: 100%;
}
.a71form_wrapper.gform_wrapper .gform_footer input[type=submit]:hover {
  background-color: var(--blanc);
	color:var(--bleu-fonce);
  border: 1px solid var(--bleu-fonce);
  border-radius: 20em;

  font-family: normalidad-text !important;
  font-size: var(--fs-16);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;

  transition: 150ms linear;
  padding: 15px 60px !important;
	width: 100%;
}


/* Erreurs */
.a71form_wrapper.gform_wrapper.gravity-theme .gfield_validation_message, 
.a71form_wrapper.gform_wrapper.gravity-theme .validation_message {
		  font-size: 16px;
    padding: 8px 11px;
    border-radius: 22Px;
}

.gform_confirmation_message {
	color:var(--bleu-fonce);
}










