@charset "UTF-8";
*, ::before, ::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  font-size: 16px;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.mini {
  font-size: 0.8em;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/* MEDIA QUERY */
body {
  --etoile: hsl(39deg 100% 45%);
  --etalon: hsl(39deg 100% 45%);
  --search: hsl(35deg 100% 45%);
  --search-h: hsl(21deg 87% 55%);
  --color-1: hsl(0, 0%, 0%);
  --color-2: hsl(203, 68%, 48%);
  --color-3: hsl(202, 23%, 23%);
  --color-4: hsl(33, 100%, 21%);
  --cta: #DF2E83;
  --cta-h: #ff5dab;
  --cta-hover: #ff5dab;
  --msg: #f15f5f;
  --male: #2890CF;
  --male-h: #1978b1;
  --male-bg: #DAF0FF;
  --femelle: #DF2E83;
  --femelle-bg: #FFE1EF;
  --femelle-h: #FC6DB1;
  --chiot: #DF2E83;
  --chiot-h: #FC6DB1;
  --eleveur: #3ead00;
  --eleveur-h: #348b03;
  --chien: #2890CF;
  --chien-h: #1978b1;
  --etalon-h: #ffb969;
  --bgannonce: hsl(92deg 34% 94%);
  --bgtoilpens: hsl(101deg 60% 94%);
  --valid: hsla(102, 86%, 38%, 1);
  --toilpens: hsla(102, 86%, 38%, 1);
  --toilpens-h: hsla(102, 86%, 38%, .75);
  --avendre: #4e8c17;
  --smenu: hsl(203deg 21% 50%);
  --saillie: hsla(102, 86%, 38%, 1);
  --address: hsla(102, 86%, 38%, 1);
  --address-h: hsla(102, 86%, 38%, .75);
  --prix: #e6e6e6;
  --connexion: #C13BCD;
  --club-bg: #000;
  --alert: #C00;
  --gr-0: hsl(223, 30%, 96%);
  --gr-05: hsl(225, 27%, 91%);
  --gr-1: hsl(223, 30%, 85%);
  --gr-2: hsl(223, 30%, 70%);
  --gr-3: hsl(223, 24%, 50%);
  --gr-4: hsl(223, 39%, 34%);
  --fida: hsl(206.36deg 54.1% 23.92%);
  --border: #E6E9EC;
  --ombre-txt: #FFF;
  --rev-white: #FFF;
  --rev-white-75: #FFFFFF50;
  --rev-black: #000;
  --rev-black-75: #00000050;
  --size-xxs: .125em;
  --size-xs: .25em;
  --size-sm: .5em;
  --size-sm2: .75em;
  --size-md: 1em;
  --size-lg: 2em;
  --size-xl: 3em;
  --ec-0: clamp(1.5em, 3vw, 3em);
  --ec-1: clamp(1.25em, 3vw, 2em);
  --ec-2: clamp(1em, 3vw, 1.5em);
  --ec-3: clamp(.75em, 3vw, 1.25em);
  --ec-4: clamp(.5em, 1vw, .8em);
  --radius: 6px;
  --radius-1: 9px;
  --radius-2: 12px;
  --resp: clamp(1.5em, 3vw, 2em);
  --res: calc(0.01 * 10vmin);
  --signaler: hsl(0deg 99% 36%);
  --lsa-1: #002848;
  --lsa-2: #F25C05;
  --lsa-2-h: #c24b07;
  --lsa-3: #f5f7ff;
  --lsa-4: #fffaf8;
  --lsa-5: #f5f7ff;
  font-family: "Quicksand", sans-serif;
}

body.dark {
  --bgtoilpens: hsl(19deg 23% 22%);
  --toilpens: hsl(19deg 72% 58%);
  --toilpens-h: hsl(19deg 100% 64%);
  --signaler: hsl(0deg 96% 68%);
  --etoile: hsl(35deg 79% 48%);
  --search: hsl(26deg 95% 43%);
  --cta: hsl(331deg 53% 55%);
  --male: hsl(202deg 71% 66%);
  --male-bg: #14374e;
  --femelle: hsl(331deg 82% 65%);
  --femelle-bg: #2e0317;
  --etalon: hsl(39deg 81% 55%);
  --connexion: #e376ec;
  --avendre: #76d132;
  --bgannonce: hsl(92deg 16% 9%);
  --address: hsl(102deg 60% 45%);
  --color-1: #FFF;
  --color-2: #81d0ff;
  --color-3: #e1e6ea;
  --color-4: #e6b77f;
  --gr-4: hsl(0deg 0% 90%);
  --gr-3: #c1cdda;
  --gr-2: #acb8c5;
  --gr-1: hsl(211deg 16% 35%);
  --gr-0: hsl(206deg 10% 26%);
  --gr-05: hsl(205, 11%, 21%);
  --border: #474f56;
  --rev-white: #24292d;
  --rev-black: #e6e9ec;
  --rev-white-75: #24292d50;
  --rev-black-75: #e6e9ec50;
  --ombre-txt: #000;
  --smenu: hsl(0deg 0% 80%);
  --lsa-1: rgb(215 241 255);
  --lsa-2: #eb774b;
  --lsa-2-h: #ca3e06;
  --lsa-3: #32404c;
  --lsa-4: #32404c;
  --lsa-5: #32404c;
}

.ic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ic svg {
  width: 100%;
}

/*, ::before, ::after { box-shadow: inset 0 0 0 1px #00000025;}*/
/*********** BOX-1 ************/
.box-1 {
  position: relative;
  border-radius: var(--radius);
  min-width: 0;
  color: var(--color-1);
}
.box-1:hover .box-img .box-slides {
  transform: scale(1.025);
}
.box-1 .box-img {
  border-radius: var(--radius);
  aspect-ratio: 4/3;
}
.box-1 .box-img > span:first-child {
  position: absolute;
  inset: 0 0;
  filter: blur(100px);
  transform: scale(10);
  background-size: cover;
  background-repeat: no-repeat;
}
.box-1 .box-regrp {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.2em;
  padding: 0.75em 1em 1em;
  min-width: 0;
}
@media only screen and (max-width:576px) {
  .box-1 .box-regrp {
    padding: 0.75em 0.75em 0 0.75em;
  }
}
.box-1 .box-int-1, .box-1 .box-int-2, .box-1 .ville {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
.box-1 .box-int-1 {
  font-size: clamp(1.05em, 2vw, 1.18em);
  margin: 0;
  font-family: var(--font-title);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: var(--color-1);
}
.box-1 .box-int-1 span {
  vertical-align: 0.25em;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  -webkit-text-stroke: 1.1px currentColor;
}
.box-1 .box-int-2 {
  color: var(--gr-4);
}
.box-1 .box-int-3 {
  display: flex;
  align-items: baseline;
  gap: var(--size-sm);
  min-width: 0;
}
.box-1 .box-int-3 .ville, .box-1 .box-int-3 .cp {
  color: var(--gr-3);
}
.box-1 .box-int-3 .prix {
  color: var(--color-1);
  margin-left: auto;
  font-weight: 600;
}
.box-1 .box-int-2, .box-1 .box-int-3 {
  font-size: clamp(13px, 2vw, 0.9em);
}
.box-1 .box-prix {
  font-weight: 600;
}
.box-1 .vignette {
  top: 130px;
  border-radius: 50%;
  display: flex;
  bottom: 100px;
  right: 5px;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.box-1 .vignette img {
  max-width: 60px;
}
.box-1.femelle .box-int-1 span {
  vertical-align: 0.3em;
  color: var(--femelle);
}
.box-1.male .box-int-1 span {
  vertical-align: 0.25em;
  color: var(--male);
}
.box-1 .box-badge {
  display: none;
}
.box-1.cadre {
  box-shadow: 0 6px 20px -14px rgba(60, 45, 30, 0.22);
}
@media only screen and (max-width:576px) {
  .box-1.cadre .box-regrp {
    padding: 0.75em;
  }
}
.box-1.cadre .box-icone {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -35px;
  right: 2em;
  translate: 50% 50%;
  width: 36px;
  height: 36px;
  background-color: var(--rev-white);
  border-radius: 50%;
}
.box-1.cadre .box-icone .ic {
  width: 70%;
}
.box-1.cadre.icone-coeur {
  outline: 3px solid #eb1698;
}
.box-1.cadre.icone-coeur .box-icone {
  fill: #ff1aa6;
}
.box-1.cadre.icone-feuille {
  outline: 3px solid #1b7206;
}
.box-1.cadre.icone-feuille .box-icone {
  fill: #218508;
}
.box-1.cadre.bleu {
  outline: 3px solid var(--male);
}
.box-1.cadre.bleu .box-badge {
  background: var(--male);
}
.box-1.cadre.rose {
  outline: 3px solid var(--femelle);
}
.box-1.cadre.rose .box-badge {
  background: var(--femelle);
}
.box-1.cadre.orange {
  --opt-orange: #ca653c;
  outline: 3px solid var(--opt-orange);
}
.box-1.cadre.orange .box-badge {
  background: var(--opt-orange);
}
.box-1.cadre.vert {
  --opt-vert: #258343;
  outline: 3px solid var(--opt-vert);
}
.box-1.cadre.vert .box-badge {
  background: var(--opt-vert);
}
.box-1.cadre.violet {
  --opt-violet: #b9579c;
  outline: 3px solid var(--opt-violet);
}
.box-1.cadre.violet .box-badge {
  background: var(--opt-violet);
}
.box-1.cadre .box-badge {
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  color: var(--rev-white);
  text-transform: uppercase;
  z-index: 10;
  background-color: var(--rev-white);
  box-shadow: 0 2px 8px rgba(28, 26, 23, 0.22);
  padding: 4px 11px;
  border-radius: 0.5em;
  display: flex;
  justify-content: center;
  gap: 0.2em;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
}
.box-1.cadre .box-badge span {
  font-size: 11px;
  line-height: 1;
}
.box-1.cadre .box-img {
  border-radius: var(--radius) var(--radius) 0 0;
}
@media only screen and (max-width:768px) {
  .box-1 .vignette {
    width: 45px;
    height: 45px;
    right: 16px;
    top: 110px;
  }
}

.box-1 .box-img, .box-4 .box-img {
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in oklab, var(--gr-0) 50%, transparent) url(/media/sans.svg) no-repeat 50% 50%;
}
.box-1 .box-img .box-slides, .box-4 .box-img .box-slides {
  position: absolute;
  inset: 0;
  display: flex;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.box-1 .box-img img, .box-4 .box-img img {
  flex: 0 0 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

/*********** BOX-1 CADRE : âge + carrousel ************/
.box-1.cadre .box-img .age {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  padding: 3px 8px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.88);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #3a352e;
  white-space: nowrap;
}
.box-1.cadre .box-img .box-slides {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
.box-1.cadre .box-img .box-slides::-webkit-scrollbar {
  display: none;
}
.box-1.cadre .box-img .box-slides img {
  scroll-snap-align: start;
}
.box-1.cadre .box-img .box-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--rev-white);
  opacity: 0.5;
  color: #222;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.box-1.cadre .box-img .box-nav-prev {
  left: 6px;
}
.box-1.cadre .box-img .box-nav-next {
  right: 6px;
}
@media (hover: hover) {
  .box-1.cadre .box-img:hover .box-nav {
    opacity: 1;
  }
}
.box-1.cadre .box-img .box-dots {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 4px;
  z-index: 2;
  pointer-events: none;
}
.box-1.cadre .box-img .box-dots i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
  transition: background 0.2s;
}
.box-1.cadre .box-img .box-dots i.is-active {
  background: #fff;
}

/******* BOX 3 ******/
.box-3 {
  display: flex;
  -moz-column-gap: var(--size-md);
       column-gap: var(--size-md);
  min-height: 100px;
  align-items: center;
}
.box-3:nth-child(3n+1) .box-img img {
  border-radius: 30% 70% 40% 60%/65% 35% 70% 30%;
}
.box-3:nth-child(3n+2) .box-img img {
  border-radius: 45% 55% 70% 30%/55% 45% 30% 70%;
}
.box-3:nth-child(3n+3) .box-img img {
  border-radius: 38% 62% 45% 55%/60% 40% 65% 35%;
}
.box-3 .box-img {
  display: none;
  height: 90px;
  width: 100px;
  display: flex;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: var(--radius);
  transition: 0.2s ease-in-out;
}
.box-3 .box-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  max-width: 100px;
  background-color: var(--gr-0);
}
.box-3 .box-regroup {
  overflow: hidden;
  flex-grow: 1;
}
.box-3 .box-int-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 0.8em;
  color: var(--etalon);
  margin-bottom: var(--size-xs);
}
.box-3 .box-int-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-3);
  font-weight: 700;
  margin-bottom: var(--size-xs);
  max-width: 180px;
  line-height: 1.1;
}
.box-3 .box-int-2-mchien {
  color: var(--color-3);
  font-weight: 700;
  margin-bottom: var(--size-xs);
  line-height: 1.1;
}
.box-3 .box-int-3 {
  font-size: 0.9em;
  margin-bottom: var(--size-xs);
  color: var(--color-3);
}
.box-3 :hover .box-img {
  transform: scale(1.025);
}
.box-3 .list-etoile {
  justify-content: left !important;
}
.box-3:hover .box-int-1 {
  color: var(--color-1);
}
.box-3:hover .box-int-2 {
  color: var(--etalon);
}
.box-3.m-chien {
  min-height: auto;
  border-radius: var(--radius-2);
}
.box-3.m-chien .box-img img {
  background-color: var(--rev-white);
}
.box-3.m-chien .box-img {
  height: 70px;
  width: 80px;
}
.box-3.m-chien .box-int-1 {
  color: var(--chien);
}

.puppy-gallery {
  --pg-target: 500px;
  margin: 0 0 1em 0;
  display: flex;
  flex-direction: column;
  gap: var(--sm);
  min-height: var(--pg-target);
  border-radius: 1em;
  overflow: hidden;
  align-items: center;
  background-size: 200px;
}
@media only screen and (max-width:768px) {
  .puppy-gallery {
    --pg-target: 300px;
    background-size: 120px;
  }
}

.pg-strip {
  display: flex;
  gap: var(--sm);
  align-items: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  cursor: grab;
  touch-action: pan-x pan-y pinch-zoom;
  -webkit-overflow-scrolling: touch;
}

.pg-strip.is-dragging {
  cursor: grabbing;
}

.pg-strip::-webkit-scrollbar {
  height: 6px;
}

.pg-strip::-webkit-scrollbar-thumb {
  background: #cfd4da;
  border-radius: 99px;
}

.pg-shot {
  flex: 0 0 auto;
  height: var(--pg-h, var(--pg-target));
  padding: 0;
  display: block;
  border: 0;
  background: transparent;
  border-radius: var(--sm);
  overflow: hidden;
  cursor: zoom-in;
  scroll-snap-align: start;
  transition: filter 160ms ease;
  margin-right: 0.5em;
}

.pg-shot:hover {
  filter: brightness(0.93);
}

