@charset "UTF-8";
.espaceur {
  height: 130px;
}
@media (max-width: 999.98px) {
  .espaceur {
    height: 124px;
  }
}

header {
  --headerHeight: 130px;
  background-color: white;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: fit-content;
  transition: var(--transition);
  z-index: 3;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1);
}
body:has(#top-bar) header {
  --headerHeight: 194px;
}

header .header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .wrapper {
  display: flex;
  gap: 3rem;
}
@media (max-width: 499.98px) {
  header .wrapper {
    gap: 0;
  }
}
header .logo-header {
  flex: none;
  padding: 0.9rem 0;
  background-color: white;
}
@media (max-width: 999.98px) {
  header .logo-header img {
    width: 5.6875rem;
    height: 3.25rem;
  }
}
header .header-sub-sup {
  display: flex;
  flex-direction: column;
  width: 100%;
}
header .sup-header {
  display: flex;
  justify-content: space-between;
  background-color: var(--beige);
  height: fit-content;
  padding: 0.3rem 0 0.3rem 4rem;
  position: relative;
}
header .sup-header::after {
  content: "";
  position: absolute;
  top: 0;
  right: -40%;
  height: 100%;
  width: 40%;
  background-color: var(--beige);
  z-index: -1;
}
header .sup-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3rem;
  height: 100%;
  width: 3rem;
  background-color: var(--beige);
  z-index: 5;
  clip-path: polygon(100% 100%, 0 0, 100% 0);
}
@media (max-width: 999.98px) {
  header .sup-header::before {
    clip-path: none;
  }
}
@media (max-width: 999.98px) {
  header .sup-header {
    padding: 0.2rem 0;
  }
}
header .sup-header .right, header .sup-header .left {
  display: flex;
  gap: 3rem;
}
@media (max-width: 599.98px) {
  header .sup-header .right, header .sup-header .left {
    gap: 1rem;
  }
}
header .sub-header {
  background-color: white;
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
  padding-left: 3rem;
}
@media (max-width: 999.98px) {
  header .sub-header {
    flex-direction: row-reverse;
    gap: 1.5rem;
    justify-content: flex-start;
  }
}
header .sub-header .espace {
  display: flex;
  gap: 2.5rem;
  align-items: center;
}
@media (max-width: 1060px) {
  header .sub-header .espace {
    gap: 1rem;
  }
}
@media (max-width: 999.98px) {
  header .sub-header .espace {
    flex-direction: row-reverse;
  }
}
header .header-search {
  position: relative;
  width: fit-content;
  height: fit-content;
}
@media (max-width: 699.98px) {
  header .header-search__btn svg {
    width: 1.25rem;
    height: 1.25rem;
  }
}
header .header-search .header-search__btn {
  display: inline-block;
}
header .header-search .header-search__close {
  display: none;
}
header .header-search .header-search__close.show {
  display: inline-block;
}
header .header-search .formHome {
  max-width: 23rem;
  margin: 0;
  height: 3.2rem;
  transition: var(--transition);
  position: absolute;
  top: 200%;
  right: -0.5rem;
}
@media (max-width: 599.98px) {
  header .header-search .formHome {
    right: -8rem;
  }
}
header .header-search .formHome__input {
  border-radius: 1rem;
  border: solid 2px var(--primaire);
  height: 100%;
  font-size: var(--fz-text);
  line-height: 1;
  padding: 1.12rem 8rem 1.12rem 1.75rem;
  outline: none;
  font-family: var(--title);
}
@media (max-width: 1100px) {
  header .header-search .formHome__input {
    width: 18rem;
  }
}
header .header-search .formHome__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
  background-color: var(--primaire);
  color: white;
  padding: 0.5rem;
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text);
  font-weight: var(--medium);
  transition: var(--transition);
}
header .header-search .formHome__btn path {
  stroke: currentColor;
  transition: var(--transition);
}
header .header-search .formHome__btn:hover, header .header-search .formHome__btn:focus {
  color: var(--dark);
  background-color: var(--secondaire);
}
header .header-search .formHome.hide {
  opacity: 0;
  pointer-events: none;
}
header .modeEco {
  position: relative;
  display: flex;
  justify-items: center;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 999.98px) {
  header .modeEco {
    display: grid;
    gap: 0;
  }
}
header .modeEco span {
  font-size: 12px;
  font-weight: var(--semiBold);
}
header .modeEco path:first-of-type {
  stroke: var(--primaire);
  fill: var(--primaire);
}
header .modeEco path:last-of-type {
  fill: white;
}
header .accessibilite circle {
  fill: var(--primaire);
}
header .switch {
  position: relative;
  display: inline-block;
  width: 33px;
  height: 18px;
  line-height: 21px;
}
header .switch input {
  position: relative;
  opacity: 0;
  width: 0;
  height: 0;
}
header .switcher {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  border: 1px solid var(--primaire);
}
header .switcher:before {
  position: absolute;
  content: "";
  top: 2px;
  aspect-ratio: 1;
  left: 3px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
}
header input:checked + .switcher {
  background-color: var(--deep-white);
}
header input:checked + .switcher:before {
  transform: translateX(13px);
  background-color: var(--primaire);
}
header .switcher.round {
  border-radius: 21px;
  background-color: var(--primaire);
}
header .switcher.round:before {
  border-radius: 50%;
}
header .actu-agenda {
  display: flex;
  gap: 0.3rem;
  font-size: 0.875rem;
  font-weight: 400;
  align-items: center;
  transition: var(--transition);
}
@media (max-width: 599.98px) {
  header .actu-agenda {
    font-size: 0.73rem;
  }
  header .actu-agenda svg {
    height: 12px;
  }
}
header .actu-agenda:hover, header .actu-agenda:focus-visible {
  text-decoration: underline;
}
header .rs {
  display: flex;
  align-items: center;
  gap: 1.56rem;
}
@media (max-width: 1140px) {
  header .rs {
    display: none;
  }
}
header .rs a {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .rs a svg path {
  transition: var(--transition);
}
header .rs a svg:hover path, header .rs a svg:focus-visible path {
  fill: var(--primaire);
}
header .webcams-favoris {
  display: flex;
  gap: 2.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  align-items: center;
  transition: var(--transition);
}
header .webcams-favoris a svg {
  display: none;
}
@media (max-width: 499.98px) {
  header .webcams-favoris a svg {
    display: block;
  }
}
@media (max-width: 499.98px) {
  header .webcams-favoris span {
    display: none;
  }
}
header .webcams-favoris a:hover, header .webcams-favoris a:focus-visible {
  color: var(--primaire);
}
@media (max-width: 599.98px) {
  header .webcams-favoris {
    gap: 1rem;
    font-size: 0.73rem;
  }
}
header .webcams-favoris .favoris {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: var(--transition);
}
header .webcams-favoris .favoris:hover, header .webcams-favoris .favoris:focus {
  color: var(--primaire);
}
header .webcams-favoris .favoris svg path {
  fill: none;
  stroke: black;
  transition: var(--transition);
}
header .webcams-favoris .favoris.active-favori svg path {
  fill: var(--primaire);
  stroke: var(--primaire);
}
header .acc-eco {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
header .navigation {
  height: 100%;
  display: grid;
  place-items: center;
}
header .navigation .first-level:hover {
  border: none;
}
header .navigation .first-level .no-lien {
  position: relative;
  transition: var(--transition);
}
header .navigation .first-level .no-lien::after {
  content: "";
  position: absolute;
  left: 0;
  opacity: 0;
  background-color: var(--primaire);
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  width: 7px;
  height: 13px;
  transition: var(--transition);
}
header .navigation .first-level .no-lien:hover {
  color: var(--primaire);
  position: relative;
}
header .navigation .first-level .no-lien:hover::after {
  opacity: 1;
  left: -0.8rem;
}
header .navigation .retour, header .navigation .fermer {
  display: none;
}
header .navigation > ul {
  background-color: white;
  display: flex;
  gap: 2.2rem;
  align-items: center;
  font-family: "Aeonik Pro", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  height: 100%;
}
@media (max-width: 999.98px) {
  header .navigation > ul {
    display: grid;
  }
}
header .navigation > ul > li {
  height: 100%;
  box-sizing: border-box;
  border-bottom: 0.1875rem solid transparent;
}
header .navigation > ul > li:hover, header .navigation > ul > li:focus-visible {
  border-bottom: 0.1875rem solid var(--tertiaire);
  box-sizing: border-box;
}
header .navigation .no-lien {
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
header .navigation .dropdown {
  z-index: -1;
  background-color: var(--beige);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: calc(100lvh - var(--headerHeight));
  padding: 2.5rem 4.125rem;
  opacity: 0;
  pointer-events: none;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--secondaire) transparent;
}
header .navigation .dropdown::-webkit-scrollbar {
  width: 8px;
}
header .navigation .dropdown::-webkit-scrollbar-track {
  background: transparent;
}
header .navigation .dropdown::-webkit-scrollbar-thumb {
  background-color: var(--secondaire);
  border-radius: 4px;
  border: 1px solid transparent;
  background-clip: content-box;
}
header .navigation .dropdown::-webkit-scrollbar-corner {
  background: transparent;
}
header .navigation .dropdown::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  height: 15px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), transparent);
}
header .navigation .active {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 999.98px) {
  header .navigation {
    pointer-events: none;
    opacity: 0;
    transition: var(--transition);
    z-index: 5;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: white;
    display: flex;
    align-items: flex-start;
    padding: 6rem 2rem 2rem 2rem;
  }
  header .navigation .titleInMenu {
    align-items: center;
  }
  header .navigation .titleInMenu .decor {
    margin-bottom: 0;
  }
  header .navigation .dropdown {
    position: fixed;
    inset: 0;
    z-index: 999;
    height: 100lvh;
    padding: 1rem;
    padding-bottom: 10rem;
  }
  header .navigation.active {
    opacity: 1;
    pointer-events: auto;
  }
  header .navigation .decor {
    font-size: 24px;
  }
  header .navigation > ul {
    position: relative;
  }
  header .navigation > ul .retour {
    position: absolute;
    background-color: var(--primaire-light);
    z-index: 6;
    top: -4rem;
    left: 0.75rem;
    border-radius: 0.6rem;
    display: grid;
    place-items: center;
    padding: 0.5rem 1rem;
  }
  header .navigation > ul .retour svg {
    width: 20px;
    height: 18px;
  }
  header .navigation > ul .fermer {
    position: absolute;
    width: fit-content;
    background-color: var(--primaire);
    z-index: 6;
    top: -4rem;
    right: 0.75rem;
    border-radius: 50%;
    font-size: 1.25rem;
    padding: 0.75rem;
    display: grid;
    place-items: center;
  }
  header .navigation > ul .fermer svg path {
    fill: white;
    width: 20px;
    height: 20px;
  }
  header .navigation > ul {
    width: 100%;
    background-color: white;
    opacity: 1;
  }
  header .navigation > ul > li {
    width: 100%;
    border-bottom: none !important;
  }
  header .navigation > ul > li > ul {
    position: absolute;
    transition: var(--transition);
    width: 100%;
    height: 85vh;
    overflow: scroll;
    top: 0;
    right: 110%;
    background-color: white;
  }
  header .navigation li > ul.open {
    right: 0;
    top: 0;
    z-index: 10;
    pointer-events: auto;
  }
  header .navigation .no-lien::after {
    content: "→";
    font-weight: 900;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: color var(--transition);
  }
  header .navigation .no-lien:hover::after, header .navigation .no-lien:focus-visible::after {
    color: var(--primaire);
    border: none;
  }
  header .navigation li > a, header .navigation li > .no-lien {
    position: relative;
  }
  header .navigation li > a svg, header .navigation li > .no-lien svg {
    display: none;
  }
  header .navigation .menu-level-3 {
    padding-left: 2rem;
    display: grid;
    gap: 0.4rem;
    font-size: 1.1rem;
    position: relative;
  }
  header .navigation .menu-level-3-item {
    position: relative;
  }
  header .navigation .menu-level-3-item::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: -0.75rem;
    top: 0.65rem;
    background-color: black;
  }
  header .navigation > ul {
    height: fit-content;
    place-items: start;
  }
  header .navigation > ul > li {
    height: fit-content;
  }
  header .navigation > ul > li > ul > li > a {
    width: 100%;
    word-break: break-word;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem 0.75rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    height: fit-content;
    transition: var(--transition);
  }
  header .navigation > ul > li > ul > li > a svg {
    flex: none;
  }
  header .navigation > ul > li > ul > li > a svg path {
    transition: var(--transition);
  }
  header .navigation > ul > li > ul > li > a:hover, header .navigation > ul > li > ul > li > a:focus-visible {
    border-radius: 0.625rem;
    background: var(--primaire-light);
    color: var(--primaire);
  }
  header .navigation > ul > li > ul > li > a:hover svg path, header .navigation > ul > li > ul > li > a:focus-visible svg path {
    stroke: var(--primaire);
  }
  header .navigation > ul > li .no-lien {
    width: 100%;
    word-break: break-word;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem 0.75rem 3rem;
    font-size: 1.5rem;
    font-weight: 600;
    height: fit-content;
    transition: var(--transition);
  }
  header .navigation > ul > li .no-lien svg {
    flex: none;
  }
  header .navigation > ul > li .no-lien svg path {
    transition: var(--transition);
  }
  header .navigation > ul > li .no-lien:hover, header .navigation > ul > li .no-lien:focus-visible {
    border-radius: 0.625rem;
    background: var(--primaire-light);
    color: var(--primaire);
  }
  header .navigation > ul > li .no-lien:hover svg path, header .navigation > ul > li .no-lien:focus-visible svg path {
    stroke: var(--primaire);
  }
}
header .menu-burger {
  display: flex;
  padding: 0.5625rem 0.9375rem;
  align-items: center;
  gap: 0.3125rem;
  border-radius: 6.25rem;
  background: var(--secondaire);
  font-family: "Aeonik Pro", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  cursor: pointer;
}
@media (min-width: 999.98px) {
  header .menu-burger {
    display: none;
  }
}
@media (max-width: 699.98px) {
  header .menu-burger {
    font-size: 0.6875rem;
  }
}
header .participe-compte {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  position: relative;
}
@media (max-width: 1280px) {
  header .participe-compte {
    display: none;
  }
}
header .participe-compte::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1.25rem;
  height: 100%;
  width: 1px;
  background-color: var(--gray);
}
header .participe-tel {
  display: none;
}
@media (max-width: 1280px) {
  header .participe-tel {
    display: grid;
    place-items: center;
    border-radius: 6.25rem;
    border: 1px solid var(--primaire);
    padding: 0.6rem;
    transition: var(--transition);
  }
}
@media (max-width: 1280px) and (max-width: 699.98px) {
  header .participe-tel {
    padding: 0.5rem;
  }
}
@media (max-width: 1280px) and (max-width: 699.98px) {
  header .participe-tel svg {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 1280px) {
  header .participe-tel:hover {
    background-color: var(--primaire);
  }
  header .participe-tel:hover svg path {
    transition: var(--transition);
    fill: white;
  }
}
header .invisible {
  display: none;
}

header .navigation .dropdown .wrapper a {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  transition: text-decoration-color ease-in-out 300ms;
}
header .navigation .dropdown .wrapper a:hover, header .navigation .dropdown .wrapper a:focus {
  text-decoration-color: currentColor;
}
header .navigation .dropdown .wrapper > li > a {
  color: var(--primaire);
  position: relative;
  display: flex;
  gap: 8px;
}
header .navigation .dropdown .wrapper > li > a::before {
  content: "";
  flex: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  background: url("data:image/svg+xml;utf8,<svg aria-hidden='true' width='20' height='20' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.07178 5.10742H9.85739' stroke='rgb(96,195,228)' stroke-linecap='round' stroke-linejoin='round'/><path d='M6.11523 1.18164L9.92818 5.10757L6.11523 9.03349' stroke='rgb(96,195,228)' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
}
header .navigation .dropdown .wrapper > li > ul > li > a {
  text-transform: none;
  font-size: 1rem;
}
header .navigation .dropdown .wrapper > li > ul > li > ul > li > a {
  text-transform: none;
  font-weight: normal;
  font-size: 1rem;
  text-decoration-thickness: 1px;
}
header .navigation .dropdown .wrapper > li > ul {
  margin-top: 1rem;
  padding-left: 2.45rem !important;
}
header .navigation .dropdown .wrapper > li ul {
  padding-left: 1.25rem;
}
header .navigation .dropdown .wrapper > li ul li {
  position: relative;
}
header .navigation .dropdown .wrapper > li ul li::before {
  content: "";
  position: absolute;
  top: 13px;
  background-color: currentColor;
  left: -12px;
  opacity: 0.4;
  height: 3px;
  width: 3px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
header .navigation .dropdown .wrapper > li > ul > li::before {
  height: 8px;
  top: 9px;
  width: 6px;
  opacity: 0.4;
  background: url("data:image/svg+xml;utf8,<svg aria-hidden='true' width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2 2L6 6L2 10' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
}

.titleInMenu {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.titleInMenu .btn {
  cursor: pointer;
  --bordure: var(--secondaire);
  --fond: var(--secondaire);
}
.titleInMenu .btn:hover, .titleInMenu .btn:focus {
  --text: white;
}
.titleInMenu .decor {
  font-size: 36px;
  margin-bottom: 2rem;
}

.sticky {
  z-index: 2;
}

.gridMenu .grid-item {
  width: calc(25% - 1.5rem);
  margin-bottom: 2.5rem;
}
@media (max-width: 1399px) {
  .gridMenu .grid-item {
    width: calc(33.33% - 1.33rem);
  }
}
@media (max-width: 1000px) {
  .gridMenu .grid-item {
    width: 100%;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.tag--home .tag-loading-spinner {
  animation: spin 1s linear infinite;
  display: inline-block;
  vertical-align: middle;
}
.tag--home.tag--loading {
  min-width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.webcams-favoris a {
  position: relative;
}

.headerTitle__emploi span {
  align-items: center;
}

.xlandes__principal .tagList {
  position: initial;
}

div:has(> #favoris-count-header) {
  position: absolute;
  top: 0;
  right: -1rem;
  transform: translateY(-50%);
  background: var(--background-blue);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  width: 1rem;
  font-size: 0.75rem;
  border-radius: 50%;
}

.wysiwyg > * {
  margin-bottom: 1rem;
}

.headerDetail__content:not(:has(> :nth-child(2))) {
  grid-template-columns: 1fr;
}

.wysiwyg p {
  margin-bottom: 1rem;
}

.wysiwyg .blocImages figure img.image-style-paragraph-image {
  aspect-ratio: unset;
  min-width: unset;
  max-width: 100%;
}

.wysiwyg table {
  max-width: unset;
}

.js .heroHeader__form input.form-autocomplete, .js .formHome input.form-autocomplete {
  background-position: 68% center;
}
@media (max-width: 999.98px) {
  .js .heroHeader__form input.form-autocomplete, .js .formHome input.form-autocomplete {
    background: white;
  }
}

.pas-resultats {
  font-size: 1.75rem;
  font-weight: var(--bold);
  grid-column: 1/-1;
}
.pas-resultats--recherche {
  margin-bottom: 2rem;
}

.headerDetail__text:has(.headerTitle__emploi) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5rem;
  margin-bottom: 2rem;
  align-items: start;
}
@media (max-width: 999.98px) {
  .headerDetail__text:has(.headerTitle__emploi) {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
@media (max-width: 999.98px) {
  .headerDetail__text:has(.headerTitle__emploi) {
    gap: 1.5rem;
  }
  .headerDetail__text:has(.headerTitle__emploi) .partage {
    display: none;
  }
}
.headerDetail__text:has(.headerTitle__emploi) .headerTitle__emploi {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.94rem 8.3125rem;
  padding: 2.125rem;
  border-radius: 0.625rem;
  background: white;
  box-shadow: 0 5px 35px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 1399.98px) {
  .headerDetail__text:has(.headerTitle__emploi) .headerTitle__emploi {
    gap: 1.5rem 3rem;
  }
}
@media (max-width: 599.98px) {
  .headerDetail__text:has(.headerTitle__emploi) .headerTitle__emploi {
    grid-template-columns: 1fr;
  }
}
.headerDetail__text:has(.headerTitle__emploi) .headerTitle__emploi span {
  display: flex;
  align-items: unset;
  gap: 0.38rem;
}
.headerDetail__text:has(.headerTitle__emploi) .headerTitle__emploi svg {
  flex: none;
}

.recherche-acteur {
  width: 100%;
  margin-top: 1rem;
}

.rechercheFacette form button {
  width: 100%;
  margin: 0.5rem 0;
}

.rechercheFacette:not(:has(#views-exposed-form-search-global)) form > div button:last-child {
  background-color: white;
  border: 1px solid var(--secondaire);
}
.rechercheFacette:not(:has(#views-exposed-form-search-global)) form > div button:last-child svg path {
  stroke: none;
}
.rechercheFacette:not(:has(#views-exposed-form-search-global)) form > div button:last-child:hover {
  color: black;
}
.rechercheFacette:not(:has(#views-exposed-form-search-global)) form > div button:last-child:hover svg path {
  fill: black;
}

.filtre-annuaire .filtreFaq__reset a svg path {
  stroke: none;
}
.filtre-annuaire .filtreFaq__reset a:hover {
  color: black;
}
.filtre-annuaire .filtreFaq__reset a:hover svg path {
  fill: black;
  stroke: none;
}

.checkboxContainer input[type=date] {
  width: 100%;
  padding: 0.94rem 1.5rem 0.94rem 1.5rem;
  font-size: var(--fz-small);
  line-height: 1;
  border: solid 1px var(--gris);
  border-radius: var(--larger-radius);
  color: var(--dark);
}

.rechercheFacette form > div:first-child label {
  border-top: unset;
  padding-top: 0;
}

.rechercheFacette .checkboxContainer ul {
  transition: var(--transition);
}
.rechercheFacette .checkboxContainer ul .checkboxContainer__btn {
  border: none;
  width: fit-content;
}
.rechercheFacette .checkboxContainer ul .checkboxContainer__btn svg path {
  stroke: var(--secondaire);
}
.rechercheFacette .checkboxContainer ul .checkboxContainer__btn:hover {
  color: var(--secondaire);
}
.rechercheFacette .checkboxContainer ul .checkboxContainer__btn:hover svg path {
  fill: none;
}
.rechercheFacette .checkboxContainer ul .checkboxContainer__bottom {
  height: unset;
}
.rechercheFacette .checkboxContainer ul li a {
  display: block;
  padding: 0.1875rem 0.6875rem;
  border-radius: 6.25rem;
  border: 1px solid black;
  white-space: normal;
  word-break: break-word;
  transition: var(--transition);
}
.rechercheFacette .checkboxContainer ul li a:hover {
  background-color: var(--secondaire);
}
.eco .rechercheFacette .checkboxContainer ul li a:hover {
  color: white;
}

.rechercheFacette .checkboxContainer ul li a.bef-link--selected {
  background-color: var(--secondaire);
}
.eco .rechercheFacette .checkboxContainer ul li a.bef-link--selected {
  color: white;
}

.filtreFaq__checkbox .checkboxContainer a {
  display: block;
  padding: 0.6rem 1.5rem 0.6rem 1.5rem;
  border-radius: 6.25rem;
  border: 1px solid black;
  white-space: normal;
  word-break: break-word;
  transition: var(--transition);
}
.filtreFaq__checkbox .checkboxContainer a:hover {
  background-color: var(--secondaire);
}

.cardActeur__info svg {
  flex: none;
}

.favori {
  display: grid;
  gap: 0.75rem;
  border-radius: var(--radius);
  border: 1px solid var(--border-color);
  padding: 1rem 2rem;
  margin: 1rem 0;
}
.favori:first-child {
  margin-top: 4rem;
}
.favori:last-child {
  margin-bottom: 3rem;
}
.favori h3 {
  font-weight: var(--bold);
  font-size: var(--fz-h4);
  transition: var(--transition);
}
.favori h3:hover {
  color: var(--primaire);
}
.favori .tag {
  width: fit-content;
  max-width: unset;
}
.favori__fin {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.favori__fin time {
  font-style: italic;
}
.favori__actions {
  display: flex;
  gap: 0.5rem;
}
.favori__actions a, .favori__actions button {
  transition: var(--transition);
}
.favori__actions a svg path, .favori__actions button svg path {
  stroke: black;
  transition: var(--transition);
}
.favori__actions a:hover, .favori__actions button:hover {
  color: var(--primaire);
}
.favori__actions a:hover svg path, .favori__actions button:hover svg path {
  stroke: var(--primaire);
}
.favori__actions a:not(:last-child):hover svg path, .favori__actions button:not(:last-child):hover svg path {
  fill: var(--primaire);
}

.headerDetailSection .headerDetail__text .caracteristiqueFlex {
  flex-wrap: wrap;
}

.liste-offres {
  padding-bottom: unset;
}

.wysiwyg p {
  margin-bottom: 1.5rem;
}

.js .formHome input.form-autocomplete {
  background-position: 64% center;
}
@media (max-width: 1099.98px) {
  .js .formHome input.form-autocomplete {
    background-position: 60% center;
  }
}

.frise .frise__items time:last-of-type {
  margin-top: 2rem;
  position: relative;
  width: fit-content;
}
.frise .frise__items time:last-of-type::before {
  content: "";
  position: absolute;
  top: -1.7rem;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M297.6 566.6L320.2 589.2L342.8 566.6L502.8 406.6L525.4 384L480.1 338.7C478.8 340 436.1 382.7 352.1 466.7L352.1 64L288.1 64L288.1 466.7C204.1 382.7 161.4 340 160.1 338.7L114.8 384L137.4 406.6L297.4 566.6z'/></svg>") no-repeat center;
  background-size: contain;
}
.frise .frise__items time:last-of-type span::after {
  display: none;
}

.delibFilter {
  align-items: end;
  gap: 1rem;
}
.delibFilter input[type=date] {
  height: 53px;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  border-radius: 3rem;
  max-width: 23rem;
  padding-inline: 1.56rem;
  font-family: var(--avenir);
}
.delibFilter .d-flex {
  display: flex;
  gap: 1rem;
}
.delibFilter .d-flex > * {
  flex: 1;
}

.delibLeft {
  flex: 1;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-full-line {
  grid-column: 1/-1;
}

@media (max-width: 1280px) {
  .delibFilter {
    flex-direction: column;
    align-items: start;
  }
}
@media (max-width: 1000px) {
  .delibLeft {
    grid-template-columns: 1fr;
  }
  .delibFilter .d-flex {
    flex-direction: column;
  }
}
.annee {
  grid-column: 1/-1;
  font-weight: bold;
  font-size: 1.5rem;
  color: var(--primaire);
}

.pagination__liste li:has([role=presentation]) {
  display: none;
}

.accord__delib a {
  color: var(--primaire);
  padding-left: 1rem;
  position: relative;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.25s ease-in-out;
}
.accord__delib a::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  background: var(--primaire);
}
.accord__delib a:hover {
  text-decoration-color: var(--primaire);
}

.wrapper.detailCanton:last-child, main > .wysiwyg:last-child {
  margin-bottom: 3rem;
  margin-top: 2.5rem;
}

.wysiwyg .miseEnAvant {
  padding: 2.19rem 2.75rem 7rem;
}
.wysiwyg ul, .wysiwyg ol {
  margin-bottom: 1.5rem;
}

@media (max-width: 999.98px) {
  .carteInteractive__carte {
    display: none;
  }
}

.carteCanton__detail::before {
  z-index: -1;
}

.carte-cantons-detail {
  max-width: 100%;
  z-index: 2;
}
.carte-cantons-detail .active {
  fill: var(--primaire);
}

.carte-cantons {
  max-width: 100%;
}
.carte-cantons path {
  transition: var(--transition);
}
.carte-cantons path:hover {
  fill: var(--primaire);
}
.carte-cantons a.hovering path {
  fill: var(--primaire);
}

.grid_listes.grid_listes__mono {
  grid-template-columns: 1fr;
}

.accord__delib .accordion__title {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  .accord__delib .accordion__title {
    flex-direction: column-reverse;
  }
}

.carteCanton {
  align-content: start;
}
.carteCanton .infosCanton {
  place-content: start;
}

.infoCommunes .listeCommunes {
  align-content: start;
}

.infoCommunes .listeCommunes > ul > li:before {
  top: 0.45rem;
  transform: unset;
}

.rechercheFacette .checkboxContainer .active a {
  background-color: white;
}

.partage {
  display: block;
}
@media (max-width: 1199.98px) {
  .partage li:not(.favori-button) {
    display: none;
  }
  .partage .favori-button a {
    width: 3rem;
    height: 3rem;
  }
  .partage .favori-button a svg {
    width: 1.5rem;
  }
}

.page-user #block--local-tasks-block {
  position: relative;
  background-color: #333;
  color: #fff;
  margin: 0 auto;
  margin-top: 2rem;
}
.page-user #block--local-tasks-block .tabs {
  display: grid;
  gap: 1.875rem;
}
.page-user #block--local-tasks-block .tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-user #block--local-tasks-block .tabs ul li {
  padding: 0;
  margin: 0;
  display: inline-block;
}
.page-user #block--local-tasks-block a {
  color: #fff;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
}
.page-user #block--local-tasks-block a:hover {
  background: #095a5b;
  color: #fff;
}
.page-user .user-login-form .form-item, .page-user .user-pass .form-item {
  display: grid;
  gap: 0.6rem;
  margin: 1rem 0;
}
.page-user .user-login-form .form-item label, .page-user .user-pass .form-item label {
  font-size: var(--fz-small);
  font-weight: var(--bold);
  font-family: var(--avenir);
}
.page-user .user-login-form .form-item input, .page-user .user-pass .form-item input {
  font-size: var(--fz-small);
  font-weight: var(--regular);
  font-family: var(--avenir);
  padding: 0.94rem 1rem 0.94rem 1rem;
  border-radius: var(--larger-radius);
  border: 1px solid var(--border-color);
  line-height: 1.6;
  width: 23rem;
}
.page-user .user-login-form .captcha__title, .page-user .user-pass .captcha__title {
  font-family: var(--title);
  font-size: var(--fz-cta-home);
  font-weight: var(--bold);
}

.closeModale {
  border: none;
  border-radius: var(--larger-radius);
  width: fit-content;
  margin-inline: auto;
  padding: 0.906rem 1.81rem;
  background-color: var(--secondaire);
  color: var(--dark);
  letter-spacing: 0.06125rem;
  transition: var(--transition);
  font-size: var(--fz-small);
  font-weight: var(--bold);
  text-transform: uppercase;
  margin-top: 1rem;
}
.closeModale:hover {
  color: var(--dark);
  background-color: white;
}

.mt-2 {
  margin-top: 1rem;
}

.carteInteractive {
  grid-template-rows: unset;
}

.carteInteractive__liste > nav > ul a.hovering {
  background-color: var(--primaire-light);
}

@media (max-width: 499.98px) {
  .webcams-favoris #icone-favoris span {
    display: none;
  }
}
@media (max-width: 499.98px) {
  .webcams-favoris #icone-favoris {
    position: unset;
    background-color: unset;
    transform: unset;
  }
}

.sticky {
  top: 250px;
}

.sticky .menuSticky {
  display: none;
}

.sticky.active .menuSticky {
  display: grid;
}

@media (max-width: 800px) {
  .detailActeurContainer {
    gap: 2rem;
    padding: 1.5rem 0;
  }
}
.pas-resultats + * p {
  margin-bottom: 1rem;
}

.card__bottom {
  border-radius: 0 0 var(--radius) var(--radius);
}

@media (min-width: 1000px) {
  .liButtons {
    display: none;
  }
}
.wysiwyg iframe {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  max-width: 900px;
  display: block;
  margin-inline: auto;
}
.wysiwyg iframe + small {
  display: block;
  margin-inline: auto;
  max-width: 900px;
  text-align: center;
}

.search-api-autocomplete-search {
  border-radius: var(--radius);
}
.search-api-autocomplete-search li {
  padding: 0.25rem 1rem;
}

.ui-menu-item {
  border-radius: var(--radius) !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,
.search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {
  background: transparent !important;
  color: black;
  border-radius: var(--radius);
}

@media (max-width: 1199.98px) {
  .partage li:not(.favori-button) {
    display: block;
  }
}
.rechercheFacette .checkboxContainer ul,
.filtreFaq__checkbox .checkboxContainer {
  transition: none;
}

.filtreFaq__checkbox .active .checkboxContainer__bottom {
  height: auto;
}

.filtreFaq__checkbox .checkboxContainer.active .checkboxContainer__btn {
  margin-top: 0;
}

header .header-search .hide {
  top: 80px;
}

@media (max-width: 699.98px) {
  .blocMemeElements__grid {
    display: grid;
    overflow: visible;
    --nbCol: 1;
    font-size: 14px;
  }
  .blocMemeElements__grid .links {
    padding: 0.5rem;
  }
  .favori__actions {
    margin-top: 0.5rem;
  }
  .partage ul {
    gap: 0.75rem;
  }
  .partage ul a,
  .partage .favori-button a {
    width: 40px;
    height: 40px;
  }
  .partage ul a::before,
  .partage .favori-button a::before {
    display: none;
  }
  .partage ul a svg,
  .partage .favori-button a svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 999.98px) {
  header .navigation > ul > li > ul > li > a {
    padding-left: 1.25rem;
  }
}
input[type=date] {
  font-family: var(--avenir);
}

.sticky .openSticky, .sticky .closeSticky {
  top: unset;
  bottom: -40px;
}

svg.carte-cantons-detail {
  filter: grayscale(100%);
  width: 60%;
}

.carteCanton__detail {
  display: grid;
  place-items: center;
}
.carteCanton__detail::before {
  height: 93px;
  width: 227px;
}

@layer theme {
  @media (min-width: 1400px) {
    .filtreDemarches .formWrapper {
      --nbCol: 3;
      grid-template-columns: repeat(var(--nbCol), 1fr) auto;
    }
  }
}
.cardActeur__btn {
  border-color: var(--secondaire);
}

.page-user #block--local-tasks-block {
  display: none;
}

.captcha__description {
  display: none;
}

.user-login-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 755px;
  gap: 1rem;
  margin: 3rem auto;
}
.user-login-form .forgot-password-link {
  display: block;
  text-align: center;
  margin-top: 0.5rem;
}
.user-login-form .captcha {
  grid-column: 1/-1;
}
.user-login-form #edit-submit {
  margin-inline: auto;
  text-align: center;
  --bordure: var(--primaire);
  --fond: white;
}
.user-login-form #edit-submit:hover, .user-login-form #edit-submit:focus {
  --fond: var(--primaire);
  --text: white;
}
.user-login-form #edit-actions {
  grid-column: 1/-1;
  flex-direction: column;
  gap: 0.5rem;
}

.js input.form-autocomplete, .js input.form-autocomplete.ui-autocomplete-loading {
  background-position-x: calc(100% - 1rem);
}

.sticky .menuSticky__link span {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.98px;
  text-transform: uppercase;
}

header .participe-compte::after {
  right: -19px;
}

.headerDetailSection {
  padding-bottom: 3rem;
}

.wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
  margin-block: 1rem;
}

.accord__delib a {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 2px;
  transition: var(--transition);
}
.accord__delib a:hover, .accord__delib a:focus {
  text-decoration-color: var(--primaire);
}

:root {
  --fz-minimal: 1rem;
}

.btn--secondaire:hover, .btn--secondaire:focus,
.btn--tertiaire:hover, .btn--tertiaire:focus {
  --text: var(--dark);
}
.eco .btn--secondaire:hover, .eco .btn--secondaire:focus,
.eco .btn--tertiaire:hover, .eco .btn--tertiaire:focus {
  --text: white;
}

.btn--secondaire--plein:hover, .btn--secondaire--plein:focus,
.btn--tertiaire--plein:hover, .btn--tertiaire--plein:focus {
  --text: white;
}

.btn--secondaire--shadow:hover, .btn--secondaire--shadow:focus {
  background: var(--dark);
  border-color: var(--dark);
  --text: white;
}

.card-marche .flex:has(.tag) {
  max-width: calc(100% - 16px);
  display: flex;
  flex-flow: row wrap;
  gap: 14px;
}
.card-marche .tag {
  width: fit-content;
  position: relative;
  display: block;
  max-width: 100%;
}

.switch-liste-carte {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media (max-width: 999.98px) {
  .switch-liste-carte {
    justify-content: center;
    display: grid;
    gap: 0.5rem;
  }
}
.switch-liste-carte > a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.55rem;
  font-family: var(--title);
  font-weight: var(--bold);
  font-size: var(--fz-cta);
  transition: var(--transition);
  background-color: var(--beige);
  max-height: 57px;
}

.switch-liste-carte > a svg path {
  fill: currentColor;
  transition: var(--transition);
}

.switch-liste-carte > a svg circle {
  stroke: currentColor;
}

.switch-liste-carte > a:nth-child(1) {
  border-top-left-radius: var(--larger-radius);
  border-bottom-left-radius: var(--larger-radius);
}

.switch-liste-carte > a:nth-child(2) {
  border-top-right-radius: var(--larger-radius);
  border-bottom-right-radius: var(--larger-radius);
}

@media (max-width: 999.98px) {
  .switch-liste-carte > a {
    border-radius: var(--larger-radius);
  }
}
.switch-liste-carte > a.active {
  background-color: var(--dark);
  color: #fff;
}

.switch-liste-carte > a:hover:not(.active), .switch-liste-carte > a:focus:not(.active) {
  background-color: var(--primaire);
  color: #fff;
}

#map-acteurs {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.pp-leaflet {
  background: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.leaflet-popup-close-button > span {
  color: var(--dark);
  font-size: 20px;
}

body .leaflet-container a.leaflet-popup-close-button {
  top: 5px;
  right: 5px;
}

@layer theme {
  .leaflet-popup-close-button {
    border: none !important;
  }
}
.leaflet-container .leaflet-popup-content {
  font-family: var(--avenir);
}
.leaflet-container .pp-btn {
  border-radius: 100vw;
  background: var(--dark);
  color: white;
  display: inline-flex;
  align-items: center;
  padding-top: 2px;
  height: 32px;
  text-transform: uppercase;
  font-weight: var(--semiBold);
  padding-inline: 1rem;
  margin-top: 1rem;
}
.leaflet-container .pp-header {
  color: var(--dark);
  font-size: 1.25rem;
  margin-bottom: 1rem;
  padding-right: 1rem;
}
.leaflet-container .pp-row:first-of-type {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--beige);
  margin-bottom: 1rem;
}
.leaflet-container .pp-label {
  font-weight: var(--semiBold);
}

.leaflet-control-layers-expanded {
  display: none;
}

.a-lire .magazine .btn:hover, .a-lire .magazine .btn:focus {
  color: white;
}

.cardActeur__infos {
  grid-template-columns: auto 1fr;
}
.cardActeur__infos > span:first-of-type::after {
  top: 0;
  height: 100%;
  transform: none;
}

.accord__delib a {
  display: grid;
  gap: 1rem;
  grid-template-columns: auto 30px;
}
.accord__delib a svg {
  transition: var(--transition);
}
.accord__delib a:hover svg, .accord__delib a:focus svg {
  fill: var(--primaire);
}

:root {
  --primaire-dark: rgb(0, 128, 168);
}

.wysiwyg .tabs .tablinks {
  min-width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 30ch;
}

.paragraph--type--formulaire .form-item:has(div.nice-select) {
  margin-bottom: 3rem;
}

.acc-eco {
  display: flex;
  gap: 1rem;
}

body.eco {
  --gradient-bleu: #fff;
  --bleu-clair: #fff;
  --background-blue: #fff;
  --primaire-dark-transparent: #000;
}
body.eco .btn.btn--secondaire--plein, body.eco .heroHeader__btn {
  --text: #fff;
  color: #fff;
}
body.eco .closeModale {
  color: #fff;
  outline: solid 1px #fff;
}
body.eco .closeModale:hover, body.eco .closeModale:focus {
  color: #000;
  outline: solid 1px #000;
}
body.eco .magazine__content:not(a) {
  color: #fff;
}

.filtreFaq .form-actions:last-of-type {
  grid-row: 2/3;
}

.menu-level-3-item:has(ul.menu-level-4.hide) {
  display: grid;
  grid-template-rows: 1fr 0;
  overflow: hidden;
  transition: var(--transition);
}

.menu-level-3-item:has(:not(ul.hide)) {
  grid-template-rows: 1fr 1fr;
  overflow: visible;
}

.menu-level-4 > li > a {
  color: var(--dark);
  padding-left: 2rem;
  position: relative;
  font-size: 14px;
}
.menu-level-4 > li > a::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-color: transparent;
  transition: var(--transition);
  border-radius: 100vw;
}
.menu-level-4 > li > a:hover::after, .menu-level-4 > li > a:focus::after {
  background-color: var(--primaire);
}

