@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);footer,header .header-bg,nav{background-color:var(--couleur-secondaire-fonce)}.boutons,.notes,body,nav{display:flex}.container,nav{padding:0 20px}.debug,a:hover{color:#000}.btn-details,.profil-menu a,a,nav a{text-decoration:none}footer,nav a{color:var(--couleur-principale-pale)}.contacts-table td,.contacts-table th,.details-valeur,.unenote p{word-break:break-word}: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;--couleur-principale-fonce:#0f172a;--couleur-principale-pale:#2563eb;--couleur-principale-tres-pale:#38bdf8;--couleur-secondaire-fonce:#1e293b;--couleur-secondaire-pale:#334155;--couleur-punch-fonce:#2563eb;--couleur-punch-pale:#3b82f6;--bleu:#2563eb;--bleu-fonce:#1d4ed8;--cyan:#38bdf8;--rouge:#dc2626}*{box-sizing:border-box}body{flex-direction:column;font-family:"Lucida Sans Unicode",sans-serif}a{color:var(--couleur-punch-pale)}.container{max-width:1200px;margin:0 auto}.moi,.unenote:after{max-width:300px}#main{flex:1;padding:10px 0 20px}header .logo{text-align:center;padding:15px}header .titre{font-family:"Poiret One",sans-serif;font-size:5em}h1,header .slogan{font-family:"Great Vibes",cursive}header .slogan{font-size:2em;letter-spacing:1.7px}header .header-bg{padding:10px;text-align:center}nav a{border-radius:8px;margin-right:20px;display:inline-block;padding:10px 14px}h1{font-size:3em;color:var(--couleur-principale-fonce);margin:15px 0}footer a{color:var(--couleur-principale-tres-pale);color:#60a5fa}.boutons{flex-direction:row;justify-content:center}.bouton{background:var(--couleur-punch-fonce);line-height:18px;margin:10px;text-align:center;text-transform:uppercase}.bouton:hover{background:var(--couleur-punch-pale)}.notes{flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;margin-bottom:25px}.unenote{height:150px;margin:20px auto;position:relative;box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px}.unenote .date{font-style:italic;font-size:.8em;color:#999}.unenote:after{z-index:-1;position:absolute;content:"";bottom:10px;right:10px;left:auto;width:50%;top:80%;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)}body,html{min-height:100%;margin:0}body{min-height:100vh;flex-direction:column}#main{flex:1}.container{display:block}nav{height:55px;min-height:55px;align-items:center;gap:20px;position:sticky;top:0;z-index:1000}nav a.active{background-color:var(--couleur-secondaire-pale);border:1px solid var(--couleur-principale-fonce);background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(37,99,235,.35)}nav a:hover{color:#fff;background-color:rgba(255,255,255,.08);transition:.2s}.debug{display:block;background-color:#e30f0f;font-size:1.1em;padding:5px 10px;border:1px solid #f10404;border-radius:5px;margin:15px 0}.contact-erreur,.memo-erreur,.message-erreur,.message-erreur-formulaire{color:red}.message-succes{color:green}.message-erreur,.message-succes{font-size:14px;margin-top:5px}.contact-erreur,.memo-erreur{display:block;font-size:.9rem;margin-top:4px;min-height:18px}.contact-champ-invalide,.memo-champ-invalide{border:2px solid red!important;background-color:#fff5f5}.bouton,.btn-details,.btn-enregistrer,.btn-lien,.btn-retour-memo,.contact-bouton,.contact-bouton-secondaire,.memo-bouton{display:inline-block;color:#fff;text-decoration:none;border:none;cursor:pointer;border-radius:6px}.btn-lien{padding:8px 14px;background-color:#2d8cff}.btn-details{display:inline-block;padding:8px 14px;background-color:#2563eb;color:#fff;border-radius:6px;font-size:13px;font-weight:700}.btn-retour-memo{padding:12px 18px;background-color:#2d8cff;font-weight:700}.bouton,.btn-enregistrer,.contact-bouton,.memo-bouton{padding:12px 20px;background-color:#2563eb;color:#fff;font-size:16px;font-weight:700}.contact-bouton-secondaire{padding:12px 20px;background-color:#666}.contact-formulaire,.contacts-table,.details-memo-carte,.form-memo-container,.memo-table,.notif,.unenote{background-color:#fff}.bouton:hover,.btn-details:hover,.btn-enregistrer:hover,.btn-retour-memo:hover,.contact-bouton:hover{background-color:#1d4ed8;color:#fff}.contact-bouton-secondaire:hover{background-color:#444}.btn-enregistrer:active,.memo-bouton:active{transform:scale(.98)}.contact-page{padding:40px 20px}.contact-formulaire{max-width:600px;margin:0 auto;padding:25px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.contact-groupe-champ,.contact-note{margin-bottom:15px}.contact-formulaire h1,.contact-formulaire h2{text-align:center;margin-bottom:20px}.contact-note{font-size:14px;color:#555}.contact-groupe-champ label{display:block;margin-bottom:6px;font-weight:700}.contact-obligatoire,.memo-obligatoire{color:var(--rouge);margin-right:4px}.contact-groupe-champ input,.contact-groupe-champ select,.contact-groupe-champ textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:16px;box-sizing:border-box}.contact-groupe-champ textarea{min-height:140px;resize:vertical}.contact-actions-admin{margin-top:15px}.checkbox-label{display:flex;align-items:center;gap:8px}.checkbox-label input[type=checkbox]{width:auto}.form-memo-container{width:600px;max-width:90%;margin:30px auto;padding:25px;border-radius:8px;box-shadow:0 3px 8px rgba(0,0,0,.1)}.form-groupe,.form-memo-container h1,.memo-groupe-champ{margin-bottom:20px}.form-groupe label,.memo-groupe-champ label{display:block;margin-bottom:8px;font-weight:700;color:#222}.form-groupe textarea,.memo-groupe-champ input,.memo-groupe-champ select,.memo-groupe-champ textarea{width:100%;max-width:550px;padding:12px;border:1px solid #bdbdbd;border-radius:8px;font-size:16px;font-family:inherit;background-color:#fff;box-sizing:border-box;resize:vertical}.form-groupe textarea:focus,.memo-groupe-champ input:focus,.memo-groupe-champ select:focus,.memo-groupe-champ textarea:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(30,202,211,.15)}.radio-icones label{display:inline-block;margin-right:15px;margin-bottom:8px;font-weight:400}.form-actions{margin-top:20px}.memo-container{width:90%;margin:30px auto}.date,.memo-icone{margin-bottom:10px}.contacts-table,.memo-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.08)}.memo-table td{padding:12px 14px;border-bottom:1px solid #e2e8f0}.memo-table th{padding:12px 14px;background-color:#1e293b;color:#fff;text-align:left}.a-propos-page,.contacts-page h1,.unenote,footer{text-align:center}.contacts-table tr:nth-child(2n),.memo-table tr:nth-child(2n){background-color:#f8fafc}.memo-table tr:hover{background-color:#eaf2ff}.notes{display:flex;flex-wrap:wrap;gap:20px}.unenote{width:320px;min-height:210px;padding:24px;border:1px solid #dcdcdc;border-radius:14px;box-shadow:0 3px 10px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden}.unenote:hover{color:#0b61dc}.unenote p{margin:0 0 10px}.date{display:block;color:#999;font-style:italic}.memo-icone{display:flex;justify-content:center;align-items:center}.memo-icone i{font-size:22px;color:var(--bleu)}.boxnotif{max-width:700px;margin:30px auto;display:flex;flex-direction:column;gap:18px}.notif{border:1px solid #e2e8f0;border-left:6px solid #2563eb;border-radius:12px;padding:18px 22px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.notif p{margin:0;font-size:16px;color:#0f172a}.notif:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.details-memo-carte{max-width:750px;margin:0 auto;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.1);padding:30px;border:1px solid #e3e3e3}.details-memo-entete{display:flex;align-items:center;gap:16px;margin-bottom:25px;border-bottom:1px solid #ececec;padding-bottom:20px}.details-memo-icone{width:60px;height:60px;border-radius:12px;background-color:#eefcff;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--cyan)}.details-memo-entete h1{margin:0;font-size:30px}.details-memo-sous-titre{margin:6px 0 0;color:#666;font-size:15px}.details-memo-ligne{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid #f0f0f0}.details-label{font-weight:700;color:#1d3279}.details-valeur{color:#222;font-size:16px}.details-memo-actions{margin-top:25px}.profil-container{position:absolute;top:8px;right:20px;z-index:9999}.profil-container summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ddd;border-radius:25px;padding:5px 10px}.contacts-table thead,footer{background-color:#1e293b}.profil-container summary::-webkit-details-marker{display:none}.profil-photo{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid var(--cyan)}.profil-menu{position:absolute;right:0;top:50px;background:#fff;border:1px solid #ccc;border-radius:8px;padding:10px;min-width:160px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.profil-menu a{color:var(--bleu);display:block;padding:5px}.profil-menu a:hover{background-color:#f0f0f0}footer{min-height:70px;font-size:.9em;margin-top:auto;padding:15px 0}footer p{margin:5px 0;color:#cbd5e1}.contacts-page{max-width:1200px;margin:40px auto;padding:0 20px}.contacts-page h1{margin-bottom:30px}.contacts-table th{color:#fff;padding:16px;text-align:left;font-size:15px}.contacts-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;vertical-align:top}.a-propos-page{max-width:900px;margin:40px auto}.a-propos-page p{font-size:18px;line-height:1.7;margin-bottom:20px}.a-propos-page .moi{width:250px;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.18);margin-top:20px}#main.notifications-page h1{text-align:center;width:100%}