@charset "UTF-8";
/*--------------------------------------------------------------
Theme Name: Les Globules
Author: Didier Flachard
Description: Template à base de Bootstrap 5 et d'ACF, optimisé pour un score optimal sur google page speed.
Version: 4.0.0
Tags: Bootstrap 5.0
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 01 - Variables / Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 02 - Global
--------------------------------------------------------------*/
p, li {
  -webkit-font-smoothing: antialiased;
}

.lang-selector-smc2 {
  position: absolute;
  top: 45px;
  right: 15px;
  z-index: 9998;
  display: flex;
}
.lang-selector-smc2 .wpml-ls-legacy-list-horizontal a {
  padding: 0 5px 0 0 !important;
}
.lang-selector-smc2 .wpml-ls-legacy-list-horizontal {
  padding: 0 !important;
}
.lang-selector-smc2 .wpml-ls-link img {
  width: 24px !important;
  height: 16px !important;
}
.lang-selector-smc2 a.glink {
  transform: translate(0px, 0px);
  width: 24px !important;
  height: 16px !important;
  margin-right: 5px;
}
.lang-selector-smc2 .g-translate {
  width: inherit !important;
}
.lang-selector-smc2 .flagss {
  margin-right: 5px;
  transform: translateY(1px);
}
.lang-selector-smc2 .flagss img {
  width: 24px;
  height: 16px;
}
.lang-selector-smc2 [title^=English],
.lang-selector-smc2 [title*=" English"] {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
}

.page {
  overflow-x: hidden;
}

html {
  overflow-x: hidden;
}

body.home h2 {
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
}
body.home h3 {
  font-size: 28px;
  line-height: 29px;
  text-transform: uppercase;
}
body:not(.home) h1 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
}
body:not(.home) h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
}
body:not(.home) h3 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 20px;
  line-height: 24px;
}
body:not(.home) #content ul {
  list-style: none;
  margin-left: -40px;
}
body:not(.home) #content li {
  padding: 0 0 10px 20px;
  position: relative;
}
body:not(.home) #content li:before {
  content: "";
  width: 8px;
  height: 7px;
  display: inline-block;
  background-color: #707070;
  transform: translateY(100%);
  position: absolute;
  top: 0;
  left: 0;
}
body:not(.home) .aligncenter {
  display: block;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^=col-], .row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

li,
p {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  font-size: 16px;
  line-height: 20px;
}
ol {
  list-style-type: none;
}
ol li {
  margin-bottom: 15px;
}
ol li:before {
  content: "";
  width: 26px !important;
  height: 24px !important;
  background-color: #DE1920 !important;
  transform: translate(-97%, -3%) !important;
  z-index: -1;
}
ol li::marker {
  font-weight: 600;
  color: #FFFFFF;
}

/* LINKS */
.red-button {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  display: inline-block;
  padding-bottom: 2px;
  text-transform: uppercase;
  color: #DE1920;
  font-size: 18px;
  text-decoration: none;
  border-bottom: 5px solid #000000;
}

.black-button {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  display: inline-block;
  padding-bottom: 2px;
  text-transform: uppercase;
  color: #000;
  font-size: 18px;
  text-decoration: none;
  border-bottom: 5px solid #DE1920;
}
.black-button strong {
  color: #DE1920;
}

.rea-button {
  text-decoration: none;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  display: inline-block;
  display: flex;
  justify-content: center;
}
.rea-button b {
  background-color: #DE1920;
  padding: 10px;
  color: white;
  text-transform: uppercase;
  font-size: 18px !important;
  line-height: 20px !important;
}
.rea-button strong {
  border-top: 3px solid #DE1920;
  border-bottom: 3px solid #DE1920;
  color: #000000;
  text-transform: uppercase;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-left: 10px;
  font-size: 18px !important;
  line-height: 20px !important;
}

.rea-button:hover b {
  background-color: #000000;
}
.rea-button:hover strong {
  border-top: 3px solid #000000;
  border-bottom: 3px solid #000000;
  color: #DE1920;
}

.black-button:hover,
.red-button:hover {
  text-decoration: none !important;
}

.black-button:hover {
  color: #DE1920;
}

.red-button:hover {
  color: #000;
}

a:focus {
  outline: none;
}
a:active, a:hover {
  outline: 0;
}

/* LISTS */
ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ol,
li > ul {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* IMAGES */
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

.red-text {
  color: #DE1920;
  font-weight: 600;
}

.red-text a {
  color: #DE1920;
  font-weight: 600;
  text-decoration: underline;
}

.powered-by {
  display: none !important;
}

.l-impact {
  display: none;
}

.l-mobile {
  display: none;
}

.page-id-23543 .l-realisations,
.page-id-23991 .l-realisations,
.page-id-30188 .l-realisations,
.page-id-30192 .l-realisations,
.page-id-31768 .l-realisations,
.page-id-31772 .l-realisations {
  display: none;
}

.wysiwyg-6359036442c32 img {
  mix-blend-mode: multiply;
}

.page-id-24891 #breadcrumbs,
.page-id-24923 #breadcrumbs {
  display: none;
}

.is-search-form .is-search-icon {
  background: none !important;
  border: none !important;
}
.is-search-form .is-search-icon path {
  fill: #FFFFFF;
}

.is-form-style.is-form-style-3 label {
  width: calc(100% - 50px) !important;
}

.p-search h1 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  margin-top: 0;
}
.p-search h1::after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-search h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 22px;
  line-height: 25px;
  text-transform: uppercase;
}
.p-search .p-search_content {
  padding-bottom: 30px;
  padding-top: 15px;
  border-bottom: 1px solid #c6c6c6;
}

.fancybox__container {
  z-index: 9999;
}

/* ------------- COLLAPSE ---------------- */
.card {
  background-color: #FFFFFF !important;
  margin-bottom: 15px;
  border-bottom: 1px solid #ececec;
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  background-color: #FFFFFF;
  padding-bottom: 7px;
}
.card .card-header {
  padding: 0px !important;
  border: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.card .card-header button {
  padding: 0px 20px 0px 0px !important;
  background-color: #FFFFFFF !important;
  font-family: "PFDinDisplayPro-Black", sans-serif !important;
  font-size: 14px;
  line-height: 16px;
  color: #DE1920;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  display: block;
  width: 100%;
}
.card .card-header button span {
  color: #000000;
  margin-top: 5px;
  font-weight: 400;
  display: block;
}
.card .card-header button:after {
  content: ">";
  font-family: "PFDinDisplayPro-Black", sans-serif !important;
  font-size: 18px;
  line-height: 24px;
  color: #DE1920;
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
}
.card .card-header button[aria-expanded=true] span {
  display: none;
}
.card .card-header button[aria-expanded=true]:after {
  transform: rotate(90deg);
  top: 11px;
}
.card .card-header .btn.focus, .card .card-header .btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0) !important;
}
.card .card-body {
  padding: 10px 0 30px !important;
}

.page-id-22095 .l-servicesnum h2, .page-id-29296 .l-servicesnum h2 {
  display: none;
}

