@charset "UTF-8";
/*!
Theme Name: FTI
Theme URI: http://underscores.me/
Author: Mediacrossing
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fti
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

FTI is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | 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.
 */
@import url("https://use.typekit.net/ioo4fhk.css");
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

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

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

section {
  padding: 50px 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

/**
 * 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;
  font-size: 1em;
}

/* 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;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * 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;
  font-size: 1em;
}

/**
 * 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;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  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;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * 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;
  padding: 0;
}

/**
 * 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;
  outline-offset: -2px;
}

/**
 * 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;
  font: inherit;
}

/* 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;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

.container, article {
  position: relative;
  margin: 0 auto;
  padding-right: 2rem;
  padding-left: 2rem;
  width: 95%;
}
@media only screen and (min-width: 1210px) {
  .container, article {
    max-width: 1100px;
  }
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
@font-face {
  font-family: "gothamblack";
  src: url("/wp-content/themes/fti/fonts/gotham-bold-webfont.woff2") format("woff2"), url("/wp-content/themes/fti/fonts/gotham-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
  font-family: 'gothamblack';
  src: url('/wp-content/themes/fti/fonts/Gotham-Bold.otf') format('otf'),
  url('/wp-content/themes/fti/fonts/Gotham-Bold.otf') format('otf');
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: "gothambook";
  src: url("/wp-content/themes/fti/fonts/gotham-book-webfont.woff2") format("woff2"), url("/wp-content/themes/fti/fonts/gotham-book-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body,
button,
input,
select,
optgroup,
textarea {
  color: #00407B;
  font-family: "gothambook";
  font-size: 14px;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "gothamblack";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}
table td {
  border: 1px solid;
}

/* Links
--------------------------------------------- */
a {
  color: inherit;
  font-family: "gothamblack";
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #00407B;
}
a:focus-visible {
  outline: 2px solid #00407B;
  outline-offset: 2px;
}
a:hover:not(:focus-visible), a:active:not(:focus-visible) {
  outline: 0;
}

.site-main a:not([class*=btn]):not(.pdfprnt-button):not(.post-thumbnail):not(.custom-logo-link):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out) {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.site-main .post_categorie a {
  text-decoration: none;
}
.site-main .post_categorie a:hover, .site-main .post_categorie a:focus, .site-main .post_categorie a:focus-visible, .site-main .post_categorie a:active {
  text-decoration: none;
}
.site-main .list_actus li.item-actu a,
.site-main .content-article-similaire li.item-actu a {
  text-decoration: none;
}
.site-main .list_actus li.item-actu a:hover, .site-main .list_actus li.item-actu a:focus, .site-main .list_actus li.item-actu a:focus-visible, .site-main .list_actus li.item-actu a:active,
.site-main .content-article-similaire li.item-actu a:hover,
.site-main .content-article-similaire li.item-actu a:focus,
.site-main .content-article-similaire li.item-actu a:focus-visible,
.site-main .content-article-similaire li.item-actu a:active {
  text-decoration: none;
}
.site-main .list_actus li.item-actu .post_meta h4 a,
.site-main .content-article-similaire li.item-actu .post_meta h4 a {
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: inherit;
}
.site-main .list_actus li.item-actu .post_meta h4 a:hover, .site-main .list_actus li.item-actu .post_meta h4 a:focus, .site-main .list_actus li.item-actu .post_meta h4 a:focus-visible, .site-main .list_actus li.item-actu .post_meta h4 a:active,
.site-main .content-article-similaire li.item-actu .post_meta h4 a:hover,
.site-main .content-article-similaire li.item-actu .post_meta h4 a:focus,
.site-main .content-article-similaire li.item-actu .post_meta h4 a:focus-visible,
.site-main .content-article-similaire li.item-actu .post_meta h4 a:active {
  text-decoration: underline;
}
.site-main .leaflet-control a,
.site-main .leaflet-bar a {
  text-decoration: none;
}
.site-main .leaflet-control a:hover, .site-main .leaflet-control a:focus, .site-main .leaflet-control a:focus-visible, .site-main .leaflet-control a:active,
.site-main .leaflet-bar a:hover,
.site-main .leaflet-bar a:focus,
.site-main .leaflet-bar a:focus-visible,
.site-main .leaflet-bar a:active {
  text-decoration: none;
}

/* Fil d'ariane */
#breadcrumbs {
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  #breadcrumbs {
    margin-top: -5px !important;
    font-size: 12px !important;
  }
}
#breadcrumbs span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
@media only screen and (max-width: 768px) {
  #breadcrumbs span {
    justify-content: flex-start !important;
  }
}

.page-id-51 #breadcrumbs .picto-home-white,
.page-id-72 #breadcrumbs .picto-home-white,
.page-id-493 #breadcrumbs .picto-home-white,
.search #breadcrumbs .picto-home-white,
.single-projet #breadcrumbs .picto-home-white {
  display: block !important;
  content: "";
  width: 15px;
  height: 15px;
  background: url(/wp-content/themes/fti/images/home-bc.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.page-id-51 #breadcrumbs .picto-home,
.page-id-72 #breadcrumbs .picto-home,
.page-id-493 #breadcrumbs .picto-home,
.search #breadcrumbs .picto-home,
.single-projet #breadcrumbs .picto-home {
  display: none;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

.btn-orange {
  display: flex !important;
  align-items: center;
  width: fit-content;
  background: #F39325;
  padding: 8px 15px;
  border-radius: 25px;
  font-family: "gothamblack";
  color: white !important;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1.5px;
  transition: 0.2s;
}
.btn-orange:not(.is-external-link)::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/fleche.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.25) inset;
  border-radius: 25px;
  margin-left: 15px;
}
.btn-orange:hover, .btn-orange:focus {
  background: #EB7100 !important;
}

.pdfprnt-button-title {
  display: flex !important;
  align-items: center;
  width: fit-content;
  background: #E5104C;
  padding: 8px 15px;
  border-radius: 25px;
  font-family: "gothamblack";
  color: white !important;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1.5px;
  text-decoration: none !important;
  transition: 0.2s;
}
.pdfprnt-button-title:not(.is-external-link)::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/fleche.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.25) inset;
  border-radius: 25px;
  margin-left: 15px;
}
.pdfprnt-button-title:hover, .pdfprnt-button-title:focus {
  background: #C40D42 !important;
}

.pdfprnt-button {
  text-decoration: none !important;
}
.pdfprnt-button:hover, .pdfprnt-button:focus, .pdfprnt-button:focus-visible, .pdfprnt-button:active {
  text-decoration: none !important;
}

