/*fonts*/
/* @font-face {
  font-family: 'DaysOne-Regular';
  src:  local('DaysOne-Regular'),
    url('../fonts/Days_One/DaysOne-Regular.ttf')  format('truetype') ;
  font-display: swap;
  unicode-range: U+0000-007F,U+0080-00FF,U+0153,U+20AC;
} */

@font-face {
  font-family: 'DaysOne-Regular';
  src:  local('DaysOne-Regular'),
        url('../fonts/Days_One/DaysOne-Regular.woff2') format('woff2'),
				url('../fonts/Days_One/DaysOne-Regular.woff') format('woff');
  font-display: swap;
}



@font-face {
  font-family: 'Inter-Regular';
  src:  local('Inter-Regular'),
        url('../fonts/Inter/Inter-Regular.woff2') format('woff2'),
				url('../fonts/Inter/Inter-Regular.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Bold';
  src:  local('Inter-Bold'),
        url('../fonts/Inter/Inter-Bold.woff2') format('woff2'),
				url('../fonts/Inter/Inter-Bold.woff') format('woff');
  font-display: swap;
}



/*colors*/

.gradient{
  background: linear-gradient(to right, #3f64bc 35%, #06b8fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

:root {
  --primary-color: #3C6AC0;
  --secondary-color: #FF4D00;
  --accent-secondary-color: #ff7528;
}

.hover-white:hover,
.white{color: white}
.bg-hover-white:hover,
.bg-white{background: white}
.hover-black:hover,
.black{color: black}
.bg-hover-black:hover,
.bg-black{background: black}

.blue{
  color: var(--primary-color);
}
.bg-blue{
  background: var(--primary-color);
}
.bg-orange{
    background: var(--secondary-color);
}
.orange{
    color: var(--secondary-color);
}
/*components*/
.woocommerce .loader::before{
  content: none;
}
.loader-special {
  border: 4px solid var(--accent-secondary-color);
  border-top: 4px solid white;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  animation: spin 1s linear infinite;
  margin-left: 0px;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  background: var(--accent-secondary-color);
  top: 1.5px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.title-landing{
  font-family: 'DaysOne-Regular';
  font-size: 30px;
  position: relative;
}

.title-landing::before {
  content: "";
      background: #ff9162;
      position: absolute;
      top: 20px;
      width: 129px;
      height: 13Px;
      left: -8px;
      z-index: 1;
      transition: 0.5s;
}
.title-landing span{
  z-index: 9;
  position: relative;
}
.label-free{
  position: absolute;
  background: white;
  padding: 12px 13px;
  border-radius: 25px;
  color: black;
  font-size: 13px;
  font-family: 'Inter-Regular';
  top: 10px;
  left: 10px;
  border-bottom-left-radius: 0px;

}
/* .label-free{


position: absolute;
    background: rgb(60 106 192 / 78%);
    padding: 12px 13px;
    border-radius: 25px;
    color: #e3e3e3;
    font-size: 14px;
    font-family: 'Inter-Regular';
    top: 0px;
    right: 0;
    width: 100%;
    left: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  } */
  /* .label-free.or{
    background: rgb(255 77 0 / 80%)

  } */

.uppercase{text-transform: uppercase}
.big-title{
  font-family: 'DaysOne-Regular';
  font-size: 40px;
  line-height: normal;
}
.title{
  font-size: 18px;
  line-height: normal;
  font-family: 'Inter-Bold';
  margin-bottom: 20px;
}
.medium-title{
  font-family: 'DaysOne-Regular';
  font-size: 32px;
}
.small-title{
  font-family: 'DaysOne-Regular';
  font-size: 25px;
}
.text-20{
  font-family: 'Inter-Regular';
  font-size: 20px;
}
.main-title{
  width: 530px;
  font-size: 66px;
  font-family: 'DaysOne-Regular';
}

.main-title.variant{
  font-size: 57px
}
.main-title.variant.sante{
  font-size: 52px;
}

.content-top-post .main-title.variant.sante::before {
    top: 34px;
    left: -13px;
}

.text{
  font-family: 'Inter-Regular';
  font-size: 15px;
  line-height: normal;
}
.intro-seo{
  font-size: 14px;
  margin-top: 20px;
  font-weight: bold;
  text-transform: initial;
  width: 70%;
  line-height: 22px;
  font-family: 'Inter-Bold';
  color: black;
}
.intro-seo.mini{
  width: 90%;
  margin-top: 35px;
  display: table;
}
.intro-seo.mini a.orange{
  transition: 0.75s
}
.intro-seo.mini a.orange:hover{
  opacity: 0.75
}
.mb-50{
  margin-bottom: 50px;
}
.mini-text{
    font-family: 'Inter-Regular';
  font-size: 12px;
}
.big-text{
  font-family: 'DaysOne-Regular';
  font-size: 20px;
      line-height: normal;
}
.small-text{
  font-family: 'DaysOne-Regular';
  font-size: 14px;
}
.small-text-2{
  font-family: 'Inter-Regular';
  font-size: 14px;
  line-height: normal;
}
.story .inner .content .small-text-2{
  margin-bottom: 35px;
}

.cta-simple{
  font-family: 'DaysOne-Regular';
  font-size: 16px;
  background: none;
  border: none;
  position: relative;
}
.cta-simple::before{
  content: "";
  position: absolute;
  bottom: -1.5px;
  width: 95%;
  height: 1.5px;
  background: white;
  left: 2.5%;
}
.cta-simple.orange::before{
  background: var(--secondary-color);
}
.cta-simple.mini{
  font-size: 12px;
}

.cta-simple.mini::before{
height: 1px;
}


.cta-blue,
.cta-orange{
  background: var(--secondary-color);
  font-family: 'DaysOne-Regular';
  font-size: 18px;
  padding: 18px 43px;
  display: table;
  border-radius: 25px;
  color: white;
  transition: 0.3s ease;
  border: none;
}
.cta-white{
  font-family: 'DaysOne-Regular';
  font-size: 16px;
  padding: 15px 37px;
  display: table;
  border-radius: 25px;
  color: white;
  transition: 0.3s ease;
  border: none;
  background: white;
}
.cta-white.big{
  font-size: 18px;
  padding: 18px 39px;
}
.cta-white.blue{
color: var(--primary-color)
}
.cta-white.orange{
  color: var(--secondary-color)

}
.cta-blue{
  background: var(--primary-color)
}
.cta-blue.mini{
  font-size: 14px;
  padding: 20px 38px;
}

.cta-blue:hover,
.cta-orange:hover{
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  transform: scale(1.05);
}
.title-list-post{
  font-family: 'DaysOne-Regular';
  font-size: 15px;
  line-height: normal;
  text-transform: uppercase;

}
.cta-orange-border{
  border: 2px solid  var(--secondary-color);
  background: white;
  color: var(--secondary-color);
  font-family: 'DaysOne-Regular';
  font-size: 15px;
  padding: 18px 43px;
  display: table;
  border-radius: 25px;
  transition: 0.3s ease;
}
.cta-orange-border.mini{
  font-size: 14px;
  display: table;
  margin-top: 20px;
  padding: 18px 25px;
}
.cta-account{
  font-family: 'Inter-bold';
}
/* .cta-account.is-log{
      padding: 8.5px 27Px;
} */

.cta-orange-border:hover{
  background: var(--secondary-color);
  color: white;
}

.cta-picto{
  font-family: 'DaysOne-Regular';
  font-size: 16px;
  padding: 14px 40px;
  display: table;
  border-radius: 25px;
  color: white;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  width: fit-content;
  border: none;
}
.cta-picto img{
  margin-right: 12px;
  transition: 0.6s;
}
.cta-picto:hover img{
  transform: rotate(360deg);
}

.anim-1{
  transition: 0.3s ease;
}

.anim-1:hover,
.cta-picto:hover{
  transform: translateY(-7px);
}

.cta-picto.bg-white{
  color: var(--secondary-color)
}

.cta-picto.bg-white.orange{
  color: var(--primary-color)
}


/*bloc-img-text*/
.bloc-img-text{
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  align-items: flex-start;
}
.bloc-img-text img{
  border-radius: 25px;
  width: calc(50% - 30px);
  height: 330px;
      object-fit: cover;
}


.bloc-img-text.size-reduce .content{
width: calc(65% - 30px);
}
.bloc-text-img.size-reduce .content{
width: calc(65% - 30px);
}
.bloc-img-text.size-reduce img{
  width: calc(35% - 30px);
height: 270px;
}

 .bloc-img-text-2.size-reduce img{
   width: calc(35% - 30px);
height: 270px;
 }

.bloc-img-text .content {
  padding: 25px 0px;
  width: calc(50% - 30px);
}
.bloc-img-text .content .big-text {margin-bottom: 15px}

.text-landing{
  font-size: 16px;
  font-family: 'Inter-Regular';
  line-height: 28px;
}
.text-landing-bold{
  font-family: 'DaysOne-Regular';
  font-size: 16px;

}
.wysiwyg ol,
.wysiwyg ul{
    margin-bottom: 15px;
  padding-left: 20px}

.wysiwyg ol li,
.wysiwyg ul li,
.wysiwyg p{
   margin-bottom: 17px;
   line-height: 28px;
   font-size: 16px;
   font-family: 'Inter-Regular';
}
.wysiwyg h4,
.wysiwyg h3{
  font-family: 'DaysOne-Regular';
  line-height: normal;
  color: black;
  margin-bottom: 13px;
}
.wysiwyg h3{
  color: #ff6320;
  font-size: 18px;
}
.wysiwyg h4{
  font-size: 16px;
}

.wysiwyg ol li{
  list-style-type: decimal;
  margin-bottom: 5px;
}
.wysiwyg ul li{
  list-style-type: disc;
  margin-bottom: 5px;
}
.wysiwyg a{
  color: #ff4d00;
  text-decoration: underline;
  transition: 0.4s;
}
.wysiwyg a:hover{
  opacity: 0.7
}
.wysiwyg strong{font-family: 'Inter-Bold'}
.wysiwyg em{font-style: italic}
.bloc{
  margin-bottom: 50px;
}
.wysiwyg h2{
  font-family: 'DaysOne-Regular';
font-size: 24px;
line-height: normal;
  color: #3c6ac0;
  margin-bottom: 15px;
}
.single-post-card .big-text{
  font-size: 24px;
}

/*bloc-text-img*/
.bloc-img-text.reverse{
  flex-direction: row-reverse;
  gap: 60px;
}
.bloc-text-img .content{
  padding-left: 0px;
}

/*bloc-double-text*/
.bloc-double-text{
  display: flex;
      gap: 60px;
      flex-wrap: wrap;

}
.bloc-double-text .content{
width: calc(50% - 30px);
}

.bloc-double-text .content .wysiwyg{

}


/*.bloc-double-image*/

.bloc-double-image {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
}
.bloc-double-image  figure{
  width: calc(50% - 30px);
}
.bloc-double-image  figure img{
  width: 100%;
  height: 330px;
  border-radius: 25px;
      object-fit: cover;
}
body figcaption{
  margin-top: 5px;
  font-size: 14px;
  font-family: 'Inter-Regular';
  padding-left: 25px;
  color: #9E9E9E;
}


/*Block image*/


.bloc-image    img{

max-height: 700px;
object-fit: cover;
 border-radius: 25px;
    max-width: 100%;

  }

  /*bloc-image-full*/
.bloc-image-full img{
  width: 100%;
  object-fit: cover;
  border-radius: 25px;
}


/*bloc cta*/
.bloc-cta.cta-centered a{margin: auto}

/*Bloc list*/
.perso{
  position: absolute;
  width: 100px;
  right: 100px;
  top: 150px;
  filter: invert(1);
}
body .bloc-list{
  padding: 45px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  color: white;
  border-radius: 20px;
}
.home .bloc-list{
      padding: 95px 45px;
      border-radius: 0px;
      margin-bottom: 100px;
}
.home .bloc-list .text{
  font-size: 20px;
  width: 800px;
  margin: auto;
  text-align: left;
  line-height: 28px;
}


.bloc-list.orange-bloc{background: rgb(255 77 0 / 80%)}
.bloc-list.blue-bloc{background: rgb(60 106 192 / 80%)}
.bloc-list li{
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.bloc-list li img{
  filter: invert(1);
  margin-right: 12px;
  width: 27px;
}
.bloc-list li span{
  line-height: normal;
  font-size: 20px;
  font-family: 'Inter-Regular';
}
.bloc-list .text,
.bloc-list .small-title{
  margin-bottom: 40px;
}
.bloc-list  .small-title.has-text{margin-bottom: 15px}


/*bloc-citation*/

.bloc-citation{
  text-align: center;
}
.bloc-citation .content{
  width: 70%;
  margin: auto;
}
.bloc-citation p{
  font-family: 'DaysOne-Regular';
font-size: 26px;
margin-top: 20px;
line-height: normal;
}
.bloc-citation span{
  line-height: 28px;
  font-size: 16px;
  font-family: 'Inter-Regular';
  display: table;
  margin: auto;
  margin-top: 10px;
  color: #3c6ac0;
}

/*faq*/
.faq-item .arrow img{
transform:  rotate(-90deg)
}
.faq-container {
  max-width: 100%;
      margin: 0 auto;
      background: white;
      padding: 50px 30px;
      box-shadow: 0 2px 5px rgb(0 0 0 / 8%);
      border-radius: 15px;
}

.faq-item {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
    overflow: hidden;
}

.faq-question {
  width: 100%;
  padding: 25px;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  background-color: #f7f7f7;
  border: none;
  cursor: pointer;
  outline: none;
  transition: background-color 0.3s, padding-left 0.4s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  font-family: 'DaysOne-Regular';
  font-weight: normal;
  font-size: 15px;
}
.faq-question:hover {
  background-color: #f7f7f7;
  padding-left: 35px;
}
.arrow {
    transition: transform 0.3s;
}
.faq-answer {
    display: none;
    padding: 15px;
}

.faq-answer p {
  margin: 0;
  font-size: 15px;
  font-family: 'Inter-Regular';
  line-height: normal;
}

.faq-question.active .arrow {
    transform: rotate(90deg);
}
.bloc-faq .small-title{
  margin-bottom: 32px;
}
/*bloc source*/
.bloc-source .source{
  font-size: 14px;
  font-family: 'DaysOne-Regular';
  line-height: normal;
  font-style: italic;
  color: #696565;
}
.bloc-source .small-title{
  margin-bottom: 10px;
  font-size: 20px;
}

/*Bloc menu*/

.bloc-menu .elements-menu{
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
}
.bloc-menu .elements-menu .item{
  width: calc(33.333333333333336% - 32px);
  text-align: center;
}
.bloc-menu .elements-menu .item h3{
  font-size: 18px;
}
.bloc-menu .elements-menu .item p{
  text-transform: uppercase;
}
.subscription-message{
  font-family: 'Inter-Regular';
  text-align: left;
  font-size: 15px;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  margin-top: 15px;
  font-weight: normal;
}
.register-message{
  font-family: 'Inter-Bold';
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 20px;
}
.block-register-single .cta-white{
  font-size: 14px;
padding: 15px 20px;
margin-top: 20px;
display: table;
}
.register-message span{
  font-size: 13px;
font-weight: normal;
font-family: 'Inter-Regular';
display: table;
margin-top: 6px;
}
.block-register-single{

  float: left;
  background: #FF916240;
  border-bottom: 20px;
  border-radius: 10px;
  color: black;
  width: 70%;
  padding: 15px 20px;

}
.woocommerce div.product div.summary .simple-cta-text {
    margin-top: 15px;
    display: table;
    float: left;
    text-align: left;
    width: 100%;
    padding-left: 0px;
    color:black 
}
.block-register-single{
  margin-top: 20px;

}
.bloc-menu .elements-menu .item img{
  width: 100%;
  border-radius: 20px;
  margin: 15px 0px 18px 0px;
  height: 180px;
    object-fit: cover;
}
.title-menu{
  font-family: 'Inter-Bold';
  font-size: 14px
}
.bloc-menu .big-text{margin-bottom: 30px}
.bloc-double-image figure .wysiwyg{
  margin-top: 15px;
}
.bloc-content .img-dessus{
  max-width: 50%;
  border-radius: 25px;
  margin-bottom: 20px;
}


  @media screen and (max-width: 991px){

  .small-title {
      font-family: 'DaysOne-Regular';
      font-size: 22px;
  }
  }
  @media screen and (max-width: 767px){
    .bloc-content .img-dessus{
      max-width: 100%;
    }
    .bloc-img-text.size-reduce .content{
      width:100%;
    }
    .bloc-text-img.size-reduce .content{
      width:100%;
    }
    .bloc-img-text.size-reduce img{
      width:100%;
      height: auto;
    }

     .bloc-img-text-2.size-reduce img{
       width:100%;
       height: auto;
     }

  .bloc-img-text.reverse {
	    flex-direction: column-reverse;
	}
	.bloc-img-text img {
	    width: 100%;
	}
  .wysiwyg h2 {
    font-size: 20px;
}
  .bloc{
    padding: 0px 10px;
  }
  .bloc-double-text .content {
    width: 100%;
}
	.bloc-img-text .content {
    width: 100%;
}
.bloc-img-text,
.bloc-img-text.reverse {
    gap: 0px;
}
.bloc-double-image,
.bloc-double-text {
    gap: 0;
    flex-direction: column;
}
.bloc-double-image figure {
    width: 100%;
    margin-bottom: 30px;
}
.wysiwyg h3 {font-size: 18px}
body .bloc-list {padding: 25px 18px}
.bloc-list li span {font-size: 16px}
.bloc-citation .content {width: 100%}
.bloc-citation p {font-size: 20px}
.bloc-citation svg {width: 50px}
.faq-container {
  max-width: 100%;
  padding: 20px 15px;
  border-radius: 15px;
}
.faq-question {
  padding: 20px;
  padding-right: 10px;
  font-size: 14px;
}
.faq-item .arrow img {width: 15px}
.faq-answer p {line-height: normal}
.bloc-menu .elements-menu .item {width: 100%}
.bloc-menu .elements-menu {gap: 30px}
.bloc-menu .elements-menu {justify-content: center}
.bloc-menu .elements-menu .item {margin-bottom: 15px}
.flex-top-info > p {display: none}
.flex-cat {flex-wrap: wrap}
.flex-cat span a{
  display: table;
  margin: 5px;
}
.breadcrumbs {flex-wrap: wrap}

.bloc-double-image figure img,
.bloc-img-text img {
    height: 230px;
}
body .nav-links {
    gap: 0px;
}
.nav-next .cta-picto,
.nav-previous .cta-picto {
        font-size: 11px;
        padding: 14px 18px;
    }

    .nav-links img {
        width: 12px;
    }
}
@media screen and (max-width: 370px){
  .nav-links a span{display: none}
  body .nav-next {
    margin-left: 15px;
}
.nav-links img {
    margin: 0px;
}
body .nav-links {
    gap: 0px;
    justify-content: center;
}
  .nav-next .cta-picto, .nav-previous .cta-picto {
        padding: 14px 14px;
    }
}