@charset "UTF-8";@font-face{font-family:Roboto;src:url(/assets/RobotoFlex-VariableFont-DJo2p2gK.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}html{width:100vw;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary),serif;color:var(--neutral-800);background-color:var(--bg-light)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea,input[type=text]:focus{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent;border:none}select option{color:var(--neutral-800)}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: #1c1e21;--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-titles-dark: #263b46;--color-text-dark: #395666;--color-titles-light: #ffffff;--color-text-light: #f0e8d0;--primary-color-darker: #001d3d;--primary-color: #003566;--primary-color-lighter: #1c61a1;--primary-color-lightest: #1f6aaf;--primary-color-lightest-more: #2f83d1;--primary-color-transparent: #c4e3ff;--secondary-color: #ffc300;--secondary-color-lighter: #ffd13c;--secondary-color-darker: #d6a400;--accent-color: #8de8f8;--accent-color-lighter: #bfedf5;--accent-color-darker: #65ccdf;--background-dark-darker: #000814;--background-dark: #00122f;--background-dark-lighter: #002055;--background-light: #ffffff;--success: #2ecc71;--success-light: #58d68d;--success-dark: #27ae60;--warning: #f39c12;--warning-light: #f5b041;--warning-dark: #d68910;--error: #e74c3c;--error-light: #ec7063;--error-dark: #c0392b;--info: #1abc9c;--info-light: #48c9b0;--info-dark: #16a085;--neutral-100: #f8f9fa;--neutral-200: #e9ecef;--neutral-300: #dee2e6;--neutral-400: #ced4da;--neutral-500: #adb5bd;--neutral-600: #6c757d;--neutral-700: #495057;--neutral-800: #343a40;--neutral-900: #212529;--font-primary: "Roboto", sans-serif;--font-secondary: "Open Sans", sans-serif;--font-monospace: "Roboto Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}.text-primary{color:var(--primary-color)}.text-primary-light{color:var(--primary-color-lighter)}.text-primary-dark{color:var(--primary-color-darker)}.text-secondary{color:var(--secondary-color)}.text-secondary-light{color:var(--secondary-color-lighter)}.text-secondary-dark{color:var(--secondary-color-darker)}.text-accent{color:var(--accent-color)!important}.text-accent-light{color:var(--accent-light)}.text-accent-dark{color:var(--accent-color-darker)}.text-success{color:var(--success)}.text-success-light{color:var(--success-light)}.text-success-dark{color:var(--success-dark)}.text-warning{color:var(--warning)}.text-warning-light{color:var(--warning-light)}.text-warning-dark{color:var(--warning-dark)}.text-error{color:var(--error)}.text-error-light{color:var(--error-light)}.text-error-dark{color:var(--error-dark)}.text-info{color:var(--info)}.text-info-light{color:var(--info-light)}.text-info-dark{color:var(--info-dark)}.text-neutral-100{color:var(--neutral-100)!important}.text-neutral-200{color:var(--neutral-200)!important}.text-neutral-300{color:var(--neutral-300)!important}.text-neutral-400{color:var(--neutral-400)!important}.text-neutral-500{color:var(--neutral-500)!important}.text-neutral-600{color:var(--neutral-600)!important}.text-neutral-700{color:var(--neutral-700)!important}.text-neutral-800{color:var(--neutral-800)!important}.text-neutral-900{color:var(--neutral-900)!important}.bg-primary{background-color:var(--primary-color)!important}.bg-primary-light{background-color:var(--primary-color-lighter)!important}.bg-primary-dark{background-color:var(--primary-color-darker)!important}.bg-secondary{background-color:var(--secondary-color)!important}.bg-secondary-light{background-color:var(--secondary-color-lighter)!important}.bg-secondary-dark{background-color:var(--secondary-color-darker)!important}.bg-accent{background-color:var(--accent-color)!important}.bg-accent-light{background-color:var(--accent-color-lighter)!important}.bg-accent-dark{background-color:var(--accent-color-darker)!important}.bg-success{background-color:var(--success)!important}.bg-success-light{background-color:var(--success-light)!important}.bg-success-dark{background-color:var(--success-dark)!important}.bg-warning{background-color:var(--warning)!important}.bg-warning-light{background-color:var(--warning-light)!important}.bg-warning-dark{background-color:var(--warning-dark)!important}.bg-error{background-color:var(--error)!important}.bg-error-light{background-color:var(--error-light)!important}.bg-error-dark{background-color:var(--error-dark)!important}.bg-info{background-color:var(--info)!important}.bg-info-light{background-color:var(--info-light)!important}.bg-info-dark{background-color:var(--info-dark)!important}.bg-neutral-100{background-color:var(--neutral-100)!important}.bg-neutral-200{background-color:var(--neutral-200)!important}.bg-neutral-300{background-color:var(--neutral-300)!important}.bg-neutral-400{background-color:var(--neutral-400)!important}.bg-neutral-500{background-color:var(--neutral-500)!important}.bg-neutral-600{background-color:var(--neutral-600)!important}.bg-neutral-700{background-color:var(--neutral-700)!important}.bg-neutral-800{background-color:var(--neutral-800)!important}.bg-neutral-900{background-color:var(--neutral-900)!important}.bg-light{background-color:var(--background-light)!important}.bg-dark{background-color:var(--background-dark)!important}.border-primary{border-color:var(--primary)}.border-primary-light{border-color:var(--primary-light)}.border-primary-dark{border-color:var(--primary-dark)}.border-secondary{border-color:var(--secondary)}.border-secondary-light{border-color:var(--secondary-light)}.border-secondary-dark{border-color:var(--secondary-dark)}.border-accent{border-color:var(--accent)}.border-accent-light{border-color:var(--accent-light)}.border-accent-dark{border-color:var(--accent-dark)}.border-success{border-color:var(--success)}.border-success-light{border-color:var(--success-light)}.border-success-dark{border-color:var(--success-dark)}.border-warning{border-color:var(--warning)}.border-warning-light{border-color:var(--warning-light)}.border-warning-dark{border-color:var(--warning-dark)}.border-error{border-color:var(--error)}.border-error-light{border-color:var(--error-light)}.border-error-dark{border-color:var(--error-dark)}.border-info{border-color:var(--info)}.border-info-light{border-color:var(--info-light)}.border-info-dark{border-color:var(--info-dark)}.border-neutral-100{border-color:var(--neutral-100)}.border-neutral-200{border-color:var(--neutral-200)}.border-neutral-300{border-color:var(--neutral-300)}.border-neutral-400{border-color:var(--neutral-400)}.border-neutral-500{border-color:var(--neutral-500)}.border-neutral-600{border-color:var(--neutral-600)}.border-neutral-700{border-color:var(--neutral-700)}.border-neutral-800{border-color:var(--neutral-800)}.border-neutral-900{border-color:var(--neutral-900)}.font-primary{font-family:var(--font-primary),serif}.font-secondary{font-family:var(--font-secondary),serif}.font-mono{font-family:var(--font-monospace),serif}.light-mode{color-scheme:light;--bg-light: #ffffff;--neutral-100: #f8f9fa;--neutral-200: #e9ecef;--neutral-300: #dee2e6;--neutral-400: #ced4da;--neutral-500: #adb5bd;--neutral-600: #6c757d;--neutral-700: #495057;--neutral-800: #343a40;--neutral-900: #212529}.dark-mode{color-scheme:dark;--bg-light: var(--bg-dark);--neutral-800: var(--neutral-200);--neutral-700: var(--neutral-300);--neutral-600: var(--neutral-400);--neutral-500: var(--neutral-500);--neutral-400: var(--neutral-600);--neutral-300: var(--neutral-700);--neutral-200: var(--neutral-800);--neutral-100: var(--neutral-900)}.title{font-weight:700}.title-small{font-weight:600;font-size:1.5rem}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.liste-vide{width:100%;text-align:center;color:var(--neutral-600);margin-top:2rem;margin-bottom:1rem}.text-center{text-align:center}.selectable{cursor:pointer!important}.loading-indicator{width:100%;display:flex;justify-content:center;align-items:center;margin-top:2rem}.modale-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;min-height:100vh;background-color:#00000080;z-index:2000000;overflow-y:auto;padding-top:3rem;padding-bottom:3rem}@media(max-width:675px){.modale-container{padding-top:0;padding-bottom:0}}.button{padding:.5rem .75rem;border-radius:5px;background-color:var(--neutral-600);color:var(--neutral-100);cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:.5rem;width:fit-content;font-family:var(--font-primary);font-size:1rem;border:none}.button__icone{width:1.15rem;height:auto}.button--disabled{opacity:.5;cursor:default}.button:not(.button--disabled):hover{background-color:var(--neutral-700)}.button-light{background-color:var(--neutral-500)}.button-light:not(.button--disabled):hover{background-color:var(--neutral-600)}.button-primary{background-color:var(--primary-color-lighter)}.button-primary:not(.button--disabled):hover{background-color:var(--primary-color)}.button-error{background-color:var(--error)}.button-error:not(.button--disabled):hover{background-color:var(--error-dark)}.button-warning{background-color:var(--warning)}.button-warning:not(.button--disabled):hover{background-color:var(--warning-dark)}.button-info{background-color:var(--info)}.button-info:not(.button--disabled):hover{background-color:var(--info-dark)}.button-success{background-color:var(--success)}.button-success:not(.button--disabled):hover{background-color:var(--success-dark)}.shake{animation:shake .3s}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.carte-survol{position:relative;top:0;transition:box-shadow .15s ease,top .15s ease}.carte-survol:hover{box-shadow:0 3px 10px #0000001a;top:-1px}@media(prefers-reduced-motion:reduce){.carte-survol,.carte-survol:hover{transition:none;top:0}}.tuto-lecteur[data-v-95a5817b]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:#00122fd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-primary);outline:none;animation:tuto-apparition-95a5817b .18s ease}@media(max-width:768px){.tuto-lecteur[data-v-95a5817b]{align-items:flex-start;padding:0}}.tuto-lecteur__fenetre[data-v-95a5817b]{display:flex;flex-direction:column;width:min(100%,64rem);max-height:100%;overflow-y:auto;border-top:5px solid var(--couleur-categorie);border-radius:.75rem;background-color:var(--neutral-100);box-shadow:0 24px 60px #00000059}@media(max-width:768px){.tuto-lecteur__fenetre[data-v-95a5817b]{min-height:100%;border-radius:0}}.tuto-lecteur__entete[data-v-95a5817b]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .9rem}.tuto-lecteur__categorie[data-v-95a5817b]{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .7rem;border-radius:999px;background-color:color-mix(in srgb,var(--couleur-categorie) 14%,var(--neutral-100));color:var(--neutral-800);font-size:.8rem;font-weight:700}.tuto-lecteur__categorie img[data-v-95a5817b]{width:.9rem;height:.9rem}.tuto-lecteur__fermer[data-v-95a5817b]{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:0;border-radius:8px;background:none;color:var(--neutral-700);font-size:1.05rem;cursor:pointer}.tuto-lecteur__fermer[data-v-95a5817b]:hover{background-color:var(--neutral-200)}.tuto-lecteur__fermer[data-v-95a5817b]:focus-visible{outline:2px solid var(--primary-color-lighter)}.tuto-lecteur__ecran[data-v-95a5817b]{position:relative;aspect-ratio:16/9;background-color:var(--background-dark-darker)}.tuto-lecteur__video[data-v-95a5817b]{display:block;width:100%;height:100%;background-color:var(--background-dark-darker)}.tuto-lecteur__erreur[data-v-95a5817b],.tuto-lecteur__fin[data-v-95a5817b]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.5rem;color:var(--neutral-100);text-align:center}.tuto-lecteur__erreur span[data-v-95a5817b]{color:var(--neutral-400)}.tuto-lecteur__fin[data-v-95a5817b]{background-color:#00122fdb;animation:tuto-apparition-95a5817b .25s ease}.tuto-lecteur__fin strong[data-v-95a5817b]{max-width:30rem;font-size:1.35rem}.tuto-lecteur__fin-surtitre[data-v-95a5817b]{color:var(--accent-color);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tuto-lecteur__fin-actions[data-v-95a5817b]{display:flex;gap:.5rem;margin-top:.4rem}.tuto-lecteur__corps[data-v-95a5817b]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem 1.5rem;padding:1rem 1.25rem 1.25rem}@media(max-width:768px){.tuto-lecteur__corps[data-v-95a5817b]{grid-template-columns:minmax(0,1fr)}}.tuto-lecteur__textes[data-v-95a5817b]{grid-column:1/-1}.tuto-lecteur__titre[data-v-95a5817b]{font-family:var(--font-primary);font-size:1.3rem;font-weight:700;color:var(--primary-color)}.tuto-lecteur__resume[data-v-95a5817b]{margin-top:.2rem;color:var(--neutral-600)}.tuto-lecteur__resume span[data-v-95a5817b]{font-variant-numeric:tabular-nums}.tuto-lecteur__etapes h3[data-v-95a5817b]{margin-bottom:.5rem;font-family:var(--font-primary);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--neutral-600)}.tuto-lecteur__etapes ol[data-v-95a5817b]{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none}.tuto-lecteur__etapes li[data-v-95a5817b]{display:flex;align-items:flex-start;gap:.6rem;color:var(--neutral-900);line-height:1.4}.tuto-lecteur__numero[data-v-95a5817b]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:50%;background-color:var(--couleur-categorie);color:var(--neutral-100);font-size:.75rem;font-weight:700}.tuto-lecteur__suivant[data-v-95a5817b]{align-self:end;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;border:1px solid var(--neutral-300);border-radius:8px;background-color:var(--background-light);color:var(--neutral-900);font-family:var(--font-primary);font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.tuto-lecteur__suivant[data-v-95a5817b]:hover{border-color:var(--couleur-categorie);background-color:color-mix(in srgb,var(--couleur-categorie) 6%,var(--neutral-100))}.tuto-lecteur__suivant>span[data-v-95a5817b]:last-child{color:var(--primary-color-lighter);font-size:1.2rem}.tuto-lecteur__suivant-surtitre[data-v-95a5817b]{display:block;color:var(--neutral-600);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}@keyframes tuto-apparition-95a5817b{0%{opacity:0}}.tutoriels[data-v-2e91c3da]{display:flex;flex-direction:column;width:100%;gap:1.25rem;padding-bottom:3rem}.tutoriels__entete[data-v-2e91c3da]{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}.tutoriels__entete-textes[data-v-2e91c3da]{display:flex;flex-direction:column;gap:.35rem}.tutoriels__intro[data-v-2e91c3da]{max-width:48rem;color:var(--neutral-600)}.tutoriels__progression[data-v-2e91c3da]{display:flex;flex-direction:column;gap:.35rem;min-width:12rem}.tutoriels__progression-texte[data-v-2e91c3da]{font-size:.82rem;color:var(--neutral-600)}.tutoriels__progression-texte strong[data-v-2e91c3da]{color:var(--primary-color);font-size:1rem}.tutoriels__progression-barre[data-v-2e91c3da]{height:.4rem;overflow:hidden;border-radius:999px;background-color:var(--neutral-300)}.tutoriels__progression-barre span[data-v-2e91c3da]{display:block;height:100%;border-radius:inherit;background-color:var(--success-dark);transition:width .3s ease}.tutoriels-outils[data-v-2e91c3da]{display:flex;flex-direction:column;gap:.75rem}.tutoriels-recherche[data-v-2e91c3da]{display:flex;align-items:center;gap:.6rem;max-width:36rem;height:2.8rem;padding:0 .9rem;border-radius:8px;background-color:var(--neutral-100);box-shadow:inset 0 0 0 1px var(--neutral-400);cursor:text;transition:box-shadow .15s ease}.tutoriels-recherche[data-v-2e91c3da]:focus-within{box-shadow:inset 0 0 0 2px var(--primary-color-lighter)}.tutoriels-recherche__icone[data-v-2e91c3da]{width:1rem;height:1rem}.tutoriels-recherche__champ[data-v-2e91c3da]{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--neutral-900);font-family:var(--font-primary);font-size:.95rem}.tutoriels-suggestions[data-v-2e91c3da]{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.82rem;color:var(--neutral-600)}.tutoriels-suggestions__mot[data-v-2e91c3da]{padding:.15rem .55rem;border:0;border-radius:6px;background-color:var(--neutral-200);color:var(--primary-color-lighter);font-family:var(--font-primary);font-size:.82rem;font-weight:600;cursor:pointer}.tutoriels-suggestions__mot[data-v-2e91c3da]:hover{background-color:var(--neutral-300)}.tutoriels-filtres[data-v-2e91c3da]{display:flex;gap:.35rem;max-width:100%;overflow-x:auto;scrollbar-width:none}.tutoriels-filtres[data-v-2e91c3da]::-webkit-scrollbar{display:none}.filtre[data-v-2e91c3da]{--couleur-categorie: var(--primary-color-lighter);flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem;height:1.9rem;padding:0 .7rem;border:0;border-radius:999px;background-color:transparent;color:var(--neutral-700);box-shadow:inset 0 0 0 1px var(--neutral-400);font-family:var(--font-primary);font-size:.82rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}.filtre[data-v-2e91c3da]:hover{background-color:var(--neutral-200)}.filtre__pastille[data-v-2e91c3da]{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--couleur-categorie)}.filtre--actif[data-v-2e91c3da],.filtre--actif[data-v-2e91c3da]:hover{background-color:var(--couleur-categorie);color:var(--neutral-100);box-shadow:none}.filtre--actif .filtre__pastille[data-v-2e91c3da],.filtre--actif:hover .filtre__pastille[data-v-2e91c3da]{background-color:var(--neutral-100)}.tutoriels-resultats[data-v-2e91c3da]{font-size:.85rem;font-weight:600;color:var(--neutral-600)}.tutoriels-vide[data-v-2e91c3da]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1.25rem;border:1px dashed var(--neutral-400);border-radius:8px;color:var(--neutral-600);font-style:italic;text-align:center}.tutoriels-vide__bouton[data-v-2e91c3da]{height:1.9rem;padding:0 .75rem;border:0;border-radius:6px;background-color:transparent;color:var(--primary-color-lighter);box-shadow:inset 0 0 0 1px var(--neutral-400);font-family:var(--font-primary);font-style:normal;font-weight:600;cursor:pointer}.tutoriels-vide__bouton[data-v-2e91c3da]:hover{background-color:var(--neutral-200)}.tutoriels-categorie[data-v-2e91c3da]{--couleur-categorie: var(--primary-color-lighter);overflow:hidden;border:1px solid var(--neutral-300);border-top:5px solid var(--couleur-categorie);border-radius:.5rem;background-color:var(--neutral-100)}.tutoriels-categorie__entete[data-v-2e91c3da]{display:flex;align-items:center;gap:.75rem;padding:.85rem;background-color:color-mix(in srgb,var(--couleur-categorie) 9%,var(--background-light))}.tutoriels-categorie__icone[data-v-2e91c3da]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background-color:color-mix(in srgb,var(--couleur-categorie) 20%,var(--neutral-100));box-shadow:0 0 0 3px color-mix(in srgb,var(--couleur-categorie) 15%,transparent)}.tutoriels-categorie__icone img[data-v-2e91c3da]{width:1.15rem;height:1.15rem;object-fit:contain}.tutoriels-categorie__textes[data-v-2e91c3da]{display:flex;flex-direction:column;gap:.1rem;min-width:0}.tutoriels-categorie__titre[data-v-2e91c3da]{font-family:var(--font-primary);font-size:1.05rem;font-weight:600;color:var(--neutral-900)}.tutoriels-categorie__description[data-v-2e91c3da]{font-size:.82rem;color:var(--neutral-600)}.tutoriels-categorie__reserve[data-v-2e91c3da]{display:inline-block;margin-left:.35rem;padding:0 .45rem;border-radius:999px;background-color:color-mix(in srgb,var(--couleur-categorie) 16%,var(--neutral-100));color:var(--neutral-800);font-size:.72rem;font-weight:700;vertical-align:1px}.tutoriels-categorie__compteur[data-v-2e91c3da]{flex-shrink:0;min-width:1.6rem;margin-left:auto;padding:.05rem .45rem;border-radius:999px;background-color:var(--couleur-categorie);color:var(--neutral-100);font-size:.8rem;font-weight:700;text-align:center}.tutoriels-grille[data-v-2e91c3da]{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.9rem;margin:0;padding:.9rem;list-style:none}.tutoriel-carte[data-v-2e91c3da]{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;padding:0;border:1px solid var(--neutral-300);border-radius:8px;background-color:var(--background-light);color:inherit;font-family:var(--font-primary);text-align:left;cursor:pointer}.tutoriel-carte:hover .tutoriel-carte__miniature img[data-v-2e91c3da],.tutoriel-carte:focus-visible .tutoriel-carte__miniature img[data-v-2e91c3da]{transform:scale(1.04)}.tutoriel-carte:hover .tutoriel-carte__lecture[data-v-2e91c3da],.tutoriel-carte:focus-visible .tutoriel-carte__lecture[data-v-2e91c3da]{background-color:var(--secondary-color);transform:scale(1.1)}.tutoriel-carte[data-v-2e91c3da]:focus-visible{outline:2px solid var(--primary-color-lighter);outline-offset:2px}.tutoriel-carte__miniature[data-v-2e91c3da]{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background-color:var(--background-dark)}.tutoriel-carte__miniature img[data-v-2e91c3da]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tutoriel-carte__lecture[data-v-2e91c3da]{position:absolute;bottom:.45rem;left:.45rem;display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background-color:#ffffffeb;box-shadow:0 6px 18px #0000004d;transition:transform .2s ease,background-color .2s ease}.tutoriel-carte__lecture svg[data-v-2e91c3da]{width:1rem;height:1rem;margin-left:.1rem;fill:var(--primary-color)}.tutoriel-carte__duree[data-v-2e91c3da],.tutoriel-carte__vu[data-v-2e91c3da]{position:absolute;padding:.1rem .45rem;border-radius:5px;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.tutoriel-carte__duree[data-v-2e91c3da]{right:.45rem;bottom:.45rem;background-color:#000814cc;color:var(--neutral-100)}.tutoriel-carte__vu[data-v-2e91c3da]{top:.45rem;right:.45rem;background-color:var(--success-dark);color:var(--neutral-100)}.tutoriel-carte__textes[data-v-2e91c3da]{display:flex;flex-direction:column;gap:.25rem;padding:.7rem .8rem .85rem}.tutoriel-carte__titre[data-v-2e91c3da]{font-weight:600;color:var(--neutral-900);line-height:1.3}.tutoriel-carte__resume[data-v-2e91c3da]{font-size:.82rem;color:var(--neutral-600);line-height:1.35}.entete[data-v-c2fec8f0]{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.9rem;height:4rem;padding:0 1.5rem;background-image:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color-darker) 100%);box-shadow:0 2px 10px #00122f40}.entete__marque[data-v-c2fec8f0]{display:flex}.entete__logo[data-v-c2fec8f0]{height:2rem}.entete__separateur[data-v-c2fec8f0]{width:1px;height:1.6rem;background-color:#ffffff40}.entete__titre[data-v-c2fec8f0]{color:var(--accent-color);font-size:1.05rem;font-weight:600;letter-spacing:.02em}.contenu[data-v-c2fec8f0]{width:100%;max-width:90rem;min-height:calc(100vh - 8.5rem);margin:0 auto;padding:1.5rem 1.5rem 0}@media(max-width:768px){.contenu[data-v-c2fec8f0]{padding:1rem 1rem 0}}.pied[data-v-c2fec8f0]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;min-height:4.5rem;padding:1rem 1.5rem;background-color:var(--primary-color-darker);color:var(--neutral-300);font-size:.85rem}.pied__marque[data-v-c2fec8f0]{display:flex;align-items:center;gap:.6rem}.pied__logo[data-v-c2fec8f0]{height:1.5rem}.pied__liens[data-v-c2fec8f0]{display:flex;flex-wrap:wrap;gap:1rem}.pied__liens a[data-v-c2fec8f0]{color:var(--neutral-200)}.pied__liens a[data-v-c2fec8f0]:hover{color:var(--secondary-color)}
