/*
Theme Name: Theme enfant - Gyrax
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: Gyrax
Author: Agence 71
Author URI: https://agence71.fr
template: bb-theme
*/

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

:root {
  /* COULEURS */
  --blanc: #fff;
  --noir: #313537;
  --rouge: #C00000;

  /* 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 */
  --Jost: 'Jost', sans-serif;
  --Outfit: 'Outfit', 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: #C00000;
  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://gyrax.fr/fr/wp-content/uploads/2025/09/favicon-gyrax.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.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://gyrax.fr/fr/wp-content/uploads/2025/09/favicon-gyrax.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.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
 * 
* ======================*/

.fl-page-content a:hover {
  text-decoration: none !important;
}

.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;
}

.hidden {
	display: none !important;
}

.nowrap {
  white-space: nowrap;
}

.fl-rich-text p {
  margin: 0 !important;
  line-height: 35px;
}

.no-border,
.no-border a {
  border: none !important;
  background: #ffffff00 !important;
}

.no-border a:hover {
  background: var(--blanc) !important;
}

.no-border a:hover > * {
  color: var(--rouge) !important;
}

.breadcrumbs span {
  text-transform: uppercase;
  color: var(--red) !important;
  font-style: italic;
  font-weight: var(--medium);
}

.breadcrumbs span:last-child span {
  color: var(--noir) !important;
}

.italic * {
  font-style: italic !important;
}

.maxwidth1920px .fl-col-content,
.maxwidth1920px .fl-html {
  max-width: 1920px;
}

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

.maxwidth1300px .fl-col-content {
  max-width: 1300px;
}

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

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

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

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

.maxwidth500px .fl-col-content {
  max-width: 500px;
}

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

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

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

/* Articles */
.single-article {
  display: flex;
  flex-direction: row;
}

.single-article .uabb-post-thumbnail {
  max-width: 250px !important;
}

.single-article img {
  max-width: 100% !important;
  margin-top: 0px;
}

.single-article .contenu {
	margin: 5px 20px 5px 20px;
}

.single-article .contenu p {
  text-align: left;
  padding: 0 !important;
}

.single-article .contenu .uabb-post-heading {
  text-align: left;
  padding: 0 !important;
}

.single-article .uabb-blog-posts-category {
  font-family: var(--Outfit) !important;
  text-transform: uppercase;
  font-weight: var(--thin) !important;
  font-size: 25px;
  color: #313537 !important;
}

.single-article .uabb-post-heading {
  font-family: var(--Outfit) !important;
  font-weight: bold;
  font-size: 30px;
  color: #313537;
	margin: 0 0 5px 0 !important;
}

.single-article .uabb-blog-posts-description p {
  font-family: var(--Outfit) !important;
  font-weight: 500;
  font-size: 18px !important;
  color: #313537;
  padding: 0;
}

.single-article .uabb-read-more-text a {
  font-family: var(--Outfit) !important;
  font-weight: bold;
  font-size: 16px;
  color: var(--rouge) !important;
}

.uabb-blog-posts .uabb-blog-posts-shadow img {
  max-width: 230px !important;
} 
.uabb-blog-posts .uabb-read-more-text a {
  line-height: 20px !important;
}

@media all and (max-width: 768px) {
	.single-article {
    flex-direction: column;
  }
		
  .single-article .contenu {
    margin: 20px !important;
  }

  .single-article .uabb-post-thumbnail {
    max-width: 100% !important;
  }
	
  .uabb-blog-posts .uabb-blog-posts-shadow img {
    max-width: 100% !important;
  }
}