@font-face {
  font-family: "PFDinDisplayPro-Regular";
  font-style: normal;
  src: local(""), url("../fonts/PFDinDisplayPro-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "PFDinDisplayPro-Bold.woff";
  font-style: normal;
  src: local(""), url("../fonts/PFDinDisplayPro-Bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "PFDinDisplayPro-Black";
  font-style: normal;
  src: local(""), url("../fonts/PFDinDisplayPro-Black.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Esphimere";
  font-style: normal;
  src: local(""), url("../fonts/Esphimere.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Youth";
  font-style: normal;
  src: local(""), url("../fonts/Youth-Bold.woff2") format("woff2");
  font-display: swap;
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* clear fix */
.grid {
  transform: translateX(-7px);
}

.grid:after {
  content: "";
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */
.grid-item,
.grid-sizer {
  width: 33%;
}

.grid-item {
  float: left;
  height: 340px;
  border: 7px solid #FFFFFF;
}

.grid-item--width2 {
  width: 66%;
  border: 7px solid #FFFFFF;
}

.grid-item--height2 {
  height: 680px;
  border: 7px solid #FFFFFF;
}

/*--------------------------------------------------------------
# 03 - Navigation
--------------------------------------------------------------*/
.l-menu .mega-menu-wrap {
  border-bottom: 5px solid #EFEFEF !important;
}

@media (min-width: 979px) {
  #mega-menu-menu-1 {
    display: flex !important;
    justify-content: space-between !important;
  }
}
.mega-menu-item a {
  font-family: "PFDinDisplayPro-Bold", sans-serif !important;
  font-weight: 600;
  letter-spacing: -0.1px;
}

#mega-menu-menu-1 a {
  font-weight: bold !important;
}

#mega-menu-menu-3 a {
  font-weight: bold !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  line-height: 16px;
  padding: 8px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-icon-right > a.mega-menu-link::before {
  color: #DE1920;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-icon-right > a.mega-menu-link:hover::before {
  transform: rotate(90deg);
}

#mega-menu-wrap-menu-3 #mega-menu-menu-3 li.mega-menu-item.mega-icon-right > a.mega-menu-link::before {
  color: #DE1920;
}

#mega-menu-wrap-menu-3 #mega-menu-menu-3 li.mega-menu-item.mega-icon-right > a.mega-menu-link:hover::before {
  transform: rotate(90deg);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
  background: #000000 !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
}

#mega-menu-wrap-menu-3 #mega-menu-menu-3 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
#mega-menu-wrap-menu-3 #mega-menu-menu-3 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
  background: #000000 !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
}

.site {
  padding-top: 70px;
}

.change {
  padding-top: 150px !important;
  transition: padding-top 1s;
}

.l-header {
  position: relative;
  z-index: 9997;
}
.l-header .l-menu-container,
.l-header .l-middle-bar {
  margin-bottom: 15px;
  padding-right: 0;
  padding-left: 0;
}
.l-header .l-header_logo {
  text-align: left;
}
.l-header .l-header_logo img {
  max-width: 180px;
}

a.glink {
  margin-right: 2px;
  width: 24px !important;
  height: 16px !important;
}

a.glink img {
  margin-right: 2px;
  width: 24px !important;
  height: 16px !important;
}

.l-top-bar {
  background-color: #DE1920;
  color: #FFFFFF;
  padding: 4px;
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  position: fixed;
  z-index: 9999;
}
.l-top-bar .is-form-style input.is-search-input {
  height: 29px !important;
}
.l-top-bar a {
  color: #FFFFFF;
  flex-basis: fit-content;
  text-decoration: none;
}
.l-top-bar form {
  flex-basis: fit-content;
}
.l-top-bar .mail,
.l-top-bar .phone {
  margin-right: 10px;
  letter-spacing: -0.6px;
  font-size: 14px;
}
.l-top-bar .mail:hover,
.l-top-bar .phone:hover {
  text-decoration: none;
}
.l-top-bar .contact,
.l-top-bar .join {
  text-transform: uppercase;
  padding: 1px 5px;
  border: 1px solid #FFFFFF;
  margin-right: 10px;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 14px;
}
.l-top-bar .contact:hover,
.l-top-bar .join:hover {
  text-decoration: none;
  background-color: #FFFFFF;
  color: #DE1920;
}
.l-top-bar .socials {
  font-size: 22px;
}

.wpml-ls-legacy-list-horizontal a {
  padding: 5px 8px 6px !important;
}

.sticky {
  position: fixed;
  z-index: 9997;
  position: fixed;
  width: 100%;
  background-color: #FFF;
  transform: translateY(-20px);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.sticky .l-header_logo {
  display: none;
}
.sticky .l-header_baseline {
  display: none !important;
}
.sticky .l-menu-container {
  margin-bottom: 0;
  padding-top: 4px;
}
.sticky .l-middle-bar {
  margin-bottom: 0;
}

.l-footer {
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 5px solid #EFEFEF;
  padding-top: 20px;
}
.l-footer li {
  padding: 0 0 5px 0px !important;
}
.l-footer li a {
  letter-spacing: -0.8px !important;
  text-decoration: none;
}
.l-footer li:before {
  display: none !important;
}
.l-footer .footer-one {
  flex-basis: fit-content;
  font-family: "PFDinDisplayPro-Black", sans-serif;
}
.l-footer .footer-one img {
  width: 80%;
  margin-bottom: 15px;
}
.l-footer .footer-one .phone-footer {
  font-size: 22px;
  color: #DE1920;
  display: block;
}
.l-footer .footer-one a {
  color: #DE1920;
  text-decoration: none;
}
.l-footer .footer-one .filet-footer {
  background-color: #000000;
  height: 2px;
  margin: 10px 0;
}
.l-footer .footer-one .legal {
  text-transform: uppercase;
  color: #000000;
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  margin-top: 10px;
  display: block;
  font-size: 12px;
}
.l-footer .footer-two {
  flex-basis: fit-content;
}
.l-footer .footer-two ul {
  list-style: none;
}
.l-footer .footer-two ul li {
  margin-bottom: 17px;
}
.l-footer .footer-two ul li a {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  color: #000000;
  text-transform: uppercase;
}
.l-footer .footer-three {
  flex-basis: fit-content;
}
.l-footer .footer-three .menu-bold a {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 16px;
}
.l-footer .footer-three ul {
  list-style: none;
}
.l-footer .footer-three ul li {
  margin-bottom: 0;
}
.l-footer .footer-three ul li a {
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  color: #000000;
  text-transform: uppercase;
  font-size: 12px;
}
.l-footer .footer-four {
  flex-basis: fit-content;
}
.l-footer .footer-four .menu-margin {
  margin-top: 10px;
}
.l-footer .footer-four .menu-bold a {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 16px;
}
.l-footer .footer-four ul {
  list-style: none;
}
.l-footer .footer-four ul li {
  margin-bottom: 0;
}
.l-footer .footer-four ul li a {
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  color: #000000;
  text-transform: uppercase;
  font-size: 12px;
}
.l-footer .footer-five {
  flex-basis: fit-content;
}
.l-footer .footer-five .social {
  border-bottom: 4px solid #000000;
  margin-top: 20px;
}
.l-footer .footer-five .socials {
  font-size: 26px;
  margin-right: 10px;
  color: #DE1920;
}

.l-info {
  background-color: #212121;
  padding: 12px 0 0;
  text-align: center;
  color: #FFFFFF;
}
.l-info a {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: 600;
}

/*--------------------------------------------------------------
# 04 - Pages
--------------------------------------------------------------*/
.p-home .l-entete .l-entete_title {
  height: 400px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
.p-home .l-entete .l-entete_title p {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 80px;
  line-height: 65px;
  position: absolute;
  bottom: -19px;
  left: 28%;
}
.p-home .l-entete .l-entete_button {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.p-home .l-entete .l-entete_button a img {
  width: 260px;
  transform: translateX(16px);
}
.p-home .l-entete .l-entete_button a:hover .cursor-off {
  display: none;
}
.p-home .l-entete .l-entete_button a:hover .cursor-on {
  display: block;
}
.p-home .l-entete .l-entete_button .cursor-on {
  display: none;
}
.p-home .l-raison {
  padding-top: 60px;
  margin-top: 20px;
  background-image: url("../images/SMC2-Trame-points.svg");
  background-position: top right;
  background-size: 62%;
  background-repeat: no-repeat;
}
.p-home .l-raison .l-raison_title {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 20px;
}
.p-home .l-raison .l-raison_ambiance {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  margin-top: -455px;
  margin-bottom: 60px;
}
.p-home .l-raison .l-raison_descriptif {
  padding: 40px 0;
}
.p-home .l-raison .l-raison_descriptif .fake-h2 {
  font-size: 30px;
  line-height: 34px;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
}
.p-home .l-raison .l-raison_descriptif h1 {
  font-size: 16px;
  font-family: "Esphimere", sans-serif;
  margin-bottom: 25px;
}
.p-home .l-raison .l-raison_descriptif p {
  font-family: "PFDinDisplayPro-Bold", sans-serif;
}
.p-home .l-raison .l-raison_descriptif strong {
  color: #DE1920;
}
.p-home .l-offre {
  background-image: url("../images/SMC2-vagues.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-position: bottom;
  padding-bottom: 80px;
}
.p-home .l-offre a {
  color: #FFFFFF;
  text-decoration: none;
}
.p-home .l-offre h2 {
  transform: translateX(-15px);
  display: inline-block;
}
.p-home .l-offre h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-home .l-offre .l-offre_descriptif-fr {
  padding: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: right;
  background-color: #DE1920;
  border-right: 15px solid #FFFFFF;
}
.p-home .l-offre .l-offre_descriptif-fr h3 {
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  color: #FFFFFF;
  margin-bottom: 15px;
}
.p-home .l-offre .l-offre_descriptif-fr ul {
  list-style: none;
  margin-left: -40px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  max-width: 600px;
}
.p-home .l-offre .l-offre_descriptif-fr li {
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
}
.p-home .l-offre .batiments_descriptif-fr {
  padding: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.p-home .l-offre .batiments_descriptif-fr h3 {
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  color: #FFFFFF;
  margin-bottom: 15px;
}
.p-home .l-offre .batiments_descriptif-fr ul {
  list-style: none;
  margin-left: -40px;
}
.p-home .l-offre .batiments_descriptif-fr li {
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
}
.p-home .l-offre .structure_descriptif-fr {
  padding: 40px;
  background-size: 60%;
  background-repeat: no-repeat;
  margin-top: 15px;
  background-position: right;
  background-color: #032977;
}
.p-home .l-offre .structure_descriptif-fr h3 {
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  color: #FFFFFF;
  margin-bottom: 15px;
}
.p-home .l-offre .structure_descriptif-fr ul {
  list-style: none;
  margin-left: -40px;
}
.p-home .l-offre .structure_descriptif-fr li {
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
}
.p-home .l-offre .l-offre_descriptif {
  padding: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: right;
  background-color: #DE1920;
}
.p-home .l-offre .l-offre_descriptif h3 {
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  color: #FFFFFF;
  margin-bottom: 15px;
}
.p-home .l-offre .l-offre_descriptif ul {
  list-style: none;
  margin-left: -40px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  max-width: 600px;
}
.p-home .l-offre .l-offre_descriptif li {
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
}
.p-home .l-offre .batiments_descriptif,
.p-home .l-offre .structure_descriptif {
  padding: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 15px;
}
.p-home .l-offre .batiments_descriptif h3,
.p-home .l-offre .structure_descriptif h3 {
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  color: #FFFFFF;
  margin-bottom: 15px;
}
.p-home .l-offre .batiments_descriptif ul,
.p-home .l-offre .structure_descriptif ul {
  list-style: none;
  margin-left: -40px;
}
.p-home .l-offre .batiments_descriptif li,
.p-home .l-offre .structure_descriptif li {
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
}
.p-home .l-offre .structure_descriptif {
  border-right: 7px solid #FFFFFF;
}
.p-home .l-offre .batiments_descriptif {
  border-left: 7px solid #FFFFFF;
}
.p-home .l-innovation .l-innovation-row {
  border-bottom: 3px solid #DE1920;
}
.p-home .l-innovation .l-innovation-row img {
  float: right;
  margin-right: 15px;
  transform: translateY(-30px);
}
.p-home .l-innovation .l-innovation-row a {
  margin-top: 15px;
}
.p-home .l-innovation h2 {
  transform: translateX(-15px);
  display: inline-block;
}
.p-home .l-innovation h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-home .l-innovation .l-innovation_ambiance {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
}
.p-home .l-innovation .l-innovation_descriptif {
  padding: 30px 0;
}
.p-home .l-innovation .l-innovation_descriptif h3 {
  margin-bottom: 15px;
}
.p-home .l-innovation .l-innovation_descriptif img {
  float: right;
  transform: translateY(-40px);
}
.p-home .l-innovation .l-innovation_archure {
  border-bottom: 5px solid #EFEFEF;
  margin-top: 30px;
}
.p-home .l-innovation .l-innovation_archure h3 {
  margin-bottom: 15px;
}
.p-home .l-innovation .l-innovation_archure .l-innovation_archure_desc {
  padding: 30px 15px;
}
.p-home .l-innovation .l-innovation_archure .l-innovation_archure_bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 425px;
}
.p-home .l-realisations {
  padding: 0;
}
.p-home .l-realisations h2 {
  display: inline-block;
}
.p-home .l-realisations h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-home .l-realisations .rea_title {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  color: #FFFFFF;
  font-size: 30px;
  line-height: 32px;
  text-transform: uppercase;
  display: none;
}
.p-home .l-realisations .rea_subtitle {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  color: #FFFFFF;
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase;
  display: none;
}
.p-home .l-realisations .rea_plus {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.p-home .l-realisations .rea_plus_red,
.p-home .l-realisations .rea_plus_white {
  height: 30px;
  width: 30px;
}
.p-home .l-realisations .rea_plus_red {
  display: none;
}
.p-home .l-realisations .rea_bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.p-home .l-realisations .rea_bg_blend {
  width: 100%;
  height: 100%;
  padding: 20px 5px 5px 20px;
  position: relative;
}
.p-home .l-realisations .rea_plus {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 36px;
  font-family: "PFDinDisplayPro-Regular", sans-serif;
}
.p-home .l-realisations .rea_more {
  padding: 20px 0;
  text-align: left;
}
.p-home .l-realisations .rea_more a {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  font-size: 20px;
}
.p-home .l-realisations .rea_more a b,
.p-home .l-realisations .rea_more a strong {
  font-weight: 600;
}
.p-home .l-realisations .rea_more a strong {
  font-size: 24px;
}
.p-home .l-realisations .grid a {
  text-decoration: none !important;
}
.p-home .l-realisations .grid a:hover .rea_bg_blend {
  opacity: 0.65;
  transition: 0.7s;
  background-color: #000000;
}
.p-home .l-realisations .grid a:hover .rea_subtitle,
.p-home .l-realisations .grid a:hover .rea_title {
  display: block;
}
.p-home .l-realisations .grid a:hover .rea_plus_white {
  display: none;
}
.p-home .l-realisations .grid a:hover .rea_plus_red {
  display: block;
  transform: translateY(-7px);
}
.p-home .l-mag {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 0;
}
.p-home .l-mag h2 {
  display: inline-block;
}
.p-home .l-mag h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-home .l-mag .mag__thumb {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 220px;
  margin-bottom: 8px;
}
.p-home .l-mag .mag__title {
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
}
.p-home .l-mag .mag__date {
  display: block;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  text-align: right;
}
.p-home .l-mag .mag__date .mag__date-date {
  color: #DE1920;
  width: 85px;
  font-family: "PFDinDisplayPro-Regular", sans-serif !important;
}
.p-home .l-mag .mag__date .mag__date-filet {
  background-color: #EFEFEF;
  height: 2px;
  width: calc(100% - 90px);
  transform: translateY(19px);
}
.p-home .l-mag .mag__link {
  font-family: "PFDinDisplayPro-Regular", sans-serif !important;
}
.p-home .l-mag .mag_more {
  padding: 20px 0;
  text-align: right;
}
.p-home .l-mag .mag_more a {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  font-size: 20px;
}
.p-home .l-mag .mag_more a b,
.p-home .l-mag .mag_more a strong {
  font-weight: 600;
}
.p-home .l-mag .mag_more a strong {
  font-size: 24px;
}
.p-home .l-projet a {
  margin: 60px 0;
}

.p-propact {
  overflow-x: hidden;
}
.p-propact .l-projet a {
  background-color: #DE1920;
  padding: 40px;
  background-image: url("../images/SMC2-un-projet.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: right;
  display: block;
  width: 100%;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
}
.p-propact .l-projet a .l-projet_title {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 30px;
}
.p-propact .l-projet a .l-projet_title:after {
  content: "";
  background-color: #FFFFFF;
  display: block;
  width: 40px;
  height: 5px;
  margin: 5px 0;
}
.p-propact .l-projet a .l-projet_subtitle {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  font-size: 30px;
}
.p-propact .l-projet a .l-projet_arrow {
  font-size: 40px;
}
.p-propact .l-impact a {
  padding: 40px;
  background-image: url("../images/impact-environnemental.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 100%;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
}
.p-propact .l-impact a .l-impact_title {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 30px;
}
.p-propact .l-impact a .l-impact_title:after {
  content: "";
  background-color: #FFFFFF;
  display: block;
  width: 40px;
  height: 5px;
  margin: 5px 0;
}
.p-propact .l-impact a .l-impact_subtitle {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  font-size: 30px;
}
.p-propact .l-impact a .l-impact_arrow {
  font-size: 40px;
}

/* -------------------------------------------- FIT ARENA V2 ------------------ */
.fit-usagers .fake-h1 {
  display: none;
}
.fit-usagers h1 {
  color: #DE1920;
}
.fit-usagers .c-entete {
  text-align: center;
}
.fit-usagers .c-entete a {
  margin-left: 10px;
  margin-right: 10px;
}
.fit-usagers .c-entete p {
  font-size: 18px;
}
.fit-usagers .wysiwyg-63725a6ad3e87 h2 {
  color: #DE1920;
  font-size: 26px;
}
.fit-usagers .wysiwyg-63726aa31bd8b {
  position: relative;
}
.fit-usagers .wysiwyg-63726aa31bd8b h3 {
  font-size: 22px;
  line-height: 24px;
}
.fit-usagers .wysiwyg-63726aa31bd8b ul li {
  margin-left: 15px;
}
.fit-usagers .wysiwyg-63726aa31bd8b ul li:before {
  content: "+" !important;
  font-family: "PFDinDisplayPro-Black", sans-serif !important;
  color: #DE1920 !important;
  background-color: rgba(0, 0, 0, 0) !important;
  transform: translateY(-1px) !important;
}
.fit-usagers .wysiwyg-63726aa31bd8b .row div:nth-child(2) {
  display: flex;
  align-content: center;
  flex-wrap: inherit;
}
.fit-usagers .mainapp {
  position: relative;
}
.fit-usagers .mainapp:before {
  content: "";
  background-image: url("../images/FitArena-App-739x1024.png");
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 18%;
  height: 100%;
  display: block;
}
.fit-usagers .wysiwyg-6373694626d18 {
  text-align: center;
}
.fit-usagers .wysiwyg-6373694626d18 h3 {
  font-size: 22px;
  line-height: 24px;
}
.fit-usagers .wysiwyg-6373694626d18 #mep_0 {
  left: 50%;
  transform: translateX(-15%);
  position: relative;
}
.fit-usagers .wysiwyg-63736b92059a2 h2 {
  color: #DE1920;
  font-size: 26px;
}
.fit-usagers .wysiwyg-63736b92059a2 h3 {
  font-size: 22px;
  line-height: 22px;
  display: block;
  margin-bottom: 15px;
  margin-top: 60px;
}
.fit-usagers .wysiwyg-63736b92059a2 h3:before {
  content: "";
  display: block;
  width: 55px;
  height: 51px;
  background-image: url("../images/Solution-main.png");
  float: left;
  margin-right: 10px;
  transform: translateY(-20px);
}
.fit-usagers .wysiwyg-63736b92059a2 table td:nth-child(2) {
  width: 10%;
  font-size: 50px;
  color: #DE1920;
  font-family: "PFDinDisplayPro-Black", sans-serif !important;
}
.fit-usagers .titles-6373705e80d41 h3 {
  font-size: 22px;
  line-height: 22px;
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
}
.fit-usagers .titles-6373705e80d41 h3:before {
  content: "";
  display: block;
  width: 47px;
  height: 47px;
  background-image: url("../images/Services-numeriques.png");
  float: left;
  margin-right: 10px;
  transform: translateY(-18px);
}
.fit-usagers .wysiwyg-6373705eb4814 ul li {
  margin-left: 15px;
}
.fit-usagers .wysiwyg-6373705eb4814 ul li:before {
  content: "+" !important;
  font-family: "PFDinDisplayPro-Black", sans-serif !important;
  color: #DE1920 !important;
  background-color: rgba(0, 0, 0, 0) !important;
  transform: translateY(-1px) !important;
}
.fit-usagers .wysiwyg-6373705eb4814 .red-button {
  background-color: #DE1920 !important;
  color: #FFFFFF !important;
  border: none !important;
  font-size: 14px !important;
  padding: 8px 12px !important;
}
.fit-usagers .titles-637372dd0c913 h3 {
  font-size: 22px;
  line-height: 22px;
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
}
.fit-usagers .titles-637372dd0c913 h3:before {
  content: "";
  display: block;
  width: 47px;
  height: 47px;
  background-image: url("../images/Avantages.png");
  float: left;
  margin-right: 10px;
  transform: translateY(-18px);
}
.fit-usagers .wysiwyg-637372dd580c6 ul li {
  margin-left: 15px;
}
.fit-usagers .wysiwyg-637372dd580c6 ul li:before {
  content: "+" !important;
  font-family: "PFDinDisplayPro-Black", sans-serif !important;
  color: #DE1920 !important;
  background-color: rgba(0, 0, 0, 0) !important;
  transform: translateY(-1px) !important;
}
.fit-usagers .wysiwyg-637372dda8eab h3 {
  font-size: 22px;
  line-height: 22px;
  color: #DE1920;
}
.fit-usagers .wysiwyg-637372de0a951 img {
  mix-blend-mode: multiply;
  margin: 0 auto;
}
.fit-usagers .wysiwyg-637372de0a951 .txt-content {
  text-align: center;
}
.fit-usagers .wysiwyg-637372de0a951 .red-button {
  background-color: #DE1920 !important;
  color: #FFFFFF !important;
  border: none !important;
  font-size: 14px !important;
  padding: 8px 12px !important;
  margin-top: 15px;
}
.fit-usagers .wysiwyg-6373a1cd7bf86 h3 {
  font-size: 22px;
  line-height: 22px;
  color: #DE1920;
}

/* -------------------------------------------- BOXUP ------------------ */
.p-boxup .button-plus {
  color: #000000;
  margin-top: 10px;
  display: block;
}
.p-boxup .card {
  background-color: rgba(255, 255, 255, 0) !important;
}
.p-boxup h3 {
  font-size: 24px !important;
}
.p-boxup h4 {
  text-transform: uppercase;
  font-size: 20px;
}
.p-boxup h4::before {
  content: ">";
  background-color: #DE1920;
  padding: 3px 8px 5px;
  display: inline-block;
  float: left;
  color: #FFFFFF;
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  font-size: 28px;
  line-height: 23px;
  margin-right: 7px;
  transform: translateY(-4px);
}
.p-boxup .choose {
  padding: 30px;
  background-color: #FFFFFF;
}
.p-boxup .choose .fake-list {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
}
.p-boxup .choose .fake-list:before {
  content: "";
  background-color: #DE1920;
  height: 12px;
  width: 12px;
  display: inline-block;
  float: left;
  margin-right: 7px;
  transform: translateY(6px);
}
.p-boxup .wysiwyg-63721e380857f .red-text {
  font-weight: 400 !important;
}
.p-boxup .wysiwyg-645b491252bf4 .row {
  flex-wrap: wrap-reverse;
}
.p-boxup .wysiwyg-6358f32747c22 .row, .p-boxup .wysiwyg-645b491252bf4 .row {
  align-items: center;
}
.p-boxup .wysiwyg-6358f32747c22 .row div:nth-child(1) img, .p-boxup .wysiwyg-645b491252bf4 .row div:nth-child(1) img {
  mix-blend-mode: multiply;
}
.p-boxup .wysiwyg-6358f32747c22 .row div:nth-child(2) img, .p-boxup .wysiwyg-645b491252bf4 .row div:nth-child(2) img {
  transform: translateY(20px);
}
.p-boxup .wysiwyg-6358f32747c22 td, .p-boxup .wysiwyg-645b491252bf4 td {
  width: 50%;
  padding-right: 8px;
}
.p-boxup .wysiwyg-6358f32747c22 strong, .p-boxup .wysiwyg-645b491252bf4 strong {
  text-transform: uppercase;
  display: block;
  line-height: 18px;
  margin-top: 20px;
}
.p-boxup .wysiwyg-6358f32747c22 .red-text, .p-boxup .wysiwyg-645b491252bf4 .red-text {
  font-size: 40px;
  font-family: "PFDinDisplayPro-Black", sans-serif;
}
.p-boxup .titles-637241de16eac h2 {
  font-size: 26px !important;
}
.p-boxup .titles-637241de215c3 h3 {
  color: #DE1920;
}
.p-boxup .wysiwyg-63723bc5a5062 p {
  text-align: center;
}
.p-boxup .wysiwyg-63723bc5a5062 p .aligncenter {
  display: inline-block;
}

/* -------------------------------------------- INTERNES ------------------ */
.p-internes .visible_item {
  display: none;
}
.p-internes .showMore {
  background-color: #FFFFFF;
  border: none;
}
.p-internes .liens-internes .txt-content p {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.p-internes .liens-internes .txt-content p a {
  font-family: halcom, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #656565;
  padding: 8px 15px;
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
  margin-right: 10px;
}
.p-internes .liens-internes .txt-content p a:hover {
  background-color: #DE001A;
}
.p-internes .texte-slider-left,
.p-internes .texte-slider-right {
  padding-right: 0;
  padding-left: 0;
}
.p-internes .texte-slider .carousel,
.p-internes .texte-slider .carousel-inner,
.p-internes .texte-slider .carousel-item,
.p-internes .texte-slider .carousel-row {
  width: 100%;
  height: 100%;
}
.p-internes .texte-slider .carousel-item {
  background-size: cover;
  background-position: center;
}
.p-internes #breadcrumbs {
  margin: 10px 0 0;
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.p-internes #breadcrumbs a {
  text-decoration: none;
  color: #DE1920;
}
.p-internes .fake-h1 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
}
.p-internes .fake-h1:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-internes .entete {
  background-repeat: no-repeat;
}
.p-internes .gallery {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.p-internes .gallery .gallery-item {
  height: 55px;
  width: 55px;
  margin-right: 15px;
  margin-bottom: 35px;
  text-align: center;
}
.p-internes .gallery .wp-caption-text {
  display: none !important;
}
.p-internes .picto-container,
.p-internes .team-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.p-internes .picto-container img,
.p-internes .team-container img {
  max-width: 250px;
  max-height: 250px;
}
.p-internes table td {
  vertical-align: top;
}
.p-internes .texte-image-visu {
  width: 100%;
  height: 100%;
}
.p-internes .l-realisations {
  padding: 0;
  margin-bottom: 40px;
}
.p-internes .l-realisations h2 {
  display: inline-block;
  text-transform: uppercase;
}
.p-internes .l-realisations h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-internes .l-realisations .rea_title {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  color: #FFFFFF;
  font-size: 30px;
  line-height: 32px;
  text-transform: uppercase;
  display: none;
}
.p-internes .l-realisations .rea_subtitle {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  color: #FFFFFF;
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase;
  display: none;
}
.p-internes .l-realisations .rea_plus {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.p-internes .l-realisations .rea_plus_red,
.p-internes .l-realisations .rea_plus_white {
  height: 30px;
  width: 30px;
}
.p-internes .l-realisations .rea_plus_red {
  display: none;
}
.p-internes .l-realisations .rea_bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.p-internes .l-realisations .rea_bg_blend {
  width: 100%;
  height: 100%;
  padding: 20px 5px 5px 20px;
  position: relative;
}
.p-internes .l-realisations .rea_plus {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 36px;
  font-family: "PFDinDisplayPro-Regular", sans-serif;
}
.p-internes .l-realisations .rea_more {
  padding: 20px 0;
  text-align: right;
}
.p-internes .l-realisations .rea_more a {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  font-size: 20px;
}
.p-internes .l-realisations .rea_more a b,
.p-internes .l-realisations .rea_more a strong {
  font-weight: 600;
}
.p-internes .l-realisations .rea_more a strong {
  font-size: 24px;
}
.p-internes .l-realisations .grid a {
  text-decoration: none !important;
}
.p-internes .l-realisations .grid a:hover .rea_bg_blend {
  opacity: 0.65;
  transition: 0.7s;
  background-color: #000000;
}
.p-internes .l-realisations .grid a:hover .rea_subtitle,
.p-internes .l-realisations .grid a:hover .rea_title {
  display: block;
}
.p-internes .l-realisations .grid a:hover .rea_plus_white {
  display: none;
}
.p-internes .l-realisations .grid a:hover .rea_plus_red {
  display: block;
  transform: translateY(-7px);
}

/* -------------------------------------------- INTERNES ENFANTS ------------------ */
.p-internes_enfants .fake-h1 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
}
.p-internes_enfants .fake-h1:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-internes_enfants h1,
.p-internes_enfants h2 {
  font-size: 22px !important;
  line-height: 26px !important;
  text-transform: inherit !important;
}
.p-internes_enfants h2 {
  color: #DE1920;
}
.p-internes_enfants a {
  color: #DE1920;
}
.p-internes_enfants h1:after {
  display: none !important;
}
.p-internes_enfants .c-tensile .gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 5px 0 !important;
}
.p-internes_enfants .c-tensile figure:first-child {
  flex-basis: 33% !important;
}
.p-internes_enfants .c-tensile figure:nth-child(2) {
  flex-basis: 66% !important;
}
.p-internes_enfants .visible_item {
  display: none;
}
.p-internes_enfants .showMore {
  background-color: #FFFFFF;
  border: none;
}
.p-internes_enfants .grey-border-bottom .row {
  border-bottom: 5px solid #EFEFEF;
}
.p-internes_enfants h1 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
}
.p-internes_enfants h1:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-internes_enfants blockquote {
  text-transform: uppercase;
  border: 2px solid #DE1920;
  padding: 15px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
.p-internes_enfants blockquote:after {
  content: "";
  background-image: url("../images/quotes.svg");
  height: 26px;
  width: 40px;
  display: block;
  right: 0;
  bottom: 5px;
  position: absolute;
}
.p-internes_enfants #breadcrumbs {
  margin: 10px 0 0;
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.p-internes_enfants #breadcrumbs a {
  text-decoration: none;
  color: #DE1920;
}
.p-internes_enfants .entete {
  background-repeat: no-repeat;
}
.p-internes_enfants .gallery {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 35px 0;
  justify-content: space-between;
}
.p-internes_enfants .gallery .wp-caption-text {
  display: none !important;
}
.p-internes_enfants .picto-container,
.p-internes_enfants .team-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.p-internes_enfants .picto-container img,
.p-internes_enfants .team-container img {
  max-width: 250px;
  max-height: 250px;
}
.p-internes_enfants table td {
  vertical-align: top;
}
.p-internes_enfants .texte-image-visu {
  width: 100%;
  height: 100%;
}
.p-internes_enfants .l-realisations {
  padding: 0;
  margin-bottom: 40px;
}
.p-internes_enfants .l-realisations h2 {
  display: inline-block;
  text-transform: uppercase !important;
  font-size: 26px !important;
}
.p-internes_enfants .l-realisations h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-internes_enfants .l-realisations .rea_title {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  color: #FFFFFF;
  font-size: 30px;
  line-height: 32px;
  text-transform: uppercase;
  display: none;
}
.p-internes_enfants .l-realisations .rea_subtitle {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  color: #FFFFFF;
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase;
  display: none;
}
.p-internes_enfants .l-realisations .rea_plus {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.p-internes_enfants .l-realisations .rea_plus_red,
.p-internes_enfants .l-realisations .rea_plus_white {
  height: 30px;
  width: 30px;
}
.p-internes_enfants .l-realisations .rea_plus_red {
  display: none;
}
.p-internes_enfants .l-realisations .rea_bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.p-internes_enfants .l-realisations .rea_bg_blend {
  width: 100%;
  height: 100%;
  padding: 20px 5px 5px 20px;
  position: relative;
}
.p-internes_enfants .l-realisations .rea_plus {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 36px;
  font-family: "PFDinDisplayPro-Regular", sans-serif;
}
.p-internes_enfants .l-realisations .rea_more {
  padding: 20px 0;
  text-align: right;
}
.p-internes_enfants .l-realisations .rea_more a {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  font-size: 20px;
}
.p-internes_enfants .l-realisations .rea_more a b,
.p-internes_enfants .l-realisations .rea_more a strong {
  font-weight: 600;
}
.p-internes_enfants .l-realisations .rea_more a strong {
  font-size: 24px;
}
.p-internes_enfants .l-realisations .grid a {
  text-decoration: none !important;
}
.p-internes_enfants .l-realisations .grid a:hover .rea_bg_blend {
  opacity: 0.65;
  transition: 0.7s;
  background-color: #000000;
}
.p-internes_enfants .l-realisations .grid a:hover .rea_subtitle,
.p-internes_enfants .l-realisations .grid a:hover .rea_title {
  display: block;
}
.p-internes_enfants .l-realisations .grid a:hover .rea_plus_white {
  display: none;
}
.p-internes_enfants .l-realisations .grid a:hover .rea_plus_red {
  display: block;
  transform: translateY(-7px);
}
.p-internes_enfants .wysiwyg3070-6193c98aa7324 h2 {
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  font-size: 28px;
}
.p-internes_enfants .wysiwyg3070-6193c98aa7324 h2 svg {
  color: #DE1920;
}
.p-internes_enfants .wysiwyg3070-6193c98aa7324 table {
  background-color: #DE1920;
  color: #FFFFFF;
  font-family: "PFDinDisplayPro-Black", sans-serif;
}
.p-internes_enfants .wysiwyg3070-6193c98aa7324 table tr:first-child {
  border-bottom: 2px dotted #FFFFFF;
}
.p-internes_enfants .wysiwyg3070-6193c98aa7324 table tr:lastchild td {
  padding-bottom: 15px;
}
.p-internes_enfants .wysiwyg3070-6193c98aa7324 table td {
  padding: 5px 15px;
}
.p-internes_enfants .wysiwyg3070-6193cd5c7f6bb .row,
.p-internes_enfants .wysiwyg3070-6193cd5cb50ee .row {
  align-items: center;
}
.p-internes_enfants .wysiwyg3070-6193cd5c7f6bb .row h3,
.p-internes_enfants .wysiwyg3070-6193cd5cb50ee .row h3 {
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  font-size: 24px;
}
.p-internes_enfants .wysiwyg3070-6193cd5c7f6bb .row h3 svg,
.p-internes_enfants .wysiwyg3070-6193cd5cb50ee .row h3 svg {
  color: #DE1920;
}

/* ------ CSS PERSO AU SITE --- */
/* -------------------------------------------- CONFORT ------------------ */
.p-confort h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 28px;
  line-height: 32px;
  text-transform: uppercase;
}
.p-confort h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-confort .wysiwyg-6194e48ee73b4 .row {
  align-items: center;
}
.p-confort .wysiwyg-6194e48ee73b4 .row td {
  padding-bottom: 20px;
}

/* -------------------------------------------- POLY ------------------ */
.p-poly .wysiwyg-61950e20e25f5 table {
  background-color: #DE1920;
  color: #FFFFFF;
}
.p-poly .wysiwyg-61950e20e25f5 table h2 {
  text-transform: uppercase;
  font-size: 22px;
  line-height: 26px;
  margin-top: 15px;
}
.p-poly .wysiwyg-61950e20e25f5 table h2 strong {
  font-size: 32px;
}
.p-poly .wysiwyg-61950e20e25f5 table h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #000000;
  margin: 10px 0;
}
.p-poly .wysiwyg-61950e20e25f5 table td {
  padding: 15px;
}

/* -------------------------------------------- NO CO2 / ENGAGEMENTS ------------------ */
.p-engagements h1,
.p-noco2 h1 {
  padding: 25px;
  border: 4px solid #DE1920;
  display: inline-block;
  max-width: 490px;
  color: #FFFFFF;
  font-size: 32px;
  line-height: 38px;
}
.p-engagements h2,
.p-noco2 h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 28px;
  line-height: 32px;
  text-transform: uppercase;
}
.p-engagements h2:after,
.p-noco2 h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-engagements h3,
.p-noco2 h3 {
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  font-weight: 600;
  font-size: 18px;
  display: block;
  margin: 10px 0;
}

.p-engagements .wysiwyg-614b0d33cb2ca img {
  float: right;
  display: inline-block;
  transform: translateY(-40px);
  mix-blend-mode: multiply;
}
.p-engagements .wysiwyg-614b1093e0e69 strong {
  text-transform: uppercase;
  font-size: 18px;
  margin: 15px 0;
}
.p-engagements .wysiwyg-614b1093e0e69 em {
  background-color: #DE1920;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  color: #FFFFFF;
  font-size: 36px;
  padding: 15px;
  display: inline-block;
  margin-bottom: 10px;
  font-style: normal;
  position: relative;
}
.p-engagements .wysiwyg-614b1093e0e69 em:after {
  content: "";
  background-color: #DE1920;
  height: 3px;
  width: 220px;
  display: block;
  position: absolute;
  z-index: -1;
  transform: translateY(-10px);
}
.p-engagements .wysiwyg-614b1bd1dcaa3 {
  background-repeat: no-repeat;
  background-position: top -15px right 300px;
}
.p-engagements .wysiwyg-614b1eca4940e em {
  text-transform: uppercase;
  font-style: normal;
  font-size: 24px;
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  margin-top: 10px;
  display: block;
}
.p-engagements .wysiwyg-614b1eca4940e em b {
  color: #DE1920;
}
.p-engagements .text-image-614b1fec631dd {
  padding: 40px;
}
.p-engagements .text-image-614b1fec631dd h3 {
  color: #DE1920;
  margin: 0 0 10px;
}
.p-engagements .l-projet a {
  margin: 60px 0 0;
}

.p-noco2 .entete-co2 .row {
  background-color: #ececec;
  margin-left: 0;
  margin-right: 0;
}
.p-noco2 .entete-614b26c87f4b3 h1 {
  margin: 0 auto;
  font-size: 42px;
  line-height: 36px;
  text-align: left;
}
.p-noco2 .entete-614b26c87f4b3 h1 div {
  margin: 10px 0;
}
.p-noco2 .desc-614b26c87f4b3 p {
  font-size: 18px;
}
.p-noco2 .desc-614b26c87f4b3 p em {
  color: #DE1920;
  font-style: normal;
}
.p-noco2 .pictocol-61557e8a6c692 .row,
.p-noco2 .pictocol-615581fb897ba .row,
.p-noco2 .pictocol-6155892250d7f .row {
  background-image: url("../images/plus-croix.svg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 80px;
}
.p-noco2 .pictocol-61557e8a6c692 .row em,
.p-noco2 .pictocol-615581fb897ba .row em,
.p-noco2 .pictocol-6155892250d7f .row em {
  color: #DE1920;
  font-style: normal;
  font-weight: 600;
}
.p-noco2 .pictocol-61557e8a6c692 .row a,
.p-noco2 .pictocol-615581fb897ba .row a,
.p-noco2 .pictocol-6155892250d7f .row a {
  margin-top: 30px;
}
.p-noco2 .pictocol-615581fb897ba td {
  padding-right: 25px;
}
.p-noco2 .picto {
  max-width: 108px;
}
.p-noco2 .l-impact a {
  margin: 60px 0 0;
}

/* --------------------------------------------ECOLES / PREAUX ------------------ */
.p-ecoles h1,
.p-ecoles h2,
.p-preaux-scolaires h1,
.p-preaux-scolaires h2 {
  font-size: 22px !important;
  line-height: 26px !important;
  text-transform: inherit !important;
}
.p-ecoles .l-realisations h2,
.p-preaux-scolaires .l-realisations h2 {
  font-size: 26px;
}

/* -------------------------------------------- TENDUES ------------------ */
.p-tendues h2 {
  color: #DE1920;
  text-transform: uppercase;
  font-size: 22px;
}

/* -------------------------------------------- STRUCTURE BOIS ------------------ */
.p-structure-bois h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  color: #DE1920;
}
.p-structure-bois li::before {
  content: "+" !important;
  background: none !important;
  display: inline-block;
  color: #DE1920;
  width: inherit !important;
  height: inherit !important;
  font-size: 26px;
  transform: translate(20%, -8%) !important;
  position: absolute;
  top: 0;
  left: 0;
}
.p-structure-bois .l-realisations h2 {
  color: #000000 !important;
  font-size: 26px !important;
}

/* -------------------------------------------- OFFRE ------------------ */
.p-offre em {
  font-size: 18px;
}
.p-offre .red-button {
  font-family: halcom, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #DE001A;
  padding: 8px 15px;
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
  height: 40px;
  border-bottom: none !important;
}
.p-offre .red-button:after {
  content: "";
  background-image: url("../images/arrow-circle-right-solid.svg");
  display: inline-block;
  fill: #FFFFFF;
  width: 22px;
  height: 22px;
  margin-left: 8px;
  margin-bottom: -5px;
}
.p-offre .red-button:hover {
  background-color: #000000;
  text-decoration: none;
  color: #FFFFFF;
}
.p-offre .red-button:visited {
  color: #FFFFFF;
}
.p-offre .black-button {
  font-family: halcom, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #000000;
  padding: 8px 15px;
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
  height: 40px;
}
.p-offre .black-button:after {
  content: "";
  background-image: url("../images/arrow-circle-right-solid.svg");
  display: inline-block;
  fill: #FFFFFF;
  width: 22px;
  height: 22px;
  margin-left: 8px;
  margin-bottom: -5px;
}
.p-offre .black-button:hover {
  background-color: #656565;
  text-decoration: none;
  color: #FFFFFF;
}
.p-offre .wysiwyg-619dfd67429ff strong {
  text-transform: uppercase;
}
.p-offre h1 {
  font-size: 36px;
  line-height: 48px;
  color: #DE1920;
  text-transform: uppercase;
  font-family: "Esphimere", sans-serif;
}
.p-offre h2 {
  font-size: 30px;
  line-height: 36px;
  color: #DE1920;
  text-transform: uppercase;
  font-family: "Esphimere", sans-serif;
}
.p-offre h2::before {
  content: "";
  background-color: #DE1920;
  height: 2px;
  width: 100%;
  display: block;
  left: 0;
  position: absolute;
  left: -102%;
  top: 50%;
  transform: translateY(-50%);
}
.p-offre h3 {
  color: #000000;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 24px;
  position: relative;
  display: inline-block;
  font-family: "Esphimere", sans-serif;
}
.p-offre .galleryid-24891 .gallery-item:first-child {
  height: 290px;
  width: 100%;
}
.p-offre .carousel-control-next-icon,
.p-offre .carousel-control-prev-icon {
  height: 100px;
  width: 100px;
  background-size: 100%, 100%;
  border: none;
  background-image: none;
  transform: translateY(25%);
}
.p-offre .carousel-control-next-icon:after {
  font-family: "Esphimere", sans-serif;
  font-weight: 700;
  content: "›";
  font-size: 35px;
  color: #FFFFFF;
  background-color: #DE1920;
  padding: 5px 20px 8px;
  border-radius: 40px;
}
.p-offre .carousel-control-prev-icon:after {
  font-family: "Esphimere", sans-serif;
  font-weight: 700;
  content: "‹";
  font-size: 35px;
  color: #FFFFFF;
  background-color: #DE1920;
  padding: 5px 20px 8px;
  border-radius: 40px;
}
.p-offre ul {
  list-style: none;
  margin-top: 20px;
  margin-left: 0 !important;
}
.p-offre li {
  line-height: 19px;
  margin-bottom: 10px !important;
  font-size: 17px !important;
  padding-left: 0 !important;
}
.p-offre li:before {
  content: "" !important;
  background-image: url("../images/arrow-right-solid.svg") !important;
  display: inline-block;
  fill: #DE1920 !important;
  width: 22px !important;
  height: 12px !important;
  margin-left: -32px !important;
  margin-right: 10px !important;
  background-color: rgba(0, 0, 0, 0) !important;
  transform: translateY(5px) !important;
}
.p-offre .text-image-60db4abbeee9c .text-bloc,
.p-offre .text-image-60db4abc49f8a .text-bloc,
.p-offre .text-image-60db4abcc3844 .text-bloc,
.p-offre .text-image-60db4abd1af30 .text-bloc,
.p-offre .text-slider-616fe798d5b1c .text-bloc,
.p-offre .text-sliders-619dfd6850fe1 .text-bloc {
  padding-top: 40px;
  padding-bottom: 40px;
}
.p-offre .wysiwyg-619dfe98da96e em,
.p-offre .wysiwyg-619dfe9943fbf em {
  color: #DE1920;
  font-style: normal;
  font-weight: 600;
  font-family: "Esphimere", sans-serif;
  font-size: 20px;
  line-height: 26px;
}
.p-offre .wysiwyg-619dfe9943fbf .row,
.p-offre .wysiwyg-619dfe9a3800c .row {
  align-items: center;
}

/* -------------------------------------------- FORMATS ------------------ */
.p-formats #breadcrumbs a,
.p-formats #breadcrumbs p,
.p-formats #breadcrumbs span {
  font-size: 12px !important;
}
.p-formats p {
  font-size: 17px !important;
}
.p-formats .wysiwyg-619e0e4733477 strong {
  text-transform: uppercase;
}
.p-formats h2 {
  font-size: 30px;
  line-height: 36px;
  color: #DE1920;
  text-transform: uppercase;
  font-family: "Esphimere", sans-serif;
}
.p-formats h3 {
  color: #000000;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 24px;
  position: relative;
  display: inline-block;
  font-family: "Esphimere", sans-serif;
}
.p-formats .carousel-control-next-icon,
.p-formats .carousel-control-prev-icon {
  height: 100px;
  width: 100px;
  background-size: 100%, 100%;
  border: none;
  background-image: none;
  transform: translateY(25%);
}
.p-formats .carousel-control-next-icon:after {
  font-family: "Esphimere", sans-serif;
  font-weight: 700;
  content: "›";
  font-size: 35px;
  color: #DE1920;
}
.p-formats .carousel-control-prev-icon:after {
  font-family: "Esphimere", sans-serif;
  font-weight: 700;
  content: "‹";
  font-size: 35px;
  color: #DE1920;
}
.p-formats .texte-image-visu {
  mix-blend-mode: multiply;
}
.p-formats h2 {
  border-bottom: 2px solid #DE1920;
  padding-bottom: 10px;
  margin-bottom: 30px;
  margin-top: 25px;
}
.p-formats .sub-header strong {
  text-transform: uppercase;
}
.p-formats .salle-content strong {
  text-transform: uppercase;
}
.p-formats .salle-content ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -40px;
}
.p-formats .salle-content li {
  text-align: center;
  margin-right: 8px;
}
.p-formats .salle-content li img {
  width: 59px;
  height: 59px;
}
.p-formats .salle-content li figcaption {
  font-size: 12px !important;
}
.p-formats .video {
  padding-top: 40px;
  padding-bottom: 40px;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-position: left center !important;
}
.p-formats .video .row {
  align-items: center;
}
.p-formats .video p {
  color: #FFFFFF;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Esphimere", sans-serif;
  font-size: 32px !important;
}
.p-formats .video p br {
  margin-bottom: 18px;
}
.p-formats .video .video-droite {
  padding: 60px 0;
}

/* -------------------------------------------- QUI ------------------ */
.p-qui h1 {
  font-size: 80px;
  line-height: 82px;
  text-transform: uppercase;
}
.p-qui .chiffres {
  text-align: center;
}
.p-qui .chiffres h2 {
  margin-bottom: 30px;
}
.p-qui .chiffres h2,
.p-qui .chiffres h3 {
  text-transform: uppercase;
}
.p-qui .chiffres img {
  max-width: 125px;
  display: inline-block;
  margin: 0 auto;
}

/* -------------------------------------------- FUTSAL ------------------ */
.p-futsal .titles-653b876ae3644 h2, .p-futsal .titles-653b8b1fc0e0f h2, .p-multi .titles-653b876ae3644 h2, .p-multi .titles-653b8b1fc0e0f h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  color: #000000;
  font-size: 32px !important;
  line-height: 36px !important;
  text-transform: uppercase !important;
  margin-top: 40px;
}
.p-futsal .titles-653b876ae3644 h2:after, .p-futsal .titles-653b8b1fc0e0f h2:after, .p-multi .titles-653b876ae3644 h2:after, .p-multi .titles-653b8b1fc0e0f h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-futsal .wysiwyg-653b876b0ef0b .row, .p-futsal .wysiwyg-653b876b33146 .row, .p-futsal .wysiwyg-653b8b1fe2bea .row, .p-futsal .wysiwyg-653b8b200f8e7 .row, .p-multi .wysiwyg-653b876b0ef0b .row, .p-multi .wysiwyg-653b876b33146 .row, .p-multi .wysiwyg-653b8b1fe2bea .row, .p-multi .wysiwyg-653b8b200f8e7 .row {
  align-items: center;
}
.p-futsal .wysiwyg-653b876b0ef0b h3, .p-futsal .wysiwyg-653b876b33146 h3, .p-futsal .wysiwyg-653b8b1fe2bea h3, .p-futsal .wysiwyg-653b8b200f8e7 h3, .p-multi .wysiwyg-653b876b0ef0b h3, .p-multi .wysiwyg-653b876b33146 h3, .p-multi .wysiwyg-653b8b1fe2bea h3, .p-multi .wysiwyg-653b8b200f8e7 h3 {
  color: #DE1920;
}
.p-futsal .wysiwyg-653b876b0ef0b a, .p-futsal .wysiwyg-653b876b33146 a, .p-futsal .wysiwyg-653b8b1fe2bea a, .p-futsal .wysiwyg-653b8b200f8e7 a, .p-multi .wysiwyg-653b876b0ef0b a, .p-multi .wysiwyg-653b876b33146 a, .p-multi .wysiwyg-653b8b1fe2bea a, .p-multi .wysiwyg-653b8b200f8e7 a {
  color: #000000;
}
.p-futsal .l-realisations, .p-multi .l-realisations {
  margin-top: 40px;
}