.conseillerDept__liste {
  --nbCol: 2;
}
@media (max-width: 999.98px) {
  .conseillerDept__liste {
    display: grid;
    grid-template-columns: repeat(var(--nbCol), 1fr);
  }
}
@media (max-width: 799.98px) {
  .conseillerDept__liste {
    --nbCol: 1;
    justify-items: center;
  }
}

.xlandes__infosContainer {
  grid-template-columns: 1fr 2fr;
}
.xlandes__infosContainer .xlandes__principal {
  place-self: center;
}
.xlandes__infosContainer .xlandes__principal img {
  display: none;
}
@media (max-width: 999.98px) {
  .xlandes__infosContainer {
    grid-template-columns: 1fr;
  }
}

.cardActeur .cardActeur__infos {
  display: grid;
  grid-template-columns: auto 1fr;
}

[data-tooltip-docs] {
  position: relative;
  cursor: pointer;
}
[data-tooltip-docs]:hover::before, [data-tooltip-docs]:focus::before {
  content: attr(data-tooltip-docs);
  position: absolute;
  bottom: -22px;
  left: 50px;
  padding: 0.2rem 1rem;
  background: var(--primaire);
  color: white;
  border-radius: 5px;
  font-size: 0.75rem;
  white-space: nowrap;
  animation: fadeIn 0.3s ease-in-out forwards;
  z-index: 20;
  pointer-events: none;
}

