@charset "UTF-8";/* défaut couleur FOND : FFF sauf COURS var(--fdcours) */
@font-face{
  font-family:'Source Sans Pro';
  font-style:normal;
  font-weight:400;
  font-display:optional;
  src:url('polices/ss3_19_nr.woff2')format('woff2');
}
@font-face{
  font-family: 'Source Sans Pro';
  font-style:italic;
  font-weight:400;
  font-display:optional;
  src:url('polices/ss3_19_italic.woff2')format('woff2');
}
@font-face{
  font-family:'Source Sans Pro';
  font-style:normal;
  font-weight:700;
  font-display:optional;
  src:url('polices/ss3_19_nr700.woff2')format('woff2');
}
@font-face{
  font-family: 'Source Sans Pro';
  font-style:italic;
  font-weight:700;
  font-display:optional;
  src:url('polices/ss3_19_italic700.woff2')format('woff2');
}
:root {--normal:400;--gras:700;--fdcours:#fcfdfe;}
*{box-sizing:border-box;}
body{margin:0;padding:0;font-size:20px;font-family:'Source Sans Pro',tahoma,sans-serif;font-weight:var(--normal);border:0;color:#072b2c;background-color:#fff;line-height:1.3;letter-spacing:0.02rem;}
b, strong{font-weight:var(--gras);}
i {font-style:italic;}
@keyframes apparrait{from{opacity:0;}to{opacity:1;}}
/*
.adsbygoogle, ins.adsbygoogle{
  display:block;
  min-height:280px;
  background:#eee;
}
.sidebar .adsbygoogle,
.sidebar ins.adsbygoogle{ min-height:100px; }

@media (min-width: 768px){
  .adsbygoogle, ins.adsbygoogle{ min-height:280px; }
  .sidebar .adsbygoogle, .sidebar ins.adsbygoogle{ min-height:600px; }
}
*/

#menu{position:fixed;top:0;width:100%;z-index:49;height:30px;}
.grille{display:flex;justify-content:space-between;align-items:stretch;max-width:1680px;margin:auto;}
.grilleCadre{background-color:#d1e8e9;box-shadow:inset 0 0 0 2px #fff;}
.grilleIn{flex:1;min-height:220px;min-width:30%;}
.img4090 img{width:40px;margin:auto;}
.danscours img{max-width:80vw;height:auto;aspect-ratio:auto 3 / 2;}
#demande, #abonnes, #perso, #inscrire, #changer, #clients
{z-index:230;display:flex;position:absolute;flex-direction:column;align-content:space-between;top:0;width:100%;box-shadow:0px 150px 200px 0 #172b2c;background:var(--fdcours);padding-right:45px;}
#demande, #abonnes, #perso, #changer, #clients
{transform:scale(0,1);transform-origin:right;transition:transform .25s;}
#abonnes:target,#perso:target,#demande:target,#changer:target,#clients:target{transform:scale(1,1);}
/*#demande:target:not(:has(#validzone[style*="block"])){transform:scale(0,1);} TUE toutes les demanes autres que change MDP !*/

@keyframes cligno{60%{opacity:0.5;}100%{opacity:1;}}
.clignotant{animation-name:cligno;animation-duration:1.5s;animation-iteration-count:infinite;}

h1{text-align:center;font-size:3rem;text-shadow:#dbeff0 3px 3px 2px;font-weight:var(--gras);}
h2, .h2{text-align:center;font-size:2.2rem;color:#4e7d7e;font-weight:var(--gras);}
h3, .h3{font-size:1.8rem;}
h4, .h4{font-size:1.6rem;color:#3f7a7c;display:inline;font-weight:var(--normal);}
h5, .h5{font-size:1.5rem;color:#555;font-weight:var(--normal);display:inline;}
h6, .h6{font-size:1.2rem;display:inline;}

.sipetitMn{font-size:1.2rem;}

.Fd_ile{position:relative;width:100%;min-height:75vh;max-height:800px;background-position:center center;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction: column;align-items:center;justify-content:center;}
@media (orientation: landscape) {
.Fd_ile{background-image:url('ile-TecniPass-l.webp');}
}
@media (orientation: portrait) {
.Fd_ile{background-image:url('ile-TecniPass-h.webp');}
}
.Fd_ile::after
{
content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 3%,rgba(255,255,255,0.7) 97%,rgba(255,255,255,1) 100%);
}
video {width: 854px;max-width:100%;height:auto;max-height:80vh;background-color:#000;aspect-ratio:auto 854 / 480;}
.videoH{width:480px;max-width:100%;height:auto;max-height:85vh;aspect-ratio:auto 480 / 854;}
.ecrancours{display:flex;justify-content:space-around;flex-direction:column;}
.lescours{display:flex;justify-content:center;flex-wrap:wrap;}
.danscours{position:relative;margin:0.5%;padding:1%;max-height:8000px;max-width:900px;overflow-wrap:break-word;hyphens:auto;text-wrap:pretty;box-shadow:2px 2px 4px 2px #c8c4c0;background-color:var(--fdcours);}
.danscours:hover{box-shadow:none;background-color:#fff;}
.danscours iframe{max-width:60vw;max-height:50vh;}
.danscours img{cursor:zoom-in;padding:6px;transition-duration:0.5s;}
.danscours img:active{transform:scale(1.2);}
.inverse:hover{filter:invert(100%);}.inverse2:hover{filter:invert(20%);}
.love{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4AQMAAAADqqSRAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAQdJREFUOMvtjztuAzEMRCWo2FJH0FH2aHZuJiAXUZd2SxWCGIXL8LMgYLiwK08zfmuRMwwfXZUG/Sin7dDQN+joAIO+Az4HgPvyuLziM4CmvCzv5Mc5BnP5bXlHxgXxzwZ+x0UJ6B0ADmZ0ZBwsxBF94hrag38AcQLU12n1n78v/EOMtUXt5ZwNH1d25t/LyXB9mqPh+0MOhsNjvimcDu+Kh8NFcXc4Kz4c3hQ3h5Piujjqcx0O5jxz0HRZDhrIRdc3hQ+XN13XFK7IUdVD2XpSaBLvUscU6sRZ4k2BRpw4nsRxHChxEjiYM6/XAY050jUsWS8Lh+LM66RhDUo8zid3w3GlfeToF79RfRCO2q8UAAAAAElFTkSuQmCC");width:50px;height:50px;background-size:50px 50px;padding-top:10px;}
select{max-width:95vw;border-radius:4px;}
.minimd video{max-width:60vw;max-height:70vw;}
.tirets{border:2px dashed #b1452c;}

.affiche{display:none;position:absolute;margin-left:4px;width:calc(100% - 8px);text-align:center;padding:8px;max-width:99.5vw;background-color:#f5fafb;color:#0e5558;box-shadow:0px 5px 8px 0 #a2786f;font-weight:var(--normal);}

.survol{color:#58b4b8;font-weight:var(--gras);cursor:pointer;-webkit-user-select:none;user-select:none;}
.survol:hover,
.survol:active,
.survol:focus-within{color:#7cc4c7;}
.survol:hover .affiche,
.survol:active .affiche,
.survol:focus-within .affiche{display:block;z-index:30;border-radius:4px;animation:apparrait 0.5s;}

.bandochrono{position:fixed;top:0;width:100%;z-index:80;height:70px;}
.chrono{position:fixed;right:0;top:0;}.chronotxt{position:fixed;right:70px;top:5px;}
.sablierX{position:fixed;right:150px;top:0;}.Qctrl{position:fixed;left:5px;top:5px;}
.agrandir img{transform:scale(1.2);}

#message{z-index:900;position:fixed;top:38%;width:100%;background-color:#64babd;color:#fff;transform:scale(0,0);transform-origin:center;transition:transform 0.2s;}
.progressif{animation:apparrait 1.6s;}

.sipetitVu{display:none;}
.sipetitC{display:inline-block;}
.sipetitBtn{font-weight:var(--gras);font-style:italic;color:#efc;}

.img4090 img{width:90px;}/*in 0*/
.img6090 img{width:90px;margin:auto;}
.img90120 img{width:120px;margin:auto;}
.parcours{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:stretch;}
.certif{flex:1;min-height:180px;min-width:250px;border-radius: 0 45% 35% 0;border:6px hidden #d1e8e9;border-right-style:solid;}
td{padding:8px;}

a:link{color:#40bbbf;text-decoration:none;}
a:hover{color:#cc4f33;text-decoration:underline;}
a:visited{color:#40bbbf;}a:visited:hover{color:#cc4f33;}
.l_clair a:link{color:#dfe;text-decoration:none;}
.l_clair a:hover{color:#ffd;text-decoration:underline;}
.l_clair a:visited{color:#dfe;}.l_clair a:visited:hover{color:#ffd;}
img{border:none;max-width:854px;max-width:85vw;}
.floatg{float:left;}
.floatd{float:right;}
.stopfloat{clear:both;}
em{font-style:normal;color:#d00;}
strong{font-weight:var(--gras);}
fieldset{margin:0;padding:8px;border:2px dotted #c0d7d8;border-radius:8px;}
input{background-color:#fff;}

.devant{z-index:6;}
.invisible{color:transparent;}
.vide{box-shadow:none;color:transparent;}
.cacher{display:none;}
.cachee input[type="checkbox"]{display:none;}
.cachee input[type="radio"]{display:none;}
.invisible2{visibility:hidden;}
.infoSEO{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}

.flexcol{display:flex;justify-content:space-around;flex-direction:column;}
.flexEQcol{display:flex;justify-content:space-evenly;flex-direction:column;}
.flexEQlg{display:flex;justify-content:space-evenly;flex-wrap:wrap;}
.flexEQ0lg{display:flex;justify-content:space-evenly;flex-wrap:nowrap;}
.flexlg{display:flex;justify-content:center;flex-wrap:wrap;}
.flexlg0w{display:flex;justify-content:center;flex-wrap:nowrap;}
.flexlgw, .flexlPP{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center;}
.flexlgCOL{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:stretch;}
.flexlgwup{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:flex-start;}
.flexlgc{display:flex;justify-content:space-around;flex: 1 1;flex-wrap:nowrap;align-items:center;}
.flexCentrer{align-items:center;}
.flex1{flex:1;}
.paswrap{flex-wrap:nowrap;}
.wrap{flex-wrap:wrap;}
.enligne{display:inline;}
.enbloc{display:block;}
.lignebloc{display:inline-block;}
.milieuv{display:flex;flex-direction:column;justify-content:center;}
.relatif{position:relative;}
.absolu{position:absolute;}

.img30 img{width:35px;}.img50 img{width:50px;}.img60 img{width:60px;}.img70 img{width:70px;}
.img400 img{max-width:480px;}


.vignetteMOI, .vignette, .vignettemini, .vignettex{display:flex;align-items:center;justify-content:center;overflow:hidden;}
.vignetteMOI{width:240px;height:168px;border-radius:4px;}
.vignette{width:154px;height:100px;border-radius:2px;}
.vignettemini{width:50px;height:50px;}
.vignettex{width:100px;height:100px;}
.vignetteMOI img, .vignette img, .vignettemini img, .vignettex img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.vignetteMOI img, .vignette img{transition-duration:0.5s;}
.vignettemini img{transition-duration:0.8s;}
.vignette img:hover, .vignetteMOI img:hover{transform:scale(1.2);}

.survolIMG img{box-shadow: 0 0 4px 1px grey;margin:2% 1%;}
.survolIMG img:hover{transform:scale(4);box-shadow: 0 0 10px 8px grey;z-index:2;transition:all .3s;}
.survolIMG:hover img:not(:hover){filter:grayscale(0.7) blur(2px);}

button, .bouton{border-radius:6px;cursor:pointer;margin:4px;min-width:35px;min-height:35px;background-size:30px 30px;background-repeat:no-repeat;background-color:#fff;padding:8px;}
button:hover, .bouton:hover{filter:invert(0.8);}
.qn-btn{border:none;appearance:none;-webkit-appearance:none;font:inherit;min-width:unset;min-height:unset;}
.qn-btn:hover{filter:none;}
/* Pastilles des carrousels (quoiBoucle.php) colorées par nature, code du site : cours bleu (fdcola/fdbleu d'origine),
   câblage vert, dépannage mauve. quoineuf.js bascule toujours fdbleu (active) / fdcola : la nature affine la teinte. */
.qn-btn.qn-cab.fdcola{background-color:#3a8f5c;}
.qn-btn.qn-cab.fdbleu{background-color:#0a6b35;}
.qn-btn.qn-dep.fdcola{background-color:#b26d5d;}
.qn-btn.qn-dep.fdbleu{background-color:#803929;}
.qn-btn.fdbleu{outline:3px solid #072b2c;outline-offset:1px;}/* l'active se voit, quelle que soit sa couleur */
.qn-cap-prat{margin:2px 0 0;}
.qn-cap-prat:empty{display:none;}
.btnbloc{display:inline-block;vertical-align:middle;max-width:96%;}
.destroy{background-color:#fff;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaAgMAAABFxqmRAAAADFBMVEUAAAAAAAD8AAAgDg4Wz6idAAAAAXRSTlMAQObYZgAAAXRJREFUSMd0lTFOw0AQRYeCkpKjUCJxhBRMLFFwAFdcJkdwkaGmzyV8idwBif2y4Glw/jTxvnjfT+zd2Yh4zn81XWLUQ+5qEn/Mfb0Mzog6RNzd4q8R9w0Q8JTTd4caX0bsXJ2/1TqC16z6avxaS37EOlUtjVedxY/6TOq48Xyvqq6vzzxs/JTUDG8BBR9C9L9cF9X0dRbPagGztOLbFXrdJb7NRC+rOAHoxQlAL04AenEC0Isz4BZxJqMUZ8Qd4szGKM6QG8SZjlCcAL4XZz4+cQLQixOAXpwA9OIEoBcnAL04AarljxOAHi4HenEC0MMTPZyAE7wFJJwA9AlP9JZ7j8/1v9P/L/8ceG7uObv3Yt+je+9unbh1ZdehW7dunbt9YfeR23dun7p9bfuA6xuuz/i+5PuY73tX0ydNXzV92PRt0+ftueDOEXfuiO/OqZ+tBYkD6alY6jXR0Cps9SCuehNHPYurXsZVj+Oq93G2E3C1KwBglWpHZzRTAwAAAABJRU5ErkJggg==");border-radius:2px;padding:0;}



.champgros{padding:4px;border-radius:6px;min-width:300px;font-size:1rem;}
.champ68{padding:4px;border-radius:6px;width:68px;font-size:1rem;}

.centrer{margin:auto;text-align:center;}
.milieu{text-align:center;}
.gauche{text-align:left;}
.droite{text-align:right;}
.justifie{text-align:justify;}
.cassemot{hyphens:auto;overflow-wrap:break-word;}
.curseur{cursor:pointer;}.curseur:hover{color:#4d0;text-decoration:underline;}
.curseur:hover img{filter:invert(0.3);}
.curseur0{cursor:none;}
.curseuraide{cursor:help;}
.interdit{cursor:not-allowed;}

.normal{font-size:20px;font-weight:var(--normal);font-style:normal;font-family:'Source Sans Pro',tahoma,sans-serif;}
.pasgras{font-weight:var(--normal);}
.moyen{font-size:18px;font-weight:var(--normal);}
.moymoy{font-size:16px;font-weight:var(--normal);}
.petit{font-size:14px;font-weight:var(--normal);}
.mini{font-size:12px;font-weight:var(--normal);}
.rikiki{font-size:14px;font-style:italic;color:#444;}
.italique{font-style:italic;}
.italique0{font-style:normal;;}
.geant{font-size:2.4rem;}
.xxl{font-size:3.6rem;}
.ttgros{font-size:2rem;}
.tgros{font-size:1.8rem;}
.gros{font-size:1.6rem;}
.migros{font-size:1.3rem;}
.gras{font-weight:var(--gras);}
.gras0{font-weight:var(--normal);}
.tgras{font-weight:var(--gras);}
.eclair{font-style:italic;}

.top5{margin-top:5px;}
.top8{margin-top:8px;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top_5{margin-top:-8px;}
.top_10{margin-top:-15px;}
.top_20{margin-top:-25px;}
.bas10{margin-bottom:10px;}

.marge05{margin:0.5px;}
.marge3{margin:3px;}
.marge5{margin:5px;}
.marge10{margin:10px;}
.marge00p100{margin:2px 0.2%;}
.marge0p100{margin:5px 0.7%;}
.marge1p100{margin:8px 1.2%;}
.margeg50{margin-left:50px;}
.marged50{margin-right:50px;}

.padd0{padding:0;}
.padd3{padding:3px;}
.padd5{padding:5px;}
.padd10{padding:10px;}
.paddv10{padding:10px 5px;}
.paddv20{padding:20px 2px;}
.padd20{padding:20px;}
.padd1p100{padding:0 1.5%;}
.paddMOT{padding:0 8px;}
.paddMOTL{padding:4px 14px;}

.haut2{height:2px;}
.haut50{height:50px;}
.haut60{height:60px;}
.haut80{height:80px;}
.haut100{height:100px;}
.haut130{height:130px;}
.haut168{height:168px;}
.Hmin168{min-height:168px;}
.haut300{height:300px;}
.h100{min-height:100px;}

.avertir{background-color:rgba(168,40,0,0.6);color:#fff;padding:10px;}
.large50{width:50px;}
.large68{width:68px;}
.large100{width:100px;}
.large100p100{width:100%;}
.large30p100{min-width:27%;}
.lmin100{min-width:100px;}
.large150{width:160px;}
.largequiz{width:60vw;min-width:150px;max-width:450px;}
.large200{width:200px;}
.max200{max-width:200px;}
.large250{width:250px;}
.large300{width:300px;}
.large350{max-width:350px;}
.large400{max-width:400px;}
.large500{max-width:500px;}
.large600{max-width:600px;}
.large700{max-width:700px;}
.large800{max-width:868px;}
.large1000{max-width:1050px;}
.large1250{max-width:1250px;}
.large1500{max-width:1500px;}
.largevar{width:90vw;min-width:250px;max-width:800px;}

.cube3000{width:260px;height:300px;}
.cube2500{width:200px;height:230px;}
.cube1680, .cube1699{width:160px;height:229px;}
.arrondi{border-radius:4px;}
.arrondi2{border-radius:8px;}
.arrondi7{border-radius:68px;}
.ombreflotte{box-shadow:4px 4px 0 0 #ddd;}
.ombreflotte2{box-shadow:2px 2px 4px 2px #c8c4c0;}
.contour{border-left:1px solid #eff8f8;border-top:1px solid #e9f5f6;border-right:2px solid #d2dddd;border-bottom:3px solid #c2cdcd;}

.opaque{opacity:0.4;}
.opaque2{opacity:0.7;}
.opaque9{opacity:1;}
.grise{filter:grayscale(0.5);}

.noir{color:#072b2c;}
.bleu{color:#37a2a6;}
.bleu0{color:#137275;}
.violet{color:#c65339;}
.turk{color:#70bfc2;}
.ciel{color:#acdadb;}
.cielfd{color:#f5fafb;}
.perle,.gris{color:#8da4a5;}
.blanc{color:#fff;}
.vertbleu{color:#0a8;}
.vert,.vert2{color:#082;}
.vert0{color:#051;}
.marron{color:#954;}
.fluo{color:#3f0;}
.fluo2{color:#4d0;}
.rouge{color:#d20;}
.orange{color:#cc4f33;}
.abricot{color:#dda599;}
.citron{color:#df8;}
.paille{color:#f8ffd0;}

.fdblanc{background-color:#fff;}
.fdciel{background-color:#e2f2f3;}
.fdciel1{background-color:#e4f3f3;}
.fdciel2{background-color:#f5fafb;}
.fdnoir{background-color:#072b2c;}
.fdperle,.fdgris{background-color:#c0d7d8;}
.fdbleu{background-color:#37a2a6;}
.fdbleu2{background-color:rgba(58,169,173,0.5);}
.fdnoabo{background-color:#acdadb;}
.fdform{background-color:#66b8bb;}
.fdfluo{background-color:#8f0;}
.fdrouge{background-color:#d00;}
.fdpourpre{background-color:#591b0d;}
.fdfluo2{background-color:#df3;}
.fdabricot{background-color:#dda599;}
.fdvert{background-color:#afc;}
.fdvert0{background-color:#cfe;}
.fdvert00{background-color:#f0fdf8;}
.fdviolet{background-color:#fcf7f6;}
.fdvert2{background-color:#3d8;}
.fdvert8{background-color:#184;}
.fdpaille,.fdtaupeZ{background-color:rgba(255,255,180,0.5);}
.fdjaune{background-color:#ff0;}
.fdcol{background-color:#3cafb3;}
.fdcola{background-color:#2b7d80;}
.fdcolina{background-color:#66b8bb;}

.joliehr{border:0;height:2px;background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(11,67,69,0.3),rgba(0,0,0,0));}
hr{border:none;border-bottom:1px solid #d1e8e9;}
.hrlarge{border:none;border-bottom:3px solid #afc6c7;}
.ombretxt{text-shadow:#fff -2px 2px,#fff -2px -2px,#fff 2px -2px,#dfebec 4px 4px 2px;}
.ombreblanche{text-shadow:#fff 1px 1px,#fff -1px 1px,#fff -1px -1px,#fff 1px -1px;}
.ombrenoire{text-shadow:#072b2c 1px 1px,#072b2c -1px 1px,#072b2c -1px -1px,#072b2c 1px -1px;}
.ombrev{padding:2px;box-shadow: 0 0 2px 0 green;}
.ombrer{padding:2px;box-shadow: 0 0 2px 0 red;}
.ombreg{padding:2px;box-shadow: 0 0 2px 0 grey;}
.ombrebig{box-shadow:rgba(20,69,70,0.6) 10px 10px}

.sansbord{border:none;}.sansfond{background:rgba(255,255,255,0);}
.vertical{transform:rotate(-90deg);}
.oppose{transform:rotate(180deg);}

.zoomcache
{
z-index:1;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,0.7);
transition:opacity 500ms;
visibility:hidden;
overflow:auto;
opacity:0;
}
.zoomcache.ouvert{
z-index:7;
visibility:visible;
opacity:1;
}
.zoomcache.ouvert img{cursor: zoom-out;}
.zoomcache:target{z-index:20;visibility:visible;opacity:1;}
.zoomzone
{
position:relative;
margin:auto;
padding:15px;
margin-top:0.5%;
width:98%;
min-height:95%;
background-color:#fff;
}
.zoomcours img{cursor:zoom-in;max-width:90vw;background-color:#fff;margin:5px;transition-duration:0.5s;}
.zoomcours img:active{transform:scale(1.5);max-width:95vw;padding:38px;margin-left:15px;}
.zoomcours{font-size:120%;}
.zoomcours h3{font-size:170%;}
.zoomcours h4{font-size:145%;}
.zoomcours h5{font-size:130%;}
.zoomcours h6{font-size:100%;}
.zoomcours .large200{max-width:35vw;}
.zoomcours .large250{max-width:40vw;}
.zoomcours .large400{max-width:80vw;}
.zoomcours .large500{max-width:90vw;}
.zoomcours .petit{font-size:100%;}
.zoomcours .tgros{font-size:180%;}
.zoomferme{clear:both;position:absolute;bottom:2%;right:2%;cursor:zoom-out;}
.zoompos{clear:both;display:flex;justify-content:space-between;height:40px;align-items:center;}
.zoombouton img{transform:scale(0.8);cursor:zoom-in;}
.zoombouton:hover{transform:scale(1.25);}

.svgtxt000{font-size:8px;}
.svgtxt00{font-size:10px;}
.svgtxt0{font-size:12px;}
.svgtxt1{font-size:14px;}
.svgtxt2{font-size:14px;font-weight:var(--gras);}
.svgtxt3{font-size:16px;font-weight:var(--gras);}
.svgtxt4{font-size:18px;font-weight:var(--gras);}
.svgtxt5{font-size:22px;font-weight:var(--gras);}
.svgtxt6{font-size:30px;font-weight:var(--gras);}
.svgtxt3n{font-size:14px;}
.svgtxt4n{font-size:16px;}
.svgtxt5n{font-size:22px;}
.svgtxt6n{font-size:30px;}
.svgtxt7{font-size:40px;font-weight:var(--gras);}

.anciensBloc:not(.deplie) .anciensWrap{max-height:40em;overflow:hidden;}
.anciensBloc.deplie .anciensWrap{max-height:none;overflow:visible;}
.anciensBloc .siDeplie{display:none;}
.anciensBloc.deplie .siReplie{display:none;}
.anciensBloc.deplie .siDeplie{display:inline;}

/* ===== L'OEUF ===== */

.Fd_ile{overflow-x:hidden;}
.Fd_ile:has(.coquille){justify-content:flex-start;}/* h1+h2 EN HAUT, l'oeuf dessous, toujours en flux : ne peut plus chevaucher le titre */

.coquille{position:relative;margin:20px auto 0;
	width:90%;max-width:820px;z-index:3;
	display:flex;flex-direction:column;justify-content:center;align-items:center;
	padding:1.4em 0;
	border:3px solid #d1e8e9;border-radius:50% / 58% 58% 42% 42%;
	background:radial-gradient(closest-side ellipse,rgba(255,255,255,.55) 40%,rgba(255,255,255,0) 100%);
	transition:border-color .25s,box-shadow .25s;}
.coquille>*{max-width:84%;}
.coquille h4{margin:.4em 0;}

.couronne{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%;gap:.4em;}
.verbe{position:static;text-align:center;text-decoration:none;white-space:normal;
	margin:4px;min-width:40%;box-shadow:0 1px 4px #072b2c;}
.verbe b{display:block;}
.verbe:hover,.verbe:focus-visible{filter:brightness(1.12);box-shadow:0 3px 9px #072b2c;}
.verbe:focus-visible{outline:3px solid #fff;outline-offset:2px;}
.v4{border:2px solid #cc4f33;}

.coquille:has(.v1:hover),.coquille:has(.v1:focus-visible){border-color:#66b8bb;box-shadow:0 0 30px #66b8bb;}
.coquille:has(.v2:hover),.coquille:has(.v2:focus-visible){border-color:#3cafb3;box-shadow:0 0 30px #3cafb3;}
.coquille:has(.v3:hover),.coquille:has(.v3:focus-visible){border-color:#2b7d80;box-shadow:0 0 30px #2b7d80;}
.coquille:has(.v4:hover),.coquille:has(.v4:focus-visible){border-color:#cc4f33;box-shadow:0 0 30px #cc4f33;}
.qn-carrousel img{width:100%;aspect-ratio:4/3;object-fit:cover;}
/* /OEUF NOUVEAU*/
.qn-bloc{display:flex;flex-wrap:wrap;gap:26px;align-items:center;margin:34px 0;}
.qn-media{flex:1 1 56%;min-width:300px;max-width:600px;margin:auto;}
.qn-texte{flex:1 1 32%;min-width:240px;}
.qn-bloc[data-sens="droite"] .qn-media{order:2;} .qn-bloc[data-sens="droite"] .qn-texte{order:1;}

@media all and (max-width:1400px)
{
.parcours{flex-direction:column;}
.danscours img{padding:4px;}.danscours iframe{max-width:80vw;}
.certif{margin:auto;border-radius: 0 0 30% 70%;border:2px hidden #d1e8e9;border-bottom-style:solid;min-height:100px;min-width:50%;max-width:800px;}
h1{font-size:2.5rem;}
h2{font-size:1.8rem;}
h3, .h3{font-size:1.5rem;}
h4, .h4{font-size:1.3rem;}
h5, .h5{font-size:1.2rem;}
h6{font-size:1rem;}
.zoomcours{font-size:110%;}
.zoomcours h3{font-size:150%;}
.zoomcours h4{font-size:130%;}
.zoomcours h5{font-size:120%;}
.zoomcours h6{font-size:90%;}
.zoomcours .petit{font-size:90%;}
.zoomcours .tgros{font-size:150%;}
}
@media all and (max-width:960px)
{
h1{font-size:1.8rem;text-align:left;}
h2{font-size:1.5rem;text-align:left;}
h3, .h3{font-size:1.2rem;}
h4, .h4{font-size:1.1rem;}
h5, .h5{font-size:1rem;}
.xxl{font-size:2.5rem;}
.xl{font-size:1.7rem;}
.geant{font-size:1.5rem;}
.ttgros{font-size:1.4rem;}
.tgros{font-size:1.2rem;}
.gros{font-size:1.1rem;}
.migros{font-size:1.05rem;}
.normal{font-size:1rem;}
.moyen{font-size:0.85rem;}
.moymoy{font-size:0.8rem;}
.petit{font-size:0.75rem;}
.mini{font-size:0.6rem;}
.rikiki{font-size:0.8rem;}
.img4090 img{width:60px;}
.img6090 img{width:60px;}
.sipetitVu{display:inline-block;}
.sipetitC{display:none;}
.sipetitBtn:hover .sipetitC{display:inline-block;}
.grilleIn{min-height:140px;min-width:40%;}
video {width:100%;max-width:100%;height:auto;max-height:none;margin: 15px auto;}
.videoH {width:80%;max-width:450px;margin:15px auto;}/*2026*/
.domaines{flex-direction:column;align-content:space-between;height:142px;}
.undomaine{width:100%;}
.lesoffres{flex-direction:column;align-content:space-between;height:750px;}
.uneoffre{width:100%;}
.danscours img{padding:2px;}
.danscours{box-shadow:none;background-color:#fff;}
.floatg img{max-width:58vw;}
.floatd img{max-width:58vw;}
.champgros{min-width:200px;font-size:0.9rem;}
.sipetitMn{font-size:1rem;}
.zoomcours{padding:5px;}
.zoomcours.ferme{right:12px;}
.zoomcours .ferme:hover{right:10px;}
.zoomcours img{margin-left:-5px;margin-right:-5px;}
.qn-bloc .qn-media,.qn-bloc .qn-texte{order:0;flex-basis:100%;}}
.qn-slide img{width:100%;height:auto;border-radius:10px;display:block;
}
@media all and (max-width:640px)
{
.grilleIn{min-height:100px;min-width:180px;}
h1{font-size:1.5rem;}
h2{font-size:1.2rem;}
h3, .h3{font-size:1.1rem;}
h4, .h4{font-size:1rem;}
h5, .h5{font-size:1rem;}
.xxl{font-size:1.8rem;}
.xl{font-size:1.3rem;}
.geant{font-size:1.2rem;}
.ttgros{font-size:1.15rem;}
.tgros{font-size:1.1rem;}
.gros{font-size:1rem;}
.normal{font-size:0.9rem;}
.migros{font-size:1rem;}
.img4090 img{width:40px;}
.img90120 img{width:90px;}
.marge0p100{margin:5px;}
.marge1p100{margin:8px;}
.padd1p100{padding:0 6px;}
#menu{display:none;}
#menuImg{margin-top:-44px;}
.sipetitMn{font-size:0.9rem;}
.flexlPP{display:flex;justify-content:space-around;flex-direction:column;}
}

#remonte{position:fixed;bottom:10px;right:15px;}/*
#ktt_tcp{position:fixed;bottom:20px;left:30px;padding:6px 20px 8px 40px;z-index:60;}
#ktt_tcp{transform:scale(0,1);transform-origin:left;transition:transform .25s;transition-timing-function:ease-in-out;}
#ktt_tcp:target{transform:scale(1,1);}
.ktt_btn{position:fixed;bottom:10px;}
#ktt_btn:checked~ #ktt_tcp{transform:scale(1,1);}*/

.fermeabobtn{display:block;position:fixed;top:0;right:0;width:45px;height:45px;background-color:#339699;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4AQMAAAADqqSRAAAABlBMVEUAAAD9/f16ZUgdAAAAAXRSTlMAQObYZgAAANJJREFUOMvskzESgkAQBLUMCH2CT/Fp4M+s8iNmpoYEFMsxU9DBPAE22HMtuG7udi9nHC9G5cdWXictz2GrZy39XpeWoh6Uqd8t31Qr6ttSVzuv/7d0164mjSt+cqGf/tPhR/2Soytv6jDKUASMR8B4BMCLZSYCxiNgPALGI/ASHoGP8Aj8hEeghEeghEeghEegjEfAeATAU+fzuR+89Enf/B6+N88jzyvPk/PO+8j7yvvM+6Yfsl+yn7Lf6Mfs1+xn+j3nIecl5ynnjXk8Y9mIAwCMUZF7U2PRgwAAAABJRU5ErkJggg==");background-size:45px 45px;}
.fermeabobtn:hover{background-color:#acdadb;}

li .affiche{width:90%;}
td{position:relative;padding:2px;border:1px solid #cedadb;background-color:#fff;border-radius:4px;}
th{position:relative;}
.td_2{max-width:44vw;}
.td_3{max-width:28vw;hyphens:auto;word-break:break-all;}
.td_4{max-width:20vw;hyphens:auto;word-break:break-all;}
.td_567{max-width:13vw;hyphens:auto;word-break:break-all;}
.tablesep{border-spacing:10px;}
.td_2 img{max-width:40vw;}
.td_3 img{max-width:26vw;}
.td_4 img{max-width:18vw;}
.td_567 img{max-width:12vw;}
.td_567 td{padding:0;border:0;}
th .affiche{margin-left:-2px;width:99%;}td .affiche{margin-left:-2px;width:99%;}
ul{position:relative;}ol{position:relative;}
.affiche img{max-width:90%;}
#auteur img, #profilactuel img {width: 130px;height: 130px;object-fit: cover;}
video[preload="none"] {cursor: pointer;}
video[preload="none"]:hover 
{box-shadow: -10px 10px 0px 0px rgba(204,79,51,0.5);}
video[preload="none"]:hover {box-shadow: -15px 0 0 0 #FFF, 0 15px 0 0 #FFF, -14px 14px 0 0 #cc4f33;}
.tuileRecrut.td_2{max-width:calc(50% - 12px);min-width:0;overflow-wrap:break-word;}
.tuileRecrut.td_2 img{max-width:100%;height:auto;}
.tuileRecrut.marge5{margin:14px 5px;}
#colSOLO, #colPACK, #colVOLUME{max-width:calc(50% - 12px);}
/* Barre de mission des simulateurs de câblage (simulateur.php + ressources-cablages) : ici et non
   dans simus.css, qui n'est chargé que sur les simulateurs. */
.bm{margin:10px auto;padding:10px;max-width:900px;border-radius:12px;background:#f5fafb;box-shadow:2px 2px 4px 2px #c8c4c0;}
.bm-modes{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;}
.bm-onglet{padding:6px 16px;border-radius:20px;border:2px solid #37a2a6;background:#fff;color:#37a2a6;font-weight:var(--gras);text-decoration:none;}
.bm-onglet.bm-actif{background:#37a2a6;color:#fff;}
a.bm-onglet:hover, button.bm-onglet:not(.bm-actif):hover{background:#ebf6f7;}
button.bm-onglet{font:inherit;font-weight:var(--gras);cursor:pointer;}
/* Énoncé du simulateur : « 📐 Mode Concepteur actif » (texte) + « Basculer en 🔌 Câbleur » (lien).
   a.bm-bascule:link/visited/hover : plus précis que a:hover (orange souligné) du site. */
.bm-modes{align-items:center;}
.bm-mode-actif{padding:6px 14px;border-radius:20px;background:#37a2a6;color:#fff;}
.bm-mode-actif:empty{display:none;}
a.bm-bascule:link, a.bm-bascule:visited{padding:5px 14px;border-radius:20px;border:2px solid #37a2a6;background:#fff;color:#37a2a6;font-weight:var(--gras);text-decoration:none;}
a.bm-bascule:hover, a.bm-bascule:focus{background:#ebf6f7;color:#37a2a6;text-decoration:none;}
/* Contraste actif / inactif (blanc -> bleu ne suffisait pas) : le mode choisi grossit un peu et n'est
   plus cliquable, l'autre recule (85 %, opacité de .opaque2) et revient à 100 % au survol. */
.bm-onglet, .bm-mode-actif, a.bm-bascule{display:inline-block;transition:transform .15s, opacity .15s;}
.bm-onglet.bm-actif, .bm-mode-actif{transform:scale(1.08);box-shadow:2px 2px 4px 1px #c8c4c0;pointer-events:none;cursor:default;}
button.bm-onglet:not(.bm-actif), a.bm-bascule{opacity:0.7;transform:scale(0.85);}
button.bm-onglet:not(.bm-actif):hover, button.bm-onglet:not(.bm-actif):focus,
a.bm-bascule:hover, a.bm-bascule:focus{opacity:1;transform:scale(0.95);}
.bm-metier{text-align:center;font-style:italic;font-size:0.9em;margin:6px 0 10px;}
/* flex centré comme .flexlg : l'outil isolé sur la dernière ligne reste au milieu (au lieu de la grille à gauche) */
.bm-outils{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;}
.bm-outil{flex:1 1 170px;max-width:260px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:6px;border-radius:8px;background:#fff;font-size:0.85em;}
.bm-outil > b{font-size:1.15em;}
/* Survol dans une tuile : la tuile sert d'ancêtre positionné (sinon .affiche, en absolute, prenait
   la largeur de la page et partait hors écran), et la bulle démarre au bord gauche de la tuile. */
.bm-outil{position:relative;}
.bm-outil .affiche{left:0;}
.bm-ico{font-size:1.8em;line-height:1.2;}
.bm-cle{background:#df3;}
.bm-entrer{display:block;margin:12px auto 0;padding:10px 26px;max-width:320px;border-radius:30px;background:#37a2a6;color:#fff;font-weight:var(--gras);font-size:1.25em;text-align:center;cursor:pointer;box-shadow:2px 2px 4px 2px #c8c4c0;}
.bm-entrer:hover, .bm-entrer:focus{filter:brightness(1.15);}
/* ressources-cablages : familles de simulateurs (-Sql-2017/lesSimus.php + familleSimus.php).
   Le vert reste celui des câblages : fond #f0fdf8 des tuiles, bandeau #cfe (.fdvert0). */
.fam-page{width:100%;}
.fam{background:#fff;padding:6px 4px 10px;scroll-margin-top:70px;}
.fam-titre{margin:4px 8px 0;font-size:1.25em;color:#051;}
.fam-titre a{color:#082;}
.fam-depart{background:#cfe;border:2px solid #3d8;}
.fam-puces{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px auto;max-width:1100px;}
.fam-puce{padding:4px 12px;border-radius:20px;border:2px solid #3d8;background:#f0fdf8;color:#051;font-size:0.85em;text-decoration:none;}
.fam-puce:hover, .fam-puce:focus{background:#cfe;color:#051;text-decoration:none;}
.fam-puce b{display:inline-block;min-width:1.4em;margin-left:4px;padding:0 4px;border-radius:10px;background:#3d8;color:#fff;}
.tuile-niv{letter-spacing:-2px;}
.tuile-prat{white-space:nowrap;}/* « 🔌 15 câblages » ne se coupe jamais au milieu */
.fam-solo{display:flex;flex-direction:column;align-items:center;align-self:flex-start;}/* flex-start : les tuiles s'alignent en haut, même si un nom de cours passe sur 2 lignes */
.fam-solo-cours{max-width:166px;min-height:2.5em;display:flex;align-items:flex-end;justify-content:center;font-size:0.75em;font-weight:var(--gras);color:#082;text-align:center;}/* 2 lignes réservées : tuiles de même hauteur */
/* ressources-depannages : mêmes familles, en mauve (.violet #c65339, tuiles .fdviolet #fcf7f6) */
.fam-dep .fam-titre{color:#994633;}
.fam-dep .fam-titre a, .fam-dep .fam-solo-cours{color:#c65339;}
.fam-dep .fam-depart{background:#f8ece9;border-color:#c65339;}
.fam-dep .fam-puce{border-color:#c65339;background:#fcf7f6;color:#994633;}
.fam-dep .fam-puce:hover, .fam-dep .fam-puce:focus{background:#f5e3e0;color:#994633;}
.fam-dep .fam-puce b{background:#c65339;}
/* ressources-cours (-Sql-2017/coursdom.php) : puces des thèmes en bleu pâle (tuiles .fdciel2 #f5fafb) */
.fam-puces.fam-cours{width:100%;}
.fam-cours .fam-puce{border-color:#acdadb;background:#f5fafb;color:#137275;}
.fam-cours .fam-puce:hover, .fam-cours .fam-puce:focus{background:#e2f2f3;color:#137275;}
.fam-cours .fam-puce b{background:#37a2a6;}
[id^="theme-"]{scroll-margin-top:70px;}
/* Défi affiché selon le mode choisi (barreMission.js pose html.mode-cableur ; sans JS : Concepteur) */
.st-cab, html.mode-cableur .st-con{display:none;}
html.mode-cableur .st-cab{display:inline;}
/* ressources-defis (catalogue-tcp.php) : cartes des parcours et des défis. Couleur du verbe « Relever le défi » : #072b2c (.fdnoir) */
.kat-puces .fam-puce{border-color:#072b2c;background:#fff;color:#072b2c;}
.kat-puces .fam-puce:hover, .kat-puces .fam-puce:focus{background:#e8f3f3;color:#072b2c;}
.kat-puces .fam-puce b{background:#072b2c;}
.kat-bloc{margin:18px auto 8px;max-width:1300px;scroll-margin-top:70px;}
#kat-explorer{scroll-margin-top:70px;}
.kat-titre{margin:4px 8px 0;text-align:center;color:#072b2c;}
/* icône du site (img-nav/parcours-perso.png, 120x120) : grosse dans le titre, moyenne dans la pastille */
.kat-titre .kat-ico{height:72px;width:auto;vertical-align:middle;margin-right:6px;}
.fam-puce .kat-ico{height:1.9em;width:auto;vertical-align:middle;margin:-0.45em 4px -0.45em 0;}
/* flex centré comme .flexlg (l'isolé reste au milieu) ; --kat-cols (posé par le PHP) équilibre les lignes : 5 -> 3+2 */
.kat-grille{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:10px 8px;margin:0 auto;max-width:calc(var(--kat-cols, 4) * 304px + 16px);}/* 290 carte + 14 gap, + 2×8 de padding */
.kat-carte{flex:0 1 290px;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;background:#f5fafb;box-shadow:2px 2px 4px 1px #c8c4c0;}
.kat-defi{background:#fff;border-top:4px solid #072b2c;}
.kat-img{display:block;width:100%;height:150px;object-fit:cover;}
.kat-corps{display:flex;flex-direction:column;flex:1;padding:8px 12px 12px;text-align:left;}
.kat-nom{margin:2px 0 0;font-size:1.2em;line-height:1.2;}
.kat-code{font-size:0.75em;letter-spacing:0.08em;color:#8da4a5;}
.kat-resume{margin:6px 0;font-size:0.9em;}
.kat-compteurs{display:flex;flex-wrap:wrap;gap:2px 10px;margin:4px 0 6px;font-size:0.85em;color:#072b2c;}
.kat-go{display:block;margin-top:auto;padding:8px 12px;border-radius:20px;background:#072b2c;color:#fff;font-weight:var(--gras);text-align:center;text-decoration:none;}
a.kat-go:link, a.kat-go:visited{color:#fff;text-decoration:none;}
a.kat-go:hover, a.kat-go:focus{background:#37a2a6;color:#fff;text-decoration:none;}
.kat-prn{margin-top:6px;font-size:0.8em;text-align:center;color:#8da4a5;}
/* ENSEMB (20/10/2026) : en-tête et menu du bas, comme l'accueil ; nuancier A1 « pétrole bleuté » */
:root{--ens-petrole:#0e5257;--ens-moyen:#2f8580;--ens-clair:#8fcdc6;--ens-voile:#ddefec;--ens-lave:#b8442a;--ens-papier:#faf7f2;--ens-trait:#e3ddd3}
.ens-entete{border-bottom:1px solid var(--ens-trait);background:#fff;font-family:'Source Sans Pro',tahoma,sans-serif}
.ens-large{max-width:1080px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
a.ens-marque{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:28px;letter-spacing:.5px;color:var(--ens-petrole)}
.ens-marque svg{width:34px;height:34px}
.ens-nav,.ens-pied{display:flex;gap:6px;flex-wrap:wrap}
.ens-nav a,.ens-pied a{text-decoration:none;padding:8px 14px;border-radius:999px;font-weight:700;font-size:18px;color:var(--ens-petrole)}
.ens-nav a:hover,.ens-nav a:focus-visible,.ens-pied a:hover,.ens-pied a:focus-visible{background:var(--ens-voile)}
.ens-pied{justify-content:center;padding:6px 0}
@media (max-width:760px){.ens-marque{font-size:24px}.ens-nav a,.ens-pied a{padding:6px 10px;font-size:16px}}
.ens-mains{width:40px;height:40px;flex:none}
@media (max-width:760px){.ens-mains{width:34px;height:34px}}
.ens-reagir{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.ens-reagir span{font-weight:700;font-size:18px;color:#fff1e6;text-shadow:0 1px 2px rgba(0,0,0,.45)}/* 20/10 : abricot ultra clair (le pétrole se lisait mal sur la bande, le vert clair manquait de contraste), ombre pour la lisibilité */
@media (max-width:760px){.ens-reagir span{font-size:15px}}
/* 21/10/2026 : les blocs des histoires prennent le look des cartes de l'accueil (arrondis, filet, ombre douce) */
.danscours{border-radius:14px;border:1px solid var(--ens-trait);box-shadow:0 1px 2px rgba(31,42,48,.06),0 6px 18px rgba(31,42,48,.06)}
.danscours:hover{box-shadow:0 1px 2px rgba(31,42,48,.08),0 8px 22px rgba(31,42,48,.1)}