.pg-shot img {
  display: block;
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.pg-shot.is-pending {
  width: calc(var(--pg-h, var(--pg-target)) * 0.3);
}

.pg-shot.is-pending img {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.pg-frame {
  position: relative;
}

.pg-arrow {
  position: absolute;
  top: calc(var(--pg-h, var(--pg-target)) / 2 - 22px);
  z-index: 2;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 0;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: #2c3136;
  font: inherit;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 var(--size-xs) 14px -6px rgba(23, 26, 29, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pg-arrow-prev {
  left: 12px;
}

.pg-arrow-next {
  right: 12px;
}

.pg-arrow:hover {
  background: #fff;
}

.pg-arrow[hidden] {
  display: none;
}

.pg-all {
  position: absolute;
  z-index: 2;
  right: calc(0.5em + 0.5vw);
  bottom: calc(0.5em + 0.5vw);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  color: #2c3136;
  background: var(--rev-white);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: 0;
  border-radius: 0.5em;
  padding: 0.75em;
  cursor: pointer;
  box-shadow: -13px 9px 14px -6px rgba(23, 26, 29, 0.2);
}

.pg-all:hover {
  background: #fff;
}

.pg-shot:focus-visible, .pg-arrow:focus-visible, .pg-all:focus-visible {
  outline: 2px solid #2f6fd0;
  outline-offset: 2px;
}

@media only screen and (max-width:768px) {
  .pg-arrow {
    display: none;
  }
}
@media (hover: none) {
  .pg-arrow {
    display: none;
  }
}
.liste-1 li div:first-child, .tares div:first-child {
  margin-bottom: var(--size-xs);
  color: var(--color-1);
}

.glob-label h1 {
  text-align: center;
  padding: var(--ec-4) 0 var(--ec-1);
  margin: 0;
}

.info-label {
  overflow: hidden;
  padding: var(--ec-1);
  margin-bottom: var(--size-md);
  border: 2px dashed var(--gr-05);
  border-radius: var(--radius-1);
  background-color: color-mix(in oklab, var(--gr-0) 25%, var(--rev-white) 75%);
  color: var(--color-2);
}
.info-label p {
  margin-bottom: 1em;
}
.info-label .h-label {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: var(--ec-1);
}
.info-label .h-label div:last-child {
  font-weight: 700;
  font-size: clamp(1.15em, 3vw, 1.3em);
  color: var(--color-1);
}
.info-label ul {
  list-style: circle;
  margin-bottom: var(--size-md);
  color: var(--gr-3);
}
.info-label ul li {
  margin-left: 2em;
  padding: 0.4em 0;
}
.info-label table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 800px;
  margin: var(--size-lg) auto;
  color: var(--color-1);
}
.info-label table td, .info-label table th {
  width: 50%;
  padding: 1em;
  border: 1px solid var(--gr-05);
}
.info-label table tr td:first-child {
  background-color: var(--gr-0);
}
.info-label table thead th {
  text-align: center;
  font-weight: bold;
  color: var(--rev-white);
  background-color: var(--lsa-2);
}
.info-label .info-supp p {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  font-size: 0.9em;
}
.info-label .annonce-validee, .info-label .parcours-digital {
  padding: 0.25em;
}
.info-label .annonce-validee svg, .info-label .parcours-digital svg {
  width: clamp(1.15em, 3vw, 1.4em);
  height: clamp(1.15em, 3vw, 1.4em);
}
.info-label .fida-logo {
  display: block;
  width: 150px;
  height: 60px;
  margin: auto;
  background: url(/media/assurance/logo.svg) no-repeat 50% 0%/contain;
}
.dark .info-label .fida-logo {
  background-image: url(/media/assurance/logo-w.svg);
}
.info-label-article {
  padding: var(--ec-3);
  margin-bottom: var(--size-d);
  font-size: 0.9em;
  border: 1px solid var(--gr-0);
  background-color: color-mix(in oklab, var(--gr-0) 98%, var(--rev-black) 2.5%);
}
.info-label-article a {
  text-decoration: underline !important;
}
.info-label-interesse {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  width: -moz-fit-content;
  width: fit-content;
  margin: var(--ec-0) auto var(--ec-2);
  padding: var(--ec-2);
  border-radius: 0.5em;
  background-color: var(--gr-0);
  font-weight: bold;
  font-size: 1.25em;
  text-align: center;
}
.info-label-interesse svg {
  display: inline;
  fill: var(--color-2);
}

.gal {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
  max-height: 650px;
  margin-bottom: var(--size-lg);
  border-radius: var(--radius);
  color: var(--color-1);
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width:768px) {
  .gal {
    aspect-ratio: auto;
    max-height: 700px;
  }
}
.gal .gal-princ {
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  transition: 0.15s ease-in-out;
}
.gal .gal-princ a .count {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  padding: 0.5em 1em;
  font-size: 0.8em;
  border-radius: var(--radius-1) 0 0 0;
  background-color: var(--rev-white);
}
.gal .gal-princ a img {
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width:768px) {
  .gal .gal-princ a img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.gal .gal-princ a, .gal .gal-item a {
  display: contents;
}
.gal .gal-princ a img, .gal .gal-item a img {
  transition: 0.2s ease-in-out;
}
.gal .sans {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  max-height: 250px;
  background: var(--gr-0) url(/media/sans.svg) no-repeat 50% 50%/120px;
  transition: 0.15s ease-in-out;
}

.gal-bg {
  position: absolute;
  inset: -50px;
  z-index: 0;
  opacity: 0.5;
  filter: blur(0.8em);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.gal-only {
  z-index: 1;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}

.gal-bg, .gal img, .gal-item, .gal .gal-princ {
  border-radius: var(--radius);
  height: 100%;
}

.gal-princ span {
  position: absolute;
  inset: 0;
  opacity: 0.5;
  filter: blur(5px);
  transform: scale(1.25);
  background-size: cover;
  background-repeat: no-repeat;
}

.gal-item {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.gal-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gal-item a .count {
  display: none;
}

.gal-6, .gal-5, .gal-4, .gal-3, .gal-2, .gal-1, .gal-0 {
  display: grid;
  grid-gap: 1em;
  grid-auto-rows: 1fr 1fr;
  grid-auto-columns: 1fr 1fr;
  justify-items: center;
}

.gal-1 div:nth-child(n+1) {
  grid-column: 1;
  grid-row: 1;
}
.gal-1 div:nth-child(n+2) {
  grid-column: 2;
  grid-row: 1;
}

.gal-2 div:nth-child(n+1) {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}
.gal-2 div:nth-child(n+2) {
  grid-column: 3 / 4;
  grid-row: 1;
}
.gal-2 div:nth-child(n+3) {
  grid-column: 3 / 4;
  grid-row: 2;
}

.gal-3 div:nth-child(n+1) {
  grid-column: 1 / 4;
  grid-row: 1 / 3;
}
.gal-3 div:nth-child(n+2) {
  grid-column: 4 / 6;
  grid-row: 1;
}
.gal-3 div:nth-child(n+3) {
  grid-column: 4;
  grid-row: 2;
}
.gal-3 div:nth-child(n+4) {
  grid-column: 5;
  grid-row: 2;
}

.gal-4 div:nth-child(n+1) {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}
.gal-4 div:nth-child(n+2) {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}
.gal-4 div:nth-child(n+3) {
  grid-column: 4 / 5;
  grid-row: 1 / 2;
}
.gal-4 div:nth-child(n+4) {
  grid-column: 3 / 4;
  grid-row: 2;
}
.gal-4 div:nth-child(n+5) {
  grid-column: 4 / 5;
  grid-row: 2;
}

.gal-5 div:nth-child(n+1) {
  grid-column: 1 / 3;
  grid-row: 1 / 4;
}
.gal-5 div:nth-child(n+2) {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}
.gal-5 div:nth-child(n+3) {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}
.gal-5 div:nth-child(n+4) {
  grid-column: 3 / 4;
  grid-row: 3 / 4;
}
.gal-5 div:nth-child(n+5) {
  grid-column: 4 / 5;
  grid-row: 1 / 3;
}
.gal-5 div:nth-child(n+6) {
  grid-column: 4 / 5;
  grid-row: 3;
}

.gal-6 div:nth-child(n+1) {
  grid-column: 2 / 5;
  grid-row: 1 / 4;
}
.gal-6 div:nth-child(n+2) {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.gal-6 div:nth-child(n+3) {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.gal-6 div:nth-child(n+4) {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.gal-6 div:nth-child(n+5) {
  grid-column: 5 / 6;
  grid-row: 1 / 2;
}
.gal-6 div:nth-child(n+6) {
  grid-column: 5 / 6;
  grid-row: 2 / 3;
}
.gal-6 div:nth-child(n+7) {
  grid-column: 5 / 6;
  grid-row: 3 / 4;
}

@media only screen and (max-width:768px) {
  .gal-6 div {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
}

.gal-0 {
  display: flex !important;
}
.gal-0 .gal-princ {
  background-size: 100px;
}
.gal-0 .gal-princ img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}

.nbimg {
  position: absolute;
  bottom: 0.75em;
  z-index: 5;
  width: 180px;
  padding: 0.5em 0;
  font-weight: 700;
  font-size: 0.9em;
  text-align: center;
  color: var(--rev-black);
  border-radius: var(--radius-1);
  background-color: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
}
.dark .nbimg {
  background-color: hsla(207, 13%, 16%, 0.82);
}

.fiche-signaler {
  display: block;
  max-width: 250px;
  margin: auto;
  padding: 0.5em;
  font-size: 0.9em;
  text-align: center;
  color: var(--signaler) !important;
  border: 1px solid var(--signaler);
  border-radius: var(--radius-1);
}

.gridifich {
  display: flex;
  justify-content: space-between;
  gap: var(--size-lg);
  padding: var(--size-md) 0;
}
.gridifich .it1 {
  flex: 1;
}
.gridifich .it2 {
  width: max(400px, 35%);
}

.labeliflex {
  display: flex;
  align-items: center;
  gap: var(--size-sm);
  margin-bottom: var(--ec-1);
}
.labeliflex-savoir svg {
  height: 18px;
  fill: var(--gr-2);
  transition: fill 0.2s ease-in-out;
}
.labeliflex-savoir:hover svg {
  fill: var(--gr-3);
}

.lsa-box {
  position: relative;
  max-width: 1000px;
  margin: var(--ec-0) auto;
  padding: var(--ec-1);
  border-radius: 0.5em;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.2em;
  color: rgb(12, 67, 96);
  background-color: #f4f7ff;
}

.annonce-validee {
  background-color: var(--valid);
}

.parcours-digital {
  background-color: var(--male);
}

.annonce-validee, .parcours-digital {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  width: -moz-fit-content;
  width: fit-content;
  padding: var(--size-xs) var(--size-sm) var(--size-xs) var(--size-xs);
  font-size: 0.8em;
  font-weight: 600;
  color: var(--rev-white);
  border-radius: 3em;
}
.annonce-validee svg, .parcours-digital svg {
  height: 18px;
  fill: var(--rev-white);
}
@media only screen and (max-width:1024px) {
  .annonce-validee, .parcours-digital {
    font-size: 12px;
  }
  .annonce-validee svg, .parcours-digital svg {
    height: 14px;
  }
}

.fida-chiffres {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}
@media only screen and (max-width:768px) {
  .fida-chiffres {
    grid-template-columns: 1fr;
  }
}

.fiche h1 {
  display: flex;
  flex-grow: 1;
  align-items: center;
  margin-bottom: 0;
  padding: 0 0 0.75em;
  font-weight: 600;
  font-size: clamp(1.25em, 2vw, 1.6em);
  color: var(--color-1);
}
@media only screen and (max-width:1024px) {
  .fiche h1 {
    padding: 0;
  }
}

h1 span {
  font-size: clamp(11px, 3vw, 0.8em);
}

.fiche-date {
  color: var(--gr-3);
  font-size: 0.8em;
}

.fiche-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--ec-1);
  margin-bottom: var(--ec-1);
}
.fiche-top__left {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
}
.fiche-top__right {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 0 1 30%;
  gap: 1.25em;
  width: 400px;
  height: -moz-max-content;
  height: max-content;
  padding: 1.5em;
  border: 1px solid var(--gr-1);
  border-radius: 0.5em;
  box-shadow: oklch(0.3 0.02 250/0.4) 0 10px 30px -24px;
}
@media only screen and (max-width:1024px) {
  .fiche-top__right {
    flex-direction: row;
    gap: 0.5em;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    padding: 0.75em 1em 0.4em;
    border-radius: 0;
    background-color: var(--rev-white);
    box-shadow: 0 0 19px 0 hsla(0, 0%, 0%, 0.16);
  }
  .dark .fiche-top__right {
    box-shadow: 0 0 19px 0 hsla(0, 0%, 100%, 0.16);
  }
  .fiche-top__right.sanfid {
    padding: 0.75em 2.5%;
  }
  .fiche-top__right .btn-msg {
    display: flex;
    flex: 1;
    width: 63%;
    max-width: 300px;
    margin-bottom: 0;
    padding: 0.75em 0.5em;
    font-size: 1.1em;
  }
  .fiche-top__right .fida, .fiche-top__right .annonce, .fiche-top__right .annonce-sp {
    order: 3;
    justify-content: center;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    margin: auto;
    font-size: 0.9em;
    border: 0;
  }
  .fiche-top__right.fiche-prix-fida > div:first-child {
    border-radius: var(--radius);
  }
  .fiche-top__right .fiche-recap {
    display: none;
  }
}

h1.fiche-top-int {
  flex-direction: column;
  align-items: normal;
}
h1.fiche-top-int.spb {
  padding-bottom: 0;
}

.fiche-prix {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.fiche-prix > div:first-child {
  display: flex;
  font-size: clamp(1.3em, 2vw, 1.75em);
  font-weight: 600;
}
.fiche-prix .prix {
  margin-bottom: 0.4em;
}
.fiche-prix .prix span {
  display: flex;
  flex-direction: column;
  gap: 0.125em;
  font-size: 1em;
  font-weight: bold;
  color: var(--gr-2);
}
.fiche-prix .prix span i {
  font-size: 10px;
  color: var(--gr-3);
}
.fiche-prix .fiche-fida-info, .fiche-prix .btn-msg {
  display: none;
}
.fiche-prix .annonce, .fiche-prix .annonce-sp {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  padding: 0 0.75em;
  font-size: 1.15em;
  font-weight: 600;
  line-height: 2em;
  color: var(--color-2);
  border: 1px dashed var(--lsa-3);
}
.fiche-prix .annonce {
  margin-left: -3px;
  border-left: 1px solid var(--rev-white);
  border-radius: 0 var(--radius) var(--radius) 0;
}
.fiche-prix .annonce-sp {
  border-radius: var(--radius);
}
@media only screen and (max-width:1024px) {
  .fiche-prix {
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 calc(0.5em + 0.5vw);
    border: 1px solid var(--gr-1);
    border-radius: 0.5em;
  }
  .fiche-prix .prix {
    margin-bottom: 0;
  }
  .fiche-prix .fida {
    display: none;
  }
}

.fida, .fida-mob {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  font-size: clamp(0.9em, 2vw, 1em);
  color: var(--gr-3);
}
.fida a, .fida-mob a {
  color: var(--lsa-2);
  text-decoration: underline;
}
.fida span:first-child, .fida-mob span:first-child {
  color: var(--lsa-2);
  font-weight: 600;
}
.fida span:last-child, .fida-mob span:last-child {
  text-decoration: underline;
}

.fida {
  display: inline-flex;
}
@media only screen and (max-width:1024px) {
  .fida {
    display: none;
  }
}

.fida-mob {
  display: none;
}
@media only screen and (max-width:1024px) {
  .fida-mob {
    display: inline-flex;
    width: 100%;
    justify-content: center;
  }
}

.fiche-recap {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  gap: 0.5em 1em;
  padding-top: 1em;
  font-size: 0.9em;
  border-top: 1px dashed var(--gr-05);
}
.fiche-recap a {
  display: inline-flex;
  gap: 0.25em;
}
.fiche-recap a .ic {
  width: 14px;
  fill: var(--gr-3);
}
.fiche-recap .right {
  font-weight: 600;
  text-align: right;
}
.fiche-recap .right > div {
  margin-top: 0.25em;
  font-weight: normal;
  font-size: 13px;
}

.fiche-mob-site-eleveur {
  display: none;
}
@media only screen and (max-width:1024px) {
  .fiche-mob-site-eleveur {
    display: inline-flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 1em;
    padding: 0.25em 0.75em 0.25em 0.25em;
    font-size: 0.8em;
    text-align: center;
    border: 1px solid var(--gr-1);
    border-radius: var(--radius);
  }
  .fiche-mob-site-eleveur svg {
    height: 14px;
    fill: var(--color-2);
  }
}

.fiche-site-eleveur {
  display: flex;
  justify-content: center;
  gap: 0.25em;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  padding: 0.5em 1em;
  font-size: 13px;
  color: var(--gr-4) !important;
  border: 1px solid var(--gr-1);
  border-radius: 3em;
}
.fiche-site-eleveur .ic {
  width: 14px;
}

.btn-msg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  height: 50px;
  padding: 0 var(--size-sm);
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  color: #FFF !important;
  fill: var(--rev-white);
  border-radius: 0.3em;
  background-color: var(--cta);
  transition: 0.2s ease-in-out;
}
.btn-msg:hover {
  background-color: var(--cta-h);
}
.btn-msg svg {
  height: 24px;
  fill: #FFF;
}

.fiche-box, .fiche-info {
  margin-bottom: var(--ec-1);
}

.fiche .fiche-info {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: calc(0.5em + 0.5vw);
  border-radius: var(--radius);
}
.fiche .fiche-info .mob {
  display: none;
}
@media only screen and (max-width:768px) {
  .fiche .fiche-info .mob {
    display: flex;
  }
}
.fiche .fiche-info > div {
  display: flex;
  gap: calc(0.5em + 0.5vw);
  padding: calc(0.5em + 0.5vw);
  border-radius: var(--radius);
  background-color: var(--gr-0);
}
.fiche .fiche-info > div .fiche-info-titre {
  gap: var(--size-xs);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--gr-3);
}
.fiche .fiche-info > div .fiche-info-titre svg {
  height: 14px;
  fill: var(--gr-3);
}
@media only screen and (max-width:768px) {
  .fiche .fiche-info > div .fiche-info-titre {
    flex-direction: column;
    margin-bottom: 0.2em;
    font-size: 12px;
  }
}
.fiche .fiche-info > div p {
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  .fiche .fiche-info {
    gap: 0.25em;
  }
  .fiche .fiche-info .fiche-info-titre {
    margin-bottom: 0;
  }
}

.fiche-info-ic {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background-color: var(--gr-2);
  padding: 0.3em;
  border-radius: 0.25em;
  fill: var(--rev-white);
}
@media only screen and (max-width:768px) {
  .fiche-info-ic {
    width: 17px;
    height: 17px;
    fill: var(--gr-2);
    background-color: transparent;
    padding: 0;
  }
}

.fiche-info-rgp {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}
.fiche-info-rgp .int {
  font-weight: 600;
  font-size: clamp(0.9em, 1vw, 1.05em);
}
.fiche-info-rgp .int span {
  display: block;
  margin-top: 0.25em;
  font-weight: normal;
  font-size: 0.8em;
}
@media only screen and (max-width:768px) {
  .fiche-info-rgp {
    flex-direction: row;
    align-items: center;
    flex: 1;
    justify-content: space-between;
  }
}

.fiche-info-titre span {
  text-transform: lowercase;
}

.liste-annee {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
}
.liste-annee a {
  display: block;
  margin-bottom: var(--size-md);
  padding: var(--ec-4) var(--ec-3);
  color: var(--rev-black);
  border: 2px solid var(--gr-2);
  border-radius: var(--radius);
  cursor: pointer;
}
.liste-annee a:hover {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4em;
  height: 4em;
  border: 2px solid var(--male);
  border-radius: 50%;
}
.liste-annee a.select {
  background-color: var(--rev-white);
}
.liste-annee a.select:hover {
  border: 2px solid var(--gr-2);
}

.fiche .fiche-autre {
  padding: var(--ec-3);
  text-align: left;
  line-height: 1.25em;
  overflow-wrap: break-word;
  border-radius: var(--radius);
  background-color: var(--gr-0);
}
.fiche .fiche-autre ul {
  list-style: none;
  padding: 0;
}
.fiche .fiche-autre ul li:not(:first-child) {
  margin-top: 0.75em;
}

.fiche .fiche-result {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--ec-2);
  margin-bottom: var(--ec-2);
  padding: var(--ec-3);
  list-style: none;
  border-radius: var(--radius);
  background-color: var(--gr-0);
}
@media only screen and (max-width:1024px) {
  .fiche .fiche-result {
    grid-template-columns: 1fr;
    grid-gap: 1.5em;
  }
}
.fiche .fiche-result li {
  display: flex;
  gap: var(--ec-3);
}
.fiche .fiche-result li p {
  font-size: 0.9em;
  word-break: break-word;
}
.fiche .fiche-result li .result-int {
  display: block;
  color: var(--color-2);
}
.fiche .fiche-result li .result-img {
  flex-shrink: 0;
  overflow: hidden;
  height: 80px;
  aspect-ratio: 4/3;
  border-radius: var(--radius);
  background: var(--rev-white) url(/media/sans.svg) no-repeat 50% 50%/25%;
}
@media only screen and (max-width:1024px) {
  .fiche .fiche-result li .result-img {
    height: 60px;
  }
}
.fiche .fiche-result li .result-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fiche .fiche-result .result-date-ville {
  font-size: 0.8em;
  color: var(--gr-3);
}

.fiche-result-annee {
  grid-column: span 2;
  padding: 0.5em 0;
  font-weight: bold;
  font-size: clamp(1.4em, 2vw, 1.8em);
  text-align: center;
  color: var(--color-2);
}
@media only screen and (max-width:1024px) {
  .fiche-result-annee {
    grid-column: span 1;
  }
}

.fiche .fiche-mot {
  text-align: left;
  line-height: 1.25em;
  overflow-wrap: break-word;
  color: var(--gr-4);
}
@media only screen and (max-width:768px) {
  .fiche .fiche-mot {
    grid-column: 1;
    border: 0;
    padding: 0;
  }
}
.fiche .fiche-mot > div {
  margin-bottom: var(--size-md);
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}
@media only screen and (max-width:1024px) {
  .fiche .fiche-mot > div {
    font-size: 1em;
  }
}

.tares {
  padding: var(--ec-1);
  text-align: left;
  line-height: 1.25em;
  overflow-wrap: break-word;
  border-right: 0;
  border-radius: var(--radius);
  background-color: var(--gr-0);
}
.share-item {
  display: inline-block;
  grid-column: 1/span 4;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  border-radius: 0 0 var(--radius) var(--radius);
}
.share-item .btn-share {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  margin: auto;
  padding: 0 1em 0.5em;
  font-size: 0.8em;
  color: var(--gr-2);
  border-radius: 0 0 var(--radius) var(--radius);
  background-color: color-mix(in oklab, var(--gr-0) 50%, var(--rev-white) 50%);
  cursor: pointer;
}
.share-item .btn-share:hover {
  border-color: var(--gr-2);
}
.share-item .btn-share svg {
  height: 14px;
  fill: var(--gr-2);
}

.modal-content {
  flex-direction: column !important;
}

.modal-header {
  display: none;
}

.modal-body {
  display: flex;
  justify-content: center;
  gap: var(--size-md);
  padding-top: var(--size-md);
}
.modal-body ul {
  display: flex;
  gap: var(--size-md);
  padding: var(--size-md);
  border: 1px dashed var(--gr-1);
  border-radius: var(--radius-1);
}
.modal-body ul li {
  flex: 1;
}
.modal-body ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--size-sm);
  font-size: 0.9em;
  border: 1px solid var(--gr-0);
  border-radius: var(--radius);
  background-color: color-mix(in oklab, var(--gr-0) 75%, var(--rev-white) 25%);
}

.liste-info-fida {
  flex: 1;
  grid-column: 1/-1;
  padding: 0;
  border: 0;
  background-color: transparent;
}
@media only screen and (max-width:768px) {
  .liste-info-fida a {
    padding: var(--ec-1) var(--ec-1) 0;
  }
}

.fiche-fida-info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  width: 100%;
  height: 100%;
  padding: 1em 1.5em;
  font-size: clamp(0.9em, 1vw, 1em);
  text-align: center;
  color: var(--rev-black) !important;
  border: 1px solid var(--gr-1);
  border-radius: var(--radius);
  background: var(--rev-white) url(/media/assurance/bg-basgauche.svg) no-repeat 0 100%/15%;
}
@media only screen and (max-width:1024px) {
  .fiche-fida-info {
    font-size: 0.9em;
  }
}
.fiche-fida-info::before {
  content: "";
  display: block;
  width: 100%;
  max-width: 120px;
  height: calc(20px + 0.25vw);
  background: #FFF url(/media/assurance/logo.svg) no-repeat 50% 0%/contain;
}
@media only screen and (max-width:1024px) {
  .fiche-fida-info::before {
    position: absolute;
    display: block;
    content: "";
    background: #FFF url(/media/assurance/logo.svg) no-repeat 50% 0%;
    background-size: contain;
    width: 70px;
    height: 20px;
    top: -9px;
    right: calc(50% - 35px);
  }
}

.liste-info-1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  grid-gap: var(--ec-3);
  text-align: center;
}
@media only screen and (max-width:1024px) {
  .liste-info-1 {
    grid-template-columns: 1fr 1fr;
  }
}
.liste-info-1 li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding: 1.5em var(--size-xs) var(--size-md);
  border: 1px dashed var(--gr-2);
  border-radius: var(--radius);
}
@media only screen and (max-width:1024px) {
  .liste-info-1 li {
    gap: 0.25em;
    padding: var(--size-md) var(--size-sm);
  }
}
@media only screen and (max-width:1024px) {
  .liste-info-1 li.liste-info-fida {
    grid-column: 1/-1;
    order: -1;
  }
}
@media only screen and (max-width:1024px) {
  .liste-info-1 li.max {
    grid-column: auto;
  }
}
.liste-info-1 li .int {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--size-xs);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--gr-3);
}
@media only screen and (max-width:768px) {
  .liste-info-1 li .int {
    flex-direction: column;
    margin-bottom: 0.2em;
    font-size: 12px;
  }
}
.liste-info-1 li .int span {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border: 1.5px solid var(--gr-2);
  border-radius: 50%;
  background-color: var(--rev-white);
  transform: translate(-50%, -50%);
}
.liste-info-1 li .int svg {
  height: 14px;
  fill: var(--gr-3);
}
.liste-info-1 li .supp {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  align-items: center;
  gap: 0.125em;
  font-weight: bold;
}
@media only screen and (max-width:768px) {
  .liste-info-1 li .supp {
    font-size: 13px;
  }
}
.liste-info-1 li .supp span {
  display: block;
  margin-top: 0.25em;
  font-size: 0.8em;
  font-weight: normal;
  text-transform: capitalize;
  color: var(--gr-3);
}

