@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Birthstone:wght@400..700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Hurricane&display=swap');@import url('https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@200..800&display=swap');:root{--couleur-principale-fonce:#4e5d3c;--couleur-principale-pale:#6c7151;--couleur-principale-tres-pale:#959a74;--couleur-secondaire-fonce:#eaedd5;--couleur-secondaire-pale:#f5f5df;--couleur-punch-fonce:#695483;--couleur-punch-pale:#b874a8}*{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}.container{max-width:1200px;margin:0 auto;padding:0 20px}#main{flex:1;background-color:var(--couleur-secondaire-pale);padding:10px 0 20px 0}header{background-color:var(--couleur-principale-fonce);color:var(--couleur-secondaire-pale);padding:5px 0}header .title{font-family:"Hurricane",serif;font-size:3em;letter-spacing:10px}header .logo img{filter:drop-shadow(0px 4px 6px rgba(0,0,0,1.2))}header .slogan{font-family:"Gemunu Libre",serif;font-size:1em;letter-spacing:1.7px}nav{height:55px;padding-top:20px;background:url('../medias/commun/bg-nav.png') repeat-x}nav a{color:var(--couleur-principale-pale);text-decoration:none;padding:7px 12px;border-radius:8px;margin-right:20px}nav a:hover{color:#2c3111}nav a.active{background-color:var(--couleur-secondaire-pale);border:1px solid var(--couleur-principale-fonce)}.logo-text{display:flex;gap:35px}h1{font-family:"Hurricane",serif;font-size:3em;color:var(--couleur-principale-fonce);margin:15px 0}footer{min-height:70px;padding:15px;background:url('../medias/commun/bg-footer.png') repeat-x bottom;text-align:center;font-size:.9em;color:var(--couleur-principale-pale)}footer a{color:var(--couleur-principale-tres-pale)}nav,footer{background-color:var(--couleur-secondaire-fonce)}.separation{height:8px;background:url('../medias/commun/pattern.png') repeat-x}.items{display:flex;gap:40px;flex-wrap:wrap;margin:40px 0;align-items:stretch}.items .item{display:flex;flex-direction:column;justify-content:flex-start;min-width:150px;max-width:200px;background-color:var(--couleur-secondaire-fonce);border:1px solid var(--couleur-principale-fonce);border-radius:20px;position:relative;overflow:visible}.items .item.first{background:url('../medias/commun/bg-first.png');background-size:contain}.items .item.second{background:url('../medias/commun/bg-second.png');background-size:contain}.items .item.third{background:url('../medias/commun/bg-third.png');background-size:contain}.items .item a{display:flex;flex-direction:column;flex-grow:1}.items .item a .content{flex-grow:1;min-height:100px;color:var(--couleur-principale-fonce);padding:15px}.items .item a .caption{background:url('../medias/commun/bg.png') repeat var(--couleur-principale-fonce);border-radius:0 0 18px 18px;text-align:center;padding:30px 0 20px;flex-shrink:0;position:relative}.items .item a .caption .middle{width:80px;height:80px;background:url('../medias/commun/bg.png') repeat var(--couleur-principale-fonce);border-radius:50%;position:absolute;left:50%;margin-left:-40px;top:-40px;padding-top:20px}.items .item a .caption .middle .star{display:inline-block;width:40px;height:40px;background:var(--couleur-secondaire-fonce);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.items .item a .caption .middle .icon{color:var(--couleur-secondaire-fonce);font-size:2em}.items .item a .caption .title{position:relative;font-size:24px;color:var(--couleur-secondaire-pale)}.items .item a .caption .subtitle{font-family:"Gemunu Libre",serif;position:relative;color:var(--couleur-secondaire-fonce);margin-top:8px}:root{--couleur-principale-fonce:#102344;--couleur-principale-pale:#003e86;--couleur-principale-tres-pale:#00508f;--couleur-secondaire-fonce:#ddd;--couleur-secondaire-pale:#eee}.items .item a .caption{padding:30px 8px 20px;height:120px}a .middle i{color:var(--couleur-secondaire-pale);font-size:1.2em}.items .item a .caption,.separation{filter:hue-rotate(104deg)}.logo{filter:grayscale(100%) brightness(1.75)}nav,footer{filter:grayscale(100%)}.image-droite{float:right;margin-left:20px}img.auteur{filter:grayscale(100%) brightness(1.15) contrast(150%)}footer a{color:var(--couleur-punch-pale)}.items .item:hover a .caption{filter:grayscale(100%)}nav{position:sticky;top:0;z-index:10}nav .option-avec-sous-menu{padding-bottom:17px}nav a:hover{color:var(--couleur-punch-pale)}nav .option-avec-sous-menu{position:relative;display:inline-block}nav .sous-menu{display:none;flex-direction:column;position:absolute;margin-top:17px;white-space:nowrap}nav .option-avec-sous-menu:hover>.sous-menu{display:flex}nav .sous-menu a{display:block;background-color:var(--couleur-secondaire-fonce);border:1px solid var(--couleur-principale-fonce);border-radius:0;padding:10px 20px}nav .sous-menu a:not(:last-child){border-bottom:0}nav a.menu-mobile{display:none}.debug{display:block;background-color:orangered;color:#fff;font-size:1.1em;margin-top:5px!important;margin-bottom:5px!important;padding-top:5px!important;padding-left:10px!important;padding-right:10px!important;padding-bottom:5px!important;border-style:solid;border-width:1px;border-color:#bebdbd;border-radius:5px;margin-top:15px;margin-bottom:15px}.contenu-avec-fleches-navigation{display:grid;column-gap:15px;grid-template-columns:50px 1fr 50px}img.fleche{width:50px;margin-top:10px}img.fleche.inactive{filter:opacity(0.5)}a.style-bouton{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-shadow:none;background:var(--couleur-principale-pale);color:#fff;padding:10px 20px;text-decoration:none;font-family:Arial}a.style-bouton:hover{transition:all .2s ease-in-out;transform:scale(1.1)}.bouton-haut-tableau{margin-top:30px;margin-bottom:60px}.ligne-formulaire{display:grid;grid-template-columns:135px 1fr;grid-template-areas:"libelle saisie"}input[type="text"],input[type="email"],input[type="password"]{height:35px;border:1px solid #c6ced4;border-radius:3px;padding:5px 10px}textarea{border:1px solid #c6ced4;border-radius:3px;width:500px;padding:5px 10px}.saisie-nom{width:250px}.saisie-courriel{width:350px}.saisie-sujet{width:350px}button,input[type="submit"]{grid-area:saisie;width:fit-content;font-size:1em;background-color:var(--couleur-principale-pale);border:0;border-radius:3px;color:#fff;padding:10px 12px;height:auto;text-decoration:none;cursor:pointer;margin:5px 0}@media screen and (max-width :640px){nav{height:2px}nav a.menu-mobile{display:inline-block;position:absolute;top:8px;right:0;text-decoration:none;background-color:#888;color:#fff;padding:15px}nav .options-mobile{display:none;position:absolute;top:57px;right:0}nav .options-mobile .option{display:block;padding:15px;background-color:#fff;border-radius:0;border:1px solid #000;text-align:center}nav .options-mobile .option a{margin-right:0}nav .options-mobile div.option{margin-right:20px}nav .options-mobile .sous-menu{margin-top:-7px;left:auto;right:100%}nav .options-mobile .option:not(:last-child){border-bottom:0}nav:hover .options-mobile{display:block}}