.flexible-form__title-wrapper * {
  text-align: center;
}

.navbar .btn-arrow {
	color: white;
}

.btn-primary {
  --btn-color: white;
}

.icon {
	-webkit-mask: var(--icon-url, var(--icon-svg)) no-repeat center center;
	mask:  var(--icon-url, var(--icon-svg)) no-repeat center center;
}

@media (min-width: 992px) {
  #home .main-content > *, .paragraph > *, .discover {
    margin-top: 7rem;
  }
  .paragraph , .linked-menu {
    margin-block: 7rem;
  }
  .linked-menu__item {
    margin-bottom: 7rem !important;
  }
}	

.navbar {
  position: absolute;
  width: 100%;
  z-index: 999;
}

.navbar .icon--home {
  --icon-svg: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1v16.2c0 22.1-17.9 40-40 40h-16c-1.1 0-2.2 0-3.3-.1-1.4.1-2.8.1-4.2.1L416 512h-24c-22.1 0-40-17.9-40-40v-88c0-17.7-14.3-32-32-32h-64c-17.7 0-32 14.3-32 32v88c0 22.1-17.9 40-40 40h-55.9c-1.5 0-3-.1-4.5-.2-1.2.1-2.4.2-3.6.2h-16c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9.1-2.8v-69.7h-32c-18 0-32-14-32-32.1 0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7l255.4 224.5c8 7 12 15 11 24z'/%3E%3C/svg%3E");
  transform: translateY(-2px);
  color: currentColor;
}

.container-fluid, .container {
	max-width: var(--ev-grid-max-width);
	padding-inline: var(--ev-grid-gutter);
	margin-inline: auto;
}

.author {
  display: none;
}

.article--list .article__item .title.h4 {
  margin-top: 0 !important;
}

.article__filter-label {
  font-weight: var(--ev-heading-font-weight);
  font-family: var(--ev-heading-font-family);
  font-size: var(--ev-step-0);
  flex-basis: 100%;
  margin-bottom: var(--ev-space-3xs-2xs);
  color: var(--ev-heading-color);
}
													
.intro__title {
  font-size: var(--ev-step-3);
}

.intro__subtitle {
  font-size: var(--ev-step-3);
  grid-area: intro-subtitle;
}

.paragraph__title {
  font-size: var(--ev-step-3);
}

.intro--bg {
  padding-block: var(--ev-space-2xl);
}

@media (min-width: 768px) {
  .page .intro__body .intro__wrapper:not(.no-img), .article--details .intro__body .intro__wrapper:not(.no-img) {
    grid-template-rows: 1fr repeat(5, min-content) 1fr;
  }
}

.page .intro__body .intro__wrapper {
  margin-block: var(--ev-space-3xl-4xl) 0;
}

.paragraph__grid > :not(:last-child),
.page .intro__body .intro__wrapper> :not(:last-child),
.article--details .intro__body .intro__wrapper> :not(:last-child) {
  margin-block: var(--ev-space-2xs);
}

figure {
  margin: 0 !important;
}
														
.article__description h2 {
  font-size: var(--ev-step-3);
  margin-top: 0 !important;
}

.article__description--end__header > * {
  margin: 0;
  padding: .0;
}

.article__description--end__header {
  place-content: space-between;
}

.btn-tag, .article--details .article__criteria-item:not([data-tag-number="1"]) a {
  padding: var(--ev-space-2xs) var(--ev-space-m) var(--ev-space-xs) !important;
}
											
[id*="article_link-2406242307"] .paragraph > * {
	margin-top: var(--ev-space-xs);
}
														
														

.swiper-navigation  .icon--next,
.swiper-navigation  .icon--prev {
  --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 476.213 476.213'%3E%3Cpath d='m345.606 107.5-21.212 21.213 94.393 94.394H0v30h418.787L324.394 347.5l21.212 21.213 130.607-130.607z'/%3E%3C/svg%3E");
  --icon-width: calc(4px * 6);
  --icon-color: currentColor;
  --icon-height: calc(4px * 6);
}

.swiper-navigation .icon--next {
  transform: scale(-1, 1);
}

.swiper-navigation {
  display: flex;
  gap: var(--ev-space-m);
  margin-top: var(--ev-space-l);
  margin-bottom: var(--ev-space-xs);
}


.swiper-button-next,
.swiper-button-prev {
  position: relative !important;
  width: auto !important;
  height: auto !important;
}

.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after,
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content: unset !important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 0px !important;
}													
												
.navbar .icon--search {
  --icon-width: 16px;
  --icon-height: 16px;
}

.swiper-button-next, 
.swiper-button-prev {
  top: 0 !important;
  margin-top: 0 !important;
}

.swiper-button-next, 
.swiper-rtl .swiper-button-prev {
  right: 0 !important;
}

																																																																																										.btn {
	border-radius: 0;
	padding: var(--ev-space-xs) var(--ev-space-l);
	border: hidden;
	transition: all 500ms ease-in-out;
	background-size: auto 200%;
	font-weight: 600;
  /* clip-path: polygon(10% 0%, 90% 0%, 100% 52%, 90% 100%, 10% 100%, 0% 50%); */
}