/*========== 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: #fff;
  background-color: #dd0000;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

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

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

.nowrap {
  white-space: nowrap;
  transition: unset !important;
}
@media all and (min-width: 769px) {
  .maxwidth50 .fl-col-content {
    max-width: 50%;
  }

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

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

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

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

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

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

.thin,
.thin * {
  font-weight: var(--thin) !important;
}

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

.light {
  font-weight: 300;
}

.regular {
  font-weight: var(--regular) !important;
}

.medium,
.medium * {
  font-weight: var(--medium);
}

.semi-bold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.extra-bold {
  font-weight: 800;
}

.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;
}

.uppercase,
.uppercase * {
  text-transform: uppercase !important;
  line-height: 63px !important;
}

.blanc,
.blanc * {
  color: var(--white);
}

.bold,
.bold .fl-module-content * {
  font-weight: var(--bold);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--Outfit) !important;
}

.text14px,
.text14px p,
.text14px * {
  font-size: var(--fs-14) !important;
	line-height: 1.5 !important;
}

.text18px,
.text18px,
.text18px p,
.text18px * {
  font-size: var(--fs-18) !important;
	line-height: 1.5 !important;
}

.text20px,
.text20px,
.text20px p,
.text20px * {
  font-size: var(--fs-20) !important;
	line-height: 1.5 !important;
}

.text25px,
.text25px p, 
.text25px .fl-rich-text p,
.text25px .fl-heading-text {
  font-size: var(--fs-25) !important;
  line-height: 1.2 !important;
}

.text30px,
.text30px p, 
.text30px .fl-rich-text p,
.text30px .fl-heading-text {
  font-size: var(--fs-30) !important;
	line-height: 1.2 !important;
}

.text40px,
.text40px p,
.text40px.fl-heading-text,
.text40px .fl-rich-text p,
.text40px .fl-heading-text {
  font-size: var(--fs-40) !important;
	line-height: 1.2 !important;
}

.text50px,
.text50px p,
.text50px .fl-rich-text p,
.text50px .fl-heading,
.text50px .fl-heading-text {
  font-size: var(--fs-50) !important;
	line-height: 1.2 !important;
}

.text60px,
.text60px p,
.text60px .fl-rich-text p,
.text60px .fl-heading,
.text60px .fl-heading-text {
  font-size: var(--fs-60) !important;
  line-height: 1.2 !important;
}

.rouge,
.rouge * {
  color: var(--rouge);
}

.noir,
.noir * {
  color: var(--noir) !important;
}

.bi-color.fl-heading-text span,
.bi-color .fl-heading-text span,
.bi-color span.rouge,
.bi-color span span {
  color: var(--rouge);
}
.outfit .fl-rich-text h1,
.outfit.fl-rich-text p,
.outfit .fl-rich-text p,
.outfit.fl-heading-text,
.outfit .fl-heading-text,
.outfit li {
  font-family: var(--Outfit) !important;
  line-height: 1.5;
}

.thin-rang .fl-rich-text p {
  margin-bottom: 0 !important;
}

.text-shadow {
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}

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


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

.cta-caracteristiques a {
  width: 600px !important;
  padding: 10px 20px !important;
  text-align: left;
}

.no-padding a {
  padding: 5px !important;
}

.no-padding a:hover {
  background: transparent !important;
  border: 1px transparent solid !important;
}

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

.cta a {
  width: 360px !important;
  font-family: var(--Outfit);
  font-weight: bold;
  border-radius: 0 !important;
  font-size: var(--fs-20);
  padding: 30px 0;
  line-height: 1;
}

@media (width < 768px) {
  .cta-gauche a {
    max-width: 65vw !important;
  }
}

.cta-small a {
  width: fit-content !important;
  padding: 30px 35px;
}

.cta-bas a {
  padding: 10px 0;
}

.cta-large a {
  width: 450px !important;
}

.cta.transparent a {
  background: transparent !important;
}

.cta-gauche a {
  text-align: left;
  padding-left: 10px;
  max-width: 350px;
}

.cta-clear a {
  background: var(--blanc) !important;
  border: solid 1px var(--rouge) !important;
  width: 480px;
}

.cta-clear a > * {
  color: var(--rouge) !important;
  font-family: var(--Jost) !important;
}

.cta-clear a:hover {
  background: var(--rouge) !important;
  border: solid 1px var(--rouge) !important;
}

.cta-clear a:hover > * {
  color: var(--blanc) !important;
}

.cta-rouge a {
  background: var(--rouge) !important;
  border: solid 1px var(--rouge) !important;
}

.cta-rouge a > * {
  color: var(--blanc) !important;
}

.cta-rouge a:hover {
  background: var(--blanc) !important;
  border: solid 1px var(--blanc) !important;
}

.cta-rouge a:hover > * {
  color: var(--rouge) !important;
}

.cta-white a {
  background: #ffffff00 !important;
  border: solid 1px var(--blanc) !important;
}

.cta-white a > * {
  color: var(--blanc);
}

.cta-white a:hover {
  background: var(--blanc) !important;
  border: solid 1px var(--blanc) !important;
}

.cta-white a:hover > * {
  color: var(--rouge) !important;
}

@media screen and (width < 768px) {
  .cta-clear a,
  .cta a,
  .cta-rouge a {
    width: 85vw !important;
  }
}

.cta-rouge-chevron a {
  background: none !important;
  padding: 0;
}

.cta-rouge-chevron span {
  font-family: var(--Outfit);
  font-weight: bold !important;
  font-size: 18px !important;
  line-height: 35px !important;
  text-align: left !important;
  color: #db001a !important;
}

.cta-rouge-chevron span:hover {
  color: #313537 !important;
}

.cta-rouge-chevron span:before {
  content: '> ';
}

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

#fl-main-content {
	padding-top: 140px;
}

@media all and (max-width: 1200px) {
	#fl-main-content {
		padding-top: 75px;
	}
}


/*===== MENU espace pro =====*/

.espace-pro {
	display: none !important; 
}

.carriere-emploi {
	display: none !important; 
}
/*===== MENU DESKTOP =====*/

.no-click .fl-has-submenu-container a {
  pointer-events: none;
}

.header-rang-1 {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important;
}

header .uabb-creative-menu-mobile-toggle.hamburger .uabb-svg-container,
header .uabb-creative-menu-mobile-toggle.hamburger-label .uabb-svg-container {
  width: 2em;
  height: 2em;
}

@media all and (max-width: 768px) {
  header .uabb-creative-menu-mobile-toggle.hamburger .uabb-svg-container,
	header .uabb-creative-menu-mobile-toggle.hamburger-label .uabb-svg-container {
		width: 1.5em;
		height: 1.5em;
	}
}
#rang-gris {
	max-height: 65px !important;
	z-index: 100;
	position: relative;
}
/* MENU PRINCIPAL */

.logo-rangee-blanc img {
	height: 75px;
}

/* 
 * 
 * 
 * !! Position fixed !!
 * 
 * extend .fl-theme-builder-header-sticky
 * 
 * Coché en BO mais class non prise en compte
 * 
 * */
header.fl-builder-content {
	  position: fixed !important;
    width: 100% !important;
    z-index: 100 !important;
}

#menu-rang-blanc {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	z-index: 99;
	position: relative;
}

#menu-principal li {
	margin: 0;
}

#menu-principal li a {
	font-family: Jost;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	letter-spacing: 0.03em;
	color: #313537;
	text-transform: uppercase;
	padding: 0;
	margin: 0 20px;

	display: flex;
	height: 75px;
	align-items: center;
	position: relative;
}

#menu-principal li a::after {
	content:'';
	background: white;
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transition: 150ms linear;
	transform: translatex(-50%);
}

