/* Polices d'écriture */
@font-face{font-family: "Lora-SemiBold";src: url("../fonts/Lora-SemiBold.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap;}
@font-face{font-family: "Poppins-Regular";src: url("../fonts/Poppins-Regular.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap;}
@font-face{font-family: "Poppins-Italic";src: url("../fonts/Poppins-Italic.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap;}
@font-face{font-family: "Poppins-Bold";src: url("../fonts/Poppins-Bold.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap;}

:root {
  /* Liens */
  --bs-link-color: #890C25;
  --bs-link-color-rgb: 137,12,37;
  --bs-link-hover-color: #b11b3a;
  --bs-link-hover-color-rgb: 177,27,58;


  /* Couleurs de base */
  --bs-body-color: #181818;
  --bs-border-color: #e6e6e6;

  /* Couleurs principales */
  --bs-primary: #890C25;
  --bs-primary-rgb: 137,12,37;

  --bs-secondary: #181818;
  --bs-secondary-rgb: 24,24,24;

  /* Déclinaisons */
  --bs-dark: #0f0f0f;
  --bs-dark-rgb: 15,15,15;

  --bs-light: #f8f8f8;
  --bs-light-rgb: 248,248,248;

  /* Autres couleurs utilitaires */
  --bs-success: #4C9A2A;
  --bs-success-rgb: 76,154,42;

  --bs-info: #38799e;
  --bs-info-rgb: 56,121,158;

  --bs-warning: #d99a2b;
  --bs-warning-rgb: 217,154,43;

  --bs-danger: #dc3545;
  --bs-danger-rgb: 220,53,69;
}
.row>*{--bs-gutter-x:2.5rem;}
.modal{background: rgba(0,43,91, 0.5);}


/* Global */
html{height:100%;}
body{font-family: "Poppins-Regular", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
.z-n1 {z-index: -1!important;}
.z-0 {z-index: 0!important;}
.z-1 {z-index: 1!important;}
.z-2 {z-index: 2!important;}
.z-3 {z-index: 3!important;}
.z-4 {z-index: 4!important;}
.z-5 {z-index: 5!important;}
.opacity-10{opacity: 0.1;}
.overflow-hidden-x{overflow-x: hidden !important;}
.w-80{width:80% !important;}
.w-90{width:90% !important;}
.w-100-mobile{width:100% !important;}
#page{/*overflow:hidden;*/padding-top:72px;}
.type{/*overflow: hidden;*/}
:target {scroll-margin-top: 72px;}
.homepage{overflow: hidden;}
section{width:100%;}
.ratio11{aspect-ratio: 1/1;}
.hr-small{width:30px;height:3px;border:0;opacity: 1;}
strong, b{font-weight: normal;font-family: 'Poppins-Bold', sans-serif;}
.fs-2{font-size: calc(1.375rem + 1.5vw) !important;}
.fs-5{font-size:1.15rem !important;}
.fs-7{font-size: 0.9rem !important;}
.fs-8{font-size: 0.75rem !important;}
.fs-9{font-size: 0.5rem !important;}
.letter-spacing-1{letter-spacing: 0.1rem;}
.smooth, a{-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.letter-spacing{letter-spacing: 0.05rem;}
.fw-i, i{font-weight:normal;font-family: 'Poppins-Italic,', sans-serif;}
.fw-b{font-weight:normal;font-family: 'Poppins-Bold', sans-serif;}
.serif{font-weight:normal;font-family: 'Lora-SemiBold', serif;}
.object-fit-cover{object-fit: cover;}
.object-fit-contain{object-fit: contain;}
.object-position-center{object-position: center;}
.rotate90{transform: rotate(90deg);}
.rotate180{transform: rotate(180deg);}
.d-xs-none{display: none;}
.border-primary-light{border-color: #911E35 !important;}
.card-img-top{height:12rem;width:100%;object-fit: cover;}
.bg-claireaime{background-color: #FFD673;}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }
.soustitre{font-weight:normal;font-family: 'Poppins-Regular', sans-serif;letter-spacing: 0.25rem;text-transform: uppercase;font-size: 0.75rem;}

.btn{-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;font-family: 'Poppins-Regular', sans-serif;padding:0.75rem 1.5rem;font-size:1rem;border-radius: 2rem;display: inline-flex;align-items: center;}

/* Bouton générique avec flèche blanche */
.btn::after, .btn-texte::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-left: 0.75rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15.9' height='13.724' viewBox='0 0 15.9 13.724'><g transform='translate(0.75 1.061)'><path d='M-6830.667-4915.667h14.4' transform='translate(6830.667 4921.468)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/><path d='M-6825.667-4922.333l5.8,5.8-5.8,5.8' transform='translate(6834.272 4922.333)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/></g></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

/* Bouton générique avec flèche blanche back */
.btn.arrow-back::after{display: none !important;} 
.btn.arrow-back::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-right: 0.75rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15.9' height='13.724' viewBox='0 0 15.9 13.724'><g transform='translate(0.75 1.061)'><path d='M-6830.667-4915.667h14.4' transform='translate(6830.667 4921.468)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/><path d='M-6825.667-4922.333l5.8,5.8-5.8,5.8' transform='translate(6834.272 4922.333)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/></g></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transform: rotate(180deg);
}

/* Variante spécifique : external-link */
.external-link::after, .btn.external-link::after, .btn-texte::after {
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16.626' height='16.625' viewBox='0 0 16.626 16.625'><g transform='translate(-3.041 11.462) rotate(-45)'><path d='M-6830.667-4915.667h14.4' transform='translate(6830.667 4921.468)' fill='none' stroke='%23890c25' stroke-linecap='round' stroke-width='1.5'/><path d='M-6825.667-4922.333l5.8,5.8-5.8,5.8' transform='translate(6834.272 4922.333)' fill='none' stroke='%23890c25' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/></g></svg>");
}
.btn.btn-primary.external-link::after {
  background: no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11.859' height='11.862' viewBox='0 0 11.859 11.862'><g transform='translate(1594.597 -1621.814)'><path d='M-1593.536,1632.616l9.738-9.741' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/><path d='M-1592,1622.875h8.2v8.2' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/></g></svg>");
}

.btn.no-arrow::after{display: none !important;}

.btn.btn-no-arrow::after{display: none;}

.btn img{height: 1.5rem;width:auto;}


/* Bouton principal (rouge bordeaux) */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #890C25;
  --bs-btn-border-color: #890C25;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b11b3a;
  --bs-btn-hover-border-color: #b11b3a;
  --bs-btn-focus-shadow-rgb: 137,12,37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6e0a1e;
  --bs-btn-active-border-color: #6e0a1e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #890C25;
  --bs-btn-disabled-border-color: #890C25;
}

/* Bouton claireaime */
.btn-claireaime {
  --bs-btn-color: #000;
  --bs-btn-bg: #FEBD59;
  --bs-btn-border-color: #FEBD59;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e0a03e;
  --bs-btn-hover-border-color: #e0a03e;
  --bs-btn-focus-shadow-rgb: 137,12,37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e0a03e;
  --bs-btn-active-border-color: #e0a03e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e0a03e;
  --bs-btn-disabled-border-color: #e0a03e;
}


/* Bouton secondaire (gris très foncé) */
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #181818;
  --bs-btn-border-color: #181818;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2a2a2a;
  --bs-btn-hover-border-color: #2a2a2a;
  --bs-btn-focus-shadow-rgb: 24,24,24;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #181818;
  --bs-btn-disabled-border-color: #181818;
}

/* Bouton outline principal (bordeaux) */
.btn-outline-primary {
  --bs-btn-color: #890C25;
  --bs-btn-border-color: #890C25;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #890C25;
  --bs-btn-hover-border-color: #890C25;
  --bs-btn-focus-shadow-rgb: 137,12,37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6e0a1e;
  --bs-btn-active-border-color: #6e0a1e;
  --bs-btn-disabled-color: #890C25;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #890C25;
}

/* Bouton outline secondaire (noir/gris foncé) */
.btn-outline-secondary {
  --bs-btn-color: #181818;
  --bs-btn-border-color: #181818;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #181818;
  --bs-btn-hover-border-color: #181818;
  --bs-btn-focus-shadow-rgb: 24,24,24;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-disabled-color: #181818;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #181818;
}

/* Bouton outline blanc */
.btn-outline-light {
  --bs-btn-color: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #181818; /* ton secondary (fond foncé) pour contraste */
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-focus-shadow-rgb: 255,255,255;
  --bs-btn-active-color: #181818;
  --bs-btn-active-bg: #e6e6e6; /* gris clair pour l'état actif */
  --bs-btn-active-border-color: #e6e6e6;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fff;
}

/* Bouton blanc (fond blanc, texte et contour en primary) */
.btn-white {
  --bs-btn-color: #890C25;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #890C25;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b11b3a;
  --bs-btn-hover-border-color: #b11b3a;
  --bs-btn-focus-shadow-rgb: 137,12,37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6e0a1e;
  --bs-btn-active-border-color: #6e0a1e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #890C25;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #890C25;
}
.btn-white:hover:after{background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16.626' height='16.625' viewBox='0 0 16.626 16.625'><g transform='translate(-3.041 11.462) rotate(-45)'><path d='M-6830.667-4915.667h14.4' transform='translate(6830.667 4921.468)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/><path d='M-6825.667-4922.333l5.8,5.8-5.8,5.8' transform='translate(6834.272 4922.333)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/></g></svg>");}



.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{/*max-width: 1600px;*/}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #890C25 #F4F4F4;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 15px;
  }

  *::-webkit-scrollbar-track {
    background: #F4F4F4;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #890C25;
    border-radius: 5px;
    border: 2px solid #F4F4F4;
  }

/* Return to top et simuler flottant mobile */
#btnReturnToTop {-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
    opacity:0;
    transform:translateX(300px) rotate(-90deg);
    position: fixed;
    bottom: 20px;
    right: 20px;
    width:3rem;height:3rem;
    z-index: 3;
}

.btn-fixed-donation{-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
    opacity:0;
    transform:translateX(-300px);
    position: fixed;
    bottom: 20px;
    left:20px;
    z-index: 3;
  background-color: var(--bs-primary) !important;border:0 !important;}

#btnReturnToTop.show {
    opacity:1;
    transform:translateX(0px) rotate(-90deg);
}
#btnReturnToTop.btn::after{margin:0 !important;}

.btn-fixed-donation.show {
    opacity:1;
    transform:translateX(0px);
}

/* Header */
.homepage header .logo-etoile img {
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.homepage header.loaded .logo-etoile img {
  transform: translateY(0);
  opacity: 1;
}


.logo-etoile{height:7rem;position:absolute;top:0.25rem;left:50%;transform:translateX(-50%);}
.logo-etoile img{width:auto;height:100%;}
.mini-picto-b{width:2rem;height:1rem;object-fit: contain;}

.navbar{background-color: var(--bs-primary);}
.navbar-toggler {
  border-color: transparent;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler:focus{box-shadow:none;}
.navbar{--bs-navbar-color:#343434;}
.navbar-nav{position: relative;}

/* Home */
.banner{min-height: calc(100vh - 72px);min-height: calc(100svh - 72px);}
.banner-filter:after{content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(75, 11, 26, 0.85) 0%, rgba(75, 11, 26, 0.7) 70%, rgba(75, 11, 26, 0.5) 100%);
  mix-blend-mode: luminosity;
  pointer-events: none;z-index: 5;}
.logo-tourne{position:absolute;left:50%;top:50%;display:inline-block;transform-origin:50% 50%;animation:logo-spin 30s linear infinite;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.bg-bateau-top-start{position:relative;}
.bg-bateau-top-start::before{content:"";position:absolute;top:-30px;left:-50px;width:280px;height:280px;background:url("../images/bg-bateau.svg") no-repeat top left;background-size:contain;pointer-events:none;}
.bg-bateau-top-end{position:relative;}
.bg-bateau-top-end::before{content:"";position:absolute;top:-30px;right:-50px;width:280px;height:280px;background:url("../images/bg-bateau.svg") no-repeat top left;background-size:contain;pointer-events:none;}
.bg-etoile-top-start{position:relative;}
.bg-etoile-top-start::before{content:"";position:absolute;top:-30px;left:-50px;width:280px;height:280px;background:url("../images/bg-etoile.svg") no-repeat top left;background-size:contain;pointer-events:none;}
.bg-ecole-logo-top-start{position:relative;}
.bg-ecole-logo-top-start::before{content:"";position:absolute;top:-30px;left:-200px;width:400px;height:400px;background:url("../images/bg-ecole-logo.svg") no-repeat top left;background-size:contain;pointer-events:none;}
.bg-ecole-logo-top-start-banner{position:relative;}
.bg-ecole-logo-top-start-banner::before{opacity:0.05;content:"";position:absolute;top:-50px;left:-50px;width:120%;height:120%;background:url("../images/bg-ecole-logo.svg") no-repeat top left;background-size:contain;pointer-events:none;}
.bg-ecole-logo-top-end{position:relative;}
.bg-ecole-logo-top-end::before{content:"";position:absolute;top:-30px;right:-200px;width:400px;height:400px;background:url("../images/bg-ecole-logo.svg") no-repeat top left;background-size:contain;pointer-events:none;}
.fleche-bounce{animation: bounce 2s ease-in-out infinite;}
.swiper-actualites .card:hover{transform: translateY(-1rem);}
.swiper-next-actualite{border-bottom: 1px solid #890C25;position: relative;}
.swiper-next-actualite:hover:after{transform: translateX(-0.25rem);}
.swiper-next-actualite:after{-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.logo-absolute{position: absolute;left:50%;bottom:100%;transform: translateX(-50%);margin-bottom:8rem}
.card{--bs-card-border-color:#E6E6E6;}
.big-link:hover{background-color:#fcc2cd;}
.homepage-encarts-bas .encart2 h2, .homepage-encarts-bas .encart3 h2, .type-art h3{font-weight:normal;font-family: 'Lora-SemiBold', serif;font-size: 1.25rem !important;padding-top:1rem;padding-bottom: 1rem;}

/* Footer */
footer .border-top{border-color:#393939 !important;}
footer{position:relative;}
footer::before{opacity:0.05;content:"";position:absolute;bottom:-20px;right:-20px;width:500px;height:500px;background:url("../images/Logo-Ecole-Etoile-Dijon-w.svg") no-repeat top left;background-size:contain;pointer-events:none;}
.mini-picto {width:2rem;height:1.5rem;object-fit: contain;}

/* Emqu S */
footer .footer-bas a img{margin-right:5px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
footer .footer-bas a:hover img{transform: scale(0.8);}
footer .footer-bas a{color:#fff;}
footer .footer-bas a:hover{color:#890C25;}
footer .footer-bas a u{text-decoration: none;position: relative;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
footer .footer-bas a u:after{-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: absolute;content: '';width: 100%;left: 0px;bottom: -10px;height: 0px;background: linear-gradient(90deg, rgba(177,27,58,1) 0%, rgba(137,12,37,1) 50%);border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
footer .footer-bas a:hover u:after{height:8px;}

/* Type */
.fil-ariane li:after {content: "|";color:#fff;margin: 0 0.75rem;opacity: 0.35;}
.fil-ariane li:last-of-type:after{display: none;}
.col-droite-sticky{position: sticky;top:11rem;}
.type-art .btn{-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;font-family: 'Poppins-Regular', sans-serif;padding:0.75rem 1.5rem;font-size:1rem;border-radius: 2rem;display: inline-flex;align-items: center;}
.type-art .btn{--bs-btn-color: #fff;
  --bs-btn-bg: #890C25;
  --bs-btn-border-color: #890C25;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b11b3a;
  --bs-btn-hover-border-color: #b11b3a;
  --bs-btn-focus-shadow-rgb: 137,12,37;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6e0a1e;
  --bs-btn-active-border-color: #6e0a1e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #890C25;
  --bs-btn-disabled-border-color: #890C25;}
.type-art .btn::after{
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-left: 0.75rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15.9' height='13.724' viewBox='0 0 15.9 13.724'><g transform='translate(0.75 1.061)'><path d='M-6830.667-4915.667h14.4' transform='translate(6830.667 4921.468)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/><path d='M-6825.667-4922.333l5.8,5.8-5.8,5.8' transform='translate(6834.272 4922.333)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/></g></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
#sideNav a{color:#000;}
#sideNav a.active {
  position: relative;
  color: var(--bs-primary);
  text-decoration: none;
  cursor: default;
  pointer-events: none;
}
#sideNav a.active:before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-right: 0.75rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15.9' height='13.724' viewBox='0 0 15.9 13.724'><g transform='translate(0.75 1.061)'><path d='M-6830.667-4915.667h14.4' transform='translate(6830.667 4921.468)' fill='none' stroke='%23890c25' stroke-linecap='round' stroke-width='1.5'/><path d='M-6825.667-4922.333l5.8,5.8-5.8,5.8' transform='translate(6834.272 4922.333)' fill='none' stroke='%23890c25' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/></g></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.type-art ul{list-style: none;padding-left: 0;}
.type-art ul li{position: relative;padding-left: 2rem;}
.type-art ul li::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 10px;
    margin-right:0.25rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15.9' height='13.724' viewBox='0 0 15.9 13.724'><g transform='translate(0.75 1.061)'><path d='M-6830.667-4915.667h14.4' transform='translate(6830.667 4921.468)' fill='none' stroke='%23890c25' stroke-linecap='round' stroke-width='1.5'/><path d='M-6825.667-4922.333l5.8,5.8-5.8,5.8' transform='translate(6834.272 4922.333)' fill='none' stroke='%23890c25' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/></g></svg>");
    background-repeat: no-repeat;
    background-size: contain;
}
.btn-helloasso:after{display: none !important;}
.btn-helloasso img{height:4rem;width:auto;}
.btn-helloasso {color:#2A2C5F;font-weight:normal;font-family: 'Poppins-Bold', sans-serif;}
.btn-helloasso span:before{content:"|";padding-right:0.75rem;}
.map{height:300px;}

/* Formulaires */
.form-control, .form-select{border-radius: 2rem;padding:1rem;}

/* Animations */
@keyframes bounce {
  0%, 100% { transform: translateY(0) rotate(90deg); }
  50%      { transform: translateY(-15px) rotate(90deg); }
}
@-webkit-keyframes logo-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes logo-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

@-webkit-keyframes fade {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@keyframes fade {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@-webkit-keyframes toleft {
  from {
      -webkit-transform: translateX(200px);
              transform: translateX(200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@keyframes toleft {
  from {
      -webkit-transform: translateX(200px);
              transform: translateX(200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@-webkit-keyframes toright {
  from {
      -webkit-transform: translateX(-200px);
              transform: translateX(-200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@keyframes toright {
  from {
      -webkit-transform: translateX(-200px);
              transform: translateX(-200px);
  }
  to {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
  }
}
@-webkit-keyframes totop {
  from {
      -webkit-transform: translateY(200px);
              transform: translateY(200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}
@keyframes totop {
  from {
      -webkit-transform: translateY(200px);
              transform: translateY(200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}
@-webkit-keyframes tobottom {
  from {
      -webkit-transform: translateY(-200px);
              transform: translateY(-200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}
@keyframes tobottom {
  from {
      -webkit-transform: translateY(-200px);
              transform: translateY(-200px);
  }
  to {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
  }
}

@-webkit-keyframes toscalein {
  from {
      -webkit-transform: scale(2);
              transform: scale(2);
  }
  to {
      -webkit-transform: scale(1);
              transform: scale(1);
  }
}
@keyframes toscalein {
  from {
      -webkit-transform: scale(2);
              transform: scale(2);
  }
  to {
      -webkit-transform: scale(1);
              transform: scale(1);
  }
}


.fadein-scroll {
  opacity:0;
}
.toleft-scroll {
  opacity:0;
  -webkit-transform: translateX(200px);
      -ms-transform: translateX(200px);
          transform: translateX(200px);
}
.toright-scroll {
  opacity:0;
  -webkit-transform: translateX(-200px);
      -ms-transform: translateX(-200px);
          transform: translateX(-200px);
}
.totop-scroll {
  opacity:0;
  -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
          transform: translateY(200px);
}
.tobottom-scroll {
  opacity:0;
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px);
}

.toscalein-scroll {
  opacity:0;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
}

.fadein, .fadein-scroll.on {
  opacity:0;
  -webkit-animation: fade 1s ease;
          animation: fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.toleft, .toleft-scroll.on {
  opacity:0;
  -webkit-transform: translateX(200px);
      -ms-transform: translateX(200px);
          transform: translateX(200px);
  -webkit-animation: toleft 1s ease, fade 1s ease;
          animation: toleft 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.toright, .toright-scroll.on {
  opacity:0;
  -webkit-transform: translateX(-200px);
      -ms-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-animation: toright 1s ease, fade 1s ease;
          animation: toright 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.totop, .totop-scroll.on {
  opacity:0;
  -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
          transform: translateY(200px);
  -webkit-animation: totop 1s ease, fade 1s ease;
          animation: totop 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.tobottom, .tobottom-scroll.on {
  opacity:0;
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px);
  -webkit-animation: tobottom 1s ease, fade 1s ease;
          animation: tobottom 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.toscalein, .toscalein-scroll.on {
  opacity:0;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  -webkit-animation: toscalein 1s ease, fade 1s ease;
          animation: toscalein 1s ease, fade 1s ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.delay0{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay1{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay2{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay3{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay4{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay5{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay6{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay7{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay8{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}

/*
X-Small	None	<576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1380px

/ Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
*/

@media (min-width: 332px) {
  .d-xs-none{display: inline-flex;}
}


@media (min-width: 576px) {
  .logo-etoile {height:7rem;top:0rem;}
  #page{padding-top:88px;}
  :target {scroll-margin-top: 88px;}
  .banner{min-height: calc(80vh - 88px);}
  .soustitre{font-size: 1rem;}
  .banner-filter:after{background: linear-gradient(to right, rgba(75, 11, 26, 0.85) 0%, rgba(75, 11, 26, 0.7) 70%, rgba(75, 11, 26, 0) 100%);}
  .logo-absolute{bottom:unset;top:100%;margin-top:3rem;margin-bottom:0;}
}


@media (min-width: 768px) {
  .logo-absolute{bottom:unset;left:unset;right:0;top:90%;margin-top:0rem;margin-bottom:0;transform: none;}
  .map{height:460px;}
}

@media (min-width: 992px) {
  .logo-etoile {height:160%;top:1rem;left:0%;transform:translateX(0%);}
  .navbar{background-color:#fff;}
  .navbar-collapse{padding-left:145px;}
  #page{padding-top:138px;}
  :target {scroll-margin-top: 138px;}
  .banner{min-height: calc(80vh - 138px);}
  .btn{padding:1rem 1.5rem;}
  .bg-bateau-top-start{position:relative;}
  .bg-bateau-top-start::before{content:"";position:absolute;top:-30px;left:-200px;width:280px;height:280px;background:url("../images/bg-bateau.svg") no-repeat top left;background-size:contain;pointer-events:none;}
  .bg-etoile-top-start{position:relative;}
  .bg-etoile-top-start::before{content:"";position:absolute;top:-30px;left:-200px;width:280px;height:280px;background:url("../images/bg-etoile.svg") no-repeat top left;background-size:contain;pointer-events:none;}
  .card-img-top{height:20rem;}
}



@media (min-width: 1200px) {
  .delay0{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
  .delay1{-webkit-animation-delay: 0.2s !important;animation-delay: 0.2s !important;}
  .delay2{-webkit-animation-delay: 0.3s !important;animation-delay: 0.3s !important;}
  .delay3{-webkit-animation-delay: 0.4s !important;animation-delay: 0.4s !important;}
  .delay4{-webkit-animation-delay: 0.5s !important;animation-delay: 0.5s !important;}
  .delay5{-webkit-animation-delay: 0.6s !important;animation-delay: 0.6s !important;}
  .delay6{-webkit-animation-delay: 0.7s !important;animation-delay: 0.7s !important;}  
  .delay7{-webkit-animation-delay: 0.8s !important;animation-delay: 0.8s !important;}  
  .delay8{-webkit-animation-delay: 0.9s !important;animation-delay: 0.9s !important;}    
  
}

@media (min-width: 1400px) {
   

}


@media (min-width: 1600px) {
   
}