@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:#000000}.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)}:root{--couleur-principale-fonce:#610606;--couleur-principale-pale:#6c0000;--couleur-principale-tres-pale:#ec4545;--couleur-secondaire-fonce:#ff0000;--couleur-secondaire-pale:#f35f5f;--couleur-punch-fonce:#9a0000;--couleur-punch-pale:#df0404}.eliottxlatto{width:200px;height:auto}.unenote{background-color:white;border:1px solid #ddd;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:180px;height:auto;padding:20px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,0.1);max-width:400px;margin:20px auto}.unenote:hover{color:#6c0000}nav{position:sticky;top:0;z-index:1000}:root{--texte-menu:#009999;--texte-menu-hover:#004D4D;--texte-menu-selection:#ffffff;--fond-menu-selection:#4F9D9B}#menu-principal:hover{background-color:#DBDCDF}#apropos .option-avec-sous-menu{position:relative}#apropos .sous-menu{display:none;position:absolute;top:100%;left:0;padding-top:5px;padding-bottom:5px;background:white;min-width:180px;z-index:1000}.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}.btn-details{margin-top:10px;padding:8px 15px;background:red;color:white;border-radius:6px;text-decoration:none;display:flex;justify-content:center;align-items:center;text-align:center}.btn-details:hover{color:white;background-color:darkred}.icone-note{font-size:2rem;margin-bottom:10px;color:#cc0000;text-align:center;display:block}ul{display:inline-block;text-align:left}.container{text-align:center}.christiane{color:black}.christiane:hover{color:white}.form-container{max-width:600px;margin:0 auto;padding:20px}.form-group{display:flex;align-items:center;flex-direction:column;margin-bottom:15px}.form-group label{width:120px;font-weight:bold}label.requis:before{content:"* ";color:#ff0000}.form-control{flex:1;padding:8px;border:1px solid black;border-radius:4px;font-family:inherit}textarea.form-control{height:120px;resize:vertical}.btn-rouge{background-color:#ff0000;color:white;border:none;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color 0.3s ease;font-family:sans-serif;margin:10px}.btn-rouge:hover{background-color:#c0392b;color:white}.btn-rouge:active{transform:scale(0.98)}.icone-note{width:100%;height:30px}.icone-note i{color:var(--couleur-punch-fonce)}.message-erreur-formulaire{color:red}.controle-erreur{appearance:none;-webkit-appearance:none;border:2px solid red !important;box-shadow:0 0 5px red}.form-contact input[type="text"],.form-contact input[type="email"],textarea{width:100%;max-width:500px;display:block;padding:10px;margin-top:5px;margin-bottom:5px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}body{background-image:url("../medias/commun/photobackground.jpg")}.unenote{background-image:linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)),url("../medias/commun/543469.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}.memotexte{font-weight:900}.message{padding:15px;margin-bottom:20px;border-radius:5px}.succes{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.erreur{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{border:1px solid #ccc;padding:10px;text-align:left}fieldset label{margin-right:15px;cursor:pointer;font-size:1.2rem}fieldset i{color:#555;margin-left:5px}.form-memo{width:100%;margin:20px auto;padding:20px;border:2px solid rgba(0,0,0,0.51)}.form-memo label{display:block;margin-bottom:5px;font-weight:bold;color:#000000}.form-memo input[type="text"],.form-memo input[type="date"]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;margin-bottom:15px}.form-memo .radio-group{display:flex;gap:15px;background:#f8f9fa;padding:10px;border-radius:5px}.message-succes{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-memo select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:white}.form-suivi{width:100%;margin:20px auto;padding:20px;border:2px solid rgba(0,0,0,0.51)}.form-suivi label{display:block;margin-bottom:5px;font-weight:bold;color:#000000}.form-suivi input[type="text"],.form-suivi input[type="number"]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;margin-bottom:15px}.form-suivi select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:white}.form-authentification{width:100%;margin:20px auto;padding:20px;border:2px solid rgba(0,0,0,0.51)}.form-authentification label{display:block;margin-bottom:5px;font-weight:bold;color:#000000}.form-authentification input[type="text"],.form-authentification input[type="password"]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;margin-bottom:15px}.form-authentification select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:white}