#menu-principal li:hover a::after {
	background: #DB001A;
}

#menu-principal li.is-active a::after {
	background: #DB001A;
}

.rangee-menu, .rangee-cta {
	display: none;
}

@media all and (max-width: 1250px) {
	#menu-principal li a {
		margin: 0 8px;
	}
}

/* SOUS MENU */

.menu-dans-la-rangee .fl-menu-vertical {
	position: relative !important;
	padding: 30px 0;
	min-height: 360px !important;
}

.menu-dans-la-rangee .fl-menu-vertical li {
	position: initial !important;
}

.menu-dans-la-rangee .fl-menu-vertical > li > .fl-has-submenu-container a {
	font-family: Jost;
	font-weight: 600;
	font-style: italic;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 20px 10px 10px;
	color: #000;
	transition: 150ms linear;
}

.menu-dans-la-rangee .fl-menu-vertical > li.is-hover > .fl-has-submenu-container a {
	color: #DB001A !important;
	background: #fff !important;
}

.menu-dans-la-rangee .menu-separateur a {
	display: none;
}

.menu-dans-la-rangee .menu-separateur:after {
	content: '';
	background: #EBEBEB;
	display: block;
	height: 1px;
	width: 72px;
	margin: 10px 20px 10px auto;
}

.menu-dans-la-rangee .sub-menu {
	height: 100%;
	width: 220px;
	min-width: 220px;
	box-shadow: none !important;
	border-left: 1px solid #cccccc;
	top: 0 !important;
	padding: 30px 0 !important;
	transition: 1500ms linear !important;
	background: transparent !important;
}

.menu-dans-la-rangee .sub-menu a {
	font-family: Jost;
	font-weight: 500;
	font-size: 14px;
	text-align: left;
	color: #000;
	padding: 10px 10px 10px 20px;
	transition: 150ms linear;
}

.menu-dans-la-rangee .sub-menu li.is-hover > .fl-has-submenu-container > a {
	color: #DB001A !important;
	background: #F7F7F7;
}

.menu-dans-la-rangee .sub-menu a:hover {
	color: #DB001A !important;
	background: #F7F7F7;
}

.menu-dans-la-rangee .sub-menu a::before {
	content: ">";
	margin-right: 5px;
}

.menu-dans-la-rangee .page-gamme {
	margin-top: 10px;
}

.menu-dans-la-rangee .page-gamme a {
	font-family: Jost;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 20px 10px 10px;
	color: #C00000;
	font-style: normal;
	transition: 150ms linear;
}

.menu-dans-la-rangee .page-gamme a:hover {
	color: #bf3939 !important;
	background: #fff !important;
}


/* RANGEE REVENDEUR - SAV - CONTACT - ESPACE PRO */

.rangee-cta {
	position: relative;
	z-index: 98;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.rangee-cta .col-droite .fl-col-group {
	height: 100%;
}

.col-menu-240px {
	max-width: 220px;
}

@media all and (max-width: 1850px) {
	.col-menu-dans-la-rangee-gauche {
		width: 10%;
	}
}

@media all and (max-width: 1550px) {
	.menu-dans-la-rangee .sub-menu {
		width: 200px;
		min-width: 200px;
	}
	.col-menu-240px {
		max-width: 200px;
	}
}

@media all and (max-width: 1360px) {
	.menu-dans-la-rangee .sub-menu {
		width: 175px;
		min-width: 175px;
	}
	.col-menu-240px {
		max-width: 175px;
	}
}

.cta-rangee-menu-revendeur a {
	background: transparent !important;
}

.cta-rangee-menu-revendeur a:hover {
	opacity: 0.7;
}

.cta-rangee-menu-revendeur.blanc a:hover {
	opacity: 0.5;
}

.cta-rangee-menu-revendeur img {
	margin-right: 2px !important;
}

.cta-rangee-menu-revendeur a span {
	font-family: Jost;
	font-weight: 600;
	font-style: italic;
	font-size: 14px;
	color: #000 !important;
	text-transform: uppercase;
}

.cta-rangee-menu-revendeur.rouge a span {
	color: #fff !important;
}

/**** MENUS ****/

.menu .fl-menu-toggle {
  right: -10px !important;
  color: white;
}

.menu-1 a {
  color: var(--blanc) !important;
  font-family: var(--Jost) !important;
  font-style: italic;
  font-size: var(--fs-14) !important;
  text-transform: uppercase;
  font-weight: var(--semi-bold);
  padding: 10px 20px !important;
  display: flex;
  align-items: center;
	flex-wrap: nowrap;
	transition: 150ms linear;
}

.menu-1 a img {
  max-height: 25px !important;
  max-width: 20px !important;
}

.menu-1 a:hover {
  opacity: 0.7;
}
.menu-1 ul {
	padding-top: 25px; 
}
.menu-1 li ul {
	max-width: 186px; 
	min-width: 186px !important;
	background-color: rgb(49, 53, 56, 0.9) !important; 
}

.menu-1 li:last-of-type ul {
	max-width: 55px; 
	min-width: 55px !important;
	background-color: rgb(49, 53, 56, 0.9) !important; 
}

.menu-1 li:last-of-type ul li a {
	padding: 10px 0px 0px 10px !important; 
}

.menu-1 li ul li {
    font-family: var(--jost);
    font-weight: 600;
    font-style: italic;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px;
    color: #000;
    transition: 150ms linear;

}

.espace-pro-link {
  color: var(--rouge) !important;
  font-family: var(--Jost) !important;
  font-style: italic;
  font-size: var(--fs-14) !important;
  text-transform: uppercase;
  font-weight: var(--semi-bold);
  margin-top: -10px;
}

.gryrax-item-menu,
.contact-item-menu {
  border-right: solid 1px #c3c3c3 !important;
  padding-right: 20px !important;
}

/*===== MENU RESPONSIVE =====*/

#menu-rang-blanc-responsive .offcanva-menu-responsive {
	position: absolute;
	z-index: 2;
	width: auto;
	left: 0;
}