.liste-info-2 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  overflow: hidden;
  border-radius: var(--radius);
}
.liste-info-2 li {
  display: flex;
  border-radius: var(--radius);
  background-color: var(--gr-0);
}
.liste-info-2 li div {
  justify-content: flex-end;
  width: 30%;
  padding: var(--size-md);
  background-color: var(--gr-05);
}
.liste-info-2 li > div {
  display: flex;
  align-items: center;
  text-align: right;
  font-weight: 550;
}
.liste-info-2 li p, .liste-info-2 li a {
  flex-grow: 1;
  padding: var(--size-md);
}
.liste-info-2 li a {
  display: flex;
  align-items: center;
}
.liste-info-2 li a svg {
  height: 14px;
  fill: var(--color-2);
}
.liste-info-2 li span {
  display: block;
}
@media only screen and (max-width:1024px) {
  .liste-info-2 {
    gap: 0;
  }
  .liste-info-2 li {
    flex-direction: column;
    padding: 0 1.25em 1.25em;
    border-radius: 0;
  }
  .liste-info-2 li:first-child {
    padding-top: 1.25em;
    border-radius: var(--radius) var(--radius) 0 0;
  }
  .liste-info-2 li:last-child {
    border-radius: 0 0 var(--radius) var(--radius);
  }
  .liste-info-2 li div {
    justify-content: flex-start;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    margin-bottom: 0.25em;
    font-weight: bold;
    text-align: left;
    background-color: transparent;
  }
  .liste-info-2 li div, .liste-info-2 li p, .liste-info-2 li a {
    padding: 0;
  }
}

.liste-info-3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 1em;
  margin-bottom: var(--ec-1);
}
@media only screen and (max-width:768px) {
  .liste-info-3 {
    grid-template-columns: 1fr;
  }
}
.liste-info-3 h3 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 0;
  grid-column: 1/-1;
}
.liste-info-3 h3 .ic {
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 0.15em;
  border-radius: 0.25em;
  background-color: var(--gr-2);
  fill: var(--rev-white);
}
.liste-info-3 > div {
  background-color: var(--gr-0);
  padding: 1em;
  border-radius: 0.5em;
}
.liste-info-3 div div:first-child {
  margin-bottom: 0.5em;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--gr-3);
}

.pedi-flx, .pedifich .gp {
  padding: 1em 0.75em 0.75em;
  border: 1px solid var(--gr-1);
  border-radius: var(--radius);
}

.arbo {
  position: relative;
  width: 0;
  height: 20px;
  border: 1px dashed var(--gr-1);
  border-top: 0;
  margin: 1em auto 0;
}
.arbo::after {
  position: absolute;
  top: -2px;
  left: calc(50% - 20px);
  position: absolute;
  translate: 0% 0%;
  content: "";
  width: 40px;
  height: 3px;
  background-color: var(--gr-2);
}

.lien-pedigree {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto var(--ec-1);
  color: var(--color-2);
}
@media only screen and (max-width:768px) {
  .lien-pedigree {
    margin-bottom: 2em;
  }
}
.lien-pedigree svg {
  fill: var(--gr-2);
}
.lien-pedigree > span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 0.75em;
  padding: var(--size-sm) var(--size-md);
  text-align: center;
  border-radius: var(--radius);
  border: 1px solid var(--gr-1);
  transition: 0.2s ease-in-out;
}
.lien-pedigree > span .ic {
  width: 16px;
  fill: var(--gr-2);
}
.lien-pedigree > span:hover {
  border-color: var(--color-3);
}
.lien-pedigree > div {
  display: flex;
  justify-content: center;
  gap: 0.5em;
}
.lien-pedigree > div > span {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5em;
  padding: 0.5em;
  font-size: 0.9em;
  border: 1px solid var(--gr-1);
  border-radius: var(--radius);
}
@media only screen and (max-width:768px) {
  .lien-pedigree > div > span {
    gap: 0.25em;
    font-size: 0.8em;
  }
}
.lien-pedigree > div > span .material-icons {
  font-size: 15px;
}
.lien-pedigree > div > span:hover {
  border-color: var(--gr-2);
}

.pedifich-flex {
  display: flex;
  gap: var(--ec-0);
}
@media only screen and (max-width:1024px) {
  .pedifich-flex {
    flex-direction: column;
    gap: 2em;
  }
}

.pedifich {
  display: flex;
  flex-direction: column;
  flex: 1 0;
  border-radius: var(--radius);
}
.pedifich .nom {
  display: flex;
  flex-direction: column;
  gap: var(--size-sm);
  color: var(--color-1);
}
.pedifich .nom .list-etoile {
  margin: 0.25em auto 0;
}
.pedifich .nom .puce {
  font-size: 0.9em;
  font-weight: 700;
  color: var(--gr-3);
}
.pedifich .img-p {
  display: block;
  overflow: hidden;
  height: 120px;
  aspect-ratio: 4/3;
  margin: 0 auto;
  border-radius: var(--radius);
  background-size: 50%;
}
.pedifich .img-p img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pedifich .arbo {
  position: relative;
  flex-grow: 1;
  min-width: 2em;
}
.pedifich .arbo::before, .pedifich .arbo::after, .pedifich .arbo span::before, .pedifich .arbo span::after {
  content: " ";
  position: absolute;
  display: block;
  background-color: var(--gr-1);
}
.pedifich .arbo::after {
  top: 25%;
  right: 0;
  width: 50%;
  height: 0.25em;
}
.pedifich .arbo::before {
  bottom: 25%;
  right: 0;
  width: 50%;
  height: 0.25em;
}
.pedifich .arbo span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.pedifich .arbo span::after {
  top: 50%;
  left: 0;
  width: 50%;
  height: 0.25em;
}
.pedifich .arbo span::before {
  top: 25%;
  left: 50%;
  width: 0.25em;
  height: 50%;
}
.pedifich .gp {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  padding: 0.75em 0;
  gap: 0.75em;
  min-width: 40%;
}
.pedifich .gp::after {
  position: absolute;
  top: -2px;
  left: calc(50% - 20px);
  position: absolute;
  translate: 0% 0%;
  content: "";
  width: 40px;
  height: 3px;
  background-color: var(--gr-2);
}
.pedifich .gp:last-child {
  color: var(--femelle);
}
.pedifich .gp .img-gp {
  flex-shrink: 0;
  overflow: hidden;
  height: 70px;
  aspect-ratio: 4/3;
  border-radius: var(--radius);
  background-color: var(--gr-0);
  background-size: 50%;
}
.pedifich .gp .img-gp img {
  width: 100%;
  height: 100%;
  max-width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.pedifich .gp .img-int {
  font-size: 0.9em;
  color: var(--color-1);
}
.pedifich .gp .gp-int {
  display: flex;
  gap: 0.25em;
  justify-content: center;
  align-items: center;
  padding: 0.15em 0;
  font-size: 0.9em;
  font-weight: bold;
}
.pedifich .gp .gp-int .ic {
  width: 16px;
}
.pedifich.male .type, .pedifich.femelle .type {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.25em;
  padding: 0.15em 0;
  font-size: 0.9em;
  font-weight: 600;
  /*
  text-align: center;
  border: 1px solid var(--gr-1);
  border-radius: .25em;
  background-color: var(--rev-white);
  */
}
.pedifich.male .type .ic, .pedifich.femelle .type .ic {
  width: 16px;
}
.pedifich.male .type {
  color: var(--male);
}
.pedifich.femelle .type {
  color: var(--femelle);
}

.pedigree-box .nom span {
  display: block;
  color: var(--rev-black);
}
.pedigree-box.male .p-lien {
  color: var(--male);
}
.pedigree-box.femelle .p-lien {
  color: var(--femelle);
}

.pedi-fond {
  padding: var(--resp);
  border-radius: var(--radius);
  background-color: var(--gr-0);
}

.pedi-flx {
  position: relative;
  min-height: 235px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}
@media only screen and (max-width:1024px) {
  .pedi-flx {
    min-height: auto;
  }
}
.pedi-flx > div {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--size-md);
}
.pedi-flx::after {
  position: absolute;
  bottom: -2px;
  left: calc(50% - 20px);
  position: absolute;
  translate: 0% 0%;
  content: "";
  width: 40px;
  height: 3px;
  background-color: var(--gr-2);
}

.gpbox {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 var(--size-md);
}

.gpbox-arbo {
  position: relative;
  width: calc(50% + 0.5em);
  height: 20px;
  margin: 20px auto 0;
  border: 1px dashed var(--gr-1);
  border-bottom: 0;
}
.gpbox-arbo::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  width: 1px;
  height: 24px;
  border-right: 1px dashed var(--gr-1);
}
.gpbox-arbo::after {
  content: "";
  position: absolute;
  top: -5px;
  left: calc(50% - 5px);
  rotate: 50deg;
  width: 10px;
  height: 10px;
  border: 1px dashed var(--gr-1);
  background-color: var(--gr-0);
}

.liste-1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0.5em;
  margin-bottom: var(--resp);
  color: var(--color-3);
}
.liste-1 li {
  padding: var(--size-md);
  line-height: normal;
  border-radius: var(--radius);
  background-color: var(--gr-0);
}
.list-other-max {
  margin-bottom: var(--ec-1);
  padding: var(--ec-0);
  text-align: center;
  background-color: var(--gr-0);
}

.list-other {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--ec-3);
  padding: var(--ec-3);
  background-color: var(--gr-0);
}
@media only screen and (max-width:1024px) {
  .list-other {
    grid-template-columns: 1fr;
  }
}
.list-other > div div {
  padding-bottom: var(--ec-1);
  font-size: clamp(1.1em, 1vw, 1.4em);
  font-weight: bold;
}
.list-other > div ul {
  list-style: none;
}
.list-other > div ul li a {
  display: block;
  margin-bottom: var(--size-sm);
  padding: var(--ec-3);
  font-size: clamp(0.9em, 1vw, 1em);
  font-weight: 600;
  border-radius: 0.5em;
  background-color: color-mix(in oklab, var(--gr-0) 25%, var(--rev-white) 75%);
  transition: background-color 0.2s ease-in-out;
}
.list-other > div ul li a:hover {
  background-color: var(--gr-05);
}