body:not(.eco) .trigger-noEco {
  display: block;
}
body:not(.eco) .trigger-eco {
  display: none;
}
body.eco .trigger-noEco {
  display: none;
}
body.eco .trigger-eco {
  display: block;
}

.totalList {
  grid-column: 1/-1;
  font-size: 2rem;
  width: 100%;
  font-weight: normal;
}

.layout__region--column {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
  align-items: flex-start;
  align-content: flex-start;
}

.cardActeur__infos span:first-of-type {
  max-width: 15ch;
}

.headerDetailSection .headerDetail__title {
  overflow: hidden;
  text-overflow: ellipsis;
}

.js .formHome input.form-autocomplete.ui-autocomplete-loading {
  background-position-x: 64%;
}

.js .heroHeader__form input.form-autocomplete.ui-autocomplete-loading {
  background-position-x: 68%;
}

.trigger-noEco rect:first-child {
  fill: #000;
}

body.eco .trigger-eco rect:first-child {
  fill: rgb(0, 103, 41);
}

.detail-faq .accordions {
  display: block;
}
.detail-faq .accordions .question-group {
  display: grid;
  gap: 2rem;
}
.detail-faq__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .detail-faq__buttons {
    flex-direction: row;
    justify-content: center;
  }
}

.modal__content > :first-child {
  display: grid;
  justify-content: center;
  text-align: center;
}

