<turbo-stream action="append" target="infinite-scroll-list"><template>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/refuge-de-pompoho/stan"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Stan" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjM3NThjMTVlLTdmYWMtNGE0Yy1iMzlmLTM5YThiOWUzZjgyZiIsInB1ciI6ImJsb2JfaWQifX0=--0f826d541f0211504903192b43201dd3a6b4efd9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/Stan.jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41dde534cee6dc46a58cc79d9599bc3eb077df59/Logo%20Pompoho%20RS2.jpg" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Stan
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Refuge de Pompoho
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Stan a un gros caractère, pour résumer : il faut pas l&#39;embêter. Selon les jours il vient vers nous ou se laisser approcher, voir brosser ou caresser mais la plupart du temps il nous ignore complétement (sauf si on a de la nourriture entre les mains bien sur). 
N&#39;ayant jamais connu d&#39;autres équidés avant Lipous et ayant eu peu d&#39;interactions avec les humain-es avant nous, Stan n&#39;a pas trop les codes pour savoir comment se comporter avec d&#39;autres individus mais il fait au mieux. 
</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/refuge-de-pompoho/lipous"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Lipous" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjA5ZjkwZDA0LTlkZTItNDY1ZC1hMzY4LTA1MTA4MTJjOTdmZSIsInB1ciI6ImJsb2JfaWQifX0=--86a29c6d1ab864eb111c3eb0c81997527dc89658/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/lipous.jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41dde534cee6dc46a58cc79d9599bc3eb077df59/Logo%20Pompoho%20RS2.jpg" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Lipous
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Refuge de Pompoho
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Lipous est un vieil âne d&#39;une 30aine d&#39;années. D&#39;un tempérament très calme et il aime prendre son temps et qu&#39;on prenne le nôtre pour le brosser ou le câliner. </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/sanctuaire-du-chateau/pablo"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Pablo" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjdlM2Q5NWI1LTJlM2EtNDAwYS04ZGE0LWQ4MmM5N2QyYWY1MyIsInB1ciI6ImJsb2JfaWQifX0=--65274bfe5f598dd75afcd3e424601e4e3ed367d2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/fairshot7R3020j52.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Sanctuaire du Château" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImU4ZWFkODI0LTM0MWEtNDlmNi1iN2ZlLWUwZjYxNzA5NTU3MCIsInB1ciI6ImJsb2JfaWQifX0=--ade722595ea4b3b59251d20373b98b6a155e9c52/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/364236710_266126206165334_3845397844491391564_n.png" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Pablo
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Sanctuaire du Château
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Pablo est le plus coquin de tous les rescapés.
Avec son ami, Guillaume, ils adorent s&#39;amuser à détruire ce qu&#39;on a construit comme des clôtures, des haies et même des poulaillers 😄
Pablo reste tout de même adorable car il adore les câlins et la présence des êtres humains.
Pablo est également très communicatif car il vocalise beaucoup lorsqu&#39;il est content.

Fun fact : son prénom vient d&#39;un certain ex chroniqueur de France Inter :)))</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/myhri"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Myhrï" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImI3ZTJkODcwLThlZDEtNDBhZS04YjRlLThkZTNjYzEyYjVlMCIsInB1ciI6ImJsb2JfaWQifX0=--4af051e5a6fe255325be1b3c97d6f87833cddf1a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Myhrï
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Myrhï est autant pot-de-colle qu&#39;indépendante.

Elle apprécie particulièrement la compagnie des cochons et des humains, sur lesquel·le·s elle grimpe joyeusement pour se reposer ou se faire porter d&#39;un endroit à l&#39;autre.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/sanctuaire-du-chateau/simba"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Simba" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjkwNmZjMjM0LWQwNjgtNGYzZS1iN2RkLTMzZWFmZGEyODBhOCIsInB1ciI6ImJsb2JfaWQifX0=--3cfd0d643b85b58d1153ba40a3be04fbaa7da227/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/fairshot7R301799.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Sanctuaire du Château" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImU4ZWFkODI0LTM0MWEtNDlmNi1iN2ZlLWUwZjYxNzA5NTU3MCIsInB1ciI6ImJsb2JfaWQifX0=--ade722595ea4b3b59251d20373b98b6a155e9c52/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/364236710_266126206165334_3845397844491391564_n.png" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Simba
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Sanctuaire du Château
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Simba est LE chasseur hors pair de la fratrie des chats du sanctuaire.
Il est agile, puissant et talentueux.
A la maison, il est extrêmement câlin et il vocalise énormément (peut être même trop 😁).
Il est très aventurier et va souvent passer du temps chez nos voisins agriculteurs.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/barbouille"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Barbouille" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjA5N2FjYTg1LTI2NjEtNDc2OC1iMmE1LTEzMjI5N2Y4ZTllYiIsInB1ciI6ImJsb2JfaWQifX0=--59c4ff824d0cfd43f3cf792409ab147294314746/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/unnamed.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Barbouille
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Barbouille est douce affectueuse et vive. Elle est l&#39;une des leadeuses du clan des bovins, aux côtés de son amie Maya dont elle est très proche. 