@media only screen and (max-width:1024px) {
  footer {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width:576px) {
  .content .glob.globetalon {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
  }
}
/*, :before, :after { box-shadow: 0 0 1px #cc000040;}*/
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 400;
  src: local("Quicksand"), url(/inc/fonts/quicksand-v22-latin-regular.woff2) format("woff2"), url(/inc/fonts/quicksand-v22-latin-regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 600;
  src: local("Quicksand"), url(/inc/fonts/quicksand-600.woff2) format("woff2"), url(/inc/fonts/quicksand-v22-latin-regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Marianne";
  font-style: normal;
  font-weight: 400;
  src: local("Marianne"), url(/inc/fonts/Marianne-Regular.woff2) format("woff2"), url(/inc/fonts/Marianne-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), url(/inc/fonts/materialicons/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2");
  font-display: swap;
}
body {
  font-family: "Quicksand", sans-serif;
  background-color: var(--rev-white);
  color: var(--color-3);
}

h1, .f-1, .search-titre {
  font-size: clamp(1.2em, 2vw, 1.5em);
  color: var(--color-1);
  font-weight: 600;
  margin-bottom: 0.5em;
}

.f-1, .search-titre {
  margin-bottom: var(--ec-3);
}

h1 span {
  font-size: clamp(12px, 3vw, 1rem);
  margin-bottom: 0.4em;
  font-weight: 400;
  display: block;
  color: var(--gr-3);
}

h2, .st {
  font-size: clamp(1.1em, 2vw, 1.3em);
  color: var(--color-2);
  margin-bottom: 1.2em;
  font-weight: bold;
}

h3 {
  font-size: clamp(1.05em, 2vw, 1.2em);
  font-weight: bold;
  margin-bottom: var(--ec-1);
}

::-moz-placeholder {
  font-family: "Quicksand", sans-serif;
  color: var(--color-1);
  opacity: 0.75;
}

::placeholder {
  font-family: "Quicksand", sans-serif;
  color: var(--color-1);
  opacity: 0.75;
}

.ici {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  background-color: #a82663;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  color: #FFF;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
}

.ici::before {
  content: "ici";
}

.creer-site {
  display: block;
  color: #000;
  border: 1px solid var(--connexion);
  padding: var(--size-md);
  border-radius: var(--radius);
  position: relative;
  min-width: 300px;
}

.creer-site span {
  display: block;
  color: var(--rev-black);
}

.creer-site .cs1 {
  color: var(--connexion);
  font-size: 1.1em;
  font-weight: bold;
}

.creer-site .cs2 {
  font-size: 1.8em;
  padding: 0.25em 0;
  font-weight: bold;
}

.creer-site .cs4 {
  background: url(/media/creerdog.png) no-repeat;
  position: absolute;
  width: 83px;
  height: 126px;
  bottom: 0;
  right: -1px;
}

.acc-site {
  margin-bottom: 2em;
  text-align: center;
}

.color-lsa-cta {
  color: var(--lsa-2);
}

.color-lsa {
  color: var(--lsa-1);
}

.fidalogo {
  background: url(/media/assurance/logo.svg) 50% 50% no-repeat;
  background-size: contain;
  height: 65px;
}

p {
  line-height: 1.2em;
  color: var(--color-3);
}

img {
  max-width: 100%;
}

a {
  color: var(--color-2);
}

a:active, a:link, a:visited, a:hover {
  color: var(--color-2);
}

.ob_link {
  cursor: pointer;
}

.mp-validation {
  background-color: var(--gr-05);
  padding: 0.5em;
  border-radius: 0 0 var(--radius) var(--radius);
}

form {
  width: 100%;
}

select, button {
  font-family: "Quicksand", sans-serif;
}

.fg {
  flex-grow: 1;
}

.g {
  font-weight: 700;
}

.i {
  font-style: italic;
}

.none {
  display: none;
}

.info {
  color: var(--color-2);
  font-weight: 700;
}

.f-2first-letter, .f-1:first-letter, .flu:first-letter, .search-titre:first-letter {
  text-transform: uppercase;
}

.f-1-st {
  color: var(--color-2);
  font-size: clamp(1em, 2.5vw, 1.15em);
}

.center {
  text-align: center;
  margin: 0 auto;
}

.inline-center {
  text-align: center;
  margin: auto;
  display: inline-block;
}

.color-2 {
  color: var(--color-2);
}

.flex {
  display: flex;
}

.flex-align-center {
  align-items: center;
}

.flex-gap-xs {
  gap: 0.25em;
}

.flex-gap-sm {
  gap: 0.5em;
}

.flex-gap-md {
  gap: 1em;
}

.flex-gap-lg {
  gap: 2em;
}

.flex-h1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cursor {
  cursor: pointer;
}

.content, .content-sensi, nav, header, .footer-dim, .glob-etalon, .content-max, .content .glob.globetalon {
  width: min(95%, 1900px);
  margin: 0 auto;
}

.footer-dim {
  gap: 1em;
}

.w100 {
  width: 100%;
}

.versiondev {
  bottom: 0;
  width: 100%;
  font-size: 0.8em;
  background-color: hsl(0, 100%, 32%);
  padding: 0.5em 1em;
  z-index: 10000;
  color: #FFF;
  margin: auto;
  text-align: center;
}

.content {
  margin-bottom: var(--ec-1);
  display: flex;
}

.content-sensi {
  margin-bottom: var(--ec-1);
  display: flex;
}

.content-sensi span.ob_link {
  color: #0000EE;
}

.content .various .sticky-menud {
  position: sticky;
  top: 1em;
}

.content .various .sticky-menud .f-3 {
  font-size: clamp(1.1em, 2.5vw, 1.3em);
  font-weight: bold;
  margin: var(--size-sm) 0 var(--ec-2) 0;
}

.content .various, nav .connexion {
  width: 300px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.abs-max {
  max-width: 1268px;
}

.content .glob {
  flex-direction: column;
  display: flex;
  width: calc(100% - (300px + var(--ec-1)));
}

.glob-ped {
  border: 1px solid var(--gr-1);
  border-radius: var(--radius);
  padding: 1.5em;
  flex-direction: column;
}

.glob-max {
  padding: calc(1em + 1vw);
  flex-direction: column;
  flex-grow: 1;
  border-radius: var(--radius);
  border: 1px solid var(--gr-1);
}

.glob-max .f-1, .glob-max .sh2 {
  text-align: center;
}

.valid-donnees {
  font-size: 1em;
  margin-bottom: var(--size-lg);
}

.valid-donnees-check {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 1em;
}

.valid-donnees-rgpd {
  font-size: 0.9em;
  line-height: 1.1;
  color: var(--color-2);
  background-color: var(--rev-white);
  padding: 1em;
  border-radius: 0.5em;
}

.direction-column {
  flex-direction: column;
}

.qcq-oups {
  font-size: clamp(4em, 8vw, 8em);
  font-weight: 700;
  text-align: center;
  margin-bottom: 2em;
}

.qcq-txt {
  text-align: center;
  margin-bottom: 2em;
}

.qcq-img {
  background: url(/media/qcq-img.png) no-repeat top center;
  width: 100%;
  height: 250px;
  background-size: contain;
  margin: auto;
}

.card-alert div, .card-valid div, .card-warning div, .card-info div {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-weight: 500;
  margin-bottom: 2px;
}

.card-alert {
  color: hsl(0, 58%, 48%);
}

.qcq-retour {
  font-weight: 700;
  text-align: center;
  margin: auto;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  z-index: 10 !important;
}

.cadre-1 {
  padding: var(--resp);
  border-radius: var(--radius);
  border: 1px solid var(--gr-1);
}

.message {
  margin-bottom: var(--size-lg);
  text-align: center;
  padding: 1em;
  font-weight: bold;
  font-size: 1.4em;
  color: var(--address-h);
}

.message ul {
  border: 1px solid var(--msg);
  max-width: max(800px, 50%);
  margin: auto;
  padding: var(--size-md);
  border-radius: var(--radius);
}

.message ul li {
  color: var(--msg);
  font-weight: 700;
  margin-bottom: var(--size-sm);
}

header {
  margin: var(--ec-2) auto;
  height: 68px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

nav {
  height: 4em;
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--ec-3);
}

nav a, .connexion {
  text-align: center;
  border: 1px solid var(--gr-1);
  border-radius: var(--radius);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}

nav a:hover, .connexion:hover, .connexion:hover .ic-con::before {
  border-color: var(--gr-4);
}

.connexion.actif, .connexion.actif .ic-con::before {
  border-color: var(--connexion);
  background-color: var(--gr-0);
}

.dark .connexion.actif, .dark .connexion.actif .ic-con::before {
  background-color: rgb(14, 19, 24);
  border-color: #000;
}

nav a span:first-child, .connexion span:first-child {
  color: var(--color-1);
  width: 100%;
  font-weight: 700;
  font-size: clamp(1.05em, 1.5vw, 1.35em);
  margin-bottom: var(--size-xs);
}

nav a span:last-child, .connexion span:last-child {
  color: var(--smenu);
  font-size: clamp(0.7em, 1vw, 0.9em);
}

nav .home {
  min-width: 4.5em;
  display: none;
}

nav .home, nav .chiots, nav .eleveurs, nav .etalons, nav .chiens, nav .services {
  margin-right: var(--ec-4);
}

.content .various, nav .connexion {
  margin-left: var(--ec-1);
}

nav .chiots, nav .etalons, nav .eleveurs, nav .chiens, nav .services, nav .assurance {
  flex: 1;
}

nav .material-icons {
  font-size: 1.8em;
  color: var(--color-1);
}

.fp {
  display: flex;
  gap: 1em;
  border-radius: var(--radius);
  color: var(--rev-black);
}

.fp .ins, .fp .log {
  width: 50%;
  padding: 1.5em;
  border: 2px solid var(--gr-1);
  display: flex;
  flex-direction: column;
}

.dark .fp .ins, .dark .fp .log {
  border-color: #85a2be;
}

.fp .ins .regroup, .fp .log .regroup {
  flex-grow: 1;
}

.fp .log {
  background-color: var(--bg);
}

.dark .fp .log {
  background-color: var(--gr-0);
}

.dark .fp .log {
  background-color: #85a2be;
}

.ins .titre, .log .titre {
  font-size: 1.3em;
  color: var(--color-1);
  font-weight: 700;
  margin-bottom: 1.5em;
  text-align: center;
}

.ins {
  border-radius: var(--radius);
  color: var(--rev-black);
}

.log {
  border-radius: var(--radius);
  color: var(--rev-black);
}

.fp a:not(.mp) {
  display: inline-block;
  padding: 1em 1.5em;
  border-radius: var(--radius);
  color: #FFF;
  font-weight: 700;
}

.logifr {
  height: 18em;
  width: 100%;
  display: flex;
  border-radius: var(--radius);
  justify-content: center;
}

.logifr iframe {
  border: 1px solid var(--gr-1);
}

.ins p {
  color: var(--color-3);
  margin-bottom: var(--size-md);
}

.ins span {
  color: var(--color-2);
  font-weight: 700;
}

.log-box {
  max-width: 30em;
  margin: auto;
}

.log-iframe {
  width: 100%;
  min-height: 420px;
}

.img-ins-1, .img-ins-2 {
  height: 150px;
  border-radius: var(--radius-1);
}

.img-ins-1 {
  background: url(/media/img-ins-1.jpg) no-repeat 0 0;
  background-size: cover;
}

.img-ins-2 {
  background: url(/media/img-ins-2.jpg) no-repeat 0 0;
  background-size: cover;
}

.hins {
  min-height: 178px;
}

.chiots.actif, .etalons.actif, .chiens.actif, .eleveurs.actif, .services.actif, .assurance.actif {
  background-color: var(--gr-0);
}

.dark .chiots.actif, .dark .etalons.actif, .dark .chiens.actif, .dark .eleveurs.actif, .dark .services.actif, .dark .assurance.actif {
  background-color: rgb(14, 19, 24);
  border-color: #000;
}

.report-flex-spam {
  display: flex;
  align-items: center;
  gap: 1em;
  justify-content: center;
  cursor: pointer;
}

.report-select {
  font-size: 1em;
  padding: 0.5em;
  margin-right: 1em;
  border-radius: var(--radius);
}

.report-titre {
  font-size: 1.1em;
  color: var(--color-1);
  margin-bottom: 1em;
  font-weight: 700;
}

.report-textarea {
  font-size: 1em;
  padding: 1em;
  width: 100%;
  min-height: 10em;
  margin-bottom: 1em;
}

.report-bout {
  min-height: 45px;
  background-color: var(--search);
  border: 0;
  box-shadow: 0 0 0 6px var(--rev-white);
  color: #FFF;
  border-radius: var(--radius-1);
  cursor: pointer;
  font-size: 1.3em;
  padding: 0 1em;
  align-items: center;
  min-width: 180px;
  text-align: center;
}

.report-info {
  margin-bottom: 1.5em;
  color: var(--gr-3);
}

.report-bout:hover {
  background-color: hsl(35, 91%, 40%);
}

main {
  flex-grow: 1;
}

.menuright a {
  display: block;
  margin-bottom: 0.75em;
  color: var(--color-2);
}

.menuright a:hover {
  color: var(--color-2-h);
}

.connexion {
  position: relative;
}

.connexion .ic-con {
  width: 4em;
  height: 4em;
  position: absolute;
  left: calc(50% - 2em);
  top: -2em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.connexion .ic-con::before {
  background-color: var(--rev-white);
  border: 1px solid var(--gr-1);
  position: absolute;
  top: 0;
  display: block;
  border-bottom: 0;
  content: "";
  height: 2em;
  width: 4em;
  border-radius: 2em 2em 0 0;
}

.connexion .ic-con .material-icons {
  z-index: 2;
}

.connexion .ic-con .material-icons:after {
  font-size: 30px;
  content: "person";
  color: var(--connexion);
}

.connexion span:first-child {
  color: var(--connexion);
}

.connexion span:nth-child(2) {
  color: var(--color-1);
}

.chiensdefrance {
  display: inline-block;
  background: url(/media/chiens-de-france.svg) no-repeat 0 0;
  width: 290px;
  height: 45px;
  background-size: contain;
}

.dark .logcdf .chiensdefrance {
  background: url(/media/chiens-de-france-w.svg) no-repeat 0 0;
}

.chiensdefrance:after {
  text-align: center;
  margin-top: 4em;
  font-size: 0.8em;
  LETTER-SPACING: 0.05em;
  display: block;
  content: "AVEC LES ELEVEURS DEPUIS 1999";
  color: var(--gr-4);
}

.chiensdefrance:hover:after {
  color: var(--gr-2);
}

.logcdf {
  width: 60%;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}

.nav-mobile-r, .nav-mobile-l {
  width: 20%;
  height: 100%;
}

.bout-gal {
  display: block;
  height: 100%;
  left: 0;
  overflow-x: hidden;
  position: fixed;
  top: 0;
  transition: 0s;
  width: 0;
  z-index: 10000 !important;
  background-color: var(--rev-white);
}

.gal-princ.only .uk-inline .uk-icon > * {
  display: none !important;
}

.nav-mobile-menu {
  display: block;
  height: 100%;
  left: 0;
  overflow-x: hidden;
  position: fixed;
  top: 0;
  transition: 0s;
  width: 0;
  z-index: 100 !important;
  background-color: var(--rev-white);
}

.nav-mobile-cont {
  width: 90%;
  margin: auto;
}

.nav-mobile-top {
  margin: var(--ec-1) auto 2em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-mobile {
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 1.3em;
  margin-bottom: 1.3em;
}

.nav-mobile a {
  color: var(--color-1);
  width: 47.5%;
  min-height: 4em;
  text-align: center;
  border: 1px solid var(--gr-2);
  border-radius: var(--radius);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}

.nav-mobile a span:first-child {
  width: 100%;
  font-weight: 700;
  font-size: 1.2em;
  margin-bottom: var(--size-xs);
}

.nav-mobile a span:last-child {
  font-size: 0.8em;
  color: var(--color-2);
}

.nav-mobile a:last-child {
  width: 100%;
}

.nav-mobile a .connexion {
  color: var(--connexion) !important;
}

.nav-mobile-r {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: flex-end;
}

.nav-mobile-l {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.fast-home, .fast-hamb, .fast-close, .fast-dark, .fast-account {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dark .fast-dark .material-icons:before {
  content: "light_mode";
}

.fast-dark .material-icons:before {
  content: "nightlight_round";
}

.fast-hamb .material-icons:before {
  content: "menu";
}

.fast-close .material-icons:before {
  content: "close";
}

.fast-home .material-icons:before {
  content: "home";
}

.fast-account .material-icons:before {
  content: "person";
  color: var(--connexion);
}

.fast-hamb {
  display: none;
}

.fast-home {
  display: none;
}

.fast-account {
  display: none;
}

.fast-home, .fast-hamb, .fast-close, .fast-dark {
  color: var(--gr-3);
  cursor: pointer;
}

.fast-home, .fast-hamb, .fast-close, .fast-dark, .fast-account {
  border-radius: 50%;
  border: 1px solid var(--gr-1);
  padding: 0.5em;
  font-size: 24px;
}

.fast-home:hover, .fast-hambhover, .fast-closehover, .fast-dark:hover, .fast-accounthover {
  border: 1px solid var(--gr-4);
}

.fast-hamb, .fast-close, .fast-account {
  margin-left: var(--size-sm);
}

.fast-home {
  display: flex;
}

.search {
  padding: 0em 2em;
  border-radius: var(--radius);
  color: var(--rev-white);
  text-align: center;
  position: relative;
  margin-bottom: 3em;
}
@media only screen and (max-width:768px) {
  .search {
    padding: 0em 1em;
  }
}

.search_bout {
  height: 45px;
}

.search button {
  display: flex;
  justify-content: center;
  gap: 0.25em;
  min-height: 45px;
  background-color: var(--search);
  border: 0;
  box-shadow: 0 0 0 6px var(--rev-white);
  color: #FFF;
  border-radius: var(--radius-1);
  position: absolute;
  bottom: -22px;
  font-size: 1.3em;
  padding: 0 0.25em 0 1em;
  align-items: center;
  min-width: 180px;
  text-align: center;
  content: "Chercher";
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.search button svg {
  fill: var(--rev-white);
  width: 26px;
}

.search button:active {
  transform: translateY(0);
}

.search button:hover {
  background-color: color-mix(in srgb, var(--search) 85%, black);
  transform: translateY(-2px);
  box-shadow: 0 0 0 6px var(--rev-white), 0 4px 10px rgba(0, 0, 0, 0.15);
}

.search button:active {
  transform: translateY(0);
}

.search_chiots {
  background: #7aa12f url(/media/bgchiots.jpg) no-repeat 80% 50%;
  background-size: cover;
}

.search_eleveurs {
  background: #5c4d92 url(/media/bgeleveurs.jpg) no-repeat 100% 40%;
  background-size: cover;
}

.search_etalons {
  background: url(/media/bgetalons.jpg) no-repeat 0% 0%;
  background-size: cover;
}

.search_chiens {
  background: #5c4d92 url(/media/bgchiens.jpg) no-repeat 0% 50%;
  background-size: cover;
}

.search_annonce {
  transition: 0.2s ease-in-out;
  background: #2c231e url(/media/bgannonce.jpg) no-repeat 0% -20px;
  background-size: 100%;
  margin-bottom: 1.5em;
}

.search_annonce:hover .aspelien {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.search_annonce .txt {
  text-shadow: 0 0 4px #000;
  color: #FFF;
  font-size: 1em;
  margin-bottom: var(--size-md);
  line-height: 1.4em;
}

.search_annonce .aspelien {
  max-width: 300px;
  display: inline-block;
  transition: 0.2s ease-in-out;
  background-color: hsla(0, 0%, 100%, 0.36);
  border-radius: var(--radius-1);
  color: #FFF;
  padding: 0.8em 1em;
  font-size: 1.1em;
  font-weight: 700;
  text-shadow: 1px 1px 0 hsla(0, 0%, 0%, 0.39);
}

.flex_bandeau_annonce {
  display: flex;
  padding: 3em 2em;
  gap: 1em;
  font-size: 1.2em;
  height: 100%;
  text-shadow: none;
  align-items: center;
}

.flex_bandeau_annonce div.txt {
  text-align: left;
  margin-bottom: 0;
  width: 50%;
  line-height: 1.75em;
  font-size: 1.5em;
  font-weight: 700;
}

.pas-de-resultat {
  text-align: center;
  font-size: 1.2em;
  min-height: 5em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid var(--gr-1);
  border-radius: var(--radius);
  padding: var(--ec-0);
  margin-bottom: var(--resp);
}

.search_race, .search_region {
  background-color: hsla(0, 0%, 98%, 0.95);
}

.search_race .choices {
  width: 100%;
  border-radius: 0.2em;
}

.search_region .choices {
  flex-grow: 1;
  border-radius: 0.2em 0 0 0.2em;
}

.search_region .choices:last-child {
  flex-grow: 0;
  border-radius: 0 0.2em 0.2em 0;
}

.search .xtz {
  display: flex;
  justify-content: space-evenly;
  margin: auto;
  flex-wrap: wrap;
  min-height: 60px;
  max-width: 850px;
}
@media only screen and (max-width:768px) {
  .search .xtz {
    max-width: 90%;
  }
}

.search h1, .search-titre {
  color: #FFF;
  font-size: clamp(1.3em, 3vw, 1.6em);
  font-weight: 600;
  text-shadow: 0 0 5px hsla(0, 0%, 0%, 0.7);
  display: flex;
  height: 60px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.search_race, .search_region {
  height: 50px;
  width: 45%;
  display: flex;
  border-radius: 0.5em;
  box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.231372549);
}

.search_rub {
  display: none;
  gap: 1.5em;
  align-items: center;
  border-radius: var(--radius);
  justify-content: space-around;
  padding-top: 2.5em;
}

.search_rub input[type=radio] {
  display: none;
}

.search_rub label {
  cursor: pointer;
  border-radius: 1.2em;
  background-color: hsla(0, 0%, 0%, 0.4);
  height: 60px;
  width: 60px;
  border: 3px solid hsla(0, 0%, 100%, 0);
  color: #FFF;
  font-weight: 700;
  position: relative;
}

.search_rub label:hover {
  border-color: hsla(0, 0%, 100%, 0.55);
  border: 3px solid hsla(0, 0%, 100%, 0.6);
}

.search_rub label, .search_rub label:hover {
  -webkit-transition: all 0.2s;
}

.search_rub label span {
  font-size: 0.9em;
  display: block;
  margin: -25px;
  letter-spacing: 0.05em;
}

.search_rub [type=radio]:checked + label {
  border: 3px solid hsl(0, 0%, 100%);
}

.search_bout {
  position: relative;
  display: flex;
  justify-content: center;
}

.search_vente {
  display: flex;
  margin-top: 1em;
  justify-content: center;
}

.search_vente label .coch {
  color: #FFF;
  border-radius: var(--radius-1);
  font-size: 1em;
  padding: 0.4em 1em 0.4em 1em;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.search_vente label .coch:hover {
  color: var(--gr-2);
}

.search_vente label .coch .tchek {
  display: block;
  content: "";
  width: 18px;
  border-radius: 50%;
  height: 18px;
  border: 2px solid #FFF;
  margin-right: 0.5em;
}

.search_vente label:hover .coch .tchek {
  border-color: var(--gr-2);
  display: block;
}

.search_vente label input[type=checkbox]:checked + .coch span {
  color: #FFF !important;
}

.search_vente label input[type=checkbox]:checked + .coch span:first-child {
  background-color: var(--search);
  border-color: #FFF;
}

.search_vente label input[type=checkbox] {
  display: none;
}

.lab_chiens {
  background: url(/media/vign-chien.png) no-repeat 11px 11px;
}

.lab_etalons {
  background: url(/media/vign-etalon.png) no-repeat 8px 9px;
}

.lab_chiots {
  background: url(/media/vign-chiot.png) no-repeat 8px 10px;
}

.lab_eleveurs {
  background: url(/media/vign-eleveur.png) no-repeat 6px 10px;
}

.filtres {
  font-weight: 700;
  display: flex;
  align-items: center;
  align-content: center;
  margin-bottom: var(--ec-3);
}

.filtres .cat {
  display: flex;
  gap: 0.5em;
  align-items: center;
  height: 100%;
}

.filtres .cat div label {
  cursor: pointer;
  display: flex;
  border: 1px solid var(--gr-2);
  width: 100%;
  font-weight: 700;
  padding: var(--size-md) var(--size-sm);
  text-align: center;
  color: var(--rev-black) !important;
  border-radius: var(--radius);
  padding: 0.5em;
  font-weight: normal;
  align-items: center;
}

.filtres .cat div label:hover {
  background-color: var(--gr-0);
}

.filtres .cat div label span {
  margin-left: 0.25em;
  font-size: 0.9em;
  display: flex;
  align-items: center;
}

.filtres .sepa {
  display: block;
  width: 1px;
  margin: 0 var(--size-md);
  height: 50%;
  background-color: var(--gr-1);
}

.filtres select {
  padding: 0.42em;
  border-radius: var(--radius);
  border: 1px solid var(--gr-2);
  font-size: 1em;
}

.filtres p {
  position: relative;
}

.filtres [type=checkbox]:not(:checked), .filtres [type=checkbox]:checked {
  position: absolute;
  left: 0;
  display: none;
  opacity: 0.01;
}

.filtres [type=checkbox]:not(:checked) + label:before, .filtres [type=checkbox]:checked + label {
  background-color: var(--gr-1);
  color: #FFF;
}

.filtres select, .filtres .cat div label, .alerte {
  height: 38px;
}

/****************************/
.articles-d {
  display: block;
}

.articles-fiche {
  display: none;
}

.amazon-inline-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 16px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1.5em;
}

@media only screen and (max-width: 1400px) {
  .articles-d {
    display: none;
  }
  .articles-fiche {
    display: block;
  }
  .amazon-inline-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
.amazon-inline-wrapper::-webkit-scrollbar {
  height: 6px;
}

.amazon-inline-wrapper::-webkit-scrollbar-thumb {
  background: #e0e0e0;
  border-radius: 10px;
}

.amazon-inline-wrapper .vignette-produit {
  flex: 0 0 200px;
  background: var(--rev-white);
  border: 1px solid var(--gr-1);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  padding: 12px;
  transition: all 0.2s ease;
  font-family: sans-serif;
}

.amazon-inline-wrapper .vignette-produit:hover {
  border-color: var(--gr-2);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.amazon-inline-wrapper .img-box {
  width: 100%;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.amazon-inline-wrapper .img-box img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.amazon-inline-wrapper .vignette-titre {
  font-size: 13px;
  font-weight: 500;
  color: var(--gr-3);
  text-align: center;
  height: 36px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
  line-height: 1.4;
}

.amazon-inline-wrapper .vignette-prix {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 12px;
}

/* Bouton compact */
.btn-achat {
  background: #2890cf;
  border: 1px solid #178ed7;
  border-radius: 4px;
  color: white !important;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.2s;
}

.btn-achat:hover {
  background: #032b44;
}

/****************************/
.box-info, .box-alert, .box-warning {
  font-size: 1.1em;
  color: var(--rev-black) !important;
  border-radius: var(--radius);
  padding: var(--ec-1);
  position: relative;
}

.box-info {
  border: 3px dashed var(--color-2);
}

.box-alert {
  border: 3px dashed #CC0000;
}

.box-warning {
  border: 3px dashed #cc6d00;
}

.alerte-dispo {
  margin-left: auto;
}

.alerte {
  display: flex;
  align-items: center;
  gap: 0.5em;
  border: 1px solid var(--search);
  background-color: var(--rev-white);
  cursor: pointer;
  text-align: center;
  color: var(--rev-black) !important;
  border-radius: var(--radius);
  font-weight: normal;
  font-size: 1.025em;
  padding-right: 0.5em;
  position: relative;
}

.alerte span:first-child {
  background-color: var(--search);
  width: 40px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px 0 0 4px;
  padding-right: 2px;
}

.alerte .supp {
  position: absolute;
  top: -18px;
  font-size: 10px;
  font-weight: 600;
  width: 100%;
  text-align: center;
}

.alerte span:last-child {
  font-weight: 600;
}

.alerte span:first-child svg {
  fill: var(--rev-white);
}

.alerte:hover {
  border: 1px solid var(--search-h);
}

.alerte:hover span:first-child {
  background-color: var(--search-h);
}

.alerte:hover span:first-child svg {
  animation: checkbb 1.5s ease;
}
.u {
  text-decoration: underline;
}

.color-1 {
  color: var(--color-1);
}

.color-2 {
  color: var(--color-2);
}

.color-3 {
  color: var(--color-3);
}

.color-cta {
  color: var(--cta);
}

.color-etoile {
  color: var(--etoile);
}

.color-male {
  color: var(--male);
}

.color-femelle {
  color: var(--femelle);
}

.gr-0 {
  background-color: var(--gr-0);
}

.gr-1 {
  background-color: var(--gr-1);
}

.gr-2 {
  background-color: var(--gr-2);
}

.gr-3 {
  background-color: var(--gr-3);
}

.gr-4 {
  background-color: var(--gr-4);
}

.bg-1 {
  border-radius: var(--radius-1);
  background-color: var(--gr-0);
  padding: var(--size-lg);
}

.mb-resp {
  margin-bottom: var(--resp);
}

.mb-xs {
  margin-bottom: 0.25em;
}

.mb-sm, .mb10 {
  margin-bottom: 0.5em;
}

.mb-md {
  margin-bottom: 1em;
}

.mb-lg {
  margin-bottom: 2em;
}

.mb-xl {
  margin-bottom: 3em;
}

.mt-sm {
  margin-top: 0.5em;
}

.mt-md {
  margin-top: 1em;
}

.mr-md {
  margin-right: 1em;
}

.border {
  border: 1px solid #000;
}

.plus {
  border: 1px solid var(--color-2);
  background-color: var(--rev-white);
  max-width: 200px;
  border-radius: var(--radius-1);
  padding: var(--size-sm);
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.plus:hover {
  border-color: 1px solid var(--gr-4);
}

.fl {
  display: inline-block;
}

.fl:first-letter {
  text-transform: uppercase;
}

.st {
  margin-bottom: var(--size-md);
  color: var(--color-2);
  display: flex;
  align-items: center;
  font-weight: bold;
}

.st .material-icons {
  margin-right: var(--size-sm);
}

.size-xs {
  font-size: 0.8em;
}

.size-sm {
  font-size: 0.9em;
}

.size-md {
  font-size: 1em;
}

.size-lg {
  font-size: 1.2em;
}

.size-xl {
  font-size: 1.6em;
}

.responsable {
  margin-bottom: 1em;
}

#breadcrumb * {
  outline: 0px dotted hsla(0, 100%, 40%, 0.5);
}

#breadcrumb {
  font-size: 0.85em;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--size-md);
  gap: 0.25em;
  padding: var(--size-xs) 0;
  border-top: 1px solid var(--gr-0);
  border-bottom: 1px solid var(--gr-0);
  padding: 0.25em 0;
}

#breadcrumb > li a, #breadcrumb > li:last-child span {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  padding: var(--size-xs) var(--size-xs) var(--size-xs) 0;
}

#breadcrumb > li:last-child span {
  border-style: dashed;
}

#breadcrumb li a {
  color: var(--color-1);
}

#breadcrumb li a::after {
  content: "›";
  display: inline-flex;
  align-items: center;
}

#breadcrumb li a:hover {
  text-decoration: underline;
  color: var(--color-2);
}

#breadcrumb li::after:last-child {
  display: none;
}

.contact-fil #breadcrumb {
  border-top: 1px solid var(--gr-1);
  border-bottom: 1px solid var(--gr-1);
  width: 100%;
}

#breadcrumb li:last-child::after {
  display: none;
}

#breadcrumb li a span {
  text-transform: capitalize;
}

.puppy-gallery, .liste-3 .box-titre .imgtitre, .box-race .img, .box-saillie-mini .box-parents .pere .img, .box-saillie-mini .box-parents .mere .img, .gridifich-saillie a .pict, .box-saillie .pere img, .box-saillie .mere img, .box-saillie .regroup .pere .img, .box-saillie .mere .img, .pedifich .img-p, .pedifich .gp .img-gp, .gal-0, .pedimg, .gal-item, .gal-princ {
  background-color: color-mix(in oklab, var(--gr-0) 50%, transparent);
  background-image: url(/media/sans.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.box-rech-reg .img {
  background: url(/media/vign-chiot-gris.png) no-repeat 50% 50%;
  background-color: var(--gr-0);
}

.box-rech-reg .pays {
  color: var(--gr-2);
  margin-bottom: 0.25em;
}

.list_box_200, .list_box_240, .list_box_300 {
  display: grid;
  grid-gap: 1em;
}

.list_box_200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.list_box_240 {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.list_box_5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: calc(1em + 1vw);
}

.list_box_4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.5em;
}

.list_box_3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5em;
}

.list_box_2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5em;
}

.list_box_300 {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.list_box_elv {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(440px, 1fr));
  gap: 1.5em;
  grid-gap: clamp(0em, 5vw, 1em) clamp(0em, 5vw, 2em);
}

.list_box_saillie {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: clamp(0em, 5vw, 1.5em) clamp(0em, 5vw, 2em);
}

.list_box_chiot {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  grid-gap: calc(0.75em + 0.25vw) calc(1.25em + 0.5vw);
  justify-content: space-between;
  margin-bottom: var(--ec-1);
}
.list_box_chiot#autres-chiots {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.ad-cmp {
  grid-column: 1/span 4;
}

