/*!
 * Bootstrap Reboot v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none}img,svg:not(:root){vertical-align:middle}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}body{font-family:Montserrat,sans-serif;font-size:18px;color:#31363f;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a,a:hover{color:inherit}a:hover{text-decoration:none}hr{width:100%;height:1px;background:#cbcfd7;border:none}button,input,select,textarea{outline:none!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.lg-backdrop{background:rgba(0,0,0,.9)}.content{width:1200px;margin:0 auto;height:100%;position:relative}.alert{position:absolute;top:0;left:0;width:100%;height:100px;z-index:100;line-height:100px;color:#fff;text-align:center;font-size:22px;font-weight:300}.alert-success{background:#28a745}.alert-error{background:#dc3545}.slide,.slides{width:100%}.slide{display:block}.slider-nav{position:absolute;top:-25px;right:0;width:75px;height:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.slider-nav-item{width:8px;height:8px;border-radius:100%;background:#be9f8f;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.header,.slider-nav-item-active,.slider-nav-item:hover{background:#31363f}.header{position:fixed;bottom:0;left:0;width:100%;z-index:10;height:110px}.header-relative{position:relative}.header-top{position:fixed;top:0;bottom:auto}.header-logo{position:absolute;top:19px;left:0;width:175px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.header-logo:hover{opacity:.75}.nav{position:absolute;top:47px;left:220px;width:825px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nav-link{font-size:12px;color:#fff;font-weight:700;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.nav-link:hover{opacity:.5;color:#fff}.header-lang{position:absolute;top:18px;opacity:.5;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.header-lang-active,.header-lang:hover{opacity:.99}.header-lang-fr{right:60px}.header-lang-en{right:0}.header-bottom{display:none;height:110px}.title{position:relative}.title-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-clip:rect(0,auto,auto,0);clip:rect(0,auto,auto,0)}.title-background{width:100%;display:block}.title-text{position:fixed;top:35%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.index-1{height:800px}.index-1-img{position:absolute;top:127px;left:144px}.index-1-text{position:absolute;width:640px;top:215px;right:0;font-size:16px;line-height:22px;text-align:justify;font-weight:500}.index-1-four-block-items{position:absolute;width:640px;top:560px;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.index-1-four-block-item{font-size:20px;color:#be9f8f}.index-1-four-block-item-title{font-weight:700}.index-1-four-block-item-text{font-size:13px;font-weight:700}.index-1-four-block-item-text span{font-weight:400;font-size:11px}.index-2{height:1175px}.index-2-title{text-align:center;font-weight:700;font-size:24px;line-height:28px;padding-top:50px}.index-2-img{position:absolute;top:229px;left:54px}.index-2-text{position:absolute;font-size:16px;line-height:20px;font-weight:500}.index-2-text strong{font-weight:700;font-size:22px;line-height:26px}.index-2-text-1{top:368px;left:48px}.index-2-text-2{top:369px;left:936px}.index-2-text-3{top:883px;left:634px}.index-2-text-4{top:883px;left:179px}.index-3{height:1450px}.index-3-img-1{position:absolute;top:155px;left:0;height:300px}.index-3-img-2{position:absolute;top:600px;right:0;height:250px}.index-3-img-3{position:absolute;top:1000px;left:0;height:275px}.index-3-img-4{top:1075px;right:0;height:200px}.index-3-content,.index-3-img-4{position:absolute}.index-3-content-1{top:150px;left:599px}.index-3-content-2{top:610px;left:0}.index-3-content-3{top:1010px;left:600px;width:490px}.index-3-content-title{font-weight:700;font-size:22px;margin-bottom:8px}.index-3-content-list{font-size:16px;line-height:21px;font-weight:500;list-style:url("/img/list.png");padding-left:30px;text-align:justify;width:635px}.index-3-content-list li{padding-left:10px;margin-bottom:10px}.index-3-content-text{font-size:16px;line-height:21px;font-weight:500;text-align:justify}.index-3-content-list-img{width:400px;margin-bottom:16px}.index-3-content-list-link{position:absolute;top:160px;left:20px;width:200px;height:100px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.index-3-content-list-link:hover{background:hsla(0,0%,100%,.25)}.index-4{padding:100px 0}.index-4-cols{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.index-4-col{width:27%;text-align:center}.index-4-col-title{color:#be9f8f;font-weight:700;font-size:20px}.index-4-col-text{font-size:16px;margin-top:10px}.index-5{padding:100px 0}.index-5-pricipal-title{font-size:24px;text-align:center;font-weight:500}.index-5-1{width:100%;margin-top:100px}.index-5-bloc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:100px;margin-top:50px}.index-5-2,.index-5-3,.index-5-4{width:100%}.index-5-bloc-span-3{grid-column:span 3/span 3}.index-5-bloc-title{font-weight:700;font-size:20px;color:#be9f8f}.index-5-bloc-text{font-size:15px;margin-top:10px;max-width:450px}.certifications{background:#f8f5f4;padding:100px 0}.certifications-img{margin:0 auto;display:block}.index-6{height:950px}.index-6-img{position:absolute;top:67px;left:143px}.index-6-text{position:absolute;top:336px;left:122px;font-size:16px;line-height:21px;font-weight:500}.index-6-title{position:absolute;top:574px;left:122px;font-weight:700;font-size:22px}input[type=text],textarea{position:absolute;outline:none;border:1px solid #cdcdcd;font-family:Montserrat,sans-serif;background:#fff;padding:4px 8px;width:300px;height:33px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}input[type=text]:focus,textarea:focus{border-color:#31363f}input[type=text].error,textarea.error{border-color:red}textarea{width:625px;height:134px;resize:none}.input-1{top:616px;left:125px}.input-2{top:667px;left:125px}.input-3{top:717px;left:125px}.input-4{top:616px;right:125px}button{position:absolute;top:770px;right:125px;background:#31363f;font-size:16px;font-weight:700;width:155px;height:33px;color:#fff;border:4px solid #31363f;cursor:pointer;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}button:hover{background:#fff;color:#31363f}.form-error{display:none;top:890px;width:950px;background:#ffd6d6;color:red;padding:8px 14px;border-radius:4px;border:1px solid red}.check-rgpd,.form-error{position:absolute;left:125px}.check-rgpd{top:760px;cursor:pointer}.check-rgpd a{text-decoration:underline}.check-rgpd.error{color:red}.g-recaptcha{position:absolute;top:800px;left:123px}.footer{text-align:center;color:#fff;background:#31363f;padding:25px 0}.footer-title{font-weight:700;font-size:16px}.footer-text{font-size:12px;line-height:16px;margin-bottom:30px}.footer-img{margin:0 20px}

/* ══════════════════════════════════════════════════════════════
   ENCART « RAPPORT RSE » — theflaxcompany.com
   À coller dans /css/style.css, ou dans un fichier à part chargé après lui.

   Rien n'est repris aux classes du site : tout est préfixé `tfc-rapport-`,
   pour qu'aucune règle existante ne soit touchée et que l'encart puisse
   être retiré d'un bloc.

   Couleurs et police PRISES DANS LEUR FEUILLE, pas inventées :
     #31363f  ardoise sombre, 7 occurrences dans style.css
     #be9f8f  taupe chaud, leur couleur de titre de bloc
     #f8f5f4  blanc cassé de fond
     Montserrat 300/400/500/700, déjà chargée depuis Google Fonts

   Le site n'est PAS responsive — <meta viewport content="width=1400"> force
   la largeur et dézoome sur mobile. L'encart reste donc sur leur grille fixe
   de 1200 px (.content) : y mettre des points de rupture n'aurait aucun effet
   et ferait diverger ce bloc du reste de la page.
   ══════════════════════════════════════════════════════════════ */