/* ------------------------------------- AJUSTEMENT DES PHOTOS SUR CERTAINES PAGES ------------------------------------------- */
.page-id-29377 .wysiwyg3070-6194dcf9ca712 .row {
  align-items: center;
}

.page-id-23861 .wysiwyg3070-6194dcf9ca712 .row {
  align-items: center;
}

.page-id-31732 .wysiwyg3070-6194dcf9ca712 .row {
  align-items: center;
}

/**/
.page-id-23837 .wysiwyg3070-6194d02e697d2 .row {
  align-items: center;
}

.page-id-29326 .wysiwyg3070-6194d02e697d2 .row {
  align-items: center;
}

.page-id-31687 .wysiwyg3070-6194d02e697d2 .row {
  align-items: center;
}

/**/
.page-id-23664 .wysiwyg3070-6193b63f43ea1 .row {
  align-items: center;
}

.page-id-29361 .wysiwyg3070-6193b63f43ea1 .row {
  align-items: center;
}

.page-id-31722 .wysiwyg3070-6193b63f43ea1 .row {
  align-items: center;
}

/**/
.page-id-23922 .wysiwyg3070-619521a89d66b .row {
  align-items: center;
}

/**/
.page-id-23933 .wysiwyg3070-619525b07fd1b .row {
  align-items: center;
}

