:root{--gap: 10px;--half-gap: calc(var(--gap) / 2);--double-gap: calc(var(--gap)* 2);--triple-gap: calc(var(--gap)* 3);--quad-gap: calc(var(--gap)* 4);--gutter:20px;--grid--gutter: 10px;--font-size-12: 12px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--font-size-32: 32px;--font-default:"Oswald", sans-serif;--col-blanc: #ffffff;--col-noir: #000000;--col-rouge: #e20a13;--col-bleu: #0094B4;--col-gris:#898989;--header-bg: var(--col-rouge);--nav-bg:var(--col-noir);--contao:var(--col-rouge);--scrollbar-color-track: var(--col-rouge-20);--scrollbar-color-thumb: var(--col-rouge);--scrollbar-width: thin;--scrollbar-gutter: auto;--transition-soft: cubic-bezier(0.070, 0.320, 0.015, 1.090);--transition-default: all .2s ease}@keyframes fadeInBottom{from{opacity:0;transform:translateY(100%)}to{opacity:1}}@keyframes fadeOutRight{from{opacity:1;right:0}to{opacity:0;right:-60px}}@-webkit-keyframes dash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}@keyframes dash{0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}}@-webkit-keyframes dash-check{0%{stroke-dashoffset:-100}100%{stroke-dashoffset:900}}@keyframes dash-check{0%{stroke-dashoffset:-100}100%{stroke-dashoffset:900}}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}.loader{font-family:var(--font-default);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9999;text-align:center}.loader .spinner{width:60px;height:60px;border:10px solid #ccc;border-top-color:var(--col-green);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.hidden{display:none !important}@keyframes spin{to{transform:rotate(360deg)}}.notification{position:fixed;bottom:20px;right:20px;background-color:#4caf50;color:#fff;padding:15px 25px;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:1000;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.redirection{display:block;text-align:center;font-size:1.2rem;color:var(--col-rouge);margin-bottom:1rem}.redirection a{color:inherit;text-decoration:none}html{font-size:20px;font-family:var(--font-default, Arial, sans-serif),sans-serif;font-optical-sizing:auto;scroll-behavior:smooth}@media screen and (max-width: 768px){html{font-size:16px}}body{box-sizing:border-box}header,footer{background-color:var(--col-noir);color:#fff;padding:var(--double-gap) 0}header>.inside,footer>.inside{max-width:1270px;padding:0 var(--double-gap);margin:0 auto}header>.inside .content-hyperlink,footer>.inside .content-hyperlink{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--gap);font-size:21px;font-weight:300}@media(max-width: 576px){.mod_article .content [class^=ce_]:not(.ce_image):not([class^=ce_column_]):not(.ce_card),.mod_article .content [class*=content-]:not(.content-image):not([class*=content-column-]):not(.content-card){padding-left:0;padding-right:0}}#main>.inside{max-width:1230px;margin:0 auto;padding:4rem 0}@media(max-width: 576px){#main>.inside{padding-right:var(--double-gap);padding-left:var(--double-gap)}}.reduced{max-width:800px;margin:var(--double-gap) auto}h1{font-size:3.2rem;text-transform:uppercase;font-weight:500}@media(max-width: 576px){h1{padding-right:0;padding-left:0}}h2,h3{font-size:2rem;font-weight:500;margin-bottom:var(--gap)}h3{margin-bottom:0;line-height:2rem}.content-hyperlink a,.rte a{color:#000}.rte ul{list-style-type:disc;margin-left:30px}.rte ul ::marker{color:var(--col-rouge)}:not(.index) h3{font-size:1.8rem;font-weight:400}.button{display:inline-flex;gap:10px;flex-direction:row;align-items:center;border-radius:27px;border:1px solid var(--col-rouge);background-color:var(--col-rouge);color:#fff;padding:10px 20px;text-decoration:none;transition:background-color ease .3s}.button:hover{background-color:#fff;color:var(--col-rouge);border:1px solid var(--col-rouge)}.button:hover svg{fill:var(--col-rouge)}.index .mod_customnav ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:5px}.index #access-buttons{gap:10px}.index #access-buttons .content-button{padding:0}.index #access-buttons .content-button a{color:#fff;height:530px;font-size:1.8rem;text-transform:uppercase;text-decoration:none;font-weight:600;display:flex;justify-content:center;flex-direction:column-reverse;align-items:flex-start;padding:30px;box-sizing:border-box;transition:all ease .3s;border:1px solid #fff}.index #access-buttons .content-button a svg{width:106px;height:107px}.index #access-buttons .content-button a:hover{background-color:#000;color:#fff;border:1px solid #000}@media screen and (max-width: 992px){.index #access-buttons .content-button a{height:auto;align-items:center;display:grid;grid-template-columns:1fr auto;justify-content:space-between}}@media screen and (max-width: 992px){.index #access-buttons .content-button{width:100%}}.mod_sitemap{background:#fafafa;padding:2rem;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.08);max-width:800px;margin:2rem auto}.mod_sitemap ul.level_1{list-style:none;margin:0;padding:0}.mod_sitemap ul.level_1>li{margin-bottom:1rem;position:relative}.mod_sitemap ul.level_1>li>a{font-size:1.2rem;font-weight:600;color:#222;text-decoration:none;transition:color .2s ease}.mod_sitemap ul.level_1>li>a:hover{color:#07c}.mod_sitemap ul.level_2{list-style:none;margin:.5rem 0 .5rem 1.5rem;padding-left:1rem;border-left:2px solid #e0e0e0}.mod_sitemap ul.level_2 li{margin:.4rem 0}.mod_sitemap ul.level_2 a{color:#555;text-decoration:none;font-size:1rem;transition:color .2s ease,transform .2s ease;display:inline-block}.mod_sitemap ul.level_2 a:hover{color:#07c;transform:translateX(3px)}.mod_sitemap li.submenu>a::after{content:"▸";display:inline-block;margin-left:.4rem;color:#aaa;transition:transform .2s ease}.mod_sitemap li.submenu:hover>a::after{transform:rotate(90deg);color:#07c}@media(max-width: 600px){.mod_sitemap{padding:1.5rem}.mod_sitemap ul.level_1>li>a{font-size:1.1rem}.mod_sitemap ul.level_2{margin-left:1rem}}.grid_login{display:grid;grid-template-columns:40% 1fr;gap:30px}@media screen and (max-width: 600px){.grid_login{grid-template-columns:1fr}}.formbody input,.formbody textarea,.formbody select,.formbody .widget-select .selected-option{padding:10px;font-family:var(--font-default, Arial, sans-serif),sans-serif;display:block;min-width:550px;margin-top:5px;background-color:#fff;border:1px solid #000}@media screen and (max-width: 600px){.formbody input,.formbody textarea,.formbody select,.formbody .widget-select .selected-option{min-width:inherit;width:100%}}.formbody label{font-weight:bold;margin-bottom:5px}.formbody label span{float:left;color:var(--col-rouge);margin-right:5px}p.error{color:var(--col-rouge);animation:shake .3s ease-in-out 0s 3}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}100%{transform:translateX(0)}}.mod_login label{font-weight:600}.mod_personalData form,.mod_registration form{max-width:550px}.mod_personalData form .description,.mod_registration form .description{display:none}.mod_personalData form fieldset.responsabledetails legend,.mod_registration form fieldset.responsabledetails legend{display:none}.mod_personalData form fieldset.responsabledetails,.mod_registration form fieldset.responsabledetails{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media screen and (max-width: 600px){.mod_personalData form fieldset.responsabledetails,.mod_registration form fieldset.responsabledetails{grid-template-columns:1fr}}.mod_personalData form .widget.colFe,.mod_personalData form input.colFe,.mod_registration form .widget.colFe,.mod_registration form input.colFe{width:50%;min-width:100% !important}.mod_personalData .multi-column-editor-wrapper,.mod_registration .multi-column-editor-wrapper{position:relative}.mod_personalData .multi-column-editor-wrapper>label[for*=ctrl_teachers_],.mod_personalData .multi-column-editor-wrapper .rows>label[for*=ctrl_teachers_],.mod_registration .multi-column-editor-wrapper>label[for*=ctrl_teachers_],.mod_registration .multi-column-editor-wrapper .rows>label[for*=ctrl_teachers_]{text-transform:uppercase;color:var(--col-gris);font-weight:500}.mod_personalData .multi-column-editor-wrapper button.delete-row,.mod_registration .multi-column-editor-wrapper button.delete-row{background:none;border:none;float:right;color:var(--col-rouge);cursor:pointer;font-family:var(--font-default, Arial, sans-serif),sans-serif;font-size:.8rem;text-decoration:underline}.mod_personalData .multi-column-editor-wrapper button.delete-row:hover,.mod_registration .multi-column-editor-wrapper button.delete-row:hover{color:var(--col-bleu)}.mod_personalData .multi-column-editor-wrapper .actions a.add,.mod_registration .multi-column-editor-wrapper .actions a.add{display:inline-flex;gap:15px;padding:9px 15px;border-radius:51px;border:2px solid var(--col-rouge);color:var(--col-rouge);text-decoration:none;align-items:center;justify-content:center;font-weight:700;transition:all ease .3s;margin-bottom:35px}.mod_personalData .multi-column-editor-wrapper .actions a.add:hover,.mod_registration .multi-column-editor-wrapper .actions a.add:hover{background-color:var(--col-rouge);color:#fff}.mod_personalData .multi-column-editor-wrapper .actions a.add:hover svg,.mod_registration .multi-column-editor-wrapper .actions a.add:hover svg{fill:#fff}.success-checkmark{width:80px;height:115px;margin:2rem auto 0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box !important;margin-top:8px}.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{content:"";height:100px;position:absolute;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:var(--col-rouge);display:block;border-radius:2px;position:absolute;z-index:10;box-sizing:content-box !important}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-8px;left:-8px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box !important;border:8px solid var(--col-rouge)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg)}.ce_form form#reservation{max-width:550px}.ce_form form#reservation .formbody div#professeurs,.ce_form form#reservation .formbody div#films,.ce_form form#reservation .formbody div#dates{margin-top:20px}.ce_form form#reservation .formbody div#dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ce_form form#reservation .formbody div#dates select{width:100%;min-width:inherit}fieldset{border:none;padding:0}fieldset legend{font-weight:600;text-transform:uppercase;color:var(--col-gris);font-size:1.5rem;margin-bottom:var(--gap)}.widget-text span.note{color:#000;font-weight:400;margin:0;float:none}footer .content-element-group{display:flex;gap:43px;align-items:center}footer .content-element-group .content-button a{color:var(--col-rouge);text-transform:uppercase;padding:12px 12px 12px 66px;border-radius:51px;background-color:#fff;background-image:url(9415de1d0b5e920cdbc0.svg);background-position:12px center;background-repeat:no-repeat;background-size:37px 27px;font-size:16px;font-weight:700;transition:background-color ease .3s,color ease .3s}footer .content-element-group .content-button a:hover{background-color:var(--col-rouge);background-image:url(991631363d9d6c2c07bf.svg);color:#fff}@media screen and (max-width: 600px){footer .content-element-group .content-button a{text-align:center}}footer .mod_navigation ul{margin-top:14px;display:flex}@media(max-width: 576px){footer .mod_navigation ul{flex-flow:row wrap;justify-content:center;gap:5px}}footer .mod_navigation ul li{border-right:1px solid #fff}@media(max-width: 576px){footer .mod_navigation ul li{border:none}}footer .mod_navigation ul li a,footer .mod_navigation ul li span,footer .mod_navigation ul li strong{font-size:12px;font-weight:300;text-transform:uppercase;color:#fff;text-decoration:none;display:block;padding:0 12px;transition:color ease .3s}footer .mod_navigation ul li a:hover{color:var(--col-rouge)}footer .mod_navigation ul li:first-of-type a,footer .mod_navigation ul li:first-of-type span,footer .mod_navigation ul li:first-of-type strong{padding-left:0}footer .mod_navigation ul li:last-of-type{border-right:none}header .content{display:flex;justify-content:space-between;align-items:center}header .content .mod_navigation ul{display:flex;gap:10px}header .content .mod_navigation ul li a{transition:all .3s ease}header .content .mod_navigation ul li a,header .content .mod_navigation ul li span,header .content .mod_navigation ul li strong{display:block;padding:13px 12px 13px 44px;border:1px solid #000;color:#fff;text-decoration:none;font-size:18px;border-radius:51px;font-weight:500;background-repeat:no-repeat;background-position:12px center;background-size:25px}header .content .mod_navigation ul li.compte a,header .content .mod_navigation ul li.compte span{background-color:var(--col-bleu);background-image:url(cd716c3c8d1db8a09be0.svg)}header .content .mod_navigation ul li.compte a:hover,header .content .mod_navigation ul li.compte span:hover{border-color:var(--col-bleu);background-color:rgba(0,0,0,0);background-image:url(5ea04089aa625db3727f.svg);color:var(--col-bleu)}@media(max-width: 576px){header .content .mod_navigation ul li.compte a,header .content .mod_navigation ul li.compte span{padding:25px;background-position:center;font-size:0}}header .content .mod_navigation ul li.compte strong{background-color:rgba(0,0,0,0);background-image:url(5ea04089aa625db3727f.svg);border-color:var(--col-bleu);color:var(--col-bleu);pointer-events:none}@media(max-width: 576px){header .content .mod_navigation ul li.compte strong{padding:25px;background-position:center;font-size:0}}header .content .mod_navigation ul li.reservations a,header .content .mod_navigation ul li.reservations span{background-color:var(--col-rouge);background-image:url(87497f1c4d7260ec02a0.svg)}header .content .mod_navigation ul li.reservations a:hover,header .content .mod_navigation ul li.reservations span:hover{border-color:var(--col-rouge);background-color:rgba(0,0,0,0);background-image:url(cccf7dbbf947aa4d8a33.svg);color:var(--col-rouge)}@media(max-width: 576px){header .content .mod_navigation ul li.reservations a,header .content .mod_navigation ul li.reservations span{padding:25px;background-position:center;font-size:0}}header .content .mod_navigation ul li.reservations strong{background-color:rgba(0,0,0,0);background-image:url(cccf7dbbf947aa4d8a33.svg);border-color:var(--col-rouge);color:var(--col-rouge);pointer-events:none}@media(max-width: 576px){header .content .mod_navigation ul li.reservations strong{padding:25px;background-position:center;font-size:0}}@media(max-width: 576px){header figure{width:auto}}.index #main .content-button{width:100%;border-radius:0}body:not(.index) #main .content-button a,.widget-submit button{transition:var(--transition-default);border-radius:51px;padding:10px 20px;border:1px solid var(--col-button-bg);font-size:.9rem;font-weight:400;font-family:var(--font-default),serif;cursor:pointer}body:not(.index) #main .content-button a:hover,.widget-submit button:hover{background-color:var(--col-button-text);color:var(--col-button-bg);border-color:var(--col-button-bg)}.widget-submit button{background-color:var(--col-rouge);border:1px solid var(--col-rouge);color:#fff}.widget-submit button:hover{background-color:#fff;color:var(--col-rouge);border-color:var(--col-rouge)}.widget-submit button[disabled]{opacity:.5;pointer-events:none}
