#charte-public-root body.charte-public #blog-refresh{--encre:#253045!important;--accent:#55648f!important;--fonce:#3F4A6E!important;--lavande:#eef0f6!important;--bord:#dfe2ea!important;--gris:#5b6478!important}#charte-public-root body.charte-public #blog-refresh *{box-sizing:border-box!important;margin:0!important;padding:0!important}#charte-public-root body.charte-public #blog-refresh{font-family:Montserrat,system-ui,sans-serif!important;color:var(--encre)!important;background:#fff!important;line-height:1.55!important}#charte-public-root body.charte-public #blog-refresh a{color:inherit!important;text-decoration:none!important}#charte-public-root body.charte-public #blog-refresh .wrap{max-width:1160px!important;margin:0 auto!important;padding:0 20px!important}#charte-public-root body.charte-public #blog-refresh .note{background:#fff7e0!important;border-bottom:1px solid #f0dca0!important;font-size:13px!important;padding:8px 20px!important;text-align:center!important}#charte-public-root body.charte-public #blog-refresh .top{background:var(--accent)!important;color:#fff!important;text-align:center!important;font-weight:700!important;font-size:14px!important;padding:12px!important}#charte-public-root body.charte-public #blog-refresh nav{border-bottom:1px solid var(--bord)!important}#charte-public-root body.charte-public #blog-refresh nav .wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;height:70px!important}#charte-public-root body.charte-public #blog-refresh .logo{font-size:19px!important}#charte-public-root body.charte-public #blog-refresh .logo b{font-weight:700!important}#charte-public-root body.charte-public #blog-refresh .menu{display:flex!important;gap:22px!important;font-size:14px!important;font-weight:600!important}#charte-public-root body.charte-public #blog-refresh .menu .on{border-bottom:2px solid var(--encre)!important}#charte-public-root body.charte-public #blog-refresh .menu .ent{background:var(--fonce)!important;color:#fff!important;padding:9px 15px!important;border-radius:6px!important;margin:-9px 0!important}#charte-public-root body.charte-public #blog-refresh .hero{padding:54px 0 30px!important}#charte-public-root body.charte-public #blog-refresh .surtitre{font-size:13px!important;font-weight:700!important;letter-spacing:0!important;text-transform:uppercase!important;color:var(--accent)!important}#charte-public-root body.charte-public #blog-refresh h1{font-size:44px!important;line-height:1.15!important;margin:10px 0 14px!important;max-width:760px!important}#charte-public-root body.charte-public #blog-refresh .hero p{font-size:18px!important;color:var(--gris)!important;max-width:680px!important}#charte-public-root body.charte-public #blog-refresh .trait{width:56px!important;height:4px!important;background:#b9bfe0!important;border-radius:2px!important;margin:18px 0 0!important}#charte-public-root body.charte-public #blog-refresh .themes{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:28px 0 0!important}#charte-public-root body.charte-public #blog-refresh .themes a{background:var(--lavande)!important;border:1px solid var(--bord)!important;border-radius:999px!important;padding:9px 16px!important;font-size:14px!important;font-weight:600!important}#charte-public-root body.charte-public #blog-refresh .themes a:hover{background:var(--accent)!important;color:#fff!important}#charte-public-root body.charte-public #blog-refresh .labo{background:var(--encre)!important;color:#fff!important;margin:40px 0 10px!important;padding:46px 0!important}#charte-public-root body.charte-public #blog-refresh .labo h2{font-size:28px!important}#charte-public-root body.charte-public #blog-refresh .labo .sous{color:#c9cfe4!important;margin:6px 0 24px!important}#charte-public-root body.charte-public #blog-refresh .films{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important}#charte-public-root body.charte-public #blog-refresh .film{position:relative!important;border-radius:12px!important;overflow:hidden!important;aspect-ratio:16/10!important;background:#000!important}#charte-public-root body.charte-public #blog-refresh .film img{width:100%!important;height:100%!important;object-fit:cover!important;opacity:.85!important}#charte-public-root body.charte-public #blog-refresh .film .jouer{position:absolute!important;left:14px!important;top:14px!important;width:42px!important;height:42px!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;display:grid!important;place-items:center!important}#charte-public-root body.charte-public #blog-refresh .film .jouer:after{content:""!important;border-left:13px solid var(--encre)!important;border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;margin-left:4px!important}#charte-public-root body.charte-public #blog-refresh .film span{position:absolute!important;left:0!important;right:0!important;bottom:0!important;padding:26px 14px 12px!important;background:linear-gradient(transparent,rgba(20,26,40,.92))!important;font-weight:700!important;font-size:15px!important}#charte-public-root body.charte-public #blog-refresh .film small{display:block!important;font-weight:400!important;font-size:12px!important;color:#c9cfe4!important}#charte-public-root body.charte-public #blog-refresh .credit{font-size:12px!important;color:#c9cfe4!important;margin-top:14px!important}#charte-public-root body.charte-public #blog-refresh section.bloc{padding:44px 0 6px!important}#charte-public-root body.charte-public #blog-refresh h2.t{font-size:26px!important;margin-bottom:6px!important}#charte-public-root body.charte-public #blog-refresh .t-sous{color:var(--gris)!important;margin-bottom:22px!important}#charte-public-root body.charte-public #blog-refresh .essentiels{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important}#charte-public-root body.charte-public #blog-refresh .ess{border:1px solid var(--bord)!important;border-radius:14px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}#charte-public-root body.charte-public #blog-refresh .ess img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important}#charte-public-root body.charte-public #blog-refresh .ess div{padding:18px 20px 22px!important}#charte-public-root body.charte-public #blog-refresh .ess h3{font-size:19px!important;line-height:1.3!important;margin-bottom:8px!important}#charte-public-root body.charte-public #blog-refresh .ess p{color:var(--gris)!important;font-size:15px!important}#charte-public-root body.charte-public #blog-refresh .lire{display:inline-block!important;margin-top:12px!important;font-weight:700!important;color:var(--accent)!important;font-size:14px!important}#charte-public-root body.charte-public #blog-refresh .theme{display:grid!important;grid-template-columns:300px 1fr!important;gap:28px!important;padding:30px 0!important;border-top:1px solid var(--bord)!important}#charte-public-root body.charte-public #blog-refresh .theme .vis{border-radius:12px!important;overflow:hidden!important;position:relative!important;aspect-ratio:4/3!important}#charte-public-root body.charte-public #blog-refresh .theme .vis img{width:100%!important;height:100%!important;object-fit:cover!important}#charte-public-root body.charte-public #blog-refresh .theme .vis b{position:absolute!important;left:12px!important;bottom:12px!important;background:#fff!important;border-radius:999px!important;padding:5px 12px!important;font-size:12px!important}#charte-public-root body.charte-public #blog-refresh .theme h3{font-size:22px!important;margin-bottom:4px!important}#charte-public-root body.charte-public #blog-refresh .theme .q{color:var(--gris)!important;margin-bottom:14px!important}#charte-public-root body.charte-public #blog-refresh .liste{list-style:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px 26px!important}#charte-public-root body.charte-public #blog-refresh .liste li a{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:10px 0!important;border-bottom:1px solid var(--lavande)!important;font-weight:600!important;font-size:15px!important}#charte-public-root body.charte-public #blog-refresh .liste li a:after{content:"→"!important;color:var(--accent)!important}#charte-public-root body.charte-public #blog-refresh .liste li a:hover{color:var(--accent)!important}#charte-public-root body.charte-public #blog-refresh .guides{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important}#charte-public-root body.charte-public #blog-refresh .guide{background:var(--lavande)!important;border-radius:14px!important;padding:22px!important}#charte-public-root body.charte-public #blog-refresh .guide h3{font-size:17px!important;margin-bottom:10px!important}#charte-public-root body.charte-public #blog-refresh .guide a{display:block!important;padding:6px 0!important;font-size:15px!important;font-weight:600!important}#charte-public-root body.charte-public #blog-refresh .guide a:hover{color:var(--accent)!important}#charte-public-root body.charte-public #blog-refresh .appel{margin:50px 0 60px!important;border:1px solid var(--bord)!important;border-radius:16px!important;padding:30px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}#charte-public-root body.charte-public #blog-refresh .appel h3{font-size:22px!important}#charte-public-root body.charte-public #blog-refresh .appel p{color:var(--gris)!important}#charte-public-root body.charte-public #blog-refresh .btns{display:flex!important;gap:12px!important;flex-wrap:wrap!important}#charte-public-root body.charte-public #blog-refresh .btn{background:var(--accent)!important;color:#fff!important;font-weight:700!important;padding:14px 22px!important;border-radius:8px!important;white-space:nowrap!important}#charte-public-root body.charte-public #blog-refresh .btn.l{background:#fff!important;color:var(--encre)!important;border:1px solid var(--bord)!important}@media (max-width:820px){#charte-public-root body.charte-public #blog-refresh .menu{display:none!important}#charte-public-root body.charte-public #blog-refresh h1{font-size:31px!important}#charte-public-root body.charte-public #blog-refresh .hero{padding:34px 0 20px!important}#charte-public-root body.charte-public #blog-refresh .hero p{font-size:16px!important}#charte-public-root body.charte-public #blog-refresh .themes{flex-wrap:nowrap!important;overflow-x:auto!important;margin-right:-20px!important;padding-bottom:6px!important}#charte-public-root body.charte-public #blog-refresh .themes a{white-space:nowrap!important}#charte-public-root body.charte-public #blog-refresh .films{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;margin-right:-20px!important}#charte-public-root body.charte-public #blog-refresh .film{flex:0 0 78%!important;scroll-snap-align:start!important}#charte-public-root body.charte-public #blog-refresh .essentiels,#charte-public-root body.charte-public #blog-refresh .guides{grid-template-columns:1fr!important}#charte-public-root body.charte-public #blog-refresh .theme{grid-template-columns:1fr!important;gap:16px!important}#charte-public-root body.charte-public #blog-refresh .theme .vis{aspect-ratio:16/7!important}#charte-public-root body.charte-public #blog-refresh .liste{grid-template-columns:1fr!important}#charte-public-root body.charte-public #blog-refresh .appel{flex-direction:column!important;align-items:flex-start!important}#charte-public-root body.charte-public #blog-refresh .btn{width:100%!important;text-align:center!important}#charte-public-root body.charte-public #blog-refresh .btns{width:100%!important}}
#charte-public-root body.charte-public #blog-refresh{color:#253045!important;background:#fff!important;font-family:Montserrat,system-ui,sans-serif!important;line-height:1.55!important}
#charte-public-root body.charte-public #blog-refresh *{letter-spacing:0!important;min-width:0}
#charte-public-root body.charte-public #blog-refresh .hero{background:#fff!important;text-align:left!important;margin:0!important}
#charte-public-root body.charte-public #blog-refresh h1{color:#253045!important;font-size:44px!important;line-height:1.15!important;text-align:left!important;padding:0!important}
#charte-public-root body.charte-public #blog-refresh h2,#charte-public-root body.charte-public #blog-refresh h3{line-height:1.3!important;text-align:left!important;padding:0!important}
#charte-public-root body.charte-public #blog-refresh .labo{background:#253045!important;background-image:none!important}
#charte-public-root body.charte-public #blog-refresh .labo h2,#charte-public-root body.charte-public #blog-refresh .labo figcaption{color:#fff!important}
#charte-public-root body.charte-public #blog-refresh .labo .sous,#charte-public-root body.charte-public #blog-refresh .labo .credit,#charte-public-root body.charte-public #blog-refresh .labo small{color:#c9cfe4!important}
#charte-public-root body.charte-public #blog-refresh .film{position:relative!important;margin:0!important;aspect-ratio:16/10!important;background:#253045!important;border-radius:8px!important;overflow:hidden!important}
#charte-public-root body.charte-public #blog-refresh video{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;background:#000!important;border-radius:8px!important}
#charte-public-root body.charte-public #blog-refresh .blog-film-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important}
#charte-public-root body.charte-public #blog-refresh .blog-film-start{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;border:0!important;border-radius:8px!important;padding:0!important;background:transparent!important;color:#253045!important;cursor:pointer!important}
#charte-public-root body.charte-public #blog-refresh .blog-film-play{position:absolute!important;top:14px!important;left:14px!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff!important;color:#253045!important;font-size:14px!important}
#charte-public-root body.charte-public #blog-refresh figcaption{position:absolute!important;bottom:0!important;left:0!important;right:0!important;padding:36px 14px 12px!important;font-size:15px!important;font-weight:700!important;line-height:1.4!important;pointer-events:none!important;background:linear-gradient(transparent,rgba(20,26,40,.94))!important}
#charte-public-root body.charte-public #blog-refresh figcaption small{display:block!important;font-size:12px!important;font-weight:400!important}
#charte-public-root body.charte-public #blog-refresh [hidden]{display:none!important}
#charte-public-root body.charte-public #blog-refresh .ess,#charte-public-root body.charte-public #blog-refresh .vis,#charte-public-root body.charte-public #blog-refresh .guide{border-radius:8px!important}
#charte-public-root body.charte-public #blog-refresh .guide{background:#eef0f6!important}
#charte-public-root body.charte-public #blog-refresh .themes a{flex:0 0 auto!important}
#charte-public-root body.charte-public #blog-refresh .appel{border:0!important;border-top:1px solid #dfe2ea!important;border-radius:0!important;padding:30px 0!important}
#charte-public-root body.charte-public #blog-refresh .btn.l{background:#fff!important;color:#253045!important}
#charte-public-root body.charte-public #blog-refresh [id]{scroll-margin-top:100px}
#charte-public-root body.charte-public #blog-refresh a:focus-visible,#charte-public-root body.charte-public #blog-refresh video:focus-visible{outline:3px solid #55648f;outline-offset:3px}
@media(max-width:820px){#charte-public-root body.charte-public #blog-refresh h1{font-size:31px!important}#charte-public-root body.charte-public #blog-refresh .themes,#charte-public-root body.charte-public #blog-refresh .films{max-width:calc(100% + 20px)!important}#charte-public-root body.charte-public #blog-refresh .film{flex:0 0 78%!important}#charte-public-root body.charte-public #blog-refresh .appel h3{font-size:22px!important}#charte-public-root body.charte-public #blog-refresh .btn{white-space:normal!important}}