@charset "UTF-8";@font-face{font-display:swap;font-family:Marianne;font-style:normal;font-weight:300;src:url(/assets/fonts/Marianne-Light.woff2) format("woff2"),url(/assets/fonts/Marianne-Light.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:italic;font-weight:300;src:url(/assets/fonts/Marianne-Light_Italic.woff2) format("woff2"),url(/assets/fonts/Marianne-Light_Italic.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:normal;font-weight:400;src:url(/assets/fonts/Marianne-Regular.woff2) format("woff2"),url(/assets/fonts/Marianne-Regular.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:italic;font-weight:400;src:url(/assets/fonts/Marianne-Regular_Italic.woff2) format("woff2"),url(/assets/fonts/Marianne-Regular_Italic.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:normal;font-weight:500;src:url(/assets/fonts/Marianne-Medium.woff2) format("woff2"),url(/assets/fonts/Marianne-Medium.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:italic;font-weight:500;src:url(/assets/fonts/Marianne-Medium_Italic.woff2) format("woff2"),url(/assets/fonts/Marianne-Medium_Italic.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:normal;font-weight:700;src:url(/assets/fonts/Marianne-Bold.woff2) format("woff2"),url(/assets/fonts/Marianne-Bold.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:italic;font-weight:700;src:url(/assets/fonts/Marianne-Bold_Italic.woff2) format("woff2"),url(/assets/fonts/Marianne-Bold_Italic.woff) format("woff")}*{box-sizing:border-box}html,body{font-family:Marianne;margin:0;padding:0;color:var(--text-default-grey);scroll-behavior:smooth}.carte{background-color:#fff;border:1px solid #ddd;color:#000;padding:2rem}dsc-entete{min-height:162px;display:block}dsc-entete[sans-navigation]{min-height:115px}header.entete dsc-heros{display:block;min-height:145px}.page-accueil .entete .heros .conteneur .actions{min-height:40px}.page-accueil .intro .carrousel{min-height:410px}.page-accueil .intro dsfr-button{min-height:40px}.page-catalogue .entete dsc-heros{min-height:245px}.page-catalogue dsc-catalogue{display:block;min-height:968px}dsc-selection lab-anssi-ancres{display:block;min-height:46px}dsc-selection section.section-vide{min-height:400px}fieldset{border:0;margin-bottom:1rem;padding:0}fieldset legend{padding-right:.5rem}ul{list-style-type:none}ul,ul>li{margin:0;padding:0}a{color:inherit;text-decoration:none}hr{align-self:stretch;background-color:var(--border-default-grey);border:0;margin:0;height:1px}h1,h2,h3,h4,h5,h6{color:var(--text-title-grey);font-style:normal;font-weight:700;margin:0 0 1.5rem}.sombre h1,h1.inverse,.sombre h2,h2.inverse,.sombre h3,h3.inverse,.sombre h4,h4.inverse,.sombre h5,h5.inverse,.sombre h6,h6.inverse{color:var(--text-inverted-grey)}h1,.fr-h1{font-size:2rem;line-height:2.5rem}@media (min-width: 767px){h1,.fr-h1{font-size:2.5rem;line-height:3rem}}h2,.fr-h2{font-size:1.75rem;line-height:2.25rem}@media (min-width: 767px){h2,.fr-h2{font-size:2rem;line-height:2.5rem}}h3,.fr-h3{font-size:1.5rem;line-height:2rem}@media (min-width: 767px){h3,.fr-h3{font-size:1.75rem;line-height:2.25rem}}h4,.fr-h4{font-size:1.375rem;line-height:1.75rem}@media (min-width: 767px){h4,.fr-h4{font-size:1.5rem;line-height:2rem}}h5,.fr-h5{font-size:1.25rem;line-height:1.75rem}@media (min-width: 767px){h5,.fr-h5{font-size:1.375rem;line-height:1.75rem}}h6,.fr-h6{font-size:1.125rem;line-height:1.5rem}@media (min-width: 767px){h6,.fr-h6{font-size:1.25rem;line-height:1.75rem}}.titre-alternatif-xs{color:var(--text-title-grey);font-size:2.5rem;line-height:3rem;font-weight:700;margin:0 0 2rem}.sombre .titre-alternatif-xs{color:var(--text-inverted-grey)}@media (min-width: 767px){.titre-alternatif-xs{font-size:3rem;line-height:3.5rem}}p{margin:0}.sombre p,p.inverse{color:var(--text-inverted-grey)}.fr-text--lead{font-size:1.25rem;line-height:2rem}.fr-text--lg{font-size:1.125rem;line-height:1.75rem}.fr-text{font-size:1rem;line-height:1.5rem}.fr-text--sm{font-size:.875rem;line-height:1.5rem}.fr-text--xs{font-size:.75rem;line-height:1.25rem}:root{--bleu-profond-dsc: #131429;--bouton-primaire-couleur-fond: #000091;--bouton-primaire-couleur-fond-survol: #0c5c98;--bouton-couleur-fond-clique: #09416a;--bouton-primaire-couleur-texte: #ffffff;--brique-carrousel-bouton-action-texte-couleur: var(--grey-50-1000);--brique-temoignages-titre-couleur: var(--grey-50-1000);--brique-temoignages-icone-couleur: #ce614a;--dsfr-couleur-focus-outline: #0a76f6}h1{margin-bottom:.75rem}p{margin:0 0 .5rem}.contenu-deux-colonnes{display:grid;grid-template-areas:"contenu" "illustration";gap:2rem;margin-block:3.5rem;padding-bottom:1rem}.contenu-deux-colonnes.illustration-au-dessus{grid-template-areas:"illustration" "contenu"}.contenu-deux-colonnes .contenu{grid-area:contenu;display:flex;flex-direction:column}.contenu-deux-colonnes .illustration{grid-area:illustration;align-self:center;width:100%}@media (min-width: 767px){.contenu-deux-colonnes{grid-template-areas:"contenu illustration";gap:1.5rem;grid-template-columns:1fr 1fr;padding-bottom:0}.contenu-deux-colonnes.illustration-au-dessus{grid-template-areas:"contenu illustration"}.contenu-deux-colonnes .contenu{padding-bottom:1rem}}.selections{background-color:#a94645;padding:3.5rem 0}.selections .cartes{display:grid;grid-template-rows:auto;gap:1.5rem;margin-top:2rem;position:relative}.selections .cartes dsfr-card{z-index:1}@media (min-width: 767px){.selections .cartes{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.selections .cartes{grid-template-columns:repeat(3,1fr)}}@media (min-width: 992px){.selections .cartes:after{position:absolute;content:"";width:100%;height:calc(100% + 8rem);background:url(/assets/images/analyste-cyber.svg) no-repeat bottom 0 right 0;background-size:auto 100%;z-index:0;bottom:-3.5rem;right:-4.5rem}}.cyberenjeux{padding:4.5rem 0 0}.cyberenjeux .fr-h1{text-align:center;margin-bottom:6rem}.cyberenjeux .grille{display:grid;grid-template-areas:"titre" "contenu" "actions" "illustration"}@media (min-width: 992px){.cyberenjeux .grille{grid-template-columns:1fr 1fr;column-gap:1.5rem;grid-template-areas:"titre illustration" "contenu illustration" "actions illustration"}}.cyberenjeux .grille .fr-h2{grid-area:titre;margin-bottom:.75rem}.cyberenjeux .grille p{grid-area:contenu;margin-top:.75rem;margin-bottom:2rem}.cyberenjeux .grille .actions{grid-area:actions;display:flex;flex-flow:row wrap;gap:1rem;margin-bottom:2rem}.cyberenjeux .grille img{grid-area:illustration;display:block;width:100%;align-self:center}.chiffres-cles{background-color:#f3f6fe;padding:3.5rem 1rem}.chiffres-cles h2{margin:0}.chiffres-cles ul{display:flex;flex-flow:column;gap:1.5rem;margin:3rem 0}.chiffres-cles ul li{align-items:center;display:flex;flex:1 0 100%;flex-flow:column;text-align:center}.chiffres-cles ul li .chiffre{color:var(--text-title-blue-france);font-size:2rem;font-weight:700;line-height:2.5rem;margin-bottom:1rem}.chiffres-cles ul li p{color:#3a3a3a;max-width:24rem;margin:0}@media (min-width: 992px){.chiffres-cles ul{flex-direction:row}.chiffres-cles ul li{flex:33%}}.chiffres-cles .source{color:#666}.soutiens{padding:3.5rem 1rem}.soutiens h2{margin:0 0 2rem}.soutiens ul{align-items:center;display:flex;flex-flow:row wrap;gap:1.5rem 5.5rem;justify-content:center}.soutiens ul li{align-items:center}.soutiens ul li img[alt=ComCyberGend]{width:112px}.soutiens .actions{margin:3rem 0 0;display:flex;flex-direction:column}.soutiens .actions dsfr-button{align-self:center}.page-a-propos .conteneur,.page-cgu .conteneur,.page-confidentialite .conteneur,.page-mentions-legales .conteneur,.page-securite .conteneur,.page-accessibilite .conteneur{padding:2rem 0 3.5rem}.page-a-propos h2,.page-cgu h2,.page-confidentialite h2,.page-mentions-legales h2,.page-securite h2,.page-accessibilite h2{margin-top:2rem}.page-a-propos ul,.page-cgu ul,.page-confidentialite ul,.page-mentions-legales ul,.page-securite ul,.page-accessibilite ul{margin-left:2rem;list-style-type:disc}.page-a-propos address,.page-cgu address,.page-confidentialite address,.page-mentions-legales address,.page-securite address,.page-accessibilite address{font-style:normal}.page-a-propos table,.page-cgu table,.page-confidentialite table,.page-mentions-legales table,.page-securite table,.page-accessibilite table{border:1px solid var(--border-contrast-grey);border-collapse:collapse}.page-a-propos table thead,.page-cgu table thead,.page-confidentialite table thead,.page-mentions-legales table thead,.page-securite table thead,.page-accessibilite table thead{background-color:var(--background-alt-grey)}.page-a-propos table td,.page-a-propos table th,.page-cgu table td,.page-cgu table th,.page-confidentialite table td,.page-confidentialite table th,.page-mentions-legales table td,.page-mentions-legales table th,.page-securite table td,.page-securite table th,.page-accessibilite table td,.page-accessibilite table th{border:1px solid var(--border-contrast-grey);padding:.75rem 1.5rem;text-align:left}.page-statistiques .statistiques{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;min-height:27.5rem;margin:4rem 0 4.5rem}.page-statistiques .statistiques .illustration{margin:0 auto;width:clamp(200px,100%,18rem)}.page-statistiques .statistiques h5{color:var(--text-title-grey);font-size:1.25rem;line-height:1.75rem;margin:0;text-align:center}.page-accueil .entete .heros{display:flex;flex-direction:column;padding:3rem 0 18.5rem;background:var(--bleu-profond-dsc) url(/assets/images/hero-accueil.avif) no-repeat center 160px;background-size:auto 138%;position:relative}@media (min-width: 767px){.page-accueil .entete .heros{background:var(--bleu-profond-dsc) url(/assets/images/hero-accueil.avif) no-repeat center -20px;background-size:auto 180%}}@media (min-width: 992px){.page-accueil .entete .heros{padding:6.375rem 0;background:var(--bleu-profond-dsc) url(/assets/images/hero-accueil.avif) no-repeat top -337px right -80px;background-size:auto 230%}}.page-accueil .entete .heros .conteneur{position:relative}@media (min-width: 992px){.page-accueil .entete .heros .conteneur{max-width:588px}}.page-accueil .entete .heros .conteneur .titre-alternatif-xs{margin:0}.page-accueil .entete .heros .conteneur p{margin-top:.5rem;margin-bottom:2rem}.page-accueil .entete .heros .conteneur .actions{display:flex;flex-direction:column;gap:1rem}@media (min-width: 576px){.page-accueil .entete .heros .conteneur .actions{flex-direction:row}}.page-accueil .entete .heros .conteneur:after{content:"";position:absolute;background:url(/assets/images/persos-accueil.svg) no-repeat center;bottom:-18.5rem;right:calc(50% - 10rem);height:253px;width:20rem}@media (min-width: 992px){.page-accueil .entete .heros .conteneur:after{height:350px;width:488px;bottom:-6.375rem;right:-500px;background-size:contain}}.page-accueil .intro{display:flex;flex-direction:column;padding:3.5rem 0}.page-accueil .intro hgroup{margin:0 auto;width:clamp(220px,100%,828px)}.page-accueil .intro hgroup h2{margin-bottom:1rem;text-align:center}.page-accueil .intro hgroup h2+p{text-align:center}.page-accueil .intro .carrousel{display:flex;gap:1rem;overflow-x:auto;margin:3rem 0;padding:4px;scroll-snap-type:x mandatory;scroll-behavior:smooth}@media (min-width: 767px){.page-accueil .intro .carrousel{justify-content:center}}@media (min-width: 992px){.page-accueil .intro .carrousel{gap:1.5rem}}.page-accueil .intro .carrousel dsfr-card{width:16.25rem;min-width:16.25rem;scroll-snap-align:center}.page-accueil .intro dsfr-button{margin:0 auto}.page-cyber-en-jeux dsc-heros h1.titre-alternatif-xs{color:var(--text-title-blue-france);margin-bottom:.5rem}.page-cyber-en-jeux dsc-heros p{margin:0}.page-cyber-en-jeux dsc-heros p:last-of-type{margin:0 0 1.5rem}.page-cyber-en-jeux dsc-heros .actions{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.page-cyber-en-jeux dsc-heros .illustration{display:block;justify-self:center;width:clamp(280px,100%,36.75rem)}.page-cyber-en-jeux dsc-heros .illustration img{max-width:100%}@media (min-width: 576px){.page-cyber-en-jeux dsc-heros .actions{flex-flow:row nowrap}}@media (min-width: 992px){.page-cyber-en-jeux dsc-heros .actions{flex-direction:column;margin-bottom:3rem}.page-cyber-en-jeux dsc-heros .illustration{margin-bottom:3rem}}@media (min-width: 1248px){.page-cyber-en-jeux dsc-heros .actions{flex-flow:row nowrap}}.page-connexion .connexion{display:flex;align-items:flex-start;align-self:stretch}@media (min-width: 767px){.page-connexion .connexion{justify-content:center}}.page-connexion .connexion .conteneur{padding:4.5rem 0;max-width:31rem;margin:0 auto}.page-connexion .connexion .conteneur h1{margin-bottom:1rem}.page-connexion .connexion .conteneur p{margin:0 0 2rem}.page-connexion .connexion .conteneur div{margin-bottom:1.5rem}@media (min-width: 992px){.page-connexion dsfr-container{flex:1 0 0}}.page-connexion .illustration{display:none;position:relative;background:var(--bleu-profond-dsc)}@media (min-width: 992px){.page-connexion .illustration{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.625rem;flex:1 0 0;height:630px}.page-connexion .illustration:after{position:absolute;inset:0;content:"";background:url(/assets/images/illustration_connexion.avif) center 100% no-repeat}}.page-404 .erreur{padding:2rem 0 3.5rem}.page-evenements .evenements{display:flex;flex-direction:column;padding:3rem 0}.page-evenements .evenements>dsfr-button{display:none;margin:0 0 2rem auto}@media (min-width: 767px){.page-evenements .evenements>dsfr-button{display:block}}.page-evenements .umap{display:flex;justify-content:center;margin-bottom:3.5rem}.page-evenements .umap img{aspect-ratio:1200/1107;max-width:100%}.non-autorise .conteneur{display:flex;flex-direction:column;align-items:center;padding:3.5rem 0;min-height:37.5rem}.non-autorise .conteneur .encadre{display:flex;flex-direction:column;align-items:center;width:100%;max-width:36.75rem;padding:3.5rem 1rem;border:1px solid var(--border-default-grey)}.non-autorise .conteneur .encadre .erreur{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:24rem;gap:1.5rem}.non-autorise .conteneur .encadre .erreur .contact{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.entete dsc-heros div.retour{margin:1rem 0 .75rem}.entete dsc-heros div.retour a{padding:.25rem 0;font-size:.875rem;line-height:1.5rem;color:var(--text-inverted-grey);border-bottom:1px solid var(--text-inverted-grey)}.entete dsc-heros div.retour a:hover{border-bottom-width:2px}.selection-enseignants dsc-mise-en-avant-kit-communication{display:block;margin-block:4.5rem}