:root{--px14:.87rem;--px8:.8rem;--mar:.4rem;--px5:var(--mar);--f11:.75rem;--bord:3px;--bg:#fff;--txt:#000;--logo:#6584fe;--lien:#00f;--lien-vs:var(--logo);--base:#f4f5f7;--base-clair:#f9fafb;--base-hv:#eceff2;--base-hv-plus:#dde2e8;--lien-nav:#5e728a/*gris;*/;--lien-nav-clair:#9aa9ba;--exo-hv:#f0f0ff;--lien-z:var(--exo-hv);--theme1:orange;--theme2:#0f0;--theme3:#ff5722;--theme4:#8a9df9;--theme5:#8393ab;--focus:var(--logo);--tourne:1turn}
@font-face{font-family:"Roboto Condensed";src:url('../../roboto-condensed-v25-latin-regular.woff2');font-display:swap}
html,body{-webkit-text-size-adjust:100%;overflow-x:hidden}
html{margin-inline:.6rem;background-color:#fff;background-color:var(--bg);color:#000;color:var(--txt)}
body{max-width:100rem;min-height:100vh;margin-inline:auto}
body,#cen span{font-family:Arial,sans-serif,"Helvetica Neue"}
h1,h2,h3,#cen,.noir{font-family:"Roboto Condensed"}
#sectionapp{--theme:var(--theme1)}
#sectionprofs{--theme:var(--theme2)}
#sectionfle{--theme:var(--theme3)}
#sectionlect{--theme:var(--theme4)}
#sin,#sectioncom{--theme:var(--theme5)}
#myBtn,#ariane,#mob,.jsk{display:none}
header{display:flex;justify-content:space-between;height:4.3rem}
main{display:flex;margin-bottom:1.25rem;border-top:.8rem solid #f4f5f7;border-top:var(--px8) solid var(--base)}
#nav1{width:18%;margin-right:2vw}
section{width:82%}
#logo,#cen,#ch1{flex:1}
@keyframes jelly{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}
#logo,#tcol1 li{position:relative}
#logo img{z-index:-1;width:7.9rem;height:3rem;margin-top:.5rem}
#logo a:before,#logo a:after{position:absolute;content:'';border-radius:50%;top:.2rem;left:2rem}
#sectionlect #logo a:before,#sectionlect #logo a:after{top:.15rem;left:2.95rem}
#logo a:before{z-index:0;width:2.2rem;height:2.2rem;background:#fff;background:var(--bg)}
#logo a:after{z-index:1;width:2rem;height:2rem;background:#fc3;box-shadow:-4.8px -11px 9.6px 1.6px orange inset;box-shadow:-4.8px -11px 9.6px 1.6px var(--theme1) inset}
#sectionprofs #logo a:after{background:#a1fc03;box-shadow:-4.8px -11px 9.6px 1.6px #0f0 inset;box-shadow:-4.8px -11px 9.6px 1.6px var(--theme2) inset}
#logo a:hover:after{animation:jelly 1s both}
#logo:not(#sectionlect #logo):after{content:'.net';font-size:.65rem;color:#9aa9ba;color:var(--lien-nav-clair);vertical-align:.18rem}
#cen a{display:block;padding-top:.4rem;padding-top:var(--px5);color:#6584fe;color:var(--logo);text-align:center;border-top:1px solid #f4f5f7;border-top:1px solid var(--base)}
#cen span{display:block;margin-bottom:.4rem;margin-bottom:var(--px5)}
#cen span,#drop:before,#nav1 span,.smtex{font-size:.8rem}
#ch1{position:relative;display:flex;justify-content:end}
#debr{margin-right:1.25rem}
@keyframes tbtn{to{transform:rotate(1turn);transform:rotate(var(--tourne))}}
.run-animation{animation:tbtn .5s ease-out}
#cherche{width:19rem}
#btn,[for="chbout"]{width:38px;height:38px;border-radius:50%;transition:background-color .2s}
#btn{background:url('../../i/ima.svg') no-repeat -18px -230px;background-color:#f4f5f7;background-color:var(--base)}
#chbout{height:0;filter:opacity(0)}
#drop{margin-top:-1.3rem}
#drop input{padding-block:.26rem !important}
#drop button{height:2.6rem;background-color:#eceff2;background-color:var(--base-hv);border:1px solid #eceff2;border:1px solid var(--base-hv)}
a{text-decoration:none}
a,.tt tr,#mona div,.im1,.clickme,button,.refl img{transition:.2s}
section,footer,#drop input,#drop button{font-size:1.35rem}
section a:not(nav:not(#precsui) a,#abcda a,.tk a,.qu5){color:#00f;color:var(--lien)}
footer a:not(nav:not(#precsui) a,#abcda a,.tk a,.qu5){color:#00f;color:var(--lien)}
section a:not(nav:not(#precsui) a,h2 a,h3 a,#mona a,#abcda a,.tk a):visited{color:#6584fe;color:var(--lien-vs)}
footer a:not(nav:not(#precsui) a,h2 a,h3 a,#mona a,#abcda a,.tk a):visited{color:#6584fe;color:var(--lien-vs)}
#credimage a,.ref2 a:not(.monbt,.boutico),p a:not(.monbt),.tflex4 a,footer a,.monol a,.monul a,.gg,.noir,.jeu,.externe,.ouvre1,#tablalpha a,#tablal1 a,#plusloin1 a:not(.boutico),.tflex a:not(.telec,.voir),#plus1 a,.tk a,.tablolist a,.tborder a{background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0 1px;transition:.6s}
.ref2 a:hover,.tflex4 a:hover,p a:hover,#credimage a:hover,footer a:hover,a:hover .gg,a:hover .noir,a:hover .jeu,.monol a:hover,.monul a:hover,#tablalpha a:hover,#tablal1 a:hover,.ouvre1:hover,#plusloin1 a:hover,.tflex a:hover,#plus1 a:hover,.externe:hover,.tk a:hover,.tablolist a:hover,.tborder a:hover{background-size:100% 1px}
.soush a:after{background:#f4f5f7;background:var(--base)}
a.voir:after{background:#f4f5f7;background:var(--base)}
h2:not(#does-not-exist) a,h3:not(#does-not-exist) a,.coeur:not(#does-not-exist) a,#voiraus a,.telec,.boutico,#precsui a:hover,.monbt:focus,button,.clickme,#prec,#suiv{background:#f4f5f7;background:var(--base)}
h2:not(#does-not-exist) a:hover,h3:not(#does-not-exist) a:hover,.coeur:not(#does-not-exist) a:hover,#voiraus a:hover,.fond strong{background:#eceff2;background:var(--base-hv)}
button:not(#ripple,#clo,.play,.pause):hover{background-color:#dde2e8;background-color:var(--base-hv-plus)}
[for="chbout"]:not(#does-not-exist):not(does-not-exist):hover,.boutico:not(#does-not-exist):not(does-not-exist):hover,.telec:not(#does-not-exist):not(does-not-exist):hover,.clickme:not(#does-not-exist):not(does-not-exist):hover,#prec:not(does-not-exist):hover,#suiv:not(does-not-exist):hover{background-color:#dde2e8;background-color:var(--base-hv-plus)}
.duree{background:#f0f0ff;background:var(--exo-hv)}
ul,ol{margin:0;padding:0}
#nav1 li:not(li li),[id^="menu"]{border-left:3px solid #f4f5f7;border-left:var(--bord) solid var(--base)}
#nav1 a,[id^="menu"]:not(#does-not-exist) a{display:block;margin-left:calc(3px* -1);margin-left:calc(var(--bord)* -1);border-left:3px solid transparent;border-left:var(--bord) solid transparent;padding-left:.6rem}
p,.noir,.tflex4,.retrait,.refl,.ref2,.monol,.monul,.tk,.tbord,.tborder,#transcription1,#plus1{line-height:1.3}
.soush,#ariane{line-height:1.8}
#nav1 ul ul li a,#menu1 a:not(.menu1ti),#menu3 a{font-size:.8rem}
#m4:before{font-size:.87rem;font-size:var(--px14)}
#grow:before{font-size:.87rem;font-size:var(--px14)}
.com,.soush,.voir,.smtex1,.duree,#ariane,.auteur,#credimage,.fond div,#nn li:after,footer div,.date{font-size:.87rem;font-size:var(--px14)}
#nav1 a,h1 span:not([title]),h2 span:not([title]),h3 span:not([title]),#abcda table,#sectionfle nav a,.titrev,.titrenouv,.niveau,.auteur,.auteur1,.refl div,.tf51 div:last-child,.tf5 a div:last-child,#nn .smtex1,#ba span,#ariane *,#voiraus a:after,footer div,.date{color:#5e728a;color:var(--lien-nav)}
.monbt{position:relative;display:inline-block;z-index:0;overflow:hidden;box-sizing:border-box;border:.15rem solid #f4f5f7;border:.15rem solid var(--base);padding:.6rem 1.5rem;text-align:center;vertical-align:middle}
@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
.monbt:before{position:absolute;z-index:-1;content:"";width:15rem;height:12rem;bottom:-15rem;border-radius:40%;transition:.2s;animation:wave 10s linear infinite;background:var(--theme)}
.monbt:hover:before{bottom:-11.1rem}
#nav1 a[aria-current="page"],#nav1 a:hover{background:#f4f5f7;background:var(--base);color:#000;color:var(--txt)}
#nav1 a[aria-current],#nav1 a:hover,.vici:not(#does-not-exist) a[aria-current],.vici:not(#does-not-exist) a:hover,#cen a[aria-current],#cen a:hover{border-color:var(--theme)}
#ariane :not(:first-child):not(does-not-exist):before{color:var(--theme)}
.fle a:not(#does-not-exist):not(:first-child):not(does-not-exist):before{color:var(--theme)}
#precsui a:first-child:before{color:var(--theme)}
#precsui a:nth-of-type(2):before{color:var(--theme)}
#prec:hover:not(does-not-exist):before{color:var(--theme)}
#myBtn:not(.does-not-exist):not(does-not-exist):before{color:var(--theme)}
h2 a:not(#does-not-exist):not(.does-not-exist):after{color:var(--theme)}
h3 a:not(#does-not-exist):not(.does-not-exist):after{color:var(--theme)}
#suiv:hover:not(does-not-exist):after{color:var(--theme)}
#precsui a:last-child:after{color:var(--theme)}
.gg span:not(#does-not-exist):after{color:var(--theme)}
.noir span:not(#does-not-exist):after{color:var(--theme)}
.soush a.flip:before{color:orange;color:var(--theme1)}
.voir a.flip:before{color:orange;color:var(--theme1)}
.flip:before{color:orange;color:var(--theme1)}
h2 a:not(#does-not-exist):before{background:var(--theme)}
h3 a:not(#does-not-exist):before{background:var(--theme)}
#voiraus a:before{background:var(--theme)}
.gg:not(#does-not-exist):not(does-not-exist):before{background:var(--theme)}
.exfle:not(#does-not-exist):not(does-not-exist):before{background:orange;background:var(--theme1)}
.plus:not(#does-not-exist):not(does-not-exist):before{background:orange;background:var(--theme1)}
.app .monbt:not(#does-not-exist):not(does-not-exist):before{background:orange;background:var(--theme1)}
#plusloin1 div:first-of-type:before{background:orange;background:var(--theme1)}
.profle:not(#does-not-exist):not(does-not-exist):before{background:#0f0;background:var(--theme2)}
#plusloin1 div:nth-of-type(2):before{background:#0f0;background:var(--theme2)}
.rfle:before{background:#ff5722;background:var(--theme3)}
.afle:before{background:#8a9df9;background:var(--theme4)}
#tcol1 :nth-child(2) a:hover{border-color:orange;border-color:var(--theme1)}
#nav1 .app a:hover,#menu1:not(.does-not-exist) .plus:hover,#menu1.exo .plus:hover{border-color:orange;border-color:var(--theme1)}
#tcol1 :nth-child(6) a:hover{border-color:#0f0;border-color:var(--theme2)}
#nav1 .profs a:hover{border-color:#0f0;border-color:var(--theme2)}
#tcol1 :nth-child(3) a:hover{border-color:#ff5722;border-color:var(--theme3)}
#tcol1 :nth-child(7) a:hover{border-color:#ff5722;border-color:var(--theme3)}
#nav1 .exo a:hover{border-color:#ff5722;border-color:var(--theme3)}
#tcol1 :nth-child(4) a:hover{border-color:#8a9df9;border-color:var(--theme4)}
#tcol1 :nth-child(8) a:hover{border-color:#8a9df9;border-color:var(--theme4)}
#nav1 .lect a:hover,#menu3:not(.does-not-exist) a:hover{border-color:#8a9df9;border-color:var(--theme4)}
#nav1 .commun a:hover,#nav1 #accueil a{border-color:#8393ab;border-color:var(--theme5)}
.nouv,.date:before{background:yellow}
h1,h2,h3{font-weight:normal;padding-bottom:.4rem;padding-bottom:var(--px5);border-bottom:.8rem solid;border-bottom:var(--px8) solid}
h1{margin-block:1rem .4rem;margin-block:1rem var(--px5);font-size:3rem;font-size:clamp(2.5rem,5vw,3.75rem)}
h1 span:not([title]){display:block;font-size:1.87rem}
h2,h3{margin-block:3rem .4rem;margin-block:3rem var(--px5);font-size:1.87rem}
main:not(#sectionlect main),h1,h2,h3{-o-border-image:linear-gradient(-90deg,var(--theme) .8rem,#f4f5f7 .8rem) 2;border-image:linear-gradient(-90deg,var(--theme) .8rem,#f4f5f7 .8rem) 2;-o-border-image:linear-gradient(-90deg,var(--theme) var(--px8),var(--base) var(--px8)) 2;border-image:linear-gradient(-90deg,var(--theme) var(--px8),var(--base) var(--px8)) 2}
h2 a,h3 a{border-left:2.4rem solid var(--theme)}
h2 a:not(#does-not-exist):before{content:'\2191';font-size:1.4rem}
h3 a:not(#does-not-exist):before{content:'\2191';font-size:1.4rem}
#myBtn:before{content:'\2191';font-size:1.4rem}
h2 a:before{margin-inline:-1.5rem 1.5rem;color:#fff;vertical-align:4px;transition:.2s}
h3 a:before{margin-inline:-1.5rem 1.5rem;color:#fff;vertical-align:4px;transition:.2s}
h2 a:hover:before{vertical-align:6px}
h3 a:hover:before{vertical-align:6px}
h2 a:after{content:'\2771';margin-left:.6rem;padding-left:.3rem;background:#fff;background:var(--bg)}
h3 a:after{content:'\2771';margin-left:.6rem;padding-left:.3rem;background:#fff;background:var(--bg)}
.soush a,.voir a,a.voir{position:relative;padding:.2rem .1rem .2rem 0}
.soush a:before{content:'\25CF';margin-right:.15rem;color:var(--theme)}
.voir a:before{content:'\25CF';margin-right:.15rem;color:var(--theme)}
a.voir:before{content:'\25CF';margin-right:.15rem;color:var(--theme)}
.soush a:after{position:absolute;z-index:-1;content:'';top:50%;right:50%;bottom:50%;left:50%;transition:.3s}
.voir a:after{position:absolute;z-index:-1;content:'';top:50%;right:50%;bottom:50%;left:50%;transition:.3s}
a.voir:after{position:absolute;z-index:-1;content:'';top:50%;right:50%;bottom:50%;left:50%;transition:.3s}
.soush a:hover:after{top:0;right:0;bottom:0;left:0}
.voir a:hover:after{top:0;right:0;bottom:0;left:0}
a.voir:hover:after{top:0;right:0;bottom:0;left:0}
.voir a,#mo .soush a{z-index:0}
.voir a,a.voir,.sw:after,#nn li:after{float:right}
.voir a{margin-left:.4rem;margin-left:var(--mar)}
.voir a:after,.z a:not(.voir a):hover{background:#f0f0ff;background:var(--lien-z)}
#lay{margin-top:.4rem;margin-top:var(--px5)}
.auteur,#sectionfle .niveau{margin-top:.625rem}
#tcol1{-moz-column-count:2;column-count:2;-moz-column-gap:2rem;column-gap:2rem;-moz-column-rule:3px solid #f4f5f7;column-rule:3px solid #f4f5f7;-moz-column-rule:var(--bord) solid var(--base);column-rule:var(--bord) solid var(--base);margin-bottom:2rem}
#tcol1 a,.vici:not(#does-not-exist) a{border-left:3px solid transparent;border-left:var(--bord) solid transparent}
#tcol1 a{padding:1rem 1rem 1rem .7rem}
#tcol1 :nth-child(2) a:first-child{padding-block:1.7rem}
#tcol1 :nth-child(6) a:first-child{padding-block:1.7rem}
#tcol1 :nth-child(2) span{margin-top:-.7rem}
#tcol1 :nth-child(6) span{margin-top:-.7rem}
#tcol1 :nth-child(3) a{margin-top:1.25rem}
#tcol1 :nth-child(7) a{margin-top:1.25rem}
.liespace{margin-top:1.25rem}
#tcol1 span{float:right;font-size:.8rem}
.ifl{position:absolute;top:2.4rem;right:1rem;font-size:1rem}
#tcol1 a.ifl{background:#fff;background:var(--bg)}
.tcol2{-moz-column-count:2;column-count:2;margin-bottom:6rem}
.tcol3{-moz-column-count:3;column-count:3;margin-bottom:3rem}
.tcol2,.tcol3{-moz-column-gap:.4rem;column-gap:.4rem;-moz-column-gap:var(--px5);column-gap:var(--px5)}
.break{-moz-column-break-before:column;break-before:column}
.tcol2 a,.tcol3 a,.titrev,.titrenouv{padding:.6rem 0 .6rem .6rem}
.titreliste a{outline:1px solid #6584fe;outline:1px solid var(--logo)}
.titrenouv{outline:1px solid #f4f5f7;outline:1px solid var(--base)}
a+ul:not(ul ul){margin-top:4rem}
div+ul:not(ul ul){margin-top:4rem}
#lacorres,#laygauche,#precsui,.sharethis-inline-share-buttons,h1+p:not(.does-not-exist),h1+.tflex4,h1+.ref2,h1+.monul,h2+p:not(.does-not-exist),h2+.tflex4,h2+.ref2,h2+.monul,.monol,p+.liste{margin-top:4rem}
#mob+p,div+.retrait,h1+.retrait,h2+.retrait{margin-top:2.5rem}
p+#tcol1,p+.tcol3:not(#does-not-exist),div+p{margin-top:3rem}
.tflex4,.tf51,.tf5 a{display:flex;flex-wrap:wrap}
.tflex4{gap:3.75rem;margin-bottom:1.87rem}
.tflex4 div,.tf51 div,.tf5 a div{flex:max(17rem,100%/3)}
.liste{margin-bottom:6.25rem}
.liste a,.telec{padding:.7rem}
.coeur a,.titrenouv,.titrev{margin-bottom:.4rem;margin-bottom:var(--px5)}
button:not(#btn,#myBtn,#drop button,.play,.pause),.boutico,.clickme,#tresul div{border-radius:.5rem}
button{border:0;font:inherit}
section input,textarea,select{box-sizing:border-box;font:inherit;color:inherit;background:#fff;background:var(--bg);transition:outline .2s}
section input:not([readonly],[type="radio"]),textarea,select{border:1px solid #9aa9ba;border:1px solid var(--lien-nav-clair);outline:1px solid transparent;border-radius:.4rem;padding:.3rem}
section input:not([readonly]):focus,textarea:not(does-not-exist):not([readonly]):focus,section input:not([readonly]):hover,textarea:not(does-not-exist):not([readonly]):hover,select:not(.does-not-exist):not(does-not-exist):focus,select:not(.does-not-exist):not(does-not-exist):hover{border-color:#6584fe;border-color:var(--logo);outline-color:#6584fe;outline-color:var(--logo)}
table{width:100%}
.tt,.tf5{margin-block:4rem 6rem}
.tt{counter-reset:css-counter 0;border-collapse:collapse}
.tt tr:hover,.tf5 a:hover,a.refl:hover{background:#f9fafb;background:var(--base-clair)}
.tt td:first-child:before{content:counter(css-counter)"."}
.tt td:first-child{counter-increment:css-counter 1;width:1.5rem;padding-top:2rem;vertical-align:top;color:#5e728a;color:var(--lien-nav);font-size:.75rem;font-size:var(--f11);text-align:center;border-right:1px solid #fff;border-right:1px solid var(--bg)}
.tt td,.tf51,.tf5 a,.refl{border-bottom:.2rem solid #f9fafb;border-bottom:.2rem solid var(--base-clair)}
.coeur a,.tt a:not(.z a,.voir a),#voiraus a,.telec{display:block}
.tt td a:not(.tt td a.photo,.voir a,.z a),.z,.tf51,.tf5 a{padding-block:1.6rem}
.tt td a.photo{display:flex;justify-content:space-between;align-items:center;padding-block:.7rem}
.tt td a:not(.voir a){padding-left:.2rem}
.z a:not(.voir a)+a{padding-left:.3rem}
.z .voir{margin-block:-1.5rem 1.5rem}
.niveau{font-size:.75rem;font-size:var(--f11);margin-top:2rem}
.tt .niveau,.liste .niveau,.photo1{float:right;margin-right:.2rem}
.so{border-bottom:1px dashed}
.m{text-transform:uppercase}
.da{font-size:.7rem}
#m4{margin-top:4.5rem}
ul{list-style-type:none}
#m1 ul{margin-top:1px}
#m1 li,#m4 li{padding-block:.35rem}
#m1 ul li{padding-block:0}
#m1 ul li a{padding-block:.1rem}
#m1 ul ul li a{padding-left:1.25rem}
.m12{padding-left:2rem}
#m1 ul ul ul li a,a.m12,.coeur ul li a{padding-left:2.5rem}
.coeur ul ul li a{padding-left:5.5rem}
.com{margin:.3rem 0 .3rem .6rem}
.ancre{height:2rem}
#drop:before{color:#9aa9ba;color:var(--lien-nav-clair)}
#m4:before{color:#9aa9ba;color:var(--lien-nav-clair)}
#grow:before{color:#9aa9ba;color:var(--lien-nav-clair)}
::-moz-placeholder{color:#9aa9ba;color:var(--lien-nav-clair)}
#cen span,#nav1 .trad,.com,#nn li:after,::placeholder{color:#9aa9ba;color:var(--lien-nav-clair)}
#drop:before{content:'Rechercher dans le site \3A'}
#m4:before{content:'Voir aussi \3A';padding-left:.7rem}
#prec:not(.does-not-exist):not(does-not-exist):before{content:'\276E'}
#precsui a:first-child:before{content:'\276E'}
#precsui a:nth-of-type(2):before{content:'\2191'}
.noir span:not(#does-not-exist):after{content:'\276F'}
.gg span:not(#does-not-exist):after{content:'\276F'}
#suiv:not(.does-not-exist):not(does-not-exist):after{content:'\276F'}
#precsui a:last-child:after{content:'\276F'}
#prec:after,#suiv:before{content:attr(data-text)}
.noir span:not(#does-not-exist):after{padding-left:.4rem;padding-left:var(--mar)}
.gg span:not(#does-not-exist):after{padding-left:.4rem;padding-left:var(--mar)}
#precsui a:last-child:after{padding-left:.4rem;padding-left:var(--mar)}
#prec:not(.does-not-exist):not(does-not-exist):after{padding-left:.4rem;padding-left:var(--mar)}
#precsui a:first-child:before{padding-right:.4rem;padding-right:var(--mar)}
#precsui a:nth-of-type(2):before{padding-right:.4rem;padding-right:var(--mar)}
#suiv:not(.does-not-exist):not(does-not-exist):before{padding-right:.4rem;padding-right:var(--mar)}
#myBtn{position:fixed;bottom:4rem;right:.6rem;background:rgba(221,226,232,.6);padding:.75rem 1.25rem}
.ref2,.monul li:not(li li){display:list-item;list-style:square outside;margin-left:1.25rem}
.refl{display:block;padding-block:3rem;overflow:auto}
.refl div:not(.auteur1){margin-bottom:3.12rem}
.auteur1{margin-top:1.875rem;font-size:1rem}
.refl img{float:left;margin:0 2rem 2rem 0;height:auto}
#precsui{display:flex;justify-content:space-between;border-block:1px solid #f4f5f7;border-block:1px solid var(--base)}
#precsui a{padding:2rem .2rem}
.externe:not(#does-not-exist):not(does-not-exist):before{content:'';background:url('../../i/ima.svg') no-repeat -28px -158px;padding-right:1.5rem}
#credimage a:before{content:'';background:url('../../i/ima.svg') no-repeat -28px -158px;padding-right:1.5rem}
#credimage{color:#5e728a;color:var(--lien-nav);margin-block:3rem}
#credimage img{width:min(100%,90rem);height:100%}
footer{padding:4rem 2rem;padding:4rem clamp(1.25rem,5vw,4rem);background:#f4f5f7;background:var(--base)}
footer a{margin-right:3rem}
footer div{margin:3rem 0 0 2rem;letter-spacing:.1rem}
@keyframes rebond{0%{transform:translateY(.7rem)}100%{transform:translateY(-3.5rem)}}
footer div:before{display:inline-block;margin-inline:-2rem .7rem;width:1rem;height:1rem;border-radius:50%;content:'';background:#fc3;box-shadow:-4.5px -7.6px 4.5px .7px orange inset;box-shadow:-4.5px -7.6px 4.5px .7px var(--theme1) inset;animation:rebond 1s alternate infinite cubic-bezier(.06,.7,.53,1)}
.fond{padding:2rem;border:.8rem solid #f4f5f7;border:var(--px8) solid var(--base);margin-bottom:2.5rem}
#sectionapp .fond input,#sectioncom .fond input{width:100%;padding:1rem}
.fond div{margin-top:1.5rem}
.boutico{display:inline-block;padding:.7rem;margin-top:.4rem;margin-top:var(--px5);font-size:1rem}
.sscat{color:#fff;background:#8a9df9;padding:.1rem .3rem;border-radius:.3rem}
.coeur .sscat{color:#5e728a;color:var(--lien-nav);background:#fff;background:var(--bg)}
#accueil a:not(.does-not-exist):before{content:'\2616';color:#8393ab;color:var(--theme5);padding-right:.4rem;padding-right:var(--mar)}
#ariane a:first-child:before{content:'\2616';color:#8393ab;color:var(--theme5);padding-right:.4rem;padding-right:var(--mar)}
.fle:not(#does-not-exist) a:first-child:before{content:'\2616';color:#8393ab;color:var(--theme5);padding-right:.4rem;padding-right:var(--mar)}
#accueil a[aria-current="page"]:not(.does-not-exist):before{content:'\2617'}
#ariane a[aria-current="page"]:first-child:before{content:'\2617'}
#accueil a:before{font-size:.87rem;font-size:var(--px14)}
#voiraus{margin-top:9rem}
#voiraus a{position:relative;padding:2rem 1.25rem}
#voiraus a:before{content:'\21C5';transition:.3s}
.flip:not(#does-not-exist):not(does-not-exist):before{content:'\21C5';transition:.3s}
a.flip:not(#does-not-exist):before{content:'\21C5';transition:.3s}
.sw:after{content:'\21C5';transition:.3s}
.flip:before{display:inline-block;margin-right:.3rem}
#voiraus a:before,#voiraus a:after{position:absolute;margin-top:-4rem}
#voiraus a:before{left:0;padding:.1rem .4rem;color:#fff;border-radius:.2rem}
#voiraus a:after{content:attr(data-label);top:2rem;left:2.5rem}
#voiraus a:hover:before{transform:scaleY(-1)}
.flip:not(#does-not-exist):not(does-not-exist):hover:before{transform:scaleY(-1)}
a:hover .flip:before,.sw:hover:after{transform:scaleY(-1)}
#nn{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:3rem;gap:3rem;margin-bottom:7rem}
#nn a{display:block;margin-block:.5rem;padding:2rem;border:.15rem solid #f4f5f7;border:.15rem solid var(--base)}
#nn .niveau{margin-top:1rem}
#nn .smtex,#nn .niveau + img{margin-top:1.25rem}
#nn img[loading="lazy"]{width:100%;transition:.6s;margin-bottom:1rem;aspect-ratio:3 / 2}
#nn a:hover img[loading="lazy"]{filter:hue-rotate(90deg)}
#nn li:after{content:'Apprendre le fran\0000E7ais'}
#ac5:not(does-not-exist):after{content:'Apprendre le fran\0000E7ais'}
#sectionprofs #nn li:after{content:'Enseigner le fran\0000E7ais'}
#ac6:not(#does-not-exist):not(does-not-exist):after{content:'Enseigner le fran\0000E7ais'}
#nn .auteur{margin-block:1rem}
.noir{display:inline;color:#000;color:var(--txt)}
.rfle:not(#does-not-exist):not(does-not-exist):before{display:inline-block;content:'';border-radius:.2rem;margin-right:.4rem;margin-right:var(--mar)}
.afle:not(#does-not-exist):not(does-not-exist):before{display:inline-block;content:'';border-radius:.2rem;margin-right:.4rem;margin-right:var(--mar)}
.exfle:not(#does-not-exist):not(does-not-exist):before{display:inline-block;content:'';border-radius:.2rem;margin-right:.4rem;margin-right:var(--mar)}
.profle:not(#does-not-exist):not(does-not-exist):before{display:inline-block;content:'';border-radius:.2rem;margin-right:.4rem;margin-right:var(--mar)}
#plusloin1 div:before{display:inline-block;content:'';border-radius:.2rem;margin-right:.4rem;margin-right:var(--mar)}
.plus:not(#does-not-exist):not(does-not-exist):before{display:inline-block;content:'';border-radius:.2rem;margin-right:.4rem;margin-right:var(--mar)}
.gg:not(#does-not-exist):not(does-not-exist):before{display:inline-block;content:'';border-radius:.2rem;margin-right:.4rem;margin-right:var(--mar)}
.date:not(#does-not-exist):not(does-not-exist):before{display:inline-block;content:'';border-radius:.2rem;margin-right:.4rem;margin-right:var(--mar)}
[class^="cou"]:not(#does-not-exist):not(does-not-exist):before{display:inline-block;content:'';border-radius:.2rem;margin-right:.4rem;margin-right:var(--mar)}
.rfle:not(#does-not-exist):not(does-not-exist):before{width:.75rem;height:.75rem}
.afle:not(#does-not-exist):not(does-not-exist):before{width:.75rem;height:.75rem}
.exfle:not(#does-not-exist):not(does-not-exist):before{width:.75rem;height:.75rem}
.profle:not(#does-not-exist):not(does-not-exist):before{width:.75rem;height:.75rem}
#plusloin1 div:before{width:.75rem;height:.75rem}
.gg:not(#does-not-exist):not(does-not-exist):before{width:.75rem;height:.75rem}
.plus:not(#does-not-exist):not(does-not-exist):before{width:.75rem;height:.75rem}
h2.exfle:before{width:1.25rem;height:1.25rem}
h2.profle:before{width:1.25rem;height:1.25rem}
.date:not(does-not-exist):before{width:1.25rem;height:1.25rem}
button,select,.qu,label,.maradio1{cursor:pointer}
.retrait{border-left:.8rem solid #f4f5f7;border-left:.8rem solid var(--base);padding:.5rem .5rem .5rem 1.25rem;background:rgba(249,250,251,.8)}
.im1,.refl img,[role="tooltip"] img{border:1.25rem solid #f4f5f7;border:1.25rem solid var(--base)}
a.refl:hover img,label:hover .im1,a:hover .im1{border-color:#eceff2;border-color:var(--base-hv)}
*:focus-visible{outline-color:#6584fe;outline-color:var(--logo)}
#btn:focus-visible{outline-color:#6584fe;outline-color:var(--focus)}
.js-has-pseudo [csstools-has-1m-2w-2p-37-14-w-17-w-z-2r-2w-2q-33-39-38-1m-2u-33-2r-39-37-19-3a-2x-37-2x-2q-30-2t-15]:not(#does-not-exist){outline:3px solid #6584fe;outline:3px solid var(--focus)}
:has( + #chbout:focus-visible){outline:3px solid #6584fe;outline:3px solid var(--focus)}
#skip a{position:absolute;top:-5rem;z-index:2;padding:.7rem;background:#fff}
#skip a:active{top:0}
#skip a:focus{top:0}
#progress{position:fixed;top:0;left:0;z-index:3;height:3px;height:var(--bord);background:var(--theme)}
@media (min-width:100rem){#myBtn{bottom:15rem;right:2.5rem}
}
@media (max-width:64rem){#nav1,#cen,#lay{display:none}#drop input{margin:0 !important;padding:0 !important}#drop button{height:auto}main{flex-direction:column;border:0}section{width:100%}#ariane{display:inline}#ariane,.fle{margin-top:.7rem}#ariane:not(#does-not-exist) [aria-current="page"],#sectionfle #chemin [aria-current="page"],#ariane a:hover,.fle:not(#does-not-exist) a:hover{color:#000;color:var(--txt)}#ariane *{padding-block:.2rem}#sin #ariane a:not(:first-child){padding-left:.6rem}#ariane:not(#sin #ariane) :not(:first-child):before{content:'\276F';padding-inline:.1rem .4rem;padding-inline:.1rem var(--mar)}.fle:not(#does-not-exist):not(#does-not-exist):not(#does-not-exist) :not(:first-child):before{content:'\276F';padding-inline:.1rem .4rem;padding-inline:.1rem var(--mar)}.fle a:not(:first-child):before{margin-left:.25rem}#tcol1 a.ifl{top:2.7rem;padding:.5rem .1rem}.voir a{text-decoration:underline}
}
@media (max-width:48rem){.tt .niveau{float:none;margin:.8rem 0 0 0}#progress{top:auto;bottom:0}
}
@media (max-width:37.5rem){.dis{display:none}header,#mob{display:inline}#debr,[for="chbout"]{float:right;margin-top:-2.8rem}#debr{position:absolute;margin-right:47px}#cherche{width:100%}[for="chbout"]{right:0;background:url('../../i/ima.svg') no-repeat -3px -259px;background-color:#f4f5f7;background-color:var(--base)}.js-has-pseudo [csstools-has-1m-2w-2p-37-14-w-17-w-z-2r-2w-2q-33-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(#does-not-exist){background-image:none;background-color:#dde2e8;background-color:var(--base-hv-plus)}:has( + #chbout:checked){background-image:none;background-color:#dde2e8;background-color:var(--base-hv-plus)}.js-has-pseudo [csstools-has-1m-2w-2p-37-14-w-17-w-z-2r-2w-2q-33-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(#does-not-exist):before{display:block;content:'\2715';font-size:16px;margin-top:8px;text-align:center;color:#000}:has( + #chbout:checked):before{display:block;content:'\2715';font-size:16px;margin-top:8px;text-align:center;color:#000}#drop{margin-top:0;width:100%;height:0;overflow-y:hidden;transition:height .4s ease}#chbout:checked+#drop{height:5rem}.mobancr{height:14rem}.ancre{height:1px}#tcol1,.tcol2,.tcol3{-moz-column-count:auto;column-count:auto;-moz-column-count:initial;column-count:initial}.monbt{width:100%;margin-block:1.25rem}.monbt[title^="Ens"]{margin-top:-1rem}footer a{display:block;width:-moz-max-content;width:max-content;margin:0 0 2rem 0}
}
@media (max-width:26rem){#precsui a:nth-of-type(2){display:none}
}
.dark:root{--bg:#182025;--txt:#e8eaed;--lien:var(--logo);--lien-vs:#aa8af9;--base:#000;--base-clair:var(--base);--base-hv:#0f1315;--base-hv-plus:#232f38;--lien-nav:#a3afc0;--lien-nav-clair:#768aa2;--exo-hv:var(--base);--lien-z:var(--base-hv-plus);--focus:#9a7b01;--tourne:.5turn}
.dark .retrait{background:rgba(0,0,0,.2)}
.dark #btn,.dark [for="chbout"]:not(#does-not-exist),.dark [src*="1vi"]:not(#does-not-exist),.dark [src*="1au"]:not(#does-not-exist),.dark [src*="1tr"]:not(#does-not-exist),.dark [src*="1ex"]:not(#does-not-exist),.dark [src*="1c"]:not(#does-not-exist),.dark [src*="1i"]:not(#does-not-exist),.dark [src*="1l"]:not(#does-not-exist),.dark [src*="12"]:not(#does-not-exist),.dark [height="41"]:not(#does-not-exist),.dark [for^="tab"]:before{filter:invert(100%)}
.dark .reponse img{filter:invert(100%) hue-rotate(190deg) brightness(2)}
.dark #btn{background:url('../../i/ima.svg') no-repeat 11px -231px}
.dark #btn,.dark [for="chbout"]:not(#does-not-exist){background-color:#fff}
.dark #btn:hover,.dark [for="chbout"]:not(#does-not-exist):hover,.js-has-pseudo [csstools-has-1a-2s-2p-36-2z-w-1m-2w-2p-37-14-w-17-w-z-2r-2w-2q-33-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(#does-not-exist):not(.does-not-exist){background-color:rgba(0,0,0,.1)}
.dark #btn:hover,.dark [for="chbout"]:not(#does-not-exist):hover,.dark :has( + #chbout:checked){background-color:rgba(0,0,0,.1)}
.dark button{color:#000;color:var(--txt)}
.dark :disabled{opacity:.5}
.dark .monbt{background:#f4f5f7;background:var(--base)}
.dark #myBtn,.dark #drop button{border:1px solid #9aa9ba;border:1px solid var(--lien-nav-clair)}
.dark #myBtn{background:rgba(0,0,0,.5)}