.tfc-rapport { padding: 80px 0 0; }

.tfc-rapport-bloc {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 60px;
  align-items: center;
  background: #31363f;
  padding: 50px 60px;
  text-decoration: none;
  color: #fff;
  transition: box-shadow .25s ease, transform .25s ease;
}
.tfc-rapport-bloc:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 44px rgba(49, 54, 63, .28);
  /* ⚠ LA COULEUR EST REPOSÉE AU SURVOL, et ce n'est pas redondant. Leur
     feuille porte `a, a:hover { color: inherit }` : au survol, la couleur du
     lien redevient celle héritée du corps de page — un gris foncé Bootstrap.
     Et `a:hover` (0,1,1) l'emporte sur `.tfc-rapport-bloc` (0,1,0). Sans cette
     ligne, le titre disparaît sur le fond sombre dès qu'on passe la souris. */
  color: #fff;
}

/* La couverture est posée en léger débord, comme un document qu'on tend. */
.tfc-rapport-couv {
  width: 100%;
  display: block;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .45);
}

.tfc-rapport-surtitre {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #be9f8f;
  margin-bottom: 14px;
}

.tfc-rapport-titre {
  /* Couleur EXPLICITE : c'est le seul texte du bloc qui héritait de celle du
     lien, donc le seul que le `a:hover { color: inherit }` de leur feuille
     faisait disparaître. Les autres portaient déjà la leur. */
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 18px;
}