.btn-primary {  
	background: linear-gradient(to bottom, var(--ev-primary) 0%, var(--ev-secondary) 51%, var(--ev-primary) 100%);
}								

.nav-link {
  font-weight: 600;
  color: white !important;
}

.navbar {
  --bs-navbar-padding-y: var(--ev-space-l-xl);
  background-color: transparent;
  box-shadow: unset;
}
													

#home .navbar, #search-form .navbar, #search .navbar {
  position: absolute;
}

.subtitle, .flexible-form__step-subtitle::before {
  grid-row: 1;
  font-family: var(--ev-body-font-family);
  font-size: var(--ev-step-0);
  color: var(--ev-primary);
}


@media (min-width: 769px) {
  [data-header-align="center"] {
    width: unset !important;
    max-width: 50rem;
  }
}


section .swiper-pagination {
  position: relative;
}

section .swiper-pagination-bullet {
  width: 32px;
  height: 4px;
  border-radius: 0;
}

section .swiper-horizontal > .swiper-pagination-bullets, 
section .swiper-pagination-bullets.swiper-pagination-horizontal, 
section .swiper-pagination-custom, 
section .swiper-pagination-fraction {
  bottom: 0;
  top: 8px;
}



section .swiper-button-next,
section .swiper-button-prev {
  background: #eaeaea;
  padding: var(--ev-space-2xs);
}

section .swiper-navigation {
  gap: var(--ev-space-s);
}

section .swiper-navigation .icon--next, 
section .swiper-navigation .icon--prev {
  --icon-color: var(--ev-heading-color);
}


.navbar {
  position: absolute;
  width: 100%;
}

.flexible-form__title-wrapper,
.intro--bg {
  padding-block: calc(var(--ev-space-l) + 100px) var(--ev-space-l);
  position: relative;
  background-color: unset;
}

@media (width > 992px) {  
  .form-page .flexible-form__title-wrapper,
  .intro--bg {
    padding-block: calc(var(--ev-space-2xl) + 125px) var(--ev-space-2xl);
  }
}

.flexible-form__title-wrapper::before,
.intro__top.intro--bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(https://serveur-images.devil-it-applications.fr/fonderiehavard/upload/cover_1723188395.jpeg);
  z-index: -1;
  background-color: #646362;
  background-blend-mode: multiply;
}

.flexible-form__title-wrapper *,
.intro__top.intro--bg * {
  color: white;
}

.paragraph__cta,
.intro__cta {
  margin-top: var(--ev-space-m);
}

.linked-menu__subtitle.subtitle {
  grid-area: linked-menu-subtitle;
}

.article--list .article__group {
  gap: var(--ev-grid-gutter);
}

.article__item .title {
  font-size: var(--ev-step-1);
}

.article__item-description {
  font-size: var(--ev-step--1);
}

.article--list .btn-tag {
  font-size: var(--ev-step-0);
  line-height: 100%;
  padding-block: var(--ev-space-s) !important;
  border-radius: 100vmax;
  /* background-image: url(https://serveur-images.devil-it-applications.fr/fonderiehavard/upload/bg-category_1723190935.jpg); */
  background-color: #00000070;
  background-blend-mode: multiply;
  color: white !important;
}

.article--list .btn-tag:hover {
  background-color: #000000db;
}

.article .label-wrapper > * {
  background: #ffffffb8;
  border-radius: 100vmax;
}

