:root{--creme:#fbf5ec;--creme-2:#f6e9d6;--papier:#fffdf9;--sable:#f2dcbc;--miel:#e8b46c;--caramel:#c27c3c;--caramel-fonce:#a2612a;--rose:#e3a199;--rose-fonce:#c9756c;--encre:#2d231d;--encre-2:#4a3a2f;--texte:#362a21;--texte-2:#6f5c4d;--texte-3:#a08a77;--ligne:#eedcc5;--ombre:0 22px 50px -24px #4a2e1973;--ombre-douce:0 10px 30px -16px #4a2e1959;--rayon:28px;--titre:"Fraunces", Georgia, serif;--corps:"Nunito", system-ui, sans-serif;--plume:"Parisienne", cursive;--large:1180px;--cacao:var(--encre);--cacao-2:var(--encre-2);--sakura:#f6e3c8;--sakura-2:#ecc99a;--main:var(--plume);--vert:#4f9a6b}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--creme);color:var(--texte);font-family:var(--corps);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.65;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;opacity:.5;background:radial-gradient(60% 40% at 8% 12%,#e8b46c29,#0000 70%),radial-gradient(50% 40% at 95% 30%,#e3a19924,#0000 70%),radial-gradient(60% 50% at 40% 100%,#c27c3c1a,#0000 70%);position:fixed;inset:0}img{max-width:100%;display:block}a{color:var(--caramel-fonce);text-decoration:none;transition:color .2s}a:hover{color:var(--encre)}h1,h2,h3,h4{font-family:var(--titre);color:var(--encre);letter-spacing:-.01em;text-wrap:balance;margin:0 0 .5em;font-weight:700;line-height:1.12}h1{font-size:clamp(40px,6vw,74px);font-weight:800}h2{font-size:clamp(32px,4.3vw,52px)}h3{font-size:clamp(21px,2.1vw,26px)}p{margin:0 0 1em}.plume{font-family:var(--plume);color:var(--caramel);letter-spacing:0;font-size:1.15em;font-weight:400}::selection{background:var(--sable);color:var(--encre)}.conteneur{width:min(var(--large), 100% - 32px);margin-inline:auto}.section{padding:clamp(64px,9vw,116px) 0;position:relative}.section.sable{background:linear-gradient(180deg, var(--creme-2) 0%, #f9eddc 100%)}.surtitre{font-family:var(--plume);color:var(--caramel);align-items:center;gap:10px;margin-bottom:4px;font-size:32px;line-height:1.1;display:inline-flex}.surtitre:before{content:"";opacity:.8;background:url(/images/patte.svg) 50%/contain no-repeat;width:24px;height:24px}.entete-section{max-width:740px;margin-bottom:46px}.entete-section.centre{text-align:center;margin-inline:auto}.entete-section p{color:var(--texte-2);font-size:19px}.bouton{cursor:pointer;font-size:17px;font-weight:800;font-family:var(--corps);text-align:center;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 28px;transition:transform .25s cubic-bezier(.2,.9,.3,1.4),box-shadow .25s,background .25s,color .25s;display:inline-flex}.bouton:hover{transform:translateY(-3px)}.bouton.plein{background:linear-gradient(135deg, var(--miel) 0%, var(--caramel) 100%);color:#fff;box-shadow:0 14px 30px -12px #c27c3ccc}.bouton.plein:hover{color:#fff;box-shadow:0 18px 36px -12px #c27c3cf2}.bouton.encre{background:var(--encre);color:#fff;box-shadow:0 14px 30px -14px #2d231db3}.bouton.encre:hover{color:#fff;background:var(--encre-2)}.bouton.contour{color:var(--encre);box-shadow:inset 0 0 0 2px var(--ligne);backdrop-filter:blur(6px);background:#ffffffb3}.bouton.contour:hover{box-shadow:inset 0 0 0 2px var(--caramel);color:var(--caramel-fonce)}.bouton svg{flex:none;width:20px;height:20px}.carte{background:var(--papier);border-radius:var(--rayon);box-shadow:var(--ombre-douce);border:1px solid var(--ligne)}.apparait{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}.apparait.vu{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.apparait{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}p,li,h1,h2,h3,h4{overflow-wrap:break-word}[hidden]{display:none!important}.etiquette{letter-spacing:.02em;background:var(--sakura);color:var(--rose-fonce);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:800;display:inline-flex}.etiquette.adoption{color:var(--rose-fonce);background:#ffe1ea}.etiquette.reserve{color:#b37419;background:#fff0d6}.etiquette.adopte{color:#2f7a4c;background:#dff3e6}.etiquette.accueil{color:#7a4bb3;background:#efe5fb}.champ{flex-direction:column;gap:6px;display:flex}.champ label,.champ .libelle{color:var(--cacao);font-size:16px;font-weight:800}.champ small{color:var(--texte-3);font-size:14px}input[type=search],input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=date],select,textarea{border:2px solid var(--ligne);width:100%;font:inherit;color:var(--texte);background:#fffdfb;border-radius:16px;padding:14px 16px;font-size:17px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--miel);outline:none;box-shadow:0 0 0 4px #e8b46c40}textarea{resize:vertical;min-height:130px}.choix{flex-wrap:wrap;gap:10px;display:flex}.choix label{border:2px solid var(--ligne);cursor:pointer;color:var(--texte);background:#fffdfb;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex}.choix input{accent-color:var(--caramel);width:18px;height:18px;margin:0}.choix label:has(input:checked){border-color:var(--caramel);color:var(--caramel-fonce);background:#fdf1e2}.visuellement-cache{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.grille-animaux{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:28px;display:grid}.carte-animal{border:1px solid var(--ligne);box-shadow:var(--ombre-douce);color:var(--texte);background:#fff;border-radius:28px;flex-direction:column;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,opacity .8s;display:flex;overflow:hidden}.carte-animal:hover{box-shadow:var(--ombre);color:var(--texte);transform:translateY(-8px)rotate(-.4deg)}.carte-animal .photo{aspect-ratio:4/4.4;background:var(--creme-2);position:relative;overflow:hidden}.carte-animal .photo img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.carte-animal:hover .photo img{transform:scale(1.07)}.carte-animal .photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#3b241747);height:40%;position:absolute;inset:auto 0 0}.carte-animal .etiquette{z-index:1;position:absolute;top:14px;left:14px;box-shadow:0 6px 16px -8px #0006}.carte-animal .nb-photos{z-index:1;color:var(--cacao);background:#ffffffe0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;position:absolute;bottom:12px;right:12px}.carte-animal .sans-photo{place-items:center;height:100%;font-size:60px;display:grid}.carte-animal .texte{flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.carte-animal h3{margin:0 0 2px;font-size:26px}.carte-animal .infos{color:var(--texte-3);margin:0 0 10px;font-size:15px;font-weight:700}.carte-animal .resume{color:var(--texte-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-size:16px;display:-webkit-box;overflow:hidden}.carte-animal .lien{color:var(--caramel-fonce);align-items:center;gap:6px;margin-top:auto;font-size:16px;font-weight:800;display:inline-flex}.carte-animal .lien svg{width:18px;height:18px;transition:transform .3s}.carte-animal:hover .lien svg{transform:translate(4px)}@media (width<=640px){.grille-animaux{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.carte-animal{border-radius:20px}.carte-animal:hover{transform:none}.carte-animal .photo{aspect-ratio:1}.carte-animal .etiquette{padding:3px 8px;font-size:11px;top:8px;left:8px}.carte-animal .nb-photos{display:none}.carte-animal .texte{padding:10px 12px 12px}.carte-animal h3{font-size:18px;line-height:1.15}.carte-animal .infos{margin:2px 0 0;font-size:12.5px;line-height:1.35}.carte-animal .resume,.carte-animal .lien{display:none}}.vide{text-align:center;border:2px dashed var(--ligne);color:var(--texte-2);background:#ffffffb3;border-radius:28px;padding:50px 24px}.vide .grand{margin-bottom:6px;font-size:46px;display:block}.squelette{aspect-ratio:4/5.6;background:linear-gradient(100deg,#f6ead8 30%,#fdf6ec 50%,#f6ead8 70%) 0 0/300% 100%;border-radius:28px;animation:1.4s linear infinite luire}@keyframes luire{0%{background-position:100% 0}to{background-position:-100% 0}}img,video,iframe,svg{max-width:100%}p,li,dd,h1,h2,h3,h4,.resume,.infos{overflow-wrap:break-word}:where([class*=grille],.moyens,.colonnes,.appel,.presentation,.champs,.chiffres,.corps-fiche)>*{min-width:0}
