@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Poiret+One&display=swap');:root{--couleur-principale-fonce:#1D7978;--couleur-principale-pale:#4F9D9B;--couleur-principale-tres-pale:#94C7C4;--couleur-secondaire-fonce:#EDEFF1;--couleur-secondaire-pale:#DBDCDF;--couleur-punch-fonce:#A20B84;--couleur-punch-pale:#D20FAB}*{box-sizing:border-box}body{display:flex;min-height:100vh;flex-direction:column;margin:0;font-family:"Lucida Sans Unicode",sans-serif}a{color:var(--couleur-punch-pale);text-decoration:none}a:hover{color:black}.container{max-width:1200px;margin:0 auto;padding:0 20px}#main{flex:1;padding:10px 0 20px 0}header .logo{text-align:center;padding:15px}header .titre{font-family:"Poiret One",sans-serif;font-size:5em}header .slogan{font-family:"Great Vibes",cursive;font-size:2em;letter-spacing:1.7px}header .header-bg{background-color:var(--couleur-secondaire-fonce);padding:10px;text-align:center}nav{height:55px;padding-top:20px}nav a{color:var(--couleur-principale-pale);text-decoration:none;padding:7px 12px;border-radius:8px;margin-right:20px}nav a:hover{color:black}nav a.active{background-color:var(--couleur-secondaire-pale);border:1px solid var(--couleur-principale-fonce)}h1{font-family:"Great Vibes",cursive;font-size:3em;color:var(--couleur-principale-fonce);margin:15px 0}footer{min-height:70px;padding:15px;text-align:center;font-size:0.9em;color:var(--couleur-principale-pale)}footer a{color:var(--couleur-principale-tres-pale)}nav,footer{background-color:var(--couleur-secondaire-fonce)}.boutons{display:flex;flex-direction:row;justify-content:center}.bouton{background:var(--couleur-punch-fonce);color:#ffffff;font-size:14px;line-height:18px;padding:12px 30px;margin:10px;text-align:center;border-radius:25px;text-transform:uppercase}.bouton:hover{background:var(--couleur-punch-pale);color:#ffffff}.notes{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;margin-bottom:25px}.unenote{border:1px solid #BABFCA;border-radius:8px;width:300px;height:150px;margin:20px auto;padding:8px;position:relative;text-align:center;background-color:white;box-shadow:rgba(50,50,93,0.25) 0px 2px 5px -1px,rgba(0,0,0,0.3) 0px 1px 3px -1px}.unenote .date{font-style:italic;font-size:0.8em;color:#999999}.unenote:after{z-index:-1;position:absolute;content:"";bottom:10px;right:10px;left:auto;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 15px 10px #777;-moz-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg)}.icone-note{width:100%;height:30px;text-align:left}.icone-note i{color:var(--couleur-punch-fonce)}:root{--couleur-principale-fonce:#944;--couleur-principale-pale:#773333;--couleur-principale-tres-pale:#aa6666;--couleur-secondaire-fonce:#300;--couleur-secondaire-pale:#600;--couleur-punch-fonce:#420;--couleur-punch-pale:#640}@font-face{font-family:"Olde English";src:url("../fonts/OldeEnglish.ttf")}@font-face{font-family:"Aquiline";src:url("../fonts/AquilineTwo.ttf")}@font-face{font-family:"Roman Antique";src:url("../fonts/RomanAntique.ttf")}@font-face{font-family:"Roman Italique";src:url("../fonts/RomanAntique-Italic.ttf")}body{background-color:var(--couleur-secondaire-fonce)}.unenote{background-color:#222;color:#a44;border-color:#a00;box-shadow:rgba(255,0,0,0.5) 0 2px 5px 0,rgba(255,0,0,0.3) 0 1px 3px 0;transition:all 1s}.unenote p{transition:all 1s}.unenote .icone-note i{transition:all 1s}.unenote:hover{transform:scale(1.05);box-shadow:rgba(255,0,0,0.5) 0 2px 15px 0,rgba(255,0,0,0.3) 0 1px 13px 0}.unenote:hover p{color:#EDcccc;text-shadow:0 0 3px #EDcccc}.unenote:hover .icone-note i{color:#620;text-shadow:0 0 3px #620}.unenote:after{content:none}.unenote .date{color:#722}.header-bg{filter:hue-rotate(25deg)}.entete{width:75%;height:auto}nav a.active{}header{background-color:#100000;color:#a44}#main{background-color:#100000;color:#aa4444}header .titre{font-family:"Olde English",serif}header .slogan{font-family:"Aquiline",cursive;letter-spacing:normal}h1{font-family:"Aquiline",cursive}p:not(.credits){font-family:"Roman Antique",serif;font-size:1.1em}.unenote .date{font-family:"Roman Italique",serif;font-size:1.1em}#menu-principal{height:70px;top:0;position:sticky;z-index:1000;margin:0;max-width:100vw;display:flex;align-items:center}#menu-principal .options-menu{display:flex}#menu-principal a{display:block;transition:color 0.5s}nav a{margin-right:0}#menu-principal .option-avec-sous-menu{position:relative;transition:color 0.5s;padding-right:12px}#menu-principal .sous-menu{display:none;position:absolute;top:100%;left:0;background-color:#222;min-width:180px;z-index:1000;transition:all 1s;border:#a00 solid 1px;border-radius:8px}#menu-principal .sous-menu a{padding-left:10px;margin-right:0}#menu-principal .option-avec-sous-menu > a:focus{position:relative;z-index:1001}#menu-principal .option-avec-sous-menu > a::after{content:"";display:inline-block;margin-left:6px;margin-right:-15px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--couleur-principale-pale);vertical-align:middle;transition:all 0.5s}.active{background-color:var(--couleur-secondaire-pale);border:1px solid var(--couleur-principale-fonce);border-radius:8px}#menu-principal .menu-mobile{display:none}@media (hover:hover){nav a:hover{color:#a11}#menu-principal a:hover{color:#a11}#menu-principal .option-avec-sous-menu:hover > a{color:#a11}#menu-principal .option-avec-sous-menu:hover > a::after{border-top-color:#a11}}@media (hover:hover) and (min-width:769px){#menu-principal .option-avec-sous-menu:hover .sous-menu,#menu-principal .option-avec-sous-menu:focus-within .sous-menu{display:flex;flex-direction:column}#menu-principal .option-avec-sous-menu:hover > a::after,#menu-principal .option-avec-sous-menu:focus-within > a::after{transform:rotate(180deg);border-top-color:#aa0000}}@media (max-width:768px){#menu-principal{position:sticky;justify-content:center}#menu-principal .menu-mobile{display:block;text-decoration:none;color:var(--couleur-principale-pale);text-align:center;cursor:pointer;font-family:"Roman Antique",serif;font-size:1.35em}#menu-principal .options-menu{display:none;flex-direction:column;background:#222;border-radius:8px;position:absolute;top:100%;left:0;width:100%;z-index:100;gap:0}#menu-principal .options-menu.menu-ouvert{display:flex}#menu-principal .options-menu a{padding:15px;border-radius:8px}#menu-principal .option-avec-sous-menu.sous-menu-ouvert .sous-menu{display:flex;flex-direction:column;border:none}#menu-principal .sous-menu{position:static}#menu-principal .sous-menu a{padding-left:30px}#menu-principal .option-avec-sous-menu.sous-menu-ouvert > a::after{transform:rotate(180deg)}.entete{width:100%}#menu-principal .options-menu{margin-top:0}}.calendrier{width:80%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:20px 1fr 1fr 1fr 1fr 1fr 1fr;font-family:"Roman Antique",serif;font-size:1.1em}.dateCalendrier{height:auto;width:auto;text-align:center;border:#aa0000 1px solid;transition:all 500ms;background-color:#100}.dateCalendrier:hover{transform:scale(1.05);box-shadow:rgba(255,0,0,0.5) 0 2px 15px 0,rgba(255,0,0,0.3) 0 1px 13px 0;z-index:1000;background-color:#100;color:#EDcccc;text-shadow:0 0 3px #EDcccc}div .calendrier .dateCalendrier .dateSem{height:20px}p .calendrier{font-size:clamp(0.3em,100px / 20,2em)}@media (max-width:768px){.calendrier{width:100%;height:50vh}}.debug{display:block;background-color:#FCA12D;color:black;font-size:1.1em;padding-top:5px;padding-left:10px;padding-right:10px;padding-bottom:5px;border:1px solid #F18A04;border-radius:5px;margin:15px 0}.icone-social i{transition:all 0.5s}.icone-social:hover i{transform:scale(1.25);color:#EDEFF1;text-shadow:0 0 3px #EDcccc}.unenote:active{transform:scale(1.1);box-shadow:rgba(255,0,0,0.5) 0 2px 19px 0,rgba(255,0,0,0.3) 0 1px 15px 0}.unenote:active p{color:#EDcccc;text-shadow:0 0 5px #EDcccc}.unenote:active .icone-note i{color:#620;text-shadow:0 0 5px #620}.input{display:flex;flex-direction:column;margin:5px}.inputs{font-family:"Roman Antique",serif;font-size:25px;background-color:#222;color:#a44;border:1px solid #a00;border-radius:8px;box-shadow:rgba(255,0,0,0.5) 0 2px 5px 0,rgba(255,0,0,0.3) 0 1px 3px 0;transition:all 1s;padding:5px}.inputs:focus{box-shadow:rgba(255,170,170,0.5) 0 2px 15px 0,rgba(255,0,0,0.3) 0 1px 13px 0;border:1px solid #faa;outline:none;color:#EDcccc;text-shadow:0 0 1px #EDcccc}.taillePetit{max-width:300px}.tailleMoyen{max-width:500px}.tailleGrand{max-width:100%}textarea{resize:vertical}.zoneBouton{width:100%;display:flex;justify-content:center;margin-top:30px}.boutonForm{font-family:"Roman Antique",serif;font-size:25px;background-color:#222;color:#a44;border:1px solid #a00;border-radius:8px;box-shadow:rgba(255,0,0,0.5) 0 2px 5px 0,rgba(255,0,0,0.3) 0 1px 3px 0;transition:all 1s;padding:5px;cursor:pointer}.boutonForm:hover{transform:scale(1.05);box-shadow:rgba(255,170,170,0.5) 0 2px 15px 0,rgba(255,0,0,0.3) 0 1px 13px 0;border:1px solid #faa;outline:none;color:#EDcccc;text-shadow:0 0 1px #EDcccc}.boutonForm:focus{outline:none;transform:scale(1.05);box-shadow:rgba(255,170,170,0.5) 0 2px 15px 0,rgba(255,0,0,0.3) 0 1px 13px 0;border:1px solid #faa;outline:none;color:#EDcccc;text-shadow:0 0 1px #EDcccc}li{font-family:"Roman Antique",serif;font-size:1.25em}.message-erreur-formulaire{color:#fff;margin-bottom:0;min-height:21.6px}.mauvaise-input:focus{box-shadow:rgba(102,0,170,0.5) 0 2px 15px 0,rgba(125,0,100,0.3) 0 1px 13px 0;outline:none;color:#EDcccc;text-shadow:0 0 1px #EDcccc;border-color:#60a}.mauvaise-input{border:1px solid #FEF;box-shadow:rgba(255,200,255,0.5) 0 2px 5px 0,rgba(255,225,255,0.3) 0 1px 3px 0}table{font-family:"Roman Antique",serif;font-size:25px;background-color:#222;color:#a44;border:1px solid #a00;border-radius:8px;box-shadow:rgba(255,0,0,0.5) 0 2px 5px 0,rgba(255,0,0,0.3) 0 1px 3px 0;padding:5px;width:100%}th{font-size:35px;margin:0}td{border-top:1px solid #a00;margin:0}.desc-vide{color:rgba(170,68,68,0.25)}.bouton-memo{cursor:pointer}.col-bout{width:3em}p.message-erreur{font-size:35px;color:#EDcccc;text-shadow:0 0 4px #EDcccc}option{color:#EDcccc}.lien-tri{color:#aa0000;cursor:pointer;transition:all 0.5s}.lien-tri:hover{color:#EDcccc;text-shadow:0 0 4px #EDcccc}.sel-tri::after{content:"";display:inline-block;margin-left:6px;margin-right:-15px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:0;border-bottom:6px solid #aa0000;vertical-align:middle;transition:all 0.5s}.sel-tri:hover::after{border-top-color:#EDcccc;border-bottom-color:#EDcccc}.sel-tri.desc::after{border-top:6px solid #aa0000;border-bottom:0}.desc:hover::after{border-top-color:#EDcccc;border-bottom-color:#EDcccc}.lien{color:#eaa;transition:all 0.5s}.lien:hover{font-size:1.1em;color:#EDEFF1;text-shadow:0 0 3px #EDcccc}.bouton-table{border-top:0}.input-aide{display:flex;flex-direction:row}.lien-memo{color:#cc4444;transition:all 0.5s;text-shadow:0 0 2px #aa1111}.lien-memo:hover{color:#EDEFF1;text-shadow:0 0 3px #EDcccc}#icone-logon{display:flex;align-items:center;justify-content:center}#icone-logon i{transition:all 0.5s}#icone-logon span{transition:all 0.5s;font-family:"Roman Antique";font-size:1.5em}#icone-logon:hover span{font-size:1.75em;color:#EDEFF1;text-shadow:0 0 3px #EDcccc}#icone-logon:hover i{transform:scale(1.1);color:#EDEFF1;text-shadow:0 0 3px #EDcccc}label{font-family:"Roman Antique",serif;font-size:1.1em}h2{font-family:"Aquiline",cursive;font-size:2em}h3{font-family:"Roman Antique",serif;font-size:1.6em}blockquote{font-family:"Roman Antique",serif}.options-menu div{white-space:nowrap}.options-menu a{font-family:"Roman Antique",serif;font-size:1.35em}.vide1{grid-area:vide1}.vide2{grid-area:vide2}.vide3{grid-area:vide3}.vide4{grid-area:vide4}.vide5{display:none;grid-area:vide5}.vide6{display:none;grid-area:vide6}.vide7{display:none;grid-area:vide7}.vide8{display:none;grid-area:vide8}.vide9{display:none;grid-area:vide9}.vide10{display:none;grid-area:vide10}.vide11{display:none;grid-area:vide11}.Lun{grid-area:Lun}.Mar{grid-area:Mar}.Mer{grid-area:Mer}.Jeu{grid-area:Jeu}.Ven{grid-area:Ven}.Sam{grid-area:Sam}.Dim{grid-area:Dim}.un{grid-area:un}.deux{grid-area:deux}.trois{grid-area:trois}.quatre{grid-area:quatre}.cinq{grid-area:cinq}.six{grid-area:six}.sept{grid-area:sept}.huit{grid-area:huit}.neuf{grid-area:neuf}.dix{grid-area:dix}.onze{grid-area:onze}.douze{grid-area:douze}.treize{grid-area:treize}.quatorze{grid-area:quatorze}.quinze{grid-area:quinze}.seize{grid-area:seize}.dixsept{grid-area:dixsept}.dixhuit{grid-area:dixhuit}.dixneuf{grid-area:dixneuf}.vingt{grid-area:vingt}.vingtun{grid-area:vingtun}.vingtdeux{grid-area:vingtdeux}.vingttrois{grid-area:vingttrois}.vingtquatre{grid-area:vingtquatre}.vingtcinq{grid-area:vingtcinq}.vingtsix{grid-area:vingtsix}.vingtsept{grid-area:vingtsept}.vingthuit{grid-area:vingthuit}.vingtneuf{grid-area:vingtneuf}.trente{grid-area:trente}.trenteun{grid-area:trenteun}.fevrier .vingtneuf{font-size:0}.fevrier .trenteun{font-size:0}.fevrier .trente{font-size:0}.jours-pairs .trenteun{font-size:0}.debut-ven .vide5{display:block;grid-area:vide5}.debut-ven .vide6{display:block;grid-area:vide6}.debut-ven .vide7{display:block;grid-area:vide7}.debut-ven .vide8{display:block;grid-area:vide8}.debut-ven .vide9{display:block;grid-area:vide9}.debut-ven .vide10{display:block;grid-area:vide10}.debut-ven .vide11{display:block;grid-area:vide11}.debut-sam .vide5{display:block;grid-area:vide5}.debut-sam .vide6{display:block;grid-area:vide6}.debut-sam .vide7{display:block;grid-area:vide7}.debut-sam .vide8{display:block;grid-area:vide8}.debut-sam .vide9{display:block;grid-area:vide9}.debut-sam .vide10{display:block;grid-area:vide10}.debut-sam .vide11{display:block;grid-area:vide11}.calendrier.debut-dim{grid-template-areas:"Dim Lun Mar Mer Jeu Ven Sam" "un deux trois quatre cinq six sept" "huit neuf dix onze douze treize quatorze" "quinze seize dixsept dixhuit dixneuf vingt vingtun" "vingtdeux vingttrois vingtquatre vingtcinq vingtsix vingtsept vingthuit" "vingtneuf trente trenteun vide1 vide2 vide3 vide4"}.calendrier.debut-lun{grid-template-areas:"Dim Lun Mar Mer Jeu Ven Sam" "vide4 un deux trois quatre cinq six" "sept huit neuf dix onze douze treize" "quatorze quinze seize dixsept dixhuit dixneuf vingt" "vingtun vingtdeux vingttrois vingtquatre vingtcinq vingtsix vingtsept" "vingthuit vingtneuf trente trenteun vide1 vide2 vide3"}.calendrier.debut-mar{grid-template-areas:"Dim Lun Mar Mer Jeu Ven Sam" "vide1 vide2 un deux trois quatre cinq" "six sept huit neuf dix onze douze" "treize quatorze quinze seize dixsept dixhuit dixneuf" "vingt vingtun vingtdeux vingttrois vingtquatre vingtcinq vingtsix" "vingtsept vingthuit vingtneuf trente trenteun vide3 vide4"}.calendrier.debut-mer{grid-template-areas:"Dim Lun Mar Mer Jeu Ven Sam" "vide1 vide2 vide3 un deux trois quatre" "cinq six sept huit neuf dix onze" "douze treize quatorze quinze seize dixsept dixhuit" "dixneuf vingt vingtun vingtdeux vingttrois vingtquatre vingtcinq" "vingtsix vingtsept vingthuit vingtneuf trente trenteun vide4"}.calendrier.debut-jeu{grid-template-areas:"Dim Lun Mar Mer Jeu Ven Sam" "vide1 vide2 vide3 vide4 un deux trois" "quatre cinq six sept huit neuf dix" "onze douze treize quatorze quinze seize dixsept" "dixhuit dixneuf vingt vingtun vingtdeux vingttrois vingtquatre" "vingtcinq vingtsix vingtsept vingthuit vingtneuf trente trenteun"}.calendrier.debut-ven{grid-template-areas:"Dim Lun Mar Mer Jeu Ven Sam" "vide1 vide2 vide3 vide4 vide5 un deux" "trois quatre cinq six sept huit neuf" "dix onze douze treize quatorze quinze seize" "dixsept dixhuit dixneuf vingt vingtun vingtdeux vingttrois" "vingtquatre vingtcinq vingtsix vingtsept vingthuit vingtneuf trente" "trenteun vide6 vide7 vide8 vide9 vide10 vide11"}.calendrier.debut-sam{grid-template-areas:"Dim Lun Mar Mer Jeu Ven Sam" "vide1 vide2 vide3 vide4 vide5 vide6 un" "deux trois quatre cinq six sept huit" "neuf dix onze douze treize quatorze quinze" "seize dixsept dixhuit dixneuf vingt vingtun vingtdeux" "vingttrois vingtquatre vingtcinq vingtsix vingtsept vingthuit vingtneuf" "trente trenteun vide7 vide8 vide9 vide10 vide11"}