.article--list .article__item {
  background-color: var(--ev-article-item-bg, #dedad669);
}

.search .search-header {
	background-color: #191818;
}

.search .search-header .h2 {
  color: white;  
}

@media (width < 992px) {
  .navbar-nav.list-style-none {
    background: var(--ev-body-bg);
    padding: var(--ev-space-m);
  }

  .navbar-nav.list-style-none * {
    color: var(--ev-heading-color) !important;
  }

  .navbar .icon--phone-fill {
    --icon-svg: url(https://serveur-images.devil-it-applications.fr/fonderiehavard/svg/phone-call.svg);
  }
  
  .navbar img {
    height: 32px;
  }

  .navbar .icon {
    color: white;
  }
}

.discover h2 {
	font-size: var(--ev-step-0);
	font-family: var(--ev-body-font-family);
	letter-spacing: normal;
	text-transform: none;
	font-weight: 600;
}

.article__description--end__header {
  margin-bottom: var(--ev-space-2xl);
}

.btn-outline-primary {
	border: 2px solid var(--ev-primary);
}

.btn-tag::before, .article--details .article__criteria-item:not([data-tag-number="1"]) a::before {
  content: unset;
}

.article--list .btn-tag {
  font-size: var(--ev-step--1);
  padding-block: var(--ev-space-xs) !important;
  background-color: var(--ev-neutral);
}

.article__item .title.h4 {
  letter-spacing: 0;
  text-transform: none;
}

.article__description {
	margin-block: var(--ev-space-4xl);
}

.btn:hover {
  transform: scale(1.12);
}

.btn {
  transform: scale(1);
}

.btn-primary:hover {
	color: white !important;
}

.btn-outline-primary:hover {
  background-color: transparent;
}

@media (min-width: 992px) {
  .navbar-nav {
    gap: var(--ev-space-xs-s);
  }
}


.form-control,
.article--list .article__filter-dropdown-btn {
  --input-bg: #fff;
}

.intro__description {
  grid-area: intro-paragraph;
}

.intro__cta.btn-wrapper {
  grid-area: intro-cta;
}

.intro__image {
  grid-area: intro-img;
}

.intro__wrapper {
  display: grid;
	grid-template-areas: "intro-subtitle" "intro-title" "intro-author" "intro-img" "intro-paragraph" "intro-cta";
}


@media (min-width: 768px) {
  .page .intro__body .intro__wrapper:not(.no-img), .article--details .intro__body .intro__wrapper:not(.no-img) {
    grid-template-areas:
      "..             .. intro-img" 
      "intro-subtitle .. intro-img" 
      "intro-title    .. intro-img" 
      "intro-author  ..  intro-img" 
      "intro-paragraph .. intro-img" 
      "intro-cta   ..    intro-img" 
			"..          ..    intro-img";
    grid-template-columns: minmax(50%, 1fr) var(--ev-grid-gutter) minmax(300px, 600px);
    grid-template-rows: 1fr repeat(5, min-content) 1fr;
    gap: 0;
  }
}

@media (min-width: 992px) {
  .paragraph, .linked-menu {
    margin-block: 0;
  }
  #home .main-content > *, .paragraph > *, .discover {
    margin-top: var(--ev-space-2xl);
  }
}

.article__description {
  margin-block: 0;
}

.article--list .article__item-content {
  background-color: #f1eeea;
}

@media (min-width: 992px) {
#home .main-content > * {
	margin-top: var(--ev-space-3xl-4xl);
}
}
.swiper-navigation .icon--prev {
--icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/%3E%3C/svg%3E");
}
.form-page .flexible-form__title-wrapper * {
	color: #fff;
}
.container-fluid {
	width: 100%;
	padding-inline: var(--ev-grid-gutter);
  max-width: unset !important;
}
.paragraph > :not(:first-child) {
  margin-top: var(--ev-space-3xl);
}
.paragraph__cta {
	margin-top: unset !important;
}
@media (min-width: 992px) {
  .linked-menu__item {
    margin-bottom: unset !important;
  }
}
.linked-menu__item:not(:first-child) {
  margin-top: var(--ev-space-2xl);
}
.navbar-cta .btn-primary.btn-header-one{
  background: #fff;
  --btn-color: var(--ev-heading-color) !important;
  --btn-border-color: #fff;
  --btn-hover-bg: #fff;
  --btn-hover-color: var(--ev-heading-color);
  --btn-hover-border-color: #fff;
}
.navbar-cta .btn.btn-outline-primary {
	--btn-color: #fff;
	--btn-hover-color: #fff;
  transform: scale(0.93);
}
.navbar-cta .btn.btn-outline-primary:hover{
  transform: scale(1.1);
}
.banner-bg,
.form-page .flexible-form__title-wrapper {
  --bg-color: #646362;
}
h2, .h2 {
	font-size: var(--ev-step-3, 1.5em);
}

.subtitle {
	font-size: var(--ev-step-0);
}
.intro__cta.btn-wrapper {
	display: flex;
  gap: var(--ev-space-xs);
	white-space: pre-wrap;
}
.paragraph__grid > :not(:last-child),
.page .intro__body .intro__wrapper> :not(:last-child),
.article--details .intro__body .intro__wrapper> :not(:last-child) {
  margin-block: var(--ev-space-2xs);
}
.intro__cta {
	margin-top: unset !important;
}

.linked-menu__btn-wrapper {
	margin-top: var(--ev-space-xs);
}
.navbar .btn-arrow {
	line-height: 1;
}

.discover__title {
	display: none;
}

@media(max-width: 992px) {
  .banner-bg, .form-page .flexible-form__title-wrapper {
		padding-block: calc(var(--ev-space-l) + 100px) var(--ev-space-l);
	}
}

@media (width < 992px) {
  .navbar img {
    height: 52px !important;
    width: auto;
  }
}
@media(max-width: 767px) {
  .container-fluid, .container {
		max-width: 100%;
	}
  .modal-dialog.modal-dialog-scrollabl.modal-dialog-centered {
    max-width: 100% !important;
  }
}
.modal[data-form-id] .icon.icon--close {
	--icon-color: #fff;
}
.modal[data-form-id] .modal-header .btn-close {
  position:absolute;
  right:var(--ev-space-m);
  top:var(--ev-space-xs-s);
  background:var(--ev-primary);
  border:none;
  z-index:1
}
.modal[data-form-id] .modal-header .btn-close {
  width:30px;
  height:30px;
}
.modal-header .btn-close {
	place-content: start;
}
#navbarSupportedContent .navbar .icon--home {
	transform: rotate(0deg) !important;
}
