@charset "UTF-8";
:root {
  --bs-body-font-family: "Roboto", sans-serif;
  --bs-border-color: #707070; }

.box_shadow {
  box-shadow: 0px 3px 3px #00000029; }

.text_thin {
  font-weight: 100; }
.text_extraLight {
  font-weight: 200; }
.text_light {
  font-weight: 300; }
.text_normal, .text_regular {
  font-weight: 400; }
.text_medium {
  font-weight: 500; }
.text_bold {
  font-weight: 700; }
.text_black {
  font-weight: 800; }
.text_ultra {
  font-weight: 900; }
.text_uppercase {
  text-transform: uppercase; }
.text_underline {
  text-decoration: underline; }
.text_italic {
  font-style: italic; }
.text_noir {
  color: #000000; }
.text_blanc {
  color: #FFFFFF; }
.text_gris {
  color: #707070; }
.text_slate {
  color: #555A6B; }

.bg_beige {
  background-color: #F4ECDF; }
.bg_beige_t {
  background-color: #F4ECDF4D; }
.bg_offwhite {
  background-color: #FFF8FC; }
.bg_blanc {
  background-color: #FFFFFF; }

.badge_rose {
  background-color: #D8016A; }
.badge_blanc {
  background-color: #FFFFFF; }
.badge_beige {
  background-color: #F4ECDF; }

.btn, .btn-success {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #D8016A;
  width: 100%;
  background-color: #D8016A;
  border-radius: 24px;
  padding: 12px 12px 12px 12px;
  max-width: 400px;
  color: #FFFFFF;
  min-width: 150px; }
  .btn:hover, .btn:focus, .btn:focus-visible, .btn:active, .btn:focus-within, .btn-success:hover, .btn-success:focus, .btn-success:focus-visible, .btn-success:active, .btn-success:focus-within {
    background-color: #FFFFFF !important;
    color: #D8016A !important;
    border-color: #D8016A !important; }

.btn-danger {
  background-color: #FFC6E2;
  color: #707070;
  border-color: #FFC6E2; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:focus-visible, .btn-danger:active, .btn-danger:focus-within {
    background-color: #FFFFFF !important;
    color: #707070 !important;
    border-color: #FFC6E2 !important; }

.btn_partage, #navbarSideCollapse, #navbarSideCollapseFilters, #navbarSideCollapseActions {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #D8016A !important;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: #000000;
  text-decoration: none;
  background: unset;
  box-shadow: unset;
  outline: unset; }
  .btn_partage span, #navbarSideCollapse span, #navbarSideCollapseFilters span, #navbarSideCollapseActions span {
    color: #000000; }

#retour_arriere {
  position: absolute;
  top: -8px;
  rotate: 180deg; }

.radius_6 {
  border-radius: 6px; }

.container-fluid {
  max-width: 1920px; }

/* .container_xx_large { //1
    max-width: 1670px;
}
.container_x_large { //1
    max-width: 1575px;
}
.container_large { //3
    max-width: 1400px;
}

.container_menu {
    max-width: 1300px;
}
 */
.container_medium {
  max-width: 1200px;
  --bs-gutter-x: 3.6rem; }

.container_small {
  max-width: 992px;
  --bs-gutter-x: 6.5rem; }

/* .container_x_small { //6
    max-width: 895px;
} */
@font-face {
  font-family: 'icomoon';
  src: url("/fonts/icomoon.eot");
  src: url("/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("/fonts/icomoon.woff") format("woff"), url("/fonts/icomoon.ttf") format("truetype"), url("/fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #D8016A;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-Burger_picto:before {
  content: "\e900"; }

.icon-Contact_picto:before {
  content: "\e901"; }

.icon-Ecrire_picto:before {
  content: "\e902"; }

.icon-Filtre_picto:before {
  content: "\e903"; }

.icon-Fleche_Suivant_picto:before {
  content: "\e904"; }

.icon-Localisation_picto:before {
  content: "\e905"; }

.icon-Loupe_picto:before {
  content: "\e906"; }

.icon-Mail_picto:before {
  content: "\e907"; }

.icon-Partager_picto:before {
  content: "\e908"; }

.icon-Plus_picto:before {
  content: "\e909"; }

.icon-Telechargement_picto:before {
  content: "\e90a"; }

.icon-Telephone_picto:before {
  content: "\e90b"; }

.font_8 {
  font-size: 8px; }

.font_9 {
  font-size: 9px; }

.font_10 {
  font-size: 10px; }

.font_12 {
  font-size: 12px; }

.font_14 {
  font-size: 14px; }

.font_15,
form label {
  font-size: 15px; }

.font_16,
.btn {
  font-size: 16px; }

.font_17 {
  font-size: 17px; }

.font_19 {
  font-size: 19px; }

.font_20, h1, .h1 {
  font-size: 20px; }

.font_22 {
  font-size: 22px; }

.font_23 {
  font-size: 23px; }

.font_25 {
  font-size: 25px; }

.font_26 {
  font-size: 26px; }

.font_29 {
  font-size: 29px; }

.font_31 {
  font-size: 31px; }

.font_35 {
  font-size: 35px; }

/* .font_22 {
    font-size: calc(1.2625rem + 0.15vw);
}
.font_23 {
    font-size: calc(1.26875rem + 0.225vw);
}
.font_25 {
    font-size: calc(1.28125rem + 0.375vw);
}
.font_26 {
    font-size: calc(1.2875rem + 0.45vw);
}
.font_29 {
    font-size: calc(1.30625rem + 0.675vw);
}
.font_31 {
    font-size: calc(1.31875rem + 0.825vw);
}
.font_35 {
    font-size: calc(1.34375rem + 1.125vw);
}

@media (min-width: 1200px) {
    .font_22 {
        font-size: 22px;
    }
    .font_23 {
        font-size: 23px;
    }
    .font_25 {
        font-size: 25px;
    }
    .font_26 {
        font-size: 26px;
    }
    .font_29 {
        font-size: 29px;
    }
    .font_31 {
        font-size: 31px;
    }
    .font_35 {
        font-size: 35px;
    }
} */
html,
body {
  overflow-x: hidden;
  /* Prevent scroll on narrow devices */ }

body {
  min-height: 100vh;
  max-width: 1920px;
  margin: auto; }
  body main {
    min-height: calc(100vh - $navbar_height); }
  body .nav-item {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
  body hr {
    opacity: 1; }
  body:has(.navbar.fixed-top) {
    padding-top: 56px; }
  body .pt_30 {
    padding-top: 30px; }
  body .pb_30 {
    padding-bottom: 30px; }
  body .mt_30 {
    margin-top: 30px; }
  body .mb_30 {
    margin-bottom: 30px; }
  body img {
    max-width: 100%; }
  body h1, body .h1 {
    font-weight: 700;
    text-align: center; }
  body h1 {
    color: #D8016A; }
  body .h1 {
    color: #707070; }
  body .logo_site {
    aspect-ratio: 8/1;
    /* width: 100%;
    min-width: 260px; */
    width: calc(100vw - 24px - 90px - 16px);
    max-width: 220px; }
  body label {
    color: #000000;
    width: 100%; }
  body input:not([type="submit"]), body textarea {
    width: 100%; }
  body .form-control,
  body input, body textarea {
    padding: 10px 25px;
    border: 1px solid #D8016A;
    border-radius: 0;
    margin-bottom: 15px;
    color: #D8016A; }
    body .form-control::placeholder,
    body input::placeholder, body textarea::placeholder {
      font-size: 14px;
      color: #D8016A;
      opacity: 1; }
  body .checkbox input[name='_remember_me'] {
    width: fit-content; }
  body #btn_next_cheval {
    border-radius: 0;
    width: 100%;
    max-width: unset;
    justify-content: end; }
    body #btn_next_cheval span {
      margin: 0 15px;
      color: white; }
    body #btn_next_cheval:hover span {
      color: #D8016A; }
  body .image_cheval_container .img_container {
    padding: 0;
    max-width: 400px;
    margin: auto;
    aspect-ratio: 1.5/1;
    width: 70%; }
  body .status-list.open {
    margin: 20px 0;
    display: flex !important;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center; }
    body .status-list.open form {
      width: fit-content;
      display: flex;
      width: calc(50% - 10px); }
      body .status-list.open form button {
        border: 1px solid #D8016A;
        background: white;
        color: #D8016A;
        font-size: 14px;
        padding: 10px 15px;
        width: 100%; }
      body .status-list.open form.statut_current button {
        background: #D8016A;
        color: white; }
  body .radio_display_croix input[type='radio'], body .radio_display_croix label {
    width: fit-content; }
  body .radio_display_croix input[type="radio"] {
    display: none; }
  body .radio_display_croix input[type="radio"] + label {
    position: relative;
    padding-left: 15px;
    margin-left: 30px;
    height: 30px;
    display: flex;
    align-items: center; }
  body .radio_display_croix input[type="radio"] + label::before,
  body .radio_display_croix input[type="radio"] + label::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: ''; }
  body .radio_display_croix input[type="radio"] + label::before {
    bottom: 0;
    left: -30px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(196, 0, 122, 0.63); }
  body .radio_display_croix input[type="radio"] + label::after {
    bottom: 0;
    left: -30px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(196, 0, 122, 0.63); }
  body .radio_display_croix input[type="radio"]:checked + label::after {
    color: black;
    content: '';
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-0.0000250041 0.0000123978 12.94 12.94'%3E%3Cpath d='M 0.3182 12.6219 C -0.1061 12.1976 -0.1061 11.6319 0.3182 11.2077 L 5.0558 6.4701 L 0.3182 1.7324 C -0.1061 1.3082 -0.1061 0.7425 0.3182 0.3182 S 1.3081 -0.106 1.7324 0.3182 L 6.47 5.0558 L 11.2076 0.3182 C 11.6319 -0.106 12.1976 -0.106 12.6218 0.3182 S 13.0461 1.3082 12.6218 1.7324 L 7.8842 6.4701 L 12.6218 11.2077 C 13.0461 11.6319 13.0461 12.1976 12.6218 12.6219 S 11.6319 13.0462 11.2076 12.6219 L 6.47 7.8843 L 1.7324 12.6219 C 1.3081 13.0462 0.7424 13.0462 0.3182 12.6219 Z' fill='%23000000'/%3E%3C/svg%3E"); }
  body #cheval_visiteVeto {
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    align-items: center; }
  body .checkbox_display_bouton {
    margin-bottom: 10px;
    /* input[type="checkbox"] + label {
        border: 1px solid transparent;
    }
    input[type="checkbox"]:checked + label {
        border: 1px solid #000;
    } */ }
    body .checkbox_display_bouton label {
      border: 1px solid #D8016A;
      background: white;
      color: #D8016A;
      font-size: 14px;
      padding: 10px 15px;
      width: 100%; }
      body .checkbox_display_bouton label.active {
        background: #D8016A;
        color: white; }
    body .checkbox_display_bouton input[type="checkbox"] {
      display: none; }
  body .btns_bottom_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    body .btns_bottom_container form {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%; }
  body .icon_container {
    width: 40px;
    display: inline-block;
    font-size: 22px; }
  body .filtre .slider-horizontal {
    width: 100%; }
    body .filtre .slider-horizontal .slider-track {
      height: 2px;
      background: #FFC6E2;
      box-shadow: unset;
      background-image: unset; }
      body .filtre .slider-horizontal .slider-track .slider-selection {
        background: #d8016a; }
    body .filtre .slider-horizontal .slider-handle {
      box-shadow: unset;
      background-image: unset;
      width: 14px;
      height: 14px;
      background-color: #D8016A; }
    body .filtre .slider-horizontal .tooltip-inner {
      color: #D8016A;
      background: unset;
      font-weight: 700; }
  body #horseSearch_container, body #demandeSearch_container {
    position: relative;
    padding: 0; }
    body #horseSearch_container #horseSearch, body #horseSearch_container #demandeSearch, body #demandeSearch_container #horseSearch, body #demandeSearch_container #demandeSearch {
      padding-right: 40px; }
    body #horseSearch_container .icon-Loupe_picto, body #demandeSearch_container .icon-Loupe_picto {
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%); }
  body .demande_discipline {
    border-radius: 24px;
    padding: 20px; }
  body .cheval_statut {
    background-color: #D8016A;
    color: #FFFFFF;
    text-align: center;
    padding: 5px 10px;
    position: absolute;
    bottom: 0;
    width: 100%; }
  body .btns_menu_container {
    display: flex;
    gap: 10px; }
  body .miniature_cheval {
    aspect-ratio: 1/1;
    width: 100%;
    object-fit: cover; }
  body .badge {
    --bs-badge-padding-x: 1.35em;
    margin: 5px;
    margin-left: 0; }
  body .disciplines_liste {
    list-style-type: none;
    padding-left: 0px; }
    body .disciplines_liste li {
      margin-bottom: 10px; }
  body .cheval_unit .btns_action_container, body .demande_unit .btns_action_container {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap; }
    body .cheval_unit .btns_action_container .btn, body .demande_unit .btns_action_container .btn {
      width: fit-content;
      padding: 5px 10px; }
  body .btns_container button {
    margin: auto; }
  body .cheval_photo {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  body .img_container {
    aspect-ratio: 1/1;
    width: 100%;
    position: relative;
    background: #FFFFFF; }
  body .lien_mail {
    color: initial; }
  body .slider .tooltip {
    top: auto;
    /* On d├®sactive la positionnement par d├®faut */
    bottom: -35px;
    /* D├®calage vers le bas : ajustez cette valeur selon vos besoins */
    position: absolute;
    /* On s'assure que le tooltip est en position absolue */
    z-index: 100; }
  body .slider .tooltip .tooltip-arrow {
    top: auto;
    /* On annule la position par d├®faut */
    bottom: 100%;
    /* On place la flèche en bas du tooltip */
    margin-bottom: -1px;
    /* Ajustez si n├®cessaire pour un alignement parfait */ }
  body .form-group-with-slide {
    margin-top: 25px;
    margin-bottom: 60px; }
  body #carouselImagesChevaux {
    padding: 0;
    max-width: 650px;
    margin: auto; }
    body #carouselImagesChevaux #cheval_statut {
      position: absolute;
      right: 30px;
      z-index: 1000;
      background: #D8016A;
      color: white;
      padding: 5px 17px; }
    body #carouselImagesChevaux .carousel-indicators [data-bs-target] {
      opacity: 1;
      width: 10px;
      height: 10px;
      border: 1px solid white !important;
      border-radius: 100%;
      background-color: transparent; }
    body #carouselImagesChevaux .carousel-indicators .active {
      background: white; }
    body #carouselImagesChevaux .carousel-item img {
      aspect-ratio: 1.33/1;
      object-fit: cover; }
  body .dropzone {
    border: 2px dashed #707070;
    border-radius: 6px;
    background: transparent;
    display: flex; }
    body .dropzone .dz-message {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 10px;
      width: 100%;
      margin: 0;
      height: inherit; }

@media (min-width: 768px) {
  .image_cheval_container .img_container {
    aspect-ratio: 1/1 !important;
    width: 100% !important; } }
.offcanvas-collapse {
  position: fixed;
  top: 56px;
  /* Height of navbar */
  bottom: 0;
  left: 100%;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  overflow-y: auto;
  visibility: hidden;
  background-color: #FFFFFF;
  transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  max-width: 500px; }

.offcanvas-collapse.open {
  visibility: visible;
  transform: translateX(-100%); }

/*# sourceMappingURL=app.css-8bc837c681d8af6d30678c459abd7970.map */