/**/
.page-id-23906 .wysiwyg3070-61951ba91ea7e .row {
  align-items: center;
}

.page-id-31702 .wysiwyg3070-61951ba91ea7e .row {
  align-items: center;
}

/**/
.page-id-23914 .wysiwyg3070-61951d77d9855 .row {
  align-items: center;
}

.page-id-29345 .wysiwyg3070-61951d77d9855 .row {
  align-items: center;
}

.page-id-31706 .wysiwyg3070-61951d77d9855 .row {
  align-items: center;
}

/**/
.page-id-23600 .wysiwyg3070-618bf461df482 .row {
  align-items: center;
}

.page-id-29383 .wysiwyg3070-618bf461df482 .row {
  align-items: center;
}

.page-id-31740 .wysiwyg3070-618bf461df482 .row {
  align-items: center;
}

/**/
.page-id-23851 .wysiwyg3070-6194db2fa848d .row {
  align-items: center;
}

.page-id-29387 .wysiwyg3070-6194db2fa848d .row {
  align-items: center;
}

.page-id-31744 .wysiwyg3070-6194db2fa848d .row {
  align-items: center;
}

/**/
.page-id-22159 .wysiwyg-615c6986a0ed8 .row {
  align-items: center;
}

.p-sports .h1 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
}
.p-sports .h1:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}

.p-sports_child .l-entete {
  padding-left: 15px;
}
.p-sports_child .l-entete .fake-h1 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
}
.p-sports_child .l-entete .fake-h1:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-sports_child .l-entete h1,
.p-sports_child .l-entete h2 {
  font-size: 22px !important;
  line-height: 26px !important;
  text-transform: inherit !important;
}
.p-sports_child .l-entete h1:after {
  display: none !important;
}

.page-id-29296 .l-entete_ambiance,
.page-id-29398 .l-entete_ambiance,
.page-id-31756 .l-entete_ambiance {
  display: none;
}
.page-id-29296 .l-entete_desc,
.page-id-29398 .l-entete_desc,
.page-id-31756 .l-entete_desc {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.archi-textile h2 {
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.p-sports .l-servicesnum,
.p-sports_child .l-servicesnum {
  margin-top: 40px;
  margin-bottom: 30px;
}
.p-sports .l-servicesnum h2,
.p-sports_child .l-servicesnum h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 32px !important;
  line-height: 36px !important;
  text-transform: uppercase !important;
  margin-top: 0;
}
.p-sports .l-servicesnum h2:after,
.p-sports_child .l-servicesnum h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-sports .l-servicesnum h3,
.p-sports_child .l-servicesnum h3 {
  color: #DE1920;
}
.p-sports .archi,
.p-sports_child .archi {
  margin-top: 40px;
}
.p-sports .archi h2,
.p-sports_child .archi h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 32px !important;
  line-height: 36px !important;
  text-transform: uppercase !important;
  margin-top: 0;
}
.p-sports .archi h2:after,
.p-sports_child .archi h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-sports .l-offres_desc a:hover,
.p-sports_child .l-offres_desc a:hover {
  text-decoration: none;
  color: #DE1920 !important;
}
.p-sports .drop-down .drop-down-card,
.p-sports_child .drop-down .drop-down-card {
  margin-bottom: 15px;
}
.p-sports .drop-down .drop-down-title,
.p-sports_child .drop-down .drop-down-title {
  border-bottom: 1px solid #ececec;
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  background-color: #FFFFFF;
  text-align: left;
  font-family: "PFDinDisplayPro-Bold", sans-serif !important;
  font-size: 15px;
  width: 100%;
  display: block;
  padding-bottom: 7px;
  color: #DE1920;
  font-weight: 600;
  text-decoration: none;
}
.p-sports .drop-down .chevron-right,
.p-sports_child .drop-down .chevron-right {
  width: 20px;
}
.p-sports .drop-down .chevron-down,
.p-sports_child .drop-down .chevron-down {
  width: 20px;
  display: none;
}
.p-sports .drop-down button[aria-expanded=true] .chevron-right,
.p-sports_child .drop-down button[aria-expanded=true] .chevron-right {
  display: none;
}
.p-sports .drop-down button[aria-expanded=true] .chevron-down,
.p-sports_child .drop-down button[aria-expanded=true] .chevron-down {
  display: inline-block;
}
.p-sports #breadcrumbs,
.p-sports_child #breadcrumbs {
  margin: 10px 0 0;
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.p-sports #breadcrumbs a,
.p-sports_child #breadcrumbs a {
  text-decoration: none;
  color: #DE1920;
}
.p-sports h1,
.p-sports_child h1 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  margin-top: 0;
}
.p-sports h1:after,
.p-sports_child h1:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-sports .l-entete_desc a,
.p-sports_child .l-entete_desc a {
  color: red;
  font-weight: 600;
}
.p-sports .l-entete_desc li::before,
.p-sports_child .l-entete_desc li::before {
  content: "";
  width: 15px !important;
  height: 15px !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: url("../images/red-plus.svg");
  background-size: contain;
  transform: translate(-20%, 20%) !important;
  position: absolute;
  top: 0;
  left: 0;
}
.p-sports .l-entete_desc table,
.p-sports_child .l-entete_desc table {
  background-color: #efefef;
  margin-bottom: 15px;
}
.p-sports .l-entete_desc table td,
.p-sports_child .l-entete_desc table td {
  padding-left: 25px;
}
.p-sports .l-entete_ambiance,
.p-sports_child .l-entete_ambiance {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.p-sports .l-offres,
.p-sports_child .l-offres {
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
}
.p-sports .l-offres .red-bg,
.p-sports_child .l-offres .red-bg {
  background-color: #DE1920;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 5px 10px;
}
.p-sports .l-offres .black-button,
.p-sports_child .l-offres .black-button {
  margin-top: 20px;
}
.p-sports .l-offres h2,
.p-sports_child .l-offres h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 36px;
  line-height: 42px;
  text-transform: uppercase;
}
.p-sports .l-offres h2:after,
.p-sports_child .l-offres h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-sports .l-offres h3,
.p-sports_child .l-offres h3 {
  color: #DE1920;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 28px;
  line-height: 30px;
  display: block;
  margin: 10px 0 20px;
  text-transform: uppercase;
}
.p-sports .l-offres h3 a,
.p-sports_child .l-offres h3 a {
  color: #DE1920;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 28px;
  line-height: 30px;
  display: block;
  margin: 10px 0 20px;
  text-transform: uppercase;
  text-decoration: none;
}
.p-sports .l-offres .l-offres_content,
.p-sports_child .l-offres .l-offres_content {
  border-bottom: 3px solid #efefef;
  margin-bottom: 30px;
  margin-right: 15px;
  margin-left: 0;
}
.p-sports .l-offres .l-offres_content .row,
.p-sports_child .l-offres .l-offres_content .row {
  margin-left: 0;
  margin-right: 0;
}
.p-sports .l-offres .l-offres_desc,
.p-sports_child .l-offres .l-offres_desc {
  padding: 15px 15px 15px 0;
}
.p-sports .l-offres .l-offres_desc ul,
.p-sports_child .l-offres .l-offres_desc ul {
  margin-left: -40px !important;
}
.p-sports .l-offres .l-offres_desc ul li,
.p-sports_child .l-offres .l-offres_desc ul li {
  margin-bottom: 20px;
  padding: 0 !important;
  text-transform: uppercase;
}
.p-sports .l-offres .l-offres_desc ul li a,
.p-sports_child .l-offres .l-offres_desc ul li a {
  color: #000000;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 14px;
  line-height: 14px;
}
.p-sports .l-offres .l-offres_desc ul li:after,
.p-sports_child .l-offres .l-offres_desc ul li:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-sports .l-offres .l-offres_desc ul li:before,
.p-sports_child .l-offres .l-offres_desc ul li:before {
  display: none !important;
}
.p-sports .l-offres .l-offres_amb,
.p-sports_child .l-offres .l-offres_amb {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 380px;
}
.p-sports .l-projet a,
.p-sports_child .l-projet a {
  background-color: #DE1920;
  padding: 40px;
  background-image: url("../images/SMC2-offres-bg-projet.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-position: right;
  display: block;
  width: 100%;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  min-height: 380px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.p-sports .l-projet a .l-projet_title,
.p-sports_child .l-projet a .l-projet_title {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 30px;
  flex-basis: 100%;
  transform: translateY(45px);
}
.p-sports .l-projet a .l-projet_title:after,
.p-sports_child .l-projet a .l-projet_title:after {
  content: "";
  background-color: #FFFFFF;
  display: block;
  width: 40px;
  height: 5px;
  margin: 5px 0;
}
.p-sports .l-projet a .l-projet_subtitle,
.p-sports_child .l-projet a .l-projet_subtitle {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  font-size: 30px;
  flex-basis: 100%;
}
.p-sports .l-projet a .l-projet_arrow,
.p-sports_child .l-projet a .l-projet_arrow {
  transform: translateY(-50px);
  flex-basis: 100%;
  font-size: 40px;
}

.p-structures .l-entete_ambiance {
  display: none;
}
.p-structures .l-entete_desc {
  flex-basis: 100%;
  max-width: 100%;
}

/* ------- PARTIE PARENT ------- */
.p-realisations .visible_item {
  display: none;
}
.p-realisations .showMore {
  background-color: #FFFFFF;
  border: none;
}
.p-realisations #mega-menu-wrap-menu-3 #mega-menu-menu-3 > li.mega-menu-flyout ul.mega-sub-menu {
  width: 270px;
}
.p-realisations #breadcrumbs {
  margin: 10px 0 0;
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.p-realisations #breadcrumbs a {
  text-decoration: none;
  color: #DE1920;
}
.p-realisations .fake-h1 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  margin-top: 0;
}
.p-realisations .fake-h1:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-realisations .p-realisations_intro {
  margin-bottom: 20px;
  font-family: "PFDinDisplayPro-Regular", sans-serif;
}
.p-realisations .p-realisations_intro a {
  text-decoration: none;
  color: #DE1920;
}
.p-realisations .l-realisations {
  padding: 0 15px;
}
.p-realisations .p-realisations_menu {
  border-bottom: 5px solid #EFEFEF;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 0;
}
.p-realisations .l-projet a {
  background-color: #DE1920;
  padding: 40px;
  background-image: url("../images/SMC2-un-projet.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: right;
  display: block;
  width: 100%;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 40px;
}
.p-realisations .l-projet a .l-projet_title {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 30px;
}
.p-realisations .l-projet a .l-projet_title:after {
  content: "";
  background-color: #FFFFFF;
  display: block;
  width: 40px;
  height: 5px;
  margin: 5px 0;
}
.p-realisations .l-projet a .l-projet_subtitle {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  font-size: 30px;
}
.p-realisations .l-projet a .l-projet_arrow {
  font-size: 40px;
}

/* ------- PARTIE CHILD ------- */
.pager-unique a {
  background-color: #efefef;
  display: block;
}

.pager-unique a:hover {
  background-color: #DE1920;
}
.pager-unique a:hover .title {
  color: #FFFFFF;
}
.pager-unique a:hover .pred {
  color: #FFFFFF;
}
.pager-unique a:hover .suiv {
  color: #FFFFFF;
}

.pager-unique:first-child {
  text-align: center;
}
.pager-unique:first-child .suiv {
  display: none;
}
.pager-unique:first-child .pred {
  text-decoration: none;
  color: #000000;
}
.pager-unique:first-child .title {
  color: #DE1920;
  font-weight: bolder;
}
.pager-unique:first-child a {
  text-decoration: none;
}

.pager-unique:nth-child(2) {
  text-align: center;
}
.pager-unique:nth-child(2) .pred {
  display: none;
}
.pager-unique:nth-child(2) .suiv {
  text-decoration: none;
  color: #000000;
}
.pager-unique:nth-child(2) .title {
  color: #DE1920;
  font-weight: bolder;
}
.pager-unique:nth-child(2) a {
  text-decoration: none;
}

.pager .pager-button {
  background-color: #efefef;
  text-align: center;
}
.pager .pager-button a {
  padding: 15px 0;
  text-decoration: none;
  color: #000000;
}
.pager .pager-button a strong {
  color: #DE1920;
}

.pager .pager-button:hover {
  background-color: #DE1920;
}
.pager .pager-button:hover a {
  color: #FFFFFF;
}
.pager .pager-button:hover a strong {
  color: #FFFFFF;
}

.l-realisation_child .reas-content .row {
  margin-top: -20px;
  flex-wrap: wrap !important;
}
.l-realisation_child .reas-content .row div {
  flex-basis: 100% !important;
  max-width: 100% !important;
}
.l-realisation_child .reas-content .row div p {
  margin-bottom: 5px;
}
.l-realisation_child .reas-content .row a {
  color: #DE1920;
}
.l-realisation_child .reas-content .row .texte-image-visu {
  min-height: 550px;
}

.l-realisation_child .txt-content a {
  color: #DE1920;
}
.l-realisation_child .wysiwyg-50 a {
  color: #DE1920;
}
.l-realisation_child .texte-image-visu {
  min-height: 350px;
  background-size: cover !important;
}
.l-realisation_child .wysiwyg-50:first-child p:last-child:after {
  content: "";
  background-color: #DE1920;
  width: 50px;
  height: 5px;
  display: block;
  margin-top: 10px;
}
.l-realisation_child li::before {
  background-color: #DE1920 !important;
}
.l-realisation_child figure {
  max-width: 100% !important;
}
.l-realisation_child .wp-caption-text {
  display: none;
}
.l-realisation_child .size-full {
  width: 100%;
}
.l-realisation_child .gallery-columns-2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
}
.l-realisation_child .gallery-columns-2 a {
  width: 100%;
  display: block;
}
.l-realisation_child .gallery-columns-2 img {
  width: 100%;
  display: block;
}
.l-realisation_child .gallery-columns-2 .gallery-item {
  flex-basis: 49.9%;
}
.l-realisation_child .gallery-columns-2 .gallery-item:first-child {
  padding-right: 5px;
}
.l-realisation_child .gallery-columns-2 .gallery-item:nth-child(2) {
  padding-left: 5px;
}
.l-realisation_child .gallery-columns-3 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
}
.l-realisation_child .gallery-columns-3 a {
  width: 100%;
  display: block;
}
.l-realisation_child .gallery-columns-3 img {
  width: 100%;
  display: block;
}
.l-realisation_child .gallery-columns-3 .gallery-item {
  flex-basis: 33.3%;
}
.l-realisation_child .gallery-columns-3 .gallery-item:first-child {
  padding-right: 6px;
}
.l-realisation_child .gallery-columns-3 .gallery-item:nth-child(2) {
  padding-left: 3px;
  padding-right: 3px;
}
.l-realisation_child .gallery-columns-3 .gallery-item:nth-child(3) {
  padding-left: 6px;
}
.l-realisation_child .gallery-columns-3 .gallery-item:nth-child(4) {
  padding-right: 6px;
}
.l-realisation_child .gallery-columns-3 .gallery-item:nth-child(5) {
  padding-left: 3px;
  padding-right: 3px;
}
.l-realisation_child .gallery-columns-3 .gallery-item:nth-child(6) {
  padding-left: 6px;
}
.l-realisation_child #breadcrumbs {
  margin: 10px 0 0;
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.l-realisation_child #breadcrumbs a {
  text-decoration: none;
  color: #DE1920;
}
.l-realisation_child h1 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  margin-top: 0;
}
.l-realisation_child h1:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.l-realisation_child .l-realisation_spec {
  background-color: #ececec;
  padding: 25px;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 30px;
}
.l-realisation_child .l-realisation_spec b {
  color: #DE1920;
}
.l-realisation_child .l-realisations {
  padding: 0 15px;
  margin-top: 40px;
}
.l-realisation_child .l-realisations h2 {
  text-transform: uppercase;
}

.single-realisation .rea-title-other {
  font-size: 2rem;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  text-transform: uppercase;
  display: inline-block;
}
.single-realisation .rea-title-other::after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 0 0 10px;
}

.single h1:after {
  display: none !important;
}

.p-mag .post-load-more .facetwp-load-more {
  background-color: #DE1920;
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  color: #FFFFFF;
  padding: 5px 8px;
  text-transform: uppercase;
  border: none;
}
.p-mag .post-load-more .facetwp-load-more:hover {
  background-color: #000000;
}
.p-mag h2 {
  display: inline-block;
  text-transform: uppercase;
  margin-top: 30px;
}
.p-mag h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-mag .l-categories {
  background-color: #EFEFEF;
  padding-top: 20px;
  position: relative;
}
.p-mag .l-categories .checked {
  color: #DE1920;
  font-weight: 600;
}
.p-mag .l-categories p {
  font-size: 20px;
  line-height: 22px;
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.p-mag .l-categories .facetwp-radio {
  font-size: 16px;
  line-height: 18px;
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  text-transform: uppercase;
  margin-bottom: 15px;
  background: none;
  padding-left: 0;
}
.p-mag .l-categories .facetwp-radio:after {
  content: "";
  width: 30px;
  height: 2px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-mag .le-mag_post {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 35px;
  padding-bottom: 20px;
  border-bottom: 3px solid #EFEFEF;
}
.p-mag .le-mag_post .le-mag_thumb {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 8px;
  flex-basis: 40%;
}
.p-mag .le-mag_post .le-mag_content {
  flex-basis: 60%;
}
.p-mag .le-mag_post .le-mag_title h3 {
  font-size: 20px;
  line-height: 22px;
}
.p-mag .le-mag_post .le-mag_title h3:after {
  content: "";
  width: 50px;
  height: 4px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-mag .le-mag_post .le-mag_date {
  color: #DE1920;
  font-family: "PFDinDisplayPro-Regular", sans-serif !important;
}
.p-mag .le-mag_post .le-mag_link {
  font-family: "PFDinDisplayPro-Regular", sans-serif !important;
  font-size: 14px;
}

.p-mag_child #move-gallery {
  padding-top: 5px;
}
.p-mag_child .gallery-columns-2,
.p-mag_child .gallery-columns-3,
.p-mag_child .gallery-columns-4,
.p-mag_child .gallery-columns-5 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
}
.p-mag_child .gallery-columns-2 a,
.p-mag_child .gallery-columns-3 a,
.p-mag_child .gallery-columns-4 a,
.p-mag_child .gallery-columns-5 a {
  width: 100%;
  display: block;
}
.p-mag_child .gallery-columns-2 img,
.p-mag_child .gallery-columns-3 img,
.p-mag_child .gallery-columns-4 img,
.p-mag_child .gallery-columns-5 img {
  width: 100%;
  display: block;
}
.p-mag_child .gallery-columns-2 .gallery-item,
.p-mag_child .gallery-columns-3 .gallery-item,
.p-mag_child .gallery-columns-4 .gallery-item,
.p-mag_child .gallery-columns-5 .gallery-item {
  border-right: 2px solid #FFFFFF;
}
.p-mag_child .gallery-columns-2 .gallery-item:last-child,
.p-mag_child .gallery-columns-3 .gallery-item:last-child,
.p-mag_child .gallery-columns-4 .gallery-item:last-child,
.p-mag_child .gallery-columns-5 .gallery-item:last-child {
  border-right: none;
}
.p-mag_child .gallery-columns-2 .gallery-item {
  flex-basis: 50%;
}
.p-mag_child .gallery-columns-3 .gallery-item {
  flex-basis: 33.3%;
}
.p-mag_child .gallery-columns-4 .gallery-item {
  flex-basis: 25%;
}
.p-mag_child .gallery-columns-5 .gallery-item {
  flex-basis: 20%;
}
.p-mag_child .news__date {
  margin: 10px 0;
}
.p-mag_child .fake-h1 {
  display: inline-block;
  text-transform: uppercase;
  margin-top: 30px;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  font-family: "PFDinDisplayPro-Black", sans-serif;
}
.p-mag_child .fake-h1:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 5px 0;
}
.p-mag_child h1 {
  display: inline-block;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 5px;
}
.p-mag_child h1:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 5px 0;
}
.p-mag_child h2 {
  color: #DE1920;
  display: block;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 0;
}
.p-mag_child a {
  color: #DE1920;
}
.p-mag_child .news__date {
  color: #DE1920;
}
.p-mag_child .pager {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.p-mag_child .pager a {
  text-decoration: none;
}
.p-mag_child .pager .post-next,
.p-mag_child .pager .post-previous {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: #EFEFEF;
  padding: 15px;
}
.p-mag_child .pager .post-next {
  margin-top: 15px;
}
.p-mag_child .pager .next-thumb,
.p-mag_child .pager .next-title,
.p-mag_child .pager .prev-thumb,
.p-mag_child .pager .prev-title {
  flex-basis: 50%;
}
.p-mag_child .pager .next-thumb img,
.p-mag_child .pager .next-title img,
.p-mag_child .pager .prev-thumb img,
.p-mag_child .pager .prev-title img {
  max-width: 150px;
}
.p-mag_child .pager .next-title,
.p-mag_child .pager .prev-title {
  line-height: 18px;
}
.p-mag_child .pager .next-title b,
.p-mag_child .pager .prev-title b {
  color: #000000;
}
.p-mag_child .pager .next,
.p-mag_child .pager .previous {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  flex-basis: 100%;
  margin-bottom: 5px;
}
.p-mag_child .pager .next:after,
.p-mag_child .pager .previous:after {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background-color: #DE1920;
  margin: 3px 0;
}
.p-mag_child .black-button {
  color: #000000 !important;
  text-decoration: none !important;
  margin-top: 20px;
}

.le-mag_content_right i {
  display: none;
}

.p-annonce h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 30px;
  line-height: 32px;
  text-transform: uppercase;
  margin-top: 20px;
}
.p-annonce h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}

