/* YouTips — accueil façon Apple (21 oct. 2026). Actif seulement avec html.yap-on, posé par yt-accueil-apple.php sur l'accueil. */

/* 1. Sections en panneaux, séparées par une bande blanche horizontale (pas sur les côtés) */
html.yap-on body,html.yap-on .site,html.yap-on #wrapper,html.yap-on #inner-wrap,html.yap-on #primary,html.yap-on .site-main,html.yap-on .content-area,html.yap-on .entry-content,html.yap-on .ya2{background:#fff!important}
html.yap-on.yj-isdark body,html.yap-on.yj-isdark .site,html.yap-on.yj-isdark #wrapper,html.yap-on.yj-isdark #inner-wrap,html.yap-on.yj-isdark #primary,html.yap-on.yj-isdark .site-main,html.yap-on.yj-isdark .content-area,html.yap-on.yj-isdark .entry-content,html.yap-on.yj-isdark .ya2{background:#000!important}
html.yap-on .ya2-fondu{display:none!important}
html.yap-on .entry-content>.ya2>section,html.yap-on .entry-content>section{margin:12px 0 0!important;width:auto!important;max-width:none!important;border-radius:0!important}
html.yap-on .entry-content>.ya2>section.yap-clair,html.yap-on .entry-content>section.yap-clair{background:#F5F5F7!important}
html.yap-on .entry-content>.ya2>section.yap-der,html.yap-on .entry-content>section.yap-der{margin-bottom:12px!important}
@media (max-width:760px){html.yap-on .entry-content>.ya2>section,html.yap-on .entry-content>section{margin:8px 0 0!important}}
html.yap-on .entry-content>.ya2>section.ya2-hero{margin-top:0!important}

/* 3. Bloc « Ils racontent leur formation » */
html.yap-on #yt-home-temoignages#yt-home-temoignages{background:#000!important;color:#fff!important;padding:120px var(--ytt-pad,160px) 112px!important;overflow:hidden!important}
html.yap-on #yt-home-temoignages .ytt-entete{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:32px 64px!important;flex-wrap:wrap!important;margin:0 0 56px!important;padding:0!important;text-align:left!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages h2.ytt-titre{margin:0!important;font-size:64px!important;font-weight:700!important;line-height:1.04!important;letter-spacing:-.03em!important;color:#fff!important;max-width:720px!important;text-align:left!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages h2.ytt-titre .yap-grad{background:none!important;-webkit-text-fill-color:#8E8E93!important;color:#8E8E93!important}
html.yap-on #yt-home-temoignages p.ytt-resume{display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;column-gap:16px!important;align-items:center!important;margin:0!important;padding:0!important;color:rgba(255,255,255,.62)!important;font-size:15px!important;line-height:1.4!important;text-align:left!important}
html.yap-on #yt-home-temoignages p.ytt-resume strong{grid-row:1/3!important;grid-column:1!important;font-size:72px!important;font-weight:700!important;line-height:1!important;letter-spacing:-.04em!important;color:#fff!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages p.ytt-resume strong small{font-size:28px!important;font-weight:600!important;letter-spacing:-.01em!important;color:rgba(255,255,255,.5)!important}
html.yap-on #yt-home-temoignages p.ytt-resume .ytt-stars{grid-row:1!important;grid-column:2!important;align-self:end!important;font-size:22px!important;letter-spacing:2px!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages p.ytt-resume .yap-n{grid-row:2!important;grid-column:2!important;align-self:start!important}
html.yap-on #yt-home-temoignages .ytt-stars{color:#FFD60A!important;background:none!important}
html.yap-on #yt-home-temoignages .ytt-rail-wrap{position:relative!important;margin:0!important;padding:0 0 76px!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages .ytt-liste{display:flex!important;align-items:flex-start!important;gap:20px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;margin:0 calc(-1 * var(--ytt-pad,160px)) 0 0!important;padding:4px var(--ytt-pad,160px) 4px 0!important;scroll-padding-left:0!important;scrollbar-width:none!important;perspective:none!important;transform:none!important}
html.yap-on #yt-home-temoignages .ytt-liste::-webkit-scrollbar{display:none!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages#yt-home-temoignages figure.ytt-card{flex:0 0 min(400px,84vw)!important;width:auto!important;height:590px!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:36px 32px 28px!important;border:0!important;border-radius:22px!important;background:linear-gradient(165deg,#1E1E21 0%,#141416 100%)!important;box-shadow:none!important;scroll-snap-align:start!important;position:relative!important;overflow:hidden!important;transition:background .3s ease!important;transform:none!important;rotate:none!important;scale:none!important;translate:none!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages#yt-home-temoignages figure.ytt-card.ytt-ouvert{height:auto!important;min-height:590px!important}
html.yap-on #yt-home-temoignages figure.ytt-card:hover{background:linear-gradient(165deg,#262629 0%,#18181B 100%)!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages figure.ytt-card::after{content:none!important;display:none!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages figure.ytt-card::before{content:"\201C"!important;display:block!important;order:0!important;align-self:flex-start!important;width:auto!important;font-size:96px!important;font-weight:700!important;line-height:.8!important;height:52px!important;margin:0 0 8px!important;font-family:Georgia,serif!important;background:none!important;-webkit-text-fill-color:rgba(255,255,255,.32)!important;color:rgba(255,255,255,.32)!important;border:0!important;position:static!important}
html.yap-on #yt-home-temoignages figure.ytt-card .ytt-stars{order:1!important;font-size:15px!important;letter-spacing:2px!important;margin:0 0 14px!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages figure.ytt-card blockquote.ytt-quote{order:2!important;flex:0 1 auto!important;margin:0 0 28px!important;padding:0!important;border:0!important;background:none!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages#yt-home-temoignages figure.ytt-card blockquote.ytt-quote p{margin:0!important;font-size:19px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:-.005em!important;color:rgba(255,255,255,.92)!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:9!important;line-clamp:9;overflow:hidden!important;max-height:none!important;font-style:normal!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages#yt-home-temoignages figure.ytt-card blockquote.ytt-quote p:not(:first-child){display:none!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages#yt-home-temoignages figure.ytt-card.ytt-ouvert blockquote.ytt-quote p{display:block!important;-webkit-line-clamp:unset!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages blockquote.ytt-quote a{color:inherit!important;text-decoration:none!important;border:0!important;background:none!important}
html.yap-on #yt-home-temoignages figure.ytt-card button.ytt-plus{order:3!important;align-self:flex-start!important;margin:-16px 0 0!important;padding:0!important;border:0!important;background:none!important;color:#A8CAFF!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages figure.ytt-card .ytt-head{order:4!important;display:flex!important;align-items:center!important;gap:14px!important;margin:auto 0 0!important;padding:24px 0 0!important;border-top:1px solid rgba(255,255,255,.1)!important}
html.yap-on #yt-home-temoignages figure.ytt-card img.ytt-photo{width:52px!important;height:52px!important;border-radius:50%!important;object-fit:cover!important;margin:0!important;padding:2px!important;background:rgba(255,255,255,.18)!important;border:0!important}
html.yap-on #yt-home-temoignages figure.ytt-card .ytt-nom{display:block!important;font-size:17px!important;font-weight:700!important;line-height:1.3!important;color:#fff!important}
html.yap-on #yt-home-temoignages figure.ytt-card .ytt-role{display:block!important;font-size:14px!important;line-height:1.4!important;color:rgba(255,255,255,.6)!important}
html.yap-on #yt-home-temoignages figure.ytt-card figcaption.ytt-meta{order:5!important;margin:14px 0 0!important;padding:0!important;font-size:13px!important;line-height:1.5!important;color:rgba(255,255,255,.5)!important;border:0!important}
html.yap-on #yt-home-temoignages figure.ytt-card figcaption.ytt-meta span:first-child{color:rgba(255,255,255,.78)!important;font-weight:600!important}
html.yap-on #yt-home-temoignages .ytt-nav{position:absolute!important;top:auto!important;bottom:0!important;left:auto!important;transform:none!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:24px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;cursor:pointer!important;opacity:1!important}
html.yap-on #yt-home-temoignages .ytt-nav:hover{background:rgba(255,255,255,.22)!important}
html.yap-on #yt-home-temoignages .ytt-prev{right:56px!important}
html.yap-on #yt-home-temoignages .ytt-next{right:0!important}
html.yap-on #yt-home-temoignages .ytt-cta{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:-44px 0 0!important;padding:0!important;justify-content:flex-start!important;max-width:calc(100% - 140px)!important}
html.yap-on #yt-home-temoignages a.ytt-btn{border-radius:999px!important;padding:14px 26px!important;font-size:17px!important;font-weight:500!important;border:0!important;text-decoration:none!important}
html.yap-on #yt-home-temoignages a.ytt-btn2{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:13px 26px!important;font-size:17px!important;font-weight:500!important;background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;text-decoration:none!important}
html.yap-on #yt-home-temoignages a.ytt-btn:hover,html.yap-on #yt-home-temoignages a.ytt-btn2:hover{text-decoration:underline!important}
@media (max-width:760px){
html.yap-on #yt-home-temoignages#yt-home-temoignages{padding:72px 20px 64px!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages h2.ytt-titre{font-size:40px!important}
html.yap-on #yt-home-temoignages p.ytt-resume strong{font-size:56px!important}
html.yap-on #yt-home-temoignages .ytt-entete{margin-bottom:36px!important}
html.yap-on #yt-home-temoignages#yt-home-temoignages#yt-home-temoignages figure.ytt-card{height:540px!important;padding:30px 24px 24px!important}
html.yap-on #yt-home-temoignages .ytt-cta{margin:0!important;max-width:none!important}
html.yap-on #yt-home-temoignages .ytt-rail-wrap{padding-bottom:68px!important}
}

/* 4. Communauté : 7 bulles qui se chevauchent, nom au survol */
html.yap-on #ya2-communaute .ya2-com{align-items:center!important}
html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage{position:relative!important;display:block!important;flex:0 0 auto!important;width:min(600px,100%)!important;max-width:600px!important;aspect-ratio:500/480;height:auto!important;margin:0 0 0 auto!important;padding:0!important;list-style:none!important;transform:none!important;gap:0!important}
html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage>li{position:absolute!important;display:block!important;box-sizing:border-box!important;aspect-ratio:1/1;height:auto!important;margin:0!important;padding:0!important;border-radius:50%!important;background:#fff!important;border:5px solid #F5F5F7!important;box-shadow:0 12px 32px rgba(0,0,0,.14)!important;overflow:visible!important;opacity:1!important;transform:none;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease!important;animation:yapFloat 5.5s ease-in-out infinite alternate!important;animation-delay:calc(var(--i) * -0.8s)!important;cursor:default!important;outline:0}
html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage>li::before,html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage>li::marker{content:none!important}
html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage>li>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border-radius:50%!important;object-fit:cover!important;box-shadow:none!important}
html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage>li>.ya2-com-pt{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;border-radius:50%!important;font-size:clamp(28px,4vw,52px)!important;font-weight:700!important;color:#fff!important}
html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage>li>span:last-child{position:absolute!important;left:50%!important;top:auto!important;bottom:-14px!important;transform:translate(-50%,-6px)!important;white-space:nowrap!important;margin:0!important;padding:10px 18px!important;border-radius:999px!important;background:#1D1D1F!important;color:#fff!important;font-size:16px!important;font-weight:600!important;line-height:1.2!important;opacity:0!important;pointer-events:none!important;transition:opacity .25s ease,transform .25s ease!important;z-index:3!important;box-shadow:0 8px 20px rgba(0,0,0,.2)!important;clip:auto!important;width:auto!important;height:auto!important}
html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage>li:hover,html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage>li:focus-visible{z-index:10!important;transform:scale(1.1);box-shadow:0 20px 44px rgba(0,0,0,.22)!important;animation-play-state:paused!important}
html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage>li:focus-visible{box-shadow:0 0 0 3px #124CA3,0 20px 44px rgba(0,0,0,.22)!important}
html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage>li:hover>span:last-child,html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage>li:focus-visible>span:last-child{opacity:1!important;transform:translate(-50%,0)!important}
html.yap-on #ya2-communaute ul.ya2-com-nuage>li:nth-child(2){width:42%!important;left:30%!important;top:27%!important;z-index:2}
html.yap-on #ya2-communaute ul.ya2-com-nuage>li:nth-child(1){width:30%!important;left:7%!important;top:6%!important;z-index:1}
html.yap-on #ya2-communaute ul.ya2-com-nuage>li:nth-child(3){width:33%!important;left:64%!important;top:4%!important;z-index:1}
html.yap-on #ya2-communaute ul.ya2-com-nuage>li:nth-child(4){width:32%!important;left:2%!important;top:48%!important;z-index:1}
html.yap-on #ya2-communaute ul.ya2-com-nuage>li:nth-child(5){width:28%!important;left:68%!important;top:45%!important;z-index:1}
html.yap-on #ya2-communaute ul.ya2-com-nuage>li:nth-child(6){width:26%!important;left:36%!important;top:71%!important;z-index:3}
html.yap-on #ya2-communaute ul.ya2-com-nuage>li:nth-child(7){width:22%!important;left:64%!important;top:74%!important;z-index:1}
@keyframes yapFloat{from{translate:0 -7px}to{translate:0 7px}}
@media (prefers-reduced-motion:reduce){html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage>li{animation:none!important;transition:none!important}}
@media (max-width:860px){html.yap-on #ya2-communaute#ya2-communaute ul.ya2-com-nuage{margin:48px auto 24px!important}}

/* 5. Titres sans animation mot par mot ; le H1 apparaît d'un bloc, en fondu doux */
html.yap-on body .ya2 .ya2-mots .ya2-w>span{transform:none!important;opacity:1!important;transition:none!important}
html.yap-on body .ya2 .ya2-mots .ya2-w{overflow:visible!important}
html.yap-on body .ya2 h1.ya2-h1{animation:yapFondu .9s ease-out both}
@keyframes yapFondu{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){html.yap-on body .ya2 h1.ya2-h1{animation:none!important}}

/* 6. Recommandations de l'expert Apple : AFDAS dans le hero, écran financement, arc-en-ciel limité au hero */
html.yap-on .ya2-hero p.yap-hero-afdas{margin:-6px 0 0!important;max-width:620px!important;font-size:19px!important;line-height:1.5!important;color:rgba(255,255,255,.88)!important}
html.yap-on .ya2-hero p.yap-hero-afdas strong{color:#fff!important;font-weight:700!important}
html.yap-on .ya2-hero ul.ya2-preuves li,html.yap-on .ya2-hero ul.ya2-preuves li a{font-size:15px!important;color:rgba(255,255,255,.86)!important}
html.yap-on section.yap-fonce{--yap-c2:#8E8E93}
html.yap-on section.yap-clair{--yap-c2:#6E6E73}
html.yap-on .yap-mono,html.yap-on body .ya2 section .yap-mono.yap-mono.yap-mono{background:none!important;-webkit-text-fill-color:var(--yap-c2,#6E6E73)!important;color:var(--yap-c2,#6E6E73)!important;filter:none!important;animation:none!important}
html.yap-on body .ya2 section .ya2-res-big.yap-mono.yap-mono.yap-mono{-webkit-text-fill-color:#1D1D1F!important;color:#1D1D1F!important}
html.yap-on.yj-isdark body .ya2 section .ya2-res-big.yap-mono.yap-mono.yap-mono{-webkit-text-fill-color:#F5F5F7!important;color:#F5F5F7!important}
html.yap-on .ya2-fin .ya2-fin-img{filter:brightness(.42)!important}
html.yap-on #yap-financement{padding:120px max(40px,calc((100% - 1120px) / 2))!important;background:#F5F5F7!important;color:#1D1D1F!important}
html.yap-on.yj-isdark #yap-financement{background:#1D1D1F!important;color:#F5F5F7!important}
html.yap-on #yap-financement .yap-fin-in{max-width:1120px;margin:0 auto}
html.yap-on #yap-financement h2.yap-fin-h{margin:0 0 64px!important;font-size:56px!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-.03em!important;color:inherit!important;max-width:none!important}
html.yap-on #yap-financement h2.yap-fin-h span{color:#6E6E73!important}
html.yap-on.yj-isdark #yap-financement h2.yap-fin-h span{color:#A1A1A6!important}
html.yap-on #yap-financement ol.yap-fin-etapes{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:48px!important}
html.yap-on #yap-financement ol.yap-fin-etapes li{margin:0!important;padding:28px 0 0!important;border-top:2px solid currentColor!important;list-style:none!important;background:none!important}
html.yap-on #yap-financement ol.yap-fin-etapes li::before,html.yap-on #yap-financement ol.yap-fin-etapes li::marker{content:none!important}
html.yap-on #yap-financement .yap-fin-n{display:block;font-size:72px;font-weight:700;line-height:1;letter-spacing:-.04em;margin:0 0 20px}
html.yap-on #yap-financement h3{margin:0 0 10px!important;font-size:24px!important;font-weight:700!important;line-height:1.25!important;color:inherit!important}
html.yap-on #yap-financement ol p{margin:0!important;font-size:17px!important;line-height:1.55!important;color:#424245!important}
html.yap-on.yj-isdark #yap-financement ol p{color:#C7C7CC!important}
html.yap-on #yap-financement .yap-fin-btns{display:flex;flex-wrap:wrap;gap:12px;margin:64px 0 0}
html.yap-on #yap-financement .yap-fin-btns a{display:inline-flex;align-items:center;min-height:48px;padding:0 26px;border-radius:999px;font-size:17px;font-weight:500;text-decoration:none!important}
html.yap-on #yap-financement a.yap-b1{background:#124CA3!important;color:#fff!important}
html.yap-on #yap-financement a.yap-b2{background:transparent!important;color:#124CA3!important;border:1px solid #124CA3!important}
html.yap-on.yj-isdark #yap-financement a.yap-b1{background:#fff!important;color:#1D1D1F!important}
html.yap-on.yj-isdark #yap-financement a.yap-b2{color:#A8CAFF!important;border-color:#A8CAFF!important}
html.yap-on #yap-financement .yap-fin-btns a:hover,html.yap-on #yap-financement .yap-fin-btns a:focus-visible{text-decoration:underline!important}
html.yap-on #yap-financement p.yap-fin-note{margin:20px 0 0!important;font-size:14px!important;line-height:1.5!important;color:#6E6E73!important}
html.yap-on.yj-isdark #yap-financement p.yap-fin-note{color:#A1A1A6!important}
@media (max-width:860px){html.yap-on #yap-financement ol.yap-fin-etapes{grid-template-columns:1fr!important;gap:36px!important}}
@media (max-width:760px){html.yap-on #yap-financement{padding:72px 20px!important}html.yap-on #yap-financement h2.yap-fin-h{font-size:36px!important;margin-bottom:40px!important}html.yap-on #yap-financement .yap-fin-n{font-size:56px}html.yap-on .ya2-hero p.yap-hero-afdas{font-size:17px!important}}

/* 7. Ressources : grand bloc de tuiles en tête de section (jeux, outils pour intermittents, blog, glossaire, Arène, aide) */
html.yap-on #ya2-ressources .ya2-in{display:flex!important;flex-direction:column!important}
html.yap-on #ya2-ressources .ya2-in>*{order:3}
html.yap-on #ya2-ressources .ya2-in>.ya2-tete{order:1}
html.yap-on #ya2-ressources .ya2-in>ul.ya2-res-g{order:2}
html.yap-on #ya2-ressources#ya2-ressources ul.ya2-res-g{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:460px 220px 220px!important;grid-template-areas:"jeux jeux outils" "blog glossaire arene" "blog glossaire aide"!important;gap:20px!important;margin:0 0 20px!important;padding:0!important;list-style:none!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li{margin:0!important;padding:0!important;border:0!important;border-radius:24px!important;overflow:hidden!important;box-shadow:none!important;background:#1D1D1F!important;list-style:none!important;opacity:1!important;transform:none!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li::before,html.yap-on #ya2-ressources ul.ya2-res-g>li::after,html.yap-on #ya2-ressources ul.ya2-res-g>li::marker{content:none!important;display:none!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(4){grid-area:jeux;background:radial-gradient(120% 140% at 85% 10%,#C2621B 0%,#7F3A12 45%,#3A1A08 100%)!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(3){grid-area:outils;background:linear-gradient(160deg,#A43A33 0%,#5E1C18 100%)!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(1){grid-area:blog;background:linear-gradient(160deg,#2E5AA0 0%,#16305E 100%)!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(2){grid-area:glossaire;background:linear-gradient(160deg,#7350A8 0%,#3B2366 100%)!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(5){grid-area:arene;background:#1D1D1F!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(6){grid-area:aide;background:#2C2C2E!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li>a{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;height:100%!important;box-sizing:border-box!important;padding:36px 40px!important;color:#fff!important;text-decoration:none!important;background:none!important;border:0!important;transition:filter .25s ease!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li>a:hover{filter:brightness(1.12)}
html.yap-on #ya2-ressources ul.ya2-res-g>li>a:focus-visible{outline:3px solid #A8CAFF!important;outline-offset:-6px!important}
html.yap-on #ya2-ressources ul.ya2-res-g .yap-res-k{display:block;margin:0 0 auto;font-size:17px;font-weight:600;color:rgba(255,255,255,.85)}
html.yap-on body .ya2 #ya2-ressources ul.ya2-res-g .ya2-res-big.ya2-res-big.yap-mono{display:block!important;margin:auto 0 6px!important;font-size:88px!important;font-weight:700!important;line-height:.95!important;letter-spacing:-.045em!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
html.yap-on body .ya2 #ya2-ressources ul.ya2-res-g>li:nth-child(4) .ya2-res-big.ya2-res-big.yap-mono{font-size:160px!important}
html.yap-on body .ya2 #ya2-ressources ul.ya2-res-g>li:nth-child(5) .ya2-res-big.ya2-res-big.yap-mono,html.yap-on body .ya2 #ya2-ressources ul.ya2-res-g>li:nth-child(6) .ya2-res-big.ya2-res-big.yap-mono{font-size:48px!important;margin-top:0!important}
html.yap-on #ya2-ressources ul.ya2-res-g .ya2-res-l{display:block!important;font-size:26px!important;font-weight:700!important;line-height:1.2!important;color:#fff!important;margin:0 0 10px!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(4) .ya2-res-l{font-size:34px!important}
html.yap-on #ya2-ressources ul.ya2-res-g .ya2-res-d{display:block!important;max-width:520px;font-size:17px!important;line-height:1.5!important;color:rgba(255,255,255,.85)!important;margin:0 0 18px!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(5) .ya2-res-d,html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(6) .ya2-res-d{display:none!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(5) .ya2-res-l,html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(6) .ya2-res-l{font-size:20px!important}
html.yap-on #ya2-ressources ul.ya2-res-g .ya2-res-go{display:inline-flex!important;align-self:flex-start!important;font-size:17px!important;font-weight:600!important;color:#fff!important;padding:12px 22px!important;border-radius:999px!important;background:rgba(255,255,255,.16)!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(4) .ya2-res-go{background:#fff!important;color:#1D1D1F!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li>a:hover .ya2-res-go{text-decoration:underline!important}
html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(5) .ya2-res-go,html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(6) .ya2-res-go{padding:0!important;background:none!important;font-size:15px!important}
@media (max-width:860px){html.yap-on #ya2-ressources#ya2-ressources ul.ya2-res-g{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;grid-template-areas:"jeux jeux" "outils outils" "blog glossaire" "arene aide"!important}html.yap-on #ya2-ressources ul.ya2-res-g>li{min-height:240px}html.yap-on #ya2-ressources ul.ya2-res-g>li:nth-child(4){min-height:380px}html.yap-on body .ya2 #ya2-ressources ul.ya2-res-g>li:nth-child(4) .ya2-res-big.ya2-res-big.yap-mono{font-size:112px!important}}
@media (max-width:560px){html.yap-on #ya2-ressources#ya2-ressources ul.ya2-res-g{grid-template-columns:1fr!important;grid-template-areas:"jeux" "outils" "blog" "glossaire" "arene" "aide"!important}html.yap-on #ya2-ressources ul.ya2-res-g>li>a{padding:28px 24px!important}html.yap-on body .ya2 #ya2-ressources ul.ya2-res-g .ya2-res-big.ya2-res-big.yap-mono{font-size:64px!important}}
/* 8. Tuile IA : « L'IA » en très gros */
html.yap-on #ya2-ressources .ya2-tuile-ia .ya2-tuile-k{font-size:17px!important;font-weight:600!important;line-height:1.3!important;margin-bottom:14px!important}
html.yap-on #ya2-ressources .ya2-tuile-ia .ya2-tuile-k .yap-ia-big{display:block!important;margin:0 0 4px!important;font-size:112px!important;font-weight:700!important;line-height:.95!important;letter-spacing:-.045em!important;color:#1D1D1F!important;-webkit-text-fill-color:#1D1D1F!important;background:none!important}
html.yap-on.yj-isdark #ya2-ressources .ya2-tuile-ia .ya2-tuile-k .yap-ia-big{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media (max-width:760px){html.yap-on #ya2-ressources .ya2-tuile-ia .ya2-tuile-k .yap-ia-big{font-size:72px!important}}