.elementor-689 .elementor-element.elementor-element-973cc24{--display:flex;}/* Start custom CSS for html, class: .elementor-element-a84522f *//* ================================================================
   SINEQUANONE ENGINEERING
   Feuille de style commune aux trois pages légales :
     — mentions-legales.html
     — conditions-generales-prestation-services.html
     — conditions-generales-formation.html

   Un seul fichier pour les trois pages : une correction faite ici
   se répercute partout.

   MISE EN PLACE
   1. Téléverser ce fichier sur le site, par exemple dans
      /wp-content/uploads/. WordPress refuse les .css depuis la
      médiathèque : passez par le gestionnaire de fichiers de
      l'hébergeur ou par FTP.
   2. Vérifier l'adresse obtenue en l'ouvrant dans le navigateur.
   3. Reporter cette adresse dans la balise <link> en tête des trois
      fichiers HTML, en https.

   TOUTES LES CLASSES SONT PRÉFIXÉES « sqnl- » ET TOUTES LES RÈGLES
   SONT PORTÉES PAR LE CONTENEUR .sqnl-root : aucune ne s'échappe
   vers le reste de la page, aucune ne peut entrer en conflit avec
   le thème ou avec Elementor.
   ================================================================ */

.sqnl-root{
  --sqnl-blue:#027FFF;
  --sqnl-navy:#034A77;
  --sqnl-red:#990005;
  --sqnl-text:#2E2E2E;
  --sqnl-sky:#459CEC;
  --sqnl-mist:#F2F7FD;
  --sqnl-rule:#E3ECF6;
  --sqnl-white:#fff;
  --sqnl-warn:#FFF4CE;
  --sqnl-warn-line:#E0B93A;
  --sqnl-ease:cubic-bezier(.22,.61,.36,1);

  display:block;
  width:100%;
  margin:0;
  padding:0;
  font-family:"Montserrat","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.75;
  color:var(--sqnl-text);
  background:var(--sqnl-white);
  text-align:left;
  -webkit-font-smoothing:antialiased;
}

/* Remise à plat locale : on annule les marges et décorations que le
   thème applique aux balises, sans toucher au reste du site. */
.sqnl-root *,
.sqnl-root *::before,
.sqnl-root *::after{box-sizing:border-box}

.sqnl-root h1,
.sqnl-root h2,
.sqnl-root h3{margin:0;padding:0;line-height:1.28;font-family:inherit}
.sqnl-root h1{font-size:40px;font-weight:700;color:var(--sqnl-blue)}
.sqnl-root h2{font-size:22px;font-weight:700;color:var(--sqnl-blue)}
.sqnl-root h3{font-size:17px;font-weight:700;color:var(--sqnl-navy)}
.sqnl-root p{margin:0 0 1.1em;padding:0;font-size:inherit;color:inherit}
.sqnl-root p:last-child{margin-bottom:0}
.sqnl-root ul,
.sqnl-root ol{margin:0 0 1em;padding-left:22px}
.sqnl-root li{margin:0 0 .5em;padding:0}
.sqnl-root img{max-width:100%;height:auto;display:block;border:0}
.sqnl-root a{color:var(--sqnl-blue);background:none;transition:color .25s var(--sqnl-ease)}
.sqnl-root a:hover{color:var(--sqnl-navy)}
.sqnl-root :focus-visible{outline:3px solid var(--sqnl-sky);outline-offset:3px}

/* ---------- Conteneur pleine largeur ---------- */
.sqnl-root .sqnl-shell{
  width:100%;
  max-width:100%;
  margin:0;
  padding:0 clamp(20px,4vw,70px);
}

/* ---------- Bandeau de titre ---------- */
.sqnl-root .sqnl-hero{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-height:46vh;
  padding:20px;
  background-color:var(--sqnl-navy);
  background-image:url("https://sinequanone-engineering.fr/wp-content/uploads/2026/08/images-8.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:top;
  overflow-x:clip;
}
.sqnl-root .sqnl-hero::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(169deg,var(--sqnl-navy) 30%,rgba(255,17,0,0) 100%);
  opacity:.62;
}
.sqnl-root .sqnl-hero__in{
  position:relative;width:100%;
  padding:0 clamp(0px,2vw,30px);
}
.sqnl-root .sqnl-hero__copy{
  display:flex;flex-direction:column;align-items:flex-start;
  gap:14px;width:100%;max-width:900px;padding-top:30px;
}
.sqnl-root .sqnl-hero__copy h1{color:var(--sqnl-white)}
.sqnl-root .sqnl-hero__copy p{color:var(--sqnl-white);font-size:16px;margin:0}