.tfc-rapport-chapo {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.65;
  color: rgba(255, 255, 255, .86);
  max-width: 690px;
  margin: 0 0 24px;
}

/* Trois repères, séparés par un filet taupe — le même marqueur que les
   titres de bloc du site, décliné à l'horizontale. */
.tfc-rapport-reperes {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
  display: flex;
  gap: 26px;
}
.tfc-rapport-reperes li {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  color: rgba(255, 255, 255, .78);
  padding-left: 14px;
  border-left: 2px solid #be9f8f;
}

.tfc-rapport-bouton {
  display: inline-block;
  background: #be9f8f;
  color: #31363f;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 14px 32px;
  transition: background .2s ease;
}
.tfc-rapport-bloc:hover .tfc-rapport-bouton { background: #fff; }

/* ═══ LISEUSE — le rapport sans quitter la page ════════════════════════
   « Quand on consulte le rapport on ne sait plus en sortir. » L'incrustation
   couvre la fenêtre, porte sa propre barre de sortie, et se referme pour
   rendre le site exactement là où on l'avait laissé.

   `[hidden]` ne suffit PAS à masquer un élément en `display: flex` : la
   déclaration de display l'emporte sur la règle par défaut du navigateur.
   D'où la règle explicite ci-dessous — oubli classique.
   ═══════════════════════════════════════════════════════════════════════ */
.tfc-liseuse {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 99998;
  display: flex;
  flex-direction: column;
  background: #31363f;
}
.tfc-liseuse[hidden] { display: none; }

.tfc-liseuse-barre {
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 14px 0 22px;
  color: #fff;
  font: 500 14px/1 Montserrat, sans-serif;
  letter-spacing: .04em;
}
.tfc-liseuse-titre { flex: 1; }

.tfc-liseuse-onglet {
  color: #be9f8f;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
}
/* Couleur reposée au survol : leur feuille porte `a, a:hover { color: inherit }`,
   qui ferait virer ce lien au gris foncé sur fond sombre. Même piège que le
   titre de l'encart. */
.tfc-liseuse-onglet:hover { color: #fff; text-decoration: underline; }

/* ⚠ LEUR FEUILLE PORTE UNE RÈGLE GLOBALE SUR `button` :
       button { position:absolute; top:770px; right:125px; width:155px;
                height:33px; background:#31363f; border:4px solid #31363f;
                font-size:16px; font-weight:700 }
   Écrite pour le bouton d'envoi de leur formulaire de contact, avec des
   coordonnées en dur. Conséquence : TOUT <button> ajouté où que ce soit sur
   leur site est téléporté à (droite 125, haut 770). Notre croix disparaîtrait
   donc de la barre pour aller se poser au milieu de la page — constaté le
   7 octobre 2026.

   Chaque propriété qu'elle pose est donc remise à sa valeur, y compris celles
   qu'on n'aurait pas songé à déclarer : `top`, `right` et `font-weight`. */
.tfc-liseuse-fermer {
  position: relative;
  top: auto; right: auto;
  flex: 0 0 auto;
  width: 34px; height: 34px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 50%;
  background: transparent;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}
/* Leur feuille porte `button:hover { background:#fff; color:#31363f }` : on le
   reprend tel quel plutôt que de lutter — c'est leur geste d'interface. */
.tfc-liseuse-fermer:hover { background: #fff; color: #31363f; }

.tfc-liseuse-cadre {
  flex: 1 1 auto;
  width: 100%;
  border: 0;
  display: block;
  background: #fff;
}