.video {
  display: flex;
  justify-content: center;
  border: 1px solid var(--gr-1);
  padding: calc(1em + 1vw);
  border-radius: var(--radius);
}

.embed-video {
  max-width: 800px;
  width: 100%;
  aspect-ratio: 3/2;
  margin: auto;
}

@media only screen and (max-width: 1644px) {
  .ad-cmp {
    grid-column: 1/span 3;
  }
}
@media only screen and (max-width: 1400px) {
  .ad-cmp {
    grid-column: 1/span 4;
  }
}
@media only screen and (max-width: 1295px) {
  .ad-cmp {
    grid-column: 1/span 3;
  }
}
@media only screen and (max-width: 940px) {
  .ad-cmp {
    grid-column: 1/span 2;
  }
}
.all-data-cadre {
  position: relative;
  font-size: 16px;
}

.all-data-acces {
  text-align: center;
  margin-bottom: var(--size-md);
  position: sticky;
  top: 0;
  border: 1px dashed var(--gr-2);
  border-top: 0;
  padding: var(--ec-3) 0;
  background-color: var(--rev-white);
  border-radius: 0 0 var(--radius) var(--radius);
}

.all-data-acces > div {
  font-size: 0.9em;
  margin-bottom: var(--size-sm);
  color: var(--color-2);
}

.all-data-acces #choix_race {
  padding: var(--size-sm) var(--size-md);
  border-radius: var(--radius);
  background-color: var(--rev-white);
  border: 1px solid var(--gr-2);
  font-size: 1em;
  margin: auto;
  font-size: 0.9em;
  max-width: 90%;
}

.all-data-h1 {
  padding: var(--ec-2);
  border-radius: var(--radius) var(--radius) 0 0;
  background-color: var(--color-2);
  text-align: center;
  color: var(--rev-white);
  position: relative;
  overflow: hidden;
  text-shadow: 0 0 16px hsla(0, 0%, 0%, 0.34);
  margin-bottom: 0;
}

.all-data-h1 svg {
  fill: var(--rev-white);
  height: 150px;
  position: absolute;
  right: 0;
  rotate: 25deg;
  opacity: 0.25;
  top: -10px;
}

.list {
  display: grid;
  gap: var(--ec-4);
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  margin-bottom: var(--size-lg);
}

.all-data a {
  display: inline-block;
  color: var(--color-1);
}

.all-data h2 a {
  margin-bottom: var(--size-sm);
  font-weight: bold;
  font-size: 1.6em;
  color: var(--color-2);
}

.list > div {
  background-color: var(--gr-0);
  border-radius: var(--radius);
  padding: var(--size-md);
}

.all-data .race {
  font-size: 1.4em;
  font-weight: bold;
  color: var(--color-2);
  margin-bottom: var(--size-md);
}

.all-data .region {
  font-size: 1.15em;
  font-weight: 600;
  color: var(--color-1);
  margin-bottom: var(--size-md);
}

.all-data .dep {
  color: var(--gr-4);
  display: inline-block;
}

.all-data .dep:hover {
  color: var(--color-2);
}

.all-data div > div {
  margin-bottom: var(--size-sm);
}

.all-data-footer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: var(--ec-3);
}

.all-data-footer a {
  display: inline-flex;
  align-items: center;
  flex: 1;
  padding: var(--ec-3);
  background-color: var(--gr-0);
  border-radius: var(--radius);
  justify-content: center;
}

.all-data:target {
  padding-top: 120px;
}

.sensi {
  font-size: clamp(1em, 2vw, 1.2em);
  font-family: "Marianne";
  display: flex;
  background-color: #ffdd00;
  color: #000;
  font-weight: 600;
  padding: 3.5%;
  gap: 1em;
  line-height: 1.6em;
}

.sensi > div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sensi p {
  display: inline;
  line-height: 1.75em;
}

.sensi a {
  color: hsl(203, 68%, 48%);
}

.sensi .log-rf {
  flex-shrink: 0;
  background: #FFF url(/media/log-rf.png) no-repeat 50% 0%;
  background-size: contain;
  width: 100px;
  height: 100px;
  margin: 0 0 0 auto;
}

@media only screen and (max-width: 1000px) {
  .sensi div a {
    line-break: anywhere;
  }
}
/***************************************************************/
/*************************** FIDANIMO **************************/
/***************************************************************/
/* VISU UNE CASE */
a.ban-fida-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: var(--color-1);
  padding: 0.25em 0.25em 0.5em 0.2em;
  /*
  outline: 3px solid hsl(220deg 35.29% 80% / 66%);
  background-color: hsl(220deg 35.29% 80% / 33%);
  */
  border-radius: 0.5em;
  position: relative;
}

a.ban-fida-1 .info {
  padding: 0.5em;
  color: var(--color-1);
  font-weight: normal;
}

a.ban-fida-1 .info .g {
  text-decoration: underline;
  font-weight: 600;
  transition: 0.25s ease-in-out;
}

a.ban-fida-1:hover .info .g {
  color: #ff4802;
}

a.ban-fida-1 .ban-fida-visu-1, a.ban-fida-1 .ban-fida-visu-2 {
  width: 100%;
  background-size: contain;
  margin-bottom: var(--size-sm);
  height: 220px;
}

.ban-fida-visu-1 {
  background: url(/media/assurance/fidanimo-assurance-chien-2-3.svg) no-repeat 50% 0%;
}

.ban-fida-visu-2 {
  background: url(/media/assurance/fidanimo-assurance-chien-4.svg) no-repeat 50% 0%;
}

a.ban-fida-1 .info .mob-off, a.ban-fida-2 .info .mob-off {
  display: block;
}

a.ban-fida-1 .info .mob-on, a.ban-fida-2 .info .mob-on {
  display: none;
}

/* VISU DEUX CASES */
a.ban-fida-2 .ban-fida-bg {
  display: flex;
  background: hsla(219.13, 31.77%, 44.71%, 0.48) url(/media/assurance/blob.svg) no-repeat -240px -5%;
  background-size: cover;
  padding: 1.2em 0.8em;
  border-radius: 0.5em;
  position: relative;
  border-radius: 0.5em;
  justify-content: flex-end;
  align-items: center;
}

.dark a.ban-fida-2 .ban-fida-bg {
  background-image: url(/media/assurance/blob-dark.svg);
}

a.ban-fida-2 {
  display: flex;
  flex-direction: column;
  border-radius: 0.5em;
  background-size: 100%;
  position: relative;
  overflow: hidden;
  min-height: 220px;
  height: 100%;
  padding: 0.2em;
}

a.ban-fida-2:hover {
  outline: 3px solid hsla(220, 35.29%, 80%, 0.66);
}

.coeur-1 {
  position: absolute;
  top: 10px;
  right: 9px;
  width: 15px;
  height: 16px;
  background: url(/media/assurance/coeur-1.svg) no-repeat 50% 0%;
}

a.ban-fida-2 .info {
  position: relative;
  font-size: 1.05em;
  display: flex;
  gap: 1em;
  align-items: center;
  padding: 1em;
  z-index: 1;
  color: var(--color-1);
  font-weight: normal;
  border-radius: 0.4em;
  background-color: var(--rev-white);
  width: 60%;
  box-shadow: 3px 3px rgba(31, 72, 154, 0.1);
}

a.ban-fida-2 .info div:last-child {
  position: absolute;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background-color: #fd5f1e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 5%;
  bottom: -16px;
}

a.ban-fida-2 .fleche {
  fill: var(--rev-white);
}

a.ban-fida-2 .ban-fida-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  z-index: 1;
  height: 100%;
  margin-left: auto;
}

a.ban-fida-2 .ban-fida-logo::after {
  content: "";
  width: 80%;
  max-height: 80px;
  height: 100%;
  display: block;
  background: url(/media/assurance/logo.svg) no-repeat 50% 0%;
  background-size: contain;
}

a.ban-fida-2 .ban-fida-feuille {
  background: url(/media/assurance/feuille.svg) no-repeat 0 0;
  width: 100%;
  min-height: 300px;
  height: 100%;
  position: absolute;
  background-size: contain;
  left: 7%;
  top: 50%;
}

a.ban-fida-2 .ban-fida-visu {
  background: url(/media/assurance/fidanimo-assurance-chien-1-3.svg) no-repeat 10px 10px;
  flex-shrink: 0;
  width: 50%;
  height: 300px;
  position: absolute;
  background-size: 90%;
  left: 5px;
  top: 5px;
}

a.ban-fida-2 .info div .g {
  font-weight: bold;
}

a.ban-fida-2 .info::after {
  position: absolute;
  content: "";
  top: 30px;
  left: -16px;
  width: 0;
  height: 0;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
  border-top: 20px solid var(--rev-white);
}

.ban-coul {
  color: #fd5f1e;
  text-decoration: underline;
  font-weight: bold;
}

a.ban-fida-2 .ban-fida-visu {
  background-size: 98%;
  width: 100%;
  position: relative;
  height: 220px;
  order: 1;
  bottom: auto;
  top: 0;
}

a.ban-fida-2 .ban-fida-bg {
  background-color: transparent;
  order: 2;
  padding: 10px 0 0 0;
}

a.ban-fida-2 .ban-fida-bg .info {
  width: 100%;
  padding: 0;
  box-shadow: none;
}

a.ban-fida-2 .ban-fida-bg .info div:last-child {
  display: none;
}

a.ban-fida-2 .ban-fida-logo {
  order: 3;
}

a.ban-fida-2 .ban-fida-logo::after {
  height: 35px;
  right: 10px;
  position: absolute;
  top: 10px;
  max-width: 80px;
}

a.ban-fida-2 .ban-fida-feuille, a.ban-fida-2 .info::after, .coeur-1 {
  display: none;
}