.btn-white, .btn-orange-outline {
  display: flex;
  align-items: center;
  padding: 8px 10px 8px 15px;
  border-radius: 25px;
  border: 1px solid #00407B;
  font-family: "gothamblack";
  color: #00407B;
  transition: 0.2s;
}
.btn-white:not(.is-external-link)::after, .btn-orange-outline:not(.is-external-link)::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/fleche-jaune.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
}
.btn-white:hover, .btn-orange-outline:hover, .btn-white:focus, .btn-orange-outline:focus {
  background: #00407B !important;
  color: white !important;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1.5px;
}
.btn-white:hover:not(.is-external-link)::after, .btn-orange-outline:hover:not(.is-external-link)::after, .btn-white:focus:not(.is-external-link)::after, .btn-orange-outline:focus:not(.is-external-link)::after {
  background: url("/wp-content/themes/fti/images/fleche.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
}

.btn-violet {
  display: flex;
  align-items: center;
  padding: 8px 10px 8px 15px;
  border-radius: 25px;
  border: 1px solid #735aa2;
  font-family: "gothamblack";
  color: #735aa2;
  width: fit-content;
  margin: 0 auto;
  transition: 0.2s;
}
.btn-violet:not(.is-external-link)::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/fleche-violet.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
}
.btn-violet:hover, .btn-violet:focus {
  background: #735aa2;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1.5px;
}
.btn-violet:hover:not(.is-external-link)::after, .btn-violet:focus:not(.is-external-link)::after {
  background: url("/wp-content/themes/fti/images/fleche.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
}

.btn-contact {
  display: flex;
  align-items: center;
  background: #00407B;
  padding: 8px 15px;
  border-radius: 25px;
  font-family: "gothamblack";
  box-shadow: 0px 2px 0px 0px #002344;
  transition: 0.2s;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1.5px;
}
.btn-contact:hover, .btn-contact:focus {
  background: #022552 !important;
}
.btn-contact a {
  color: white;
}

.btn-orange-outline {
  width: fit-content;
  background: #fff;
}

.loupe {
  border: none;
  background-color: transparent;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #C4D1DD !important;
  border-radius: 10px !important;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  color: #666;
  border: 1px solid #C4D1DD !important;
  border-radius: 10px !important;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Titre Page
--------------------------------------------------------------*/
.title-page .content-title {
  display: block;
  max-width: 800px;
  margin: 0 auto;
}
.title-page .content-title h1 {
  display: block;
  text-align: center;
  font-size: 36px;
  line-height: 54px;
}
@media only screen and (max-width: 768px) {
  .title-page .content-title h1 {
    font-size: 26px;
    line-height: 38px;
  }
}
.title-page .content-title .accroche {
  display: block;
  text-align: center;
  font-family: "lora", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 42px;
}
@media only screen and (max-width: 768px) {
  .title-page .content-title .accroche {
    font-size: 22px;
    line-height: 36px;
  }
}
.title-page .content-title p {
  display: block;
  margin: 20px auto;
}

.page-id-2061 .title-article {
  padding-bottom: 0;
}

.page-id-2061 .content-article {
  padding-top: 0;
}

/*--------------------------------------------------------------
# Accueil
--------------------------------------------------------------*/
.home main .slider_home {
  padding: 0;
}
.home main .slider_home .container.slider-home {
  position: relative;
  max-width: 100%;
  width: 100%;
  height: 45em;
  padding: 0;
  overflow: hidden;
  --position: 50%;
  -webkit-box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2);
}
@media (max-width: 768px) {
  .home main .slider_home .container.slider-home {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.home main .slider_home .image-container {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: var(--aspect-ratio, 3.07/1);
  overflow: hidden;
}
.home main .slider_home .slider-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left;
  object-position: left;
}
.home main .slider_home .image-after {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.home main .slider_home .image-before {
  position: absolute;
  inset: 0;
  width: 100%;
  z-index: 2;
  clip-path: inset(0 calc(100% - var(--position)) 0 0);
}
.home main .slider_home .slider {
  position: absolute;
  inset: 0;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.home main .slider_home .slider:focus-visible ~ .slider-button {
  outline: 5px solid black;
  outline-offset: 3px;
}
.home main .slider_home .slider-line {
  position: absolute;
  inset: 0;
  width: 0.1rem;
  height: 100%;
  background-color: #fff;
  left: var(--position);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 3;
}
.home main .slider_home .slider-button {
  position: absolute;
  background-color: transparent;
  color: black;
  padding: 0.5rem;
  border-radius: 100vw;
  display: -ms-grid;
  display: grid;
  place-items: center;
  top: 35%;
  left: var(--position);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 4rem;
  height: 4rem;
  z-index: 3;
}
.home main .slider_home .slider-button svg path:first-child {
  stroke: white;
  fill: #f39325;
}
@media only screen and (max-width: 768px) {
  .home main .slider_home .slider-button {
    top: 50%;
  }
}
.home main .slider_home .buttons {
  position: absolute;
  top: calc(100% - 6vh);
  left: 10px;
  z-index: 1;
}
@media (max-width: 768px) {
  .home main .slider_home .buttons {
    position: absolute;
    top: calc(100% - 16vh);
    left: 10px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.home main .slider_home .buttons label {
  padding: 0.5rem 1rem;
  background-color: #0a192f;
  color: white;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 1px solid #fff;
}
.home main .slider_home h1 {
  position: absolute;
  top: 50%;
  width: 60%;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 2 !important;
  text-align: center;
  font-size: 45px;
  line-height: 55px;
  color: white;
  text-shadow: rgba(0, 0, 0, 0.5) 0 4px;
}
@media only screen and (max-width: 768px) {
  .home main .slider_home h1 {
    top: 60%;
  }
}
.home main .slider_home .hp-op {
  position: absolute;
  bottom: 60px !important;
  right: 40px;
  z-index: 10 !important;
}
@media only screen and (max-width: 768px) {
  .home main .slider_home .hp-op {
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}
.home main .slider_home .legende-photo {
  font-style: italic;
  color: white;
  text-shadow: rgba(0, 64, 123, 0.8) 0px 3px;
  position: absolute;
  bottom: 0px;
  left: 10px;
  z-index: 9;
}
.home main .slider_home .before {
  position: absolute;
  top: 25%;
  left: 200px;
  z-index: 3;
}
.home main .slider_home .before .before-title {
  width: max-content;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 0px 0px;
  background-color: #E5104C;
  color: white;
  font-family: Arial;
  font-weight: bold;
  font-style: italic;
  line-height: 12px;
  padding: 10px;
  border-radius: 5px;
}
.home main .slider_home .before .st-before {
  font-family: Arial;
  font-style: italic;
  font-size: 24px;
  color: white;
  text-align: left;
  line-height: 1.2;
  text-shadow: rgba(0, 64, 123, 0.8) 0px 3px;
}
.home main .slider_home .before .st-before:after {
  content: url("/wp-content/themes/fti/images/arrow-bv.svg");
  zoom: 0.8;
  position: absolute;
  bottom: -25px;
  left: 130px;
}
.home main .slider_home .after {
  position: absolute;
  top: 25%;
  right: 200px;
  max-width: 200px;
  z-index: 3;
}
.home main .slider_home .after .after-title {
  width: max-content;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 0px 0px;
  background-color: #E5104C;
  color: white;
  font-family: Arial;
  font-weight: bold;
  font-style: italic;
  line-height: 12px;
  padding: 10px;
  border-radius: 5px;
  margin: auto 0 0 auto;
}
.home main .slider_home .after .st-after {
  font-family: Arial;
  font-style: italic;
  font-size: 24px;
  color: white;
  text-align: right;
  line-height: 1.2;
  text-shadow: rgba(0, 64, 123, 0.8) 0px 3px;
}
.home main .slider_home .after .st-after::after {
  content: url("/wp-content/themes/fti/images/arrow-lf.svg");
  zoom: 0.8;
  position: absolute;
  bottom: 25px;
  right: 200px;
}
.home main .slider_home .hide {
  display: none;
}
@media (max-width: 768px) {
  .home main .slider_home h1 {
    font-size: 21px !important;
    line-height: 32px !important;
    width: 75% !important;
  }
  .home main .slider_home .before {
    top: 10% !important;
    left: 20px !important;
    max-width: 100px;
  }
  .home main .slider_home .st-before {
    font-size: 16px !important;
  }
  .home main .slider_home .st-before:after {
    zoom: 0.6 !important;
    position: absolute !important;
    bottom: -65px !important;
    left: 40px !important;
    transform: rotate(17deg) !important;
  }
  .home main .slider_home .after {
    top: 13% !important;
    right: 20px !important;
    max-width: 100px;
  }
  .home main .slider_home .st-after {
    font-size: 16px !important;
  }
  .home main .slider_home .st-after:after {
    zoom: 0.6 !important;
    position: absolute !important;
    bottom: -65px !important;
    right: 40px !important;
    transform: rotate(-7deg) !important;
  }
}
.home main .actualites {
  background: url("/wp-content/themes/fti/images/bkg-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 50px;
}
@media only screen and (max-width: 768px) {
  .home main .actualites {
    background-size: 280% !important;
    background-position-x: 15% !important;
    background-position-y: 24% !important;
  }
}
@media only screen and (max-width: 768px) {
  .home main .actualites .container {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }
}
.home main .actualites h2 {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .home main .actualites h2 {
    font-size: 26px;
    padding-right: 1.5rem;
    width: 90%;
    margin: 0 auto 24px;
  }
}
.home main .actualites .list_actus ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .home main .actualites .list_actus ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px !important;
    margin-right: 0 !important;
  }
}
.home main .actualites .list_actus ul li.item-actu {
  position: relative;
  border-radius: 25px;
  width: 100%;
  max-width: 300px;
  min-height: 490px;
  margin: 0 auto;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: white;
  transition: 0.2s;
}
@media only screen and (max-width: 768px) {
  .home main .actualites .list_actus ul li.item-actu {
    width: 300px !important;
    min-height: 550px;
  }
}
.home main .actualites .list_actus ul li.item-actu:hover, .home main .actualites .list_actus ul li.item-actu:focus {
  box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px;
}
.home main .actualites .list_actus ul li.item-actu .post-thumbnail img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 25px 25px 0 0;
}
.home main .actualites .list_actus ul li.item-actu .post_categorie {
  position: absolute;
  top: 15px;
  right: 15px;
}
.home main .actualites .list_actus ul li.item-actu .post_categorie ul {
  display: block;
}
.home main .actualites .list_actus ul li.item-actu .post_categorie ul li a {
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  border-radius: 25px;
}
.home main .actualites .list_actus ul li.item-actu .post_categorie.eclairage ul li a {
  background: #735aa2;
}
.home main .actualites .list_actus ul li.item-actu .post_categorie.evenements ul li a {
  background: #022552;
}
.home main .actualites .list_actus ul li.item-actu .post_categorie.projets ul li a {
  background: #E42312;
}
.home main .actualites .list_actus ul li.item-actu .post_meta {
  padding: 15px;
}
@media only screen and (max-width: 768px) {
  .home main .actualites .list_actus ul li.item-actu .post_meta h4 {
    font-size: 16px;
  }
}
.home main .actualites .list_actus ul li.item-actu .post_meta h4 {
  font-weight: 500;
  margin: 0;
}
.home main .actualites .list_actus ul li.item-actu .post_meta p {
  font-family: "gothambook";
}
@media only screen and (max-width: 768px) {
  .home main .actualites .list_actus ul li.item-actu .post_meta p {
    font-size: 16px;
  }
}
.home main .actualites .list_actus ul li.item-actu:last-child {
  margin-right: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .home main .actualites .list_actus ul li.item-actu:last-child {
    margin: 0 auto;
  }
}
.home main .actualites .btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-top: 60px;
  margin-bottom: 70px;
}
@media only screen and (max-width: 768px) {
  .home main .actualites .btns {
    flex-direction: column-reverse;
    margin-bottom: 20px !important;
    gap: 20px !important;
  }
}
.home main .actualites .btns .btn-linkedin {
  display: flex !important;
  align-items: center !important;
  width: fit-content;
  background: #00407B !important;
  padding: 8px 15px !important;
  border-radius: 25px !important;
  font-family: "gothamblack" !important;
  color: white !important;
  transition: 0.2s;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1.5px;
}
.home main .actualites .btns .btn-linkedin img {
  width: 30px;
  margin-right: 8px;
}
.home main .actualites .btns .btn-linkedin:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/wp-content/themes/fti/images/picto-nvonglet.svg);
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  margin-left: 4px;
}
.home main .actualites .btns .btn-linkedin:hover, .home main .actualites .btns .btn-linkedin:focus {
  background: #022552 !important;
}
.home main .chiffres_cles {
  display: block;
  background-color: #00407B !important;
  background-image: url("/wp-content/themes/fti/images/bkg-jaune-2.svg");
  background-repeat: no-repeat;
  background-size: 400px;
  background-position: bottom right;
}
@media only screen and (max-width: 768px) {
  .home main .chiffres_cles {
    background-image: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .home main .chiffres_cles .container {
    width: 100% !important;
    padding: 0 !important;
  }
}
.home main .chiffres_cles .container .chiffres {
  padding: 0px 50px;
}
@media only screen and (max-width: 768px) {
  .home main .chiffres_cles .container .chiffres {
    padding: 0px !important;
  }
}
.home main .chiffres_cles .container .chiffres ul {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 50px;
}
@media only screen and (max-width: 768px) {
  .home main .chiffres_cles .container .chiffres ul {
    flex-wrap: wrap;
    row-gap: 20px !important;
  }
}
.home main .chiffres_cles .container .chiffres ul li.item-chiffre {
  display: block;
  width: 350px;
  background: white;
  padding: 40px 25px;
  border-radius: 20px;
  border-top: 8px solid #C45E00;
  text-align: center;
  font-family: "lora", serif;
  font-weight: 700;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  .home main .chiffres_cles .container .chiffres ul li.item-chiffre {
    min-width: 250px;
    max-width: 90%;
    width: 100%;
  }
}
.home main .chiffres_cles .container .chiffres ul li.item-chiffre span {
  font-size: 60px;
  line-height: 60px;
}
.home main .chiffres_cles .container .chiffres ul li.item-chiffre p {
  margin: 0px;
  font-size: 18px;
}
.home main .map {
  position: relative;
  padding: 0px;
}
@media only screen and (max-width: 768px) {
  .home main .map {
    z-index: 0;
  }
}
.home main .map .map-projets {
  display: flex;
  height: fit-content;
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets {
    display: block;
  }
}
.home main .map .map-projets .title-map {
  position: absolute;
  z-index: 1000 !important;
  display: block;
  width: 400px;
  border-radius: 0px 0px 20px 0px;
  background: white;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets .title-map {
    position: initial !important;
    width: 100% !important;
    box-shadow: none !important;
    margin: 40px 0;
  }
}
.home main .map .map-projets .title-map .content-title {
  display: block;
  position: relative;
  max-width: 350px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
}
.home main .map .map-projets .title-map .content-title:after {
  content: "";
  position: absolute;
  top: 80px;
  right: -110px;
  transform: rotate(25deg);
  width: 150px;
  height: 80px;
  background: url("/wp-content/themes/fti/images/arrow-bv.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets .title-map .content-title:after {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets .title-map .content-title h2 {
    text-align: center;
    font-size: 26px;
    margin-bottom: 1rem !important;
  }
}
.home main .map .map-projets .title-map .content-title p {
  font-size: 13px;
  margin-top: 0 !important;
}
.home main .map .map-projets #map {
  height: 840px;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets #map {
    height: 560px;
  }
}
.home main .map .map-projets #map .gm-style .gmnoprint,
.home main .map .map-projets #map .gm-style .gm-fullscreen-control {
  display: none;
}
.home main .map .map-projets #map .leaflet-control-attribution {
  display: initial !important;
}
.home main .map .map-projets #map2 {
  height: 150px;
  width: 300px;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets #map2 {
    height: 100px;
    width: 200px;
    border-radius: 20px 0 0 0 !important;
  }
}
.home main .map .map-projets #map2 .leaflet-control-attribution {
  display: none !important;
}
.home main .map .map-projets .mapmobile {
  height: 100%;
  width: 75%;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets .mapmobile {
    width: 100%;
  }
}
.home main .map .map-projets .card-listing-projets {
  height: 840px;
  width: 25%;
  overflow-y: auto;
  position: relative;
  max-width: 25%;
  padding: 0 16px;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets .card-listing-projets {
    height: 100%;
    width: 100%;
    max-width: 100% !important;
    right: initial !important;
  }
}
.home main .map .map-projets .card-listing-projets .filter-form {
  text-align: center;
}
.home main .map .map-projets .card-listing-projets .filter-form select {
  width: 100%;
  height: 35px;
  background: transparent;
  border-color: #00407B;
  border-radius: 10px;
  outline: none;
  padding: 5px 15px;
  margin-bottom: 10px;
}
.home main .map .map-projets .card-listing-projets .filter-form select:focus-visible {
  outline: 2px solid #005fcc;
}
.home main .map .map-projets .card-listing-projets .filter-form .map-reset-filters {
  margin-top: 4px;
}
.home main .map .map-projets .card-listing-projets .list-projets {
  display: block;
  height: 80%;
  overflow: auto;
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets .card-listing-projets .list-projets {
    max-width: 90%;
    margin: 0 auto;
    height: auto;
  }
}
.home main .map .map-projets .card-listing-projets .list-projets .highlight {
  background-color: #00407B;
  color: white;
  transition: background-color 0.2s ease-in-out;
}
.home main .map .map-projets .card-listing-projets .list-projets .highlight .content-p a.cta-projet,
.home main .map .map-projets .card-listing-projets .list-projets .highlight .content-p a.cta-projet:hover,
.home main .map .map-projets .card-listing-projets .list-projets .highlight .content-p a.cta-projet:focus,
.home main .map .map-projets .card-listing-projets .list-projets .highlight .content-p a.cta-projet:focus-visible,
.home main .map .map-projets .card-listing-projets .list-projets .highlight .content-p a.cta-projet:active {
  color: white;
}
.home main .map .map-projets .card-listing-projets .list-projets .highlight .content-p .cta-projet p {
  color: white;
}
.home main .map .map-projets .card-listing-projets .list-projets .highlight .content-p .cta-projet:focus p,
.home main .map .map-projets .card-listing-projets .list-projets .highlight .content-p .cta-projet:focus-visible p {
  color: white;
  text-decoration: underline;
  font-weight: bold;
}
.home main .map .map-projets .card-listing-projets .list-projets .highlight .content-p .loc-projet {
  color: white;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet {
  transition: box-shadow 0.2s ease-in-out;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 25px;
  max-height: 110px;
  margin: 20px 5px;
  border-radius: 20px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet:hover, .home main .map .map-projets .card-listing-projets .list-projets .projet:focus {
  box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet .img-p {
  width: 35%;
  height: 110px;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet .img-p img {
  width: 150px;
  height: 110px;
  object-fit: cover;
  border-radius: 20px 0 0 20px;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet .img-p .livr-m,
.home main .map .map-projets .card-listing-projets .list-projets .projet .img-p .dev-m,
.home main .map .map-projets .card-listing-projets .list-projets .projet .img-p .mont-m,
.home main .map .map-projets .card-listing-projets .list-projets .projet .img-p .chant-m {
  display: none;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet .content-p {
  width: 65%;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet .content-p .cta-projet {
  display: flex;
  gap: 10px;
  align-items: start;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet .content-p .cta-projet p {
  margin: 0px;
  font-family: "gothambook";
  font-size: 14px;
  font-weight: normal;
  position: relative;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet .content-p .cta-projet:focus p {
  text-decoration: underline;
  font-weight: bold !important;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet .content-p .loc-projet {
  margin: 0;
  padding-left: 26px;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet .content-p:not(:has(.cta-projet img)) .loc-projet {
  padding-left: 0;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet .content-p h4, .home main .map .map-projets .card-listing-projets .list-projets .projet .content-p p {
  margin: 0px;
  font-family: "gothambook";
  font-size: 14px;
  font-weight: normal;
  position: relative;
}
.home main .map .map-projets .card-listing-projets .list-projets .projet .content-p .btn-white, .home main .map .map-projets .card-listing-projets .list-projets .projet .content-p .btn-orange-outline {
  display: none;
}
.home main .map .map-projets .card-listing-projets .list-projets .selected {
  background-color: #00407B;
  color: #FFF;
}
.home main .map .map-projets .card-listing-projets .list-projets .selected:hover a, .home main .map .map-projets .card-listing-projets .list-projets .selected:focus a {
  color: white;
}
.home main .map .map-projets .card-listing-projets.show {
  display: block;
}
.home main .map .map-projets #btnFilterList {
  display: none;
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets #btnFilterList {
    display: block !important;
    position: absolute;
    top: 0;
    background-color: white;
    right: 0;
    font-size: 18px;
    font-family: "gothamblack";
    padding: 0 10px;
    margin: 0;
    z-index: 1000;
  }
}
.home main .map .map-projets #btnFilterList:after {
  content: "";
  background-image: url(/wp-content/themes/fti/images/underline-wave.svg);
  background-size: 100%;
  display: block;
  width: 53px;
  height: 20px;
  background-repeat: no-repeat;
  position: relative;
  top: -2px;
}
.home main .map .map-projets #btnFilterList p {
  margin: 10px 0 0 0;
}
.home main .map .map-projets .map-legend {
  top: 53% !important;
}
.home main .map .map-projets .map-legend h3 {
  margin: 4px auto 16px;
  font-size: 16px;
  text-align: center;
}
.home main .map .map-projets .map-legend ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}
.home main .map .map-projets .map-legend ul li {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}
.home main .map .map-projets .map-legend ul li img {
  width: 15px;
}
.home main .map .map-projets .map-legend .close-legend {
  background: none;
  border: none;
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.home main .map .map-projets .map-legend .close-legend img {
  width: 32px;
}
.home main .map .map-projets .map-legend.closed {
  left: -270px !important;
}
.home main .map .map-projets .zoom-drom-com {
  position: absolute;
  z-index: 1000;
  left: 80px;
  bottom: 30px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
  border-radius: 20px 20px 0 0;
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets .zoom-drom-com {
    right: 0px;
    left: auto !important;
    border-radius: 20px 0 0 20px !important;
  }
}
.home main .map .map-projets .zoom-drom-com .title-drom-com {
  height: 50px;
  background-color: #FFF;
  border-radius: 0 0 20px 20px;
  font-family: "gothamblack";
  font-size: 18px;
  cursor: pointer;
  pointer-events: auto;
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets .zoom-drom-com .title-drom-com {
    border-radius: 0 0 0 20px;
  }
}
.home main .map .map-projets .zoom-drom-com .title-drom-com p {
  margin: 0;
  line-height: 50px;
  text-align: center;
}
.home main .map .map-projets .zoom-drom-com {
  position: absolute;
  left: 80px;
  bottom: 30px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
  border-radius: 20px 20px 0 0;
}
.home main .map .map-projets .zoom-drom-com .title-drom-com {
  height: 50px;
  background-color: #FFF;
  border-radius: 0 0 20px 20px;
  font-family: "gothamblack";
  font-size: 18px;
  cursor: pointer;
  pointer-events: auto;
}
.home main .map .map-projets .zoom-drom-com .title-drom-com p {
  margin: 0;
  line-height: 50px;
  text-align: center;
}
.home main .map .map-projets .filter-form-mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .home main .map .map-projets .filter-form-mobile {
    display: block;
    background-color: #00407B;
    padding: 0 !important;
  }
}
.home main .map .map-projets .filter-form-mobile .btn-filter {
  display: block !important;
  font-size: 18px;
  font-family: "gothamblack";
  padding: 0 10px;
  margin: 0;
  text-align: center;
}
.home main .map .map-projets .filter-form-mobile .btn-filter:after {
  content: "";
  background-image: url(/wp-content/themes/fti/images/underline-wave.svg);
  background-size: 100%;
  background-position: center;
  display: block;
  width: 53px;
  height: 20px;
  background-repeat: no-repeat;
  position: relative;
  top: -6px;
  left: 50%;
  transform: translateX(-53%);
}
.home main .map .map-projets .filter-form-mobile .btn-filter p {
  margin: 10px 0 0 0;
  padding: 8px 0 0 0;
  color: white;
}
.home main .map .map-projets .filter-form-mobile .filters-popup {
  position: fixed !important;
  top: 0;
  left: 0;
  background-color: rgba(0, 64, 123, 0.9);
  z-index: 10000 !important;
  height: 100vh;
  width: 100%;
}
.home main .map .map-projets .filter-form-mobile .filters-popup .header-popup {
  background-color: #00407B;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 60px;
}
.home main .map .map-projets .filter-form-mobile .filters-popup .header-popup p {
  text-align: center;
  font-size: 18px;
  font-family: "gothamblack";
  color: white;
  position: relative;
  top: 8px;
}
.home main .map .map-projets .filter-form-mobile .filters-popup .header-popup p:after {
  content: "";
  background-image: url(/wp-content/themes/fti/images/underline-wave.svg);
  background-size: 100%;
  background-position: center;
  display: block;
  width: 53px;
  height: 20px;
  background-repeat: no-repeat;
  position: relative;
  top: -6px;
  left: 50%;
  transform: translateX(-53%);
}
.home main .map .map-projets .filter-form-mobile .filters-popup .header-popup #closePopup {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.home main .map .map-projets .filter-form-mobile .filters-popup .close-popup {
  position: absolute;
  bottom: calc(10% + 30px);
  left: 50%;
  transform: translateX(-50%);
  width: 224px;
}
.home main .map .map-projets .filter-form-mobile .filters-popup select {
  height: 48px;
  border-radius: 10px;
  width: 350px;
  display: block;
  padding: 10px;
  font-family: "gothambook";
  font-size: 16px;
}
.home main .map .map-projets .filter-form-mobile .filters-popup #regionFilter {
  margin: 10px auto 0;
}
.home main .map .map-projets .filter-form-mobile .filters-popup #avancementFilter {
  margin: 30px auto 0;
}
.home main .map .map-projets .filter-form-mobile .disabled {
  display: none;
}
.home main .citation {
  background: #008c78;
  padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .home main .citation {
    padding-top: 100px;
  }
}
.home main .citation .container {
  display: flex;
  gap: 60px;
}
@media only screen and (max-width: 768px) {
  .home main .citation .container {
    flex-direction: column;
    gap: 0px !important;
    padding: 0 1rem !important;
  }
}
.home main .citation .container .citation-content {
  display: block;
  text-align: right;
  color: white;
}
@media only screen and (max-width: 768px) {
  .home main .citation .container .citation-content {
    text-align: left !important;
  }
}
.home main .citation .container .citation-content .citation-text {
  position: relative;
}
.home main .citation .container .citation-content .citation-text q:before {
  content: "";
  display: block;
  width: 50px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/guillemet.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0px;
  top: 0px;
}
@media only screen and (max-width: 768px) {
  .home main .citation .container .citation-content .citation-text q:before {
    top: -30px !important;
  }
}
.home main .citation .container .citation-content .citation-text q:after {
  content: "";
  display: block;
  width: 50px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/guillemet-2.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: -70px;
  top: 80px;
}
@media only screen and (max-width: 768px) {
  .home main .citation .container .citation-content .citation-text q:after {
    right: -10px !important;
    top: 410px !important;
  }
}
.home main .citation .container .citation-content .citation-text p {
  font-family: "lora", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 40px;
}
@media only screen and (max-width: 768px) {
  .home main .citation .container .citation-content .citation-text p {
    font-size: 24px !important;
    line-height: 42px !important;
  }
}
.home main .citation .container .citation-content .nom,
.home main .citation .container .citation-content .poste {
  margin: 0;
  font-size: 16px;
  line-height: 30px;
}
.home main .citation .container .citation-content .nom {
  font-family: "gothamblack";
}
.home main .citation .container .citation-content .btn-orange {
  display: flex;
  align-items: center;
  width: fit-content;
  background: white !important;
  color: #00407B !important;
  padding: 8px 15px !important;
  border: solid 1px #00407B !important;
  border-radius: 25px !important;
  font-family: "gothamblack" !important;
  text-shadow: none;
  transition: 0.2s;
  text-decoration: none;
}
.home main .citation .container .citation-content .btn-orange:not(.is-external-link)::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/fleche-bleue.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  margin-left: 15px;
  flex-shrink: 0;
  border: 1px solid #00407B;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.25) inset;
  border-radius: 25px;
}
.home main .citation .container .citation-content .btn-orange:hover, .home main .citation .container .citation-content .btn-orange:focus, .home main .citation .container .citation-content .btn-orange:focus-visible {
  background-color: #022552 !important;
  border-color: #022552 !important;
  color: white !important;
}
.home main .citation .container .citation-content .btn-orange:hover:not(.is-external-link)::after, .home main .citation .container .citation-content .btn-orange:focus:not(.is-external-link)::after, .home main .citation .container .citation-content .btn-orange:focus-visible:not(.is-external-link)::after {
  background: url("/wp-content/themes/fti/images/fleche.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  border-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.25) inset;
}
.home main .citation .container .citation-content .btn-orange {
  margin: 30px 0 40px auto;
}
@media only screen and (max-width: 768px) {
  .home main .citation .container .citation-content .btn-orange {
    margin: 30px auto 40px !important;
  }
}
.home main .citation .container .citation-img {
  display: flex;
  align-items: end;
  width: 500px;
}
@media only screen and (max-width: 768px) {
  .home main .citation .container .citation-img {
    width: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  .home main .citation .container .citation-img img {
    width: 225px !important;
    margin: 0 auto;
  }
}
.home main .bloc-cta-page {
  padding: 120px 0 !important;
  background: url("/wp-content/themes/fti/images/bkg-vert.svg");
  background-repeat: no-repeat;
  background-size: 350px;
  background-position-y: 0;
}
@media only screen and (max-width: 768px) {
  .home main .bloc-cta-page {
    padding: 60px 0 !important;
    background: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .home main .bloc-cta-page .container {
    padding: 0 1rem !important;
  }
}
.home main .bloc-cta-page .container .content-bloc {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media only screen and (max-width: 768px) {
  .home main .bloc-cta-page .container .content-bloc {
    flex-direction: column !important;
    gap: 0 !important;
  }
}
.home main .bloc-cta-page .container .content-bloc h3 {
  font-size: 22px;
}
.home main .bloc-cta-page .container .content-bloc .btn-orange {
  margin: 30px 0 40px auto;
}
@media only screen and (max-width: 768px) {
  .home main .bloc-cta-page .container .content-bloc .btn-orange {
    position: relative;
    margin: 30px auto 40px !important;
    width: 100%;
    justify-content: center;
    padding: 15px !important;
  }
}
@media only screen and (max-width: 768px) {
  .home main .bloc-cta-page .container .content-bloc .btn-orange:after {
    position: absolute;
    right: 15px;
  }
}

.underlined {
  position: relative;
  text-decoration: none;
  background: linear-gradient(180deg, transparent 12%, rgba(243, 147, 37, 0.4) 22%, rgba(243, 147, 37, 0.4) 88%, transparent 97%);
  padding: 0.06em 0.15em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.underlined::after {
  content: none;
  display: none;
}

.underlinedtext {
  position: relative;
  text-decoration: none;
  background: linear-gradient(180deg, transparent 12%, rgba(243, 147, 37, 0.35) 22%, rgba(243, 147, 37, 0.35) 88%, transparent 97%);
  padding: 0.06em 0.15em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.underlinedtext::after {
  content: none;
  display: none;
}

/*--------------------------------------------------------------
# Notre Vision
--------------------------------------------------------------*/
.page-template-template-notre-vision .content_vision {
  background: #008c78;
}
.page-template-template-notre-vision .content_vision .items_vision {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-vision .content_vision .items_vision {
    flex-direction: column;
  }
}
.page-template-template-notre-vision .content_vision .items_vision .card_vision {
  display: block;
  padding: 20px;
  background: white;
  width: 32%;
  border-radius: 20px;
  text-align: center;
  transition: 0.2s;
}
.page-template-template-notre-vision .content_vision .items_vision .card_vision:hover {
  box-shadow: rgba(0, 0, 0, 0.6) 0px 8px 24px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-vision .content_vision .items_vision .card_vision {
    width: 100%;
  }
}
.page-template-template-notre-vision .content_vision .items_vision .card_vision:last-child {
  width: 100% !important;
}
.page-template-template-notre-vision .content_vision .items_vision .card_vision:last-child p {
  text-align: center;
}
.page-template-template-notre-vision .content_vision .items_vision .card_vision img {
  max-height: 100px;
}
.page-template-template-notre-vision .content_vision .items_vision .card_vision h3 {
  font-weight: normal;
  color: #006B5C;
}
.page-template-template-notre-vision .content_vision .items_vision .card_vision p {
  text-align: left;
}
.page-template-template-notre-vision .content_vision .citation_vision {
  margin-top: 50px;
}
.page-template-template-notre-vision .content_vision .citation_vision .citation {
  position: relative;
  display: block;
  text-align: center;
  margin: 0 auto;
  max-width: 70%;
  color: white;
  font-family: "lora", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 25px;
  line-height: 38px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-vision .content_vision .citation_vision .citation {
    max-width: 80%;
    font-size: 20px;
    line-height: 30px;
  }
}
.page-template-template-notre-vision .content_vision .citation_vision .citation strong {
  color: #ffffff;
  position: relative;
}
.page-template-template-notre-vision .content_vision .citation_vision .citation strong:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  height: 6px;
  background-color: #F39325;
  z-index: -1;
  border-radius: 50px;
}
.page-template-template-notre-vision .content_vision .citation_vision .citation q:before {
  content: "";
  display: block;
  width: 50px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/guillemet.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: -60px;
  top: -25px;
}
.page-template-template-notre-vision .content_vision .citation_vision .citation q:after {
  content: "";
  display: block;
  width: 50px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/guillemet-2.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: -70px;
  bottom: 10px;
}

/*--------------------------------------------------------------
# Expertise
--------------------------------------------------------------*/
.page-template-template-notre-expertise main h3 {
  color: #006B5C;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main h3 {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .title-page {
    padding-bottom: 0;
  }
}
.page-template-template-notre-expertise main .title-page .content-title {
  width: 65%;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .title-page .content-title {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .intervention {
    padding-top: 0;
  }
}
.page-template-template-notre-expertise main .intervention .content_intervention {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 50px;
  width: 100%;
  margin: 0 auto 50px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .intervention .content_intervention {
    flex-direction: column;
  }
}
.page-template-template-notre-expertise main .intervention .content_intervention img {
  max-width: 400px;
  border-radius: 20px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .intervention .content_intervention img {
    width: 100%;
  }
}
.page-template-template-notre-expertise main .intervention .content_cibles {
  display: block;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .intervention .content_cibles {
    width: 100%;
    padding: 0;
  }
}
.page-template-template-notre-expertise main .intervention .content_cibles ul {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  width: 70%;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .intervention .content_cibles ul {
    width: 90%;
  }
}
.page-template-template-notre-expertise main .intervention .content_cibles ul li {
  display: flex;
  width: 48%;
  text-align: left;
  border-bottom: 1px solid;
  font-family: "gothamblack";
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .intervention .content_cibles ul li {
    width: 100%;
  }
}
.page-template-template-notre-expertise main .intervention .content_cibles ul li:before {
  content: "";
  display: block;
  width: 45px;
  height: 25px;
  background: url("/wp-content/themes/fti/images/check.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
}
.page-template-template-notre-expertise main .mode_operatoire {
  background: #008c78;
  color: white;
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire {
    width: 90%;
    margin: 0 auto;
  }
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire h2 {
  text-align: center;
  position: relative;
  z-index: 10;
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul {
  display: flex;
  gap: 30px;
  padding: 0 5%;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul {
    flex-direction: column;
  }
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 2px;
  background: #F39325;
  top: 105px;
  left: 0px;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul:before {
    display: none;
  }
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li {
  position: relative;
  width: 15%;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li {
    display: flex;
    gap: 25px;
    width: 100%;
  }
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li p {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li p {
    text-align: left;
    width: 60%;
  }
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-1:before {
  content: "";
  display: block;
  width: 110px;
  height: 110px;
  background-color: #008c78 !important;
  background: url("/wp-content/themes/fti/images/etape-1.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  background-size: 60px;
  margin: 0 auto;
  border: 2px solid #C45E00;
  border-radius: 50%;
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-1:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/etape-1-1.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
  position: absolute;
  top: 80px;
  right: 55px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-1:after {
    right: 0px;
    left: 80px;
  }
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-2:before {
  content: "";
  display: block;
  width: 110px;
  height: 110px;
  background-color: #008c78 !important;
  background: url("/wp-content/themes/fti/images/etape-2.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  background-size: 60px;
  margin: 0 auto;
  border: 2px solid #C45E00;
  border-radius: 50%;
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-2:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/etape-2-2.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
  position: absolute;
  top: 80px;
  right: 55px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-2:after {
    right: 0px;
    left: 80px;
  }
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-3:before {
  content: "";
  display: block;
  width: 110px;
  height: 110px;
  background-color: #008c78 !important;
  background: url("/wp-content/themes/fti/images/etape-3.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  background-size: 60px;
  margin: 0 auto;
  border: 2px solid #C45E00;
  border-radius: 50%;
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-3:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/etape-3-3.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
  position: absolute;
  top: 80px;
  right: 55px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-3:after {
    right: 0px;
    left: 80px;
  }
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-4:before {
  content: "";
  display: block;
  width: 110px;
  height: 110px;
  background-color: #008c78 !important;
  background: url("/wp-content/themes/fti/images/etape-4.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  background-size: 60px;
  margin: 0 auto;
  border: 2px solid #C45E00;
  border-radius: 50%;
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-4:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/etape-4-4.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
  position: absolute;
  top: 80px;
  right: 55px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-4:after {
    right: 0px;
    left: 80px;
  }
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-5:before {
  content: "";
  display: block;
  width: 110px;
  height: 110px;
  background-color: #008c78 !important;
  background: url("/wp-content/themes/fti/images/etape-5.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  background-size: 60px;
  margin: 0 auto;
  border: 2px solid #C45E00;
  border-radius: 50%;
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-5:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/etape-5-5.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
  position: absolute;
  top: 80px;
  right: 55px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-5:after {
    right: 0px;
    left: 80px;
  }
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-6:before {
  content: "";
  display: block;
  width: 110px;
  height: 110px;
  background-color: #008c78 !important;
  background: url("/wp-content/themes/fti/images/etape-6.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  background-size: 60px;
  margin: 0 auto;
  border: 2px solid #C45E00;
  border-radius: 50%;
}
.page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-6:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/etape-6-6.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
  position: absolute;
  top: 80px;
  right: 55px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .mode_operatoire .content_mode_operatoire ul li.etape-6:after {
    right: 0px;
    left: 80px;
  }
}
.page-template-template-notre-expertise main .qualification {
  background: url("/wp-content/themes/fti/images/bkg-jaune.svg");
  background-color: rgba(0, 0, 0, 0);
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: 350px;
  background-position-y: 0;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .qualification {
    background: none;
  }
}
.page-template-template-notre-expertise main .qualification .container {
  width: 700px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .qualification .container {
    width: 100%;
  }
}
.page-template-template-notre-expertise main .criteres {
  background: #00407B;
}
.page-template-template-notre-expertise main .criteres h2 {
  text-align: center;
  color: white;
  position: relative;
  z-index: 10;
}
.page-template-template-notre-expertise main .criteres .container {
  max-width: 1300px;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .criteres .container {
    overflow-x: scroll;
    margin-right: 0;
  }
}
.page-template-template-notre-expertise main .criteres .content_critere {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .criteres .content_critere {
    display: inline-flex;
  }
}
.page-template-template-notre-expertise main .criteres .content_critere .card {
  display: block;
  background: white;
  padding: 20px;
  width: 20%;
  border-radius: 20px;
  text-align: center;
  transition: 0.2s;
}
.page-template-template-notre-expertise main .criteres .content_critere .card:hover {
  box-shadow: rgba(0, 0, 0, 0.6) 0px 8px 24px;
}
.page-template-template-notre-expertise main .criteres .content_critere .card p:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background: #00407B;
  top: 10px;
  position: relative;
  margin: 0 auto;
}
.page-template-template-notre-expertise main .criteres .content_critere .card p strong {
  font-family: "gothamblack";
}
.page-template-template-notre-expertise main .criteres .content_critere .card p:last-child:after {
  display: none;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .criteres .content_critere .card {
    width: 300px;
  }
}
.page-template-template-notre-expertise main .criteres .content_critere .card ul {
  list-style: disc;
}
.page-template-template-notre-expertise main .criteres .content_critere .card ul li {
  padding: 0;
  font-weight: normal;
}
.page-template-template-notre-expertise main .criteres .content_critere .card ul li:after {
  display: none;
}
.page-template-template-notre-expertise main .criteres .content_critere .card.proximite {
  border-top: 8px solid #E42312;
}
.page-template-template-notre-expertise main .criteres .content_critere .card.proximite h3 {
  color: #E42312;
}
.page-template-template-notre-expertise main .criteres .content_critere .card.immo {
  border-top: 8px solid #C45E00;
}
.page-template-template-notre-expertise main .criteres .content_critere .card.immo h3 {
  color: #00407B;
}
.page-template-template-notre-expertise main .criteres .content_critere .card.projet {
  border-top: 8px solid #E5104C;
}
.page-template-template-notre-expertise main .criteres .content_critere .card.projet h3 {
  color: #E5104C;
}
.page-template-template-notre-expertise main .criteres .content_critere .card.politique {
  border-top: 8px solid #008c78;
}
.page-template-template-notre-expertise main .criteres .content_critere .card.politique h3 {
  color: #006B5C;
}
.page-template-template-notre-expertise main .criteres .content_critere .card.maitrise {
  border-top: 8px solid #735aa2;
  margin-right: 20px;
}
.page-template-template-notre-expertise main .criteres .content_critere .card.maitrise h3 {
  color: #735aa2;
}
.page-template-template-notre-expertise main .ingenierie {
  background: url(/wp-content/themes/fti/images/line-red.svg);
  background-size: 240px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 70%;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .ingenierie {
    background: none;
    padding-bottom: 0px;
  }
}
.page-template-template-notre-expertise main .ingenierie .content_ingenierie {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 50px;
  max-width: 1100px !important;
  margin: 0 auto 25px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .ingenierie .content_ingenierie {
    margin: 0 auto !important;
  }
}
.page-template-template-notre-expertise main .ingenierie .content_ingenierie .ct-imgs {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  width: 50%;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .ingenierie .content_ingenierie .ct-imgs {
    width: 100% !important;
  }
}
.page-template-template-notre-expertise main .ingenierie .content_ingenierie .ct-imgs img:first-child {
  max-width: 420px;
  border-radius: 20px;
}
.page-template-template-notre-expertise main .ingenierie .content_ingenierie .ct-imgs img:last-child {
  max-width: 330px;
  border-radius: 20px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .ingenierie .content_ingenierie .ct-imgs img:last-child {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .ingenierie .content_ingenierie .ct-imgs img {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .ingenierie .content_ingenierie {
    flex-direction: column;
  }
}
.page-template-template-notre-expertise main .ingenierie .content_partenaires {
  display: block;
  text-align: left;
  max-width: 1100px !important;
  width: 100%;
  margin: 0 auto 50px;
}
.page-template-template-notre-expertise main .ingenierie .content_partenaires h3 {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .ingenierie .content_partenaires {
    width: 100%;
  }
}
.page-template-template-notre-expertise main .ingenierie .content_partenaires ul {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .ingenierie .content_partenaires ul {
    flex-direction: column;
    width: 100%;
  }
}
.page-template-template-notre-expertise main .ingenierie .content_partenaires ul li {
  display: flex;
  width: 48%;
  text-align: left;
  border-bottom: 1px solid;
  font-family: "gothamblack";
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .ingenierie .content_partenaires ul li {
    width: 100%;
  }
}
.page-template-template-notre-expertise main .ingenierie .content_partenaires ul li:before {
  content: "";
  display: block;
  width: 45px;
  height: 25px;
  background: url("/wp-content/themes/fti/images/check.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
}
.page-template-template-notre-expertise main .ingenierie .content_environnement {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 50px;
  max-width: 1100px;
  margin: 0 auto 50px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .ingenierie .content_environnement {
    flex-direction: column-reverse;
  }
}
.page-template-template-notre-expertise main .ingenierie .content_environnement img {
  max-width: 400px;
  border-radius: 20px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-expertise main .ingenierie .content_environnement img {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Engagement
--------------------------------------------------------------*/
.page-template-template-nos-engagements main .title-page {
  background: url("/wp-content/themes/fti/images/bkg-trait-jaune.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 350px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-nos-engagements main .title-page {
    background: none;
  }
}
.page-template-template-nos-engagements main .title-page .content-title p {
  text-align: center;
  margin-bottom: 45px;
}
.page-template-template-nos-engagements main .content_page .content_ambitions .items_amibition li {
  margin-bottom: 50px;
  text-align: center;
}
.page-template-template-nos-engagements main .content_page .content_ambitions .items_amibition li.amibition_1 h2 {
  display: block;
  padding: 10px 20px;
  background: #E42312;
  width: fit-content;
  margin: 0 auto;
  color: white;
  border-radius: 25px;
}
.page-template-template-nos-engagements main .content_page .content_ambitions .items_amibition li.amibition_1 h3 {
  font-size: 20px;
  color: #E42312;
}
.page-template-template-nos-engagements main .content_page .content_ambitions .items_amibition li.amibition_2 h2 {
  display: block;
  padding: 10px 20px;
  background: #F39325;
  width: fit-content;
  margin: 0 auto;
  color: white;
  border-radius: 25px;
}
.page-template-template-nos-engagements main .content_page .content_ambitions .items_amibition li.amibition_2 h3 {
  font-size: 20px;
  color: #00407B;
}
.page-template-template-nos-engagements main .content_page .content_ambitions .items_amibition li.amibition_3 h2 {
  display: block;
  padding: 10px 20px;
  background: #735aa2;
  width: fit-content;
  margin: 0 auto;
  color: white;
  border-radius: 25px;
}
.page-template-template-nos-engagements main .content_page .content_ambitions .items_amibition li.amibition_3 h3 {
  font-size: 20px;
  color: #735aa2;
}
.page-template-template-nos-engagements main .content_page .content_ambitions .items_amibition li.amibition_4 h2 {
  display: block;
  padding: 10px 20px;
  background: #008c78;
  width: fit-content;
  margin: 0 auto;
  color: white;
  border-radius: 25px;
}
.page-template-template-nos-engagements main .content_page .content_ambitions .items_amibition li.amibition_4 h3 {
  font-size: 20px;
  color: #006B5C;
}

/*--------------------------------------------------------------
/*--------------------------------------------------------------
# Qui sommes nous
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main {
    overflow-x: hidden;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .title-page {
    padding-bottom: 0;
  }
}
.page-template-template-qui-sommes-nous main .gallerie-projet {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .gallerie-projet {
    padding-top: 0;
  }
}
@media only screen and (min-width: 1210px) {
  .page-template-template-qui-sommes-nous main .gallerie-projet .container {
    max-width: 1200px;
  }
}
.page-template-template-qui-sommes-nous main .gallerie-projet .row-1 {
  display: flex;
  align-items: end;
  gap: 25px;
}
.page-template-template-qui-sommes-nous main .gallerie-projet .row-1 .item-photo {
  width: 100%;
  max-height: 360px;
  object-fit: cover;
  border-radius: 20px;
}
.page-template-template-qui-sommes-nous main .gallerie-projet .row-1 .item-photo:last-child {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .gallerie-projet .row-1 .item-photo.mobile-none {
    display: none;
  }
}
.page-template-template-qui-sommes-nous main .gallerie-projet .row-2 {
  display: flex;
  align-items: start;
  gap: 25px;
  margin-top: 25px;
  margin-left: 150px;
}
.page-template-template-qui-sommes-nous main .gallerie-projet .row-2:after {
  content: "";
  display: block;
  width: 100%;
  height: 270px;
  background: url("/wp-content/themes/fti/images/filles.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: -180px;
  bottom: -70px;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .gallerie-projet .row-2:after {
    display: none;
  }
}
.page-template-template-qui-sommes-nous main .gallerie-projet .row-2 .item-photo {
  width: 100%;
  max-height: 360px;
  object-fit: cover;
  border-radius: 20px;
}
.page-template-template-qui-sommes-nous main .gallerie-projet .row-2 .item-photo:first-child {
  width: 55%;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .gallerie-projet .row-2 .item-photo.mobile-none {
    display: none;
  }
}
.page-template-template-qui-sommes-nous main .gallerie-projet:before {
  content: "";
  display: block;
  width: 100%;
  height: 250px;
  background: url("/wp-content/themes/fti/images/arbre.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  position: absolute;
  right: 25px;
  bottom: 350px;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .gallerie-projet:before {
    display: none;
  }
}
.page-template-template-qui-sommes-nous main .gallerie-projet:after {
  display: none;
}
.page-template-template-qui-sommes-nous main .nos_engagements {
  background: #00407B;
  color: white;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .nos_engagements .container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
  }
}
.page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_title {
  display: block;
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_title {
    width: 90%;
  }
}
.page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_title h2 {
  font-size: 30px;
  position: relative;
  z-index: 10;
}
.page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_title .citation {
  position: relative;
  font-family: "lora", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 40px;
}
.page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_title .citation q:before {
  content: "";
  display: block;
  width: 50px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/guillemet.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: -60px;
  top: -25px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_title .citation q:before {
    left: -30px;
    top: -35px;
  }
}
.page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_title .citation q:before:after {
  content: "";
  display: block;
  width: 50px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/guillemet-2.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: -70px;
  top: 10px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_title .citation q:before:after {
    right: -70px;
    top: 70px;
  }
}
.page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_title p {
  margin-top: 40px;
  text-align: left;
}
.page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_programmme {
  display: block;
  text-align: center;
}
.page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_programmme h3 {
  color: #FFA726;
  font-size: 20px;
}
.page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_programmme ul {
  display: flex;
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_programmme ul {
    flex-direction: column;
  }
}
.page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_programmme ul li {
  border-right: 1px solid;
  font-family: "gothamblack";
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_programmme ul li {
    border-right: 0px;
    margin-bottom: 25px;
  }
}
.page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_programmme ul li:before {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  background: url("/wp-content/themes/fti/images/check.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .nos_engagements .container .content_engagement .content_programmme ul li:before {
    height: 40px;
  }
}
.page-template-template-qui-sommes-nous main .content_text .content_bloc_txt ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 50px;
  margin-bottom: 50px;
  flex-direction: row !important;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .content_text .content_bloc_txt ul li {
    flex-direction: column !important;
  }
}
.page-template-template-qui-sommes-nous main .content_text .content_bloc_txt ul li img {
  max-width: 400px;
  border-radius: 20px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .content_text .content_bloc_txt ul li img {
    max-width: 100%;
  }
}
.page-template-template-qui-sommes-nous main .content_text .content_bloc_txt ul li .title_item h4 {
  font-size: 18px;
  color: #00407B;
  text-align: center;
}
.page-template-template-qui-sommes-nous main .content_text .content_bloc_txt ul li:nth-child(even) {
  flex-direction: row-reverse !important;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .content_text .content_bloc_txt ul li:nth-child(even) {
    flex-direction: column !important;
    text-align: left;
  }
}
.page-template-template-qui-sommes-nous main .valeurs {
  background: #008c78;
  color: white;
}
.page-template-template-qui-sommes-nous main .valeurs .content_valeurs {
  text-align: center;
}
.page-template-template-qui-sommes-nous main .valeurs .content_valeurs h3 {
  font-size: 25px;
  position: relative;
  z-index: 10;
}
.page-template-template-qui-sommes-nous main .valeurs .content_valeurs .items_valeurs {
  display: flex;
  gap: 40px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .valeurs .content_valeurs .items_valeurs {
    flex-direction: column;
  }
}
.page-template-template-qui-sommes-nous main .valeurs .content_valeurs .items_valeurs .bloc {
  display: block;
  width: 33%;
  padding: 20px;
  background: white;
  color: #00407B;
  border-radius: 20px;
  transition: 0.2s;
}
.page-template-template-qui-sommes-nous main .valeurs .content_valeurs .items_valeurs .bloc:hover {
  box-shadow: rgba(0, 0, 0, 0.6) 0px 8px 24px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .valeurs .content_valeurs .items_valeurs .bloc {
    width: 100%;
  }
}
.page-template-template-qui-sommes-nous main .valeurs .content_valeurs .items_valeurs .bloc h4 {
  color: #00407B;
}
.page-template-template-qui-sommes-nous main .valeurs .content_valeurs .items_valeurs .bloc.engagement:before {
  content: "";
  display: block;
  width: 100%;
  height: 110px;
  background: url("/wp-content/themes/fti/images/engagement.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin: 20px 0;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .valeurs .content_valeurs .items_valeurs .bloc.engagement:before {
    height: 80px;
  }
}
.page-template-template-qui-sommes-nous main .valeurs .content_valeurs .items_valeurs .bloc.proximite:before {
  content: "";
  display: block;
  width: 100%;
  height: 110px;
  background: url("/wp-content/themes/fti/images/proximite.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin: 20px 0;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .valeurs .content_valeurs .items_valeurs .bloc.proximite:before {
    height: 80px;
  }
}
.page-template-template-qui-sommes-nous main .valeurs .content_valeurs .items_valeurs .bloc.agilite:before {
  content: "";
  display: block;
  width: 100%;
  height: 110px;
  background: url("/wp-content/themes/fti/images/agilite.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin: 20px 0;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .valeurs .content_valeurs .items_valeurs .bloc.agilite:before {
    height: 80px;
  }
}

/*--------------------------------------------------------------
# Organisation
--------------------------------------------------------------*/
/*********  
** Équipe
**********/
@media only screen and (max-width: 768px) {
  .page-template-template-notre-equipe .title-page {
    padding-bottom: 0 !important;
  }
}
.page-template-template-notre-equipe main {
  background-color: #008c78 !important;
  color: white;
  background: url("/wp-content/themes/fti/images/bkg-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 50px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-equipe main {
    background: none;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-equipe main .slider_equipe {
    display: none;
  }
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .slick-current .content_profil {
  outline: 3px solid #00407B;
  outline-offset: 4px;
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .slick-prev:before {
  content: "" !important;
  display: block;
  width: 50px;
  height: 50px;
  background: url("/wp-content/themes/fti/images/Fleches-carousel.svg");
  background-size: contain !important;
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .slick-prev:hover:before {
  background: url("/wp-content/themes/fti/images/Fleches-carouselHover.svg");
  transform: rotate(180deg);
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .slick-next:before {
  content: "" !important;
  display: block;
  width: 50px;
  height: 50px;
  background: url("/wp-content/themes/fti/images/Fleches-carousel.svg");
  background-size: contain !important;
  transform: rotate(180deg);
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .slick-next:hover:before {
  background: url("/wp-content/themes/fti/images/Fleches-carouselHover.svg");
  transform: rotate(0deg);
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .slick-slide {
  position: relative;
  width: 259px;
  margin-right: 20px;
  padding: 20px;
  text-align: center;
  height: 450px;
  box-sizing: border-box;
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .slick-slide img {
  width: 219px;
  height: 219px;
  max-width: 219px;
  max-height: 219px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .slick-slide .nom {
  margin-bottom: 10px;
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .slick-slide .linkedin {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  transition: all 0.5s ease;
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .slick-slide .linkedin:hover circle {
  fill: #F39325;
  transition: fill 0.5s ease;
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .slick-slide .linkedin:hover path {
  fill: white;
  transition: fill 0.5s ease;
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .content_profil.slick-current.slick-active {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
}
.page-template-template-notre-equipe main .slider_equipe .ct-equipe .content_profil:hover {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  transition: 0.5s ease;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-equipe main .citation {
    display: none;
  }
}
.page-template-template-notre-equipe main .citation .content_citation {
  position: relative;
  max-width: 70%;
  margin: 0 auto;
  text-align: center;
  min-height: 120px;
}
.page-template-template-notre-equipe main .citation .content_citation q:before {
  content: "";
  display: block;
  width: 50px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/guillemet.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: -50px;
  top: -30px;
}
.page-template-template-notre-equipe main .citation .content_citation q:after {
  content: "";
  display: block;
  width: 50px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/guillemet-2.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: -70px;
  top: 80px;
}
.page-template-template-notre-equipe main .citation .content_citation p {
  font-family: "lora", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 40px;
}
.page-template-template-notre-equipe main .citation .content_citation.inactiveListItem {
  display: none;
}
.page-template-template-notre-equipe main .citation .content_citation.inactiveListItem.active {
  display: block;
}
.page-template-template-notre-equipe main .citation .cta_gouvernance {
  display: block;
  text-align: center;
}
.page-template-template-notre-equipe main .content-equipe-mobile {
  display: none;
  overflow-x: hidden;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-equipe main .content-equipe-mobile {
    display: block;
    padding: 0 0 50px 0 !important;
  }
}
.page-template-template-notre-equipe main .content-equipe-mobile .container {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.page-template-template-notre-equipe main .content-equipe-mobile .container .activeBg {
  background-color: #189886;
  border-radius: 20px;
  transition: 0.5s ease-in-out;
}
.page-template-template-notre-equipe main .content-equipe-mobile .container .content_profil {
  position: relative;
  margin-bottom: 35px;
  padding: 24px;
  transition: 0.5s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-equipe main .content-equipe-mobile .container .content_profil {
    margin-bottom: 0px !important;
    padding: 24px 24px 8px !important;
  }
}
.page-template-template-notre-equipe main .content-equipe-mobile .container .content_profil .content {
  display: flex;
  gap: 25px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 100%;
  box-sizing: border-box;
}
.page-template-template-notre-equipe main .content-equipe-mobile .container .content_profil .content > img {
  width: 150px;
  flex-shrink: 0;
}
.page-template-template-notre-equipe main .content-equipe-mobile .container .content_profil .content .meta-profil {
  min-width: 0;
  flex: 1 1 0;
}
.page-template-template-notre-equipe main .content-equipe-mobile .container .content_profil .content .meta-profil .cta-meta {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-equipe main .content-equipe-mobile .container .content_profil .content .meta-profil .cta-meta .linkedin {
    width: 40px;
  }
}
.page-template-template-notre-equipe main .content-equipe-mobile .container .content_profil .content .meta-profil .cta-citation {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.page-template-template-notre-equipe main .content-equipe-mobile .container .content_profil .content .meta-profil .cta-citation span {
  color: #00407B;
  margin-left: 10px;
  font-family: "gothambook";
  font-size: 20px;
}
.page-template-template-notre-equipe main .content-equipe-mobile .container .content_profil .content .meta-profil .nom {
  font-family: "gothamblack";
  margin-bottom: 8px;
}
.page-template-template-notre-equipe main .content-equipe-mobile .container .content_profil .content .meta-profil .poste {
  margin: 8px 0;
}
.page-template-template-notre-equipe main .content-equipe-mobile .content-citation {
  display: none;
}
.page-template-template-notre-equipe main .content-equipe-mobile .content-citation.active {
  display: block;
}
.page-template-template-notre-equipe main .content-equipe-mobile .content-citation .content_citation_mobile {
  position: relative;
}
.page-template-template-notre-equipe main .content-equipe-mobile .content-citation .content_citation_mobile p {
  font-family: "lora", serif;
  line-height: 25px;
  text-align: center;
}
.page-template-template-notre-equipe main .content-equipe-mobile .content-citation .content_citation_mobile:before {
  content: "";
  display: block;
  width: 35px;
  height: 20px;
  background: url("/wp-content/themes/fti/images/guillemet.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: -25px;
  top: -15px;
}
.page-template-template-notre-equipe main .content-equipe-mobile .content-citation .content_citation_mobile:after {
  content: "";
  display: block;
  width: 35px;
  height: 20px;
  background: url("/wp-content/themes/fti/images/guillemet-2.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: -10px;
  bottom: 0;
}
.page-template-template-notre-equipe main .cta_gouvernance {
  text-align: center;
}
.page-template-template-notre-equipe main .cta_gouvernance .btn-orange {
  display: flex;
  align-items: center;
  width: fit-content;
  background: white !important;
  color: #00407B !important;
  padding: 8px 15px !important;
  border: solid 1px #00407B !important;
  border-radius: 25px !important;
  font-family: "gothamblack" !important;
  text-shadow: none;
  transition: 0.2s;
  text-decoration: none;
}
.page-template-template-notre-equipe main .cta_gouvernance .btn-orange:not(.is-external-link)::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/fleche-bleue.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  margin-left: 15px;
  flex-shrink: 0;
  border: 1px solid #00407B;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.25) inset;
  border-radius: 25px;
}
.page-template-template-notre-equipe main .cta_gouvernance .btn-orange:hover, .page-template-template-notre-equipe main .cta_gouvernance .btn-orange:focus, .page-template-template-notre-equipe main .cta_gouvernance .btn-orange:focus-visible {
  background-color: #022552 !important;
  border-color: #022552 !important;
  color: white !important;
}
.page-template-template-notre-equipe main .cta_gouvernance .btn-orange:hover:not(.is-external-link)::after, .page-template-template-notre-equipe main .cta_gouvernance .btn-orange:focus:not(.is-external-link)::after, .page-template-template-notre-equipe main .cta_gouvernance .btn-orange:focus-visible:not(.is-external-link)::after {
  background: url("/wp-content/themes/fti/images/fleche.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  border-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.25) inset;
}
.page-template-template-notre-equipe main .cta_gouvernance .btn-orange {
  margin: 0 auto;
}

/*********  
** Gouvernance
**********/
.page-template-template-notre-gouvernance .title-page {
  background: url("/wp-content/themes/fti/images/bkg-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 200px;
}
.page-template-template-notre-gouvernance .title-page .content-title .accroche {
  font-family: "gothamblack";
  font-size: 23px;
  margin-bottom: 25px;
}
.page-template-template-notre-gouvernance .conseil-admin {
  background: #00407B;
  color: white;
}
.page-template-template-notre-gouvernance .conseil-admin .container {
  text-align: center;
}
.page-template-template-notre-gouvernance .conseil-admin .container h2 {
  font-size: 25px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-gouvernance .conseil-admin .container h2 {
    text-align: left;
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-gouvernance .conseil-admin .container p {
    text-align: left;
    margin-bottom: 15px;
  }
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance {
  display: flex;
  flex-wrap: wrap;
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil {
  width: 25%;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil {
    display: flex;
    gap: 25px;
    width: 100%;
  }
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:first-child, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:nth-child(2) {
  display: flex;
  justify-content: center;
  margin: 50px auto;
  gap: 25px;
  width: 50%;
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:first-child, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:nth-child(2) {
    flex-direction: column;
    width: 100%;
  }
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:first-child img, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:nth-child(2) img {
  width: 250px;
  height: 250px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:first-child img, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:nth-child(2) img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:first-child .meta-profil, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:nth-child(2) .meta-profil {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:first-child .meta-profil, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:nth-child(2) .meta-profil {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:first-child .meta-profil .nom, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:nth-child(2) .meta-profil .nom {
  font-size: 20px;
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:first-child .meta-profil .membre, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:nth-child(2) .meta-profil .membre {
  margin: 0;
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:first-child .meta-profil .linkedin, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:nth-child(2) .meta-profil .linkedin {
  display: block;
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:first-child .meta-profil .linkedin img, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil:nth-child(2) .meta-profil .linkedin img {
  width: 45px !important;
  height: 45px !important;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil img {
    max-width: 120px;
    height: 120px;
    object-fit: contain;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil .meta-profil {
    text-align: left;
  }
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil .meta-profil .nom {
  font-family: "gothamblack";
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil .meta-profil .membre {
  display: block;
  width: fit-content;
  margin: 0 auto;
  font-family: "gothambook";
  font-size: 11px;
  padding: 10px;
  border: 1px solid white;
  border-radius: 25px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil .meta-profil .membre {
    margin: 0;
  }
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil .meta-profil .linkedin {
  display: block;
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .content_profil .meta-profil .linkedin img {
  width: 45px !important;
  height: 45px !important;
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .btn-orange {
  display: flex;
  align-items: center;
  width: fit-content;
  background: white !important;
  color: #00407B !important;
  padding: 8px 15px !important;
  border: solid 1px #00407B !important;
  border-radius: 25px !important;
  font-family: "gothamblack" !important;
  text-shadow: none;
  transition: 0.2s;
  text-decoration: none;
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .btn-orange:not(.is-external-link)::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/fleche-bleue.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  margin-left: 15px;
  flex-shrink: 0;
  border: 1px solid #00407B;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.25) inset;
  border-radius: 25px;
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .btn-orange:hover, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .btn-orange:focus, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .btn-orange:focus-visible {
  background-color: #022552 !important;
  border-color: #022552 !important;
  color: white !important;
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .btn-orange:hover:not(.is-external-link)::after, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .btn-orange:focus:not(.is-external-link)::after, .page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .btn-orange:focus-visible:not(.is-external-link)::after {
  background: url("/wp-content/themes/fti/images/fleche.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  border-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.25) inset;
}
.page-template-template-notre-gouvernance .conseil-admin .container .ct-gouvernance .btn-orange {
  align-self: center;
  flex: 0 0 auto;
  margin: 0 auto 50px;
}
.page-template-template-notre-gouvernance .comites {
  background: url("/wp-content/themes/fti/images/bkg-jaune.svg");
  background-repeat: no-repeat;
  background-size: 350px;
  background-position-y: 0;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-gouvernance .comites {
    background: none;
  }
}
.page-template-template-notre-gouvernance .comites h3 {
  text-align: center;
  color: #006B5C;
  font-size: 25px;
}
.page-template-template-notre-gouvernance .comites .container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-gouvernance .comites .container {
    flex-direction: column;
  }
}
.page-template-template-notre-gouvernance .comites .container .comite_item {
  width: 48%;
}
@media only screen and (max-width: 768px) {
  .page-template-template-notre-gouvernance .comites .container .comite_item {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# SINGLE PROJET
--------------------------------------------------------------*/
.single-projet .ariane-mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .single-projet .ariane-mobile {
    display: block;
    margin-top: 60px;
  }
}
.single-projet .header-projet {
  display: block;
  position: relative;
  z-index: 1;
  height: 500px;
  margin-top: 0;
  padding: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.single-projet .header-projet .content-header {
  text-align: center;
  color: white;
}
.single-projet .header-projet .content-header #breadcrumbs {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 48px 24px 0 430px;
  text-align: left;
}
.single-projet .header-projet .content-header #breadcrumbs span {
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .single-projet .header-projet .content-header #breadcrumbs {
    padding: 40px 24px 0 330px;
  }
}
@media only screen and (max-width: 768px) {
  .single-projet .header-projet .content-header #breadcrumbs {
    display: none;
  }
}
.single-projet .header-projet .content-header .localisation {
  position: absolute;
  bottom: 20px;
  left: 41.5% !important;
  right: 0;
  font-family: "gothamblack";
  text-shadow: rgba(0, 0, 0, 0.5) 0 3px;
  font-size: 12px;
  margin-bottom: 12px;
  text-align: start;
}
@media only screen and (max-width: 768px) {
  .single-projet .header-projet .content-header .localisation {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    left: 0 !important;
    display: none;
  }
}
.single-projet .header-projet:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  top: 0;
}
.single-projet .localisation-mob {
  display: none;
}
@media only screen and (max-width: 768px) {
  .single-projet .localisation-mob {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .single-projet .localisation-mob:before {
    top: 0 !important;
  }
}
.single-projet .projet {
  padding: 0;
  position: relative;
  z-index: 2;
  background: url("/wp-content/themes/fti/images/bkg-jaune.svg");
  background-repeat: no-repeat;
  background-size: 350px;
  background-position-y: 100%;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet {
    background: none;
  }
}
.single-projet .projet .container {
  display: grid;
  grid-template-columns: minmax(0, 30%) minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 35px;
  row-gap: 24px;
  align-items: start;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
  }
}
.single-projet .projet .container .sidebar {
  display: block;
  grid-column: 1;
  grid-row: 1/3;
  align-self: start;
  width: auto;
  min-width: 0;
  max-width: 100%;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  padding: 5px 20px 35px;
  transform: translateY(-145px);
  background: white;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .sidebar {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    transform: translateY(0);
    border: none;
  }
}
.single-projet .projet .container .sidebar .item p {
  margin-bottom: 0;
}
.single-projet .projet .container .sidebar .item strong {
  font-family: "gothamblack";
}
.single-projet .projet .container .sidebar .programme {
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid;
}
.single-projet .projet .container .sidebar .programme h3 {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .sidebar .programme h3 {
    justify-content: center;
  }
}
.single-projet .projet .container .sidebar .programme h3 span img {
  display: block;
  width: 70px;
}
.single-projet .projet .container .sidebar .partenaires {
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid;
}
.single-projet .projet .container .sidebar .partenaires h3 {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .sidebar .partenaires h3 {
    justify-content: center;
  }
}
.single-projet .projet .container .sidebar .partenaires h3 span img {
  display: block;
  width: 70px;
}
.single-projet .projet .container .sidebar .etiquette {
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid;
}
.single-projet .projet .container .sidebar .etiquette h3 {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .sidebar .etiquette h3 {
    justify-content: center;
  }
}
.single-projet .projet .container .sidebar .etiquette h3 span img {
  display: block;
  width: 70px;
}
.single-projet .projet .container .sidebar .etiquette ul li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.single-projet .projet .container .sidebar .etiquette ul li img {
  width: 70px;
  margin-bottom: 10px;
}
.single-projet .projet .container .sidebar .etiquette strong {
  font-family: "gothamblack";
}
.single-projet .projet .container .sidebar .calendrier {
  margin-bottom: 35px;
}
.single-projet .projet .container .sidebar .calendrier h3 {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .sidebar .calendrier h3 {
    justify-content: center;
  }
}
.single-projet .projet .container .sidebar .calendrier h3 span img {
  display: block;
  width: 70px;
}
.single-projet .projet .container .sidebar .btn-orange {
  background: #E5104C !important;
}
.single-projet .projet .container .sidebar .btn-orange:hover, .single-projet .projet .container .sidebar .btn-orange:focus {
  background: #C40D42 !important;
}
.single-projet .projet .container .content-projet {
  display: block;
  grid-column: 2;
  grid-row: 1;
  height: max-content;
  width: auto;
  min-width: 0;
  max-width: 100%;
  position: relative;
  z-index: 1;
  background-color: #fff;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .content-projet {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
  }
}
.single-projet .projet .container .content-projet .localisation {
  display: flex;
  align-items: center;
  margin-top: 25px;
}
.single-projet .projet .container .content-projet .localisation img {
  display: none;
  margin-right: 10px;
}
.single-projet .projet .container .content-projet .localisation.marker-dev img.marker-dev {
  display: block !important;
}
.single-projet .projet .container .content-projet .localisation.marker-chantier img.marker-chantier {
  display: block !important;
}
.single-projet .projet .container .content-projet .localisation.marker-livraison img.marker-livraison {
  display: block !important;
}
.single-projet .projet .container .content-projet .contenu-projet {
  min-width: 0;
  max-width: 100%;
}
.single-projet .projet .container .content-projet .contenu-projet img,
.single-projet .projet .container .content-projet .contenu-projet table,
.single-projet .projet .container .content-projet .contenu-projet iframe,
.single-projet .projet .container .content-projet .contenu-projet video {
  max-width: 100%;
}
.single-projet .projet .container .content-projet .contenu-projet h2 {
  color: #006B5C;
}
.single-projet .projet .container .content-projet .contenu-projet .etiquette {
  width: fit-content;
  display: inline-block;
  margin: 0 0 1em;
  background-color: #fff;
  color: #00407B;
  border: 1px solid #00407B;
  font-family: "gothamblack";
  font-size: 11px;
  text-transform: uppercase;
  padding: 4px 15px;
  border-radius: 50px;
  line-height: 1.4;
}
.single-projet .projet .container .content-projet .contenu-projet .pdfprnt-buttons,
.single-projet .projet .container .content-projet .contenu-projet .pdfprnt-buttons-projet {
  margin: 24px 0;
}
.single-projet .projet .container .content-projet .contenu-projet ul {
  list-style: disc;
}
.single-projet .projet .container .content-projet .contenu-projet .map-single {
  margin-top: 30px;
  position: relative;
  max-width: 100%;
  overflow-x: hidden;
}
.single-projet .projet .container .content-projet .contenu-projet .map-single .btn-map-single {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999;
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 5px 10px 5px 15px;
  border-radius: 25px;
  border: 1px solid #00407B;
  font-family: "gothamblack";
  color: #00407B !important;
  background: #fff !important;
  text-decoration: none !important;
  transition: 0.2s;
}
.single-projet .projet .container .content-projet .contenu-projet .map-single .btn-map-single:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/fleche-jaune.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
}
.single-projet .projet .container .content-projet .contenu-projet .map-single .btn-map-single:hover, .single-projet .projet .container .content-projet .contenu-projet .map-single .btn-map-single:focus, .single-projet .projet .container .content-projet .contenu-projet .map-single .btn-map-single:focus-visible {
  background: #00407B !important;
  color: white !important;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1.5px;
  text-decoration: none !important;
}
.single-projet .projet .container .content-projet .contenu-projet .map-single .btn-map-single:hover:after, .single-projet .projet .container .content-projet .contenu-projet .map-single .btn-map-single:focus:after, .single-projet .projet .container .content-projet .contenu-projet .map-single .btn-map-single:focus-visible:after {
  background: url("/wp-content/themes/fti/images/fleche.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
}
.single-projet .projet .container .content-projet .contenu-projet .map-single #map {
  height: 400px;
  max-width: 100%;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .content-projet .contenu-projet .map-single #map {
    height: 280px;
  }
}
.single-projet .projet .container .content-projet .contenu-projet .map-single #map .leaflet-container {
  max-width: 100%;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement {
  display: block;
  margin-top: 30px;
  margin-bottom: 0;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement h3 {
  color: #006B5C;
  text-align: center;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress {
  max-width: 100%;
  margin: 24px auto 0;
  padding: 24px 16px 16px;
  border: 1px solid #c4d1dd;
  border-radius: 4px;
  background: #f5f9fc;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__list::before {
  content: "";
  position: absolute;
  top: 45px;
  left: 18%;
  right: 18%;
  height: 5px;
  border-radius: 3px;
  background: linear-gradient(to right, #008c78 0%, #008c78 var(--projet-progress-percent, 0%), #c4d1dd var(--projet-progress-percent, 0%), #c4d1dd 100%);
  z-index: 0;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__step {
  flex: 1;
  text-align: center;
  position: relative;
  z-index: 1;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__step.is-complete .projet-progress__marker {
  border-color: #008c78;
  border-width: 6px;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__step.is-current .projet-progress__marker {
  border-color: #C45E00;
  border-width: 5px;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__step.is-upcoming .projet-progress__marker {
  border-color: #c4d1dd;
  border-width: 7px;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__marker {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 5px solid #c4d1dd;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  padding: 8px;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__marker img {
  display: block;
  width: auto;
  height: auto;
  max-width: 58px;
  max-height: 46px;
  object-fit: contain;
  object-position: center;
  margin: 0;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__badge--complete img {
  width: 12px;
  height: 10px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__badge--current {
  background: #F39325;
  gap: 3px;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__badge--current span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  display: block;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__badge--complete {
  background: #008c78;
}
.single-projet .projet .container .content-projet .contenu-projet .avancement .projet-progress__label {
  font-family: gothamblack, sans-serif;
  color: #00407B;
  font-size: 14px;
  display: block;
}
.single-projet .projet .container .etat-projet {
  grid-column: 1/-1;
  grid-row: 2;
  background: none;
  padding: 0;
  margin-top: 16px;
  margin-bottom: 48px;
  min-width: 0;
  max-width: 100%;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .etat-projet {
    grid-column: 1;
    grid-row: 3;
  }
}
.single-projet .projet .container .etat-projet__actions {
  width: fit-content;
  margin: 30px auto 0;
}
.single-projet .projet .container .etat-projet__actions .btn-orange {
  background: #E5104C !important;
}
.single-projet .projet .container .etat-projet__actions .btn-orange:hover, .single-projet .projet .container .etat-projet__actions .btn-orange:focus, .single-projet .projet .container .etat-projet__actions .btn-orange:focus-visible {
  background: #C40D42 !important;
}
.single-projet .projet .container .etat-projet .slider {
  width: 100%;
  position: relative;
}
.single-projet .projet .container .etat-projet .slider .imgs-slider {
  position: relative;
  padding: 0 60px;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .etat-projet .slider .imgs-slider {
    padding: 0 40px;
  }
}
.single-projet .projet .container .etat-projet .slider .imgs-slider .slick-next {
  height: 54px;
  width: 54px;
  right: 0;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .etat-projet .slider .imgs-slider .slick-next {
    height: 40px;
    width: 40px;
  }
}
.single-projet .projet .container .etat-projet .slider .imgs-slider .slick-next:before {
  content: url("/wp-content/themes/fti/images/slider-arrow-right.svg");
}
.single-projet .projet .container .etat-projet .slider .imgs-slider .slick-next:hover:before {
  content: url("/wp-content/themes/fti/images/slider-arrow-right-p.svg");
}
.single-projet .projet .container .etat-projet .slider .imgs-slider .slick-prev {
  height: 54px;
  width: 54px;
  left: 0;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .etat-projet .slider .imgs-slider .slick-prev {
    height: 40px;
    width: 40px;
  }
}
.single-projet .projet .container .etat-projet .slider .imgs-slider .slick-prev:before {
  content: url("/wp-content/themes/fti/images/slider-arrow-left.svg");
}
.single-projet .projet .container .etat-projet .slider .imgs-slider .slick-prev:hover:before {
  content: url("/wp-content/themes/fti/images/slider-arrow-left-p.svg");
}
.single-projet .projet .container .etat-projet .slider .imgs-slider .slick-list.draggable {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  height: 450px !important;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .etat-projet .slider .imgs-slider .slick-list.draggable {
    height: 250px !important;
  }
}
.single-projet .projet .container .etat-projet .slider .imgs-slider .img-slider {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
}
.single-projet .projet .container .etat-projet .slider .imgs-slider .img-slider figcaption {
  text-align: center;
}
.single-projet .projet .container .etat-projet .slider .imgs-slider img {
  max-height: 450px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 768px) {
  .single-projet .projet .container .etat-projet .slider .imgs-slider img {
    height: 250px;
  }
}
@media only screen and (max-width: 320px) {
  .single-projet .projet .container .etat-projet {
    overflow-x: hidden;
    max-width: 100%;
  }
}

/*--------------------------------------------------------------
# Archive Actualités
--------------------------------------------------------------*/
.page-template-template-actualites .title-page {
  padding-bottom: 24px;
}
.page-template-template-actualites .actualites {
  padding-top: 24px;
  background: url("/wp-content/themes/fti/images/bkg-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 24px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-actualites .actualites .container {
    width: 100%;
    margin: 0;
  }
}
.page-template-template-actualites .actualites h2 {
  text-align: center;
}
.page-template-template-actualites .actualites .filter {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-actualites .actualites .filter {
    position: absolute;
    width: 100%;
    left: 0;
    top: -75px;
    justify-content: center;
    background: #00407B;
    padding: 5px;
  }
}
.page-template-template-actualites .actualites .filter p {
  margin: 0;
  font-size: 18px;
  font-family: "gothamblack";
  position: relative;
  top: 4px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-actualites .actualites .filter p {
    color: white;
  }
}
.page-template-template-actualites .actualites .filter p:after {
  content: "";
  background-image: url(/wp-content/themes/fti/images/underline-wave.svg);
  background-size: 100%;
  background-position: center;
  display: block;
  width: 53px;
  height: 20px;
  background-repeat: no-repeat;
  position: relative;
  top: -6px;
  left: 50%;
  transform: translateX(-53%);
}
.page-template-template-actualites .actualites .filter select {
  height: 44px;
  border: 1px solid #888888 !important;
  border-radius: 10px !important;
  width: 300px;
  padding: 5px 15px;
  color: #00407B;
  background-color: #fff;
}
.page-template-template-actualites .actualites .filter select:focus-visible {
  outline: 2px solid #005fcc;
}
@media only screen and (max-width: 768px) {
  .page-template-template-actualites .actualites .filter select {
    width: 100%;
  }
}
.page-template-template-actualites .actualites .list_actus ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .page-template-template-actualites .actualites .list_actus ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .page-template-template-actualites .actualites .list_actus ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-template-template-actualites .actualites .list_actus ul li.item-actu {
  position: relative;
  border-radius: 25px;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: white;
  transition: 0.2s;
}
.page-template-template-actualites .actualites .list_actus ul li.item-actu:hover {
  box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px;
}
.page-template-template-actualites .actualites .list_actus ul li.item-actu .post-thumbnail img {
  height: 160px;
  max-width: 100%;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
  width: 100%;
}
.page-template-template-actualites .actualites .list_actus ul li.item-actu .post_categorie {
  position: absolute;
  top: 15px;
  right: 15px;
}
.page-template-template-actualites .actualites .list_actus ul li.item-actu .post_categorie ul {
  display: block;
}
.page-template-template-actualites .actualites .list_actus ul li.item-actu .post_categorie ul li a {
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  border-radius: 25px;
}
.page-template-template-actualites .actualites .list_actus ul li.item-actu .post_categorie.eclairage ul li a {
  background: #735aa2;
}
.page-template-template-actualites .actualites .list_actus ul li.item-actu .post_categorie.evenements ul li a {
  background: #022552;
}
.page-template-template-actualites .actualites .list_actus ul li.item-actu .post_categorie.projets ul li a {
  background: #E5104C;
}
.page-template-template-actualites .actualites .list_actus ul li.item-actu .post_meta {
  padding: 15px;
}
.page-template-template-actualites .actualites .list_actus ul li.item-actu .post_meta h4 {
  font-weight: 500;
  margin: 0;
}
.page-template-template-actualites .actualites .list_actus ul li.item-actu .post_meta p {
  font-family: "gothambook";
}
.page-template-template-actualites .actualites .list_actus .pagination {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.page-template-template-actualites .actualites .list_actus .pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-template-template-actualites .actualites .list_actus .pagination ul.page-numbers li {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-template-template-actualites .actualites .list_actus .pagination a.page-numbers,
.page-template-template-actualites .actualites .list_actus .pagination span.page-numbers {
  font-family: "gothambook";
  font-size: 20px;
  text-decoration: none;
}
.page-template-template-actualites .actualites .list_actus .pagination .page-numbers.current {
  font-family: "gothamblack";
  background-color: #F39325;
  color: white;
  border-radius: 100%;
  padding: 10px 20px;
}
.page-template-template-actualites .actualites .list_actus .pagination .next, .page-template-template-actualites .actualites .list_actus .pagination .prev {
  display: flex;
  align-items: center;
}
.page-template-template-actualites .actualites .list_actus .pagination .next img, .page-template-template-actualites .actualites .list_actus .pagination .prev img {
  width: 45px;
}
.page-template-template-actualites .news-projet {
  background-color: #008c78 !important;
  background: url(/wp-content/themes/fti/images/line-red.svg);
  background-size: 200px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 20%;
}
@media only screen and (max-width: 768px) {
  .page-template-template-actualites .news-projet {
    background: none;
  }
}
.page-template-template-actualites .news-projet .container {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page-template-template-actualites .news-projet .container {
    width: 100%;
    padding: 0;
  }
}
.page-template-template-actualites .news-projet .container h2 {
  position: relative;
  z-index: 10;
  color: white;
}
.page-template-template-actualites .news-projet .container .list-projets {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1120px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page-template-template-actualites .news-projet .container .list-projets {
    grid-template-columns: repeat(1, 1fr) !important;
    overflow-x: visible;
  }
}
.page-template-template-actualites .news-projet .container .list-projets .projet {
  background: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 20px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-actualites .news-projet .container .list-projets .projet {
    width: 290px;
  }
  .page-template-template-actualites .news-projet .container .list-projets .projet:first-child {
    margin-left: 20px;
  }
  .page-template-template-actualites .news-projet .container .list-projets .projet:last-child {
    margin-right: 20px;
  }
}
.page-template-template-actualites .news-projet .container .list-projets .projet .content-p {
  position: relative;
  flex: 1;
  min-height: 200px;
  padding: 20px 40px 25px;
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 0.5rem;
}
.page-template-template-actualites .news-projet .container .list-projets .projet .content-p p {
  margin: 0;
  margin-bottom: 10px;
}
.page-template-template-actualites .news-projet .container .list-projets .projet .content-p h4 {
  margin: 0;
  margin-bottom: 1rem;
}
.page-template-template-actualites .news-projet .container .list-projets .projet .content-p a {
  position: relative;
  bottom: auto;
  margin-top: auto;
}
.page-template-template-actualites .news-projet .container .list-projets .projet .img-p {
  position: relative;
}
.page-template-template-actualites .news-projet .container .list-projets .projet .img-p > img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.page-template-template-actualites .news-projet .container .btn-orange {
  display: flex;
  align-items: center;
  width: fit-content;
  background: white !important;
  color: #00407B !important;
  padding: 8px 15px !important;
  border: solid 1px #00407B !important;
  border-radius: 25px !important;
  font-family: "gothamblack" !important;
  text-shadow: none;
  transition: 0.2s;
  text-decoration: none;
}
.page-template-template-actualites .news-projet .container .btn-orange:not(.is-external-link)::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/fleche-bleue.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  margin-left: 15px;
  flex-shrink: 0;
  border: 1px solid #00407B;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.25) inset;
  border-radius: 25px;
}
.page-template-template-actualites .news-projet .container .btn-orange:hover, .page-template-template-actualites .news-projet .container .btn-orange:focus, .page-template-template-actualites .news-projet .container .btn-orange:focus-visible {
  background-color: #022552 !important;
  border-color: #022552 !important;
  color: white !important;
}
.page-template-template-actualites .news-projet .container .btn-orange:hover:not(.is-external-link)::after, .page-template-template-actualites .news-projet .container .btn-orange:focus:not(.is-external-link)::after, .page-template-template-actualites .news-projet .container .btn-orange:focus-visible:not(.is-external-link)::after {
  background: url("/wp-content/themes/fti/images/fleche.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  border-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.25) inset;
}
.page-template-template-actualites .news-projet .container .btn-orange {
  margin: 50px auto;
}

/*--------------------------------------------------------------
# Archive Catégory
--------------------------------------------------------------*/
.archive.category .actualites {
  background: url("/wp-content/themes/fti/images/bkg-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 50px;
}
.archive.category .actualites h2 {
  text-align: center;
}
.archive.category .actualites .list_actus ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .archive.category .actualites .list_actus ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .archive.category .actualites .list_actus ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.archive.category .actualites .list_actus ul li.item-actu {
  position: relative;
  border-radius: 25px;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: white;
}
.archive.category .actualites .list_actus ul li.item-actu .post-thumbnail img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 25px 25px 0 0;
}
.archive.category .actualites .list_actus ul li.item-actu .post_categorie {
  position: absolute;
  top: 15px;
  right: 15px;
}
.archive.category .actualites .list_actus ul li.item-actu .post_categorie ul {
  display: block;
}
.archive.category .actualites .list_actus ul li.item-actu .post_categorie ul li a {
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  border-radius: 25px;
}
.archive.category .actualites .list_actus ul li.item-actu .post_categorie.eclairage ul li a {
  background: #735aa2;
}
.archive.category .actualites .list_actus ul li.item-actu .post_categorie.evenements ul li a {
  background: #022552;
}
.archive.category .actualites .list_actus ul li.item-actu .post_categorie.projets ul li a {
  background: #E42312;
}
.archive.category .actualites .list_actus ul li.item-actu .post_meta {
  padding: 15px;
}
.archive.category .actualites .list_actus ul li.item-actu .post_meta h4 {
  font-weight: 500;
  margin: 0;
}
.archive.category .actualites .list_actus ul li.item-actu .post_meta p {
  font-family: "gothambook";
}

/*--------------------------------------------------------------
# Single
--------------------------------------------------------------*/
.single-post .title-article {
  padding-bottom: 0px;
}
.single-post .title-article .container .content-title h1 {
  text-align: center;
}
.single-post .title-article .container .content-title .description-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
@media only screen and (max-width: 768px) {
  .single-post .title-article .container .content-title .description-title {
    flex-direction: column;
  }
}
.single-post .title-article .container .content-title .description-title .img-title {
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .single-post .title-article .container .content-title .description-title .img-title {
    width: 100%;
  }
}
.single-post .title-article .container .content-title .description-title .img-title .post_categorie {
  position: absolute;
  top: 15px;
  right: 15px;
}
.single-post .title-article .container .content-title .description-title .img-title .post_categorie ul {
  display: block;
}
.single-post .title-article .container .content-title .description-title .img-title .post_categorie ul li a {
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  border-radius: 25px;
}
.single-post .title-article .container .content-title .description-title .img-title .post_categorie.eclairage ul li a {
  background: #735aa2;
}
.single-post .title-article .container .content-title .description-title .img-title .post_categorie.evenements ul li a {
  background: #022552;
}
.single-post .title-article .container .content-title .description-title .img-title .post_categorie.projets ul li a {
  background: #E42312;
}
.single-post .title-article .container .content-title .description-title .accroche-title {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .single-post .title-article .container .content-title .description-title .accroche-title {
    width: 100%;
  }
}
.single-post .content-article {
  background: url("/wp-content/themes/fti/images/bkg-jaune.svg");
  background-repeat: no-repeat;
  background-size: 350px;
  background-position-y: 0px;
  background-position-x: -105px;
}
@media only screen and (max-width: 768px) {
  .single-post .content-article {
    background: none;
  }
}
.single-post .content-article .container .content {
  display: block;
  width: 80%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .single-post .content-article .container .content {
    width: 100% !important;
  }
}
.single-post .content-article .container .content h2 {
  color: #006B5C;
  text-align: center;
  margin-bottom: 0.75em;
}
.single-post .content-article .container .content p {
  margin-bottom: 1em;
}
.single-post .content-article .container .content p:last-child {
  margin-bottom: 0;
}
.single-post .content-article .container .content ul {
  list-style: disc;
  padding-left: 1.5em;
  margin: 0.5em 0;
}
.single-post .content-article .container .content ol {
  list-style: decimal;
  padding-left: 1.5em;
  margin: 0.5em 0;
}
.single-post .article-similaire {
  display: block;
  background-color: #F6F6F6 !important;
  background: url("/wp-content/themes/fti/images/bkg-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 50px;
}
@media only screen and (max-width: 768px) {
  .single-post .article-similaire {
    background: none;
  }
}
.single-post .article-similaire .container {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .single-post .article-similaire .container {
    overflow: scroll;
  }
}
@media only screen and (max-width: 768px) {
  .single-post .article-similaire .container .content-article-similaire {
    overflow: scroll;
  }
}
.single-post .article-similaire .container .content-article-similaire ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .single-post .article-similaire .container .content-article-similaire ul {
    display: inline-flex;
  }
}
.single-post .article-similaire .container .content-article-similaire ul li.item-actu {
  position: relative;
  border-radius: 25px;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: white;
}
@media only screen and (max-width: 768px) {
  .single-post .article-similaire .container .content-article-similaire ul li.item-actu {
    width: 300px;
  }
}
.single-post .article-similaire .container .content-article-similaire ul li.item-actu .post-thumbnail img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 25px 25px 0 0;
}
.single-post .article-similaire .container .content-article-similaire ul li.item-actu .post_categorie {
  position: absolute;
  top: 15px;
  right: 15px;
}
.single-post .article-similaire .container .content-article-similaire ul li.item-actu .post_categorie ul {
  display: block;
}
.single-post .article-similaire .container .content-article-similaire ul li.item-actu .post_categorie ul li a {
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  border-radius: 25px;
}
.single-post .article-similaire .container .content-article-similaire ul li.item-actu .post_categorie.eclairage ul li a {
  background: #735aa2;
}
.single-post .article-similaire .container .content-article-similaire ul li.item-actu .post_categorie.evenements ul li a {
  background: #022552;
}
.single-post .article-similaire .container .content-article-similaire ul li.item-actu .post_categorie.projets ul li a {
  background: #E42312;
}
.single-post .article-similaire .container .content-article-similaire ul li.item-actu .post_meta {
  padding: 15px;
}
.single-post .article-similaire .container .content-article-similaire ul li.item-actu .post_meta h4 {
  font-weight: 500;
  margin: 0;
}
.single-post .article-similaire .container .content-article-similaire ul li.item-actu .post_meta p {
  font-family: "gothambook";
}
.single-post .article-similaire .container .btn-orange {
  margin: 20px auto;
}
.single-post .article-similaire .container h2 {
  position: relative;
  z-index: 10;
}

.page-contact {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}
.page-contact #breadcrumbs {
  text-align: center;
}
.page-contact .contact {
  padding: 0;
  display: flex;
  gap: 60px;
  align-items: flex-start;
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .page-contact .contact {
    flex-direction: column;
  }
}
.page-contact .contact .sidebar {
  background-color: #0D8B78;
  padding: 30px;
  border-radius: 20px;
}
@media only screen and (max-width: 768px) {
  .page-contact .contact .sidebar {
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
}
.page-contact .contact .sidebar h4 {
  margin: 0;
  font-size: 16px;
  color: white;
}
.page-contact .contact .sidebar p {
  font-size: 16px;
  color: white;
  margin: 4px 0 12px 0;
}
.page-contact .contact .sidebar .btn-rouge {
  font-size: 16px;
  color: white;
  background-color: #E5114D;
  padding: 4px 12px;
  border-radius: 50px;
  border: none !important;
}
.page-contact .contact .sidebar:after {
  content: "";
  display: block;
  width: 100%;
  height: 220px;
  background: url(/wp-content/themes/fti/images/line-orange.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: -80px;
  top: 500px;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .page-contact .contact .sidebar:after {
    display: none;
  }
}
.page-contact .contact .form {
  width: 60%;
  background-color: rgba(0, 64, 123, 0.08);
  padding: 20px 70px 40px;
  border-radius: 20px;
}
@media only screen and (max-width: 768px) {
  .page-contact .contact .form {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
  }
}
.page-contact .contact .form form label {
  font-family: "gothamblack";
  font-size: 18px;
  color: #00407B;
}
.page-contact .contact .form .gform_required_legend {
  display: none;
}
.page-contact .contact .form p {
  text-align: center;
}

.gform_button.btn-orange {
  position: relative !important;
  margin: auto !important;
}

.btn-orange {
  display: flex !important;
  align-items: center !important;
  width: fit-content;
  background: #E5104C !important;
  padding: 8px 15px !important;
  border-radius: 25px !important;
  font-family: "gothamblack" !important;
  color: white !important;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:focus-visible {
  background: #C40D42 !important;
}

.gfield input,
.gfield select,
.gfield textarea {
  border-color: #888888 !important;
  color: #00407B !important;
}

.page-search {
  background: url(/wp-content/themes/fti/images/line-red.svg);
  background-repeat: repeat;
  background-size: 200px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 20%;
}
.page-search .title-blue {
  background-color: #00407B;
}
.page-search .title-blue #breadcrumbs {
  text-align: center;
  color: white;
}
.page-search .title-blue h1 {
  color: white;
}
.page-search .title-blue p {
  color: white;
}
.page-search .title-blue .search-form {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 20px;
}
.page-search .title-blue .search-form label {
  width: 90%;
}
.page-search .title-blue .search-form label .input-search {
  width: 100%;
  height: 41px;
}
.page-search .title-blue .search-form button {
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 50%;
  background: #F39325;
  border: none;
}
.page-search .title-blue .search-form button img {
  width: 30px;
}
.page-search .search-results {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.page-search .search-results .nb-searchs {
  margin-bottom: 4px;
  font-size: 18px;
}
.page-search .search-results .nb-searchs .bolded-text {
  font-family: "gothamblack";
}
.page-search .search-results .title-search {
  font-size: 30px;
  margin-top: 8px;
}
.page-search .search-results .title-search:before {
  content: url(/wp-content/themes/fti/images/ar-left.svg);
  position: relative;
  top: -10px;
  left: -10px;
}
.page-search .search-results .title-search:after {
  content: url(/wp-content/themes/fti/images/ar-right.svg);
  position: relative;
  top: -10px;
  right: -10px;
}
.page-search .search-results:after {
  display: none;
}
.page-search .search-results .cards-result {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr;
}
.page-search .search-results .cards-result .card-result {
  display: flex;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 20px;
  background-color: white;
}
@media only screen and (max-width: 768px) {
  .page-search .search-results .cards-result .card-result {
    display: block;
    width: 90%;
  }
}
.page-search .search-results .cards-result .card-result .card-img {
  width: 30%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page-search .search-results .cards-result .card-result .card-img {
    width: 100%;
  }
}
.page-search .search-results .cards-result .card-result .card-img img {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 300px;
  min-width: 300px;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .page-search .search-results .cards-result .card-result .card-img img {
    width: 100%;
    min-width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
  }
}
.page-search .search-results .cards-result .card-result .card-img .cat-proj-dev {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: "gothamblack";
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-color: #E5104C;
  padding: 4px 14Px;
  border-radius: 50px;
}
.page-search .search-results .cards-result .card-result .card-img .cat-proj-mont {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: "gothamblack";
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-color: #735aa2;
  padding: 4px 14Px;
  border-radius: 50px;
}
.page-search .search-results .cards-result .card-result .card-img .cat-proj-chant {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: "gothamblack";
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-color: #F39325;
  padding: 4px 14Px;
  border-radius: 50px;
}
.page-search .search-results .cards-result .card-result .card-img .cat-proj-livr {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: "gothamblack";
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-color: #008c78;
  padding: 4px 14Px;
  border-radius: 50px;
}
.page-search .search-results .cards-result .card-result .card-content {
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.page-search .search-results .cards-result .card-result .card-content .loc-proj {
  margin: 0;
}
.page-search .search-results .cards-result .card-result .card-content .title {
  text-align: left;
  font-size: 16px;
}
.page-search .search-results .cards-result .card-result .card-content .title h4 {
  margin-top: 8px;
}
.page-search .search-results .cards-result .card-result .card-content .btn-outline-yellow {
  display: flex !important;
  align-items: center !important;
  width: fit-content;
  background: transparent !important;
  padding: 8px 15px !important;
  border-radius: 25px !important;
  font-family: "gothamblack" !important;
  color: #00407B;
  border: 1px solid #C45E00;
}
.page-search .search-results .cards-result .card-result .card-content .btn-outline-yellow:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(/wp-content/themes/fti/images/ar-btn.svg);
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  border-radius: 25px;
}
.page-search .search-results .nav-links {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.page-search .search-results .nav-links .page-numbers {
  font-family: "gothambook";
}
.page-search .search-results .nav-links .page-numbers.current {
  font-family: "gothamblack";
  background-color: #F39325;
  color: white;
  border-radius: 100%;
  padding: 10px 18px;
}

@media only screen and (max-width: 768px) {
  .carte-interactive .title-page .content-title h1 {
    font-size: 26px;
    line-height: 1.4;
  }
}
.carte-interactive .title-page .content-title p {
  text-align: center;
  font-size: 16px !important;
}
.carte-interactive .filter-form {
  background-color: #00407B;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px !important;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .carte-interactive .filter-form {
    display: none !important;
  }
}
.carte-interactive .filter-form p {
  color: white;
  margin: 0;
  font-size: 18px;
  font-family: "gothamblack";
  position: relative;
  top: 4px;
}
.carte-interactive .filter-form p:after {
  content: "";
  background-image: url(/wp-content/themes/fti/images/underline-wave.svg);
  background-size: 100%;
  background-position: center;
  display: block;
  width: 53px;
  height: 20px;
  background-repeat: no-repeat;
  position: relative;
  top: -6px;
  left: 50%;
  transform: translateX(-53%);
}
.carte-interactive .filter-form select {
  height: 36px;
  border-radius: 5px;
  width: 350px;
  background-color: rgb(255, 255, 255) !important;
}
.carte-interactive .filter-form img {
  width: 36px;
  cursor: pointer;
}
.carte-interactive .filter-form .map-reset-filters {
  width: auto;
  border-color: white;
  color: white;
}
.carte-interactive .filter-form .map-reset-filters:hover, .carte-interactive .filter-form .map-reset-filters:focus, .carte-interactive .filter-form .map-reset-filters:focus-visible {
  background-color: rgba(255, 255, 255, 0.12);
  color: white;
  outline: 2px solid white;
  outline-offset: 0;
}
.carte-interactive .filter-form-mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .carte-interactive .filter-form-mobile {
    display: block;
    background-color: #00407B;
    padding: 0 !important;
  }
}
.carte-interactive .filter-form-mobile .btn-filter {
  display: block !important;
  font-size: 18px;
  font-family: "gothamblack";
  padding: 0 10px;
  margin: 0;
  text-align: center;
}
.carte-interactive .filter-form-mobile .btn-filter:after {
  content: "";
  background-image: url(/wp-content/themes/fti/images/underline-wave.svg);
  background-size: 100%;
  background-position: center;
  display: block;
  width: 53px;
  height: 20px;
  background-repeat: no-repeat;
  position: relative;
  top: -6px;
  left: 50%;
  transform: translateX(-53%);
}
.carte-interactive .filter-form-mobile .btn-filter p {
  margin: 10px 0 0 0;
  padding: 8px 0 0 0;
  color: white;
}
.carte-interactive .filter-form-mobile .filters-popup {
  position: fixed !important;
  top: 0;
  left: 0;
  background-color: rgba(0, 64, 123, 0.9);
  z-index: 10000 !important;
  height: 100vh;
  width: 100%;
}
.carte-interactive .filter-form-mobile .filters-popup .header-popup {
  background-color: #00407B;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 60px;
}
.carte-interactive .filter-form-mobile .filters-popup .header-popup p {
  text-align: center;
  font-size: 18px;
  font-family: "gothamblack";
  color: white;
  position: relative;
  top: 8px;
}
.carte-interactive .filter-form-mobile .filters-popup .header-popup p:after {
  content: "";
  background-image: url(/wp-content/themes/fti/images/underline-wave.svg);
  background-size: 100%;
  background-position: center;
  display: block;
  width: 53px;
  height: 20px;
  background-repeat: no-repeat;
  position: relative;
  top: -6px;
  left: 50%;
  transform: translateX(-53%);
}
.carte-interactive .filter-form-mobile .filters-popup .header-popup #closePopup {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.carte-interactive .filter-form-mobile .filters-popup .close-popup {
  position: absolute;
  bottom: calc(10% + 30px);
  left: 50%;
  transform: translateX(-50%);
  width: 224px;
}
.carte-interactive .filter-form-mobile .filters-popup select {
  height: 48px;
  border-radius: 10px;
  width: 350px;
  display: block;
  padding: 10px;
  font-family: "gothambook";
  font-size: 16px;
}
.carte-interactive .filter-form-mobile .filters-popup #regionFilter {
  margin: 10px auto 0;
}
.carte-interactive .filter-form-mobile .filters-popup #avancementFilter {
  margin: 30px auto 0;
}
.carte-interactive .filter-form-mobile .disabled {
  display: none;
}

.map-projets {
  padding: 0;
  position: relative;
  overflow: hidden;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .map-projets {
    margin-bottom: 35px;
    z-index: 0;
  }
}
.map-projets #map {
  height: 840px;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .map-projets #map {
    height: 560px !important;
  }
}
.map-projets #map2 {
  height: 150px;
  width: 300px;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .map-projets #map2 {
    height: 100px !important;
    width: 200px !important;
    border-radius: 20px 0 0 0 !important;
  }
}
.map-projets #map2 .leaflet-control-attribution {
  display: none !important;
}
.map-projets .leaflet-popup-content {
  margin: 0;
}
.map-projets .leaflet-popup-content .card-map-projet .img-card {
  position: relative;
}
.map-projets .leaflet-popup-content .card-map-projet .img-card .tag-cat {
  top: -4px !important;
  right: 12px !important;
}
.map-projets .leaflet-popup-content .card-map-projet .text-card p {
  font-family: "gothambook";
  color: #00407B;
  font-size: 14px;
  margin: 8px 0;
}
.map-projets .leaflet-popup-content .card-map-projet .text-card h3 {
  font-family: "gothamblack";
  color: #00407B;
  font-size: 16px;
  margin: 10px 0px;
}
.map-projets .leaflet-popup-content .card-map-projet .text-card .btn-white, .map-projets .leaflet-popup-content .card-map-projet .text-card .btn-orange-outline {
  color: #00407B !important;
  padding: 6px 10px 6px 15px !important;
}
.map-projets .leaflet-popup-content .card-map-projet .text-card .btn-white:after, .map-projets .leaflet-popup-content .card-map-projet .text-card .btn-orange-outline:after {
  background: url("/wp-content/themes/fti/images/fleche-bleue.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
}
.map-projets .leaflet-popup-content .card-map-projet .text-card .btn-white:hover, .map-projets .leaflet-popup-content .card-map-projet .text-card .btn-orange-outline:hover, .map-projets .leaflet-popup-content .card-map-projet .text-card .btn-white:focus, .map-projets .leaflet-popup-content .card-map-projet .text-card .btn-orange-outline:focus {
  color: white !important;
}
.map-projets .leaflet-popup-content .card-map-projet .text-card .btn-white:hover:after, .map-projets .leaflet-popup-content .card-map-projet .text-card .btn-orange-outline:hover:after, .map-projets .leaflet-popup-content .card-map-projet .text-card .btn-white:focus:after, .map-projets .leaflet-popup-content .card-map-projet .text-card .btn-orange-outline:focus:after {
  background: url("/wp-content/themes/fti/images/fleche.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
}
.map-projets #map .leaflet-control-attribution {
  display: initial !important;
}
.map-projets .leaflet-popup-close-button {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 10000;
  width: 44px !important;
  height: 44px !important;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url(/wp-content/themes/fti/images/cross-infowindow.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: 100%;
  overflow: hidden;
  opacity: 1;
}
.map-projets .leaflet-popup-close-button:hover, .map-projets .leaflet-popup-close-button:focus, .map-projets .leaflet-popup-close-button:focus-visible {
  opacity: 0.85;
  background-color: transparent;
}
.map-projets .map-legend {
  position: absolute;
  top: 50%;
  left: 0;
  background-color: rgb(255, 255, 255) !important;
  padding: 10px;
  border-radius: 0px 20px 20px 0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 270px;
  z-index: 1000;
  transform: translateY(-50%);
  transition: left 0.5s ease;
}
.map-projets .map-legend h4 {
  font-size: 16px;
  text-align: center;
}
.map-projets .map-legend ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}
.map-projets .map-legend ul li {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}
.map-projets .map-legend ul li img {
  width: 15px;
}
.map-projets .map-legend .btn-legende {
  position: absolute;
  top: 75px;
  right: -99px;
  rotate: 90deg;
  background-image: url("/wp-content/uploads/2025/05/Legende.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0 50px;
  cursor: pointer;
}
.map-projets .map-legend .close-legend {
  background: none;
  border: none;
  font-size: 14px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.map-projets .map-legend .close-legend img {
  width: 32px;
}
.map-projets .zoom-drom-com {
  position: absolute;
  z-index: 1000;
  left: 80px;
  bottom: 30px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.2);
  border-radius: 20px 20px 0 0;
}
@media only screen and (max-width: 768px) {
  .map-projets .zoom-drom-com {
    right: 0px;
    left: auto !important;
    border-radius: 20px 0 0 20px !important;
  }
}
.map-projets .zoom-drom-com .title-drom-com {
  height: 50px;
  background-color: #FFF;
  border-radius: 0 0 20px 20px;
  font-family: "gothamblack";
  font-size: 18px;
  cursor: pointer;
  pointer-events: auto;
}
@media only screen and (max-width: 768px) {
  .map-projets .zoom-drom-com .title-drom-com {
    border-radius: 0 0 0 20Px !important;
  }
}
.map-projets .zoom-drom-com .title-drom-com p {
  margin: 0;
  line-height: 50px;
  text-align: center;
}
.map-projets .map-legend.closed {
  left: -270px !important;
}
.map-projets .toggle-map-list {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.listing-projets,
.carte-interactive,
.page-template-template-carte-interactive {
  overflow-x: clip;
  max-width: 100%;
}
@media only screen and (max-width: 320px) {
  .listing-projets,
  .carte-interactive,
  .page-template-template-carte-interactive {
    overflow-x: hidden;
  }
}

.listing-projets {
  position: relative;
}
.listing-projets:after {
  content: url(/wp-content/themes/fti/images/line-map.svg);
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .listing-projets:after {
    display: none;
  }
}
.listing-projets .nb-projs {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .listing-projets .nb-projs {
    padding: 0 1rem;
    margin: 40px auto 0 !important;
  }
}
.listing-projets .list-projets {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1120px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .listing-projets .list-projets {
    grid-template-columns: repeat(1, 1fr) !important;
    padding: 0 1rem;
  }
}
.listing-projets .list-projets .projet {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 20px;
  transition: 0.2s;
}
.listing-projets .list-projets .projet:hover {
  box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px;
}
.listing-projets .list-projets .projet .content-p {
  padding: 20px 40px 25px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 200px;
  gap: 0.5rem;
}
.listing-projets .list-projets .projet .content-p p {
  margin: 0;
  margin-bottom: 10px;
}
.listing-projets .list-projets .projet .content-p h4 {
  margin: 0;
  margin-bottom: 1rem;
  font-weight: normal;
}
.listing-projets .list-projets .projet .content-p a {
  position: relative;
  bottom: auto;
  margin-top: auto;
}
.listing-projets .list-projets .projet .img-p {
  position: relative;
}
.listing-projets .list-projets .projet .img-p > img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.listing-projets .nav-links {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listing-projets .nav-links .navigation.pagination {
  display: flex;
  justify-content: center;
  width: 100%;
}
.listing-projets .nav-links .navigation.pagination .nav-links {
  display: flex;
  justify-content: center;
  width: 100%;
}
.listing-projets .nav-links ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.listing-projets .nav-links ul.page-numbers li {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.listing-projets .nav-links a.page-numbers,
.listing-projets .nav-links span.page-numbers {
  font-family: "gothambook";
  font-size: 20px;
  text-decoration: none;
}
.listing-projets .nav-links .page-numbers.current {
  font-family: "gothamblack";
  background-color: #F39325;
  color: white;
  border-radius: 100%;
  padding: 10px 20px;
}
.listing-projets .nav-links .next,
.listing-projets .nav-links .prev {
  display: flex;
  align-items: center;
}
.listing-projets .nav-links .next img,
.listing-projets .nav-links .prev img {
  width: 45px;
}

.card-dev-m {
  position: absolute;
  top: 63px !important;
  right: 45px !important;
  font-family: "gothamblack";
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-color: #E5104C;
  padding: 4px 14Px;
  border-radius: 50px;
}

.dev-m {
  position: absolute;
  top: 0;
  right: 10px;
  font-family: "gothamblack";
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-color: #E5104C;
  padding: 4px 14Px;
  border-radius: 50px;
}
.dev-m img {
  width: auto;
  height: 1em;
  max-height: 16px;
  vertical-align: middle;
  object-fit: contain;
}

.card-livr-m {
  position: absolute;
  top: 63px !important;
  right: 45px !important;
  font-family: "gothamblack";
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-color: #008C78;
  padding: 4px 14Px;
  border-radius: 50px;
}

.livr-m {
  position: absolute;
  top: 0;
  right: 10px;
  font-family: "gothamblack";
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-color: #008C78;
  padding: 4px 14Px;
  border-radius: 50px;
}
.livr-m img {
  width: auto;
  height: 1em;
  max-height: 16px;
  vertical-align: middle;
  object-fit: contain;
}

.card-mont-m {
  position: absolute;
  top: 63px !important;
  right: 45px !important;
  font-family: "gothamblack";
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-color: #735AA2;
  padding: 4px 14Px;
  border-radius: 50px;
}

.mont-m {
  position: absolute;
  top: 0;
  right: 10px;
  font-family: "gothamblack";
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-color: #735AA2;
  padding: 4px 14Px;
  border-radius: 50px;
}
.mont-m img {
  width: auto;
  height: 1em;
  max-height: 16px;
  vertical-align: middle;
  object-fit: contain;
}

.chant-m {
  position: absolute;
  top: 0;
  right: 10px;
  font-family: "gothamblack";
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-color: #735aa2;
  padding: 4px 14Px;
  border-radius: 50px;
}
.chant-m img {
  width: auto;
  height: 1em;
  max-height: 16px;
  vertical-align: middle;
  object-fit: contain;
}

.card-chant-m {
  position: absolute;
  top: 63px !important;
  right: 45px !important;
  font-family: "gothamblack";
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  background-color: #735aa2;
  padding: 4px 14Px;
  border-radius: 50px;
}

.img-card img {
  width: 100%;
  height: 155px;
  object-fit: cover;
}

.btn-projet-card {
  background: transparent;
  padding: 8px 25px;
  border-radius: 25px;
  font-family: "gothamblack";
  border: 1px solid #C45E00;
  color: #00407B;
  align-self: end;
}

.toggle-switch {
  width: 135px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000 !important;
  display: none;
  margin-top: 2%;
}
@media only screen and (max-width: 768px) {
  .toggle-switch {
    display: block;
  }
}

.toggle-checkbox {
  display: none;
}

.toggle-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #00407B;
  border-radius: 50px;
  cursor: pointer;
  position: relative;
  padding: 0 10px;
  box-sizing: border-box;
}

.toggle-text {
  color: white;
  font-weight: bold;
  flex: 1;
  text-align: center;
  user-select: none;
}

.toggle-ball {
  width: 50%;
  height: 80%;
  background-color: white;
  border-radius: 20px;
  position: absolute;
  top: 10%;
  left: 4%;
  transition: all 0.3s ease;
}

.toggle-text-left, .toggle-text-right {
  font-family: "gothamblack";
}

.toggle-checkbox:checked + .toggle-label .toggle-ball {
  left: 48%;
}

.toggle-checkbox:checked + .toggle-label .toggle-text-left {
  color: white;
}

.toggle-checkbox:not(:checked) + .toggle-label .toggle-text-right {
  color: white;
}

.toggle-checkbox:checked + .toggle-label .toggle-text-right {
  color: #00407B;
  position: relative;
  z-index: 1000;
}

.toggle-checkbox:not(:checked) + .toggle-label .toggle-text-left {
  color: #00407B;
  position: relative;
  z-index: 1000;
}

@media only screen and (max-width: 768px) {
  .deleted {
    display: none;
  }
}

.card-map-projet {
  height: auto !important;
  background-color: white;
  padding: 20px;
  border-radius: 20px;
}
.card-map-projet .text-card {
  display: grid;
  grid-template-columns: 1fr;
}
.card-map-projet .text-card p {
  margin: 16px 0 0 0;
}
.card-map-projet .text-card a {
  justify-self: flex-end;
}

.map-reset-filters {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  margin: 0;
  height: 35px;
  padding: 5px 15px;
  border: 1px solid #00407B;
  border-radius: 10px;
  background: transparent;
  color: #00407B;
  font-family: "gothambook";
  font-size: inherit;
  font-weight: normal;
  line-height: 1.2;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.map-reset-filters__icon {
  display: block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  position: relative;
}
.map-reset-filters__icon::before, .map-reset-filters__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 1px;
  background: currentColor;
  transform-origin: center;
}
.map-reset-filters__icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.map-reset-filters__icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.map-reset-filters__label {
  text-align: left;
}
.map-reset-filters:hover, .map-reset-filters:focus, .map-reset-filters:focus-visible {
  background-color: transparent;
  color: #00407B;
  outline: 2px solid #005fcc;
  outline-offset: 0;
}

/*--------------------------------------------------------------
# Proposer un projet
--------------------------------------------------------------*/
.page-template-template-proposer-projet main {
  background-color: #008c78 !important;
  color: white;
  background: url(/wp-content/themes/fti/images/line-red.svg);
  background-repeat: repeat;
  background-size: 200px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 20%;
}
@media only screen and (max-width: 768px) {
  .page-template-template-proposer-projet main .title-page {
    padding-bottom: 0;
  }
}
.page-template-template-proposer-projet main .title-page p {
  text-align: center;
}
.page-template-template-proposer-projet main .content-proposer-projet {
  padding-top: 0px;
}
.page-template-template-proposer-projet main .content-proposer-projet .form .gform_required_legend {
  display: none;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form label,
.page-template-template-proposer-projet main .content-proposer-projet .form form legend.gfield_label {
  font-family: "gothamblack";
  font-size: 18px;
  color: white;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form label .gfield_required,
.page-template-template-proposer-projet main .content-proposer-projet .form form label .gfield_required_asterisk,
.page-template-template-proposer-projet main .content-proposer-projet .form form legend.gfield_label .gfield_required,
.page-template-template-proposer-projet main .content-proposer-projet .form form legend.gfield_label .gfield_required_asterisk {
  color: white !important;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .ginput_container_radio .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem 2rem;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .ginput_container_radio .gchoice {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .ginput_container_radio label {
  font-family: "gothambook";
  cursor: pointer;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .ginput_container_radio input[type=radio].gfield-choice-input {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border: 3px solid #FFF !important;
  border-color: #FFF !important;
  background-color: rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  cursor: pointer;
  display: inline-grid;
  place-content: center;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
  accent-color: white;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .ginput_container_radio input[type=radio].gfield-choice-input::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #008c78;
  opacity: 0;
  position: static;
  margin: 0;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .ginput_container_radio input[type=radio].gfield-choice-input:checked {
  background-color: #FFF;
  border-color: #FFF !important;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .ginput_container_radio input[type=radio].gfield-choice-input:checked::before {
  opacity: 1;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .ginput_container_radio input[type=radio].gfield-choice-input:focus, .page-template-template-proposer-projet main .content-proposer-projet .form form .ginput_container_radio input[type=radio].gfield-choice-input:focus-visible {
  border-color: #FFF !important;
  outline: 3px solid #FFF;
  outline-offset: 3px;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.35);
}
@media only screen and (max-width: 768px) {
  .page-template-template-proposer-projet main .content-proposer-projet .form form .radio-form #input_2_5 {
    flex-direction: column !important;
    align-items: flex-start;
  }
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .charleft.ginput_counter.gfield_description {
  color: white;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .gform_footer {
  text-align: center;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .gform-theme .gform_footer input.gform_button.btn-orange,
.page-template-template-proposer-projet main .content-proposer-projet .form form .gform_footer input.gform_button.btn-orange {
  position: relative !important;
  margin: auto !important;
  display: inline-block !important;
  width: fit-content;
  appearance: none;
  -webkit-appearance: none;
  background-color: white !important;
  background-image: url("/wp-content/themes/fti/images/fleche-bleue.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 9px 14px !important;
  color: #00407B !important;
  padding: 8px 36px 8px 15px !important;
  text-align: center;
  border: solid 1px #00407B !important;
  border-radius: 25px !important;
  font-family: "gothamblack" !important;
  text-shadow: none;
  cursor: pointer;
  line-height: 1.2;
  transition: 0.2s;
  box-shadow: none !important;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .gform-theme .gform_footer input.gform_button.btn-orange::after, .page-template-template-proposer-projet main .content-proposer-projet .form form .gform-theme .gform_footer input.gform_button.btn-orange::before,
.page-template-template-proposer-projet main .content-proposer-projet .form form .gform_footer input.gform_button.btn-orange::after,
.page-template-template-proposer-projet main .content-proposer-projet .form form .gform_footer input.gform_button.btn-orange::before {
  content: none !important;
  display: none !important;
}
.page-template-template-proposer-projet main .content-proposer-projet .form form .gform-theme .gform_footer input.gform_button.btn-orange:hover, .page-template-template-proposer-projet main .content-proposer-projet .form form .gform-theme .gform_footer input.gform_button.btn-orange:focus, .page-template-template-proposer-projet main .content-proposer-projet .form form .gform-theme .gform_footer input.gform_button.btn-orange:focus-visible,
.page-template-template-proposer-projet main .content-proposer-projet .form form .gform_footer input.gform_button.btn-orange:hover,
.page-template-template-proposer-projet main .content-proposer-projet .form form .gform_footer input.gform_button.btn-orange:focus,
.page-template-template-proposer-projet main .content-proposer-projet .form form .gform_footer input.gform_button.btn-orange:focus-visible {
  background-color: #022552 !important;
  background-image: url("/wp-content/themes/fti/images/fleche.svg") !important;
  border-color: #022552 !important;
  color: white !important;
}
.page-template-template-proposer-projet main .content-proposer-projet .form p {
  text-align: center;
}

/*--------------------------------------------------------------
# Newsletter
--------------------------------------------------------------*/
.page-template-template-newsletter main {
  background-color: #00407B !important;
  color: white;
  background: url(/wp-content/themes/fti/images/line-red.svg);
  background-repeat: repeat;
  background-size: 200px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 20%;
}
.page-template-template-newsletter main .title-page .content-title ul {
  list-style: disc;
}
.page-template-template-newsletter main .content-newsletter .form .gform_required_legend {
  display: none;
}
.page-template-template-newsletter main .content-newsletter .form form label,
.page-template-template-newsletter main .content-newsletter .form form legend.gfield_label {
  font-family: "gothamblack";
  font-size: 18px;
  color: white;
}
.page-template-template-newsletter main .content-newsletter .form form label .gfield_required,
.page-template-template-newsletter main .content-newsletter .form form label .gfield_required_asterisk,
.page-template-template-newsletter main .content-newsletter .form form legend.gfield_label .gfield_required,
.page-template-template-newsletter main .content-newsletter .form form legend.gfield_label .gfield_required_asterisk {
  color: white !important;
}
.page-template-template-newsletter main .content-newsletter .form form .ginput_container_checkbox {
  cursor: pointer;
}
.page-template-template-newsletter main .content-newsletter .form form .ginput_container_checkbox label {
  font-family: "gothambook";
}
.page-template-template-newsletter main .content-newsletter .form form .ginput_container_checkbox input[type=checkbox].gfield-choice-input {
  background: transparent;
  border: 1px solid #FFF !important;
  border-color: #FFF !important;
}
.page-template-template-newsletter main .content-newsletter .form form .ginput_container_checkbox input[type=checkbox].gfield-choice-input:checked::before {
  background: #FFF;
}
.page-template-template-newsletter main .content-newsletter .form form .ginput_container_checkbox input[type=checkbox].gfield-choice-input:focus, .page-template-template-newsletter main .content-newsletter .form form .ginput_container_checkbox input[type=checkbox].gfield-choice-input:focus-visible {
  border-color: #FFF !important;
  outline: 2px solid #FFF;
  outline-offset: 2px;
}
.page-template-template-newsletter main .content-newsletter .form form #gfield_description_3_3 {
  color: white;
}
.page-template-template-newsletter main .content-newsletter .form form .gform_footer {
  text-align: center;
}
.page-template-template-newsletter main .content-newsletter .form form .gform-theme .gform_footer input.gform_button.btn-orange,
.page-template-template-newsletter main .content-newsletter .form form .gform_footer input.gform_button.btn-orange {
  position: relative !important;
  margin: auto !important;
  display: inline-block !important;
  width: fit-content;
  appearance: none;
  -webkit-appearance: none;
  background-color: white !important;
  background-image: url("/wp-content/themes/fti/images/fleche-bleue.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 9px 14px !important;
  color: #00407B !important;
  padding: 8px 36px 8px 15px !important;
  text-align: center;
  border: solid 1px #00407B !important;
  border-radius: 25px !important;
  font-family: "gothamblack" !important;
  text-shadow: none;
  cursor: pointer;
  line-height: 1.2;
  transition: 0.2s;
  box-shadow: none !important;
}
.page-template-template-newsletter main .content-newsletter .form form .gform-theme .gform_footer input.gform_button.btn-orange::after, .page-template-template-newsletter main .content-newsletter .form form .gform-theme .gform_footer input.gform_button.btn-orange::before,
.page-template-template-newsletter main .content-newsletter .form form .gform_footer input.gform_button.btn-orange::after,
.page-template-template-newsletter main .content-newsletter .form form .gform_footer input.gform_button.btn-orange::before {
  content: none !important;
  display: none !important;
}
.page-template-template-newsletter main .content-newsletter .form form .gform-theme .gform_footer input.gform_button.btn-orange:hover, .page-template-template-newsletter main .content-newsletter .form form .gform-theme .gform_footer input.gform_button.btn-orange:focus, .page-template-template-newsletter main .content-newsletter .form form .gform-theme .gform_footer input.gform_button.btn-orange:focus-visible,
.page-template-template-newsletter main .content-newsletter .form form .gform_footer input.gform_button.btn-orange:hover,
.page-template-template-newsletter main .content-newsletter .form form .gform_footer input.gform_button.btn-orange:focus,
.page-template-template-newsletter main .content-newsletter .form form .gform_footer input.gform_button.btn-orange:focus-visible {
  background-color: #022552 !important;
  background-image: url("/wp-content/themes/fti/images/fleche.svg") !important;
  border-color: #022552 !important;
  color: white !important;
}
.page-template-template-newsletter main .content-newsletter .form p {
  text-align: center;
}
.page-template-template-newsletter footer .newsletter {
  display: none;
}

/*--------------------------------------------------------------
# Documentation
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .page-template-template-documentation .content_page {
    padding-top: 0;
  }
}
.page-template-template-documentation .content_page .container .doc_pdf {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-documentation .content_page .container .doc_pdf {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 35px;
  }
}
.page-template-template-documentation .content_page .container .doc_pdf .btn-orange span {
  margin-left: 10px;
}

.fournisseurs section {
  width: 55%;
  margin: auto;
  padding: 10px 0;
}
@media only screen and (max-width: 768px) {
  .fournisseurs section {
    width: 90%;
  }
}
.fournisseurs section.title-page {
  margin-top: 50px;
}
.fournisseurs section.title-page h1 {
  font-size: 36px;
}
.fournisseurs section.title-page h2 {
  font-size: 24px;
  color: #00407B;
}
.fournisseurs section h1 {
  text-align: center;
  width: 50%;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .fournisseurs section h1 {
    width: 100%;
  }
}
.fournisseurs section h2 {
  color: #008C78;
  text-align: center;
}
.fournisseurs section a {
  color: #00407B;
  text-decoration: underline;
}
.fournisseurs section .btn-orange {
  text-decoration: none;
  margin: 0 auto 50px;
}
.fournisseurs section .flex {
  display: flex;
  align-items: center;
  gap: 50px;
  margin: 75px 0 0 0;
}
@media only screen and (max-width: 768px) {
  .fournisseurs section .flex {
    flex-direction: column;
    gap: 25px;
    margin: 0;
  }
}
.fournisseurs section .flex img {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .fournisseurs section .flex img {
    width: 100%;
  }
}
.fournisseurs section .flex p {
  font-family: "lora", serif;
  font-weight: 700;
  font-size: 24px;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .fournisseurs section .flex p {
    width: 100%;
    font-size: 18px;
  }
}
.fournisseurs section ul {
  list-style: none;
}
.fournisseurs section ul li {
  position: relative;
  padding-left: 35px;
  margin: 25px 0;
  font-family: "gothamblack";
  font-weight: 450;
}
.fournisseurs section ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-image: url("/wp-content/uploads/2025/04/Group-174.png");
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 100%;
}
.fournisseurs section table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  margin: 50px 0;
}
.fournisseurs section .border-bottom {
  border-bottom: solid 1px grey;
}
.fournisseurs section .border-right {
  border-right: solid 1px grey;
}
.fournisseurs section th {
  color: #008C78;
  text-align: center;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  .fournisseurs section th {
    font-size: 11px;
  }
}
.fournisseurs section th.width-1 {
  width: 22%;
}
.fournisseurs section th.width-2 {
  width: 40%;
}
.fournisseurs section th.width-4 {
  width: 22%;
}
.fournisseurs section .green {
  background-color: rgba(0, 140, 120, 0.1);
}
.fournisseurs section td {
  border: 0;
  text-align: center;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  .fournisseurs section td {
    font-size: 11px;
  }
}
.fournisseurs section td.no-color {
  background-color: white;
}
.fournisseurs section .after:not(.is-external-link) {
  display: inline-flex;
  align-items: baseline;
}
.fournisseurs section .after:not(.is-external-link)::after {
  content: "";
  display: inline-block;
  background: url("/wp-content/uploads/2025/04/Frame-7090-1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 17px;
  box-shadow: none;
  margin-left: 0.35em;
  vertical-align: text-bottom;
}
.fournisseurs section .btn-orange:not(.is-external-link)::after {
  background: url("/wp-content/uploads/2025/04/Frame-7090.png");
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: none;
  margin-left: 5px;
}
.fournisseurs .tableau {
  margin-bottom: 100px;
}

.adaptatif .width {
  width: 60%;
  margin: 40px auto 0;
}
@media only screen and (max-width: 768px) {
  .adaptatif .width {
    width: 75%;
    margin-top: 30px;
  }
}
.adaptatif .width article {
  width: 100%;
  padding: 0;
}
.adaptatif .width:not(.map-single) > a[class*=btn] {
  margin-left: auto;
  margin-right: auto;
}
.adaptatif .width:not(.map-single) > * + a[class*=btn] {
  margin-top: 1.5em;
}
.adaptatif .texte p:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu .content p:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content p:has(a[class*=btn]) {
  text-align: center;
}
.adaptatif .texte .has-text-align-left:has(a[class*=btn]),
.adaptatif .texte p.has-text-align-left:has(a[class*=btn]),
.adaptatif .texte .alignleft:has(a[class*=btn]),
.adaptatif .texte [style*="text-align: left"]:has(a[class*=btn]),
.adaptatif .texte [style*="text-align:left"]:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu .content .has-text-align-left:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu .content p.has-text-align-left:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu .content .alignleft:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu .content [style*="text-align: left"]:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu .content [style*="text-align:left"]:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content .has-text-align-left:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content p.has-text-align-left:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content .alignleft:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content [style*="text-align: left"]:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content [style*="text-align:left"]:has(a[class*=btn]) {
  text-align: left;
}
.adaptatif .texte .has-text-align-right:has(a[class*=btn]),
.adaptatif .texte p.has-text-align-right:has(a[class*=btn]),
.adaptatif .texte .alignright:has(a[class*=btn]),
.adaptatif .texte [style*="text-align: right"]:has(a[class*=btn]),
.adaptatif .texte [style*="text-align:right"]:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu .content .has-text-align-right:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu .content p.has-text-align-right:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu .content .alignright:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu .content [style*="text-align: right"]:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu .content [style*="text-align:right"]:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content .has-text-align-right:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content p.has-text-align-right:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content .alignright:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content [style*="text-align: right"]:has(a[class*=btn]),
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content [style*="text-align:right"]:has(a[class*=btn]) {
  text-align: right;
}
.adaptatif .texte a[class*=btn].alignleft,
.adaptatif .contenus-2-colonnes-image-contenu .content a[class*=btn].alignleft,
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content a[class*=btn].alignleft {
  margin-left: 0;
  margin-right: auto;
}
.adaptatif h1 {
  text-align: center;
}
.adaptatif h2 {
  color: #006B5C;
  font-weight: 450;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0.75em;
}
.adaptatif p {
  margin-bottom: 1em;
}
.adaptatif p:last-child {
  margin-bottom: 0;
}
.adaptatif .liste ul {
  list-style: disc;
  padding-left: 20px;
}
.adaptatif .liste ul li {
  padding: 5px;
}
.adaptatif .checks ul li {
  position: relative;
  padding-left: 35px;
  margin: 12px 0;
  font-family: "gothamblack";
  font-weight: 450;
}
.adaptatif .checks ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-image: url("/wp-content/uploads/2025/04/Group-174.png");
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 100%;
}
.adaptatif .texte a {
  color: #E42312;
  text-decoration: underline;
}
.adaptatif .liste-deux-colonnes {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .liste-deux-colonnes {
    flex-direction: column;
    gap: 0;
  }
}
.adaptatif .liste-deux-colonnes div {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .adaptatif .liste-deux-colonnes div {
    width: 100%;
  }
}
.adaptatif .liste-deux-colonnes div ul {
  list-style: none;
}
.adaptatif .liste-deux-colonnes div ul li {
  display: block;
  position: relative;
  font-family: "gothamblack";
  font-weight: 450;
  border-bottom: solid 1px #00407B;
  padding: 10px 0 10px 35px;
}
.adaptatif .liste-deux-colonnes div ul li::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.adaptatif .map-single {
  position: relative;
}
.adaptatif .map-single .btn-map-single {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999;
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 5px 10px 5px 15px;
  border-radius: 25px;
  border: 1px solid #00407B;
  font-family: "gothamblack";
  color: #00407B !important;
  background: #fff !important;
  text-decoration: none !important;
  transition: 0.2s;
}
.adaptatif .map-single .btn-map-single:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/fleche-jaune.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
}
.adaptatif .map-single .btn-map-single:hover, .adaptatif .map-single .btn-map-single:focus, .adaptatif .map-single .btn-map-single:focus-visible {
  background: #00407B !important;
  color: white !important;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1.5px;
  text-decoration: none !important;
}
.adaptatif .map-single .btn-map-single:hover:after, .adaptatif .map-single .btn-map-single:focus:after, .adaptatif .map-single .btn-map-single:focus-visible:after {
  background: url("/wp-content/themes/fti/images/fleche.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
}
.adaptatif .map-single #map {
  height: 400px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .map-single #map {
    height: 280px;
  }
}
.adaptatif .btn-orange.bleu {
  background-color: #00407B !important;
  box-shadow: 0px 2px 0px 0px #002344 !important;
}
.adaptatif .btn-orange.bleu:hover, .adaptatif .btn-orange.bleu:focus, .adaptatif .btn-orange.bleu:focus-visible {
  background-color: #002344 !important;
}
.adaptatif .btn-white, .adaptatif .btn-orange-outline {
  width: fit-content;
}
.adaptatif .citation {
  position: relative;
  font-family: "lora", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 34px;
  line-height: 40px;
}
.adaptatif .citation q {
  position: relative;
  display: block;
  text-align: center;
  width: 75%;
  margin: auto;
}
.adaptatif .citation q:before {
  content: "";
  display: block;
  width: 50px;
  height: 30px;
  background: url("/wp-content/uploads/2025/04/unnamed-file.png");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: -55px;
  top: -20px;
}
.adaptatif .citation q:after {
  content: "";
  display: block;
  width: 50px;
  height: 30px;
  background: url("/wp-content/uploads/2025/04/2.png");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: -55px;
  bottom: 15px;
}
.adaptatif .image-seule img {
  border-radius: 20px;
}
.adaptatif .carousel-images {
  width: 70%;
  margin: 75px auto 0;
}
@media only screen and (max-width: 768px) {
  .adaptatif .carousel-images {
    width: 75%;
    margin-top: 50px;
  }
}
.adaptatif .carousel-images .imgs-slider {
  position: relative;
  padding: 0 60px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .carousel-images .imgs-slider {
    padding: 0 40px;
  }
}
.adaptatif .carousel-images .imgs-slider .slick-next {
  height: 54px;
  width: 54px;
  right: 0;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .adaptatif .carousel-images .imgs-slider .slick-next {
    height: 25px;
    width: 25px;
  }
}
.adaptatif .carousel-images .imgs-slider .slick-next:before {
  content: url("/wp-content/themes/fti/images/slider-arrow-right.svg");
}
@media only screen and (max-width: 768px) {
  .adaptatif .carousel-images .imgs-slider .slick-next:before {
    display: block;
    content: "";
    background-image: url("/wp-content/themes/fti/images/slider-arrow-right.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
  }
}
.adaptatif .carousel-images .imgs-slider .slick-next:hover:before {
  content: url("/wp-content/themes/fti/images/slider-arrow-right-p.svg");
}
@media only screen and (max-width: 768px) {
  .adaptatif .carousel-images .imgs-slider .slick-next:hover:before {
    display: block;
    content: "";
    background-image: url("/wp-content/themes/fti/images/slider-arrow-right-p.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
  }
}
.adaptatif .carousel-images .imgs-slider .slick-prev {
  height: 54px;
  width: 54px;
  left: 0;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .adaptatif .carousel-images .imgs-slider .slick-prev {
    height: 25px;
    width: 25px;
  }
}
.adaptatif .carousel-images .imgs-slider .slick-prev:before {
  content: url("/wp-content/themes/fti/images/slider-arrow-left.svg");
}
@media only screen and (max-width: 768px) {
  .adaptatif .carousel-images .imgs-slider .slick-prev:before {
    display: block;
    content: "";
    background-image: url("/wp-content/themes/fti/images/slider-arrow-left.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
  }
}
.adaptatif .carousel-images .imgs-slider .slick-prev:hover:before {
  content: url("/wp-content/themes/fti/images/slider-arrow-left-p.svg");
}
@media only screen and (max-width: 768px) {
  .adaptatif .carousel-images .imgs-slider .slick-prev:hover:before {
    display: block;
    content: "";
    background-image: url("/wp-content/themes/fti/images/slider-arrow-left-p.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
  }
}
.adaptatif .carousel-images .imgs-slider .slick-list.draggable {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  height: 450px !important;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .adaptatif .carousel-images .imgs-slider .slick-list.draggable {
    height: 250px !important;
  }
}
.adaptatif .carousel-images .imgs-slider .slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.adaptatif .carousel-images .imgs-slider .img-slider {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
}
.adaptatif .carousel-images .imgs-slider .img-slider figcaption {
  text-align: center;
}
.adaptatif .carousel-images .imgs-slider img {
  max-height: 450px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 768px) {
  .adaptatif .carousel-images .imgs-slider img {
    height: 250px;
  }
}
.adaptatif .contenus-deux-colonnes {
  width: 70%;
  margin: 75px auto 0;
}
@media only screen and (max-width: 768px) {
  .adaptatif .contenus-deux-colonnes {
    width: 75%;
    margin-top: 50px;
  }
}
.adaptatif .contenus-deux-colonnes .flex {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .contenus-deux-colonnes .flex {
    flex-direction: column;
  }
}
.adaptatif .contenus-deux-colonnes .flex:last-of-type {
  margin-top: 50px;
}
.adaptatif .contenus-deux-colonnes .flex:last-of-type div {
  margin-top: 25px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .contenus-deux-colonnes .flex:last-of-type div {
    margin-top: 0;
  }
}
.adaptatif .contenus-deux-colonnes .flex div {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .adaptatif .contenus-deux-colonnes .flex div {
    width: 100%;
  }
}
.adaptatif .contenus-deux-colonnes .flex div p {
  margin: 0;
}
.adaptatif .contenus-2-colonnes-image-contenu {
  width: 70%;
  margin: 75px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .contenus-2-colonnes-image-contenu {
    flex-direction: column;
    width: 75%;
    margin-top: 50px;
  }
}
.adaptatif .contenus-2-colonnes-image-contenu h2 {
  text-align: left;
}
.adaptatif .contenus-2-colonnes-image-contenu .images {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 25px;
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .adaptatif .contenus-2-colonnes-image-contenu .images {
    width: 100%;
  }
}
.adaptatif .contenus-2-colonnes-image-contenu .images img {
  border-radius: 20px;
}
.adaptatif .contenus-2-colonnes-image-contenu .images .petit {
  width: 75%;
  margin-right: 0;
}
.adaptatif .contenus-2-colonnes-image-contenu .content {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .adaptatif .contenus-2-colonnes-image-contenu .content {
    width: 100%;
  }
}
.adaptatif .contenus-2-colonnes-image-contenu-inverse {
  width: 70%;
  margin: 50px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 50px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .contenus-2-colonnes-image-contenu-inverse {
    flex-direction: column;
    width: 75%;
  }
}
.adaptatif .contenus-2-colonnes-image-contenu-inverse h2 {
  text-align: left;
}
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content {
  width: 65%;
}
@media only screen and (max-width: 768px) {
  .adaptatif .contenus-2-colonnes-image-contenu-inverse .content {
    width: 100%;
  }
}
.adaptatif .contenus-2-colonnes-image-contenu-inverse .content p {
  margin-bottom: 0;
}
.adaptatif .contenus-2-colonnes-image-contenu-inverse .image {
  width: 35%;
  border-radius: 20px;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 768px) {
  .adaptatif .contenus-2-colonnes-image-contenu-inverse .image {
    width: 100%;
    height: 250px;
  }
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-4-images {
    width: 75%;
  }
}
.adaptatif .bloc-4-images .conteneur {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-4-images .conteneur {
    flex-direction: column;
  }
}
.adaptatif .bloc-4-images .conteneur div {
  line-height: 0;
}
.adaptatif .bloc-4-images .conteneur div img {
  border-radius: 20px;
}
.adaptatif .bloc-4-images .conteneur div.grand {
  width: 55%;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-4-images .conteneur div.grand {
    width: 100%;
  }
}
.adaptatif .bloc-4-images .conteneur div.petit {
  width: 45%;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-4-images .conteneur div.petit {
    width: 100%;
  }
}
.adaptatif .bloc-4-images .conteneur div.petit img {
  width: 75%;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-4-images .conteneur div.petit img {
    width: 100%;
  }
}
.adaptatif .bloc-4-images .conteneur:first-of-type {
  align-items: end;
  margin-bottom: 50px;
}
.adaptatif .bloc-4-images .conteneur:last-of-type .petit {
  display: flex;
  justify-content: right;
  align-items: start;
}
.adaptatif .bloc-4-images .conteneur:last-of-type .petit img {
  margin-right: 0;
}
.adaptatif .bloc-image-contenu-alterne-gauche-droite {
  width: 70%;
  margin: 75px auto 0;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-image-contenu-alterne-gauche-droite {
    width: 75%;
    margin-top: 50px;
  }
}
.adaptatif .bloc-image-contenu-alterne-gauche-droite .flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 50px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-image-contenu-alterne-gauche-droite .flex {
    flex-direction: column;
  }
}
.adaptatif .bloc-image-contenu-alterne-gauche-droite .flex h2, .adaptatif .bloc-image-contenu-alterne-gauche-droite .flex p {
  text-align: left;
}
.adaptatif .bloc-image-contenu-alterne-gauche-droite .flex h2 {
  color: #00407B;
}
.adaptatif .bloc-image-contenu-alterne-gauche-droite .flex:last-of-type {
  margin: 0;
}
.adaptatif .bloc-image-contenu-alterne-gauche-droite .flex div {
  width: 60%;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-image-contenu-alterne-gauche-droite .flex div {
    width: 100%;
  }
}
.adaptatif .bloc-image-contenu-alterne-gauche-droite .flex .image {
  width: 40%;
  border-radius: 20px;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-image-contenu-alterne-gauche-droite .flex .image {
    width: 100%;
    height: 250px;
  }
}
.adaptatif .bloc-image-contenu-alterne-gauche-droite .flex:nth-of-type(2n) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-image-contenu-alterne-gauche-droite .flex:nth-of-type(2n) {
    flex-direction: column-reverse;
  }
}
.adaptatif .bloc-image-contenu-alterne-gauche-droite .flex:nth-of-type(2n) h2, .adaptatif .bloc-image-contenu-alterne-gauche-droite .flex:nth-of-type(2n) p {
  text-align: right;
}
.adaptatif .blocs-colores {
  width: 70%;
  margin: 75px auto 0;
}
@media only screen and (max-width: 768px) {
  .adaptatif .blocs-colores {
    width: 75%;
    margin-top: 50px;
  }
}
.adaptatif .blocs-colores h2 {
  color: white;
  border-radius: 50px;
  padding: 5px 15px;
  width: fit-content;
  margin: auto;
}
.adaptatif .blocs-colores h3 {
  font-size: 25px;
  text-align: center;
}
.adaptatif .blocs-colores .rouge h2 {
  background-color: #E42312;
}
.adaptatif .blocs-colores .rouge h3 {
  color: #E42312;
}
.adaptatif .blocs-colores .orange h2 {
  background-color: #F39325;
}
.adaptatif .blocs-colores .orange h3 {
  color: #00407B;
}
.adaptatif .blocs-colores .violet h2 {
  background-color: #735aa2;
}
.adaptatif .blocs-colores .violet h3 {
  color: #735aa2;
}
.adaptatif .blocs-colores .violet .btn-white, .adaptatif .blocs-colores .violet .btn-orange-outline {
  margin: 0 auto 50px;
  border-color: #735aa2;
  color: #735aa2;
}
.adaptatif .blocs-colores .violet .btn-white::after, .adaptatif .blocs-colores .violet .btn-orange-outline::after {
  background: url("/wp-content/uploads/2025/04/Vector-1.png");
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
}
.adaptatif .blocs-colores .violet .btn-white:hover, .adaptatif .blocs-colores .violet .btn-orange-outline:hover {
  background-color: #735aa2 !important;
}
.adaptatif .blocs-colores .violet .btn-white:hover::after, .adaptatif .blocs-colores .violet .btn-orange-outline:hover::after {
  filter: brightness(0) invert(1);
}
.adaptatif .blocs-colores .vert h2 {
  background-color: #008c78;
}
.adaptatif .blocs-colores .vert h3 {
  color: #006B5C;
}
.adaptatif .blocs-colores .btn-white, .adaptatif .blocs-colores .btn-orange-outline {
  margin: 0 auto 50px;
}
.adaptatif .bloc-pictos {
  background-color: #008c78;
  margin-top: 100px;
  padding: 50px 0;
}
.adaptatif .bloc-pictos h2 {
  font-size: 30px;
  color: white;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-pictos h2 {
    width: 75%;
    margin: 0 auto 50px;
  }
}
.adaptatif .bloc-pictos h2 .underlinedtext {
  position: relative;
  text-decoration: none;
  background: linear-gradient(180deg, transparent 12%, rgba(243, 147, 37, 0.35) 22%, rgba(243, 147, 37, 0.35) 88%, transparent 97%);
  padding: 0.06em 0.15em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.adaptatif .bloc-pictos h2 .underlinedtext::after {
  content: none;
  display: none;
}
.adaptatif .bloc-pictos .pictos {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 90%;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-pictos .pictos {
    flex-direction: column;
    width: 75%;
    gap: 50px;
  }
}
.adaptatif .bloc-pictos .pictos:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 2px;
  background: #F39325;
  top: 55px;
  left: 0px;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-pictos .pictos:before {
    content: none;
  }
}
.adaptatif .bloc-pictos .pictos div {
  width: 15%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-pictos .pictos div {
    width: 100%;
  }
}
.adaptatif .bloc-pictos .pictos div img {
  width: 110px;
  margin: 0 auto;
  z-index: 2;
}
.adaptatif .bloc-pictos .pictos div p {
  font-size: 14px;
  color: white;
  margin-bottom: 0;
}
.adaptatif .bloc-paves {
  background-color: #00407B;
  margin-top: 100px;
  padding: 50px 0;
}
.adaptatif .bloc-paves h2 {
  font-size: 30px;
  color: white;
  margin-bottom: 50px;
}
.adaptatif .bloc-paves h2 .underlinedtext {
  position: relative;
  text-decoration: none;
  background: linear-gradient(180deg, transparent 12%, rgba(255, 255, 255, 0.28) 22%, rgba(255, 255, 255, 0.28) 88%, transparent 97%);
  padding: 0.06em 0.15em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.adaptatif .bloc-paves h2 .underlinedtext::after {
  content: none;
  display: none;
}
.adaptatif .bloc-paves .flex {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-paves .flex {
    flex-direction: column;
    width: 75%;
    gap: 50px;
  }
}
.adaptatif .bloc-paves .flex div {
  display: block;
  background: white;
  padding: 20px;
  width: 18.5%;
  border-radius: 20px;
  text-align: center;
  transition: 0.2s;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-paves .flex div {
    width: 100%;
  }
}
.adaptatif .bloc-paves .flex div ul {
  list-style: inside;
}
.adaptatif .bloc-paves .flex div ul li {
  font-size: 12px;
}
.adaptatif .bloc-paves .flex div.rouge {
  border-top: solid 7.5px #E42312;
}
.adaptatif .bloc-paves .flex div.rouge h3 {
  color: #E42312;
}
.adaptatif .bloc-paves .flex div.orange {
  border-top: solid 7.5px #C45E00;
}
.adaptatif .bloc-paves .flex div.orange h3 {
  color: #00407B;
}
.adaptatif .bloc-paves .flex div.rose {
  border-top: solid 7.5px #E5104C;
}
.adaptatif .bloc-paves .flex div.rose h3 {
  color: #E5104C;
}
.adaptatif .bloc-paves .flex div.vert {
  border-top: solid 7.5px #008c78;
}
.adaptatif .bloc-paves .flex div.vert h3 {
  color: #006B5C;
}
.adaptatif .bloc-paves .flex div.violet {
  border-top: solid 7.5px #735aa2;
}
.adaptatif .bloc-paves .flex div.violet h3 {
  color: #735aa2;
}
.adaptatif .bloc-paves .flex div p:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background: #00407B;
  top: 10px;
  position: relative;
  margin: 0 auto;
}
.adaptatif .bloc-paves .flex div p:last-of-type {
  margin-bottom: 5px;
}
.adaptatif .bloc-paves .flex div p:last-of-type::after {
  content: none;
}
.adaptatif .bloc-check {
  background-color: #00407B;
}
.adaptatif .bloc-check ul {
  display: flex;
  padding: 50px 0;
  width: 70%;
  margin: 100px auto 150px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-check ul {
    width: 75%;
    flex-direction: column;
  }
}
.adaptatif .bloc-check ul li {
  border-right: 1px solid;
  font-family: "gothamblack";
  padding: 0 20px;
  color: white;
  text-align: center;
}
.adaptatif .bloc-check ul li:last-of-type {
  border-right: none;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-check ul li:last-of-type {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-check ul li {
    border-right: 0px;
    margin-bottom: 25px;
  }
}
.adaptatif .bloc-check ul li:before {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  background: url("/wp-content/themes/fti/images/check.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  background-size: contain;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .adaptatif .bloc-check ul li:before {
    height: 40px;
  }
}

.content-article .adaptatif > .width:first-child {
  margin-top: 0;
}
.content-article .adaptatif > .width:first-child:has(> a[class*=btn]:only-child) {
  margin-top: 1.5em;
}

.ressources {
  width: 80%;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .ressources {
    width: 100%;
  }
}
.ressources .title-page {
  padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .ressources .title-page {
    width: 90%;
    margin: auto;
  }
}
.ressources .title-page h1 {
  margin-bottom: 0;
}
.ressources .conteneur {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media only screen and (max-width: 768px) {
  .ressources .conteneur {
    flex-direction: column;
  }
}
.ressources .conteneur .bouton-filtres {
  display: none;
  width: 100%;
  background-color: #00407B;
  padding: 10px 20px;
  flex-direction: column;
  font-size: 20px;
  font-family: "gothamblack";
  color: white;
}
@media only screen and (max-width: 768px) {
  .ressources .conteneur .bouton-filtres {
    display: flex;
  }
}
.ressources .conteneur .bouton-filtres::after {
  content: "";
  background-image: url("https://preprod.fti-fonciere.fr/wp-content/uploads/2025/04/Vector-2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 75px;
  margin: 5px auto 0;
}
.ressources .conteneur form {
  width: 25%;
  border: solid 1px #EBF0F5;
  border-radius: 20px;
  padding: 5px 10px 0;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .ressources .conteneur form {
    display: none;
    width: 90%;
    margin: auto;
  }
}
.ressources .conteneur form fieldset {
  border: none;
}
.ressources .conteneur form fieldset label {
  display: flex;
  align-items: center;
  gap: 7.5px;
}
.ressources .conteneur form fieldset input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 2px solid #00407B; /* jaune */
  background-color: white;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.ressources .conteneur form fieldset input[type=checkbox]:checked {
  border-color: #C45E00; /* jaune */
}
.ressources .conteneur form fieldset {
  /* coche jaune */
}
.ressources .conteneur form fieldset input[type=checkbox]:checked::after {
  content: "✔";
  color: #00407B; /* jaune */
  font-size: 20px;
  position: absolute;
  top: -10px;
}
.ressources .conteneur form fieldset {
  /* Focus / survol */
}
.ressources .conteneur form fieldset input[type=checkbox]:focus {
  outline: none;
  box-shadow: 0 0 3px #C45E00;
}
.ressources .conteneur form .btn-white, .ressources .conteneur form .btn-orange-outline {
  background-color: white;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.ressources .conteneur form .btn-white:hover, .ressources .conteneur form .btn-orange-outline:hover {
  cursor: pointer;
  border: 1px solid #C45E00 !important;
}
.ressources .conteneur form .absolute {
  position: absolute;
  content: "";
  background: url(/wp-content/uploads/2025/04/Vector.png);
  width: 350px;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .ressources .conteneur form .absolute {
    display: none;
  }
}
.ressources .conteneur .liste {
  width: 75%;
}
@media only screen and (max-width: 768px) {
  .ressources .conteneur .liste {
    width: 90%;
    margin: auto;
  }
}
.ressources .conteneur .liste > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}
@media only screen and (max-width: 768px) {
  .ressources .conteneur .liste > ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.ressources .conteneur .liste > ul li {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 20px;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
  position: relative;
}
.ressources .conteneur .liste > ul li .ressource-media {
  background-color: #E5104C;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  width: fit-content;
  padding: 4px 8px;
  border-radius: 20px;
  position: absolute;
  top: 15px;
  right: 15px;
}
.ressources .conteneur .liste > ul li .flex {
  display: flex;
  justify-content: right;
  margin-top: auto;
}
.ressources .conteneur .liste > ul li .flex .btn-white, .ressources .conteneur .liste > ul li .flex .btn-orange-outline {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}
.ressources .conteneur .liste > ul li img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.ressources .conteneur .liste > ul li .bottom {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: white;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 15px;
}
.ressources .conteneur .liste > ul li .bottom .ressource-thematique {
  text-transform: uppercase;
  font-size: 12px;
}
.ressources .conteneur .liste > ul li .bottom h2 {
  margin: 5px 0 10px;
  font-size: 16px;
  line-height: 20px;
}
.ressources .conteneur .liste .pagination {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
}
.ressources .conteneur .liste .pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ressources .conteneur .liste .pagination ul.page-numbers li {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ressources .conteneur .liste .pagination a.page-numbers,
.ressources .conteneur .liste .pagination span.page-numbers {
  font-family: "gothambook";
  font-size: 20px;
  text-decoration: none;
}
.ressources .conteneur .liste .pagination .page-numbers.current {
  font-family: "gothamblack";
  background-color: #F39325;
  color: white;
  border-radius: 100%;
  padding: 10px 20px;
}
.ressources .conteneur .liste .pagination .next, .ressources .conteneur .liste .pagination .prev {
  display: flex;
  align-items: center;
}
.ressources .conteneur .liste .pagination .next img, .ressources .conteneur .liste .pagination .prev img {
  width: 45px;
  height: auto;
  object-fit: contain;
}

.landing-page h2 {
  color: #006B5C;
}
.landing-page .flex {
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
@media only screen and (max-width: 768px) {
  .landing-page .flex {
    width: 90%;
    flex-direction: column;
    gap: 0;
  }
}
.landing-page .flex img, .landing-page .flex .contenu {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .landing-page .flex img, .landing-page .flex .contenu {
    width: 100%;
  }
}
.landing-page .flex img {
  border-radius: 25px;
}
.landing-page .flex .contenu div {
  width: 80%;
}
@media only screen and (max-width: 768px) {
  .landing-page .flex .contenu div {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .landing-page .flex .contenu div h2 {
    text-align: center;
  }
}
.landing-page .title-page {
  padding: 50px 0 0 0;
}
.landing-page .premiere {
  background-color: #00407B;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 75px;
}
@media only screen and (max-width: 768px) {
  .landing-page .premiere {
    flex-direction: column-reverse;
    gap: 0;
  }
}
.landing-page .premiere .espace, .landing-page .premiere img {
  width: 50%;
}
.landing-page .premiere .espace {
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 768px) {
  .landing-page .premiere .espace {
    width: 90%;
    margin: auto;
  }
}
.landing-page .premiere .espace div {
  width: 65%;
}
@media only screen and (max-width: 768px) {
  .landing-page .premiere .espace div {
    width: 100%;
  }
}
.landing-page .premiere .espace div h1, .landing-page .premiere .espace div p {
  color: white;
}
@media only screen and (max-width: 768px) {
  .landing-page .premiere .espace div h1, .landing-page .premiere .espace div p {
    text-align: center;
  }
}
.landing-page .premiere .espace div h1 {
  position: relative;
  z-index: 0;
  margin-bottom: 35px;
}
.landing-page .premiere .espace div p {
  font-family: "lora", serif;
}
@media only screen and (max-width: 768px) {
  .landing-page .premiere .espace div p {
    margin-bottom: 50px;
  }
}
.landing-page .premiere .espace div .underlinedtext {
  position: relative;
  text-decoration: none;
  background: linear-gradient(180deg, transparent 12%, rgba(243, 147, 37, 0.35) 22%, rgba(243, 147, 37, 0.35) 88%, transparent 97%);
  padding: 0.06em 0.15em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.landing-page .premiere .espace div .underlinedtext::after {
  content: none;
  display: none;
}
@media only screen and (max-width: 768px) {
  .landing-page .premiere img {
    width: 100%;
  }
}
.landing-page .deuxieme .fond {
  background: url(/wp-content/themes/fti/images/bkg-jaune.svg);
  background-repeat: no-repeat;
  background-size: 350px;
  background-position-y: 0;
  padding-top: 50px;
}
@media only screen and (max-width: 768px) {
  .landing-page .deuxieme .fond {
    background: none;
    padding-top: 0;
    width: 90%;
    margin: auto;
  }
}
.landing-page .deuxieme .fond h2 {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .landing-page .deuxieme .fond h2 {
    margin-top: 0;
  }
}
.landing-page .deuxieme .video {
  width: 45%;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .landing-page .deuxieme .video {
    width: 100%;
  }
}
.landing-page .deuxieme .video .conteneur {
  position: relative;
  padding-bottom: 56.25%;
}
.landing-page .deuxieme .video .conteneur iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.landing-page .troisieme {
  background-color: #00407B;
  padding: 50px 0;
}
.landing-page .troisieme h2 {
  font-size: 30px;
  text-align: center;
  color: white;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .landing-page .troisieme h2 {
    width: 90%;
    margin: 0 auto 50px;
  }
}
.landing-page .troisieme h2 .underlinedtext {
  position: relative;
  text-decoration: none;
  background: linear-gradient(180deg, transparent 12%, rgba(255, 255, 255, 0.28) 22%, rgba(255, 255, 255, 0.28) 88%, transparent 97%);
  padding: 0.06em 0.15em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.landing-page .troisieme h2 .underlinedtext::after {
  content: none;
  display: none;
}
.landing-page .troisieme .conteneur {
  display: flex;
  justify-content: space-between;
  width: 85%;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .landing-page .troisieme .conteneur {
    width: 90%;
    overflow-x: auto;
    gap: 20px;
  }
}
.landing-page .troisieme .conteneur div {
  display: block;
  background: white;
  padding: 15px;
  width: 18.5%;
  border-radius: 20px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .landing-page .troisieme .conteneur div {
    flex: 0 0 auto;
    width: 75%;
  }
}
.landing-page .troisieme .conteneur div p {
  font-size: 13px;
}
.landing-page .troisieme .conteneur div ul {
  list-style: inside;
}
.landing-page .troisieme .conteneur div ul li {
  font-size: 12px;
}
.landing-page .troisieme .conteneur div.rouge {
  border-top: solid 7.5px #E42312;
}
.landing-page .troisieme .conteneur div.rouge h3 {
  color: #E42312;
}
.landing-page .troisieme .conteneur div.orange {
  border-top: solid 7.5px #C45E00;
}
.landing-page .troisieme .conteneur div.orange h3 {
  color: #00407B;
}
.landing-page .troisieme .conteneur div.rose {
  border-top: solid 7.5px #E5104C;
}
.landing-page .troisieme .conteneur div.rose h3 {
  color: #E5104C;
}
.landing-page .troisieme .conteneur div.vert {
  border-top: solid 7.5px #008c78;
}
.landing-page .troisieme .conteneur div.vert h3 {
  color: #006B5C;
}
.landing-page .troisieme .conteneur div.violet {
  border-top: solid 7.5px #735aa2;
}
.landing-page .troisieme .conteneur div.violet h3 {
  color: #735aa2;
}
.landing-page .troisieme .conteneur div p:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background: #00407B;
  top: 10px;
  position: relative;
  margin: 0 auto;
}
.landing-page .troisieme .conteneur div p:last-of-type {
  margin-bottom: 5px;
}
.landing-page .troisieme .conteneur div p:last-of-type::after {
  content: none;
}
.landing-page .quatrieme {
  padding-bottom: 75px;
}
.landing-page .quatrieme .flex {
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .landing-page .quatrieme .flex {
    margin-bottom: 0;
    flex-direction: column-reverse;
  }
}
.landing-page .quatrieme .flex .contenu {
  display: flex;
  justify-content: end;
}
.landing-page .quatrieme .conteneur {
  width: 50%;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .landing-page .quatrieme .conteneur {
    width: 90%;
  }
}
.landing-page .quatrieme .conteneur h2 {
  text-align: center;
}
.landing-page .quatrieme .conteneur .premiere-liste ul {
  list-style: disc;
  padding-left: 20px;
}
.landing-page .quatrieme .conteneur .premiere-liste ul li {
  padding: 5px;
}
.landing-page .quatrieme .conteneur .deuxieme-liste li {
  position: relative;
  padding-left: 35px;
  margin: 25px 0;
  font-family: "gothamblack";
  font-weight: 450;
}
.landing-page .quatrieme .conteneur .deuxieme-liste li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-image: url("/wp-content/uploads/2025/04/Group-174.png");
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 100%;
}
.landing-page .quatrieme .conteneur .lien a {
  color: #00407B;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .landing-page .quatrieme .conteneur .btn-orange {
    margin: auto;
  }
}
.landing-page .quatrieme .conteneur .espace {
  margin-top: 50px;
}
.landing-page .quatrieme .conteneur .boutons {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.landing-page .quatrieme .conteneur .boutons .btn-white, .landing-page .quatrieme .conteneur .boutons .btn-orange-outline {
  padding: 8px 25px;
  gap: 15px;
  margin: 0 10px;
}
.landing-page .quatrieme .conteneur .boutons .btn-white::after, .landing-page .quatrieme .conteneur .boutons .btn-orange-outline::after {
  background: url("/wp-content/themes/fti/images/download.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 17.5px;
}
.landing-page .quatrieme .conteneur .boutons .btn-white:hover::after, .landing-page .quatrieme .conteneur .boutons .btn-orange-outline:hover::after {
  filter: brightness(0) invert(1);
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
header {
  display: flex;
  width: 100%;
  max-height: 80px;
  position: relative;
  z-index: 200 !important;
  background-color: white !important;
}
@media only screen and (max-width: 1024px) {
  header {
    height: 50px;
  }
}
header .site-branding {
  position: relative;
}
header .site-branding .site-title,
header .site-branding .site-description {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
  header .site-branding {
    width: 85%;
    background-color: white !important;
  }
}
header .site-branding .custom-logo-link {
  width: 400px;
  padding: 24px;
  background: white;
  border-radius: 0 0 25px 0;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 13px 13px -10px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  header .site-branding .custom-logo-link {
    width: 300px;
    padding: 15px 20px;
  }
}
@media only screen and (max-width: 768px) {
  header .site-branding .custom-logo-link {
    width: 250px;
  }
}
@media only screen and (max-width: 350px) {
  header .site-branding .custom-logo-link {
    width: 100%;
  }
}
header .site-branding .custom-logo-link:before {
  content: "";
  position: absolute;
  bottom: -6px;
  height: 50px;
  width: 25px;
  border-top-left-radius: 25px;
  box-shadow: 0 -25px 0 0 white;
  right: -25px;
}
@media only screen and (max-width: 1024px) {
  header .site-branding .custom-logo-link:before {
    bottom: 24px !important;
    height: 42px !important;
    right: -24px !important;
    z-index: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  header.active {
    position: sticky;
    top: var(--_top);
  }
}

.main-navigation {
  display: flex;
  width: 100%;
  justify-content: center;
  align-content: center;
  align-items: center;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 13px 13px -10px;
  cursor: pointer;
}
@media screen and (max-width: 1220px) {
  .main-navigation {
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 768px) {
  .main-navigation {
    width: 50px;
  }
}
.main-navigation .desktop-menu {
  display: initial;
}
@media screen and (max-width: 1220px) {
  .main-navigation .desktop-menu {
    display: none;
  }
}
.main-navigation .cross-sized {
  width: 30px;
  z-index: 100000;
  position: relative;
}
.main-navigation .mobile-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 64, 123, 0.9);
  display: flex;
  justify-content: center;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  transform: scale(1) !important;
  z-index: -1 !important;
}
@media only screen and (max-width: 768px) {
  .main-navigation .mobile-menu {
    display: flex;
  }
}
.main-navigation .mobile-menu .sub-menu {
  display: none;
  /* Cache le sous-menu par défaut */
  position: relative;
  /* Position relative pour l'alignement sous le parent */
  margin-top: 10px;
  /* Un petit espace au-dessus pour séparer du parent */
  padding-left: 20px;
  /* Décalage pour indiquer l'imbrication */
  list-style: none;
}
.main-navigation .mobile-menu .menu-item-has-children .sub-menu li {
  text-align: left;
  margin: 10px 0 !important;
}
.main-navigation .mobile-menu .menu-item-has-children .sub-menu li a {
  font-size: 16px !important;
  padding: 2px !important;
  border-bottom: none !important;
}
.main-navigation .mobile-menu .menu-item-has-children > a:after {
  content: "" !important;
  display: block;
  width: 15px;
  height: 15px;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
  background: url(/wp-content/themes/fti/images/fleche-menu.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.main-navigation .mobile-menu .menu-item-has-children.open > .sub-menu {
  display: block;
  background-color: transparent;
  top: 0 !important;
  left: 0;
  box-shadow: none !important;
}
.main-navigation .mobile-menu .mobile-menu-inner {
  text-align: center;
  color: white;
}
.main-navigation .mobile-menu .mobile-menu-inner ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-navigation .mobile-menu .mobile-menu-inner ul li {
  margin: 20px 0;
}
.main-navigation .mobile-menu .mobile-menu-inner ul li a,
.main-navigation .mobile-menu .mobile-menu-inner ul li .submenu-toggle {
  display: flex;
  align-items: center;
  gap: 25px;
  color: white;
  font-family: "gothamblack";
  font-size: 20px !important;
  padding: 0px;
  text-decoration: none;
  transition: color 0.3s ease;
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.main-navigation .mobile-menu .mobile-menu-inner ul li a:hover,
.main-navigation .mobile-menu .mobile-menu-inner ul li .submenu-toggle:hover {
  color: #f39c12;
}
.main-navigation .mobile-menu .mobile-menu-inner ul ul {
  display: none;
  padding-left: 20px;
}
.main-navigation .mobile-menu .mobile-menu-inner .close-mobile-menu {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  font-size: 30px;
  color: white;
  cursor: pointer;
}
.main-navigation .mobile-menu .mobile-menu-inner #mobile-primary-menu {
  transform: translateY(-140%);
}
.main-navigation .mobile-menu .menu-item-has-children.active > ul {
  display: block;
}
.main-navigation .mobile-menu .menu-item-has-children > a::after,
.main-navigation .mobile-menu .menu-item-has-children > .submenu-toggle::after {
  content: "▼";
  /* Down arrow */
  position: absolute;
  right: 10px;
  font-size: 18px;
  transition: 0.2s;
}
.main-navigation .mobile-menu .menu-item-has-children.open > a::after,
.main-navigation .mobile-menu .menu-item-has-children.open > .submenu-toggle::after {
  transform: rotate(90deg);
}
.main-navigation .mobile-menu.visible {
  display: flex;
  opacity: 1;
  height: 100vh;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  padding-top: 200px;
}
.main-navigation .mobile-menu.hidden {
  display: none;
}
.main-navigation .mobile-menu.visible #mobile-primary-menu {
  display: block;
  transform: translateY(0%);
}
.main-navigation .menu-menu-principal-container {
  position: relative;
  width: 100%;
}
.main-navigation .menu-menu-principal-container .nav-menu {
  background: transparent !important;
  display: block !important;
  width: max-content;
  margin: 0 auto;
}
.main-navigation .menu-menu-principal-container .nav-menu:before {
  display: none !important;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  position: absolute;
  top: 80px;
  left: -999em;
  display: flex;
  flex-direction: column;
  height: auto;
  background: white;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li:focus-within > ul, .main-navigation ul ul li.submenu-open > ul {
  position: absolute;
  display: block;
  left: auto;
  right: -200px;
  border-radius: 0px 20px 20px 20px;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul .submenu-fti ul,
.main-navigation ul .sub-menu ul {
  display: block;
  border-radius: 0 0 20px 20px;
}
.main-navigation ul .submenu-fti ul li .sub-menu li a,
.main-navigation ul .sub-menu ul li .sub-menu li a {
  font-family: "gothambook";
}
.main-navigation ul .submenu-fti ul li .sub-menu li a:hover, .main-navigation ul .submenu-fti ul li .sub-menu li a:focus,
.main-navigation ul .sub-menu ul li .sub-menu li a:hover,
.main-navigation ul .sub-menu ul li .sub-menu li a:focus {
  text-decoration: underline;
}
.main-navigation ul .submenu-fti ul li .sub-menu li:first-child a:hover, .main-navigation ul .submenu-fti ul li .sub-menu li:first-child a:focus,
.main-navigation ul .sub-menu ul li .sub-menu li:first-child a:hover,
.main-navigation ul .sub-menu ul li .sub-menu li:first-child a:focus {
  border-radius: 0 20px 0 0;
}
.main-navigation ul .submenu-fti ul li .sub-menu li:last-child a:hover, .main-navigation ul .submenu-fti ul li .sub-menu li:last-child a:focus,
.main-navigation ul .sub-menu ul li .sub-menu li:last-child a:hover,
.main-navigation ul .sub-menu ul li .sub-menu li:last-child a:focus {
  border-radius: 0 0 20px 20px;
}
.main-navigation ul .submenu-fti ul li a,
.main-navigation ul .sub-menu ul li a {
  padding: 15px 20px;
  border-bottom: 1px solid #C4D1DD !important;
  font-family: "gothamblack";
}
.main-navigation ul .submenu-fti ul li a:hover, .main-navigation ul .submenu-fti ul li a:focus,
.main-navigation ul .sub-menu ul li a:hover,
.main-navigation ul .sub-menu ul li a:focus {
  color: #E5104C;
  background: transparent;
}
@media only screen and (max-width: 768px) {
  .main-navigation ul .submenu-fti ul li a:hover, .main-navigation ul .submenu-fti ul li a:focus,
  .main-navigation ul .sub-menu ul li a:hover,
  .main-navigation ul .sub-menu ul li a:focus {
    background: transparent !important;
  }
}
.main-navigation ul .submenu-fti ul li:last-child a,
.main-navigation ul .sub-menu ul li:last-child a {
  border-bottom: none !important;
}
.main-navigation ul .submenu-fti ul li:last-child a:hover, .main-navigation ul .submenu-fti ul li:last-child a:focus,
.main-navigation ul .sub-menu ul li:last-child a:hover,
.main-navigation ul .sub-menu ul li:last-child a:focus {
  border-radius: 0 0 20px 20px;
}
.main-navigation ul .submenu-fti ul .menu-item-has-children::after,
.main-navigation ul .sub-menu ul .menu-item-has-children::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 10px;
  background: url("/wp-content/themes/fti/images/fleche-menu.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .main-navigation ul .submenu-fti ul .menu-item-has-children::after,
  .main-navigation ul .sub-menu ul .menu-item-has-children::after {
    content: none !important;
  }
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus-within > ul,
.main-navigation ul li.submenu-open > ul {
  left: 0;
}
.main-navigation ul .submenu-fti > .sub-menu > li > a {
  border-bottom: 1px solid #C4D1DD !important;
}
.main-navigation ul .submenu-fti > .sub-menu > li:last-child > a {
  border-top: 1px solid #C4D1DD !important;
  border-bottom: none !important;
}
.main-navigation li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .main-navigation li {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .main-navigation li.btn-contact {
    background: #F39325;
  }
}
.main-navigation li.btn-contact a {
  padding: 0;
  color: white;
}
.main-navigation li.btn-contact a:hover, .main-navigation li.btn-contact a:focus {
  background: none;
  color: white;
}
.main-navigation li.btn-fournisseurs {
  display: flex;
  align-items: center;
  background: white;
  padding: 8px 15px;
  border: solid 1px #00407B;
  border-radius: 25px;
  font-family: "gothamblack";
  transition: 0.2s;
  margin-left: 30px;
}
.main-navigation li.btn-fournisseurs a:hover {
  background: none;
}
.main-navigation li.btn-fournisseurs:hover, .main-navigation li.btn-fournisseurs:focus {
  background-color: #00407B;
}
.main-navigation li.btn-fournisseurs:hover a, .main-navigation li.btn-fournisseurs:focus a {
  color: white;
}
.main-navigation li.btn-fournisseurs a {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .main-navigation li.btn-fournisseurs a {
    color: #00407B !important;
  }
  .main-navigation li.btn-fournisseurs:hover a, .main-navigation li.btn-fournisseurs:focus a {
    color: white !important;
  }
}
.main-navigation li:not(.btn-contact):not(.btn-fournisseurs) > a,
.main-navigation .submenu-toggle {
  display: block;
  text-decoration: none;
  padding: 30px;
  background: none;
  border: none;
  font-family: "gothamblack";
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
}
.main-navigation li:not(.btn-contact):not(.btn-fournisseurs) > a:hover, .main-navigation li:not(.btn-contact):not(.btn-fournisseurs) > a:focus,
.main-navigation .submenu-toggle:hover,
.main-navigation .submenu-toggle:focus {
  background: #00407B;
  color: white;
}
/* Search menu */
.search_menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 115px;
  padding: 0;
  margin: 0;
  border: none;
  font: inherit;
  line-height: 0;
  appearance: none;
  -webkit-appearance: none;
  background: #E5104C !important;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .search_menu {
    width: 50px !important;
  }
}
.search_menu .loupe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.search_menu #srcId {
  display: block;
  width: 35px;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .search_menu #srcId {
    width: 28px !important;
  }
}
.search_menu form {
  display: flex;
  align-items: center;
}
.search_menu form #search {
  display: none;
}
.search_menu form input[type=image] {
  width: 32px;
  height: 32px;
}

.search_menu.open {
  background-color: #00407B !important;
}

.popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 64, 123, 0.9);
  display: flex;
  justify-content: center;
  transition: opacity 0.3s ease-in-out;
  z-index: 100;
}
.popup .popup-content {
  text-align: center;
  position: relative;
  max-width: 700px;
  width: 100%;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
  top: 20%;
}
@media only screen and (max-width: 768px) {
  .popup .popup-content {
    padding: 0 20px;
  }
}
.popup .popup-content form {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 56px;
}
@media only screen and (max-width: 768px) {
  .popup .popup-content form {
    flex-direction: column;
    gap: 20px;
  }
}
.popup .popup-content h2 {
  margin-top: 0;
  font-size: 28px;
  color: white;
  position: relative;
}
.popup .popup-content h2:before {
  content: url("/wp-content/themes/fti/images/arrow-search.svg");
  position: absolute;
  left: 80px;
  top: 23px;
}
@media only screen and (max-width: 768px) {
  .popup .popup-content h2:before {
    left: -10px !important;
    top: 18px !important;
    transform: scale(0.6) rotate(-34deg);
  }
}
.popup .popup-content input {
  width: 90%;
  padding: 10px;
  font-size: 1em;
  border-radius: 5px;
  border: 1px solid #ccc;
  height: 56px;
}
.popup .popup-content #search-btn {
  padding: 7px;
  background-color: #E5104C;
  border: none;
  border-radius: 70px;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .popup .popup-content #search-btn {
    display: none !important;
  }
}
.popup .popup-content #search-btn img {
  width: 32px;
  height: 32px;
}
.popup .popup-content #search-btn-mobile {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .popup .popup-content #search-btn-mobile {
    display: flex !important;
  }
}
.popup .popup-content .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.5em;
  cursor: pointer;
}

.lock {
  overflow: hidden;
}

.popup.hidden {
  visibility: hidden;
  opacity: 0;
}

.popup.visible .popup-content {
  transform: translateY(0);
}

/* Responsive -- Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
  background: transparent;
  border: none;
}

@media screen and (min-width: 1220px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    gap: 10px;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Footer
--------------------------------------------- */
footer {
  display: block;
  width: 100%;
}
footer .newsletter {
  display: block;
  padding: 35px 0;
  background: #00407B;
  color: white;
}
footer .newsletter .container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  footer .newsletter .container {
    flex-direction: column;
  }
}
footer .newsletter .container h2 {
  font-size: 26px;
}
@media only screen and (max-width: 768px) {
  footer .newsletter .container h2 {
    margin-bottom: 12px !important;
  }
}
footer .newsletter .container h2:before {
  content: "";
  display: block;
  width: 100px;
  height: 75px;
  background: url("/wp-content/themes/fti/images/newsletter.svg");
  background-repeat: no-repeat;
  position: absolute;
  left: -50px;
  top: 10px;
}
@media only screen and (max-width: 768px) {
  footer .newsletter .container h2:before {
    position: initial !important;
    margin: 0 auto 8px !important;
  }
}
footer .newsletter .container ul li {
  list-style: disc;
  font-size: 14px;
}
footer .newsletter .container .btn-orange {
  display: flex;
  align-items: center;
  width: fit-content;
  background: white !important;
  color: #00407B !important;
  padding: 8px 15px !important;
  border: solid 1px #00407B !important;
  border-radius: 25px !important;
  font-family: "gothamblack" !important;
  text-shadow: none;
  transition: 0.2s;
  text-decoration: none;
}
footer .newsletter .container .btn-orange:not(.is-external-link)::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("/wp-content/themes/fti/images/fleche-bleue.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  margin-left: 15px;
  flex-shrink: 0;
  border: 1px solid #00407B;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.25) inset;
  border-radius: 25px;
}
footer .newsletter .container .btn-orange:hover, footer .newsletter .container .btn-orange:focus, footer .newsletter .container .btn-orange:focus-visible {
  background-color: #022552 !important;
  border-color: #022552 !important;
  color: white !important;
}
footer .newsletter .container .btn-orange:hover:not(.is-external-link)::after, footer .newsletter .container .btn-orange:focus:not(.is-external-link)::after, footer .newsletter .container .btn-orange:focus-visible:not(.is-external-link)::after {
  background: url("/wp-content/themes/fti/images/fleche.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  border-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.25) inset;
}
@media only screen and (max-width: 768px) {
  footer .newsletter .container .btn-orange {
    margin-top: 12px !important;
  }
}
footer .contact-footer .invisible {
  position: absolute;
  top: -100000px;
}
footer .contact-footer .container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #00407B;
  padding: 20px 0;
}
@media only screen and (max-width: 1024px) {
  footer .contact-footer .container {
    flex-direction: column;
  }
}
footer .contact-footer .container .logo {
  max-width: 320px;
}
footer .contact-footer .container .adresse {
  padding: 0 20px;
  border-left: 1px solid;
}
@media only screen and (max-width: 768px) {
  footer .contact-footer .container .adresse {
    border: none;
    text-align: center;
  }
}
footer .contact-footer .container .filiale p {
  margin: 0;
}
footer .contact-footer .container .filiale a img {
  width: 200px;
}
footer .contact-footer .container .linkedin {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border: 1px solid #00407B;
  border-radius: 25px;
  transition: 0.2s;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1.5px;
}
footer .contact-footer .container .linkedin:hover {
  background: #022552 !important;
}
footer .contact-footer .container .linkedin:hover path {
  fill: white;
}
footer .menu-footer .container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  align-items: start;
  column-gap: clamp(1.5rem, 3vw, 2.5rem);
  row-gap: 2rem;
  border-bottom: 1px solid #00407B;
  padding: 20px clamp(2.5rem, 5vw, 4rem);
}
@media only screen and (max-width: 1024px) {
  footer .menu-footer .container {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 20px 2rem;
  }
}
footer .menu-footer .container .menu {
  min-width: 0;
}
@media only screen and (max-width: 1024px) {
  footer .menu-footer .container .menu {
    width: 100%;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 768px) {
  footer .menu-footer .container .menu .sub-menu {
    margin: 0;
  }
}
footer .menu-footer .container .menu .sub-menu li {
  list-style: disc;
}
@media only screen and (max-width: 1024px) {
  footer .menu-footer .container .menu .sub-menu li {
    list-style: none;
  }
}
footer .menu-footer .container .menu .sub-menu li a {
  font-family: "gothambook";
}
footer .menu-footer .container .menu .sub-menu li a:hover {
  color: #E5104C;
}
footer .menu-footer .container .menu .sub-menu .sub-menu li {
  list-style: disc;
}
footer .menu-footer .container .menu .btn-contact {
  width: fit-content;
  margin: 25px auto;
  justify-content: center;
}
footer .menu-footer .container .menu .btn-contact a {
  padding: 0;
  color: white;
  white-space: nowrap;
}
footer .menu-footer .container .menu .btn-contact a:hover, footer .menu-footer .container .menu .btn-contact a:focus {
  background: none;
  color: white;
}
footer .menu-footer .container .menu .btn-fournisseurs {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: auto;
  background: white;
  padding: 8px 15px;
  border: solid 1px #00407B;
  border-radius: 25px;
  font-family: "gothamblack";
  transition: 0.2s;
}
footer .menu-footer .container .menu .btn-fournisseurs a:hover {
  background: none;
}
footer .menu-footer .container .menu .btn-fournisseurs:hover {
  background-color: #00407B;
}
footer .menu-footer .container .menu .btn-fournisseurs:hover a {
  color: white;
}
footer .menu-footer .container .menu .btn-fournisseurs a {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  footer .menu-footer .container .menu .btn-fournisseurs a {
    color: #00407B !important;
  }
  footer .menu-footer .container .menu .btn-fournisseurs:hover a {
    color: white !important;
  }
}
footer .menu-footer .container .menu-footer-actions {
  justify-self: end;
}
@media only screen and (max-width: 1024px) {
  footer .menu-footer .container .menu-footer-actions {
    justify-self: center;
  }
}
footer .menu-footer .container .menu-footer-actions ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
footer .menu-footer .container .menu-footer-actions .btn-contact,
footer .menu-footer .container .menu-footer-actions .btn-fournisseurs {
  margin: 0;
}
footer .site-info #menu-menu-mentions {
  display: flex;
  justify-content: space-around;
  padding-top: 25px;
}
@media only screen and (max-width: 768px) {
  footer .site-info #menu-menu-mentions {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 40px !important;
  }
}
footer .site-info #menu-menu-mentions a {
  font-family: "gothambook";
}
footer .site-info #menu-menu-mentions a:hover {
  color: #E5104C;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.error404 .error-404,
.error404 .error-403,
.error403 .error-404,
.error403 .error-403 {
  display: block;
  height: 80vh;
  background: url(/wp-content/themes/fti/images/line-red.svg);
  background-repeat: repeat;
  background-size: 200px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 20%;
}
@media only screen and (max-width: 768px) {
  .error404 .error-404,
  .error404 .error-403,
  .error403 .error-404,
  .error403 .error-403 {
    background: none;
  }
}
.error404 .error-404 .content-404,
.error404 .error-404 .content-403,
.error404 .error-403 .content-404,
.error404 .error-403 .content-403,
.error403 .error-404 .content-404,
.error403 .error-404 .content-403,
.error403 .error-403 .content-404,
.error403 .error-403 .content-403 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.error404 .error-404 .content-404 h1,
.error404 .error-404 .content-403 h1,
.error404 .error-403 .content-404 h1,
.error404 .error-403 .content-403 h1,
.error403 .error-404 .content-404 h1,
.error403 .error-404 .content-403 h1,
.error403 .error-403 .content-404 h1,
.error403 .error-403 .content-403 h1 {
  font-size: 4em;
}

#gform_2_validation_container {
  background: white;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Leaflet maps
--------------------------------------------- */
/* Contrôles Leaflet — style transversal (accueil, fiches projet, carte interactive). */
.leaflet-container {
  overflow: hidden;
  max-width: 100%;
}
.leaflet-container .leaflet-control-zoom.leaflet-bar {
  border: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  overflow: hidden;
}
.leaflet-container .leaflet-control-zoom.leaflet-bar a {
  width: 40px;
  height: 40px;
  line-height: 38px;
  font-size: 22px;
  font-weight: 400;
  color: #00407B;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
}
.leaflet-container .leaflet-control-zoom.leaflet-bar a:last-child {
  border-bottom: none;
}
.leaflet-container .leaflet-control-zoom.leaflet-bar a:hover, .leaflet-container .leaflet-control-zoom.leaflet-bar a:focus, .leaflet-container .leaflet-control-zoom.leaflet-bar a:focus-visible, .leaflet-container .leaflet-control-zoom.leaflet-bar a:active {
  color: #00407B;
  background-color: #f5f5f5;
  text-decoration: none;
}
.leaflet-container .leaflet-control-zoom.leaflet-bar a:focus-visible {
  outline: 2px solid #00407B;
  outline-offset: -2px;
  background-color: #fff;
}
.leaflet-container .leaflet-bottom.leaflet-left .leaflet-control-zoom {
  margin-bottom: 20px;
  margin-left: 20px;
}

/* Cartes actualités
--------------------------------------------- */
/* Cartes actualités : aligner les boutons « Lire l'article » en bas de carte */
.list_actus ul,
.content-article-similaire ul {
  align-items: stretch;
}
.list_actus li.item-actu,
.content-article-similaire li.item-actu {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.list_actus li.item-actu .post-thumbnail,
.content-article-similaire li.item-actu .post-thumbnail {
  flex-shrink: 0;
}
.list_actus li.item-actu .post_meta,
.content-article-similaire li.item-actu .post_meta {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding-bottom: 15px;
}
.list_actus li.item-actu .post_meta h4,
.content-article-similaire li.item-actu .post_meta h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.list_actus li.item-actu .post_meta p + p,
.content-article-similaire li.item-actu .post_meta p + p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.list_actus li.item-actu .post_meta .btn-white, .list_actus li.item-actu .post_meta .btn-orange-outline,
.content-article-similaire li.item-actu .post_meta .btn-white,
.content-article-similaire li.item-actu .post_meta .btn-orange-outline {
  margin-top: auto;
  align-self: flex-end;
  flex-shrink: 0;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible:not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out) {
  outline: 2px solid #00407B;
  outline-offset: 2px;
}

/* RGAA — pictogrammes HTML (10.2), espacement texte (10.12), équipe sélection (3.1) */
.home main .map .map-projets .card-listing-projets .list-projets .projet .content-p .cta-projet p:before,
.page-search .search-results .cards-result .card-result .card-content .loc-proj:before {
  content: none !important;
}

.page-template-template-notre-equipe .ct-equipe .slick-current .content_profil {
  outline: 3px solid #00407B;
  outline-offset: 4px;
}

.page-template-template-actualites .news-projet .container .list-projets {
  overflow-x: visible;
}

@media only screen and (max-width: 768px) {
  .page-template-template-actualites .news-projet .container .list-projets {
    grid-template-columns: 1fr !important;
    overflow-x: visible;
  }
}
.page-template-template-qui-sommes-nous main {
  overflow-x: hidden;
}

.page-template-template-actualites .news-projet .projet .content-p,
.listing-projets .list-projets .projet .content-p {
  flex: 1;
  min-height: 200px;
}

.page-template-template-actualites .news-projet .projet .content-p a,
.listing-projets .list-projets .projet .content-p a {
  position: relative;
  bottom: auto;
  margin-top: auto;
}

.slider_home .slider-text {
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .slider_home .slider-text {
    font-size: clamp(1rem, 4.5vw, 21px);
    width: 75%;
    max-width: 100%;
  }
}
/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* External links
--------------------------------------------- */
/* Icône « nouvel onglet » pour les liens target="_blank" */
a.is-external-link:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn]::after,
a[target=_blank]:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn]::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/wp-content/themes/fti/images/picto-nvonglet.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: 8px;
  flex-shrink: 0;
  box-shadow: none !important;
  border-radius: 0 !important;
}
a.is-external-link:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-white::after, a.is-external-link.btn-orange-outline:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn]::after,
a[target=_blank]:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-white::after,
a[target=_blank].btn-orange-outline:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn]::after {
  background-image: url("/wp-content/themes/fti/images/picto-nvonglet-bleu.svg");
  filter: none;
}
a.is-external-link:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-white:hover::after, a.is-external-link.btn-orange-outline:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn]:hover::after, a.is-external-link:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-white:focus::after, a.is-external-link.btn-orange-outline:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn]:focus::after, a.is-external-link:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-white:focus-visible::after, a.is-external-link.btn-orange-outline:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn]:focus-visible::after,
a[target=_blank]:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-white:hover::after,
a[target=_blank].btn-orange-outline:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn]:hover::after,
a[target=_blank]:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-white:focus::after,
a[target=_blank].btn-orange-outline:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn]:focus::after,
a[target=_blank]:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-white:focus-visible::after,
a[target=_blank].btn-orange-outline:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn]:focus-visible::after {
  background-image: url("/wp-content/themes/fti/images/picto-nvonglet-blanc.svg");
  filter: none;
}
a.is-external-link:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-violet::after,
a[target=_blank]:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-violet::after {
  background-image: url("/wp-content/themes/fti/images/picto-nvonglet-violet.svg");
  filter: none;
}
a.is-external-link:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-violet:hover::after, a.is-external-link:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-violet:focus::after, a.is-external-link:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-violet:focus-visible::after,
a[target=_blank]:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-violet:hover::after,
a[target=_blank]:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-violet:focus::after,
a[target=_blank]:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child))[class*=btn].btn-violet:focus-visible::after {
  background-image: url("/wp-content/themes/fti/images/picto-nvonglet-blanc.svg");
  filter: none;
}
a.is-external-link:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child)):not([class*=btn])::after,
a[target=_blank]:not(.btn-linkedin):not(.linkedin):not(:has(> img:only-child)):not([class*=btn])::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 17px;
  background-image: url("/wp-content/themes/fti/images/picto-nvonglet.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: 0.35em;
  flex-shrink: 0;
  box-shadow: none !important;
  border-radius: 0 !important;
  background-image: url("/wp-content/themes/fti/images/picto-nvonglet-bleu.svg");
  vertical-align: text-bottom;
}

.fti-file-meta {
  margin-left: 0.35em;
  font-weight: normal;
  white-space: nowrap;
}

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