.monCompte {
  padding: 0;
  margin-bottom: 2.19rem;
}

.wysiwyg .monCompte__h2,
.wysiwyg .monCompte__h3 {
  margin-block: 0;
}

.monCompte__bloc {
  gap: 2.19rem;
}

.btn-center {
  margin-inline: auto;
}

.headerDetail__content .documents-liste {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
}

.nice-select-dropdown > .list {
  scrollbar-color: var(--secondaire) white;
  scrollbar-width: thin;
}
.nice-select-dropdown > .list::-webkit-scrollbar {
  width: 8px;
}
.nice-select-dropdown > .list::-webkit-scrollbar-track {
  background: white;
}
.nice-select-dropdown > .list::-webkit-scrollbar-thumb {
  background-color: var(--secondaire);
  border-radius: 4px;
}
.nice-select-dropdown > .list::-webkit-scrollbar-thumb:hover {
  background-color: var(--secondaire);
}

.card__actu.card__actu--blue:hover .card__bottom {
  background: var(--secondaire-light);
}

body p.card__chapo {
  margin-bottom: 0;
}

p.cardVideo__chapo {
  margin-bottom: 0;
}

.eco .tag:not(.tag--noHover):hover, .eco .tag:not(.tag--noHover):focus {
  background: var(--bleu-clair);
}