a.ban-fida-1 .info, a.ban-fida-2 .ban-fida-bg .info {
  font-size: 0.9em;
  padding: 0.1em 0.5em 0.5em 0.5em;
  background-color: transparent;
}

@media only screen and (max-width: 1350px) {
  a.ban-fida-2 .ban-fida-logo::after {
    height: 70px;
  }
  a.ban-fida-2 .ban-fida-feuille {
    left: -20px;
  }
  a.ban-fida-2 .info div:last-child {
    position: absolute;
    bottom: 0;
    bottom: -16px;
    right: 18px;
  }
  a.ban-fida-2 .ban-fida-visu {
    background-size: 100%;
  }
  .content .various {
    position: relative;
    align-self: auto;
  }
}
@media only screen and (max-width: 1000px) {
  a.ban-fida-2 {
    grid-column: span 1;
    padding: 0.25em 0.25em 0.5em 0.2em; /*outline: 3px solid hsl(220deg 35.29% 80% / 66%); background-color: hsl(220deg 35.29% 80% / 33%); */
    border-radius: 0.5em;
  }
  a.ban-fida-2 .ban-fida-visu {
    background-size: 98%;
    width: 100%;
    position: relative;
    height: 220px;
    order: 1;
    bottom: auto;
    top: 0;
  }
  a.ban-fida-2 .ban-fida-bg {
    background-color: transparent;
    order: 2;
    padding: 10px 0 0 0;
  }
  a.ban-fida-2 .ban-fida-bg .info {
    width: 100%;
    padding: 0;
    box-shadow: none;
  }
  a.ban-fida-2 .ban-fida-bg .info div:last-child {
    display: none;
  }
  a.ban-fida-2 .ban-fida-logo {
    order: 3;
  }
  a.ban-fida-2 .ban-fida-logo::after {
    height: 35px;
    right: 10px;
    position: absolute;
    top: 10px;
    max-width: 80px;
  }
  a.ban-fida-2 .ban-fida-feuille, a.ban-fida-2 .info::after, .coeur-1 {
    display: none;
  }
  a.ban-fida-1 .info, a.ban-fida-2 .ban-fida-bg .info {
    font-size: 0.9em;
    padding: 0.1em 0.5em 0.5em 0.5em;
    background-color: transparent;
  }
  .ban-fida-logo::after {
    height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  a.ban-fida-2 {
    grid-column: span 1;
    padding: 0.25em 0.25em 0.5em 0.2em;
  }
  a.ban-fida-2 .ban-fida-visu {
    background-size: 98%;
    width: 100%;
    position: relative;
    height: 220px;
    order: 1;
    bottom: auto;
    top: 0;
  }
  a.ban-fida-2 .ban-fida-bg {
    background-color: transparent;
    order: 2;
    padding: 10px 0 0 0;
  }
  a.ban-fida-2 .ban-fida-bg .info {
    width: 100%;
    padding: 0;
    box-shadow: none;
  }
  a.ban-fida-2 .ban-fida-bg .info div:last-child {
    display: none;
  }
  a.ban-fida-2 .ban-fida-logo {
    order: 3;
  }
  a.ban-fida-2 .ban-fida-logo::after {
    height: 35px;
    right: 10px;
    position: absolute;
    top: 10px;
    max-width: 80px;
  }
  a.ban-fida-2 .ban-fida-feuille, a.ban-fida-2 .info::after, .coeur-1 {
    display: none;
  }
  a.ban-fida-1 .info, a.ban-fida-2 .ban-fida-bg .info {
    font-size: 0.9em;
    padding: 0.1em 0.5em 0.5em 0.5em;
    background-color: transparent;
  }
  .alerte span:last-child, .alerte .supp {
    display: none;
  }
  .alerte {
    padding: 0;
    margin-left: 0.5em;
  }
}
@media only screen and (max-width: 550px) {
  a.ban-fida-2 .ban-fida-logo::after {
    height: 25px;
    width: 60px;
    right: 4px;
  }
  a.ban-fida-2 .ban-fida-bg .info {
    font-size: 0.85em;
    width: 100%;
  }
  a.ban-fida-1 .info .mob-off, a.ban-fida-2 .info .mob-off {
    display: none;
  }
  a.ban-fida-1 .info .mob-on, a.ban-fida-2 .info .mob-on {
    display: block;
  }
}
@media only screen and (max-width: 410px) {
  a.ban-fida-2 .ban-fida-visu {
    height: 150px;
  }
}
/***************************************************************/
/***************************************************************/
.list_box_portee {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 1.25em 2em;
  justify-content: space-between;
  margin-bottom: var(--ec-1);
}

.box-portee {
  display: flex;
  flex-direction: column;
  transition: 0.2s ease-in-out;
  position: relative;
  padding: var(--size-md);
  border-radius: var(--radius-1);
  margin-bottom: var(--size-md);
  border: 2px solid var(--gr-2);
  background-color: var(--rev-white);
  text-align: center;
}

.box-portee:hover {
  border-color: var(--gr-4);
}

.box-portee .box-int-1 {
  color: var(--color-1);
  font-weight: bold;
  font-size: 1.1em;
}

.box-portee .box-int-2 {
  margin-bottom: 0.2em;
}

.box-portee .box-int-3 {
  color: var(--address);
  font-size: 0.8em;
  margin-bottom: 0.5em;
}

.box-portee .box-list-chiot {
  display: flex;
  gap: 1em;
  background-color: var(--gr-0);
  border-radius: 1em;
  align-items: center;
}

.box-portee .box-list-chiot .box-img {
  flex-shrink: 0;
  overflow: hidden;
  width: 100px;
  height: 80px;
  border-radius: 1em;
}

.box-portee .box-list-chiot .box-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.box-portee .box-list-chiot .box-info-chiot {
  text-align: left;
  flex-grow: 1;
}

.box-portee .box-list-chiot .box-info-chiot .nom {
  margin-bottom: 0.1em;
  text-transform: lowercase;
}

.box-portee .box-list-chiot .box-info-chiot .nom:first-letter {
  text-transform: uppercase;
}

.box-portee .box-list-chiot .box-info-chiot .nom {
  font-weight: bold;
  margin-bottom: 0.1em;
}

.box-portee .box-list-chiot .box-info-chiot .nom.male {
  color: var(--male);
}

.box-portee .box-list-chiot .box-info-chiot .nom.femelle {
  color: var(--femelle);
}

.box-portee .box-list-chiot .box-info-chiot .sexe {
  color: var(--color-1);
  font-size: 0.9em;
}

.box-portee .box-list-chiot .box-info-chiot .prix {
  color: var(--gr-3);
  font-size: 0.9em;
  margin-top: 0.25em;
}

.box-title {
  font-size: 1.2em;
  font-weight: 600;
  color: var(--color-1);
  background-color: hsl(223, 27%, 92%);
  padding: 0.75em;
  border-radius: var(--radius);
}

.dark .box-title {
  background-color: hsl(207, 17%, 24%);
}

.info-ac {
  display: flex;
  border-radius: var(--radius-1);
  gap: 3em;
  line-height: 1.2em;
  padding: 2em;
  border: 1px solid var(--gr-1);
}

.info-ac .info-1, .info-ac .info-2, .info-ac .info-3 {
  width: 33%;
}

.info-ac div p {
  margin-bottom: 1.5em;
}

.info-ac div p:last-child {
  margin-bottom: 0;
}

.info-ac div .g {
  color: var(--color-2);
}

.info-ac .info-1 div:first-child, .info-ac .info-2 div:first-child, .info-ac .info-3 div:first-child {
  margin-bottom: 1.5em;
  background-size: cover;
  width: 100%;
  height: 320px;
}

.info-ac .info-2 div:first-child {
  background: url(/media/info-2.jpg) 50% 50% no-repeat;
  background-size: cover;
}

.info-ac .info-3 div:first-child {
  background: url(/media/info-3.jpg) 50% 50% no-repeat;
  background-size: cover;
}

.info-ac .info-1 div:first-child {
  background: url(/media/info-1.jpg) 50% 50% no-repeat;
  background-size: cover;
}

.list_box_region {
  display: grid;
  grid-gap: 1.5vw;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: var(--resp);
}

.list_box_region a {
  border-radius: var(--radius-1);
  border: 2px solid var(--gr-1);
  padding: var(--size-sm);
  text-align: center;
}

.list_box_region a:hover {
  border-color: var(--gr-3);
}

.list_box_region a span {
  display: block;
}

.list_box_region a span:first-child {
  margin-bottom: var(--size-xs);
}

.list_box_region a span:first-child {
  color: var(--color-1);
  font-weight: 700;
}

.list_box_region a span:last-child {
  color: var(--gr-4);
}

.mention {
  padding-left: 1em;
  margin-bottom: 1em;
}

.mention .int {
  color: var(--color-2);
  font-weight: 700;
  font-size: 1.1em;
  margin-bottom: var(--size-xs);
}

.box-saillie {
  transition: 0.2s;
  position: relative;
  padding: var(--size-md);
  border-radius: var(--radius-1);
  border: 2px solid var(--gr-1);
  background-color: var(--rev-white);
  justify-content: space-between;
  text-align: center;
  display: flex;
  padding: 1em;
  flex-direction: column;
}

.box-saillie:hover {
  border-color: var(--gr-2);
}

.box-head {
  width: 100%;
  margin-bottom: var(--size-sm2);
}

.box-head .race {
  font-size: 1.1em;
  color: var(--color-1);
  font-weight: 700;
}

.box-head .date-saillie {
  color: var(--color-1);
}

.box-head .affixe {
  font-size: 1.1em;
  margin-bottom: var(--size-xs);
  color: var(--saillie);
  font-weight: 700;
}

.box-head .entete {
  color: var(--gr-3);
  margin-bottom: var(--size-xs);
  font-size: 0.9em;
}

.box-saillie .regroup {
  display: flex;
  gap: 1em;
  justify-content: space-between;
  flex-grow: 1;
  margin-bottom: var(--size-sm);
  font-size: 0.9em;
}

.box-saillie .regroup .pere, .box-saillie .regroup .mere {
  flex: 1;
}

.box-saillie .regroup .pere .img, .box-saillie .mere .img {
  aspect-ratio: 4/3;
  margin-bottom: var(--size-sm);
  overflow: hidden;
  border-radius: var(--radius);
}

.box-saillie .regroup .pere img, .box-saillie .mere img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.box-saillie .regroup .pere .nom_complet, .box-saillie .regroup .mere .nom_complet {
  color: var(--color-1);
}

.box-saillie .regroup .pere .sexe, .box-saillie .regroup .mere .sexe {
  font-weight: 700;
}

.box-saillie .regroup .pere .sexe {
  color: var(--male);
}

.box-saillie .regroup .mere .sexe {
  color: var(--femelle);
}

.box-saillie .regroup .nom_complet span {
  font-weight: 700;
  width: 100%;
  display: block;
}

.box-saillie .regroup .date {
  margin: auto;
  margin-top: var(--size-md);
  color: var(--rev-white);
  font-size: 0.9em;
  padding: 0.25em 0.75em;
  background-color: var(--gr-3);
  border-radius: var(--radius-1);
}

.box-saillie .lieu {
  color: var(--gr-3);
  font-size: 0.9em;
  padding-top: 0.25em;
}

.box-saillie-mini .box-parents {
  border: 1px solid var(--gr-1);
  padding: var(--size-sm) var(--size-md);
  display: flex;
  justify-content: space-between;
  text-align: center;
  flex-wrap: wrap;
  gap: 0.5em;
  transition: 0.2s ease-in-out;
  border-radius: var(--radius);
  margin-bottom: var(--size-sm);
  height: 260px;
}

.box-saillie-mini .box-parents .pere, .box-saillie-mini .box-parents .mere {
  flex: 1;
}

.box-saillie-mini .box-parents .pere .int, .box-saillie-mini .box-parents .mere .int {
  color: var(--rev-white);
  border-radius: 0 0 0.5em 0.5em;
  padding: 0.4em;
  font-size: 0.9em;
}

.box-saillie-mini .box-parents .mere .int {
  background-color: var(--femelle);
}

.box-saillie-mini .box-parents .pere .int {
  background-color: var(--male);
}

.box-saillie-mini .box-parents .pere .img, .box-saillie-mini .box-parents .mere .img {
  background-color: var(--gr-0);
  border-radius: var(--radius) var(--radius) 0 0;
  height: 110px;
  overflow: hidden;
  position: relative;
}

.box-saillie-mini .box-parents .pere .img img, .box-saillie-mini .box-parents .mere .img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.box-saillie-mini .box-int-1 {
  font-size: 1.1em;
  color: var(--color-3);
  margin-bottom: var(--size-xs);
  font-weight: 700;
  color: var(--address);
}

.box-saillie-mini .box-int-2 {
  text-transform: lowercase;
  color: var(--color-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.1em;
}

.box-saillie-mini .box-int-3 {
  margin-top: var(--size-xs);
  font-size: 0.8em;
  color: var(--gr-3);
}

.box-saillie-mini .entete {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: bold;
  line-height: 1.1em;
  text-align: center;
  color: var(--color-1);
  width: 100%;
}

.box-saillie-mini .entete span {
  font-size: 0.8em;
  display: block;
  color: var(--gr-3);
  font-weight: normal;
}

.box-saillie-mini:hover .box-parents {
  box-shadow: 0 0 0 4px var(--gr-1);
}

.gridifich-saillie {
  display: flex;
  gap: 1em;
  transition: 0.2s ease-in-out;
  position: relative;
  margin-bottom: var(--resp);
  background-color: var(--rev-white);
  justify-content: space-between;
}

.gridifich-saillie a {
  padding: var(--size-md);
  display: block;
  width: 49.5%;
  text-align: center;
  gap: 1em;
  text-align: center;
  border-radius: var(--radius);
}

.gridifich-saillie a div:first-child {
  font-size: 0.8em;
  color: var(--color-1);
  text-transform: uppercase;
}

.gridifich-saillie a .nom {
  font-weight: 700;
  font-size: clamp(0.9em, 3vw, 1.2em);
  margin-bottom: var(--size-xs);
}

.gridifich-saillie a.pere {
  color: var(--male);
  border: 1px solid var(--male);
}

.gridifich-saillie a.femelle {
  color: var(--femelle);
  border: 1px solid var(--femelle);
}

.gridifich-saillie .list-etoile div {
  font-size: 1.1em;
}

.gridifich-saillie a .pict {
  display: flex;
  height: 14em;
  max-width: 16em;
  margin: 0 auto 0.5em auto;
  overflow: hidden;
  border-radius: var(--radius-1);
}

.gridifich-saillie a .pict img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.box-rech-reg {
  border: 2px solid var(--gr-2);
  border-radius: 3em;
  padding: var(--size-sm);
  display: flex;
  gap: 0.75em;
  background-color: hsla(223, 30%, 96%, 0.05);
}

.box-rech-reg:hover {
  border-color: var(--gr-4);
  background-color: transparent;
}

.box-rech-reg .img {
  width: 4em;
  height: 4em;
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.box-rech-reg .regroup {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.box-rech-reg .img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 90px;
  max-height: 100px;
}

.box-rech-reg .img div {
  display: none;
  position: absolute;
  color: #F0F0F0;
  width: 100%;
  font-size: 0.65em;
  background-color: hsla(0, 0%, 0%, 0.5);
  bottom: 0;
  padding: 0.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.box-rech-reg .box-int-1 {
  font-size: 1.1em;
  color: var(--color-3);
  margin-bottom: var(--size-xs);
  font-weight: 700;
}

.box-rech-reg .box-int-2 {
  color: var(--color-2);
  margin-bottom: var(--size-sm);
}

.box-4 .box-img {
  border-radius: var(--radius) var(--radius) 0 0;
  height: 220px;
  margin-bottom: var(--size-md);
}

.box-4.etalon .box-img img {
  width: auto;
}

.male {
  color: var(--male);
  fill: var(--male);
}

.femelle {
  color: var(--femelle);
  fill: var(--femelle);
}

.bg-1 .f-1 {
  background-color: transparent;
}

.box-2 {
  display: flex;
  gap: var(--size-md);
  transition: 0.2s ease-in-out;
  min-height: 11em;
  position: relative;
  padding: var(--size-md) var(--size-md) var(--size-xl) var(--size-md);
  border-radius: var(--radius-1);
  margin-bottom: var(--size-md);
  border: 2px solid var(--gr-2);
  background-color: var(--rev-white);
}

.box-2:hover {
  border-color: var(--gr-4);
}

.box-2 .box-img {
  height: 100px;
  width: 100px;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: var(--radius-1);
  position: relative;
}

.box-2 .box-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-width: 435px;
  height: 100%;
}

.box-2 .box-int-1 {
  font-size: 0.9em;
  color: var(--color-3);
  margin-bottom: var(--size-xs);
}

.box-2 .box-int-2 {
  font-weight: 700;
  margin-bottom: var(--size-xs);
  text-transform: uppercase;
  color: var(--color-1);
}

.box-2 .box-int-3 {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: var(--size-sm);
  color: var(--gr-4);
  font-size: 0.9em;
  line-height: 1.1em;
}

.box-2 .box-int-3:after {
  content: "..";
}

.box-2 .box-int-3:first-letter {
  text-transform: uppercase;
}

.box-2 .box-int-4 {
  color: var(--address);
  font-size: 0.9em;
  display: flex;
  align-items: center;
  margin-bottom: var(--size-sm);
}

.box-2 .box-int-4 span {
  margin-right: var(--size-xs);
  font-size: 14px;
}

.box-2 .box-activite {
  display: flex;
  gap: 0.5em;
  flex-direction: row;
  position: absolute;
  justify-content: flex-end;
  right: var(--size-lg);
  bottom: -20px;
}

.box-2 .box-activite div {
  flex-direction: column;
  border-radius: 50%;
  flex-shrink: 0;
  width: 65px;
  height: 65px;
  background-color: var(--gr-1);
  color: var(--rev-white);
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.box-2 .box-activite div span {
  font-weight: 700;
  font-size: 0.9em;
}

.box-2 .box-activite div span:first-child {
  line-height: 0.8em;
}

.box-2 .box-activite div.saillie {
  background-color: var(--male);
}

.box-2 .box-activite div.chiot {
  background-color: var(--femelle);
}

.box-2 .box-activite div.etalon {
  background-color: var(--etalon);
}

.dark .box-2.theme-vip-1,
.dark .box-2.theme-vip-2,
.dark .box-2.theme-vip-3,
.dark .box-2.theme-vip-4,
.dark .box-2.theme-vip-5,
.dark .box-2.theme-vip-6,
.dark .box-2.theme-vip-7,
.dark .box-2.theme-vip-8,
.dark .box-2.theme-vip-9,
.dark .box-2.theme-vip-10,
.dark .box-2.theme-vip-13,
.dark .box-2.theme-vip-14,
.dark .box-2.theme-vip-17,
.dark .box-2.theme-vip-18,
.dark .box-2.theme-vip-19,
.dark .box-2.theme-vip-20 {
  border: 2px solid #000;
}

.theme-vip-1 .supvip, .theme-vip-2 .supvip, .theme-vip-3 .supvip {
  background-image: url(/media/themevip/ornement1/orn.png);
  top: -6px;
  left: -5px;
  width: 45px;
  height: 45px;
}

.box-2.theme-vip-1, .box-2.theme-vip-2, .box-2.theme-vip-3 {
  border: 2px solid hsl(271, 52%, 76%);
}

.box-2.theme-vip-1:hover, .box-2.theme-vip-2:hover, .box-2.theme-vip-3:hover {
  border: 2px solid hsl(271, 52%, 46%);
}

.box-2.theme-vip-4, .box-2.theme-vip-5, .box-2.theme-vip-6, .box-2.theme-vip-7, .box-2.theme-vip-8, .box-2.theme-vip-9, .box-2.theme-vip-10, .box-2.theme-vip-13, .box-2.theme-vip-14, .box-2.theme-vip-17, .box-2.theme-vip-18, .box-2.theme-vip-19, .box-2.theme-vip-20 {
  transition: 0.2s ease-in-out;
}

.theme-vip-5 .supvip {
  background-image: url(/media/themevip/printemps/orn.png);
  top: -3px;
  left: -9px;
  width: 32px;
  height: 32px;
}

.box-2.theme-vip-5 {
  border: 2px solid hsl(87, 42%, 64%);
}

.box-2.theme-vip-5:hover {
  border: 2px solid hsl(87, 42%, 34%);
}

.theme-vip-6 .supvip {
  background-image: url(/media/themevip/automne/orn.png);
  top: -3px;
  left: -8px;
  width: 45px;
  height: 32px;
}

.box-2.theme-vip-6 {
  border: 2px solid hsl(37, 75%, 72%);
}

.box-2.theme-vip-6:hover {
  border: 2px solid hsl(37, 75%, 42%);
}

.theme-vip-7 .supvip {
  background-image: url(/media/themevip/hiver/orn.png);
  top: -10px;
  left: -18px;
  width: 45px;
  height: 45px;
}

.box-2.theme-vip-7 {
  border: 2px solid hsl(216, 86%, 77%);
}

.box-2.theme-vip-7:hover {
  border: 2px solid hsl(216, 86%, 47%);
}

.theme-vip-8 .supvip {
  background-image: url(/media/themevip/love/orn.png);
  top: -3px;
  left: -10px;
  width: 38px;
  height: 30px;
}

.box-2.theme-vip-8 {
  border: 2px solid hsl(339, 89%, 79%);
}

.box-2.theme-vip-8:hover {
  border: 2px solid hsl(339, 89%, 49%);
}

.theme-vip-9 .supvip {
  background-image: url(/media/themevip/mer/orn.png);
  top: 2px;
  left: -14px;
  width: 38px;
  height: 30px;
}

.box-2.theme-vip-9 {
  border: 2px solid hsl(203, 50%, 69%);
}

.box-2.theme-vip-9:hover {
  border: 2px solid hsl(203, 50%, 39%);
}

.theme-vip-10 .supvip {
  background-image: url(/media/themevip/rose-blanche/orn.png);
  top: -4px;
  left: -18px;
  width: 45px;
  height: 38px;
}

.box-2.theme-vip-10 {
  border: 2px solid hsl(68, 20%, 66%);
}

.box-2.theme-vip-10:hover {
  border: 2px solid hsl(68, 20%, 36%);
}

.theme-vip-13 .supvip {
  background-image: url(/media/themevip/rose-rouge/orn.png);
  top: -2px;
  left: -15px;
  width: 45px;
  height: 28px;
}

.box-2.theme-vip-13 {
  border: 2px solid hsl(0, 67%, 77%);
}

.box-2.theme-vip-13:hover {
  border: 2px solid hsl(0, 67%, 47%);
}

.theme-vip-14 .supvip {
  background-image: url(/media/themevip/truffes/orn.png);
  top: -7px;
  left: -7px;
  width: 45px;
  height: 35px;
}

.box-2.theme-vip-14 {
  border: 2px solid hsl(15, 40%, 66%);
}

.box-2.theme-vip-14:hover {
  border: 2px solid hsl(15, 40%, 36%);
}

.theme-vip-17 .supvip {
  background-image: url(/media/themevip/saint-valentin/orn.png);
  top: -1px;
  left: -18px;
  width: 47px;
  height: 30px;
  width: 45px;
  height: 45px;
}

.box-2.theme-vip-17 {
  border: 2px solid hsl(203, 62%, 63%);
}

.box-2.theme-vip-17:hover {
  border: 2px solid hsl(203, 62%, 33%);
}

.theme-vip-4 .supvip, .theme-vip-18 .supvip, .theme-vip-19 .supvip, .theme-vip-20 .supvip {
  background-image: url(/media/themevip/noel/orn.png);
  top: -14px;
  left: calc(50% - 36px);
  width: 72px;
  height: 25px;
}

.box-2.theme-vip-4, .box-2.theme-vip-18, .box-2.theme-vip-19, .box-2.theme-vip-20 {
  border: 2px solid hsl(178, 34%, 65%);
}

.box-2.theme-vip-4:hover, .box-2.theme-vip-18:hover, .box-2.theme-vip-19:hover, .box-2.theme-vip-20:hover {
  border: 2px solid hsl(178, 34%, 35%);
}

.supvip {
  z-index: 0;
  position: absolute;
  background-repeat: no-repeat;
}

.box-2-conseil {
  display: flex;
  order: 3;
  border-radius: var(--radius-1);
  overflow: hidden;
  margin-bottom: var(--size-md);
}

.box-2-conseil .txt {
  color: var(--color-4);
  max-width: 50%;
  font-size: 2em;
  padding: var(--size-md);
  text-align: center;
  display: flex;
  align-items: center;
}

.box-2-conseil .txt div span:first-child {
  color: var(--etalon);
}

.box-2-conseil .txt div span:last-child {
  color: var(--gr-3);
}

.box-2-conseil .img {
  flex-grow: 1;
  background: url(/media/conseil.jpg) no-repeat 100% 0;
  background-size: cover;
}

.box-2-sm {
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid var(--gr-2);
  padding: 0.8em;
  background-color: var(--rev-white);
  border-radius: var(--radius);
}

.box-2-sm:hover {
  border-color: var(--gr-4);
}

.box-2-sm .box-regroup {
  flex-grow: 1;
}

.box-2-sm .box-int-1 {
  text-transform: uppercase;
  color: var(--color-1);
  font-size: 0.9em;
  line-height: 1.1em;
  font-weight: 600;
}

.box-2-sm .box-int-2 {
  color: var(--gr-4);
  font-size: 0.9em;
  display: flex;
  align-items: center;
  margin-bottom: var(--size-xs);
}

.box-2-sm .box-int-3 {
  color: var(--address);
  font-size: 0.9em;
  display: flex;
  align-items: center;
  text-transform: lowercase;
  margin-bottom: var(--size-sm);
}

.box-2-sm .box-int-3 span:first-letter {
  text-transform: uppercase;
  margin-left: 0.5em;
}

.box-2-sm .box-activite {
  display: flex;
  gap: 0.5em;
  justify-content: space-between;
}

.box-2-sm .box-activite div {
  background-color: hsla(223, 30%, 90%, 0.4);
  color: var(--gr-2);
  flex-grow: 1;
  flex-direction: column;
  display: flex;
  padding: var(--size-xs) 0;
  border-radius: 4px;
  justify-content: center;
  font-size: 0.8em;
  align-content: center;
  align-items: center;
}

.dark .box-2-sm .box-activite div {
  background-color: hsla(223, 30%, 90%, 0.1);
  color: var(--gr-2);
}

.box-2-sm .box-activite div.saillie {
  background-color: var(--male);
}

.box-2-sm .box-activite div.chiot {
  background-color: var(--femelle);
}

.box-2-sm .box-activite div.etalon {
  background-color: var(--etalon);
}

.box-2-sm .box-activite div.etalon, .box-2-sm .box-activite div.chiot, .box-2-sm .box-activite div.saillie {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  color: #FFF;
}

.box-4 {
  --shad: 0px 8px 40px 0px rgba(0, 0, 0, .04), 0px 2px 5px 0px rgba(0, 0, 0, .05), 0px 0px 2px 0px rgba(0, 0, 0, .15);
  box-shadow: 0 0 var(--rev-black), 0 0 var(--rev-black), var(--shad);
  border-radius: var(--radius);
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
}

.dark .box-4 {
  --shad: 0px 8px 40px 0px rgba(0, 0, 0, 0.25), 0px 2px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px 0px rgba(255, 255, 255, 0.15);
  outline: 1px solid var(--gr-0);
}

.box-4 .box-img img {
  transform: scale(1);
  transition: transform 0.3s ease;
}

.box-4:hover .box-img img {
  transform: scale(1.05);
}

.box-4:hover .box-img .box-img-txt {
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
}

.box-4.etalon:hover .box-img .box-img-txt {
  background: rgba(0, 0, 0, 0.75);
}

.box-4 .box-img-txt, .box-4 .box-int-1, .box-4 .box-int-supp, .box-4 .box-int-supp-etalon {
  padding-left: var(--size-sm);
  padding-right: var(--size-sm);
}

.box-4 .box-img-txt {
  color: var(--gr-3);
  font-size: 10px;
  font-weight: bold;
  padding-bottom: 0.75em;
  text-transform: uppercase;
  display: block;
}

.box-4 .box-int-1 {
  justify-content: center;
  line-height: 1.1em;
  font-weight: 700;
  color: var(--color-1);
  min-height: 40px;
  margin-bottom: var(--size-sm);
  display: flex;
  flex-grow: 1;
}

.box-4 .box-int-2 {
  margin-bottom: var(--size-md);
  flex-grow: 1;
  color: var(--color-1);
}

.box-4 .box-int-supp, .box-4 .box-int-supp-etalon {
  align-items: center;
  padding: 0.75em 0;
  text-transform: lowercase;
  border-top: 1px solid var(--gr-0);
  font-size: 0.8em;
  color: var(--color-1);
}

.box-4 .box-int-supp:first-letter, .box-4 .box-int-supp-etalon:first-letter {
  text-transform: uppercase;
}

.box-4 .box-int-supp-etalon {
  color: var(--etalon);
  font-weight: 700;
}

.box-4 .box-int-etalon {
  position: absolute;
  font-weight: 700;
  background-color: var(--etalon);
  padding: 0 1em;
  color: #FFF;
  font-size: 0.8em;
  border-radius: 0 var(--radius) var(--radius) 0;
  height: 23px;
  display: flex;
  z-index: 1;
  left: -1px;
  top: 16px;
  text-transform: uppercase;
  align-items: center;
}

.box-4 .box-int-vente {
  position: absolute;
  background-color: var(--avendre);
  color: var(--rev-white);
  padding: 0 0.75em;
  font-size: 12px;
  font-weight: bold;
  border-radius: var(--radius) var(--radius) 0 0;
  z-index: 1;
  bottom: 0;
  translate: 0;
  text-transform: uppercase;
  padding: 0.5em 1.25em;
}

.box-4.male .box-int-1 {
  color: var(--male);
}

.box-4.femelle .box-int-1 {
  color: var(--femelle);
}

.box-4 .box-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  align-items: stretch;
}

.box-4 .box-info div {
  width: 45%;
}

.box-4.etalon:hover {
  border-color: var(--rev-black);
}

.box-4 .box-img > span:first-child {
  position: absolute;
  inset: 0 0;
  filter: blur(100px);
  transform: scale(10);
  background-size: cover;
  background-repeat: no-repeat;
}

.box-int-supp:first-letter {
  text-transform: uppercase;
}

.box-5 {
  border: 1px solid var(--gr-1);
  border-radius: var(--radius);
  gap: 1em;
  position: relative;
  padding: var(--size-sm);
  display: flex;
  transition: 0.2s ease-in-out;
}

.box-5:hover {
  border: 1px solid var(--gr-4);
}

.box-5 .box-img {
  flex-shrink: 0;
  width: 170px;
  height: 140px;
  overflow: hidden;
  border-radius: var(--radius);
  background-color: var(--gr-0);
  position: relative;
}

.box-5 .box-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.box-5 .box-img {
  background: hsla(0, 0%, 80%, 0.2) url(/media/sans-service.png) no-repeat 50% 50%;
  background-size: 30%;
}

.box-5 .regroup {
  flex-grow: 1;
}

.box-5 .regroup .box-int-1 {
  color: var(--color-1);
  font-size: 1.1em;
  font-weight: 700;
  margin-bottom: var(--size-xs);
}

.box-5 .regroup .box-int-2 {
  font-weight: 700;
  color: var(--gr-4);
  margin-bottom: var(--size-xs);
}

.box-5 .regroup .box-int-2::first-letter {
  text-transform: uppercase;
}

.box-5 .regroup .box-int-supp {
  color: var(--color-3);
}

.box-5 .regroup .box-lieu {
  color: var(--address);
  margin-bottom: var(--size-sm);
  text-transform: lowercase;
  font-size: 0.9em;
}

.box-4 .list-etoile {
  margin: 0 auto 0.5em auto;
}

.list-etoile {
  display: flex;
  gap: 2px;
}

.list-etoile .star, .list-etoile .certif {
  /*
  height: 18px;
  width: 18px;
  border-radius: 50%;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  */
  flex-shrink: 0;
}

.list-etoile .star span {
  background-color: var(--etoile);
}

.list-etoile .certif span {
  background-color: var(--rev-black);
}

.list-etoile .star span, .dark .list-etoile .star span, .list-etoile .certif span, .dark .list-etoile .certif span {
  display: block;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  margin: auto;
}

input.is-valid-form {
  border-color: #198754;
  padding-right: 2.25em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.5625em center;
  background-size: 1.125em 1.125em;
}

input.is-invalid-form {
  border-color: #dc3545;
  padding-right: 2.25em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.5625em center;
  background-size: 1.125em 1.125em;
}

.list-etoile .star span {
  background-image: url(/media/star-w.svg);
  background-size: cover;
  margin-bottom: 2px;
}

.dark .list-etoile .star span {
  background-image: url(/media/star-b.svg);
  background-size: cover;
  margin-bottom: 2px;
}

.list-etoile .certif span {
  background-image: url(/media/certif-w.svg);
  background-size: cover;
}

.dark .list-etoile .certif span {
  background-image: url(/media/certif-b.svg);
  background-size: cover;
}

.boxy {
  display: none;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFF;
  border-radius: var(--radius);
  padding: 0 0.3em;
  width: 25px;
  height: 25px;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  top: var(--size-sm);
  right: var(--size-sm);
}

.boxy span {
  font-size: 0.9em;
  height: 0.9em;
}

.boxy span:nth-child(2) {
  margin-left: 0.2em;
}

.htitre {
  font-weight: bold;
  font-size: clamp(1.25em, 2vw, 1.4em);
  color: var(--chiot);
  padding: clamp(1.5em, 2vw, 2.5em);
  text-align: center;
}

.simple {
  margin-left: 1em;
}

.simple li {
  margin-left: 1em;
  list-style: circle;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.para {
  padding: 0.5em 2em 1em 2em;
}

.para p {
  padding-bottom: 0.5em;
}

.ad-horizon {
  width: 100%;
  min-height: 90px;
  margin: auto;
  text-align: center;
}

.ad {
  width: 300px;
  max-width: 300px;
  max-height: 600px;
  margin: 0 auto var(--ec-1);
}

.ad-ac {
  width: 100%;
  min-width: 300px;
  height: 600px;
  margin-bottom: var(--ec-1);
}

.ad, .ad-ac {
  background-color: var(--gr-0);
}

.ad-purina {
  background: var(--club-bg) url(/media/club.jpg) no-repeat 50% 50%;
  border-radius: var(--radius);
  display: block;
  height: 100px;
  margin-bottom: var(--ec-1);
  text-align: center;
  padding: var(--size-md) 0;
  border: 1px solid var(--gr-2);
  background-color: var(--club-bg);
  width: -webkit-fill-available;
  width: -moz-available;
}

.ad-purina img {
  width: 90%;
}

.ad-etalon, .ad-wamiz {
  width: -webkit-fill-available;
  flex: 1;
}

.ad-wamiz {
  --color-wamiz-1: #ff807c;
  --color-wamiz-2: #5d5d6e;
  --color-wamiz-3: #fff5f5;
  display: block;
  border: 1px solid var(--color-wamiz-1);
  display: block;
  min-height: 8em;
  border-radius: var(--radius);
  position: relative;
  margin-bottom: var(--size-lg);
}

.ad-wamiz:hover {
  border: 1px solid var(--color-wamiz-2);
}

.ad-wamiz .ad-wamiz-regroup {
  padding: var(--size-md) var(--size-md) var(--size-sm) var(--size-md);
}

.ad-wamiz div .int-1 {
  color: var(--color-wamiz-1);
  font-weight: bold;
}

.ad-wamiz div .int-2 {
  color: var(--color-wamiz-2);
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.25em 0;
}

.ad-wamiz .int-3 {
  text-align: center;
  margin-bottom: 0.25em;
}

.ad-wamiz .int-4 {
  background-color: var(--color-wamiz-3);
  border-radius: var(--radius);
  text-align: right;
}

.ad-wamiz .int-4 svg {
  fill: var(--color-wamiz-1);
}

.ad-etalon {
  display: block;
  min-height: 8em;
  border: 1px solid var(--connexion);
  border-radius: var(--radius);
  padding: var(--size-md);
  position: relative;
}

.ad-etalon span {
  display: block;
}

.ad-etalon span:first-child {
  font-size: 1.1em;
  color: var(--connexion);
  margin-bottom: var(--size-xs);
  font-weight: 600;
}

.ad-etalon span:nth-child(2) {
  font-size: 1.6em;
  color: var(--color-1);
  font-weight: 700;
  margin-bottom: var(--size-xs);
}

.ad-etalon span:nth-child(3) {
  font-size: 1.1em;
  color: var(--gr-4);
  width: 90%;
}

.ad-etalon span:nth-child(4) {
  display: block;
  width: 84px;
  height: 126px;
  background: url(/media/etalon.png);
  position: absolute;
  bottom: -20px;
  right: -1px;
  border-radius: 0 0 8px 0;
}

.abs-fida {
  display: block;
  position: relative;
  background-color: #e8ecf4;
  padding: 1.5em;
  background-image: url(/media/assurance/bg-basgauche.svg), url(/media/assurance/bg-haudroit.svg);
  background-position: 0 100%, 100% 0;
  background-size: 40%, 30%;
  height: 250px;
  background-repeat: no-repeat;
  color: #000 !important;
  margin: auto;
  overflow: hidden;
}

.abs-fida-logo {
  content: "";
  width: 150px;
  height: 60px;
  display: block;
  margin: 0 auto 1em auto;
  background: url(/media/assurance/logo.svg) no-repeat 50% 0%;
  background-size: contain;
}

.abs-fida-txt {
  margin: 0 auto 2em auto;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 1em;
  border-radius: 0.5em;
}

.abs-fida::after {
  position: absolute;
  content: "";
  width: 140px;
  height: 100px;
  display: block;
  bottom: -5px;
  right: -8px;
  background: url(/media/assurance/fidanimo-assurance-chien-3-2.svg) no-repeat 50% 0%;
  background-size: contain;
}

.ad-horizon .abs-fida {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
  background-size: 20%, 15%;
  padding: 0;
  max-width: -webkit-fill-available;
  max-width: -moz-fill-available;
}

.ad-horizon .abs-fida .abs-fida-txt {
  display: none;
}

.ad-horizon .abs-fida .abs-fida-logo {
  margin: auto;
}

.ad-horizon .abs-fida::after {
  width: 240px;
  height: 280px;
  bottom: -165px;
  right: 0px;
}

footer {
  text-align: center;
  display: flex;
  flex-direction: column;
}

footer .it1 {
  display: flex;
  -moz-column-gap: 1em;
       column-gap: 1em;
  justify-content: center;
}

footer .it1 > a, footer .it1 div {
  display: block;
  padding: 0.5em 1em;
}

footer .it1 a {
  color: var(--color-1);
}

footer .it1 a:hover {
  color: var(--color-3);
}

footer .it2 {
  margin-bottom: var(--size-sm);
  display: flex;
  justify-content: center;
}

footer .it2 span {
  color: var(--male);
  border-radius: var(--radius);
  border: 1px solid var(--male);
  font-size: clamp(1.3em, 2.5vw, 1.8em);
  padding: var(--size-md);
}

footer .it3 {
  color: var(--rev-black);
  margin-bottom: 1em;
  font-size: 0.9em;
}

footer .it4 {
  font-size: 0.8em;
  margin-bottom: 1em;
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@media only screen and (max-width: 1600px) {
  .ad-horizon {
    width: 100%;
  }
}
@media only screen and (max-width: 1500px) {
  .search_race, .search_region, .search_rub {
    max-height: none;
  }
  .search_rub {
    width: 100%;
    justify-content: center;
  }
  .list_box_saillie {
    grid-template-columns: 1fr 1fr;
  }
  .list_box_3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  /*.ad-cmp { grid-column: 1 / 4 }*/
}
@media only screen and (max-width: 1400px) {
  .ad, .ad-ac, .regroup-menue {
    width: -webkit-fill-available;
    width: -moz-available;
  }
  .ad-ac {
    height: auto;
  }
  .abs-fida {
    background-size: 25%, 30%;
  }
  .content .various .sticky-menud {
    position: relative;
    top: auto;
  }
  .list_box_5 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .list_box_5.acc a:last-child {
    display: none;
  }
  .menuright a {
    display: flex;
    margin-bottom: 0.75em;
    color: var(--color-2);
    background-color: var(--gr-0);
    padding: 0.5em;
    border-radius: 0.5em;
    color: var(--rev-black);
    text-align: center;
    margin-bottom: 0;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .menuright {
    display: grid;
    grid-gap: 0.5em;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    align-items: center;
  }
  nav .connexion {
    display: none;
  }
  .content .various .regroup-menud {
    display: flex;
    gap: 1em;
    justify-content: center;
  }
  .regroup-guide, .regroup-menud {
    width: -webkit-fill-available;
    width: -moz-available;
  }
  .list_box_5 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  nav .chiots, nav .eleveurs, nav .chiens, nav .services {
    flex-grow: 1;
  }
  header {
    margin: var(--ec-3) auto;
    height: 50px;
  }
  .chiensdefrance {
    width: 254px;
    height: 38px;
  }
  .chiensdefrance:after {
    margin-top: 2.8em;
    font-size: 0.7em;
  }
  .search .xtz {
    width: 100%;
  }
  .filtres .sepa {
    margin: 0 0.25em;
    height: 100%;
  }
  .filtres select {
    width: 100%;
  }
  nav a span:first-child, .connexion span:first-child {
    margin-bottom: 0.1em;
  }
  nav {
    margin-bottom: var(--size-md);
    height: 3em;
  }
  nav a span:last-child {
    font-size: 0.7em;
  }
  .connexion .ic-con {
    width: 3em;
    height: 3em;
    left: calc(50% - 1.5em);
    top: -1.5em;
  }
  .connexion .ic-con::before {
    height: 1.5em;
    width: 3em;
    border-radius: 1.5em 1.5em 0 0;
  }
  .connexion .ic-con .material-icons:after {
    font-size: 24px;
  }
  .page-pedigree-chiens {
    display: block;
  }
  .pedigree-groupe-pere, .pedigree-groupe-mere {
    width: 100%;
  }
  .list_box_5.acc a:nth-last-child(-n+2), nav .home, .connexion, .chiensdefrance:after, nav .home, .pedigree-top .fiche-pedigree-branche div:after {
    display: none;
  }
  .fast-account {
    display: flex;
  }
  .content {
    display: block;
  }
  .content .various {
    margin-left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: var(--ec-1);
    align-items: center;
  }
  .bg-1 {
    padding: var(--size-lg) var(--size-md);
  }
  .content .various .ad {
    order: 3;
  }
  .content .various .regroup-menud {
    order: 1;
  }
  .box-3 .box-int-1 {
    white-space: normal;
  }
  .gal {
    max-height: 400px;
  }
  .gridifich {
    grid-auto-columns: 2fr 300px;
  }
  .list_box_saillie {
    grid-template-columns: 1fr 1fr;
  }
  .content .glob {
    width: 100%;
  }
  /* .ad-cmp { grid-column: 1 / 5 } */
}
@media only screen and (max-width: 1000px) {
  .list_box_saillie {
    grid-template-columns: 1fr 1fr;
  }
  .list_box_region {
    grid-template-columns: 1fr 1fr;
  }
  .list_box_5 {
    grid-template-columns: 1fr 1fr;
  }
  .list_box_5.acc a:nth-last-child(-n+2) {
    display: block;
  }
  .list_box_5.acc a:nth-last-child(-n+1) {
    display: none;
  }
  .info-ac {
    flex-direction: column;
    gap: 2em;
  }
  .info-ac .info-1, .info-ac .info-2, .info-ac .info-3 {
    width: 100%;
    margin: auto;
  }
  .info-ac {
    padding: 0;
    border: 0;
  }
}
@media only screen and (max-width: 900px) {
  .list_box_elv {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
  nav a span:last-child, .connexion span:last-child {
    display: none;
  }
  nav {
    height: auto;
    margin-bottom: var(--size-md);
    gap: 0.5em;
  }
  nav a span:first-child {
    margin-bottom: 0;
  }
  nav a, .connexion {
    min-height: 3em;
  }
  nav .home, nav .chiots, nav .eleveurs, nav .etalons, nav .chiens {
    margin-right: 0;
  }
  .filpar {
    font-size: 0.8em;
  }
  .box-5 .box-img {
    width: 100px;
    height: 85px;
  }
  .fp {
    display: flex;
    flex-direction: column;
  }
  .fp .ins, .fp .log {
    width: 100%;
  }
  .ins .titre, .log .titre {
    margin-bottom: 1em;
  }
  .fp .regroup {
    margin-bottom: 0.5em;
  }
  .img-ins-1, .img-ins-2, .filpar {
    display: none;
  }
  .filtres .cat div label {
    font-size: 0.9em;
    padding: 0.5em;
  }
  .filtres select {
    font-size: 0.9em;
  }
  #breadcrumb {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
  }
  #breadcrumb > li:first-child, #breadcrumb > li:last-child {
    display: none;
  }
  #breadcrumb li:nth-child(n+5)::after {
    display: none;
  }
  nav .home, nav .chiots, nav .eleveurs, nav .etalons, nav .chiens, nav .services {
    margin-right: 0;
  }
  .menuright a {
    min-height: auto;
  }
  .footer-dim {
    min-width: 400px;
  }
  .footer-dim .it1 {
    flex-direction: column;
  }
  .all-data-footer {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .list_box_saillie {
    grid-template-columns: 1fr;
  }
  .choices__list--dropdown, .choices__list[aria-expanded] {
    z-index: 10 !important;
  }
  .box-saillie .regroup .pere img, .box-saillie .mere img {
    max-width: 330px;
  }
  header {
    height: 30px;
  }
}
@media only screen and (max-width:576px) {
  .list_box_chiot {
    gap: 1.5em 2em;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 700px) {
  .glob-max {
    border: 0;
    margin-top: 0.5em;
    padding: 1em 0 0 0;
    border-radius: 0;
    border-top: 1px solid var(--gr-1);
  }
  .ad-etalon span:nth-child(4) {
    display: none;
  }
  .content .various .regroup-menud {
    flex-direction: column;
  }
  .ad-etalon, .ad-wamiz {
    text-align: center;
  }
  .search-titre {
    padding: 0.75em 0;
  }
  .info-label .fida-logo {
    width: 120px;
  }
  .ad-etalon, .ad {
    margin: 0;
  }
  .ad {
    margin-top: 1em;
  }
  .list {
    grid-template-columns: 1fr;
  }
  .all-data-footer {
    grid-template-columns: 1fr 1fr;
    margin: 0.75em auto;
  }
  #breadcrumb li:nth-child(2) {
    display: none;
  }
  #breadcrumb li a span {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .flex_bandeau_annonce {
    flex-direction: column;
    padding: 1em;
  }
  .flex_bandeau_annonce div.txt {
    text-align: center;
    width: 100%;
    line-height: 1em;
    font-size: 1em;
    font-weight: 400;
  }
  .logcdf {
    text-align: left;
    flex-grow: 1;
    justify-content: flex-start;
  }
  .list_box_3, .list_box_2 {
    grid-template-columns: 1fr;
    gap: 1em;
  }
  .box-5 {
    align-items: center;
  }
  .content, nav, header, .footer-dim, html {
    min-width: 400px;
  }
  .fast-home, .fast-hamb, .fast-close, .fast-dark, .fast-account {
    border-radius: 50%;
    border: 1px solid var(--gr-1);
    padding: 0.2em;
    font-size: 24px;
    width: 35px;
    height: 35px;
    flex-shrink: 0;
  }
  .search {
    max-height: none;
    margin-bottom: 3em;
  }
  .search_annonce {
    margin-bottom: 1.5em;
  }
  .search .xtz {
    display: block;
  }
  .search_bout {
    height: 30px;
  }
}
@media only screen and (max-width: 700px) and (max-width:768px) {
  .search_bout {
    height: 45px;
  }
}
@media only screen and (max-width: 700px) {
  .search button {
    bottom: -24px;
  }
  .search_race, .search_region {
    margin: auto;
    width: 100%;
  }
  .search_race {
    margin-bottom: var(--size-sm);
  }
  .search h1, .search-titre {
    font-size: 1.1em;
    height: auto;
    padding: 1em 0;
    margin-bottom: 0;
  }
  .chiensdefrance {
    height: 29px;
    width: 191px;
  }
  nav, .nav-mobile-l, .search h1 span, .nomob, .gal-item {
    display: none;
  }
  .box-5 .regroup .box-int-supp {
    font-size: 0.9em;
  }
  .gal {
    height: auto;
    max-height: none;
  }
  .box-saillie-mini .box-int-1 {
    font-size: 1em;
  }
  .fast-hamb {
    display: flex;
  }
  .list_box_200, .list_box_240, .list_box_300 {
    grid-template-columns: 1fr;
  }
  .search .cont {
    flex-direction: column;
  }
  .search .cont select {
    width: 100%;
    margin-bottom: 1em;
    padding: 0.8em 1em;
  }
  .liste-1 {
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
  }
  .liste-2, .liste-3 {
    grid-template-columns: 1fr 1fr;
  }
  .gridifich {
    display: grid;
    grid-auto-columns: 1fr;
    grid-gap: 1em;
    grid-auto-rows: auto;
  }
  .gridifich .it1 {
    grid-column: 1;
    grid-row: 1;
  }
  .gridifich .it2 {
    grid-column: 1;
    grid-row: 3;
  }
  .gridifich .it3 {
    grid-column: 1;
    grid-row: 2;
  }
  .liste-1 li {
    word-break: break-word;
  }
  .guide {
    display: block;
  }
  .gal-6 div:nth-child(n+1) {
    grid-column: 1;
  }
  .gal .gal-princ:after {
    font-size: 0.8em;
    padding: 0.75em 0;
  }
  footer .it1 {
    flex-wrap: wrap;
    margin-bottom: 0.5em;
  }
  footer .it1 a {
    width: 100%;
    padding: 0.25em 0;
  }
  .guide-img-300, .guide-img-200 {
    width: 100%;
  }
  .guide-age td {
    padding: 0.25em 0.5em;
    font-size: 0.8em;
  }
  .menu-purina {
    display: block;
  }
  .pedigree-top {
    width: 80%;
  }
  .pedigree-groupe {
    gap: 0.5em;
  }
  .bg-1 {
    padding: 0;
    background-color: transparent;
  }
  .list_box_region {
    grid-template-columns: 1fr;
  }
  .search_chiots, .search_etalons, .search_chiens, .search_annonce, .search_eleveurs {
    background-position: 0% 30%;
    background-image: none;
  }
  .search_chiots {
    background: #7aa12f url(/media/bgchiots-mob.jpg) no-repeat 0;
    background-size: cover;
  }
  .search_eleveurs {
    background: #5c4d92 url(/media/bgeleveurs-mob.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .search_etalons {
    background: url(/media/bgetalons-mob.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .search_chiens {
    background: #5c4d92 url(/media/bgchiens-mob.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .search_annonce {
    transition: 0.2s ease-in-out;
    background: #2c231e url(/media/bgannonce-mob.jpg) no-repeat 0 0;
    background-size: 100%;
    margin-bottom: 1.5em;
  }
  .box-rech-reg .img {
    width: 4em;
    height: 4em;
  }
  .box-saillie-mini .box-parents {
    padding: var(--size-sm);
  }
  .box-saillie-mini .entete {
    line-height: normal;
  }
  .box-3 .box-int-2 {
    max-width: -moz-fit-content;
    max-width: fit-content;
    white-space: inherit;
  }
  .box-2-conseil .txt {
    font-size: 1.5em;
  }
  .ad-horizon .abs-fida::after {
    width: 190px;
    height: 280px;
    bottom: -175px;
    right: 0px;
  }
  .list_box_4 {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.75em;
  }
  .box-4 .box-img {
    height: 160px;
  }
}
@media only screen and (max-width: 550px) {
  .content .glob.globetalon {
    width: 100%;
  }
  .info-ac .info-1 div:first-child, .info-ac .info-2 div:first-child, .info-ac .info-3 div:first-child {
    margin: 0 auto 1em auto;
    background-size: cover;
  }
  .box-4 .box-int-1 {
    min-height: auto;
  }
  .list_box_chiot {
    display: grid;
    gap: 1.5em 1.25em;
  }
  .box-saillie-mini .box-int-2 {
    max-width: 160px;
  }
  .box-4.etalon .box-int-1, .box-4 .box-int-supp-etalon {
    font-size: 0.9em;
  }
  .acc-site {
    margin-bottom: 1em;
  }
  .box-saillie .regroup .pere img, .box-saillie .mere img {
    max-width: 210px;
  }
  .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    padding: 0.6em !important;
    font-size: 1em !important;
    border-bottom: 1px solid var(--gr-1);
  }
  .box-title {
    font-size: 1em;
  }
  .list_box_elv .box-2:last-child {
    margin-bottom: 0;
  }
  .list_box_elv {
    grid-template-columns: 1fr;
  }
  a.ban-fida-1 .ban-fida-visu-1, a.ban-fida-1 .ban-fida-visu-2, a.ban-fida-2 .ban-fida-visu, a.ban-fida-2 .ban-fida-visu {
    height: 170px;
  }
  a.ban-fida-2 .ban-fida-visu {
    bottom: auto;
    top: 0;
  }
  .box-saillie-mini .box-parents {
    height: 174px;
  }
  .box-2 {
    flex-wrap: wrap;
    padding: var(--size-md);
  }
  .box-2 .box-int-3 {
    padding: 0.5em 0;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
  .box-2 .box-img {
    height: 240px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .box-2 .box-activite {
    position: inherit;
    justify-content: center;
    margin: auto;
    right: auto;
    bottom: auto;
    width: -webkit-fill-available;
    width: -moz-available;
  }
  .box-2 .box-activite div {
    flex-direction: row;
    border-radius: var(--radius);
    max-width: 50%;
    width: auto;
    gap: 0.25em;
    flex: 1;
    height: auto;
    padding: 0.5em;
  }
  .box-2 .box-activite div span {
    font-size: 0.8em;
  }
  .box-2 .box-regroup {
    margin-bottom: var(--size-sm);
    width: 100%;
  }
  .box-2 {
    margin-bottom: 0;
  }
  .search button {
    font-size: 1.1em;
    min-height: 40px;
    bottom: -19px;
  }
  .search_annonce .txt {
    line-height: 1.1em;
  }
  .box-saillie-mini .entete {
    font-size: 0.9em;
  }
  .box-saillie-mini .box-parents .pere .img, .box-saillie-mini .box-parents .mere .img {
    height: 70px;
  }
  .content, nav, header {
    width: 100%;
    padding: 0 1em;
  }
  .qcq-img {
    height: 170px;
  }
  .gridifich-saillie a .pict {
    height: 8em;
    width: 100%;
  }
  .gridifich-saillie a {
    padding: 0.5em 0.75em;
  }
  .filtres .cat div:first-child {
    text-align: center;
  }
  .filtres .cat div:first-child label {
    display: flex;
    justify-content: center;
  }
  .filtres .cat div:last-child {
    flex-grow: 1;
  }
  .filtres .cat div label {
    font-size: 0.8em;
    padding: 0.5em;
  }
  .search_vente label .coch {
    padding: 0;
    font-size: 0.9em;
  }
  .ad-horizon .abs-fida::after {
    width: 120px;
    height: 270px;
    bottom: -192px;
    right: -20px;
  }
  .ad-horizon {
    padding: 1em 0;
  }
  .sensi p {
    line-height: 1.4em;
  }
  .sensi .log-rf {
    width: 75px;
    height: 75px;
  }
}
@media only screen and (max-width: 410px) {
  .box-saillie-mini .box-int-3 {
    margin-top: 0;
  }
  .box-saillie-mini .entete span {
    font-size: 0.7em;
  }
  a.ban-fida-1 .ban-fida-visu-1, a.ban-fida-1 .ban-fida-visu-2, a.ban-fida-2 .ban-fida-visu, a.ban-fida-2 .ban-fida-visu {
    height: 150px;
  }
  .box-saillie-mini .box-parents {
    height: 154px;
  }
  .ad-etalon {
    min-height: 9em;
  }
  .liste-2, .liste-3 {
    grid-template-columns: 100%;
  }
  .ad-etalon span:first-child {
    font-size: 1.3em;
  }
  .ad-etalon span:nth-child(3) {
    font-size: 1.3em;
    display: block;
    width: 200px;
  }
  .ad-etalon span:nth-child(2) {
    font-size: 1.4em;
  }
  .search_race, .search_region {
    width: 100%;
  }
  .liste-1 {
    grid-template-columns: 100%;
  }
  .guide-drp {
    display: block;
  }
  .ad-etalon {
    min-height: auto;
    text-align: center;
  }
  .ad-etalon span:nth-child(3) {
    width: 100%;
  }
  .box-3 .box-img img {
    max-height: 200px;
  }
  .choices__inner {
    font-size: 1em !important;
  }
}