/* from transfonter */
  @font-face {
    font-family: 'Open Sans';
    src:  url('https://demo.eco3b.i2k.site/files/OpenSans-Regular.woff2') format('woff2'),
      url('https://demo.eco3b.i2k.site/files/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    unicode-range: U+000-5FF; /* Ne charger que les glyphes utilisés*/
  }
  @font-face {
    font-family: 'Open Sans';
    src:  url('https://demo.eco3b.i2k.site/files/OpenSans-Bold.woff2') format('woff2'),
      url('https://demo.eco3b.i2k.site/files/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    unicode-range: U+000-5FF; /* Ne charger que les glyphes utilisés*/
  }



  /* ROOTS */
  :root {
    --main-color: #314386;
    --secondary-color: #f4f4f4;
    --third-color: #ff7b01;
    --fourth-color: rgba(49, 67, 134, 0.17);
    --fifth-color: #dbdbdb;
    /*FONTS sizes*/
    --fluid-22-62: clamp(1.375rem, 0.5054rem + 4.3478vw, 3.875rem);
    --fluid-22-45: clamp(1.375rem, 0.875rem + 2.5vw, 2.8125rem);
    --fluid-12-14: clamp(0.75rem, 0.538rem + 0.4348vw, 0.875rem);
    --fluid-10-12: clamp(0.625rem, 0.413rem + 0.4348vw, 0.75rem);
    /*cta*/
    --cta-hover-main-bg-color: #ff7b01;
    --cta-hover-secondary-bg-color: #B55B07;

    /*font*/
    --main-font-family: "Open Sans", system-ui, -apple-system, sans-serif;
    font-family: "Open Sans", system-ui, -apple-system, sans-serif;

    /* border radius img*/
    --border-radius-30px: 30px;
  }
  /* END ROOTS */
  /* classe var() */
  .main-color {
    color: var(--main-color);
  }
  .secondary-color {
    color: var(--secondary-color);
  }
  .cta-main-bg-color {
    background-color: var(--main-color);
  }
  .cta-main-bg-color:hover,
  .cta-main-bg-color:focus {
    background-color: var(--cta-hover-main-bg-color);
  }
  .cta-secondary-bg-color {
    background-color: var(--third-color);
  }
  .cta-secondary-bg-color:hover,
  .cta-secondary-bg-color:focus {
    background-color: var(--cta-hover-secondary-bg-color);
  }
  .cta-third-bg-color {
    background-color: var(--secondary-color);
  }
  .cta-third-bg-color:hover,
  .cta-third-bg-color:focus {
    background-color: var(--main-color);
  }
  .main-color {
    color: var(--main-color);
  }
  .secondary-color {
    color: var(--secondary-color);
  }
  .five-bg-color {
    background-color: var(--main-color);
  }
  .current-main-bg-color,
  .main-bg-color {
    background-color: var(--secondary-color);
  }
  .current-secondary-bg-color,
  .secondary-bg-color {
    background-color: var(--fifth-color);
  }
  .current-third-bg-color,
  .third-bg-color {
    background-color: var(--third-color);
  }
  .current-fourth-bg-color,
  .fourth-bg-color {
    background-color: var(--fourth-color);
  }
  /* END class var() */
  /* general */
  html {
    scroll-behavior: smooth;
  }
  .main-font {
    font-family: "Open Sans", system-ui, -apple-system, sans-serif;
  }

  body,
  div,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  form,
  fieldset,
  input,
  textarea,
  p {
    margin: 0;
    padding: 0;
  }
  /* END reset style css*/
  a {
    text-decoration: inherit;
    color: inherit;
  }
  .rich-text p,
  .rich-text em,
  .rich-text h1,
  .rich-text h2,
  .rich-text h3,
  .rich-text h4,
  .rich-text h5,
  .rich-text h6 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    font-style: inherit;
  }
  .hyphens {
    -webkit-hyphens: auto;
    /* for Safari */
    hyphens: auto;
  }
  .underline {
    text-decoration: underline;
  }
  address {
    font-style: normal;
  }
  .hover-color {
    transition: color 0.2s ease-in-out;
  }
  /* for display img in firefox */
  picture {
    display: contents;
  }
  /*fix menu safari*/
  .website-header select {
    -webkit-appearance: none;
    appearance: none;
    background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23314386' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 4px center / 14px 14px;
    padding: 0 20px 0 8px;
    line-height: 1;
  }
  .excerpts-all {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
    .excerpts-2lines {
    -webkit-line-clamp: 2;
  }
  .excerpts-4lines {
    -webkit-line-clamp: 4;
  }
  /* END GENERAL style css*/
  /* GLOBAL PADDING MANAGEMENT / SPACES */
  @media (max-width: 768px) {
  section.secondary-bg-color:has( + section.m__number){
    padding-bottom: 0;
  }
  }
  section.main-bg-color:has( + section.main-bg-color),
  section.main-bg-color:has( + div + section.main-bg-color ), 
  section.secondary-bg-color:has( + section.secondary-bg-color ),
  section.secondary-bg-color:has( + div + section.secondary-bg-color) {
    padding-bottom: 0;
  }
  /* ANCHOR */
  /* correspond à la taille de la nav + 20/30*/
  :target {
    scroll-margin-top: 130px;
  }
  @media (max-width: 768px) {
    :target {
      scroll-margin-top: 97px;
    }
  }
  /* END ANCHOR */
  /* Module HERO */
  .m__hero__contain__title h1 {
    font-size: var(--fluid-22-62);
  }
  /*END HERO */
  .typo-700-45-72--22-34 {
    font-size: var(--fluid-22-45);
    }
    
      .fluid-700-12-14{
    font-size: var(--fluid-12-14);
  }
    .fluid-700-10-12{
    font-size: var( --fluid-10-12);
  }
  /* module image_text_alternate */
  .m__card-image-text__contain__cards:hover .cta-main-bg-color,
  .m__card-image-text__contain__cards:focus .cta-main-bg-color {
    background-color: var(--cta-hover-main-bg-color);
  }
  /* END  image_text_alternate */
  /*Module TEXT */
  .m__module-text__contain iframe {
    aspect-ratio: 16/9;
  }
  .m__module-text__contain__text.rich-text em {
    font-style: italic;
  }
  .m__module-text__contain__text.rich-text h2 {
    color: var(--third-color);
  }
  .m__module-text__contain__text.rich-text h3 {
    color: var(--main-color);
  }
  /* END TEXT */
  /* module CONTACT - NEWSLETTER*/
  .m__contact-color-secondary.fourth-bg-color {
    background-color: var(--fourth-color);
  }
  .m_newsletter-color-secondary.current-secondary-bg-color {
    background-color: var(--fifth-color);
  }
  .m__contact__contain__input__cta,
  .m__contact__contain__input__orga,
  .m__contact__contain__input input,
  .m__contact__contain__input textarea,
  .m__contact__contain__input input::placeholder,
  .m__contact__contain__input textarea::placeholder {
    border: none;
    font-family: var(--main-font-family);
  }
  .m__contact__contain__input input::placeholder,
  .m__contact__contain__input textarea::placeholder {
    color: rgba(49, 88, 130, 0.7);
  }
  .m__contact__contain__input input,
  .m__contact__contain__input textarea {
    color: var(--main-color);
  }
  .m__contact__contain__input input:focus-visible,
  .m__contact__contain__input input:focus,
  .m__contact__contain__input textarea:focus-visible{
    outline: 1px solid var(--main-color);
  }
  /* END  CONTACT - NEWSLETTER*/
  /*FOOTER */
  .footer__part2__col2__text a:hover,
  .footer__part2__col2__text a:focus {
    color: var(--third-color);
  }
  #wcb #wcb_a {
    display: none !important;
  }
  #wcb #wcb_g {
    border-radius: 0 !important;
    background: inherit !important;
    border-right: inherit !important;
    min-width: inherit !important;
    background-color: inherit !important;
  }
  #wcb #wcb_g {
    padding: 0 !important;
    border: none !important;
  }
  #wcb_2 {
    white-space: normal;
  }
  #wcb #wcb_2,
  #wcb #wcb_g {
    display: block !important;
    text-align: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-family: inherit !important;
    text-decoration: none !important;
    margin: 0 !important;
  }
  /* NAVBAR */
  .header1__blob1__nav__subitem__nav1__bg-color,
  .header1__blob1__nav__subitem__contain__absolute__nav1__bg-color {
    background-color: var(--secondary-color);
  }
  .header1__blob1__nav__subitem__contain {
    border-color: var(--third-color);
    transition-property: opacity, visibility, height;
    transition-duration: 0.1s, 0.1s, 0.2s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0.2s;
  }
  .header-color.header-blog,
  .header-blog .n__contain__lang-contact__lang__select select,
  .header-color:hover select,
  .header-color:focus select,
  .n__contain__lang-contact__lang__select select,
  .header-fixed .n__contain__lang-contact__lang__select select {
    color: var(--main-color);
  }
  .header-color,
  .header-color,
  .header-fixed {
    background-color: var(--secondary-color);
    color: var(--main-color);
  }
  .hover-nav:hover,
  .hover-nav:focus,
  .hover-nav-item:focus,
  .hover-nav.active,
  .b__text__contain-date-cat-author__cat:hover,
  .b__text__contain-date-cat-author__cat:focus,
  .t__contain__list__tag.tag-list-active,
  .t__contain__list__tag:hover,
  .t__contain__list__tag:focus {
    color: var(--third-color);
  }
  .hover-nav-item:hover,
  .hover-nav-item:focus,
  .hover-nav-item.active {
    text-decoration-color: var(--third-color);
    text-decoration-line: underline;
    text-underline-offset: 4px;
  }
  .header1__blob1__nav__contain:hover .header1__blob1__nav__subitem__contain,
  .header1__blob1__nav__contain:focus-within .header1__blob1__nav__subitem__contain {
    display: flex;
    opacity: 1;
    visibility: visible;
    transition-duration: .2s,.1s,.2s;
    transition-delay: 0.2s, 0.2s, 0s;
  }
  /*select lang */
  .website-header select,
  .select.n__contain__lang-contact__lang__select {
    background-color: var(--secondary-color);
    border: none;
    color: var(--main-color);
  }
  .n__contain__lang-contact__lang option,
  .website-header option {
    text-transform: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
  }
  #toggle:checked ~ .scroll-script__nav1 {
    transition: background-color 0.2s 0.2s ease-in-out;
  }
  /*MOBILE*/
  /*Hamburger*/
  .hamburger div {
    position: relative;
    width: 2rem;
    height: 4px;
    border-radius: 3px;
    background-color: white;
    margin-top: 8px;
    transition: all 0.3s ease-in-out;
  }
  /* animation */
  #toggle:checked ~ header .top-bun {
    transform: rotate(-45deg);
    margin-top: 20px;
  }
  #toggle:checked ~ header .bottom-bun {
    opacity: 0;
    transform: rotate(45deg);
  }
  #toggle:checked ~ header .meat {
    transform: rotate(45deg);
    margin-top: -3px;
  }
  .nav-wrapper {
    color: var(--main-color);
    background-color: var(--secondary-color);
  }
  @media (max-width: 768px) {
    .header-color {
      background-color: var(--secondary-color);
      color: var(--main-color);
    }
    .hamburger div {
      background-color: var(--main-color);
    }
    .m__number{
      background-color: var(--fifth-color);
  }
  }
  /* END NAVBAR */
  /*module actu */
  .hover-color:hover .hover-color {
    color: var(--third-color);
  }

  .m__actu__contain__cards__text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  /*end actu */
  /*TAG */
  .t__contain__list__summary__title {
    color: var(--third-color);
  }
  .t__contain__list summary::-webkit-details-marker {
    display: none;
  }
  .t__contain__list summary{
    list-style: none;
  }
  [open] .t__contain__list__summary__img {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
  }
  /* END tag */
  /* TITLE TEXT CTA IMG*/
  .m__title-text-cta-img__contain__cta {
    color: var(--main-color);
  }
  .m__title-text-cta-img__contain__cta:hover,
  .m__title-text-cta-img__contain__cta:focus {
    color: var(--secondary-color);
  }
  /* END TITLE TEXT CTA IMG*/
  /* MODULE  VIDEO*/
  .ratio1609 {
    aspect-ratio: 16/9;
  }

  .m__video__contain__video iframe {
    aspect-ratio: 16/9;
  }
  .m__video__contain__video_player {
    filter: invert(91%) sepia(99%) saturate(2%) hue-rotate(87deg) brightness(105%) contrast(100%) drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.5));
  }
  .m__video__contain__video:hover .m__video__contain__video_player {
    filter: invert(19%) sepia(70%) saturate(1314%) hue-rotate(207deg) brightness(95%) contrast(87%) drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.5));
  }
  /* END VIDEO*/