#menu-rang-blanc-responsive .offcanva-menu-responsive .uabb-offcanvas-icon-wrap i {
	padding: 20px 30px;
}

.offcanva-menu-responsive .uabb-offcanvas-close {
	padding: 17px 35px; 
	height: 60px !important;
}

.offcanva-menu-responsive .logo-top img {
	max-height: 60px;
	object-fit: contain;
}

#menu-mega-menu-mobile {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#menu-mega-menu-mobile li,
#menu-mega-menu-mobile .uabb-has-submenu-container {
	position: initial !important;	margin: 0;
	border: none;
}

#menu-mega-menu-mobile li .sub-menu {
	position: absolute;
	left: 100%;
	top: 0 !important;
	transition: 250ms ease-out;
	background: #fff;
	z-index: 99;	
	display: block !important;
	width: 100%;
	margin: 0;
	border: none;
	box-shadow: none;
	height: auto !important;
}

#menu-mega-menu-mobile li.is-active > .sub-menu {
	position: absolute;
	left: 0;
	top: 0;
}

#menu-mega-menu-mobile a {
	font-family: Jost;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	letter-spacing: 0.03em;
	text-align: left;
	color: #313537;
	text-transform: uppercase;
	padding: 15px 40px;
	border-top: 1px solid #CCC;
	background: #fff;
}

#menu-mega-menu-mobile .retour a {
	height: 45px;
	background: #313537;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	text-indent: 0;
	gap: 10px;
}


#menu-mega-menu-mobile .retour a::before {
	content: "\e951";
	font-family: 'Ultimate-Icons' !important;
	color: #fff;
	font-size: 20px;
	font-style: normal;
}

#menu-mega-menu-mobile .direction-ltr a .menu-item-text {
	direction: ltr !important;
	unicode-bidi: embed !important;
}


#menu-mega-menu-mobile .retour a .menu-item-text {
	color: #fff;
}

#menu-mega-menu-mobile .uabb-menu-toggle::before {
	content: '\f105' !important;
	font-style: normal;
}

#menu-mega-menu-mobile .retour a .menu-item-text .menu-image-title {
	display: block;
}

#menu-mega-menu-mobile .page-gamme a .menu-item-text {
	color: #C00000;
	font-weight: 500;
	font-style: normal;
}

.menu-cta-rangee-revendeur-mobile .hidden-mobile {
	display: none;
}

.menu-cta-rangee-revendeur-mobile li:not(:nth-child(2)) {
	background: #313537;
	margin: 0 !important;
	height: 60px;
	padding-left: 30px;
	border: none !important;
	border-top: 1px solid #5A5D5F !important;
}

.menu-cta-rangee-revendeur-mobile li {
	margin: 0 !important;
	height: 60px;
	padding-left: 30px;
}

.menu-cta-rangee-revendeur-mobile li a {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
}

.menu-cta-rangee-revendeur-mobile li .menu-item-text {
	font-family: Jost;
	font-weight: 600;
	font-style: italic;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.menu-cta-rangee-revendeur-mobile li img {
	width: 20px;
	margin: 0 !important;
}

.offcanva-menu-responsive .texte-menu-responsive p {
	font-family: Outfit;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #313537;
	margin-bottom: 20px !important
}


.offcanva-menu-responsive .texte-menu-responsive p .rouge-bold {
	color: #DB001A;
	font-weight: 700;
}


/*Menu Univers Gyrax*/


 .univers-gyrax #menu-univers-gyrax > li {
		background: #313537;
	margin: 0 !important;
	min-height: 60px;
	border: none !important;
	border-top: 1px solid #5A5D5F !important;
	 
}

.univers-gyrax #menu-univers-gyrax > li a {
	padding: 22px 40px;
}

.univers-gyrax li .sub-menu li a {
	background-color: #313537 !important;
border-top: 1px solid #5A5D5F !important;
padding-left : 60px !important; 
}

.univers-gyrax li .sub-menu {
	box-shadow: none !important;
	border: none !important;
	margin-left: 0px !important; 
}

.univers-gyrax li .sub-menu .menu-item-text,
.univers-gyrax li .menu-item-text {
    font-family: Jost;
    font-weight: 600;
    font-style: italic;
    font-size: 14px;
    color: #fff !important;
    text-transform: uppercase;
	align-items: center;
}


.univers-gyrax .gyrax-sup .menu-item-text {
  display: flex;
	flex-direction: row-reverse;
}


.univers-gyrax .gyrax-sup .menu-item-text span {
	margin-left: -15px; 
}

/*FORMULAIRE*/

.gform_required_legend {
	display: none;
}

/* INPUT */

.gyrax-form .gform_wrapper input,
.gyrax-form .gform_wrapper textarea {
  background: #fff0 !important;
  border: none;
  border-bottom: calc(1px / 2) solid #313537;
  border-radius: 0 !important;
  font-size: 16px !important;
  color: var(--noir) !important;
}

@media (max-width: 1068px) {
  .gyrax-form .gform_wrapper input,
	.gyrax-form .gform_wrapper .ginput_container_textarea {
    background: #fff0 !important;
    border: none;
    border: 1px solid var(--noir);
    border-radius: 0 !important;
    font-size: 16px !important;
    width: 100% !important;
  }
}

