Sciences participatives bouquetins marqués

<!DOCTYPE html>

<html lang="fr"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Identifier un bouquetin — Parc National de la Vanoise</title>
<link href="./Identifier un bouquetin — Parc National de la Vanoise_files/css2" rel="stylesheet">
<style>:root{--bg:#F0EDE6;--surf:#FAFAF6;--gdk:#1C3829;--g:#2D5A3E;--st:#8B7355;--stl:#C4B49A;--tx:#1A2E22;--txl:#607060}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Source Serif 4',Georgia,serif;background:var(--bg);color:var(--tx);min-height:100vh}
header{background:var(--gdk);color:#fff;padding:1.6rem 1.5rem 4rem;position:relative;overflow:hidden}
.mtn{position:absolute;bottom:0;left:0;right:0}
.hi{max-width:980px;margin:0 auto;position:relative;z-index:2}
.ey{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--stl);margin-bottom:.4rem}
h1{font-family:'Playfair Display',serif;font-size:clamp(1.4rem,3.5vw,2rem);line-height:1.15;margin-bottom:.4rem}
.sub{font-size:.82rem;color:rgba(255,255,255,.6);font-weight:300;max-width:480px}
main{max-width:980px;margin:0 auto;padding:1.6rem 1.2rem 4rem}
.card{background:var(--surf);border:1px solid rgba(0,0,0,.07);border-radius:13px;padding:1.3rem;margin-bottom:1rem;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.ct{font-family:'Playfair Display',serif;font-size:.95rem;color:var(--gdk);margin-bottom:.9rem;display:flex;align-items:center;gap:.45rem}
.sn{background:var(--g);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-family:sans-serif;font-size:.65rem;font-weight:700;flex-shrink:0}
.top{display:grid;grid-template-columns:200px 1fr;gap:1.2rem;margin-bottom:1rem}
@media(max-width:580px){.top{grid-template-columns:1fr}}
.schema{background:var(--surf);border:1px solid rgba(0,0,0,.07);border-radius:13px;padding:1.1rem;box-shadow:0 2px 10px rgba(0,0,0,.04);display:flex;flex-direction:column;align-items:center;gap:.4rem;position:sticky;top:1rem;align-self:start}
.slbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--txl);font-weight:600}
#ibx{width:100%;max-width:185px}
.row{display:flex;gap:.35rem;flex-wrap:wrap}
.btn{padding:.28rem .75rem;border-radius:16px;border:1.5px solid var(--stl);background:transparent;cursor:pointer;font-family:'Source Serif 4',serif;font-size:.75rem;color:var(--txl);transition:all .13s;line-height:1.4}
.btn:hover{border-color:var(--g);color:var(--g)}
.btn.on{background:var(--g);border-color:var(--g);color:#fff;font-weight:600}
.egrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:480px){.egrid{grid-template-columns:1fr}}
.elbl{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--txl);font-weight:600;margin-bottom:.45rem}
.slots{display:none;flex-direction:column;gap:.45rem;margin-top:.55rem}
.slotlbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--st);font-weight:600;margin-bottom:.28rem}
.sw-row{display:flex;flex-wrap:wrap;gap:.28rem}
.sw{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .13s;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.sw:hover{transform:scale(1.18)}
.sw.on{border-color:#111!important;transform:scale(1.12);box-shadow:0 0 0 1.5px #fff inset}
.c-blanc{background:#FFFFFF;border:1px solid #B0A080!important}.c-rouge{background:#E03030}.c-bleu{background:#0070C0}.c-bleu_clair{background:#00B0F0}
.c-jaune{background:#FFD700;border:1px solid #B0A000!important}.c-jaune_or{background:#FFC000;border:1px solid #A08000!important}
.c-vert{background:#3D9629}.c-vert_clair{background:#92D050;border:1px solid #608030!important}
.c-violet{background:#7030A0}.c-rose{background:#CC1090}.c-rose_vif{background:#F040E0}
.c-lilas{background:#CC99FF;border:1px solid #7060A0!important}.c-orange{background:#FF6600}
.c-gris{background:#888888}.c-noir{background:#1A1A1A}
.ctype{display:flex;gap:.4rem;margin-top:.6rem;flex-wrap:wrap}
.czones{display:none;margin-top:.7rem;flex-direction:column;gap:.7rem}
.czones.vis{display:flex}
.czrow{display:flex;align-items:flex-start;gap:.6rem}
.czlbl{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--st);font-weight:600;min-width:48px;padding-top:.3rem}
.c2w{display:flex;flex-direction:column;gap:.3rem}
.c2s{font-size:.58rem;color:var(--txl);margin-bottom:.12rem}
.addbtn{padding:.18rem .55rem;border-radius:10px;border:1px dashed var(--stl);background:transparent;cursor:pointer;font-family:inherit;font-size:.64rem;color:var(--txl);margin-top:.2rem;display:none;transition:all .13s}
.addbtn:hover{border-color:var(--g);color:var(--g)}
.letters-wrap{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.7rem}
.lbtn{padding:.22rem .65rem;border-radius:12px;border:1.5px solid var(--stl);background:transparent;cursor:pointer;font-family:monospace;font-size:.8rem;font-weight:700;color:var(--tx);transition:all .13s}
.lbtn:hover{border-color:var(--g);color:var(--g)}.lbtn.on{background:var(--gdk);border-color:var(--gdk);color:#fff}
.rrow{display:flex;justify-content:flex-end;margin-top:.7rem}
.rbtn{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .9rem;border-radius:6px;border:1.5px solid var(--stl);background:transparent;cursor:pointer;font-family:inherit;font-size:.73rem;color:var(--txl);transition:all .13s}
.rbtn:hover{border-color:var(--st);color:var(--st)}
.rbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem}
.rbar h2{font-family:'Playfair Display',serif;font-size:1.05rem;color:var(--gdk)}
.badge{background:var(--g);color:#fff;font-size:.7rem;padding:.16rem .6rem;border-radius:20px;font-family:sans-serif}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}
/* ── CARTE ANIMAL ── */
.ic{background:var(--surf);border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:1rem;transition:transform .13s,box-shadow .13s;display:flex;flex-direction:column;align-items:center;text-align:center}
.ic:hover{transform:translateY(-2px);box-shadow:0 5px 18px rgba(0,0,0,.09)}
.in{font-family:'Playfair Display',serif;font-size:1.05rem;color:var(--gdk);margin-bottom:.15rem}
.imeta{font-size:.72rem;color:var(--txl);margin-bottom:.85rem}
/* Marques — 2 rangées */
.marks2{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:100%}
/* Rangée oreilles */
.ears-row{display:flex;align-items:flex-end;justify-content:center;gap:1.2rem}
.ear-grp{display:flex;flex-direction:column;align-items:center;gap:.2rem}
.ear-lbl{font-size:.58rem;color:var(--txl);text-transform:uppercase;letter-spacing:.05em}
.ear-sq{display:flex;gap:2px}
/* Rangée collier */
.collar-row{display:flex;align-items:flex-end;justify-content:center;gap:0}
.zone-grp{display:flex;flex-direction:column;align-items:center;gap:.2rem}
.zone-lbl{font-size:.58rem;color:var(--txl);text-transform:uppercase;letter-spacing:.05em}
.zone-sq{display:flex;gap:2px}
.zone-sep{width:10px}
/* Carré de couleur */
.sq{width:22px;height:22px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}
.sq-empty{background:rgba(0,0,0,.07);border-radius:3px;width:22px;height:22px}
.nomark{font-size:.62rem;color:var(--txl);font-style:italic;margin-top:.3rem}
.nores{grid-column:1/-1;text-align:center;padding:3rem 1rem;color:var(--txl)}
.nores h3{font-family:'Playfair Display',serif;font-size:1.05rem;color:var(--gdk);margin-bottom:.4rem}
.loading{grid-column:1/-1;text-align:center;padding:3rem;color:var(--txl);font-style:italic}
.err{grid-column:1/-1;text-align:center;padding:2rem;color:#c0392b;background:#fdf2f2;border-radius:8px;margin:1rem 0}
</style>
</head>
<body>
<header>
<div class="hi">
<div class="ey">Parc National de la Vanoise — Science citoyenne</div>
<h1>Identifier un bouquetin marqué</h1>
<p class="sub">Renseignez les marques observées pour trouver l'animal, puis notez son nom pour le formulaire ODK.</p>
</div>
<div class="mtn"><svg viewBox="0 0 1400 70" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 70L0 48L100 22L220 42L360 8L480 35L560 18L660 40L780 6L880 28L980 10L1080 32L1180 14L1300 36L1400 20L1400 70Z" fill="#152E20" opacity=".7"></path><path d="M0 70L0 60L150 42L300 58L430 32L530 52L640 40L760 55L860 26L960 46L1060 36L1200 50L1400 38L1400 70Z" fill="#0E1E14" opacity=".5"></path></svg></div>
</header>
<main>
<div class="top">
<div class="schema">
<div class="slbl">Schéma en temps réel</div>
<svg id="ibx" viewBox="0 0 200 245" xmlns="http://www.w3.org/2000/svg">
<rect x="82" y="178" width="36" height="55" rx="7" fill="#9A8060"></rect>
<rect id="sv-cg" x="58" y="176" width="11" height="13" rx="2.5" fill="#2A2A2A" stroke="#555" stroke-width=".8"></rect>
<rect id="sv-cg2" x="70" y="176" width="11" height="13" rx="2.5" fill="#2A2A2A" stroke="#555" stroke-width=".8"></rect>
<rect id="sv-cc1" x="86" y="174" width="9" height="15" rx="2" fill="#2A2A2A" stroke="#555" stroke-width=".8"></rect>
<rect id="sv-cc2" x="96" y="174" width="9" height="15" rx="2" fill="#2A2A2A" stroke="#555" stroke-width=".8"></rect>
<rect id="sv-cd" x="109" y="176" width="11" height="13" rx="2.5" fill="#2A2A2A" stroke="#555" stroke-width=".8"></rect>
<rect id="sv-cd2" x="121" y="176" width="11" height="13" rx="2.5" fill="#2A2A2A" stroke="#555" stroke-width=".8"></rect>
<text x="69" y="196" font-size="5" text-anchor="middle" fill="rgba(255,255,255,.45)" font-family="sans-serif">G</text>
<text x="95" y="197" font-size="5" text-anchor="middle" fill="rgba(255,255,255,.45)" font-family="sans-serif">C</text>
<text x="121" y="196" font-size="5" text-anchor="middle" fill="rgba(255,255,255,.45)" font-family="sans-serif">D</text>
<ellipse cx="100" cy="112" rx="52" ry="62" fill="#A08860"></ellipse>
<ellipse cx="100" cy="126" rx="36" ry="40" fill="#B09070" opacity=".4"></ellipse>
<path d="M82 60C78 40 68 20 72 6" stroke="#604030" stroke-width="7" fill="none" stroke-linecap="round"></path>
<path d="M118 60C122 40 132 20 128 6" stroke="#604030" stroke-width="7" fill="none" stroke-linecap="round"></path>
<circle cx="80" cy="105" r="5.5" fill="#2A1A08"></circle><circle cx="81" cy="103.5" r="1.8" fill="#fff" opacity=".7"></circle>
<circle cx="120" cy="105" r="5.5" fill="#2A1A08"></circle><circle cx="121" cy="103.5" r="1.8" fill="#fff" opacity=".7"></circle>
<ellipse cx="100" cy="146" rx="12" ry="9" fill="#8A6848"></ellipse>
<circle cx="94.5" cy="144" r="3.2" fill="#5A3818"></circle><circle cx="105.5" cy="144" r="3.2" fill="#5A3818"></circle>
<path d="M100 155C97 165 96 173 98 179" stroke="#7A6040" stroke-width="3.5" fill="none" stroke-linecap="round"></path>
<path d="M100 155C103 165 104 173 102 179" stroke="#7A6040" stroke-width="3" fill="none" stroke-linecap="round"></path>
<ellipse cx="36" cy="92" rx="16" ry="22" fill="#8A7050" transform="rotate(-12 36 92)"></ellipse>
<clippath id="clg"><ellipse cx="36" cy="92" rx="11" ry="17" transform="rotate(-12 36 92)"></ellipse></clippath>
<rect id="sv-og-av" x="22" y="72" width="14" height="40" clip-path="url(#clg)" fill="#C8B890"></rect>
<rect id="sv-og-ar" x="36" y="72" width="14" height="40" clip-path="url(#clg)" fill="#B8A880"></rect>
<ellipse cx="36" cy="92" rx="11" ry="17" fill="none" stroke="#604030" stroke-width="1" transform="rotate(-12 36 92)"></ellipse>
<text x="29" y="95" font-size="5.5" text-anchor="middle" fill="#3A2010" font-family="sans-serif">Av</text>
<text x="41" y="95" font-size="5.5" text-anchor="middle" fill="#3A2010" font-family="sans-serif">Ar</text>
<text x="31" y="120" font-size="6" text-anchor="middle" fill="#604030" font-family="sans-serif" font-weight="bold">OG</text>
<ellipse cx="164" cy="92" rx="16" ry="22" fill="#8A7050" transform="rotate(12 164 92)"></ellipse>
<clippath id="cld"><ellipse cx="164" cy="92" rx="11" ry="17" transform="rotate(12 164 92)"></ellipse></clippath>
<rect id="sv-od-av" x="164" y="72" width="14" height="40" clip-path="url(#cld)" fill="#C8B890"></rect>
<rect id="sv-od-ar" x="150" y="72" width="14" height="40" clip-path="url(#cld)" fill="#B8A880"></rect>
<ellipse cx="164" cy="92" rx="11" ry="17" fill="none" stroke="#604030" stroke-width="1" transform="rotate(12 164 92)"></ellipse>
<text x="171" y="95" font-size="5.5" text-anchor="middle" fill="#3A2010" font-family="sans-serif">Av</text>
<text x="159" y="95" font-size="5.5" text-anchor="middle" fill="#3A2010" font-family="sans-serif">Ar</text>
<text x="169" y="120" font-size="6" text-anchor="middle" fill="#604030" font-family="sans-serif" font-weight="bold">OD</text>
</svg>
<div style="font-size:.58rem;color:var(--txl);text-align:center;line-height:1.5">Se colore selon<br>vos sélections</div>
</div>
<div>
<div class="card">
<div class="ct"><span class="sn">1</span>Sexe</div>
<div class="row">
<button class="btn on" data-sex="">Tous (M+F)</button>
<button class="btn" data-sex="M">♂ Mâle</button>
<button class="btn" data-sex="F">♀ Femelle</button>
</div>
</div>
<div class="card">
<div class="ct"><span class="sn">2</span>Boucles aux oreilles</div>
<div class="egrid">
<div>
<div class="elbl">🦻 Oreille Gauche</div>
<div class="row">
<button class="btn on" data-ear="og" data-n="any">?</button>
<button class="btn" data-ear="og" data-n="0">Aucune</button>
<button class="btn" data-ear="og" data-n="1">1 couleur</button>
<button class="btn" data-ear="og" data-n="2">2 couleurs</button>
</div>
<div class="slots" id="og-slots">
<div><div class="slotlbl" id="og-lbl-av">Avant (face)</div><div class="sw-row" id="sw-og-av"><button class="sw c-blanc" title="Blanc"></button><button class="sw c-rouge" title="Rouge"></button><button class="sw c-bleu" title="Bleu"></button><button class="sw c-bleu_clair" title="Bleu clair"></button><button class="sw c-jaune" title="Jaune"></button><button class="sw c-jaune_or" title="Doré"></button><button class="sw c-vert" title="Vert"></button><button class="sw c-vert_clair" title="Vert lime"></button><button class="sw c-violet" title="Violet"></button><button class="sw c-rose" title="Rose"></button><button class="sw c-rose_vif" title="Fuchsia"></button><button class="sw c-lilas" title="Lilas"></button><button class="sw c-orange" title="Orange"></button><button class="sw c-gris" title="Gris"></button><button class="sw c-noir" title="Noir"></button></div></div>
<div id="og-ar-wrap" style="display:none"><div class="slotlbl">Arrière</div><div class="sw-row" id="sw-og-ar"><button class="sw c-blanc" title="Blanc"></button><button class="sw c-rouge" title="Rouge"></button><button class="sw c-bleu" title="Bleu"></button><button class="sw c-bleu_clair" title="Bleu clair"></button><button class="sw c-jaune" title="Jaune"></button><button class="sw c-jaune_or" title="Doré"></button><button class="sw c-vert" title="Vert"></button><button class="sw c-vert_clair" title="Vert lime"></button><button class="sw c-violet" title="Violet"></button><button class="sw c-rose" title="Rose"></button><button class="sw c-rose_vif" title="Fuchsia"></button><button class="sw c-lilas" title="Lilas"></button><button class="sw c-orange" title="Orange"></button><button class="sw c-gris" title="Gris"></button><button class="sw c-noir" title="Noir"></button></div></div>
</div>
</div>
<div>
<div class="elbl">🦻 Oreille Droite</div>
<div class="row">
<button class="btn on" data-ear="od" data-n="any">?</button>
<button class="btn" data-ear="od" data-n="0">Aucune</button>
<button class="btn" data-ear="od" data-n="1">1 couleur</button>
<button class="btn" data-ear="od" data-n="2">2 couleurs</button>
</div>
<div class="slots" id="od-slots">
<div><div class="slotlbl" id="od-lbl-av">Avant (face)</div><div class="sw-row" id="sw-od-av"><button class="sw c-blanc" title="Blanc"></button><button class="sw c-rouge" title="Rouge"></button><button class="sw c-bleu" title="Bleu"></button><button class="sw c-bleu_clair" title="Bleu clair"></button><button class="sw c-jaune" title="Jaune"></button><button class="sw c-jaune_or" title="Doré"></button><button class="sw c-vert" title="Vert"></button><button class="sw c-vert_clair" title="Vert lime"></button><button class="sw c-violet" title="Violet"></button><button class="sw c-rose" title="Rose"></button><button class="sw c-rose_vif" title="Fuchsia"></button><button class="sw c-lilas" title="Lilas"></button><button class="sw c-orange" title="Orange"></button><button class="sw c-gris" title="Gris"></button><button class="sw c-noir" title="Noir"></button></div></div>
<div id="od-ar-wrap" style="display:none"><div class="slotlbl">Arrière</div><div class="sw-row" id="sw-od-ar"><button class="sw c-blanc" title="Blanc"></button><button class="sw c-rouge" title="Rouge"></button><button class="sw c-bleu" title="Bleu"></button><button class="sw c-bleu_clair" title="Bleu clair"></button><button class="sw c-jaune" title="Jaune"></button><button class="sw c-jaune_or" title="Doré"></button><button class="sw c-vert" title="Vert"></button><button class="sw c-vert_clair" title="Vert lime"></button><button class="sw c-violet" title="Violet"></button><button class="sw c-rose" title="Rose"></button><button class="sw c-rose_vif" title="Fuchsia"></button><button class="sw c-lilas" title="Lilas"></button><button class="sw c-orange" title="Orange"></button><button class="sw c-gris" title="Gris"></button><button class="sw c-noir" title="Noir"></button></div></div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="ct"><span class="sn">3</span>Collier</div>
<div class="row" id="collar-pres">
<button class="btn on" data-cp="any">?</button>
<button class="btn" data-cp="no">Pas de collier</button>
<button class="btn" data-cp="yes">Collier présent</button>
</div>
<div class="ctype" id="collar-type" style="display:none">
<button class="btn on" data-ct="colors">Couleurs</button>
<button class="btn" data-ct="letters">Lettres / Codes</button>
</div>
<div class="czones" id="color-zones">
<div class="czrow"><span class="czlbl">Gauche</span>
<div class="c2w">
<div><div class="c2s">Couleur 1</div><div class="sw-row" id="sw-cg"><button class="sw c-blanc" title="Blanc"></button><button class="sw c-rouge" title="Rouge"></button><button class="sw c-bleu" title="Bleu"></button><button class="sw c-bleu_clair" title="Bleu clair"></button><button class="sw c-jaune" title="Jaune"></button><button class="sw c-vert" title="Vert"></button><button class="sw c-noir" title="Noir"></button></div></div>
<div id="cg2-wrap" style="display:none"><div class="c2s">Couleur 2</div><div class="sw-row" id="sw-cg2"><button class="sw c-blanc" title="Blanc"></button><button class="sw c-rouge" title="Rouge"></button><button class="sw c-bleu" title="Bleu"></button><button class="sw c-bleu_clair" title="Bleu clair"></button><button class="sw c-jaune" title="Jaune"></button><button class="sw c-vert" title="Vert"></button><button class="sw c-noir" title="Noir"></button></div></div>
<button class="addbtn" id="add-cg2">+ 2e couleur</button>
</div>
</div>
<div class="czrow"><span class="czlbl">Centre</span>
<div class="c2w">
<div><div class="c2s">Couleur 1</div><div class="sw-row" id="sw-cc1"><button class="sw c-blanc" title="Blanc"></button><button class="sw c-rouge" title="Rouge"></button><button class="sw c-bleu" title="Bleu"></button><button class="sw c-bleu_clair" title="Bleu clair"></button><button class="sw c-jaune" title="Jaune"></button><button class="sw c-vert" title="Vert"></button><button class="sw c-noir" title="Noir"></button></div></div>
<div id="cc2-wrap" style="display:none"><div class="c2s">Couleur 2</div><div class="sw-row" id="sw-cc2"><button class="sw c-blanc" title="Blanc"></button><button class="sw c-rouge" title="Rouge"></button><button class="sw c-bleu" title="Bleu"></button><button class="sw c-bleu_clair" title="Bleu clair"></button><button class="sw c-jaune" title="Jaune"></button><button class="sw c-vert" title="Vert"></button><button class="sw c-noir" title="Noir"></button></div></div>
<button class="addbtn" id="add-cc2">+ 2e couleur</button>
</div>
</div>
<div class="czrow"><span class="czlbl">Droite</span>
<div class="c2w">
<div><div class="c2s">Couleur 1</div><div class="sw-row" id="sw-cd"><button class="sw c-blanc" title="Blanc"></button><button class="sw c-rouge" title="Rouge"></button><button class="sw c-bleu" title="Bleu"></button><button class="sw c-bleu_clair" title="Bleu clair"></button><button class="sw c-jaune" title="Jaune"></button><button class="sw c-vert" title="Vert"></button><button class="sw c-noir" title="Noir"></button></div></div>
<div id="cd2-wrap" style="display:none"><div class="c2s">Couleur 2</div><div class="sw-row" id="sw-cd2"><button class="sw c-blanc" title="Blanc"></button><button class="sw c-rouge" title="Rouge"></button><button class="sw c-bleu" title="Bleu"></button><button class="sw c-bleu_clair" title="Bleu clair"></button><button class="sw c-jaune" title="Jaune"></button><button class="sw c-vert" title="Vert"></button><button class="sw c-noir" title="Noir"></button></div></div>
<button class="addbtn" id="add-cd2">+ 2e couleur</button>
</div>
</div>
</div>
<div id="letter-zones" style="display:none">
<div style="font-size:.72rem;color:var(--txl);margin-bottom:.4rem">Lettre ou code visible :</div>
<div class="letters-wrap" id="letter-btns"><button class="lbtn">9</button><button class="lbtn">M</button><button class="lbtn">P</button><button class="lbtn">X</button><button class="lbtn">Y</button></div>
</div>
</div>
<div class="rrow"><button class="rbtn" onclick="resetAll()">↺ Réinitialiser</button></div>
</div>
</div>
<div class="rbar"><h2>Animaux correspondants</h2><span class="badge" id="cnt">120 animalx</span></div>
<div class="grid" id="grid"><div class="ic">
<div class="in">OTTAWA</div>
<div class="imeta">♀ Femelle · 7 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">OBSTINÉE</div>
<div class="imeta">♀ Femelle · 7 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">KASSIOPÉE</div>
<div class="imeta">♀ Femelle · 11 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC1090;border:none"></div><div class="sq" style="background:#CC1090;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">LUNE</div>
<div class="imeta">♀ Femelle · 10 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#7030A0;border:none"></div><div class="sq" style="background:#7030A0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">QUERCIA</div>
<div class="imeta">♀ Femelle · 5 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">JACKIE</div>
<div class="imeta">♀ Femelle · 12 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">KATARINA</div>
<div class="imeta">♀ Femelle · 11 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FF6600;border:none"></div><div class="sq" style="background:#FF6600;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PIVOINE</div>
<div class="imeta">♀ Femelle · 6 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">ISIS</div>
<div class="imeta">♀ Femelle · 13 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PAELLA</div>
<div class="imeta">♀ Femelle · 6 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PATASTROPHE</div>
<div class="imeta">♀ Femelle · 6 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PISTACHE</div>
<div class="imeta">♀ Femelle · 6 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">SUCETTE</div>
<div class="imeta">♀ Femelle · 3 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PÂQUERETTE</div>
<div class="imeta">♀ Femelle · 6 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">MARGHERITA</div>
<div class="imeta">♀ Femelle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">LAZULI</div>
<div class="imeta">♀ Femelle · 10 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">JEANETTE</div>
<div class="imeta">♀ Femelle · 12 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">ORPHÉE</div>
<div class="imeta">♀ Femelle · 7 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FF6600;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">JUNE</div>
<div class="imeta">♀ Femelle · 12 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC1090;border:none"></div><div class="sq" style="background:#CC1090;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">NEOUVIELLE</div>
<div class="imeta">♀ Femelle · 8 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">TOUPIE</div>
<div class="imeta">♀ Femelle · 22 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#CC99FF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E0D4B0;color:#333">P</div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">EVASION</div>
<div class="imeta">♀ Femelle · 17 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">LIPA</div>
<div class="imeta">♀ Femelle · 10 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PAULETTE</div>
<div class="imeta">♀ Femelle · 6 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#7030A0;border:none"></div><div class="sq" style="background:#7030A0;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#7030A0;border:none"></div><div class="sq" style="background:#7030A0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">RÊVEUSE</div>
<div class="imeta">♀ Femelle · 4 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">SOTTISE</div>
<div class="imeta">♀ Femelle · 3 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">TENTATIVE</div>
<div class="imeta">♀ Femelle · 2 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">ROXANE</div>
<div class="imeta">♀ Femelle · 4 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E0D4B0;color:#333">X</div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E0D4B0;color:#333">X</div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">ROXY</div>
<div class="imeta">♀ Femelle · 4 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#00B0F0;border:none"></div><div class="sq" style="background:#00B0F0;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#00B0F0;border:none"></div><div class="sq" style="background:#00B0F0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E0D4B0;color:#333">Y</div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E0D4B0;color:#333">Y</div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">QUEEN</div>
<div class="imeta">♀ Femelle · 5 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">RAINETTE</div>
<div class="imeta">♀ Femelle · 4 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">REBELLE</div>
<div class="imeta">♀ Femelle · 4 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">QUESTION</div>
<div class="imeta">♀ Femelle · 5 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">RAIPONCE</div>
<div class="imeta">♀ Femelle · 4 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">MERINGUE</div>
<div class="imeta">♀ Femelle · 9 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">RACLETTE</div>
<div class="imeta">♀ Femelle · 4 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">RÉVOLUTION</div>
<div class="imeta">♀ Femelle · 4 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">NONETTE</div>
<div class="imeta">♀ Femelle · 8 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">INTRÉPIDE</div>
<div class="imeta">♀ Femelle · 13 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">KÉTAMINE</div>
<div class="imeta">♀ Femelle · 11 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PARRACHÉE</div>
<div class="imeta">♀ Femelle · 13 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">JOUBARBE</div>
<div class="imeta">♀ Femelle · 12 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">OCARINA</div>
<div class="imeta">♀ Femelle · 7 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">QUICK-STEP</div>
<div class="imeta">♀ Femelle · 5 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">HERMINE</div>
<div class="imeta">♀ Femelle · 14 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">JONQUILLE</div>
<div class="imeta">♀ Femelle · 12 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">ODESSA</div>
<div class="imeta">♀ Femelle · 7 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#00B0F0;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#00B0F0;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">LOANNA</div>
<div class="imeta">♀ Femelle · 10 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">RUGBY</div>
<div class="imeta">♀ Femelle · 4 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">Q-QUETTE</div>
<div class="imeta">♀ Femelle · 5 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">MELMISE</div>
<div class="imeta">♀ Femelle · 9 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">ROULADE</div>
<div class="imeta">♀ Femelle · 4 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">TEMPÊTE</div>
<div class="imeta">♀ Femelle · 2 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">TATA-WIN</div>
<div class="imeta">♀ Femelle · 2 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC1090;border:none"></div><div class="sq" style="background:#CC1090;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#00B0F0;border:none"></div><div class="sq" style="background:#00B0F0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">JASMINE</div>
<div class="imeta">♀ Femelle · 12 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC99FF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#CC99FF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E0D4B0;color:#333">M</div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">QUIET</div>
<div class="imeta">♀ Femelle · 5 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">HELIANTHE</div>
<div class="imeta">♀ Femelle · 14 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">QUARTZ</div>
<div class="imeta">♀ Femelle · 5 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#92D050;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#92D050;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#F040E0;border:none"></div><div class="sq" style="background:#F040E0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">SATANIQUE</div>
<div class="imeta">♀ Femelle · 3 ans</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">O'LIT</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">OLIVE</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">MICROBE</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">JUMBO</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">KIAORA</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">JAPON</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">NOUGAT</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PATRIOTE</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">MICHEL</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">MAYOU</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">JUMPY</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">KING</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">KAAMELOTT</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">QUEYRELLIN</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">LUKRAINE</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#00B0F0;border:none"></div><div class="sq" style="background:#00B0F0;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PUMA</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FF6600;border:none"></div><div class="sq" style="background:#FF6600;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC1090;border:none"></div><div class="sq" style="background:#CC1090;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">ORIGAN</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">NEMO</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">LUTIN</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">NEGUS</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC1090;border:none"></div><div class="sq" style="background:#CC1090;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC1090;border:none"></div><div class="sq" style="background:#CC1090;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">NESTOR</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC1090;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#CC1090;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">ORSEC</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#CC1090;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC1090;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">OBIWAN</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC99FF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#CC99FF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#00B0F0;border:none"></div><div class="sq" style="background:#00B0F0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">MINUS</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FF6600;border:none"></div><div class="sq" style="background:#FF6600;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#F040E0;border:none"></div><div class="sq" style="background:#F040E0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">OLIBRIUS</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PAVOT</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">KHEOPS</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E0D4B0;color:#333">9</div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#E0D4B0;color:#333">9</div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">IGLOO</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">JOKER</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#00B0F0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">ONYX</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC1090;border:none"></div><div class="sq" style="background:#CC1090;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">MUGUET</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">Q'PIDON</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">LOUPIOT</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC99FF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#CC99FF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PIF</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PIKATCHU</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">OSIRIS</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">PEPITO</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFC000;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#00B0F0;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">QECHUA</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="collar-row">
<div class="zone-grp">
<div class="zone-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Gauche</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="zone-lbl">Centre</div>
</div>
<div class="zone-sep"></div>
<div class="zone-grp">
<div class="zone-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="zone-lbl">Droite</div>
</div>
</div>
</div>
</div><div class="ic">
<div class="in">GIANT</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#92D050;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#92D050;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">KID</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">GUIGNOL</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">JULES</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">ORCHIS</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FF6600;border:none"></div><div class="sq" style="background:#FF6600;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">NOUNOURS</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#F040E0;border:none"></div><div class="sq" style="background:#F040E0;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FF6600;border:none"></div><div class="sq" style="background:#FF6600;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">TROPICO</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC99FF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#CC99FF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">IBESQUE</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#1A1A1A;border:none"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">GAVROCHE</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#92D050;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#92D050;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#1A1A1A;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">PLUMEAU</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq-empty"></div><div class="sq-empty"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#92D050;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">ROOKIE</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#FF6600;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#3D9629;border:none"></div><div class="sq" style="background:#3D9629;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">QUIZZ</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">POLISSON</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">RATE</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#00B0F0;border:none"></div><div class="sq" style="background:#00B0F0;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#00B0F0;border:none"></div><div class="sq" style="background:#00B0F0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">TORINO</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#00B0F0;border:none"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#00B0F0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">QUIPROQUOS</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">THÉO</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">TITAN</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC1090;border:none"></div><div class="sq" style="background:#CC1090;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">QUIDDITCH</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">TINTIN</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#FFFFFF;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">TRITON</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div><div class="sq" style="background:#CC1090;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#CC1090;border:none"></div><div class="sq" style="background:#FFD700;border:1px solid rgba(0,0,0,.15)"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">SALTINBANQUE</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#00B0F0;border:none"></div><div class="sq" style="background:#E03030;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#E03030;border:none"></div><div class="sq" style="background:#00B0F0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div><div class="ic">
<div class="in">SOLEIL</div>
<div class="imeta">♂ Mâle</div>
<div class="marks2">
<div class="ears-row">
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="ear-lbl">O. Gauche</div>
</div>
<div class="ear-grp">
<div class="ear-sq"><div class="sq" style="background:#0070C0;border:none"></div><div class="sq" style="background:#0070C0;border:none"></div></div>
<div class="ear-lbl">O. Droite</div>
</div>
</div>
<div class="nomark">Pas de collier</div>
</div>
</div></div>
</main>
<script>
const C={
blanc:{l:'Blanc',h:'#FFFFFF'},rouge:{l:'Rouge',h:'#E03030'},
bleu:{l:'Bleu',h:'#0070C0'},bleu_clair:{l:'Bleu clair',h:'#00B0F0'},
jaune:{l:'Jaune',h:'#FFD700'},jaune_or:{l:'Doré',h:'#FFC000'},
vert:{l:'Vert',h:'#3D9629'},vert_clair:{l:'Vert lime',h:'#92D050'},
violet:{l:'Violet',h:'#7030A0'},rose:{l:'Rose',h:'#CC1090'},
rose_vif:{l:'Fuchsia',h:'#F040E0'},lilas:{l:'Lilas',h:'#CC99FF'},
orange:{l:'Orange',h:'#FF6600'},gris:{l:'Gris',h:'#888888'},
noir:{l:'Noir',h:'#1A1A1A'},
};
const EAR_C=Object.keys(C);
const COL_C=['blanc','rouge','bleu','bleu_clair','jaune','vert','noir'];
const KNOWN=new Set(Object.keys(C));
const CURRENT_YEAR=2026;

let DATA=[];

function parseVal(v){
if(!v||v.trim()==='')return null;
v=v.trim();
if(KNOWN.has(v))return v;
if(/^[A-Z0-9]{1,3}$/.test(v))return 'lettre:'+v;
return null;
}

async function loadData(){
const grid=document.getElementById('grid');
grid.innerHTML='<div class="loading">Chargement des données…</div>';
try{
const resp=await fetch('./bouquetins.csv');
if(!resp.ok)throw new Error('HTTP '+resp.status);
DATA=parseCSV(await resp.text());
initUI();render();updateSVG();
}catch(e){
grid.innerHTML=`<div class="err">⚠️ Impossible de charger bouquetins.csv (${e.message})<br><small>Les deux fichiers doivent être dans le même dossier.</small></div>`;
}
}

const F={sex:'',og_n:'any',og_av:null,og_ar:null,od_n:'any',od_av:null,od_ar:null,
cp:'any',ct:'colors',c_g:null,c_g2:null,c_c1:null,c_c2:null,c_d:null,c_d2:null,c_lettre:null};
const SHOW2={cg:false,cc:false,cd:false};

['cg','cc','cd'].forEach(z=>{
document.getElementById('add-'+z+'2').addEventListener('click',()=>{
SHOW2[z]=!SHOW2[z];
document.getElementById(z+'2-wrap').style.display=SHOW2[z]?'':'none';
document.getElementById('add-'+z+'2').textContent=SHOW2[z]?'− Retirer':'+ 2e couleur';
if(!SHOW2[z]){
const fk=z==='cg'?'c_g2':z==='cc'?'c_c2':'c_d2';
F[fk]=null;document.querySelectorAll('#sw-'+z+'2 .sw').forEach(x=>x.classList.remove('on'));
render();updateSVG();
}
});
});

// ── RENDU CARTE ───────────────────────────────────────────────────────────────
function sq(v){
if(!v)return`<div class="sq-empty"></div>`;
if(isL(v))return`<div class="sq" style="background:#E0D4B0;color:#333">${lChar(v)}</div>`;
const info=C[v];
const border=['blanc','jaune','jaune_or','vert_clair','lilas'].includes(v)?'1px solid rgba(0,0,0,.15)':'none';
return`<div class="sq" style="background:${info.h};border:${border}"></div>`;
}

function render(){
const list=DATA.filter(matches);
document.getElementById('cnt').textContent=list.length+' animal'+(list.length>1?'x':'');
const g=document.getElementById('grid');
if(!DATA.length)return;
g.innerHTML=list.length?list.map(renderCard).join(''):'<div class="nores"><h3>Aucune correspondance</h3><p>Essayez de modifier ou réinitialiser les filtres.</p></div>';
}

</body></html>

Contactez-nous