.p-recrutement h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 30px;
  line-height: 32px;
  text-transform: uppercase;
}
.p-recrutement h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-recrutement .wysiwyg-25 .txt-content, .p-recrutement .wysiwyg-33 .txt-content, .p-recrutement .wysiwyg-50 .txt-content {
  background-color: #DE1920;
  color: #FFFFFF;
  padding: 30px;
  margin-bottom: 30px;
}
.p-recrutement .wysiwyg-25 .txt-content h3, .p-recrutement .wysiwyg-33 .txt-content h3, .p-recrutement .wysiwyg-50 .txt-content h3 {
  font-size: 22px;
  text-transform: uppercase;
}
.p-recrutement .wysiwyg-25 .txt-content .red-button, .p-recrutement .wysiwyg-33 .txt-content .red-button, .p-recrutement .wysiwyg-50 .txt-content .red-button {
  color: #FFFFFF !important;
  border-bottom: 3px solid #FFFFFF !important;
  margin-top: 20px;
}

.p-contact .fake-h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 30px;
  line-height: 32px;
  text-transform: uppercase;
  margin-top: 20px;
}
.p-contact .fake-h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-contact .fcomplete-status {
  display: none;
}
.p-contact .form-element-html {
  padding: 10px 0 0 !important;
}
.p-contact h1 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
}
.p-contact h1:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-contact h2 {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 30px;
  line-height: 32px;
  text-transform: uppercase;
}
.p-contact h2:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-contact a {
  color: #DE1920;
}
.p-contact .l-entete_adresse {
  padding-left: 40px;
}
.p-contact .l-form {
  background-color: #ececec;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.p-contact .l-search {
  margin-top: -20px;
  margin-bottom: 60px;
  padding: 30px 15px;
  background-color: #EFEFEF;
}
.p-contact .l-search_title {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 26px;
  line-height: 30px;
  text-transform: uppercase;
}
.p-contact .l-search_title b {
  color: #DE1920;
}
.p-contact .facetwp-facet {
  margin-bottom: 0 !important;
}
.p-contact .facetwp-autocomplete {
  padding: 5px 15px !important;
}
.p-contact .facetwp-autocomplete-update {
  text-indent: -9999px;
  background-image: url("../images/search.svg");
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  position: relative;
  margin-left: 5px;
  width: 34px;
}
.p-contact .l-search_results .coor_post {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  border-bottom: 3px solid #EFEFEF;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.p-contact .l-search_results .coor-title {
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 26px;
  line-height: 30px;
  text-transform: uppercase;
}
.p-contact .l-search_results .coor-title:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-contact .l-search_results .le-mag_content_top {
  flex-basis: 100%;
}
.p-contact .l-search_results .le-mag_content_left {
  flex-basis: 50%;
}
.p-contact .l-search_results .le-mag_content_right {
  flex-basis: 50%;
}
.p-contact .l-carte {
  margin-bottom: 30px;
}
.p-contact .l-carte h2 {
  margin-bottom: 50px;
}
.p-contact .l-paves {
  margin-bottom: 40px;
}
.p-contact .l-paves .pave {
  border-bottom: 1px solid #DE1920;
  margin-bottom: 40px;
}

.p-formats .video p {
  line-height: 46px !important;
}