.eco .btn--rotate,
.eco .titleInMenu .btn,
.eco .filtreContainer {
  color: white;
}

.monCompte .idee {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: initial;
}

.btn--no-svg {
  padding-block: 0.906rem;
}

.cardIdee:focus .btn--secondaire--plein, .cardIdee:hover .btn--secondaire--plein {
  background-color: var(--dark);
  color: white;
  border-color: var(--dark);
}

.nice-select .list {
  margin: 0;
}
.nice-select .list li {
  margin: 0;
}
.nice-select .list .option {
  padding-bottom: 0.5rem;
}

.form-managed-file .ajax-progress {
  display: none;
}

.listeFaq__element:hover, .listeFaq__element:focus {
  background: var(--primaire-light);
}

.accordion__title {
  cursor: pointer;
}

.listeFaq__element {
  align-items: start;
  align-content: start;
}

.tag.tag--published {
  background: var(--primaire-light);
}

.tag.tag--refused {
  background: #ffcccc;
}

.contenu-idee {
  grid-template-columns: 1fr;
  margin-bottom: 2rem;
}
.contenu-idee .miseEnAvant {
  padding-bottom: 2rem;
}
.contenu-idee .miseEnAvant p {
  margin-bottom: 0;
}

.vote-idee__etoiles .etoile {
  flex: 1;
}

.vote-idee__etoiles .etoile span {
  left: 49%;
}

.toast-success {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  background-color: var(--primaire);
  color: white;
  padding: 1rem 1.5rem;
  border-radius: var(--radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  font-family: var(--avenir);
  font-size: var(--fz-small);
  max-width: 300px;
}
.toast-success.show {
  opacity: 1;
  transform: translateY(0);
}

/*# sourceMappingURL=addon.css.map */
