<turbo-stream action="replace" target="npcs">
  <template>
    <div id="npcs" class="row g-2 w-100">
  <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4132-disciple-du-mangeur-de-chair">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/9800a987a5fe87984f41f7e7ed130542.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Disciple du Mangeur de Chair</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/3140-disciple-porcos-fantasmatique">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/59874bf488dab4118a9a99c635391e74.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Disciple Porcos Fantasmatique</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1981-disney-loth">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/9f6a10f50b5da78b21d186cf065f331f.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Disney Loth</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4069-distorsion-passagere">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/3fc2ac4ca4f177d05aef26cf2e117819.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Distorsion passagère</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/5401-divad-dleifrepok">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/3adf5cc0aa3c5573396ac082825cc114.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Divad Dleifrepok</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1405-djaul">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/716600fc8d25f9b09ca680fc6d9faac7.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Djaul</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2518-djaul">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/716600fc8d25f9b09ca680fc6d9faac7.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Djaul</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1381-djaulien-perdu">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/25881989d4288242b3c19e0a99432de6.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Djaulien Perdu</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/3353-djaulien-rageux">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/af4841fdb07c9a96d7c3808d06dad220.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Djaulien Rageux</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/611-djaun-leysbo">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/1151.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Djaun Leysbo</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/736-djauns">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/1326.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Djauns</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1708-djo-lyndien">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/2366.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Djo Lyndien</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/48-djonz">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/836e0794a02b21f52d77c3d0eafc93bd.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Djonz</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1007-djuuma">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/1642.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Djuuma</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1825-dlime-katcheule">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/540a574e7a06435831bf3f7458e04ab3.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dlime Katcheule</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1018-dnegeleht">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/1653.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dnegeleht</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2819-dobby-gleux">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/50da3811ce6a819c14d253674404afb1.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dobby Gleux</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1991-doc-emiette-borgne">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/845f49d5c439c1db96cc97adf97b2499.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Doc Emiette Borgne</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/713-docker">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/c2eda5b569fa9c7c606220c78aa48d05.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docker</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/914-docker-dularj">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/c2eda5b569fa9c7c606220c78aa48d05.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docker Dularj</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/732-docker-enrube">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/c2eda5b569fa9c7c606220c78aa48d05.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docker enrubé</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2697-doc-knok">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/e9e3f0ab73b6e273c9409f01f404069b.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Doc Knok</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1901-docteur-deal-linger">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/3d9b51eeecba553758d6123ac3176e2b.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docteur Deal Linger</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1406-docteur-eggob">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/e436c42b5a559dfcf31eb4dfab6c48e5.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docteur Eggob</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/915-docteur-erbaf">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/1541.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docteur Erbaf</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1680-docteur-gaw">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/7f6c5e58bc8a5439c8e29ba0ca1f8fd1.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docteur Gaw</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/959-docteur-hou">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/554dde81e15f54f7d7a400f9da5521ba.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docteur Hou</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4024-docteur-kaboss">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/4832.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docteur Kaboss</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2578-docteur-lise-merryl">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/3295.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docteur Lise Merryl</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/482-docteur-morose">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/20d149bb03a02103834b602e8d2f3e75.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docteur Morose</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/479-docteur-nauh">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/930.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docteur Nauh</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1500-docteur-walterbychop">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/2148.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docteur Walterbychop</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2003-docteur-william-bleme">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/2775b80d58f099ddfc2e58b0d4ff941f.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Docteur William Blême</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2521-dodox-vigile">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/22f4f21d4ca71bba1ec96591de3a557e.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dodox Vigile</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/5208-dofus-de-pwak">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/29fda723f8314a3b26cfc865e9223ce9.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dofus de Pwâk</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/3979-dofus-ebene">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/80081fc71010b24bafd6d6ba3dc0e9df.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dofus Ébène</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/3019-doktari">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/bc7c1767a66d59ad29300c1240f57c4e.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Doktari</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/606-dolan-sianrical">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/1146.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dolan Sianrical</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1353-dolores-kimo">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/974e7f19f16a35418cca0d20ab7b66c6.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dolores Kimo</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/5395-domen">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/dd5e21c253da6e1b809f8517ab25d64e.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Domen</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1361-domie-natrix">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/b9eb73f6203f76bcee2c176572437b81.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Domie Natrix</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2388-domino">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/b3b16e1b49b3cacee84a53f225bc5110.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Domino</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/3050-domoizelle-craintive">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/ad1249ab0ac0b335a415d684c3091df1.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Domoizelle Craintive</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/90-don-rouann">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/c239b51398e2f522be70f70a1468a2b9.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Don Rouann</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2358-dopeul-reitrac">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/3060.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dopeul Reitrac</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/3647-dopeul-rok-elreuss">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/4431.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dopeul Rok Elreuss</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2598-doreilly">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/1959dcd93a6fb5a8f63fb85f8e3c1b64.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Doreilly</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/1363-dorleans">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/3af918d55c6ea6c7b3f426f64bee2014.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dorléans</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/4840-dorotaboo">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/s/npcs/png/6bc2c8ea6d6fc4f080ee8c7a35e01b08.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dorotaboo</div>
        
      </div>
    </div>
</a></div><div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2">
  <a class="card card-a h-100 w-100 position-relative" target="_top" href="/fr/encyclopedia/npcs/2881-dos-gris">
    
    <div class="card-body">
      <div class="position-relative">
              <img width="150" height="220" class="card-img-top card-a-img" onerror="this.onerror=null;this.src = &#39;/static/npcs/error.png&#39;;" loading="lazy" src="/static/npcs/png/3619.png" />

      </div>
      <div class="d-flex flex-column align-items-start">
        <div class="card-a-name mt-2 w-100">Dos-Gris</div>
        
      </div>
    </div>
</a></div></div>

  </template>
</turbo-stream>

<turbo-stream action="update" target="pagination">
  <template>
    <nav class="pagy-bootstrap-nav" aria-label="pager"><ul class="pagination"><li class="page-item prev"><a href="/fr/encyclopedia/npcs?page=30"  class="page-link"  rel="prev" aria-label="previous">&lsaquo;&nbsp;Prev</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=1"  class="page-link"  >1</a></li><li class="page-item gap disabled"><a href="#" class="page-link">&hellip;</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=27"  class="page-link"  >27</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=28"  class="page-link"  >28</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=29"  class="page-link"  >29</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=30"  class="page-link"  rel="prev" >30</a></li><li class="page-item active"><a href="/fr/encyclopedia/npcs?page=31"  class="page-link"  >31</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=32"  class="page-link"  rel="next" >32</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=33"  class="page-link"  >33</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=34"  class="page-link"  >34</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=35"  class="page-link"  >35</a></li><li class="page-item gap disabled"><a href="#" class="page-link">&hellip;</a></li><li class="page-item"><a href="/fr/encyclopedia/npcs?page=115"  class="page-link"  >115</a></li><li class="page-item next"><a href="/fr/encyclopedia/npcs?page=32"  class="page-link"  rel="next" aria-label="next">Next&nbsp;&rsaquo;</a></li></ul></nav>
  </template>
</turbo-stream>