/* ---------- Grille sommaire / document ---------- */
.sqnl-root .sqnl-grid{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:clamp(34px,4vw,70px);
  width:100%;
  padding:50px 0 70px;
}

/* ---------- Sommaire ---------- */
.sqnl-root .sqnl-toc{position:sticky;top:24px;align-self:start}
.sqnl-root .sqnl-toc h2{
  font-size:13px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--sqnl-blue);margin-bottom:14px;
}
.sqnl-root .sqnl-toc ol{list-style:none;margin:0;padding:0;counter-reset:sqnlt}
.sqnl-root .sqnl-toc li{counter-increment:sqnlt;margin:0}
.sqnl-root .sqnl-toc a{
  display:block;position:relative;
  padding:7px 0 7px 26px;
  font-size:14px;font-weight:500;color:var(--sqnl-text);
  border-left:2px solid var(--sqnl-rule);
  transition:color .2s ease,border-color .2s ease;
}
.sqnl-root .sqnl-toc a::before{
  content:counter(sqnlt);position:absolute;left:9px;
  font-size:11px;font-weight:700;color:var(--sqnl-blue);opacity:.7;
}
.sqnl-root .sqnl-toc a:hover{color:var(--sqnl-blue);border-left-color:var(--sqnl-blue)}

/* ---------- Document ---------- */
.sqnl-root .sqnl-doc{width:100%;max-width:none;min-width:0}
.sqnl-root .sqnl-doc>section{padding-top:8px;margin-bottom:38px}
.sqnl-root .sqnl-doc>section:last-child{margin-bottom:0}
/* Une ligne de 200 caractères se suit mal : le texte courant garde une
   longueur de lecture raisonnable, tableaux et encarts prennent tout. */
.sqnl-root .sqnl-doc p,
.sqnl-root .sqnl-doc ul,
.sqnl-root .sqnl-doc ol{max-width:98ch}
.sqnl-root .sqnl-doc h2{
  display:flex;align-items:baseline;gap:12px;
  padding-bottom:10px;margin-bottom:16px;
  border-bottom:2px solid var(--sqnl-rule);
}
.sqnl-root .sqnl-doc h2 .sqnl-num{
  flex:0 0 auto;
  font-size:13px;font-weight:700;color:var(--sqnl-white);
  background:var(--sqnl-blue);border-radius:4px;padding:3px 9px;
}
.sqnl-root .sqnl-doc h3{margin:22px 0 8px}

/* ---------- Chapeau ---------- */
.sqnl-root .sqnl-note{
  padding:22px 26px;margin-bottom:38px;
  background:var(--sqnl-mist);
  border-left:4px solid var(--sqnl-blue);
  border-radius:5px;font-size:15px;
}

/* ---------- Champ à compléter ---------- */
.sqnl-root .sqnl-todo{
  background:var(--sqnl-warn);
  border-bottom:2px dotted var(--sqnl-warn-line);
  padding:1px 5px;font-weight:600;color:#6B5300;
}

/* ---------- Tableau ---------- */
.sqnl-root .sqnl-table{
  width:100%;border-collapse:collapse;
  margin:0 0 1.2em;font-size:15px;
}
.sqnl-root .sqnl-table th,
.sqnl-root .sqnl-table td{
  padding:11px 14px;border:1px solid var(--sqnl-rule);
  text-align:left;vertical-align:top;
}
.sqnl-root .sqnl-table th{background:var(--sqnl-mist);font-weight:700;color:var(--sqnl-navy)}

/* ---------- Encart d'avertissement ---------- */
.sqnl-root .sqnl-warn{
  padding:22px 26px;margin:26px 0;
  background:#FFF6F6;border-left:4px solid var(--sqnl-red);
  border-radius:5px;font-size:15px;
}
.sqnl-root .sqnl-warn strong{color:var(--sqnl-red)}