Elle a également été une maman adoptive très touchante pour nos deux jumeaux, Cosmique et Bercosma, qu&#39;elle a materné durant toute leur enfance.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/sanctuaire-du-chateau/pierre-emmanuel"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Pierre-Emmanuel" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjM0NGRjOGJhLWI3OTctNDE1YS1iN2I2LTkyMTg1Y2QyYTY1ZSIsInB1ciI6ImJsb2JfaWQifX0=--cc65326ea130f196992bb34d4b51a454d1bbcb37/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/Test%20Sanctopia%20Pierre%20emmanuel.png" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Sanctuaire du Château" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImU4ZWFkODI0LTM0MWEtNDlmNi1iN2ZlLWUwZjYxNzA5NTU3MCIsInB1ciI6ImJsb2JfaWQifX0=--ade722595ea4b3b59251d20373b98b6a155e9c52/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/364236710_266126206165334_3845397844491391564_n.png" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Pierre-Emmanuel
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Sanctuaire du Château
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Pierre-Emmanuel est très discret.
Même s&#39;il a la même histoire que Pablo et Guillaume, il reste souvent à l&#39;écart et présente une personnalité plus introvertie.
Parfois, il peut se lâcher et joindre ses amis pour explorer le terrain et/ou s&#39;amuser avec eux.

Fun fact : son prénom vient d&#39;un certain ex chroniqueur de France Inter :)))</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/domaine-des-douages/pumba"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Pumba" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjkzYTM5MGE5LWVlNjgtNDg2OC1iMzRiLTI2ZTNjMGFjZjBkNSIsInB1ciI6ImJsb2JfaWQifX0=--89102256b3e996e3b4f1acb5dbda9512da498523/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTAwMCwxMDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--df4a1343893aa70339c6bd8e1dfd556da9b0f70d/IMG_5406_Original.jpeg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Domaine des Douages" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImQ2OWY3MDIyLWVkNWMtNGI1Mi1iNjRmLTUxODVkNjkxYmVmMiIsInB1ciI6ImJsb2JfaWQifX0=--9a3559765ba5ddace2e547fc354f4db07924612a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/logo.png" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Pumba
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Domaine des Douages
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Pumba est un taureau réservé mais très doux et respectueux. Il passe ses journées à explorer les grands espaces du sanctuaire en compagnie de son petit troupeau.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/toscane"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Toscane" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNiZWJhNzA4LTE4YjMtNDNjZi1hYzcwLWU3NDQ2MWFjODgxNiIsInB1ciI6ImJsb2JfaWQifX0=--672b24189510301c4075f61cb31b3e67e6f81880/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--8ab86d46e46e8be893ce77955bcdadf78ac32a79/8119cf_6068651f22284b4e98ba620c143cc5dd~mv2.avif" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Toscane
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">La petite Toscane est un amour. Très câline et malicieuse, elle est devenue la soeur adoptive de Serena dès les premiers instants de leur rencontre.</p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/sanctuaire-du-chateau/maya"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Maya" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjJjMWRmY2NjLTk0NjUtNGE4Zi04MzAzLWE5MTYzMDJmMGNhYyIsInB1ciI6ImJsb2JfaWQifX0=--636cc69cf6759d87680e955f345fd4eb46a29cd3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/MAYAa4.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Sanctuaire du Château" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImU4ZWFkODI0LTM0MWEtNDlmNi1iN2ZlLWUwZjYxNzA5NTU3MCIsInB1ciI6ImJsb2JfaWQifX0=--ade722595ea4b3b59251d20373b98b6a155e9c52/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/364236710_266126206165334_3845397844491391564_n.png" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Maya
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Sanctuaire du Château
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Maya est une miraculée.
Le 1er miracle fut d&#39;avoir échappé à l&#39;abattoir (1 chance sur des millions).
Le 2ème miracle fut de se remettre à la perfection d&#39;une lourde opération chirurgicale (à cause d&#39;une impaction de l&#39;oviducte).
Maya a une soif de vie absolument incroyable et inspirante.
Elle vit désormais avec un implant hormonal pour éviter qu&#39;elle ponde et qu&#39;elle retombe malade.
Maya est très vive et agile. Elle se tient à distance des êtres humains mais les tolèrent volontiers car elle sait que certains lui ont sauvé la vie 🧡 </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/refuge-de-pompoho/praline"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Praline" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6IjA4Yzc1OTFiLTM2ZDMtNDJiMy05NjY2LWMyNzYwNWY3OTRmMSIsInB1ciI6ImJsb2JfaWQifX0=--825ba7f8020679f8f62650984ea383c802c3c161/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ec155f257b371fc1c61a9104ce1570dbb12eb38b/495268188_726444713172681_3629562639047437579_n.jpg" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Refuge de Pompoho" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImNlOGQ5NDU1LTVlYTMtNDRmZS1iNjgzLWZkNzNkM2ViOWIxMCIsInB1ciI6ImJsb2JfaWQifX0=--86d4212a0acd1c7ae7720e48611c25e1537ec7a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--41dde534cee6dc46a58cc79d9599bc3eb077df59/Logo%20Pompoho%20RS2.jpg" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Praline
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Refuge de Pompoho
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">C&#39;est très simple, Praline n&#39;aime personne sauf les humain-es (qu&#39;elle aime vraiment beaucoup). Elle est donc malheureusement seule dans son enclos mais nous n&#39;avons pas vraiment le choix puisqu&#39;elle attaque tout autre individu (même Glaz, le cochon de 300kg), elle n&#39;a peur de rien ni personne (sauf parfois des chiens). Évidemment on vient lui tenir compagnie aussi souvent que possible.
Elle aime aussi faire des bêtises dès qu&#39;on a le dos tourné, faire des balades en foret, manger des ronces et du lierre, et réclamer des câlins. </p>
    </div>
  </div>