.gform_wrapper.gravity-theme textarea {
  background-color: #ffffff25;
  border: none;
  border-radius: 0 !important;
}
.gyrax-form .gform_wrapper input:hover,
.gyrax-form .gform_wrapper input:focus,
.gyrax-form .gform_wrapper input:active {
  color: var(--noir);
  font-size: 16px !important;
}

.gyrax-form .gform_wrapper input::placeholder {
  color: var(--noir);
  font-size: 16px !important;
}


.gyrax-form .gform_wrapper textarea::placeholder,
.gyrax-form .gform_wrapper input::placeholder,
.gyrax-form .gform_wrapper input:focus::placeholder,
.gyrax-form .gform_wrapper input:active::placeholder,
.gyrax-form .gform_wrapper input:hover::placeholder,
.gyrax-form .gform_wrapper input:focus::placeholder,
.gyrax-form .gform_wrapper input:active::placeholder,
.gyrax-form input:hover::placeholder,
.gyrax-form input:focus::placeholder,
.gyrax-form input:active::placeholder,
.gyrax-form input:hover::placeholder,
.gyrax-form input:focus::placeholder,
.gyrax-form input:active::placeholder {
  color: var(--noir) !important;
  font-family: var(--Jost);
  font-style: italic;
  font-weight: var(--extra-light) !important;
}

.gyrax-form input::placeholder {
  display: none !important;
}

/* SELECT */

select {
  color: var(--noir);
  font-family: var(--Jost);
  letter-spacing: 0.016em;
  border: 1px solid var(--noir);
  font-style: italic;
	border-radius: 0 !important;
	background: #fff !important;
}

/* LABEL */
.gfield_label {
  color: var(--noir);
  font-family: var(--Outfit);
  letter-spacing: 0.016em;
}

/* RADIO */
.gyrax-form .gform_body .gform_fields .gfield .gfield_radio input[type='radio'] {
    display: none;
}

.gyrax-form .gform_body .gform_fields .gfield .gfield_radio input[type='radio'] + label {
    display: inline-block;
    width: auto;
    padding: 5px 20px;
    font-size: 16px !important;
    color: var(--noir);
    text-transform: uppercase;
    border: 1px solid var(--rouge);
    border-radius: 0px;
    vertical-align: middle;
    text-align: center;
    letter-spacing: 0px;
    font-weight: 400;
    font-family: var(--Jost) !important;
    margin-bottom: 30px;
    transition: 0.2s linear;
}

.gyrax-form .gform_body .gform_fields .gfield .gfield_radio input[type='radio']:checked + label {
    background: var(--rouge);
    color: var(--blanc);
}



/* CONSENT RGPD */

.gyrax-form .gform_body .ginput_container_consent input[type='checkbox'] {
  display: none;
}

.gyrax-form .gform_body .ginput_container_consent input[type='checkbox'] + label::before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid var(--noir);
  margin: -4px 9px 0px 0px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}

.gyrax-form .gform_body .ginput_container_consent input[type='checkbox']:checked + label::before {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--rouge);
}

.gyrax-form .gform_body .ginput_container_consent label.gfield_consent_label {
  display: inline;
  font-family: var(--Jost);
  font-weight: var(--extra-light);
  font-size: var(--16px);
  letter-spacing: 0.05em;
  color: var(--noir);
  cursor: pointer;
  transition: all 200ms;
}

/* BOUTON SUBMIT */

.gyrax-form {
  background: var(--blanc);
}

.gyrax-form .gform_footer {
  text-align: center !important;
}


.gyrax-form.cta-form .gform_footer input[type='submit'] {
	width: 35% !important; 
}


.gyrax-form .gform_footer input[type='submit'],
.gyrax-form .fl-button-wrap span {
  background-color: var(--rouge) !important;
  border: 1px solid var(--rouge) !important;
  border-radius: 0 !important;
  padding: 30px 20px;
  width: 100% !important;
  color: var(--blanc) !important;
  font-family: var(--Jost) !important;
  font-size: var(--18px) !important;
  font-weight: var(--bold);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition: 200ms linear;
  margin-left: 50%;
  transform: translatex(-50%);
}

.gyrax-form .button {
  background-color: var(--rouge) !important;
  border: 1px solid var(--rouge) !important;
	color: var(--blanc) !important;
}

.gyrax-form .gform_footer input[type='submit']:hover,
.gyrax-form .gform_footer input[type='submit']:focus,
.gyrax-form .fl-button-wrap span:hover,
.gyrax-form .fl-button-wrap span:focus,
.gyrax-form .gform_footer input[type='submit']:active,
.gyrax-form .fl-button-wrap span:active {
  background-color: var(--blanc) !important;
  color: var(--rouge) !important;
  border: solid var(--rouge) 1px;
}

@media all and (max-width: 768px) {
  .gyrax-form .gform_footer input[type='submit'] {
    line-height: 1 !important;
    width: auto !important;
    padding: 10px 12px;
    font-size: 12px;
  }
}

/* MESSAGE ERREUR */

.gyrax-form .gform_wrapper .gform_validation_errors {
  background: transparent;
  border: 1px solid var(--gris);
  box-shadow: none;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 16px 16px 16px 48px;
  position: relative;
  width: 100%;
}

.gyrax-form .gform_wrapper .gfield_validation_message,
.gyrax-form .gform_wrapper .validation_message {
  background: transparent;
  border: 0;
  font-size: 14px;
  margin-top: 8px;
  padding: 3px 14px 0px;
  margin-bottom: 0;
  font-weight: 300;
  color: #c02b0a !important;
  display: inline-block;
  text-decoration: underline;
}

