.mantalo-planning{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:1280px;margin:0 auto;gap:.5em}.mantalo-planning .mantalo-planning-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1em;width:100%}.mantalo-planning .mantalo-planning-header button{-ms-flex-negative:0;flex-shrink:0}.mantalo-planning .mantalo-planning-header .planning-title{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:.5em;font-size:20px;font-weight:bold;text-align:center;text-transform:uppercase;color:#fff}.mantalo-planning .mantalo-planning-header .control{position:relative;-ms-flex-negative:0;flex-shrink:0}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper{padding:.25em 2em;border-radius:1em;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.4);box-shadow:2px 2px 4px rgba(0,0,0,.4);background-color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper .planning-legend{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;border-radius:2em}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper .planning-legend .legend-filter{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper .planning-legend .legend-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;cursor:pointer;margin:.5em}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper .planning-legend .legend-item[data-category=piscine] input:checked+.box{background-color:#4169e1;border-color:#4169e1}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper .planning-legend .legend-item[data-category=fosse] input:checked+.box{background-color:#000;border-color:#000}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper .planning-legend .legend-item[data-category=sortie] input:checked+.box{background-color:#228b22;border-color:#228b22}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper .planning-legend .legend-item[data-category=theorie] input:checked+.box{background-color:darkred;border-color:darkred}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper .planning-legend .legend-item[data-category=autre] input:checked+.box{background-color:#bae6fd;border-color:#bae6fd}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper .planning-legend .legend-item input{display:none}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper .planning-legend .legend-item input:checked+.box::after{content:"";position:absolute;left:7px;top:2px;width:6px;height:12px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper .planning-legend .legend-item .box{width:24px;height:24px;border-radius:8px;border:2px solid #cbd5e1;background:#fff;-webkit-transition:all .25s ease;transition:all .25s ease;position:relative}.control{position:absolute;width:200px;height:3em;background:#fff;border-radius:50px;border:1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:4px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);font-size:initial}.control input{display:none}.control label{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;z-index:1;cursor:pointer;color:#aaa;-webkit-transition:color .3s;transition:color .3s;margin:0}.control .indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#000;border-radius:50px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;z-index:0}.control #vue-mois:checked~.indicator{-webkit-transform:translateX(100%);transform:translateX(100%)}.control #vue-semestre:checked~label[for=vue-semestre],.control #vue-mois:checked~label[for=vue-mois]{color:#fff}.mantalo-planning .planning-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;width:100%}.mantalo-planning .planning-wrapper .planning-container{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));width:100%;background-color:#fff;border-radius:24px;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.2);box-shadow:2px 2px 4px rgba(0,0,0,.2);border:solid #fff 10px;overflow:hidden}.mantalo-planning .planning-wrapper .planning-container .month-column{min-width:0;background:repeating-linear-gradient(45deg, lightgrey 0px, lightgrey 1px, white 1px, white 6px);border:solid .5px #000}.mantalo-planning .planning-wrapper .planning-container .month-column .month-title{margin:0;padding:8px 0;color:#fff;font-size:14px;text-align:center;background-color:#0f2744}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list{background-color:#fff}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row{display:grid;grid-template-columns:45px 30px 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;font-size:11px;position:relative;border-bottom:1px solid #eee;color:#64748b}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row .day-name{height:100%;line-height:26px;text-transform:lowercase}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row .day-number{height:100%;line-height:26px;font-weight:bold;text-align:center;border-left:1px solid #fff;border-right:1px solid #fff}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row .events-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:0;height:26px}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row .events-area .event-tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;min-width:0;height:100%;overflow:hidden;font-size:1em;color:#1e3a5f;text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;text-decoration:none}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row .events-area .event-tag.overlapping{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row .events-area .event-tag.piscine{background-color:#4169e1;color:#fff}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row .events-area .event-tag.fosse{background-color:#000;color:#fff}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row .events-area .event-tag.sortie{background-color:#228b22;color:#fff}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row .events-area .event-tag.theorie{background-color:darkred;color:#fff}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row .events-area .event-tag.ferie{background-color:#a9a9a9;color:#000}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row .events-area .event-tag.autre{background-color:#bae6fd;color:#000}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row .events-area .event-tag.clickable{cursor:pointer;-webkit-transition:-webkit-filter .15s ease;transition:-webkit-filter .15s ease;transition:filter .15s ease;transition:filter .15s ease, -webkit-filter .15s ease}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row.weekend{background-color:#f1f5f9}.mantalo-planning .planning-wrapper .planning-container .month-column .days-list .day-row.vacances-day{border-right:6px solid red !important}.mantalo-planning.vue-mois{max-width:900px;margin-left:auto;margin-right:auto}#section-mois{width:100%}.mois-events-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;padding:.5em 0 1.5em}.mois-event-card{background:#fff;border-left:.5em solid #1e90ff;padding:15px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);border-radius:6px;text-align:left;position:relative;z-index:0}.mois-event-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:6px}.mois-event-card .mois-event-title{font-size:1.1em;margin-bottom:8px}.mois-event-card .mois-event-date{font-size:.9em}.mois-event-card.piscine{color:#fff;background-color:#4169e1;border-color:color-mix(in srgb, royalblue 60%, black)}.mois-event-card.fosse{color:#fff;background-color:#000;border-color:color-mix(in srgb, black 60%, black)}.mois-event-card.sortie{color:#fff;background-color:#228b22;border-color:color-mix(in srgb, forestgreen 60%, black)}.mois-event-card.theorie{color:#fff;background-color:darkred;border-color:color-mix(in srgb, darkred 60%, black)}.mois-event-card.autre{color:#000;background-color:#bae6fd;border-color:color-mix(in srgb, #BAE6FD 60%, black)}.mois-event-card.ferie{color:#000;background-color:#a9a9a9;border-color:color-mix(in srgb, darkgray 60%, black)}.mois-event-card.hide{display:none !important}.mois-event-card.clickable{cursor:pointer;-webkit-transition:-webkit-filter .15s ease,-webkit-box-shadow .15s ease;transition:-webkit-filter .15s ease,-webkit-box-shadow .15s ease;transition:filter .15s ease,box-shadow .15s ease;transition:filter .15s ease,box-shadow .15s ease,-webkit-filter .15s ease,-webkit-box-shadow .15s ease}.mois-aucun-evenement{text-align:center;color:#aaa;font-style:italic;padding:2em 0}@media(max-width: 768px)and (orientation: portrait){.mantalo-planning .mantalo-planning-header{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mantalo-planning .mantalo-planning-header .planning-legend-wrapper{display:none}.mantalo-planning .mantalo-planning-header button{display:none}.mantalo-planning .planning-wrapper .planning-container{display:block;background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;border:none;overflow:unset}.mantalo-planning .planning-wrapper .planning-container .month-column{border-radius:1em !important;margin-bottom:1em;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.2);box-shadow:2px 2px 4px rgba(0,0,0,.2);overflow:hidden}.mantalo-planning .planning-wrapper .mantalo_buttonbar{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5em}}