</li>
    <li class="relative intersect:motion-preset-slide-up intersect-once group">
  <a class="absolute z-[1] inset-0" data-turbo-frame="_top" href="/coexister/meli"></a>
  <div
    class="
      card bg-base-200 group-hover:bg-base-300 rounded-box overflow-hidden relative h-full
      
    "
  >
    <figure class="bg-base-300 relative h-54">
        <img class="object-cover h-full w-full relative " alt="Meli" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImM2NTdkYjVlLTJjMzQtNDA2Zi1iNjQyLTBmOTJlN2ZkOTQ5MyIsInB1ciI6ImJsb2JfaWQifX0=--9044bdd6d53b6997b0de0e0eaa629e0104a7933b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJKUEciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--34ecedecbd2f1e6efea7778342318f9755c49a59/IMG_5800.JPG" />
      <div class="absolute inset-x-0 -bottom-[1px]">
        <svg
          class="text-base-200 group-hover:text-base-300"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 1200 120"
          preserveAspectRatio="none"
        >
          <path
            fill="currentColor"
            d="M600,112.77C268.63,112.77,0,65.52,0,7.23V120H1200V7.23C1200,65.52,931.37,112.77,600,112.77Z"
          ></path>
        </svg>
      </div>
    </figure>
    <div class="card-body relative backdrop-blur-sm">
      <div class="absolute -top-10 inset-x-0 px-6">
        <div class="flex flex-row justify-between items-center w-full">
          <div class="relative">
            <span class="p-2 mask mask-squircle bg-white"><img class="object-contain flex items-center justify-center size-10" alt="Co&amp;xister" src="https://cdn.sanctopia.org/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6ImE3NmQ2Nzc1LWI3MTgtNDY4Yi05NTEzLTQyZGQ5NTVmZGUxZCIsInB1ciI6ImJsb2JfaWQifX0=--8334a994b75cbca35553be525502352bd61fb3af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlsxMjAsMTIwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--aaeb784e17f38575559a7f53815fb4368bf2d17b/COEXISTER_logo_kaki_cercle%20(1).avif" /></span>
</div>            <button
              class="
                btn btn-xs btn-error btn-circle border-none relative -mb-4 ring-4
                ring-base-200 group-hover:ring-base-300
              "
            >
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-4">
  <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
  <path d="m12 13-1-1 2-2-3-3 2-2"></path>
</svg>
            </button>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row gap-3 items-center justify-between">
          <h2 class="card-title font-serif text-2xl">
            Meli
          </h2>
        </div>
          <div class="badge badge-xs bg-base-300 flex flex-row items-center gap-1 line-clamp-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-3">
  <path d="M15 22a1 1 0 0 1-1-1v-4a1 1 0 0 1 .445-.832l3-2a1 1 0 0 1 1.11 0l3 2A1 1 0 0 1 22 17v4a1 1 0 0 1-1 1z"></path>
  <path d="M18 10a8 8 0 0 0-16 0c0 4.993 5.539 10.193 7.399 11.799a1 1 0 0 0 .601.2"></path>
  <path d="M18 22v-3"></path>
  <circle cx="10" cy="10" r="3"></circle>
</svg>
            Co&amp;xister
          </div>
      </div>
      <p class="whitespace-pre-wrap line-clamp-3">Meli est une matriarche protectrice et déterminée. 

Sous sa douceur et son affection, elle peut se montrer parfois réactive, conditionnée par ses mécanismes de défense développés dans la rue. Lorsqu&#39;elle fait entièrement confiance, elle est une réelle boule d&#39;amour. 

Désormais, elle est une mamie en pleine forme, qui adore son canapé, et qui doit se faire prier pour sortir quand il neige.</p>
    </div>
  </div>
</li>
</template></turbo-stream>
<turbo-stream action="replace" target="infinite-scroll-pagination"><template>
  <div id="infinite-scroll-pagination" data-infinite-scroll-target="trigger">
    <div class="flex pt-3">
      <a data-turbo-stream="true" data-infinite-scroll-target="link" class="btn btn-outline w-full" href="/animals.turbo_stream?page=2">Découvrir plus ...</a>
    </div>
</div>

</template></turbo-stream>