.gyrax-form .gfield_error {
  background-color: transparent !important;
  border: none !important;
}

.gyrax-form .gfield_error input {
  border-top: inherit !important;
  border-right: inherit !important;
  border-left: inherit !important;
}

.gyrax-form .gfield_error .gfield_description {
  padding-top: 0 !important;
  font-weight: 300;
  text-decoration: underline;
}

/* MESSAGE DE CONFIRMATION */

.gform_confirmation_wrapper {
  text-align: center;
}

.gform_confirmation_message {
  font-size: 18px;
  font-weight: 300;
  margin-top: 60px;
  margin-bottom: 160px;
  background: #ffffff;
  color: var(--noir);
  padding: 50px;
  display: inline-block;
}

.gform_confirmation_message a {
  margin-top: 50px;
  display: block;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.num-serie input {
  border: 1px solid #313537 !important;
}

.gyrax-form .coordonnees {
  font-family: var(--Outfit) !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
  color: #313537;
  margin-top: 20px;
  margin-bottom: -10px;
  margin-left: 10px;
}

.gyrax-form .coordonnees::after {
  content: ' *';
  color: #db001a;
}

.obligatoire .gfield_label::after {
  content: ' *';
  color: #db001a;
}

.asterix {
  color: #db001a;
}

.gfield_required {
  display: none !important;
}

.gyrax-form .gfield_consent_label {
  font-family: var(--Jost) !important;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  line-height: 28px;
  color: #313537;
}

.gyrax-form .gfield_consent_label a {
  text-decoration: underline;
  color: #313537;
}



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

.text18px p {
  line-height: 22px !important;
}


/*========================
* 
* 				Home
* 
* ======================*/

.fil-ariane .breadcrumbs{
	color: rgb(117, 117, 117) !important; 
}


.img-categorie img {
  transition: all 400ms !important;
  cursor: pointer;
  transform: scale(100%);
}
.img-categorie .fl-photo-content {
	overflow: hidden; 
}

.img-categorie img:hover {
  transform: scale(104%);
}

.diapo-home .fl-content-slider .bx-viewport .fl-content-slider-wrapper .fl-slide .fl-slide-content-wrap .fl-slide-content .fl-slide-title {
	font-family: var(--Outfit);
	font-weight: var(--bold);
	font-size: var(--fs-60);
	line-height: var(--fs-60);
	color: var(--blanc);
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}


.diapo-home .fl-content-slider .bx-viewport .fl-content-slider-wrapper .fl-slide .fl-slide-content-wrap .fl-slide-content .fl-slide-text p {
	font-family: var(--Outfit) !important;
	font-weight: var(--regular);
	font-size: var(--fs-20);
	line-height: var(--fs-20);
	color: var(--blanc);
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.diapo-home .fl-content-slider .bx-controls .bx-pager {
	bottom: 20px;
}

.fl-module-content-slider .bx-wrapper {
    margin: 0 auto 0;
}
.diapo-home .fl-content-slider .bx-controls .bx-pager .bx-pager-item a {
	background-color: rgba(255, 255, 255, 0.5); 
}


.diapo-home .fl-content-slider .bx-controls .bx-pager .bx-pager-item a.active {
background-color: 	rgb(255, 255, 255);
}

.fl-module-content-slider .fl-content-slider .fl-slide {
  display: flex;
	flex-direction: column;
  align-items: center; /* centre verticalement le contenu */
  justify-content: center; /* centre horizontalement si utile */
  box-sizing: border-box;
}

@media (max-width: 768px) {
    .diapo-home .fl-content-slider .fl-slide-bg-photo {
        position: inherit !important;
    } 
}

.actu-home .uabb-blog-posts-shadow {
  background: none !important;
}

.actu-home .uabb-post-heading a,
.actu-home .uabb-post-heading {
  line-height: 1 !important;
}

.actu-home .uabb-blog-post-section {
  text-align: left;
}

.actu-home .uabb-blog-post-section a {
  padding-left: 0px;
	display: block;
}

.actu-home .wp-post-image {
  width: 250px !important;
}

@media (width < 768px) {
  .actu-home .wp-post-image {
    width: 100% !important;
  }
}

.actu-home .uabb-post-thumbnail {
  width: 450px !important;
}

.actu-home .uabb-blog-posts-description {
  padding-top: 0 !important;
}

.actu-home .uabb-read-more-text a {
  font-size: 16px !important;
}

.actu-home .uabb-blog-posts-category a {
	pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;
}

.home-univers .slick-prev {
  position: absolute !important;
  top: -50px !important;
  left: 94% !important;
  width: fit-content;
}

.home-univers .slick-next {
  position: absolute !important;
  top: -50px !important;
  right: 2% !important;
  width: fit-content;
}

.home-univers i.fas {
  background: none;
  font-size: 35px;
  color: #c00000;
}

.home-univers .slick-arrow i:hover {
  background: none;
  color: #313537;
  font-size: 35px;
}

/*========================
* 
* 	PAGE SINGLE PRODUIT
* 
* ======================*/

.images-machine .js-wpv-view-layout img {
  width: 100% !important;
  min-height: 180px;
  object-fit: cover;
}

.images-machine .js-wpv-view-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.images-machine .js-wpv-view-layout img:nth-child(1) {
  grid-area: 1 / 1 / 2 / 4;
}

.images-machine .js-wpv-view-layout img:nth-child(2) {
  grid-area: 2 / 1 / 3 / 2;
}

.images-machine .js-wpv-view-layout img:nth-child(3) {
  grid-area: 2 / 2 / 3 / 3;
}

.images-machine .js-wpv-view-layout img:nth-child(4) {
  grid-area: 2 / 3 / 3 / 4;
}

.rang-cta-single-produit a.uabb-button {
  width: 100%;
}

.rang-cta-single-produit .cta-white a {
  color: var(--noir) !important;
}
.col-principale,
.col-annexe {
  width: 250px;
}

/*-------------------*/

.tableau {
  display: flex;
  flex-direction: row;

  font-weight: var(--bold);
}

.tableau .gris-clair,
.tableau .blanc {
  color: var(--noir);
}

.tableau .gris-noir {
  color: var(--white);
}

.col-principale,
.col-annexe {
  width: fit-content;
}

.col-principale > div,
.col-annexe > div {
  padding: 30px 40px;
  max-height: 80px;
}

.gris-fonce {
  background-color: #111111;
  color: white;
}

.gris-noir {
  background-color: #313537;
}

.gris-clair {
  background-color: #eaeaea;
}

.tableau > .blanc {
  background-color: white;
}

.col-annexe:last-child {
  display: none;
}

.sous-titre-page-produit p {
  font-family: var(--Outfit) !important;
  font-weight: 300;
  font-size: 18px;
  line-height: 55px;
  color: #313537;
  text-transform: uppercase;
}

/* Bloc même catégories page produit */
.pages-categories .uabb-blog-post-content {
	padding: 0 !important;
}

.pages-categories .uabb-blog-posts .uabb-blog-posts-shadow {
  background: none;
}

/* Nom de la catégorie */
.pages-categories p.uabb-blog-post-section a,
.pages-categories h5.uabb-blog-post-section a {
	  font-family: var(--Outfit) !important;
	  font-weight: 300;
	  font-size: 14px;
	  line-height: 14px;
	  text-align: center;
	  color: #313537;
	text-transform: initial;
	font-style: italic;
	margin: 5px auto 8px auto !important;
}

/* Nom du produit */
.pages-categories h3.uabb-blog-post-section a {
	font-family: var(--Outfit) !important;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	color: #313537;
	text-transform: uppercase;
	margin: 5px 0;
	display: block;
    margin: 8px 0;
    text-align: center;
	font-style: normal;
}
.pages-categories p.uabb-blog-post-section,
.pages-categories h5.uabb-blog-post-section,
.pages-categories h3.uabb-blog-post-section {
    max-width: 280px;
    margin: 5px auto 8px auto;
	padding-top: 0;
}

/* Image du produit */
.pages-categories .uabb-blog-posts .uabb-blog-posts-shadow .uabb-post-thumbnail a {
	display: block;
}
.pages-categories .uabb-blog-posts .uabb-blog-posts-shadow .uabb-post-thumbnail a img {
	max-width: 300px !important;
	transition: all .3s ease;
}
/* -- end */

.fl-gallery-item {
  display: block !important;
}

.fl-gallery {
  display: flex;
  gap: 20px;
  justify-items: center;
  width: 580px;
  flex-wrap: wrap;
}

.fl-gallery-item:first-of-type {
  width: 580px;
  position: relative !important;
  left: 0 !important;
}

.fl-gallery-item:first-of-type img {
  max-height: 400px;
}

.fl-gallery-item:not(:first-of-type) {
  width: 200px;
  height: fit-content;
  top: inherit !important;
  position: relative !important;
  left: inherit !important;
}

.fl-gallery-item img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

@media (width < 768px) {
  .fl-gallery {
    width: 90vw;
  }

  .fl-gallery-item:first-of-type img {
    max-height: 200px;
  }

  .fl-gallery-item:first-of-type {
    width: 90vw;
  }

  .fl-gallery-item:not(:first-of-type) {
    max-width: 40vw;
  }
}

.uabb-blog-posts .uabb-post-heading a {
  font-family: var(--Jost) !important;
  transition: all 200ms;
  font-weight: bold;
  font-style: italic;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 18px;
  text-align: left;
  color: #313537;
  text-transform: uppercase;
}

.uabb-blog-posts .uabb-blog-posts-shadow:hover a {
  color: #c00000;
}

.uabb-blog-posts .uabb-blog-posts-shadow img {
  transition: all 200ms;
}

.uabb-blog-posts .uabb-blog-posts-shadow:hover img {
  transform: scale(1.1);
}

.uabb-blog-posts .uabb-read-more-text {
  padding-top: 0;
}

.uabb-blog-posts .uabb-read-more-text a {
  font-family: var(--Outfit) !important;
  transition: all 200ms;
  font-weight: bold;
  font-size: 22px;
  line-height: 35px;
  text-align: center;
  color: #c00000 !important;
}

.uabb-blog-posts .uabb-next-right-arrow {
  color: #c00000;
}

.uabb-blog-posts .uabb-blog-posts-shadow {
  background: #efefef;
  box-shadow: none;
}

.titre-produit-rouge p {
  font-family: var(--Outfit) !important;
  font-weight: bold;
  font-size: 25px;
  text-align: left;
  color: #fff;
}

.titre-caracteristiques-produit {
  font-family: var(--Outfit) !important;
  font-weight: bold;
  font-size: 25px;
  text-align: left;
}

.titre-caracteristiques-produit a {
  color: #313537;
  transition: all 200ms;
}

.titre-caracteristiques-produit a:hover {
  color: #c00000;
}

.tableau-caracteristiques .uabb-table-features .tbody-row:nth-child(odd) {
  background: #eaeaea;
}

.tableau-caracteristiques .head-inner-text {
  font-family: var(--Outfit) !important;
  font-weight: bold;
  font-size: 22px;
  text-align: left;
  color: #fff;
  text-transform: uppercase;
}

.tableau-caracteristiques .content-text {
  font-family: var(--Outfit) !important;
  font-weight: 500;
  font-size: 18px;
  line-height: 35px;
  text-align: left;
  color: #313537;
}

.tableau-caracteristiques th,
.tableau-caracteristiques .table-body-td {
  text-align: left;
  padding-left: 40px !important;
}

.advanced-post-customised .uabb-post-heading {
  margin-bottom: 40px;
}

.advanced-post-customised .uabb-post-thumbnail {
  margin-bottom: 40px;
}

.nombre-rh p {
  font-family: var(--Jost) !important;
  font-weight: bold;
  font-style: italic;
  font-size: var(--fs-80);
  letter-spacing: 0.05em;
  line-height: var(--fs-80);
  color: var(--blanc);
}

.cta-produit .uabb-blog-posts .uabb-blog-posts-shadow {
  background: #fff !important;
}

.cta-produit .uabb-button-wrap {
  font-family: var(--Outfit);
  font-weight: bold;
  padding-top: 5px;
}

.cta-produit .uabb-post-thumbnail img {
  max-width: 100% !important;
  width: 100%;
}

/*========================
* 
* 	PAGE Notre Histoire
* 
* ======================*/

.timeline-line {
  position: absolute;
  z-index: 99;
  top: 50px;
  left: 50%;
  width: 3px;
  background-color: #c00000;
  height: 0; /* Hauteur ajuster via JS */
  transition: height 0.3s ease-in-out;
  transform: translatex(-50%);
}

.date .fl-rich-text {
  color: #c00000;
  font-size: 20px;
  font-weight: bold;
  font-family: var(--Jost) !important;
}

.pin-droite img,
.pin-gauche img {
  position: relative;
  z-index: 98;
  width: 60px !important;
}

.pin-droite img {
  position: relative;
  z-index: 98;
  transform: scalex(-1);
}

/* Version mobile */
.timeline-container-mobile .slick-slide .uabb-timeline-marker-wrapper .uabb-timeline-card-date {
	font-family: var(--Jost);
	font-size: var(--fs-20);
	color: var(--rouge);
 	font-weight: var(--bold);
	margin-bottom: 10px;
}

.timeline-container-mobile .uabb-timeline-main .uabb-timeline-field .uabb-timeline-heading {
	  font-size: var(--fs-20) !important;
	line-height: 1.5 !important;
	font-family: var(--Outfit);
	font-weight: var(--bold);
	margin-bottom : 15px; 
}

.timeline-container-mobile .uabb-timeline-main .uabb-timeline-field .uabb-timeline-desc-content {
	font-size: var(--fs-14) !important;
	line-height: 1.5 !important;
	font-family: var(--Outfit);
	margin-bottom : 15px; 
}


/*========================
* 
* 	PAGE Revendeurs
* 
* ======================*/

.separator-full-left .fl-separator {
	position: absolute;
	left: 0;
	width: 100%;
	max-width: calc(45% - 0px) !important;
}

.revendeurs.secteur {
	display: none;
}

.revendeurs.secteur .uabb-infobox-content {
	vertical-align: bottom;
}

.revendeurs.secteur .uabb-infobox-title {
	font-family: var(--Outfit);
	font-weight: bold;
	font-size: 25px;
}

.revendeurs.secteur .uabb-text-editor p {
	font-family: var(--Jost);
	font-size: 20px;
	padding-bottom: 0 !important
}


/* Formulaire mobile */

.gyrax-form .informations-secteur .container-infos-revendeur {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	gap: 40px;
	margin: 10px auto;
}

.gyrax-form img.carte-du-revendeur,
.gyrax-form .informations-distributeurs {
	max-width: 50%
}

.gyrax-form .photo-distributeurs img {
	max-width: 80px;
}

.gyrax-form .nom-distributeur {
	font-family: var(--Outfit);
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 5px;
}

.gyrax-form .poste-distributeur {
	font-family: var(--Jost);
	font-size: 14px;
	padding-bottom: 0 !important;
	margin-bottom: 0;
}

/*========================
* 
* 	PAGE Rejoindre Gyrax
* 
* ======================*/

.col-flip-box .uabb-flip-box .uabb-face {
	width: 100% !important; 
	height: 180px !important;
}

.col-flip-box .uabb-flip-box .uabb-face .uabb-face-text-title {
	font-family: var(--Jost);
	font-weight: var(--bold);
	font-style: italic;
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 49px;
	color: var(--blanc);
	margin-bottom: 0px; 
}


.col-flip-box .uabb-flip-box .uabb-face .uabb-back-flip-box-section-content p {
	font-family: var(--Outfit) !important;
font-weight: 400;
font-size: 18px;
line-height: 20px;
color: #fff;
}

.fl-col-group:has(.col-flex) {
	    display: flex;
    flex-direction: row;
    justify-content: center;
}
.col-flex {
	width: 50%; 
}

@media screen and (max-width: 768px){
	
	.fl-col-group:has(.col-flex) {
	    display: block;
}
.col-flex {
	width: 100%; 
}
}

.accordeon-gyrax .uabb-adv-accordion-item .uabb-adv-accordion-content p {
	font-family: var(--Outfit) !important
}


/*========================
* 
* 	PAGE Archive actulité
* 
* ======================*/

.contenu-single-actu .fl-module-content p strong {
	font-weight: var(--bold);
}

.contenu-single-actu .fl-module-content p {
	font-family: var(--Outfit) !important;
font-weight: var(--regular);
font-size: var(--fs-18);
line-height: var(--fs-20);
color: var(--noir) !important;

}

.widget_breadcrumb_navxt .widgettitle {
	display: none;
}