.fit-home h1 {
  font-size: 36px;
  line-height: 48px;
  color: #DE001A;
  text-transform: uppercase;
  font-family: "Esphimere", sans-serif;
}
.fit-home h2 {
  color: #DE001A;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "Esphimere", sans-serif;
}
.fit-home h3 {
  color: #000000;
  font-weight: 300;
  text-transform: uppercase;
  font-family: "Esphimere", sans-serif;
  font-size: 26px;
  line-height: 32px;
  position: relative;
  display: inline-block;
}
.fit-home li,
.fit-home p {
  font-size: 18px !important;
}
.fit-home .red-button {
  font-family: halcom, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #DE001A;
  padding: 8px 15px;
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
  height: 40px;
  border-bottom: none !important;
}
.fit-home .red-button:after {
  content: "";
  background-image: url("../images/arrow-circle-right-solid.svg");
  display: inline-block;
  fill: #FFFFFF;
  width: 22px;
  height: 22px;
  margin-left: 8px;
  margin-bottom: -5px;
}
.fit-home .red-button:hover {
  background-color: #000000;
  text-decoration: none;
  color: #FFFFFF;
}
.fit-home .red-button:visited {
  color: #FFFFFF;
}
.fit-home .black-button {
  font-family: halcom, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #000000;
  padding: 8px 15px;
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
  height: 40px;
}
.fit-home .black-button:after {
  content: "";
  background-image: url("../images/arrow-circle-right-solid.svg");
  display: inline-block;
  fill: #FFFFFF;
  width: 22px;
  height: 22px;
  margin-left: 8px;
  margin-bottom: -5px;
}
.fit-home .black-button:hover {
  background-color: #656565;
  text-decoration: none;
  color: #FFFFFF;
}
.fit-home .l-entete {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: right;
}
.fit-home .l-entete .l-entete_content {
  padding-top: 100px;
  padding-bottom: 100px;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 85%, rgba(255, 255, 255, 0) 100%);
}
.fit-home .l-entete h1 {
  border-bottom: 2px solid #DE001A;
  padding-bottom: 20px;
  padding-right: 100px;
}
.fit-home .l-entete p {
  font-size: 21px;
  padding-right: 100px;
}
.fit-home .l-entete a {
  font-family: halcom, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #656565;
  padding: 8px 15px;
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
}
.fit-home .l-entete a svg {
  font-size: 24px;
  display: inline-block;
  margin-left: 5px;
  transform: translateY(4px);
  margin-top: -4px;
}
.fit-home .l-entete a:hover {
  background-color: #DE001A;
}
.fit-home .l-video {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 60%, #F1F1F1 60%, #F1F1F1 100%);
}
.fit-home .l-video .container {
  background-color: #F1F1F1;
}
.fit-home .l-video .row {
  padding-top: 20px;
  padding-bottom: 20px;
}
.fit-home .l-video .l-videos_title {
  font-family: "Esphimere", sans-serif;
  color: #DE001A;
  text-align: center;
  font-size: 30px;
  line-height: 36px;
  text-transform: uppercase;
}
.fit-home .l-video .l-videos_title svg {
  color: #000000;
  display: inline-block;
  margin-top: 15px;
}
.fit-home .l-video .youlazy {
  display: block;
}
.fit-home .l-video .youlazy .iframe-wrapper {
  position: relative;
}
.fit-home .l-video .youlazy iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fit-home .l-video .youlazy.init,
.fit-home .l-video .youlazy.init:hover,
.fit-home .l-video .youlazy.init:visited {
  border: 0 !important;
  outline: 0 !important;
  text-decoration: none !important;
}
.fit-home .l-innovation {
  background-color: #F9F9F9;
}
.fit-home .l-innovation .l-innovation_bg {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 70%;
  min-height: 680px;
}
.fit-home .l-innovation ul {
  list-style: none;
  margin-left: 0 !important;
}
.fit-home .l-innovation li {
  margin-bottom: 20px;
  padding-left: 0 !important;
}
.fit-home .l-innovation li strong {
  color: #DE001A;
}
.fit-home .l-innovation li:before {
  content: "";
  background-image: url("../images/plus-circle-solid.svg");
  display: inline-block;
  margin-right: 15px;
  height: 22px !important;
  width: 22px !important;
  margin-bottom: -5px !important;
  margin-left: -37px !important;
  background-color: inherit !important;
  transform: none !important;
}
.fit-home .l-smartphone {
  padding-top: 80px;
  background-color: #DE001A;
  background-image: url("../images/bg-slider.jpg");
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
}
.fit-home .l-smartphone .smart-number {
  display: inline-block;
  margin: 0 auto;
  background-color: #FFFFFF;
  padding: 5px 20px;
  border-radius: 50px;
  margin-bottom: 20px;
  font-weight: 600 !important;
  color: #000000;
  font-size: 34px;
  font-family: halcom, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.fit-home .l-smartphone .carousel-indicators li:before {
  display: none !important;
}
.fit-home .l-smartphone .carousel-inner {
  padding-bottom: 40px;
}
.fit-home .l-smartphone a {
  margin-right: 8px;
}
.fit-home .l-smartphone ul {
  list-style: none;
  margin-bottom: 40px;
  margin-left: 0 !important;
}
.fit-home .l-smartphone li {
  margin-bottom: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
  padding-left: 0 !important;
}
.fit-home .l-smartphone li strong {
  color: #DE001A;
}
.fit-home .l-smartphone li:before {
  content: "";
  background-image: url("../images/plus-circle-solid-grey.svg");
  display: inline-block;
  margin-right: 15px;
  height: 22px !important;
  width: 22px !important;
  margin-bottom: -5px !important;
  margin-left: -37px !important;
  background-color: inherit !important;
  transform: none !important;
}
.fit-home .l-smartphone h2 {
  color: #FFFFFF;
}
.fit-home .l-smartphone h3 {
  color: #FFFFFF;
  display: block;
  margin: 0 auto;
}
.fit-home .l-smartphone h3 strong {
  font-weight: 600;
  font-size: 28px;
}
.fit-home .l-smartphone .l-smartphone_text-2,
.fit-home .l-smartphone .l-smartphone_visu {
  text-align: center;
}
.fit-home .l-smartphone .l-smartphone_visu img {
  max-height: 650px;
  padding: 30px 0;
}
.fit-home .l-offrir {
  padding-top: 60px;
  padding-bottom: 60px;
}
.fit-home .l-offrir .l-offrir_desc em {
  text-transform: uppercase;
  color: #DE001A;
  font-style: normal;
  font-size: 28px;
  font-weight: 300;
}
.fit-home .l-offrir .l-offrir_desc p {
  font-size: 14px !important;
  font-weight: 600;
  text-transform: uppercase;
}
.fit-home .l-offrir .l-offrir_desc p strong {
  color: #DE001A;
}
.fit-home .l-offrir .l-offrir_visu {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.fit-home .l-offrir .l-offrir_visu .btn-1 {
  position: absolute;
  top: 23%;
  left: 50%;
}
.fit-home .l-offrir .l-offrir_visu .btn-2 {
  position: absolute;
  top: 40%;
  left: 31%;
}
.fit-home .l-offrir .l-offrir_visu .btn-3 {
  position: absolute;
  top: 72%;
  left: 12%;
}
.fit-home .l-offrir .l-offrir_visu .btn-4 {
  position: absolute;
  top: 75%;
  left: 37%;
}
.fit-home .l-offrir .l-offrir_link {
  text-align: center;
}
.fit-home .l-offrir .l-offrir_link a {
  font-family: halcom, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #656565;
  padding: 8px 15px;
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
}
.fit-home .l-offrir .l-offrir_link a svg {
  font-size: 24px;
  display: inline-block;
  margin-left: 5px;
  transform: translateY(4px);
  margin-top: -4px;
}
.fit-home .l-offrir .l-offrir_link a:hover {
  background-color: #DE001A;
}
.fit-home .l-offrir .popup-button {
  background-image: url("../images/plus-normal.svg");
  width: 58px;
  height: 58px;
}
.fit-home .l-offrir .popup-button:active,
.fit-home .l-offrir .popup-button:focus,
.fit-home .l-offrir .popup-button:hover {
  background-image: url("../images/plus-hover.svg");
}
.fit-home .l-offrir button {
  background: none;
  border: none;
}
.fit-home .l-offrir .l-offrir_mobile {
  display: none;
}
.fit-home .l-offrir .l-offrir_mobile_visu {
  margin-bottom: 30px;
}
.fit-home .l-offrir .l-offrir_mobile_childs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.fit-home .l-offrir .l-offrir_mobile_childs .l-offrir_mobile_childs_content {
  padding: 0 !important;
}
.fit-home .l-offrir .l-offrir_mobile_childs img {
  width: 70px;
}
.fit-home .l-offrir .l-offrir_mobile_childs .circle {
  padding: 2px 9px;
  color: #FFFFFF;
  display: inline-block;
  border-radius: 25px;
  font-weight: 600;
  background-color: #DE001A;
  padding: 2px 10px;
  color: #FFFFFF;
  font-family: "Esphimere", sans-serif;
  margin-bottom: 8px;
}
.fit-home .l-offrir .l-offrir_mobile_childs .title {
  font-family: "Esphimere", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 22px;
  color: #000000;
  font-weight: 600;
  display: block;
}
.fit-home .l-offrir .l-offrir_mobile_childs .desc {
  display: block;
  font-size: 16px;
  line-height: 18px;
}
.fit-home .l-offrir .l-offrir_mobile_childs .mobile_childs {
  margin-bottom: 30px;
}
.fit-home .l-formats {
  margin-top: 80px;
  text-align: center;
}
.fit-home .l-formats h3 {
  margin-bottom: 40px;
}
.fit-home .l-formats h3::before {
  content: "";
  background-color: #DE001A;
  height: 2px;
  width: 100%;
  display: block;
  left: 0;
  position: absolute;
  left: -102%;
  top: 50%;
  transform: translateY(-50%);
}
.fit-home .l-formats .salles_visu {
  min-height: 200px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 15px;
}
.fit-home .l-formats .salles_content {
  display: flex;
  flex-wrap: wrap;
  min-height: 250px;
  align-items: end;
  justify-content: center;
}
.fit-home .l-formats .salles_content em {
  color: #DE001A;
  font-style: normal;
  font-size: 21px;
  font-weight: 600;
}
.fit-home .l-formats .salles_content strong {
  text-transform: uppercase;
  font-size: 22px;
  line-height: 26px;
}
.fit-home .l-reas {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #F1F1F1;
  background-image: url("../images/bg-reas.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  margin-top: 60px;
  text-align: center;
}
.fit-home .l-reas h3 {
  display: block;
  margin-bottom: 40px;
}
.fit-home .l-reas a img {
  border: 6px solid #FFFFFF;
  margin: 0 15px 20px;
}

/* ------------------------- FIT CONCEPT ----------------------- */
.p-fit-formats .gallery-icon img {
  width: 80px;
}

.fit-concept .gallery-icon img {
  width: 80px;
}
.fit-concept .liens-internes {
  margin-bottom: -60px;
  z-index: 100;
  position: relative;
}
.fit-concept .liens-internes a {
  font-family: halcom, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #656565;
  padding: 8px 15px;
  display: inline-block;
  margin-top: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
}
.fit-concept .liens-internes a:hover {
  background-color: #DE001A;
}
.fit-concept h1 {
  font-size: 36px;
  line-height: 48px;
  color: #DE1920;
  text-transform: uppercase;
  font-family: "Esphimere", sans-serif;
}
.fit-concept h2 {
  font-size: 30px;
  line-height: 36px;
  color: #DE1920;
  text-transform: uppercase;
  font-family: "Esphimere", sans-serif;
}
.fit-concept h3 {
  color: #000000;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 24px;
  position: relative;
  display: inline-block;
  font-family: "Esphimere", sans-serif;
}
.fit-concept p {
  font-size: 16px !important;
}
.fit-concept .l-entete .texte-image-visu {
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}
.fit-concept .l-entete .text-bloc {
  padding-top: 150px;
  padding-bottom: 120px;
}
.fit-concept .l-entete p em {
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}
.fit-concept .l-experience {
  margin: -150px 0;
}
.fit-concept .l-experience .gallery {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.fit-concept .l-experience .gallery .gallery-item {
  height: 80px;
  width: 80px;
  margin-right: 15px;
  margin-bottom: 35px;
  text-align: center;
}
.fit-concept .l-experience h2 {
  display: block;
  position: relative;
}
.fit-concept .l-experience h2::before {
  content: "";
  background-color: #DE1920;
  height: 2px;
  width: 100%;
  display: block;
  left: 0;
  position: absolute;
  left: -102%;
  top: 50%;
  transform: translateY(-50%);
}
.fit-concept .l-experience .text-bloc {
  padding-top: 250px;
  padding-bottom: 250px;
}
.fit-concept .l-experience .texte-image-visu {
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
}
.fit-concept .l-experience p strong {
  text-transform: uppercase;
}
.fit-concept .l-experience ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -40px;
  max-width: 440px;
}
.fit-concept .l-experience li {
  text-align: center;
  margin-right: 8px;
}
.fit-concept .l-experience li img {
  width: 59px;
  height: 59px;
}
.fit-concept .l-experience li figcaption {
  font-size: 9px !important;
}
.fit-concept .l-salles {
  /*  VISUEL A DROITE */
  /*  VISUEL A GAUCHE */
}
.fit-concept .l-salles h2 {
  margin-bottom: 30px;
}
.fit-concept .l-salles .element-title {
  background-color: #F1F1F1;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 30px;
  text-transform: uppercase;
  color: #DE1920;
  font-family: "Esphimere", sans-serif;
  font-size: 32px;
}
.fit-concept .l-salles .element-title-right {
  text-align: left;
}
.fit-concept .l-salles .element-title-left {
  text-align: right;
}
.fit-concept .l-salles .element-picto {
  width: 100px;
  text-align: center;
}
.fit-concept .l-salles .element-right {
  justify-content: flex-end;
}
.fit-concept .l-salles .element-right .elements-container {
  border-right: 1px solid #c6c6c6;
  padding-bottom: 40px;
}
.fit-concept .l-salles .element-right .elements-visu {
  background-position: left;
  background-repeat: no-repeat;
}
.fit-concept .l-salles .element-right .element-number {
  position: relative;
  margin-right: 30px;
  text-align: left;
  padding-right: 150px;
  width: 220px;
}
.fit-concept .l-salles .element-right .element-number:before {
  content: "";
  background-image: url("../images/salle-right.svg");
  width: 182px;
  height: 16px;
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  transform: translateY(-15px);
}
.fit-concept .l-salles .element-right .element-desc {
  padding-right: 15px;
  font-weight: 800;
  color: #656565;
  position: relative;
  z-index: 1000;
  line-height: 16px;
  transform: translateY(-8px);
  width: 300px;
  text-align: right;
}
.fit-concept .l-salles .element-right .elements-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding-top: 80px;
  padding-bottom: 40px;
  transform: translateX(152px);
  z-index: 1000;
  position: relative;
}
.fit-concept .l-salles .element-right .elements-content .element-number {
  font-family: sporty-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 80px;
  color: #F1F1F1;
  text-transform: uppercase;
}
.fit-concept .l-salles .element-left .elements-container {
  border-left: 1px solid #c6c6c6;
  padding-bottom: 40px;
}
.fit-concept .l-salles .element-left .elements-visu {
  background-position: right;
  background-repeat: no-repeat;
}
.fit-concept .l-salles .element-left .element-number {
  position: relative;
  margin-left: 30px;
  text-align: right;
  padding-left: 150px;
  width: 220px;
}
.fit-concept .l-salles .element-left .element-number:before {
  content: "";
  background-image: url("../images/salle-left.svg");
  width: 182px;
  height: 16px;
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  transform: translateY(-15px);
}
.fit-concept .l-salles .element-left .element-desc {
  padding-left: 15px;
  font-weight: 800;
  color: #656565;
  position: relative;
  z-index: 1000;
  line-height: 16px;
  transform: translateY(-8px);
  width: 300px;
}
.fit-concept .l-salles .element-left .elements-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 40px;
  transform: translateX(-152px);
  z-index: 1000;
}
.fit-concept .l-salles .element-left .elements-content .element-number {
  font-family: sporty-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 80px;
  color: #F1F1F1;
  text-transform: uppercase;
}
.fit-concept .l-salles .elements-content-1 .picto-1 img {
  width: 85px;
  height: 74px;
}
.fit-concept .l-salles .elements-content-1 .picto-2 img {
  width: 72px;
  height: 85px;
}
.fit-concept .l-salles .elements-content-1 .picto-3 img {
  width: 85px;
  height: 63px;
}
.fit-concept .l-salles .elements-content-2 .picto-1 img {
  width: 85px;
  height: 78px;
}
.fit-concept .l-salles .elements-content-2 .picto-2 img {
  width: 85px;
  height: 79px;
}
.fit-concept .l-salles .elements-content-2 .picto-3 img {
  width: 85px;
  height: 55px;
}
.fit-concept .l-salles .elements-content-3 .picto-1 img {
  width: 85px;
  height: 61px;
}
.fit-concept .l-salles .elements-content-3 .picto-2 img {
  width: 85px;
  height: 60px;
}
.fit-concept .l-salles .elements-content-3 .picto-3 img {
  width: 85px;
  height: 75px;
}

.p-iloo {
  margin-top: -15px;
  /* -------------------------------------------*/
  /* -------------------------------------------*/
  /* -------------------------------------------*/
  /* -------------------------------------------*/
  /* -------------------------------------------*/
}
.p-iloo h1, .p-iloo h2, .p-iloo h3 {
  color: var(--ILOO-Green, #012D2D);
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.p-iloo h1 {
  font-size: 46px !important;
  font-family: "Youth", sans-serif !important;
}
.p-iloo h2 {
  font-size: 36px !important;
  font-family: "Youth", sans-serif !important;
}
.p-iloo h3 {
  font-size: 26px !important;
  font-family: "Youth", sans-serif !important;
}
.p-iloo p, .p-iloo li, .p-iloo a, .p-iloo em {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.p-iloo p strong, .p-iloo li strong, .p-iloo a strong, .p-iloo em strong {
  font-weight: 700;
  color: var(--ILOO-Green, #012D2D);
}
.p-iloo ul {
  margin-left: 0px !important;
}
.p-iloo li:before {
  background-color: #548C8C !important;
  top: 2px !important;
}
.p-iloo em {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  color: var(--ILOO-Medium-Water-Green, #025959);
}
.p-iloo .blue-button {
  border-radius: 100px;
  border: 2px solid var(--ILOO-Blue, #A0D6D9);
  background: var(--ILOO-Blue, #A0D6D9);
  color: var(--ILOO-Medium-Water-Green, #025959);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 16px */
  text-decoration: none;
  padding: 15px 35px;
}
.p-iloo .l-entete {
  min-height: 450px;
  height: 450px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-iloo .l-entete_title {
  margin-top: 50px;
  margin-bottom: 50px;
}
.p-iloo .l-mobilite {
  padding-bottom: 60px;
}
.p-iloo .l-mobilite h2 {
  margin-bottom: 25px;
}
.p-iloo .l-mobilite p {
  padding-right: 30px;
}
.p-iloo .l-mobilite figcaption {
  color: var(--ILOO-Green, #012D2D);
  font-family: DM Sans;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  padding-top: 8px;
}
.p-iloo .l-quest {
  padding-top: 60px;
}
.p-iloo .l-quest .l-quest_mobile {
  display: none;
  margin-bottom: 60px;
}
.p-iloo .l-quest .l-quest_mobile li:before {
  padding: 0px !important;
}
.p-iloo .l-quest .l-quest_mobile .carousel-indicators [data-bs-target] {
  border: 1px solid #012D2D;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  position: relative;
  padding: 0px !important;
  z-index: 100;
}
.p-iloo .l-quest .l-quest_mobile .carousel-indicators li:before {
  content: "";
  background-color: #012D2D !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 12px !important;
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(14%, -3%) !important;
  -webkit-transform: translate(15%, -1%) !important;
  z-index: 200;
}
.p-iloo .l-quest .l-quest_mobile .carousel-indicators {
  transform: translateY(60px);
}
.p-iloo .l-quest .l-quest_entete {
  margin-bottom: 30px;
}
.p-iloo .l-quest .l-quest_entete strong {
  font-size: 20px;
}
.p-iloo .l-quest .l-quest_content {
  background: var(--ILOO-Light-Grey, #F4F4F4);
  height: 300px;
  padding: 60px 30px;
  position: relative;
  overflow: hidden;
}
.p-iloo .l-quest .l-quest_content p {
  z-index: 100;
  position: relative;
}
.p-iloo .l-quest .l-quest_content-1:before {
  content: "";
  width: 177px;
  height: 177px;
  background-image: url("../images/Circle-Green-M.svg");
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  z-index: 10;
}
.p-iloo .l-quest .l-quest_content-2:before {
  content: "";
  width: 177px;
  height: 177px;
  background-image: url("../images/Circle-Green-L.svg");
  position: absolute;
  display: block;
  bottom: 0;
  right: 50%;
  transform: translate(50%, 50%);
  z-index: 10;
}
.p-iloo .l-quest .l-quest_content-3:before {
  content: "";
  width: 177px;
  height: 177px;
  background-image: url("../images/Circle-Green-S.svg");
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
  z-index: 10;
}
.p-iloo .l-quest .l-quest_ambiance img {
  width: 100%;
}
.p-iloo .l-use {
  position: relative;
  margin-bottom: 180px;
  padding: 0px 0px 100px 0px;
}
.p-iloo .l-use h2 {
  margin-bottom: 90px;
}
.p-iloo .l-use .c-use_content_row {
  display: flex;
  flex-wrap: wrap;
}
.p-iloo .l-use .c-use_content {
  flex-basis: 50%;
  padding-bottom: 80px;
}
.p-iloo .l-use .c-use_content-col {
  transform: translateY(-30px);
}
.p-iloo .l-use .c-use_content-1, .p-iloo .l-use .c-use_content-3 {
  margin-right: auto;
  text-align: right;
  padding-right: 30px;
  border-right: 1px solid #A0D6D9;
  position: relative;
  transition: all 1s;
}
.p-iloo .l-use .c-use_content-5 {
  margin-right: auto;
  text-align: right;
  padding-right: 30px;
  border-right: 1px dashed #A0D6D9;
  position: relative;
}
.p-iloo .l-use .c-use_content-1:before, .p-iloo .l-use .c-use_content-3:before, .p-iloo .l-use .c-use_content-5:before {
  content: "";
  border-radius: 3px;
  border: 1px solid #A0D6D9;
  background: #FFF;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%);
}
.p-iloo .l-use .c-use_content-1:after, .p-iloo .l-use .c-use_content-3:after, .p-iloo .l-use .c-use_content-5:after {
  content: "";
  border-radius: 3px;
  border: 1px solid #A0D6D9;
  background: #FFF;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(50%);
  z-index: 1;
}
.p-iloo .l-use .c-use_content-2, .p-iloo .l-use .c-use_content-4 {
  margin-left: auto;
  padding-left: 30px;
  border-left: 1px solid #A0D6D9;
  transform: translateX(-1px);
  position: relative;
}
.p-iloo .l-use .c-use_content-2:before, .p-iloo .l-use .c-use_content-4:before {
  content: "";
  border-radius: 3px;
  border: 1px solid #A0D6D9;
  background: #FFF;
  width: 15px;
  height: 15px;
  position: absolute;
  top: -10px;
  left: 0;
  transform: translate(-8px, 5px);
  z-index: 1;
}
.p-iloo .l-use .c-use_content-2:after, .p-iloo .l-use .c-use_content-4:after {
  content: "";
  border-radius: 3px;
  border: 1px solid #A0D6D9;
  background: #FFF;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-8px, 5px);
  z-index: 1;
}
.p-iloo .l-use .c-use {
  margin-bottom: -10px;
  position: relative;
}
.p-iloo .l-use .c-use .number {
  color: #012D2D;
  font-family: "Youth", sans-serif;
  font-size: 60px;
  line-height: 66px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.5s;
}
.p-iloo .l-use .c-use strong {
  color: var(--ILOO-Green, #012D2D);
  font-family: "Youth", sans-serif;
  font-size: 26px;
  line-height: 0px;
  font-weight: 700;
  text-transform: uppercase;
}
.p-iloo .l-use .c-use p {
  color: var(--ILOO-Green, #012D2D);
  font-size: 14px;
  font-weight: 400;
  transform: translateY(-5px);
  line-height: 14px;
  margin-bottom: 0px;
}
.p-iloo .l-use .c-use .c-use-img-col {
  position: relative;
}
.p-iloo .l-use .c-use .c-use_img img {
  position: absolute;
  top: 50%;
  visibility: hidden;
  transform: translate(15%, -50%);
  z-index: 10;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}
.p-iloo .l-use .c-use-1.is-in-centerViewport .c-use_img img, .p-iloo .l-use .c-use-2.is-in-centerViewport .c-use_img img, .p-iloo .l-use .c-use-3.is-in-centerViewport .c-use_img img, .p-iloo .l-use .c-use-4.is-in-centerViewport .c-use_img img, .p-iloo .l-use .c-use-5.is-in-centerViewport .c-use_img img {
  visibility: visible;
  opacity: 1;
}
.p-iloo .l-use .c-use.is-in-centerViewport .number {
  color: #A0D6D9;
}
.p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-1, .p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-3 {
  z-index: 100;
  border-color: #012D2D;
}
.p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-5 {
  z-index: 100;
  border-color: #012D2D;
}
.p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-2, .p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-4 {
  z-index: 100;
  border-color: #012D2D;
}
.p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-1:before, .p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-3:before, .p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-5:before {
  border: 1px solid #012D2D;
  z-index: 100;
}
.p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-1:after, .p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-3:after, .p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-5:after {
  border: 1px solid #012D2D;
  z-index: 100;
}
.p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-2:before, .p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-4:before {
  border: 1px solid #012D2D;
  z-index: 100;
}
.p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-2:after, .p-iloo .l-use .c-use.is-in-centerViewport .c-use_content-4:after {
  border: 1px solid #012D2D;
  z-index: 100;
}
.p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-1, .p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-3, .p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-5 {
  z-index: 1;
}
.p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-2, .p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-4 {
  z-index: 1;
}
.p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-1:before, .p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-3:before, .p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-5:before {
  z-index: 5;
}
.p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-1:after, .p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-3:after, .p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-5:after {
  z-index: 5;
}
.p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-2:before, .p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-4:before {
  z-index: 5;
}
.p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-2:after, .p-iloo .l-use .c-use.not-in-centerViewport .c-use_content-4:after {
  z-index: 5;
}
.p-iloo .l-install {
  position: relative;
}
.p-iloo .l-install .l-install_entete {
  margin-bottom: 60px;
}
.p-iloo .l-install strong {
  font-size: 20px;
  color: var(--ILOO-Medium-Water-Green, #025959);
}
.p-iloo .l-install .l-install_content_1,
.p-iloo .l-install .l-install_content_2 {
  margin-bottom: 70px;
}
.p-iloo .l-install .l-install_content_1 .c-right,
.p-iloo .l-install .l-install_content_2 .c-right {
  background: var(--ILOO-Light-Grey, #F4F4F4);
  padding: 60px 30px;
  position: relative;
}
.p-iloo .l-install .l-install_content_1 .c-right .blue-button,
.p-iloo .l-install .l-install_content_2 .c-right .blue-button {
  position: absolute;
  bottom: -24px;
}
.p-iloo .l-install .l-install_content_1 .c-right:before,
.p-iloo .l-install .l-install_content_2 .c-right:before {
  content: "";
  width: 88.5px;
  height: 88.5px;
  background-image: url("../images/Circle-Green-L.svg");
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  transform: translate(2%, 1%);
}
.p-iloo .l-install::before {
  content: "";
  width: 370px;
  height: 370px;
  background-image: url("../images/Circle-Green-L.svg");
  background-size: cover;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  transform: translate(50%, 0);
}
.p-iloo .l-install::after {
  content: "";
  width: 177px;
  height: 177px;
  background-image: url("../images/Circle-Green-M.svg");
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  transform: translate(-50%, 0%);
}
.p-iloo .l-install-suite .l-install_ambiance img {
  width: 100%;
}
.p-iloo .l-services {
  margin-top: 80px;
}
.p-iloo .l-services .l-services_content_1 .c-right {
  transform: translateY(-70px);
}
.p-iloo .l-services .l-services_content_2 {
  margin-top: 40px;
}
.p-iloo .l-services .l-services_content_2 .c-right {
  transform: translateY(-80px);
}
.p-iloo .l-services .l-services_content_3 {
  margin-bottom: 60px;
}
.p-iloo .l-services .l-services_content_3 p, .p-iloo .l-services .l-services_content_3 ul {
  position: relative;
  z-index: 100;
}
.p-iloo .l-services .l-services_content_3 .c-title {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
}
.p-iloo .l-services .l-services_content_3 .c-left {
  position: relative;
  overflow: hidden;
  background: var(--ILOO-Light-Grey, #F4F4F4);
  padding: 40px 60px;
  height: 100%;
}
.p-iloo .l-services .l-services_content_3 .left-circle {
  content: "";
  width: 323px;
  height: 323px;
  background-image: url("../images/Circle-Green-M.svg");
  background-size: cover;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transition: 1s;
  transition-delay: 0.5s;
  transform-origin: top right;
}
.p-iloo .l-services .l-services_content_3 .c-right {
  position: relative;
  overflow: hidden;
  background: var(--ILOO-Light-Water-Green, #548C8C);
  padding: 40px 60px;
  height: 100%;
}
.p-iloo .l-services .l-services_content_3 .c-right p, .p-iloo .l-services .l-services_content_3 .c-right em, .p-iloo .l-services .l-services_content_3 .c-right strong, .p-iloo .l-services .l-services_content_3 .c-right li {
  color: #FFFFFF;
}
.p-iloo .l-services .l-services_content_3 .c-right li:before {
  background-color: #FFFFFF !important;
}
.p-iloo .l-services .l-services_content_3 .right-circle {
  content: "";
  width: 323px;
  height: 323px;
  background-image: url("../images/Circle-Green-S.svg");
  background-size: cover;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 29%);
  transition: 1s;
  transition-delay: 0.5s;
  transform-origin: bottom left;
}
.p-iloo .l-services .l-services_content_4 .c-title {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
}
.p-iloo .l-services .l-services_content_4 .c-content {
  padding: 60px 180px;
  background: var(--ILOO-Medium-Water-Green, #025959);
  color: #FFFFFF;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.p-iloo .l-services .l-services_content_4 .c-content strong {
  color: #FFFFFF;
}
.p-iloo .l-services .l-services_content_4 .c-content:before {
  content: "";
  width: 323px;
  height: 323px;
  background-image: url("../images/Circle-Green-M.svg");
  background-size: cover;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}
.p-iloo .l-services .l-services_content_4 .c-content:after {
  content: "";
  width: 323px;
  height: 323px;
  background-image: url("../images/Circle-Green-M.svg");
  background-size: cover;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.p-iloo .l-subventions {
  margin-top: 80px;
}
.p-iloo .l-subventions .l-sub-entete p {
  font-size: 16px;
}
.p-iloo .l-subventions img {
  margin-bottom: 30px;
  max-height: 80px;
}
.p-iloo .l-subventions button {
  font-family: "DM Sans", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: var(--ILOO-Medium-Water-Green, #025959);
  border: 2px solid var(--ILOO-Blue, #A0D6D9);
  background-color: #FFFFFF;
}
.p-iloo .l-subventions .accordion-item {
  border: none;
}
.p-iloo .l-subventions .accordion-button:focus {
  border-color: none;
  box-shadow: none;
}
.p-iloo .l-subventions .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23025959'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.p-iloo .l-univers {
  margin-top: 60px;
  padding-top: 120px;
  padding-bottom: 60px;
  text-align: center;
  position: relative;
}
.p-iloo .l-univers .dots-anim {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transform: translateY(5%);
}
.p-iloo .l-univers .dot-big {
  width: 230px;
  height: 230px;
  border: 64px solid red;
  display: inline-block;
  border-radius: 250px;
  border-color: #548C8C;
  opacity: 0.1;
  margin: 10px;
}
.p-iloo .l-univers .dot-small {
  width: 150px;
  height: 150px;
  border: 40px solid red;
  display: inline-block;
  border-radius: 250px;
  border-color: #548C8C;
  opacity: 0.1;
  margin: 10px;
}
.p-iloo .l-univers p {
  margin-top: 20px;
  margin-bottom: 60px;
}

.p-archi-jeu h1, .p-archi-jeu H2, .p-archi-jeu H3 {
  text-transform: uppercase;
}
.p-archi-jeu h2 {
  margin-bottom: 15px;
}
.p-archi-jeu h3 {
  color: #DE1920;
  font-size: 28px !important;
  line-height: 34px !important;
  margin-bottom: 15px;
}
.p-archi-jeu h1:after {
  content: "";
  width: 50px;
  height: 5px;
  display: block;
  background-color: #DE1920;
  margin: 10px 0;
}
.p-archi-jeu #breadcrumbs {
  margin: 10px 0 0;
  font-family: "PFDinDisplayPro-Bold", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.p-archi-jeu #breadcrumbs a {
  text-decoration: none;
  color: #DE1920;
}
.p-archi-jeu .l-entete {
  height: 450px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-position: right center;
  margin-bottom: 40px;
  margin-top: -15px;
}
.p-archi-jeu .c-entete {
  margin-top: 30px;
}
.p-archi-jeu .l-espaces .c-espaces_droite img {
  width: 100%;
}
.p-archi-jeu .l-espaces .c-espaces-amb {
  position: relative;
}
.p-archi-jeu .l-espaces .c-espaces-amb .c-espaces-amb_visu {
  height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 30px;
}
.p-archi-jeu .l-espaces .c-espaces-amb .c-espaces-amb_txt {
  position: absolute;
  left: 30px;
  bottom: 30px;
  background-color: #FFFFFF;
  max-width: 550px;
  padding: 30px;
}
.p-archi-jeu .l-espaces .c-espaces-amb .c-espaces-amb_txt strong {
  color: #DE1920;
  font-size: 22px;
  font-family: "PFDinDisplayPro-Regular", sans-serif;
}
.p-archi-jeu .l-espaces .c-espaces-amb .c-espaces-amb_txt em {
  font-style: normal;
  font-weight: 600;
}
.p-archi-jeu .l-tours {
  margin-top: 80px;
}
.p-archi-jeu .l-tours .l-tours_red {
  background-color: #DE1920;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
}
.p-archi-jeu .l-tours .l-tours_red .l-tours_line {
  flex-basis: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 8px 0;
}
.p-archi-jeu .l-tours .l-tours_red .line-1 {
  border-bottom: 1px solid #FFFFFF;
  text-align: center;
}
.p-archi-jeu .l-tours .l-tours_red .line-1 .titre {
  font-family: "PFDinDisplayPro-Black", sans-serif;
}
.p-archi-jeu .l-tours .l-tours_red .picto img {
  width: 40px;
  max-width: 40px;
  margin-right: 20px;
}
.p-archi-jeu .l-tours .l-tours_red .titre {
  color: #FFFFFF;
  font-family: "PFDinDisplayPro-Regular", sans-serif;
}
.p-archi-jeu .l-tours .l-tours_right {
  text-align: right;
}
.p-archi-jeu .l-mod-sport {
  margin-top: 60px;
  margin-bottom: 60px;
}
.p-archi-jeu .l-mod-sport img {
  width: 100%;
}
.p-archi-jeu .l-pourquoi {
  margin-bottom: 60px;
}
.p-archi-jeu .l-pourquoi img {
  width: 100%;
}
.p-archi-jeu .l-pourquoi .list-col_parent {
  margin-bottom: 30px;
}
.p-archi-jeu .l-pourquoi .list-col {
  background-color: #F4F4F4;
  padding: 30px 95px 30px 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
}
.p-archi-jeu .l-pourquoi .list-col b {
  font-family: "PFDinDisplayPro-Regular", sans-serif;
  font-size: 50px;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 300;
  margin-right: 15px;
}
.p-archi-jeu .l-pourquoi .list-col strong {
  color: #DE1920;
  font-family: "PFDinDisplayPro-Black", sans-serif;
  font-size: 28px;
  text-transform: uppercase;
}
.p-archi-jeu .l-pourquoi .c-pourquoi_img {
  margin-top: 40px;
}

/*--------------------------------------------------------------
# 05 - Animations
--------------------------------------------------------------*/
/* ----------- Iloo Station ---------------- */
.p-iloo .l-quest_col .l-quest_content-1:before {
  transition: 1s;
  transition-delay: 0.5s;
  transform-origin: top right;
  scale: 0;
}
.p-iloo .l-quest_col .l-quest_content-2:before {
  transition: 1s;
  transition-delay: 1s;
  scale: 0;
  transform-origin: bottom right;
}
.p-iloo .l-quest_col .l-quest_content-3:before {
  transition: 1s;
  transition-delay: 1.5s;
  scale: 0;
  transform-origin: bottom right;
}
.p-iloo .l-quest_col.is-inViewport .l-quest_content-1:before {
  scale: 1;
}
.p-iloo .l-quest_col.is-inViewport .l-quest_content-2:before {
  scale: 1;
}
.p-iloo .l-quest_col.is-inViewport .l-quest_content-3:before {
  scale: 1;
}
.p-iloo .l-install-anim .l-install::before {
  transition: 1s;
  transition-delay: 0.5s;
  transform-origin: right;
  scale: 0;
}
.p-iloo .l-install-anim .l-install::after {
  transition: 1s;
  transition-delay: 1.5s;
  transform-origin: left;
  scale: 0;
}
.p-iloo .l-install-anim.is-inViewport .l-install::before {
  scale: 1;
}
.p-iloo .l-install-anim.is-inViewport .l-install::after {
  scale: 1;
}
.p-iloo .l-services .l-services_content_3 .c-left.not-inViewport .left-circle {
  transform: scale(0) translate(50%, -50%);
}
.p-iloo .l-services .l-services_content_3 .c-right.not-inViewport .right-circle {
  transform: scale(0) translate(-50%, 29%);
}
.p-iloo .l-services .l-services_content_3 .c-left.is-inViewport .left-circle {
  transform: scale(1) translate(50%, -50%);
}
.p-iloo .l-services .l-services_content_3 .c-right.is-inViewport .right-circle {
  transform: scale(1) translate(-50%, 29%);
}
.p-iloo .dots-anim .dot-1 {
  transition: 1s;
  transition-delay: 0.5s;
  transform-origin: center;
  scale: 0;
}
.p-iloo .dots-anim .dot-2 {
  transition: 1s;
  transition-delay: 0.8s;
  transform-origin: center;
  scale: 0;
}
.p-iloo .dots-anim .dot-3 {
  transition: 1s;
  transition-delay: 1.1s;
  transform-origin: center;
  scale: 0;
}
.p-iloo .dots-anim .dot-4 {
  transition: 1s;
  transition-delay: 1.4s;
  transform-origin: center;
  scale: 0;
}
.p-iloo .dots-anim .dot-5 {
  transition: 1s;
  transition-delay: 1.7s;
  transform-origin: center;
  scale: 0;
}
.p-iloo .dots-anim .dot-6 {
  transition: 1s;
  transition-delay: 2s;
  transform-origin: center;
  scale: 0;
}
.p-iloo .dots-anim.is-inViewport .dot-small, .p-iloo .dots-anim.is-inViewport .dot-big {
  scale: 1;
}

/*--------------------------------------------------------------
# 06 - Responsive
--------------------------------------------------------------*/
@media only screen and (max-width: 1700px) {
  /* ---------------------------------------------------------------- 1700px -------- */
  .p-home .l-entete .l-entete_title p {
    left: 22%;
  }
  .p-home .l-innovation_archure_bg {
    min-height: 372px;
  }
  .fit-usagers .mainapp:before {
    width: 15%;
    height: 100%;
  }
}
@media only screen and (max-width: 1600px) {
  /* ---------------------------------------------------------------- 1600px -------- */
  .p-home .l-entete .l-entete_title p {
    left: 18%;
  }
  .fit-usagers .mainapp:before {
    width: 12%;
    height: 100%;
  }
}
@media only screen and (max-width: 1500px) {
  /* ---------------------------------------------------------------- 1500px -------- */
  .p-home .l-entete .l-entete_title p {
    left: 16%;
  }
  .fit-home .l-innovation .l-innovation_bg {
    background-size: 86% !important;
  }
}
@media only screen and (max-width: 1400px) {
  /* ---------------------------------------------------------------- 1400px -------- */
  .fit-usagers .mainapp:before {
    display: none;
  }
  .p-home .l-entete .l-entete_title p {
    left: 12%;
  }
  .fit-concept .l-salles .element-left .element-number::before {
    width: 80px !important;
    background-repeat: no-repeat !important;
    background-size: 220% !important;
    transform: translate(17px, -15px) !important;
  }
  .fit-concept .l-salles .element-right .element-number::before {
    width: 80px !important;
    background-repeat: no-repeat !important;
    background-size: 220% !important;
    transform: translate(-17px, -15px) !important;
  }
  .fit-concept .l-salles .element-left .element-number {
    margin-left: 10px !important;
    padding-left: 0 !important;
    width: 200px !important;
  }
  .fit-concept .l-salles .element-right .element-number {
    margin-right: 10px !important;
    padding-right: 0 !important;
    width: 200px !important;
  }
  .fit-concept .l-salles .element-left .element-desc {
    width: 200px !important;
  }
  .fit-concept .l-salles .element-right .element-desc {
    width: 200px !important;
  }
  .fit-concept .l-salles .element-right .element-number::before {
    background-position: right !important;
  }
  .fit-concept .l-salles .elements-content .element-number {
    font-size: 60px !important;
  }
}
@media only screen and (max-width: 1300px) {
  /* ---------------------------------------------------------------- 1300px -------- */
  .p-home .l-entete .l-entete_title p {
    left: 6%;
  }
  .p-iloo .dots-anim .dot-3 {
    display: none;
  }
  .p-iloo .dots-anim .dot-6 {
    display: none;
  }
}
@media only screen and (max-width: 1200px) {
  /* ---------------------------------------------------------------- 1200px -------- */
  .p-iloo .l-use .c-use strong {
    font-size: 22px;
  }
  .p-iloo .l-quest .l-quest_content {
    height: 380px;
  }
  .sticky {
    transform: translateY(-29px);
  }
  .timbershcool {
    margin-top: 15px;
  }
  .fit-home .l-innovation .l-innovation_bg {
    background-size: 100% !important;
  }
  .fit-home .l-entete .l-entete_content {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .fit-home .l-entete h1,
  .fit-home .l-entete p {
    padding-right: 90px !important;
  }
  .fit-home .l-entete h1 {
    font-size: 30px !important;
    line-height: 34px !important;
  }
  .p-qui h1 {
    font-size: 70px;
    line-height: 62px;
  }
  .l-realisation_child h1 {
    font-size: 30px;
    line-height: 32px;
  }
  .p-sports h1,
  .p-sports_child h1 {
    font-size: 30px;
    line-height: 32px;
  }
  .p-internes_enfants h1 {
    font-size: 30px;
    line-height: 32px;
  }
  .p-internes .fake-h1 {
    font-size: 30px;
    line-height: 32px;
  }
  .p-sports .l-offres h2,
  .p-sports_child .l-offres h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .p-sports .l-offres h3,
  .p-sports_child .l-offres h3 {
    font-size: 24px;
    line-height: 28px;
  }
  h2 {
    font-size: 22px;
  }
  .p-qui .chiffres h3 {
    font-size: 22px;
  }
  .p-mag_child .pager .next-title,
  .p-mag_child .pager .prev-title {
    font-size: 14px;
    line-height: 14px;
    padding-left: 5px;
  }
  .p-mag .le-mag_post .le-mag_title h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .p-home .l-innovation_archure_bg {
    min-height: 412px;
  }
  .p-home .l-raison .l-raison_ambiance {
    margin-top: -445px;
  }
  .p-home .l-raison .l-raison_descriptif .fake-h2 {
    font-size: 28px !important;
    line-height: 32px !important;
  }
  .p-home .l-entete .l-entete_title p {
    left: 40px;
  }
  .l-menu-container,
  .l-middle-bar,
  .l-top-bar .container {
    width: 100% !important;
    max-width: 100% !important;
  }
  .l-menu-container .row,
  .l-middle-bar .row,
  .l-top-bar .container .row {
    padding: 0 10px;
  }
  .wpml-ls-legacy-list-horizontal {
    padding: 0 4px;
  }
  .wpml-ls-legacy-list-horizontal a {
    padding: 5px 6px 6px;
  }
  .footer-five {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .footer-five .social {
    border-bottom: 4px solid #000000;
    margin-top: 3px !important;
    margin-left: 15px;
  }
  .p-home .l-mag .mag__title {
    font-size: 18px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 1198px) {
  /* ---------------------------------------------------------------- 1198px -------- */
  .grid {
    width: 983px !important;
  }
  .youtube {
    width: 540px !important;
    height: 265px !important;
  }
}
@media only screen and (max-width: 1126px) {
  /* ---------------------------------------------------------------- 1126px -------- */
  #mega-menu-menu-1 a {
    letter-spacing: -0.9px;
    font-size: 13px !important;
  }
  .l-top-bar .contact,
  .l-top-bar .join {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1100px) {
  /* ---------------------------------------------------------------- 1100px -------- */
  .phone {
    display: none;
  }
  .fit-concept .l-salles .element-left .element-number::before {
    width: 40px !important;
    background-size: 440% !important;
    transform: translate(17px, -15px) !important;
  }
  .fit-concept .l-salles .element-left .element-number {
    width: 145px !important;
  }
  .fit-concept .l-salles .element-right .element-number::before {
    width: 40px !important;
    background-size: 440% !important;
    transform: translate(-17px, -15px) !important;
  }
  .fit-concept .l-salles .element-right .element-number {
    width: 145px !important;
  }
  .fit-concept .l-experience .gallery .gallery-item {
    height: 65px !important;
    width: 65px !important;
    margin-right: 10px !important;
  }
  .fit-concept .l-experience .gallery .gallery-item {
    font-size: 13px !important;
  }
  .fit-concept .l-experience .texte-image-visu {
    background-position: right -140px center !important;
    background-size: 125% !important;
  }
}
@media only screen and (max-width: 992px) {
  /* ----------------------------------------------------------------  992px -------- */
  .l-tours_right {
    margin-top: 30px;
    text-align: center;
  }
  .p-iloo .l-subventions img {
    transform: translateY(21px);
    max-width: 200px;
  }
  .p-iloo .l-subventions button {
    font-size: 18px;
  }
  .p-iloo .l-services .l-services_content_4 .c-content {
    padding: 40px 60px;
  }
  .p-iloo .l-services .l-services_content_4 .c-content p {
    position: relative;
    z-index: 100;
  }
  .p-iloo .l-services .l-services_content_1 .c-right {
    transform: translateY(0px);
  }
  .p-iloo .l-services .l-services_content_2 .c-right {
    transform: translateY(0px);
  }
  .p-iloo .l-use .c-use .c-use_img img {
    transform: translate(0%, -50%);
  }
  .l-quest_mobile {
    display: block !important;
  }
  .l-quest_desktop {
    display: none;
  }
  .p-iloo .l-quest .l-quest_content {
    height: 300px;
  }
  .p-iloo .l-use .c-use_content-1, .p-iloo .l-use .c-use_content-3 {
    padding-right: 15px;
  }
  .p-iloo .l-use .c-use_content-1, .p-iloo .l-use .c-use_content-3 {
    padding-right: 15px;
  }
  .fit-usagers .mainapp:before {
    display: block;
    width: 35%;
    height: 100%;
    background-position: left bottom -100px;
  }
  .fit-usagers .wysiwyg-63726aa31bd8b tr {
    display: flex;
    flex-wrap: wrap;
  }
  .fit-usagers .wysiwyg-63726aa31bd8b td {
    width: 100% !important;
  }
  .fit-usagers .wysiwyg-6373694626d18 #mep_0 {
    left: inherit !important;
    transform: none !important;
  }
  .timbershcool {
    transform: translateX(-30px);
  }
  .fit-home .l-entete {
    background-position: center right -100px !important;
  }
  .fit-home .salles-1 .salles_visu img {
    max-height: 100px !important;
  }
  .fit-concept .l-salles .element-left .elements-content {
    width: 152% !important;
  }
  .fit-concept .l-salles .element-right .elements-content {
    width: calc(100% + 150px) !important;
  }
  .fit-concept .l-salles .element-right .elements-content {
    transform: translateX(1px) !important;
  }
  .fit-concept .l-entete .text-bloc {
    padding-top: 140px !important;
    padding-bottom: 60px !important;
  }
  .p-sports .l-entete_ambiance,
  .p-sports_child .l-entete_ambiance {
    min-height: 280px;
  }
  .pager .pager-button a {
    font-size: 14px;
  }
  .pager .pager-button {
    padding-bottom: 10px;
  }
  .p-engagements h1,
  .p-noco2 h1 {
    font-size: 26px;
    line-height: 30px;
  }
  .p-internes_enfants h1 {
    font-size: 26px;
    line-height: 30px;
  }
  .p-sports h1,
  .p-sports_child h1 {
    font-size: 26px;
    line-height: 30px;
  }
  .l-realisation_child h1 {
    font-size: 26px;
    line-height: 30px;
  }
  .p-sports .l-offres h2,
  .p-sports_child .l-offres h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .p-sports .l-offres h3,
  .p-sports_child .l-offres h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .single-realisation .rea-title-other {
    font-size: 26px;
    line-height: 30px;
  }
  .p-engagements .wysiwyg-614b0d33cb2ca img {
    display: block;
    transform: translateY(0px);
    padding-bottom: 100px;
  }
  .p-mag_child .pager .next-thumb img {
    max-width: 150px;
    max-height: 150px;
  }
  .p-mag_child .pager .post-next,
  .p-mag_child .pager .post-previous {
    flex-basis: 50%;
  }
  .p-mag_child .pager .post-next {
    margin-top: 0;
    border-left: 2px solid #FFFFFF;
  }
  .p-mag_child .pager .post-previous {
    border-right: 2px solid #FFFFFF;
  }
  .p-mag .container {
    max-width: 100% !important;
  }
  .p-contact h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .p-mag_child .fake-h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .p-mag_child h1 {
    font-size: 24px;
    line-height: 28px;
  }
  .p-mag_child h2 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px;
  }
  .p-contact .l-search_title {
    font-size: 22px;
    line-height: 26px;
  }
  .p-contact .l-search_results .coor-title {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
  }
  .grid {
    width: 740px !important;
  }
  .rea_title {
    font-size: 22px !important;
    line-height: 28px !important;
  }
  .rea_subtitle {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  .grid-item {
    height: 260px;
  }
  .grid-item--height2 {
    height: 520px;
  }
  .p-home .l-innovation_ambiance,
  .p-home .l-innovation_archure_bg,
  .p-home .l-innovation_archure_bg {
    min-height: 300px;
    margin-top: -20px;
  }
  .p-home .l-offre .batiments_descriptif {
    min-height: 293px;
    border-left: 0;
  }
  .p-home .l-offre .structure_descriptif {
    border-right: none;
  }
  .mag_block {
    margin-bottom: 30px;
  }
  .p-home .l-mag .mag__thumb {
    height: 360px;
  }
  .footer-one {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #000000;
    padding-bottom: 15px;
  }
  .footer-one img {
    max-width: 250px !important;
    transform: translateX(-40px);
  }
  .footer-one .filet-footer {
    display: none;
  }
  .footer-four,
  .footer-three,
  .footer-two {
    margin-top: 20px;
    width: 33%;
  }
  .footer-four ul,
  .footer-three ul,
  .footer-two ul {
    padding-left: 0;
  }
}
@media only screen and (max-width: 978px) {
  /* ----------------------------------------------------------------  978px -------- */
  .fit-usagers .wysiwyg-6373705eb4814 {
    padding-bottom: 40px;
  }
  .sticky .l-header_logo {
    display: block;
    padding-bottom: 8px;
  }
  .sticky .l-header_baseline {
    display: block !important;
  }
  .youtube {
    height: 230px !important;
  }
  .p-propact .l-projet a {
    background-size: cover;
  }
  .l-header_baseline {
    transform: translateX(-60px);
  }
  .l-menu-container {
    margin-top: -50px;
  }
  .l-header .mega-toggle-block {
    transform: translateY(-17px);
  }
  .l-header_logo {
    position: relative;
    z-index: 1000000;
  }
  .p-home .l-entete .l-entete_title p {
    font-size: 60px;
    line-height: 48px;
  }
  .p-home .l-entete .l-entete_title {
    height: 320px;
  }
}
@media only screen and (max-width: 920px) {
  /* ----------------------------------------------------------------  920px -------- */
  .sticky {
    transform: translateY(-33px);
    padding-top: 8px;
  }
  .l-menu-containe .row {
    align-content: center;
  }
  .p-fit-formats .gallery-item {
    margin-bottom: 14px !important;
  }
  .l-top-bar .socials {
    display: none;
  }
  .fit-home .l-entete {
    background-position: center right -250px !important;
  }
  .fit-home .l-entete p {
    font-size: 18px !important;
  }
  .fit-home .l-entete .l-entete_content {
    position: relative;
  }
  .fit-home .l-entete .l-entete_content:before {
    content: "";
    background-color: #FFFFFF;
    width: 150px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -150px;
  }
}
@media only screen and (max-width: 840px) {
  .fit-usagers .mainapp:before {
    width: 40%;
  }
  .p-iloo .dots-anim .dot-2 {
    display: none;
  }
  .p-iloo .dots-anim .dot-5 {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  /* ----------------------------------------------------------------  768px -------- */
  .p-archi-jeu .l-espaces .c-espaces-amb .c-espaces-amb_visu {
    height: 375px;
  }
  .p-archi-jeu .l-espaces .c-espaces-amb .c-espaces-amb_txt {
    position: relative;
    left: 0px;
    bottom: 0px;
    max-width: 100%;
    padding: 30px 0 0 0;
  }
  .p-iloo .l-subventions .l-sub-entete p {
    font-size: 16px;
  }
  .c-use-img-col {
    display: none;
  }
  .p-iloo .l-use .c-use_content {
    padding-bottom: 30px;
  }
  .p-iloo .l-mobilite figcaption {
    font-size: 15px;
  }
  .p-iloo .l-entete {
    min-height: 350px;
    height: 350px;
    background-attachment: inherit;
  }
  .p-iloo h1 {
    font-size: 32px !important;
  }
  .p-iloo h2 {
    font-size: 26px !important;
  }
  .p-iloo h3 {
    font-size: 22px !important;
  }
  .fit-usagers .wysiwyg-63736b92059a2 tr {
    display: flex;
    flex-wrap: wrap;
  }
  .fit-usagers .wysiwyg-63736b92059a2 td {
    width: 100% !important;
  }
  .fit-usagers .mainapp:before {
    display: none;
  }
  .fit-usagers .wysiwyg-63725a6aa72e5 a {
    margin-bottom: 15px;
  }
  .fit-usagers .wysiwyg-63725a6aa72e5 h1 {
    font-size: 24px;
    line-height: 26px;
  }
  .mail {
    display: none;
  }
  .is-search-form {
    max-width: 170px !important;
  }
  .youtube {
    height: 301px !important;
  }
  .p-internes .texte-slider .carousel-item {
    min-height: 350px;
  }
  .p-fit-formats .video p {
    font-size: 24px !important;
    line-height: 28px !important;
  }
  .p-fit-formats .texte-image-visu {
    min-height: 260px !important;
  }
  .fit-home .l-smartphone .l-smartphone_text {
    text-align: center;
  }
  .fit-home .l-smartphone .l-smartphone_visu {
    transform: translateX(22px);
  }
  .fit-home .l-innovation .l-innovation_bg {
    display: none !important;
  }
  .fit-home .l-entete {
    background: none !important;
  }
  .fit-home .l-entete h1,
  .fit-home .l-entete p {
    padding-right: 0 !important;
  }
  .fit-home .l-innovation .l-innovation-text {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .fit-home .l-entete .l-entete_content {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
  }
  .fit-home .l-video .l-videos_title {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .fit-concept .l-salles .element-right {
    justify-content: flex-start !important;
  }
  .fit-concept .l-salles .element-right .elements-content {
    justify-content: flex-end !important;
    flex-direction: row-reverse !important;
  }
  .fit-concept .l-salles .element-right .element-number::before {
    background-image: url("../images/salle-left.svg") !important;
    width: 40px !important;
    height: 16px !important;
    background-size: 440% !important;
    position: absolute !important;
    display: block !important;
    top: 50% !important;
    left: 0 !important;
    transform: translate(15px, -15px) !important;
    background-position: left !important;
  }
  .fit-concept .l-salles .element-right .element-desc {
    text-align: left !important;
  }
  .fit-concept .l-salles .element-right .elements-content .element-number {
    text-align: right !important;
  }
  .fit-concept .l-salles .element-right .element-number {
    margin-left: 20px !important;
    padding-left: 0 !important;
  }
  .fit-concept .l-salles .element-right .elements-content {
    width: 100% !important;
  }
  .fit-concept .l-salles .element-title-left {
    text-align: left !important;
  }
  .fit-concept .l-salles .element-left .elements-content {
    transform: none !important;
  }
  .fit-concept .l-entete .texte-image-visu {
    min-height: 400px !important;
  }
  .fit-concept .l-entete .text-bloc {
    padding-top: 100px !important;
    padding-bottom: 50px !important;
  }
  .wysiwyg-618be5754150d p,
  .wysiwyg-6193b1814471d p,
  .wysiwyg-6193b6eb38f9a p,
  .wysiwyg-6193d39460b25 p {
    text-align: center !important;
  }
  .wysiwyg-618be5754150d img,
  .wysiwyg-6193b1814471d img,
  .wysiwyg-6193b6eb38f9a img,
  .wysiwyg-6193d39460b25 img {
    max-width: 380px;
  }
  .desc-614b26c87f4b3 {
    padding: 30px;
  }
  .p-sports .l-offres .l-offres_amb,
  .p-sports_child .l-offres .l-offres_amb {
    min-height: 280px;
  }
  .pager .pager-button {
    margin-bottom: 15px;
  }
  .p-engagements .wysiwyg-614b0d33cb2ca img {
    width: 100%;
    padding-bottom: 0;
  }
  .p-qui table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .p-qui table td {
    width: 50% !important;
  }
  .p-mag_child .pager .next-thumb,
  .p-mag_child .pager .next-title,
  .p-mag_child .pager .prev-thumb,
  .p-mag_child .pager .prev-title {
    flex-basis: 100%;
  }
  .p-mag_child .pager .next-title,
  .p-mag_child .pager .prev-title {
    margin-top: 8px;
  }
  .p-mag .le-mag_post .le-mag_content {
    flex-basis: 100%;
  }
  .p-mag .le-mag_post .le-mag_thumb {
    flex-basis: 100%;
    min-height: 250px;
  }
  .p-mag .le-mag_post {
    flex-wrap: wrap-reverse;
  }
  .p-contact .l-search_results .le-mag_content_left,
  .p-contact .l-search_results .le-mag_content_right {
    flex-basis: 100%;
  }
  .p-realisations h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .grid {
    width: 560px !important;
  }
  .grid-item,
  .grid-sizer {
    width: 50%;
  }
  .grid-item {
    height: 240px;
  }
  .grid-item--width2 {
    width: 100%;
  }
  .grid-item--height2 {
    height: 480px;
  }
  .p-home .l-offre .batiments_descriptif,
  .p-home .l-offre .l-offre_descriptif,
  .p-home .l-offre .structure_descriptif {
    padding: 20px;
  }
  .p-home .l-offre .batiments_descriptif h3,
  .p-home .l-offre .structure_descriptif h3 {
    font-size: 28px;
    line-height: 32px;
  }
  .p-home .l-offre .l-offre_descriptif {
    background-position: right -182px center;
  }
  .p-home .l-raison {
    padding-top: 0;
  }
  .p-home .l-raison .l-raison_ambiance {
    margin-top: 0;
  }
  .l-footer .footer-four ul li a {
    font-size: 11px;
  }
  .l-top-bar .mail,
  .l-top-bar .phone {
    display: none;
  }
  .l-top-bar .row {
    justify-content: flex-end !important;
  }
  .l-header_baseline {
    transform: translateX(20px);
  }
  .p-fit-offre .text-image-60db4abd64ffa .text-bloc {
    padding-bottom: 60px !important;
  }
  .p-fit-offre .texte-image-visu {
    min-height: 350px !important;
  }
}
@media only screen and (max-width: 720px) {
  /* ----------------------------------------------------------------  720px -------- */
  .fit-home .l-offrir .popup-button {
    width: 40px !important;
    height: 40px !important;
  }
  .fit-home .l-offrir .l-offrir_visu .btn-1 {
    top: 20% !important;
    left: 47% !important;
  }
  .fit-home .l-offrir .l-offrir_visu .btn-2 {
    top: 38% !important;
    left: 28% !important;
  }
  .fit-home .l-offrir .l-offrir_visu .btn-3 {
    top: 69% !important;
    left: 8% !important;
  }
  .fit-home .l-offrir .l-offrir_visu .btn-4 {
    top: 72% !important;
    left: 41% !important;
  }
}
@media only screen and (max-width: 576px) {
  /* ----------------------------------------------------------------  576px -------- */
  .p-iloo .l-services .l-services_content_3 .c-title {
    text-align: left;
  }
  .p-iloo .l-services .l-services_content_3 .c-left {
    padding: 40px;
  }
  .p-iloo .l-services .l-services_content_3 .c-right {
    padding: 40px;
  }
  .p-iloo .l-use {
    padding-left: 15px;
    padding-right: 15px;
  }
  .p-iloo .l-use h2 br {
    display: none;
  }
  .sticky .l-header_baseline {
    display: none !important;
  }
  .youtube {
    height: 230px !important;
  }
  .wp-image-23937 {
    margin: 0 auto 15px;
    display: block;
  }
  .p-home .l-mag .mag_more,
  .p-home .l-realisations .rea_more {
    padding: 10px 15px;
    text-align: left;
  }
  .p-fit-offre .galleryid-447 .gallery-item:first-child {
    height: 240px !important;
  }
  .p-mag_child h1 {
    font-size: 20px;
    line-height: 24px;
  }
  .p-mag .l-categories p {
    font-size: 14px;
    line-height: 18px;
  }
  .p-mag .l-categories .facetwp-radio {
    font-size: 12px;
    line-height: 14px;
  }
  .p-contact h1 {
    font-size: 24px;
    line-height: 28px;
  }
  .p-contact .l-search_title {
    font-size: 20px;
    line-height: 22px;
  }
  .p-contact .l-search_results .coor-title {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
  }
  .l-desktop {
    display: none;
  }
  .l-mobile {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .grid {
    width: 560px !important;
    transform: none !important;
  }
  .l-realisations .row,
  .p-home .l-innovation .l-innovation-row,
  .p-home .l-mag .row {
    padding: 0 15px;
  }
  .p-home .l-mag .mag__thumb {
    height: 280px;
  }
  .footer-four,
  .footer-three,
  .footer-two {
    display: none;
  }
  .p-home h2 {
    transform: translateX(0px) !important;
  }
  .p-home h2 {
    font-size: 26px !important;
    line-height: 33px !important;
  }
  .l-entete_button {
    background-color: #efefef;
  }
  .l-entete_button a {
    text-align: center;
    width: 100%;
    margin: 20px 0;
  }
  .l-entete_button img {
    transform: translateX(0px) !important;
    width: 180px !important;
    margin: 0 auto;
    background-color: #FFFFFF;
  }
}
@media only screen and (max-width: 560px) {
  /* ----------------------------------------------------------------  560px -------- */
  .is-search-form {
    margin-right: -20px;
  }
  .join {
    display: none;
  }
  .wysiwyg-61950e20e25f5 tr {
    display: flex;
    flex-wrap: wrap;
  }
  .wysiwyg-61950e20e25f5 td {
    width: 100% !important;
  }
  .pictocol-61557e8a6c692 tr,
  .pictocol-615581fb897ba tr {
    display: flex;
    flex-wrap: wrap;
  }
  .pictocol-61557e8a6c692 td,
  .pictocol-615581fb897ba td {
    width: 100% !important;
    margin-top: 15px;
  }
  h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .p-recrutement .wysiwyg-25 .txt-content h3,
  .p-recrutement .wysiwyg-33 .txt-content h3,
  .p-recrutement .wysiwyg-50 .txt-content h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .text-image-614b1fec631dd tr {
    display: flex;
    flex-wrap: wrap;
  }
  .text-image-614b1fec631dd td {
    flex-basis: 100%;
    padding: 10px 0;
  }
  .p-propact .l-projet a .l-projet_title {
    font-size: 24px;
  }
  .p-propact .l-projet a .l-projet_subtitle {
    font-size: 24px;
  }
  .grid {
    width: 100% !important;
  }
}
@media only screen and (max-width: 520px) {
  /* ----------------------------------------------------------------  520px -------- */
  .p-archi-jeu .l-pourquoi .list-col {
    padding: 30px;
  }
  .p-archi-jeu .l-pourquoi .list-col strong {
    font-size: 22px;
  }
  .p-archi-jeu .l-pourquoi .list-col_parent {
    margin-bottom: 15px;
  }
  .p-boxup .wysiwyg-6358f32747c22 tr, .p-boxup .wysiwyg-6358f53ad7df8 tr {
    display: flex;
    flex-wrap: wrap;
  }
  .p-boxup .wysiwyg-6358f32747c22 td, .p-boxup .wysiwyg-6358f53ad7df8 td {
    width: 100% !important;
  }
  .p-fit-offre .galleryid-447 .gallery-item:first-child {
    height: 220px !important;
  }
  .l-header_baseline {
    display: none;
  }
  .l-header_logo {
    text-align: center;
  }
  .p-home .l-raison .l-raison_descriptif .fake-h2 {
    font-size: 24px !important;
    line-height: 28px !important;
  }
}
@media only screen and (max-width: 500px) {
  /* ----------------------------------------------------------------  500px -------- */
  .p-archi-jeu .l-entete {
    height: 350px;
  }
  .p-iloo .l-install .l-install_content_2 .c-right::before {
    display: none;
  }
  .contact {
    display: none;
  }
  .youtube {
    height: 200px !important;
  }
  .p-sports .l-projet a,
  .p-sports_child .l-projet a {
    padding: 40px 20px;
    min-height: 200px;
  }
  .p-sports .l-projet a .l-projet_title,
  .p-sports_child .l-projet a .l-projet_title {
    font-size: 25px;
    transform: none;
  }
  .p-sports .l-projet a .l-projet_subtitle,
  .p-sports_child .l-projet a .l-projet_subtitle {
    font-size: 24px;
  }
  .p-sports .l-projet a .l-projet_arrow,
  .p-sports_child .l-projet a .l-projet_arrow {
    transform: none;
    font-size: 30px;
  }
  .p-fit-formats .texte-image-visu {
    min-height: 200px !important;
  }
  .p-fit-offre .galleryid-447 .gallery-item:first-child {
    height: 200px !important;
  }
  .fit-concept .l-salles .element-right .element-desc {
    transform: translateY(106px !important);
  }
  .fit-concept .l-salles .element-title-left {
    text-align: left !important;
  }
  .fit-concept .l-salles .element-left .elements-content {
    width: 100% !important;
  }
  .fit-concept .l-salles .element-right .element-desc {
    width: 100% !important;
    margin-top: 15px !important;
  }
  .fit-concept .l-salles .element-left .element-desc {
    width: 100% !important;
    margin-top: 15px !important;
  }
  .fit-concept .l-salles .element-left .elements-content {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .fit-concept .l-salles .element-right .elements-content {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media only screen and (max-width: 475px) {
  /* ----------------------------------------------------------------  475px -------- */
  .p-mag .l-categories {
    padding: 20px 5px 0;
  }
}
@media only screen and (max-width: 450px) {
  /* ----------------------------------------------------------------  450px -------- */
  .p-iloo .l-use .c-use_content-2, .p-iloo .l-use .c-use_content-4 {
    margin-left: inherit;
  }
  .p-iloo .l-use .c-use_content-col {
    transform: translateY(10px);
  }
  .p-iloo .l-use .c-use_content-1, .p-iloo .l-use .c-use_content-3 {
    text-align: left;
    padding-left: 30px;
    border-left: 1px solid #A0D6D9;
    transform: translateX(-1px);
    border-right: none;
  }
  .c-use_content-1:before, .c-use_content-3:before, .c-use_content-5:before {
    left: 0 !important;
    transform: translate(-50%, 0) !important;
  }
  .c-use_content-1:after, .c-use_content-3:after, .c-use_content-5:after {
    left: 0 !important;
    transform: translate(-50%, 0) !important;
  }
  .p-iloo .l-use .c-use {
    margin-left: 15px;
  }
  .p-iloo .l-use .c-use_content {
    flex-basis: 100%;
  }
  .p-iloo .l-use .c-use p {
    transform: translateY(0px);
  }
  .p-iloo .l-use {
    margin-bottom: 40px;
    padding: 0px 0px 50px 0px;
  }
  .p-iloo .l-use .c-use_content-5 {
    text-align: left;
    padding-left: 30px;
    padding-right: unset;
    border-left: 1px dashed #A0D6D9;
    border-right: none;
  }
  .youtube {
    height: 190px !important;
  }
  .p-propact .l-projet a {
    padding: 20px 30px;
  }
  .l-realisation_child .l-realisation_spec {
    font-size: 18px;
    line-height: 24px;
  }
  .single-realisation .rea-title-other {
    font-size: 20px;
    line-height: 25px;
  }
  .p-qui table td {
    width: 100% !important;
  }
  .p-mag_child .pager .post-next,
  .p-mag_child .pager .post-previous {
    flex-basis: 100%;
  }
  .p-mag_child .pager .post-next {
    margin-top: 10px;
  }
  .p-mag_child .pager .next-thumb,
  .p-mag_child .pager .prev-thumb {
    display: none;
  }
  .rea_title {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  .rea_subtitle {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .grid-item,
  .grid-sizer {
    width: 50%;
  }
  .grid-item {
    height: 180px;
    border: 4px solid #FFFFFF;
  }
  .grid-item--width2 {
    width: 100%;
    border: 4px solid #FFFFFF;
  }
  .grid-item--height2 {
    height: 360px;
    border: 4px solid #FFFFFF;
  }
  .footer-five {
    flex-wrap: wrap;
  }
  .p-home .l-offre .l-offre_descriptif {
    background-image: none !important;
  }
}
@media only screen and (max-width: 420px) {
  /* ----------------------------------------------------------------  420px -------- */
  .l-top-bar .container,
  .l-top-bar .row {
    padding: 0 8px 0 2px !important;
  }
  .p-iloo .dots-anim .dot-4 {
    display: none;
  }
}
@media only screen and (max-width: 390px) {
  /* ----------------------------------------------------------------  390px -------- */
  .p-archi-jeu .l-tours .l-tours_red .titre {
    font-size: 15px;
  }
  .l-top-bar .contact,
  .l-top-bar .join {
    font-size: 13px;
  }
}
@media only screen and (max-width: 360px) {
  /* ----------------------------------------------------------------  360px -------- */
  .sticky {
    transform: translateY(-15px);
  }
}
/* ----------------------------------------------------------------  G-Translate -------- */
html[lang=en-US] .wpml-ls-legacy-list-horizontal ul li:nth-child(1) {
  display: none !important;
}

a.glink {
  transform: translate(0px, -7px);
  width: 24px !important;
  height: 16px !important;
}

a.glink img {
  width: 24px !important;
  height: 16px !important;
}

.g-translate {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 85px;
  justify-content: space-between;
}
.g-translate a:nth-child(1) {
  order: 2;
}
.g-translate a:nth-child(2) {
  order: 1;
}
.g-translate a:nth-child(3) {
  order: 3;
}

/*# sourceMappingURL=style.css.map */