.wpateliercel-frontend-moncompte-outer{float:left;display:block;width:100%;clear:both}.wpateliercel-frontend-moncompte-inner{width:90%;clear:both;margin:auto}.wpateliercel-moncompte-header{font-size:5vw;font-weight:bolder;font-family:'Barthowheel';margin-top:4vw;padding-bottom:3vw}.wpateliercel-moncompte-contactus{font-size:large;padding-top:10px}.wpateliercel-moncompte-contactus-contact{display:inline;padding-left:25px;font-size:medium}.wpateliercel-moncompte-mesinfos{font-size:large;padding-top:10px;.wpateliercel-moncompte-intitule{font-size:3vw;font-family:'Oswald';padding-top:2vw;padding-bottom:2vw}.wpateliercel-moncompte-nom{font-size:2vw;font-family:'SegoeUI';margin-left:5vw;color:orange;font-weight:bold}.wpateliercel-moncompte-email{font-size:1.5vw;font-family:'SegoeUI';margin-left:5vw;color:blueviolet;font-weight:bold;padding-top:0.75vw;padding-bottom:0.75vw}.wpateliercel-moncompte-mesinfos-actions{display:inline;font-size:medium;margin-left:5vw;font-size:1vw}}.wpateliercel-agenda-compte{text-align:center;.id{font-size:1.5vw}.wpateliercel-moncompte-eleveselection{font-size:1.5vw;select{font-size:1.5vw;border-radius:9px;padding:0.7vw}}}.wpateliercel-moncompte-modeadmin{.wpateliercel-moncompte-modeadmin-titre{font-size:3vw;font-family:'Oswald';padding-top:2vw;padding-bottom:2vw}}.wpateliercel-moncompte-modeprof{.wpateliercel-moncompte-modeprof-titre{font-size:3vw;font-family:'Oswald';padding-top:2vw;padding-bottom:2vw}}.wpateliercel-moncompte-courscarte{font-size:3vw;font-family:'Oswald';padding-top:2vw;padding-bottom:2vw;line-height:3vw;.wpateliercel-datessaison{padding-top:10px;font-size:1.2vw;font-weight:normal;font-family:'SegoeUI';margin-left:5vw;line-height:1.2vw}}.wpateliercel-eleve{font-size:large;padding-left:60px;padding-top:10px;color:darkgoldenrod}.wpateliercel-eleve-actions
a{display:block;padding-left:25px;font-size:medium;clear:both}.wpateliercel-eleve-resa{font-size:small;padding-left:40px;color:deeppink}.wpateliercel-eleve-resa-cancel form
input{font-size:small}.wpateliercel-frontend-moncompte-outer
.container{width:90%;margin:auto}.wpateliercel-agenda-loader{display:none;position:fixed;float:none;height:100%;width:100%;left:0px;top:0px;right:0px;z-index:2;background-color:rgba(255,255,255,0.75);margin:0;padding:0;.loader{width:40px;aspect-ratio:1;border-radius:50%;color:#000;border:2px
solid;box-sizing:border-box;position:relative;transform-origin:left;animation:l2 1s infinite linear;margin:0
auto;margin-top:20vw}.loader::before,.loader::after{content:"";position:absolute;inset:0 0 auto;margin:auto;width:50%;aspect-ratio:1;border-radius:50%;border:2px
solid;box-sizing:content-box;transform-origin:50% calc(100% - 4px);animation:inherit}.loader::after{inset:auto 0 calc(100% + 2px);animation-duration:0.5s;animation-direction:reverse;transform-origin:50% calc(200% - 2px)}}@keyframes
l2{100%{transform:rotate(1turn)}}.wpateliercel-agenda-wrapper{background:#fff;z-index:1;position:relative;width:50vw;min-height:100%;margin:auto;padding:10px
0 20px;border-radius:10px;box-shadow:0px 10px 30px -10px #000;overflow:hidden}.wpateliercel-agenda-wrapper .wpateliercel-header{padding-bottom:15px;margin-bottom:40px;.wpateliercel-container{position:relative;span{color:#444;font:{family:'Ramabhadra';size:21px;weight:700}}h1{margin-top:5px;color:#919294;font:{size:13px;weight:300}}.wpateliercel-menu-toggle{width:25px;height:25px;background:#fff;padding:24px;border-radius:50%;direction:rtl;display:flex;align-items:center;justify-content:center;box-shadow:0px 10px 30px -14px #000;position:absolute;top:0;right:0;cursor:pointer;span{display:block;width:25px;height:2px;background:#777;border-radius:2px;transition:all 300ms ease;&:not(:last-child){margin-bottom:5px}&:first-child{width:20px}&:last-child{width:15px}}&:hover span:first-child,
&:hover span:last-child{width:100%}}&::before{content:"";display:block;width:0;height:0;border:6px
solid transparent;border-left-color:#e8e8e8;position:absolute;bottom:-13px;right:0px}&::after{content:"";display:block;width:calc(100% - 10px);height:2px;background-color:#e8e8e8;position:relative;top:8px}}}.wpateliercel-agenda-wrapper .wpateliercel-today-box{background:linear-gradient(to left, #485fed, rgba(255, 44, 118, .25)), #485fed;color:#FFF;padding:37px
40px;position:relative;box-shadow:0px 0px 40px -9px #485fed;margin-bottom:50px;&::before{content:"";background:linear-gradient(to left, #485fed, rgba(255, 44, 118, .25)), #485fed;opacity:0.4;z-index:-1;display:block;width:100%;height:40px;margin:auto;position:absolute;bottom:-13px;left:50%;transform:translatex(-50%);border-radius:50%;box-shadow:0px 0px 40px 0 #485fed}.breadcrumb{font-weight:300;position:relative;&::after{content:"\f3d1";font-family:'Ionicons';vertical-align:middle;font-size:12px;font-weight:100;display:inline-block;color:#fff;text-align:center;position:absolute;left:45px;top:3px}}.date-title{font-size:20px;margin:7px
0 0 0;letter-spacing:1px;font-weight:600;text-shadow:0px 0px 5px  rgba(#000, 0.15)}.plus-icon{border:2px
solid rgba(#FFF, 0.6);border-radius:50%;box-shadow:0px 10px 30px -14px #000;position:absolute;top:50%;transform:translateY(-50%);right:40px;cursor:pointer;transition:all 350ms ease;transition-timing-function:cubic-bezier(0.05,1.8,1,1.57);&:hover{transform:translateY(-40%)}i{font-size:22px;font-weight:700;background:#fff;color:#777;width:45px;height:45px;border:6px
solid #485fed;border-radius:50%;display:flex;align-items:center;justify-content:center}&:active{top:52%;transform:translatey(-52%);right:38px;box-shadow:0px 8px 30px -14px #000}}}.wpateliercel-agenda-wrapper .wpateliercel-upcoming-events{.wpateliercel-container{h3{color:#333;font-size:17px;margin-bottom:30px;position:relative;&::before{content:"";display:block;width:58%;height:2px;background-color:#e8e8e8;position:absolute;top:60%;transform:translatey(-60%);right:0}&::after{content:"\f3ff";font-family:'Ionicons';color:rgba(0, 0, 0, 0.1);vertical-align:middle;font-size:36px;font-weight:100;display:inline-block;background:#fff;color:#919294;width:38px;text-align:center;position:absolute;right:60px;top:-10px}}.events-wrapper{margin-bottom:30px;.event{position:relative;margin-bottom:25px;padding-left:30px;cursor:pointer;i{font-size:24px;font-weight:100;position:absolute;left:0;top:-4px}.event__point{margin:0;color:#555;font:{size:15px;weight:800}letter-spacing: 1px}.event__duration{position:absolute;top:5px;right:0;color:#999;font:{size:10px;weight:800;style:italic}}.event__description{margin-top:10px;color:#919294;font-size:13px;font-weight:300}&.active{background:#e8e8e8;padding:17px
0 5px 60px;margin-bottom:38px;border-radius:5px;&::after{content:"";display:block;width:90%;height:10px;background:#fff;border:2px
solid #ddd;border-top:0;border-radius:0 0 5px 5px;position:absolute;bottom:-10px;left:50%;transform:translatex(-50%)}i{position:absolute;left:25px;top:17px}.event__description{&::before,&::after{content:"\f3d1";font-family:'Ionicons';font-size:32px;display:inline-block;color:#919294;text-align:center;position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer}&::before{right:45px;font-size:22px;transition:all 550ms ease;transition-timing-function:cubic-bezier(0.05,1.8,1,1.57)}}&:hover .event__description::before{transform:translate(15px, -12px)}}}}}}.wpateliercel-frontend-moncompte-outer
.hot{color:#ee6b51}.wpateliercel-frontend-moncompte-outer
.done{color:#999 !important}.wpateliercel-frontend-moncompte-outer .icon-in-active-mode{color:#43ff28;font-size:20px !important}.wpateliercel-frontend-moncompte-outer
.upcoming{font-weight:bold;color:#777}.wpateliercel-frontend-moncompte-outer .add-event-button{display:flex;align-items:center;margin-left:auto;border:0;padding:0;background:linear-gradient(to left, #485fed, rgba(255, 44, 118, .25)), #485fed;border-radius:50px;cursor:pointer;box-shadow:0px 0px 40px -9px #485fed;&:active{position:relative;top:2px;left:2px}.add-event-button__title{color:#FFF;padding:0
18px 0 23px;text-shadow:0px 0px 5px  rgba(#000,0.2);font:{family:'Lato';size:15px;weight:600}}.add-event-button__icon{display:inline-block;background:rgba(#FFF, 0.1);padding:0
17px 0 12px;height:100%;i{margin:0;color:#fff;font-size:25px;padding:13px
0}}}.wpateliercel-agenda-wrapper-conteneur{.cadreresa-holographic-container{display:flex;justify-content:center;align-items:center;padding:3vw}.moderesacours_reservation{background:seagreen}.moderesacours_annulation{background:aqua}.moderesacours_fileattente{background:orange}.moderesacours_retraitfileattente{background:red}.cadreresa-holographic-card{color:white;display:block;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:15px;transition:all 0.5s ease;padding:2vw;.heurescours{font-size:1.5vw;text-transform:capitalize}.intitulecours{font-size:2.5vw;padding-top:1vw;padding-bottom:1vw;text-transform:uppercase;font-family:'Oswald'}.typecours{font-style:italic;color:ivory;text-align:end}.nomsaison{font-style:italic;color:ivory;text-align:end}.nombreplaces{}.dureespecifique{}.lieuspecifique{}.animateur{}}.cadreresa-holographic-card
h2{color:#0ff;font-size:2rem;position:relative;z-index:2}.cadreresa-holographic-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(
0deg,
transparent,
transparent 30%,
rgba(0,255,255,0.3)
);transform:rotate(-45deg);transition:all 0.5s ease;opacity:0}.cadreresa-holographic-card:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(0,255,255,0.5)}.cadreresa-holographic-card:hover::before{opacity:1;transform:rotate(-45deg) translateY(100%)}.wpateliercel-calendar{font-family:'IBM Plex Sans',sans-serif;position:relative;max-width:100%;min-width:100%;background:white;color:black;margin:20px
auto;box-sizing:border-box;overflow:hidden;font-weight:normal;border-radius:1px;display:none}.calendar-inner{padding:10px
10px}.wpateliercel-calendar .calendar-inner .calendar-body{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.wpateliercel-calendar .calendar-inner .calendar-body
div{padding:4px;min-height:30px;line-height:30px;border:1px
solid transparent;margin:10px
2px 0px}.wpateliercel-calendar .calendar-inner .calendar-body div:nth-child(-n+7){border:1px
solid transparent;border-bottom:1px solid green}.wpateliercel-calendar .calendar-inner .calendar-body div:nth-child(-n+7):hover{border:1px
solid transparent;border-bottom:1px solid greenyellow}.wpateliercel-calendar .calendar-inner .calendar-body div>a{color:black;text-decoration:none;display:flex;justify-content:center}.wpateliercel-calendar .calendar-inner .calendar-body div:hover{border:1px
solid purple;border-radius:4px}.wpateliercel-calendar .calendar-inner .calendar-body div.empty-dates:hover{border:1px
solid transparent}.wpateliercel-calendar .calendar-inner .calendar-body .past-day{background-color:darkseagreen;border-radius:4px;color:dimgray}.wpateliercel-calendar .calendar-inner .calendar-controls{display:grid;grid-template-columns:repeat(3, 1fr)}.wpateliercel-calendar .calendar-inner .calendar-today-date{display:grid;text-align:center;cursor:pointer;margin:3px
0px;background:aquamarine;padding:8px
0px;border-radius:10px;width:80%;margin:auto}.wpateliercel-calendar .calendar-inner .calendar-controls .calendar-year-month{display:flex;min-width:100px;justify-content:space-evenly;align-items:center}.wpateliercel-calendar .calendar-inner .calendar-controls .calendar-next{text-align:right}.wpateliercel-calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-year-label,
.wpateliercel-calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-month-label{font-weight:500;font-size:20px}.wpateliercel-calendar .calendar-inner .calendar-body .calendar-today{background-color:darkseagreen;border-radius:4px;color:dimgray}.wpateliercel-calendar .calendar-inner .calendar-body .calendar-today:hover{border:1px
solid transparent}.wpateliercel-calendar .calendar-inner .calendar-body .calendar-today
a{outline:2px
solid black}.wpateliercel-calendar .calendar-inner .calendar-controls .calendar-next a,
.wpateliercel-calendar .calendar-inner .calendar-controls .calendar-prev
a{color:cyan;font-family:arial,consolas,sans-serif;font-size:26px;text-decoration:none;padding:4px
12px;display:inline-block;background:white;margin:10px
0 10px 0}.wpateliercel-calendar .calendar-inner .calendar-controls .calendar-next a svg,
.wpateliercel-calendar .calendar-inner .calendar-controls .calendar-prev a
svg{height:20px;width:20px}.wpateliercel-calendar .calendar-inner .calendar-controls .calendar-next a svg path,
.wpateliercel-calendar .calendar-inner .calendar-controls .calendar-prev a svg
path{fill:black}.wpateliercel-calendar .calendar-inner .calendar-body .prev-dates,
.wpateliercel-calendar .calendar-inner .calendar-body .next-dates{color:gray}.wpateliercel-calendar .calendar-inner .calendar-body .prev-dates:hover,
.wpateliercel-calendar .calendar-inner .calendar-body .next-dates:hover{border:1px
solid transparent;pointer-events:none}}