:root{--vert: #5CA264;--jaune: #FFF3BA;--rouge: #FF515F;--orange: #FFBF37;--bleu: #516AFF;--sombre: #292929;--clair: #FFF;--marge: 15vw;--marge-moins: -15vw;--burgerWidth: 30px;--burgerBarHeight: 1px;--burgerBarHeightMinus: -1px;--h:700px;--w:500px}html,body{background-color:var(--jaune);font-family:Krub,sans-serif;font-weight:400;font-style:normal;font-size:14px;margin:0;padding:0;height:100%;width:100%;overflow-x:hidden;scroll-behavior:smooth}html{overflow:auto}*{box-sizing:border-box;scrollbar-color:var(--vert) var(--jaune);scrollbar-width:thin}h1,h2,h3,h4{font-family:Grandstander,cursive;font-optical-sizing:auto;font-style:normal}h1{font-weight:600;font-size:36px}h2{font-weight:800}h3{font-weight:200}h4{font-weight:600}a{text-decoration:none;color:var(--bleu);display:block;transition:all .3s ease;font-family:Grandstander,cursive}a:hover{transform:scale(1.1);font-weight:600}main,section,header,article,nav,ul,li,figure,form,fieldset{display:flex}form{width:100%}fieldset{flex-flow:column nowrap;border:none}option[disabled]{color:var(--clair)}app-root>main{width:100vw;height:fit-content;padding:0 var(--marge) 0;margin:0}iframe{width:100%;height:100%;min-width:75vh}header{flex-flow:column nowrap}header>*{text-align:center;margin-left:auto;margin-right:auto}article{background-color:var(--clair)}nav li{list-style:none}button{border:none;padding:12px 20px;transition:all .3s ease;cursor:pointer;font-family:Grandstander,cursive;font-weight:600;width:fit-content;margin:10px 20px;align-self:flex-end}button:hover{transform:scale(1.1)}input,select,textarea{color:var(--sombre);font-family:Grandstander,cursive;font-size:16px;margin:10px;padding:12px 12px 10px;transition:all .3s ease;border:1px solid var(--sombre)}textarea{width:100%!important;min-height:150px}input:focus{transform:scale(1.1)}figure{background:no-repeat 50% 50%;background-size:cover}input.ng-valid{border-bottom:1px solid var(--vert)}input.ng-invalid{border-bottom:1px solid var(--rouge)}input[type=checkbox].ng-valid{border:1px solid var(--vert);font-size:21px}input[type=checkbox].ng-invalid{border:1px solid var(--rouge);font-size:21px}router-outlet+*{width:100%}app-menu{width:100%}app-menu>section{width:100%;height:165px;flex-flow:row nowrap;justify-content:space-between;position:relative}app-menu>section>article{width:550px;height:250px;background:url("./media/coin-vert-DG4EOOFV.svg") no-repeat 0 0;background-size:contain;position:relative;z-index:30}app-menu>section>article span{width:50%;height:fit-content;display:flex;flex-flow:column nowrap;padding-top:20px;padding-left:20px}app-menu nav{width:100%;height:165px;display:flex;flex-flow:row nowrap;justify-content:flex-end;padding-right:10%;background-color:var(--jaune)}app-menu li{background:url("./media/menu-item-bg-WQR66Z2U.png") no-repeat 50% 50%;background-size:100% 100%;min-width:100px;justify-content:center;font-weight:600;height:fit-content;margin-right:10px;display:flex;flex-flow:column nowrap;position:relative;transition:transform .3s ease}app-menu li:hover{transform:scale(1.1)}app-menu li a{padding:15px 20px 20px}app-menu li ul{display:flex;position:absolute;flex-flow:column nowrap;top:-2000px;transition:opacity .5s ease;opacity:0;padding-left:0}app-menu li ul a:hover{transform:scale(1)}app-menu li:hover ul{top:50px;height:fit-content;opacity:1}app-menu li:hover ul li{width:max-content}app-menu h1{font-weight:600;font-size:21px;color:var(--jaune);margin:0 5px}app-menu h2{font-weight:600;font-size:21px;color:var(--clair);margin:0 5px}app-header,app-header>*{width:100%;color:var(--clair)}app-header h1{margin-top:-26px;margin-bottom:0;padding-bottom:0;color:var(--orange)}app-header a{color:var(--clair)}app-header>header{background:url("./media/entete_ecole_1-O5Y6QKBZ.jpg") no-repeat 50% 50%;background-size:cover;height:350px}app-header>section{background-color:var(--orange);height:160px}app-header>section nav{height:100%;flex:1}app-header ul{height:100%;margin:0;padding:15px;justify-content:center}app-header li{height:100%;justify-content:center;padding:20px}app-header li a{display:flex;flex-flow:column nowrap;align-items:center;margin:auto}app-header>section article{position:relative;background-color:var(--orange);flex:2;margin-left:5%}app-header>section article>img{position:absolute;z-index:30;bottom:30px}app-header>section article>span{padding-left:300px;padding-right:20px}app-foot header{width:100%;text-align:center;padding-left:15%}app-foot a{margin:5px 0!important}app-foot nav img{max-height:60px}app-foot nav>*{margin:0 10px}app-foot>section,app-foot article{width:100%;background:none}app-foot>section{justify-content:space-between;align-items:stretch}app-foot>section>section{width:calc(100% - var(--w))}app-foot>section>section article:nth-child(1) a{display:flex;flex-flow:row wrap;margin:30px auto 60px;align-items:center;justify-self:center}app-foot>section>section div>*{margin:20px}app-foot>section>section h3{border-right:1px solid;vertical-align:middle;text-align:right;padding-right:20px;margin:20px;align-self:center}app-foot>section>article{width:var(--w);justify-content:space-between;background:url("./media/coin-vert-jaune-SGDF2U57.svg") no-repeat bottom right;background-size:contain;color:#fff;padding:20px 10px 0 60px}app-foot>section>article nav{width:100%;justify-content:flex-end;margin:50px 0 10px;align-items:center}app-foot>section>article nav img{width:24px}app-foot ul{display:flex;flex-direction:column;margin:0 auto}app-foot li img{margin-right:10px}app-foot img{max-width:350px}app-actu section>*{width:100%!important;margin:10px 0}app-actu article{flex-flow:column nowrap}.form{justify-content:space-around!important;padding:20px 5%}.form article{background:none;flex-flow:column wrap;max-width:30%}.form article div{display:flex;text-align:left;width:fit-content;flex-direction:row wrap}.form article:nth-child(3){flex-flow:row wrap}.form article p{width:100%;display:flex;text-align:left;flex-flow:column nowrap;margin:0}.form fieldset{text-align:left;margin:5px 0}.form fieldset input,.form fieldset select,.form fieldset textarea{margin:0}.form article button img{width:80px;margin-bottom:10px}input.ng-valid,textarea.ng-valid{border-bottom:1px solid var(--vert)}input.ng-invalid,textarea.ng-valid{border-bottom:1px solid var(--rouge)}button.text{border:1px solid var(--clair);background:none;color:var(--clair)}button.text.active{background-color:var(--clair);color:var(--vert)}button.img{background:none;display:flex;flex-flow:column nowrap;color:var(--clair);align-items:center;font-size:16px;font-weight:100}button.img.active{border:1px solid var(--clair);font-weight:600}#msg{position:absolute;left:0;top:0;width:100vw;height:100vh}#msg article{background-color:var(--jaune);font-weight:600;width:fit-content;text-align:center;margin:auto;padding:20px}.bandeau{padding-left:var(--marge);padding-right:var(--marge)}.bandeau header hr{width:80%}.bandeau article{width:25vw;flex-flow:column nowrap;color:var(--sombre);margin:60px 3% 30px;padding:15px;position:relative}.bandeau article h3{margin-bottom:0}.bandeau figure{width:100px;height:100px;margin:-60px auto 0;border-radius:50%;box-shadow:0 2px 3px #00000080;justify-content:center}.bandeau figure img{width:50px;margin:auto}.picto{width:45px;margin:10px 5px}.minipicto{width:18px;max-height:18px}.actu{position:relative}.actu article{position:relative;width:420px;height:420px;background:50% no-repeat;background-size:100% 100%;cursor:pointer;transition:all .3s ease}.actu article:hover{background-size:120% 120%}.actu article header{margin:auto 0 auto auto;background-color:var(--clair);width:50%;padding:5px 10px;transition:all .4s ease}.actu article:hover header{width:60%;padding:5px 20px}.actu figure{width:100%;height:100%}.vignettes{padding-bottom:30px}.vignettes article{width:160px;height:160px;background:50% no-repeat;background-size:cover;position:relative;margin:10px;transition:transform .3s ease;cursor:pointer}.vignettes article:hover{transform:scale(1.2)}.vignettes p{overflow:hidden;padding:10px;margin:0;width:100%;color:var(--clair);font-weight:400;background-color:#5ca26499;position:absolute;left:0;bottom:0;text-align:center}.intersection{width:100%;margin-top:-25px;position:relative;z-index:101}.intersection h3,.intersection h2{width:100%;text-align:center;margin:10px 0}.intersection article{background-color:var(--clair);margin:0 auto;flex-direction:column;max-width:60%;padding:10px 20px}.intersection button{align-self:center}.ligne{flex-flow:row nowrap;margin:15px;padding-right:20px}.ligne figure{width:300px;min-height:200px;flex:1;margin:0 20px 0 0}.ligne>div{width:calc(100% - 300px)}.ligne header{text-align:left;justify-content:flex-start}.ligne header>*{margin:20px 0 5px;text-align:left}.ligne div{display:flex;flex-flow:column nowrap}.cartel{flex-flow:column nowrap;margin:15px}.cartel figure{width:100%;height:200px}.cartel div{display:flex;flex-flow:column nowrap}.cartel header{justify-content:center}.v{flex-flow:column nowrap!important}.h{flex-flow:row nowrap;position:relative;overflow:hidden}form.h,fieldset.h{align-items:center}.c,.c>*{text-align:center;justify-content:center;margin:20px auto}.large{width:100vw;justify-content:center;position:relative;margin:0 var(--marge-moins)}.large header{text-align:center}.large>section{justify-content:center}.prev,.next{position:absolute;display:flex;height:fit-content;transition:transform .3s ease;padding:20px 10px;z-index:100;align-self:center;cursor:pointer}.prev:hover,.next:hover{transform:scale(1.4)}.prev img,.next img{margin:auto}.prev{left:0;margin:auto}.prev img{transform:rotate(180deg)}.next{right:10px;z-index:10}.pay{flex-flow:row nowrap;align-items:center;margin:30px}.pay h2{margin-bottom:0}.pay article{background:none;margin:10px auto}.pay article:nth-child(2){font-size:32px;text-align:center;font-weight:600;width:fit-content;min-width:220px;align-items:center}.pay article:nth-child(2) button{border-radius:50%;border:1px solid var(--clair);background:none;color:var(--clair);width:40px;height:40px;display:flex;padding:0}.pay span{margin:auto;padding-top:4px;font-size:24px;line-height:16px}.pay button:hover{border:none;background:var(--clair)}.pay button:hover span{color:var(--rouge)}header hr{border:0;border-bottom:1px solid;width:40%}.logo{height:fit-content}.logo img{width:160px}.bords{border:4px solid var(--clair);border-radius:4px}.date{height:fit-content;padding:5px 10px;display:flex;flex-flow:column nowrap;text-align:center}.date>*{width:100%}.date>span:nth-child(1){font-size:18px;font-weight:400}.date>span:nth-child(2){font-size:18px;font-weight:600}.date>span:nth-child(3){font-size:12px;font-weight:100}.bg-blanc{background-color:var(--clair)!important}.bg-jaune{background-color:var(--jaune);border-color:var(--jaune)}.bg-vert{background-color:var(--vert);color:var(--clair);border-color:var(--vert)}.bg-orange{background-color:var(--orange);color:var(--clair);border-color:var(--orange)}.bg-rouge{background-color:var(--rouge);color:var(--clair);border-color:var(--rouge)}.bg-rouge input,.bg-rouge select,.bg-rouge textarea{background:none;border:1px solid var(--clair);color:var(--clair)}.bg-rouge option{background-color:var(--rouge)}.bg-rouge ::placeholder{color:var(--clair)}.blanc,.blanc a{color:var(--clair)}.jaune,.jaune a{color:var(--jaune)}.rouge,.rouge a{color:var(--rouge)!important}.rouge hr{border-color:var(--rouge)}.vert,.vert a{color:var(--vert)}.orange,.orange a{color:var(--orange)}.bleu,.bleu a{color:var(--bleu)}::-webkit-scrollbar{background-color:var(--orange);width:10px}::-webkit-scrollbar-thumb{background-color:var(--vert)}.croix{width:50px;height:50px;margin:25px auto;border-radius:50%;position:relative;transition:all .3s ease}.croix:before{background:#888;position:absolute;display:block;content:"";width:70%;height:6%;top:47%;left:15%;transform:rotate(45deg)}.croix:after{background:#888;position:absolute;display:block;content:"";width:6%;height:70%;left:47%;top:15%;transform:rotate(45deg)}.croix:hover{transform:rotate(90deg) scale(1.2)}.don{background-color:var(--clair);color:var(--orange);text-align:center;display:block}#pop{position:absolute;display:flex;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:#000000a6;z-index:1000}#pop main{margin:auto;flex-flow:column nowrap;max-width:50%;min-width:600px;height:auto;background:none;overflow-y:auto;overflow-x:hidden;background-color:var(--clair);max-height:100%}#pop main>*{width:100%;background-color:var(--clair);padding:20px 30px}#pop main>header{position:relative}#pop main>section{flex-flow:row nowrap}#pop main>section>section{flex-flow:column nowrap}#pop main>section>article:last-child{justify-content:center;align-items:center}#pop figure{width:450px;height:250px}.close{position:absolute;right:0;top:-20px;color:var(--clair);font-size:large}.clement{bottom:-30px;width:200px;margin-left:50px}.burger-menu{width:var(--burgerWidth);height:var(--burgerWidth);cursor:pointer;margin:20px;display:none;position:absolute;right:0;top:0;z-index:102}.burger-container{position:relative}.burger-inner{position:absolute;width:calc(var(--burgerWidth) - 2 * var(--burgerBarHeight));left:0;top:11px;border:var(--burgerBarHeight) solid var(--vert);transition:border-color .2s ease-in .2s}.burger-inner:before{position:absolute;content:"";top:-10px;left:var(--burgerBarHeightMinus);width:calc(var(--burgerWidth) - 2 * var(--burgerBarHeight));border:var(--burgerBarHeight) solid var(--vert);transition:top .2s ease-in .3s,transform ease-in .2s}.burger-inner:after{position:absolute;content:"";top:8px;left:var(--burgerBarHeightMinus);width:calc(var(--burgerWidth) - 2 * var(--burgerBarHeight));border:var(--burgerBarHeight) solid var(--vert);transition:top .2s ease-in .3s,transform ease-in .2s}.burger-menu.active .burger-container .burger-inner{border-color:transparent;transition:border-color ease-in .1s}.burger-menu.active .burger-container .burger-inner:before{top:var(--burgerBarHeightMinus);transform:rotate(-45deg);transition:top ease-out .2s,transform .2s ease-out .3s}.burger-menu.active .burger-container .burger-inner:after{top:var(--burgerBarHeightMinus);transform:rotate(45deg);transition:top ease-out .2s,transform .2s ease-out .3s}#burger-nav{display:flex;background:none;position:absolute;left:100vw;padding-top:110px;width:100vw;height:100vh;z-index:101;opacity:0;background-color:#00000080;transition:all .3s ease}#burger-nav.active{left:0;opacity:1}#burger-nav ul{display:flex;flex-flow:column nowrap;width:100%}#burger-nav li{margin:5px auto;width:fit-content;cursor:pointer}@keyframes enter{0%{opacity:0}to{opacity:1}}@keyframes exit{0%{opacity:1}to{opacity:0}}::view-transition-old(main){animation:exit .3s ease 0s 1 normal forwards}::view-transition-new(main){animation:enter .3s ease 0s 1 normal forwards}:root{--mw: 75px}@media screen and (max-width:1250px){.large section:not(.pay){margin:0 -10%}.h{margin-left:var(--marge-moins);margin-right:var(--marge-moins)}}@media screen and (max-width:960px){app-menu nav{display:none}.burger-menu{display:block}app-header>section{height:200px}app-header>section>article{width:calc(100% - var(--mw));margin-left:0}app-header>section article>img{max-width:30%;z-index:50}app-header>section article>span{padding-left:35%}app-header>section nav{width:var(--mw);height:100%;flex-flow:column nowrap;flex:0;font-size:10px}app-header>section nav ul:nth-child(1){flex:1}app-header>section nav ul:nth-child(2){flex:3;justify-content:space-between}app-header ul{display:flex;flex-flow:column wrap;width:var(--mw);height:fit-content;padding:5px}app-header li{height:auto;padding:5px}app-header li img{width:20px;max-height:25px}app-foot>section{flex-flow:column nowrap}app-foot>section>*{width:100%!important}app-foot>section>article{background-size:cover}app-foot>section>section article{flex-flow:column nowrap}app-foot>section>section article:nth-child(1) a{display:flex;flex-flow:column nowrap;align-items:center;margin:10px}app-foot>section>section h3{border-right:0;text-align:center;padding-right:0;margin:20px}.clement{bottom:0;left:0}.ligne{flex-flow:column nowrap;margin:15px;padding-right:0}.ligne figure{width:100%;margin:0}.ligne>div{width:100%;padding:0 20px}.bandeau article{width:100%}.bandeau section.h{flex-direction:column}.form{padding:0;flex-direction:column}.form article{max-width:100vw;width:100vw;padding:10px}.form article div{width:100%}.form article:nth-child(3) div{flex-direction:column}.form article button{margin:5px}.c,.c>*{margin:0}.intersection article{max-width:100%}.intersection form input{flex-direction:column}.h{margin:0}#pop main{min-width:100%}#pop main>section{flex-flow:column nowrap;pointer-events:all;padding:0 20px 20px}#pop figure{width:calc(100% + 40px);margin:10px -20px}#pop form{flex-flow:column nowrap}.date{position:absolute}}@media screen and (max-width:820px){.clement{left:-50px}}@media screen and (max-width:675px){.pay{flex-flow:column nowrap;text-align:center}}@media screen and (max-width:510px){.burger-menu{top:60px}.clement{bottom:0}}@media screen and (max-width:420px){app-menu>section>article{width:100%}app-menu>section>article span{width:50%;display:flex;flex-flow:column nowrap;padding-top:10px;padding-left:5px}.logo img{width:140px}}