/* ---------- Date de mise à jour ---------- */
.sqnl-root .sqnl-date{
  margin-top:44px;padding-top:20px;
  border-top:1px solid var(--sqnl-rule);
  font-size:14px;opacity:.8;
}

/* ---------- Navigation entre pages légales ---------- */
.sqnl-root .sqnl-nav{padding:0 0 70px}
.sqnl-root .sqnl-nav__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sqnl-root .sqnl-nav__item{
  display:block;padding:22px 24px;
  background:var(--sqnl-mist);
  border:1px solid var(--sqnl-rule);border-radius:5px;
  transition:transform .3s var(--sqnl-ease),box-shadow .3s var(--sqnl-ease),border-color .3s var(--sqnl-ease);
}
.sqnl-root a.sqnl-nav__item:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 26px rgba(3,74,119,.13);
  border-color:rgba(2,127,255,.45);
}
.sqnl-root .sqnl-nav__item.sqnl-current{background:var(--sqnl-blue);border-color:var(--sqnl-blue)}
.sqnl-root .sqnl-nav__item h3{font-size:16px;color:var(--sqnl-navy)}
.sqnl-root .sqnl-nav__item p{font-size:13.5px;margin:6px 0 0;color:var(--sqnl-text)}
.sqnl-root .sqnl-nav__item.sqnl-current h3,
.sqnl-root .sqnl-nav__item.sqnl-current p{color:var(--sqnl-white)}

/* ---------- Révélations au défilement ---------- */
.sqnl-root .sqnl-reveal{
  opacity:0;transform:translateY(28px);
  transition:opacity .7s var(--sqnl-ease),transform .7s var(--sqnl-ease);
}
.sqnl-root .sqnl-reveal.sqnl-shown{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .sqnl-root *,
  .sqnl-root *::before,
  .sqnl-root *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .sqnl-root .sqnl-reveal{opacity:1!important;transform:none!important}
}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .sqnl-root .sqnl-hero{min-height:38vh}
  .sqnl-root .sqnl-hero__copy h1{font-size:32px}
  .sqnl-root .sqnl-grid{grid-template-columns:1fr;gap:30px;padding:40px 0 55px}
  .sqnl-root .sqnl-toc{
    position:static;padding:22px 24px;
    background:var(--sqnl-mist);border-radius:5px;
  }
  .sqnl-root .sqnl-toc ol{columns:2;column-gap:24px}
  .sqnl-root .sqnl-nav__grid{grid-template-columns:1fr}
}
@media (max-width:767px){
  .sqnl-root{font-size:15px}
  .sqnl-root h1{font-size:27px}
  .sqnl-root h2{font-size:19px}
  .sqnl-root .sqnl-hero{min-height:32vh;padding:16px}
  .sqnl-root .sqnl-hero__copy h1{font-size:27px}
  .sqnl-root .sqnl-toc ol{columns:1}
  .sqnl-root .sqnl-doc h2{flex-wrap:wrap;gap:8px}
  .sqnl-root .sqnl-note,
  .sqnl-root .sqnl-warn{padding:18px 20px}
  .sqnl-root .sqnl-table th,
  .sqnl-root .sqnl-table td{padding:9px 10px;font-size:14px}
}

/* ---------- Neutralisation du soulignement ----------
   Le kit Elementor souligne les liens par défaut : on le neutralise
   dans ce bloc uniquement, puis on rétablit le trait sur les liens
   en pleine phrase — sans lui, la couleur devient le seul repère,
   ce qui pose problème en cas de daltonisme du rouge-vert. */
.sqnl-root a,
.sqnl-root a:link,
.sqnl-root a:visited,
.sqnl-root a:hover,
.sqnl-root a:focus,
.sqnl-root a:active{
  text-decoration:none !important;
  -webkit-text-decoration:none !important;
  text-decoration-line:none !important;
}
.sqnl-root .sqnl-doc p a,
.sqnl-root .sqnl-doc li a{
  text-decoration:underline !important;
  text-decoration-line:underline !important;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  text-decoration-color:currentColor !important;
}/* End custom CSS */