/* essaie */ /*
.title-essaie {
  font-size: 65px;
  font-family: 'Montserrat';
  font-weight: 500;
  text-align: center;
  padding: 4em 1em 1em 1em;
}
.essaie > div > section, .essaie > section{
  height: 90vh;
}
/* fin essaie */
/* ajout */ /*
.bg-nodes {
  background-image: url("https://8634925.fs1.hubspotusercontent-na1.net/hubfs/8634925/nodes.svg"), linear-gradient(52deg,#002e3b 0%, #00323f 40%, #035867 80%); */ /*
  background-image: url("https://8634925.fs1.hubspotusercontent-na1.net/hubfs/8634925/nodes.svg"), -webkit-linear-gradient(52deg,#f0f3f4bd 0%,#f0f3f4bd 40%,#fff 80%);
  background-image: url("https://8634925.fs1.hubspotusercontent-na1.net/hubfs/8634925/nodes.svg"), -moz-linear-gradient(52deg,#f0f3f4bd 0%,#f0f3f4bd 40%,#fff 80%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 40%/2%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
} */
/* fin ajout */
.logo-matooma { /* ajout */
  /* width: 180px; ancien logo matooma 06/21 */
  height: 100%; /* ajout 12/08/21 */
  width: 220px; /* nouveau logo matooma 06/21 / 220px 12/08/2021 / 180px 01/10/21 */
  margin-left: 0; /* ajout */
}
a {text-decoration: none!important;}

/* against css with style-theme.css and style-matoocard.css */

.r-hero-cta {
  padding: 1.1em 1.2em!important;
  font-size: 1.1em!important;
}

.container-options-lang ul,
.container-options-lang ul li,
.label-text ul,
.container-options ul,
.container-nav-link ul,
.nav-links { padding-left: 0; margin-bottom: 0; } /* ajout */

.container-options-lang ul,
.container-options-lang ul li,
.label-text ul,
.label-text ul li,
.container-options ul,
.container-options ul li,
.container-nav-link ul,
.container-nav-link ul li,
.nav-links { font-size: inherit; color: inherit; } /* ajout */

div { font-size: inherit; font: inherit; }

body {
  /* line-height: inherit; */
  margin: inherit;
  padding: inherit;
  font-family: inherit;
  font-weight: inherit;
}
.hs-search-field__bar > form { /* module searchbar header / contact page */
  padding-bottom: 0!important;
}
.hs-search-field__bar > form > div { /* module searchbar header / contact page */
  margin-top: 0!important;
}
.cta-get-rates, .cta-mobile, .cta-call { /* module button get rates, cta-call and get rates mobile */
  line-height: initial;
}
.container-manager > a { /* m2m manager lien cta */
    line-height: initial;
}

.r-hero-container2 { /* home page */
  margin: 15em auto 8em!important; /* 7em auto 8em */
  padding-top: 0!important; /* matoocard matoowan and ltem page */
}
.ltem .bloc_1 { /* ltem page */
  margin-top: -10rem!important; /* à retirer avec la bar d'annonce */
}
.offres .bloc_1 { /* matoocard page */
  margin-top: -15rem; /* -12rem */
}
.offres .bloc_2 { /* matoowan page */
  margin-top: -12rem;
}
/* .bloc_1 > div > div, */
#slider .wrapper > div >.row-fluid { /* matoocard and LTEM page / matoowan page */
  /* padding-top: 0;
  margin-top: -5em; */
  padding: 0;
}
.section-hero { /* qui-sommes-nous page */
  padding-top: 0;
  margin-top: -2rem; /* -10rem */
}
.float--column { /* matoocard page */
    padding-left: 1.85rem!important;
}
.m2m-manager .what-is-m2m-block { /* m2m manager page */
  margin: 15rem 0; /* 7rem 0 */
  padding: 0;
}
.m2m-manager .what-is-m2m-block::after { /* m2m manager page */
  top: -310px;
}
.m2m-manager .what-is-image img { /* m2m manager page */
  max-width: 850px;
  margin-right: 0;
}
.hero__content,
.section-principale,
.new-post-body { /* cas d'usages blog / pillarpage page / faq page / blog */
  padding-top: 15rem; /* 5rem */
}
.matoowan > div > .slider { /* matoowan page */
  padding-top: 0;
}
.blog-cas .slider { /* cas-d-usages blog page */
  padding-top: 12rem!important; /* 5rem */
}
*, .approach-page { /* approche page */
  -webkit-box-sizing: revert !important; 
  box-sizing: revert !important;
}
.approach-page .header-image-container,
.hero__img { /* approche page / pillarpage page*/
  box-sizing: border-box!important;
  z-index: -2;
}
.testimonial-module .info-part,
.solutions > span > div,
.solution-container, .solution-module,
.solution-cta, .solution-module a,
.section-avantages-case,
.avantage-case,
.approach-cards,
.container-slider .slick-dots li a,
.txt_slide,
.function_carroussel,
.approach-page .wrapper.container-cards,
.post-listing .post-item,
.row-fluid [class*="span"],
.box--employee,
.slick-slider,
.hero__container,
.hero__content,
.bloc_3_card h2,
.searchresults .hs-search-field__input,
.matooma-avantages-home .text-part .text-part-inner { /* home page / matoowan page / matoocard page / approche page and cas d'usages blog / qui-sommes-nous page / pillarpage page / searchresults page*/
  box-sizing: border-box!important;
}
.offres .bloc_1 .float--column,
.offres .bloc_2 .section-hero--text,
.m2m-manager .what-is-m2m-block .page-title { /* matoocard ltem m2mmanager and matoowan page */
  padding-left: 6.5rem!important;
}
.contact-page .section-form { /* contact page */
  margin-top: 15rem; /* 8rem */
  /* z-index: 3; */
}
.solution .span6 { /* devis page */
  width: auto;
  margin-left: 17%;
}
.search-results > div > .row-fluid > div { /* searchresults page */
  padding-bottom: 5rem!important; /*10rem!important */
}
.pillar-page .carrousel__item { /* pillar page */
  height: 633px!important;
}
/* *, */ .pillar-page .row-number-8 {
  box-sizing: inherit!important;
}
.blankpage #slider { /* blankpage page */
  padding-top: 3rem;
  margin-bottom: 4rem;
}
.blankpage .what-is-m2m-block .page-title { /* blankpage page */
  padding-left: 0!important;
}
.page-system { /* page system 404 500 */
  font-size: 100%!important;
}
/* against css with style-theme.css and style-matoocard.css */

.header {background-color: var(--color-white);} /* transparent */
.display-flex {
  display: flex;
}
.display-row-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.display-row-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; 
}
.flex-grow-2 {
  flex-grow: 2;
}
/* -- Menu item */

/* ajout subheader */
#above-header {
  height: 40px; /* 80px */ /* 50px 18/08/21 */
  background-color: var(--color-white);
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100;
  transition: background-color 0.15s linear; /* ajout 10/08/21 */
  -webkit-transition: -webkit-background-color 0.15s linear; /* ajout 17/08/21 */
  /* transition: linear 0.2s; */
}
/*#above-header--scrolled {
  height: 25px; /* 40px */ /*
}
.blend.show {
  background: var(--color-white);
} */
#container-sub-header {
  width: 100%;
  background-color: var(--color-white);
  position: fixed;
  top: 40px; /* 80px */ /* 65px 18/08/21 */
  right: 0;
  left: 0;
  z-index: 100;
  transition: all 0.15s linear; /* ajout 25/05/2021 */
  -webkit-transition: -webkit-background-color 0.15s linear; /* ajout 17/08/21 */
  border-bottom: 1px solid transparent; /* ajout 25/05/2021 */
}
/* .above-header-with-announcement { /* barre d'annonce */ /*
  top: 53px!important;
}
.sub-header-with-announcement { /* barre d'annonce */ /*
  top: 99px!important;
} */
/* #container-sub-header--scrolled {
  top: 75px;
}
.border-bottom {
  border-bottom: 1px solid #dcdce385;
}
.hide-border-bottom {
  border-bottom: inherit;
} */
/* ajout 24/05/2021 */
#container-sub-header.active {
  border-bottom: 1px solid #dcdce385;
  background-color: var(--color-white)!important; /* ajout 10/08/21 */
  background-color: rgba(255, 255, 255)!important; /* ajout 17/08/21 */
  
}
/* fin ajout 24/05/2021 */
#above-header.active { /* ajout 10/08/21 */
  background-color: var(--color-white)!important;
  background-color: rgba(255, 255, 255)!important; /* ajout 17/08/21 */
}
/* fin ajout subheader */

#above-header { /* ajout */
  background-color: var(--color-white);
  background-color: rgba(255, 255, 255); /* ajout 17/08/21 */
}
.background-color-transparent { /* ajout 10/08/21 */
  background-color: transparent!important;
}
#above-header,
#sub-header {
  padding: .5em 0; /* ajout 3em right left */
}
#above-header > a:hover,
#above-header > div > a:hover,
#above-header > div > div > a:hover {
  color: var(--color-blue-dark);
}
.help-padding { /* ajout */
  padding: 1em;
}
.container-manager > a {
  align-items: end;
}
.container-manager > a:hover {
  color: var(--color-red)!important;
}
/* ajout */ /* à décommenter
.show_block:after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #dcdce385;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
} */
.show_block:after {
  display: none;
}
/* fin ajout */ /*
.sticky { /* sub-header fixed */ /*
  height: 6em;
  width: 100%;
  /* max-width: 1600px;
  margin: auto; */ /*
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255,255,255,0.99);
  z-index: 100;
  /* box-shadow: 0 0 20px 6px rgba(0,46,59,0.05);
  -webkit-box-shadow: 0 0 20px 6px rgba(0,46,59,0.05); */
  /* ajout */ /*
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  /* fin ajout */ /*
} à décommenter */

#menu-item {
  width: 100%;
}
.nav-links {
  width: 100%;
  max-width: 100%; /* ajout 18/08/21 */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.nav-links > li:nth-child(6) > div {
  position: relative;
  /* padding: 1em; */
}
.login, .help {
  display: none;
}
/* -- Button */
.cta-get-rates { /* ajout */
  margin: 12px;
}
.cta-get-rates, .cta-mobile {
  white-space: nowrap;
  color: var(--color-white);
  background-color: rgb(200,3,46);
  background: linear-gradient(66deg, rgba(200,3,46,1) 0%, rgba(239,45,86,1) 100%);
  border: none!important;
  border-radius: 7px; /* 50px */
  padding: 12px 20px!important;
  transform: perspective(1px) translateZ(0);
  -webkit-transform: perspective(1px) translateZ(0);
  -moz-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  /* box-shadow: 0px 0px 0px 0px rgba(0,49,62,0.27); */
  box-shadow: 0px 0px 0px rgba(219,24,66,0.12);
  -webkit-box-shadow: 0px 0px 0px rgba(219,24,66,0.12);
  -moz-box-shadow: 0px 0px 0px rgba(219,24,66,0.12);

  transition-duration: 0.25s;
  transition-property: box-shadow, transform;
}
.cta-mobile {
  display: none;
}
.cta-get-rates:hover,
.cta-mobile:hover,
.cta-get-rates:focus,
.cta-mobile:focus {
  border-color: none!important;
  box-shadow: 0px 5px 0px rgba(219,24,66,0.12);
  -webkit-box-shadow: 0px 5px 0px rgba(219,24,66,0.12);
  -moz-box-shadow: 0px 5px 0px rgba(219,24,66,0.12);
  transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -o-transform: scale(1.01);
}
.cta-get-rates:active,
.cta-mobile:active {
  background-color: rgba(200,3,46,0.5);
  border-color: none!important;
}
.cta-call {
  display: none;
  white-space: nowrap;
  color: var(--color-red-opacity);
  /* background-color: var(--color-white); */
  border: 1px solid var(--color-red-opacity);
  border-radius: 7px; /* 50px */
  padding: 12px 20px!important;
  transform: perspective(1px) translateZ(0);
  -webkit-transform: perspective(1px) translateZ(0);
  -moz-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  /* box-shadow: 0px 0px 0px rgba(3,88,103,0.12);
  -webkit-box-shadow: 0px 0px 0px rgba(3,88,103,0.12);
  -moz-box-shadow: 0px 0px 0px rgba(3,88,103,0.12); */
  box-shadow: 0px 0px 0px rgba(219,24,66,0.12);
  -webkit-box-shadow: 0px 0px 0px rgba(219,24,66,0.12);
  -moz-box-shadow: 0px 0px 0px rgba(219,24,66,0.12);
  transition-duration: 0.25s;
  transition-property: box-shadow, transform;
}
.cta-call:hover,
.cta-call:focus {
  border: 1px solid var(--color-red);
  /* box-shadow: 0px 5px 0px rgba(3,88,103,0.12);
  -webkit-box-shadow: 0px 5px 0px rgba(3,88,103,0.12);
  -moz-box-shadow: 0px 5px 0px rgba(3,88,103,0.12); */
  box-shadow: 0px 5px 0px rgba(219,24,66,0.12);
  -webkit-box-shadow: 0px 5px 0px rgba(219,24,66,0.12);
  -moz-box-shadow: 0px 5px 0px rgba(219,24,66,0.12);
  transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -o-transform: scale(1.01);
}
.cta-call:active {
  border: 1px solid var(--color-red);
}
/* -- Menu burger */

#menu-btn {
  width: 25px;
  height: 20px;
  position: relative;
  display: none;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#menu-btn span {
  height: 3px;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  background: var(--color-blue-dark);
  border-radius: 9px;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#menu-btn span:nth-child(1) {top: 0px;}
#menu-btn span:nth-child(2),#menu-btn span:nth-child(3) {top: 8px;}
#menu-btn span:nth-child(4) {top: 16px;}
#menu-btn.open span:nth-child(1) {
  width: 0%;
  top: 18px;
  left: 50%;
}
#menu-btn.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #8e9fb3;
}
#menu-btn.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #8e9fb3;
}
#menu-btn.open span:nth-child(4) {
  width: 0%;
  top: 18px;
  left: 50%;
}
/* #menu-btn.open span {
  background: var(--color-blue-dark-opacity);
} */

/* against css with style-theme.css and style-matoocard.css */
@media (max-width: 1700px) and (min-width: 1641px) {
  .hero__module { /* pillarpage */
    padding: 0rem 0 8rem 0;
  }
  .ltem .bloc_1 { /* ltem page */
    margin-top: 5rem!important; /* à retirer avec la barre d'annonce 5g */
  }
  .offres .bloc_1, .offres .bloc_2 { /* matoocard ltem matoowan page */
    margin-top: -5rem; /* 0 / -5rem / -9rem */
  }
  .section-hero { /* quisommesnous page */
    margin-top: -2rem; /* -10rem */
  }
  .offres .bloc_1 .float--column,
  .offres .bloc_2 .section-hero--text,
  .m2m-manager .what-is-m2m-block .page-title { /* matoocard ltem m2mmanager and matoowan page */
    padding-left: 6.3rem!important;
  }
  .offres .bloc_1 .r-hero-container2 { /* matoocard ltem page */
    margin: 3rem auto 8em !important;
    padding-top: 0 !important;
  }
  .offres .bloc_2 .r-hero-container2 { /* matoowan page */
    margin: 4rem auto 8em !important;
    padding-top: 0 !important;
  }
  .m2m-manager .what-is-m2m-block { /* m2mmanager page */
    margin: 15rem 0; /* 7rem 0 */
    padding: 0;
  }
  .container-title { /* faq page */
    max-width: 1270px;
  }
  .blankpage #slider { /* blankpage page */
    padding-top: 3rem;
  }
}
/* against css with style-theme.css and style-matoocard.css */

/* against css with style-theme.css and style-matoocard.css */
@media (max-width: 1641px) and (min-width: 1510px) {
  .hero__module { /* pillarpage */
    padding: 0rem 0 8rem 0;
  }
  .ltem .bloc_1 { /* ltem page */
    margin-top: 7rem!important; /* à retirer avec la barre d'annonce 5g */
  }
  .offres .bloc_1, .offres .bloc_2 { /* matoocard ltem matoowan page */
    margin-top: 0; /* 0 / -5rem / -9rem */
  }
  .section-hero { /* quisommesnous page */
    margin-top: 0; /* -10rem */
  }
  .offres .bloc_1 .float--column,
  .offres .bloc_2 .section-hero--text,
  .m2m-manager .what-is-m2m-block .page-title { /* matoocard ltem m2mmanager and matoowan page */
    padding-left: 1.85rem!important;
  }
  .offres .bloc_1 .r-hero-container2 { /* matoocard ltem page */
    margin: 3rem auto 8em !important;
    padding-top: 0 !important;
  }
  .offres .bloc_2 .r-hero-container2 { /* matoowan page */
    margin: 4rem auto 8em !important;
    padding-top: 0 !important;
  }
  .m2m-manager .what-is-m2m-block { /* m2mmanager page */
    margin: 15rem 0; /* 7rem 0 */
    padding: 0;
  }
  .blankpage #slider { /* blankpage page */
    padding-top: 3rem;
  }
}
/* against css with style-theme.css and style-matoocard.css */

/* against css with style-theme.css and style-matoocard.css */
@media (max-width: 1510px) and (min-width: 1300px) {
  .hero__module { /* pillarpage */
    padding: 0rem 0 8rem 0;
  }
  .ltem .bloc_1 { /* ltem page */
    margin-top: 7rem!important; /* à retirer avec la barre d'annonce 5g */
  }
  .offres .bloc_1, .offres .bloc_2 { /* matoocard ltem matoowan page */
    margin-top: 0; /* 0 / -5rem / -9rem */
  }
  .section-hero { /* quisommesnous page */
    margin-top: 2rem; /* -5rem */
  }
  .offres .bloc_1 .float--column,
  .offres .bloc_2 .section-hero--text,
  .m2m-manager .what-is-m2m-block .page-title { /* matoocard ltem m2mmanager and matoowan page */
    padding-left: 1.85rem!important;
  }
  .offres .bloc_1 .r-hero-container2,.offres .bloc_2 .r-hero-container2 { /* matoowan page */
    margin: 5em auto 8em !important;
    padding-top: 0 !important;
  }
  .m2m-manager .what-is-m2m-block { /* m2mmanager page */
    margin: 15rem 0; /* 4rem 0 */
    padding: 0;
  }
  /* .approach-page .slider .page-title { /* approche page */ /*
    padding: 0;
  } */
  .blankpage #slider { /* blankpage page */
    padding-top: 3rem;
  }
}
/* against css with style-theme.css and style-matoocard.css */

/* against css with style-theme.css and style-matoocard.css */
@media (max-width: 1440px) and (min-width: 1281px) {
  .recrutement .bloc_1 { /* nousrejoindre page */
    padding: 0;
    padding-top: 10rem; /* ajout */
  }
  .recrutement .solutions-content-recrutement {
    padding-bottom: 2rem;
  }
  /* .bloc_1 > div > div {
    padding-top: 10rem;
  } */
  .blankpage #slider { /* blankpage page */
    padding-top: 3rem;
  }
}
/* against css with style-theme.css and style-matoocard.css */

/* After after Tablet styles */
@media (max-width: 1300px) and (min-width: 1200px) {
  .logo-matooma {
    width: 180px; /* 150px / 130px 01/10/21 */
  }
  /* ajout subheader */
  #above-header {
    height: 40px; /* 55px 18/08/21 */
  }
  #container-sub-header {
    top: 45px; /* 70px */ /* 60px 18/08/21 */
  }
  /* fin ajout subheader */
  #above-header > div {
    padding: 0 .5em;
  }
  #sub-header {
    padding: .5em .5em;
  }
  .sticky {
    height: 5em;
  }
  .help-padding {
    padding: .5em;
  }
  /* against css with style-theme.css and style-matoocard.css */
  .ltem .bloc_1 { /* ltem page */
    margin-top: 5rem!important; /* à retirer avec la barre d'annonce 5g */
  }
  .offres .bloc_1 .float--column,
  .offres .bloc_2 .section-hero--text,
  .m2m-manager .what-is-m2m-block .page-title { /* matoocard ltem m2mmanager and matoowan page */
    padding-left: 1.85rem!important;
  }
  .offres .bloc_1, .offres .bloc_2 { /* matoocard ltem and matoowan page */
    margin-top: 0; /* 0 / -5rem */
  }
  .offres .bloc_1 .r-hero-container2 { /* matoocard and ltem page */
    margin: 10rem auto 8em!important;
    /* padding-bottom: 10rem; */
  }
  .offres .bloc_1 .float--column { /* matoocard and ltem */
    padding-top: 0;
    padding-bottom: 0;
  }
  .recrutement .bloc_1 { /* nousrejoindre page */
    padding-top: 8rem;
    padding-bottom: 0;
  }
  /* .offres .bloc_2 .r-hero-container2 { /* matoowan page */ /*
    margin: 0;
  } */
  .offres .bloc_2 .r-hero-container2 { /* matoowan page */
    margin: 5rem auto 8rem!important;
  }
  .m2m-manager .what-is-m2m-block { /* m2mmanager page */
    margin: 15rem 0; /* 5rem 0 */
    padding: 0;
  }
  #slider .wrapper > div >.row-fluid { /* matoowan page */
    margin-top: 0;
  }
  .section-hero {
    padding-top: 0;
    margin-top: 2rem; /* -5rem */
  }
  .search-results > div > .row-fluid > div { /* searchresults page */
    padding-bottom: 4rem!important;
  }
  .hero__module { /* pillarpage */
    padding: 0rem 0 8rem 0;
  }
  /* .approach-page .slider .page-title { /* approche page */ /*
    padding: 0;
  } */
  .blankpage #slider { /* blankpage page */
    padding-top: 0;
  }
  /* against css with style-theme.css and style-matoocard.css */
}

/* After Tablet styles */
@media (max-width: 1200px) and (min-width: 990px) {
  .logo-matooma {
    width: 180px; /* 150px / 130px 01/10/21 */
  }
  #above-header > div {
    padding: 0 .5rem; /* ajout */
  }
  #sub-header {
    padding: .5rem .5rem;
  }
  /* ajout subheader */
  #above-header {
    height: 40px; /* 50px 18/08/21 */
  }
  #container-sub-header {
    top: 45px; /* 65px */ /* 58px 18/08/21 */
  }
  /* fin ajout subheader */
  .sticky {
    height: 5em;
  }
  .help-padding {
    padding: .5em;
  }
  .cta-get-rates {
    margin: 7px;
  }
  /* against css with style-theme.css and style-matoocard.css */
  .r-hero-cta { /* home page */
    /* display: block!important; */
    font-size: 1em!important;
  }
  .r-hero-description { /* home page */
    font-size: .9em!important;
  }
  .offres .bloc_1 .float--column,
  .offres .bloc_2 .section-hero--text,
  .m2m-manager .what-is-m2m-block .page-title { /* matoocard ltem m2mmanager and matoowan page */
    padding-left: 1.85rem!important;
  }
  .ltem .bloc_1 { /* ltem page */
    margin-top: 7rem!important; /* à retirer avec la barre d'annonce 5g */
  }
  .offres .bloc_1 { /* matoocard ltem */
    margin-top: 10rem;
  }
  .offres .bloc_2 { /* matoowan page */
    margin-top: 5rem;
  }
  .offres .r-hero-container2 { /* matoocard ltem and matoowan page */
    margin: 0 auto 8em !important;
    padding-top: 0 !important;
  }
  .m2m-manager .what-is-m2m-block { /* m2mmanager page */
    margin: 15rem 0; /* 5rem 0 */
    padding: 0;
  }
  .bloc_1 .r-hero-container2 .float--column { /* matoocard and ltem page */
    padding: 5rem 0;
    padding-left: 0;
  }
  .recrutement .bloc_1 { /* nousrejoindre page */
    padding-top: 8rem; /* 0 */
  }
  #slider .wrapper > div >.row-fluid { /* matoowan page */
    margin-top: 0;
  }
  .section-hero {
    padding-top: 0;
    margin-top: 0; /* -5rem */
  }
  .search-results > div > .row-fluid > div { /* searchresults page */
    padding-bottom: 4rem!important;
  }
  .new-post-body { /* blog */
    padding-top: 10rem;
  }
  .hero__module { /* pillarpage */
    padding: 0rem 0 8rem 0;
  }
  .approach-page .slider .page-title { /* approche page */
    padding: 0;
  }
  .blankpage #slider { /* blankpage page */
    padding-top: 0;
  }
  /* against css with style-theme.css and style-matoocard.css */
}

@media (max-width: 1024px) and (min-width: 990px) {
  .logo-matooma {
    /*width: 130px; ancien logo 06/21 *//* 150px */
    width: 180px /* nouveau logo 06/21 = width: 200px - modif 24/06/2021 / 130px 01/10/21 */
  }
  #above-header, #sub-header {
    padding: .5em .5em; /* ajout */
  }
  .sticky {
    height: 5em;
  }
  .help-padding {
    padding: .5em;
  }
  .cta-get-rates {
    margin: 3px; /* 7px */
    padding: 10px 15px!important; /* ajout */
  }
  .cta-main-red-variant-starterkit {
    display: none;
  } /* ajout cta-main-red-variant-starterkit */
  
  /* against css with style-theme.css and style-matoocard.css */
  .r-hero-cta { /* home page */
    display: block!important;
    font-size: 1em!important;
    padding: 1em 1.2em!important; /* ajout */
    box-sizing: revert!important; /* ajout */
  }
  .r-hero-description { /* home page */
    font-size: .9em!important;
  }
  .offres .bloc_1 .float--column,
  .offres .bloc_2 .section-hero--text,
  .m2m-manager .what-is-m2m-block .page-title { /* matoocard ltem m2mmanager and matoowan page */
    padding-left: 1.85rem!important;
  }
  .m2m-manager .what-is-image img { /* m2m manager page */
    display: none;
  }
  #slider .wrapper > div >.row-fluid { /* matoowan page */
    margin-top: 0;
  }
  .section-hero {
    padding-top: 0;
    margin-top: 2rem; /* -5rem */
  }
  .search-results > div > .row-fluid > div { /* searchresults page */
    padding-bottom: 4rem!important;
  }
  .new-post-body { /* blog */
    padding-top: 10rem;
  }
  .hero__module { /* pillarpage */
    padding: 0rem 0 8rem 0;
  }
  .blankpage #slider { /* blankpage page */
    padding-top: 0;
  }
  /* against css with style-theme.css and style-matoocard.css */
}

/* Tablet styles */
@media (max-width: 990px) and (min-width: 767px) { /* à la base = max-width: 1150px / en suite max-width: 1300px */
  /* essaie */
  .title-essaie {
    font-size: 46px;
    font-family: 'Montserrat';
    font-weight: 500;
    text-align: center;
    padding: 5em 2em 1em 2em;
  }
  .essaie > div > section, .essaie > section{
    height: 70vh;
  }
  /* fin essaie */
  .logo-matooma {
    /*width: 130px!important; ancien logo 06/21 *//* 150px */
    width: 200px; /* nouveau logo 06/21 */
  }
  #above-header {
    display: none;
  }
  #above-header { /* #sub-header retiré le 31/03/2021 */
    padding: .4em .5em!important; /* ajout */
  }
  #sub-header { /* ajout le 31/03/2021 */
    padding: 0!important;
  }
  .help-padding { /* ajout */
    padding: 0;
  }
  /* #sub-header { /* ajout */
    /* padding: .5em; retiré le 31/03/2021 */ /*
    background-color: var(--color-white); /* ajout */ /*
  } */
  #container-sub-header { /* ajout */
    position: relative; /* ajout */ /*
    z-index: 1000; /* ajout */ /*
    transform: translate3d(0,0,0); */
    /* position: fixed; /* modif */
    z-index: 1000;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    width: 100%; /* ajout */
    transform: inherit!important; /* ajout */
    top: 0; /* ajout */
  }
  /* .sub-header-with-announcement { /* barre d'annonce */ /*
    top: 52px!important;
  } */
  .sticky { /* sub-header fixed, à tester avec plus de contenus */
    /* height: auto; */
    height: 6.85em; /* ajout */
    width: 100%;
    position: fixed;
    top: 0;
    background-color: var(--color-white);
    z-index: 10;
    margin: 0 auto;

    /* border-bottom: 0px solid #dcdce3; */
  }
  #sub-header {
    /*height: 6em; */
    /* width: 100%; */
    width: 100%; /* ajout | auto 31/03/2021 */
    position: fixed; /* fixed | relative 31/03/2021 */
    justify-content: space-between;
    align-items: center; /* ajout */
    /* padding: 1em; */
    z-index: 5;
    transition: background-color 0.15s linear; /* ajout 10/08/21 */
    -webkit-transition: -webkit-background-color 0.15s linear; /* ajout 18/08/21 */
  }
  #sub-header > div:nth-child(1) {
    flex-grow: 1;
    justify-content: flex-start;
  }
  #sub-header.active { /* ajout 10/08/21 */
    border-bottom: 1px solid #dcdce385;
    background-color: var(--color-white)!important; /* ajout */
  }
  /*.menu-btn {
    display: flex;
    cursor: pointer;
    transition: all 0.7s ease;
  } */
  #menu-btn { /* ajout */
    display: flex;
    cursor: pointer;
    transition: all 0.7s ease;
    -webkit-transition: -webkit-all 0.7s ease; /* ajout 18/08/21 */
    margin-right: 1.5rem!important; /* ajout 18/08/21 */
  }
  #nav-container { /* ajout 31/03/2021 */
    justify-content: flex-end;
  }
  #nav-container #menu-item { /* ajout menu-item 31/03/2021 */
    width: 90%; /* 100% */
    display: none;
    position: absolute;
    top: 85%; /* 100% */
    z-index: 10;
  }
  /* #nav-container.open {
    display: flex; /* block */ /*
    
    height: 89vh; /* ajout scroll 85vh */ /*
    overflow-y: scroll; /* ajout scroll */ /*
    -webkit-overflow-scrolling: touch; /* ajout scroll */ /*
  } A DECOMMENTE 31/03/2021 */
  
  #nav-container.open #menu-item { /* ajout menu-item 31/03/2021 */
    display: block; /* block */
    height: 89vh; /* ajout scroll 85vh */
    overflow-y: scroll; /* ajout scroll | ajout 31/03/2021*/
    -webkit-overflow-scrolling: touch; /* ajout scroll | ajout 31/03/2021 */
  }
  .nav-links {
    width: 80%; /* 100% */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: baseline;
    background-color: var(--color-white);
    padding: 3em;
    border-radius: 21px 21px 21px 21px;
    -webkit-border-radius: 21px 21px 21px 21px;
    -moz-border-radius: 21px 21px 21px 21px;
    border: 1px solid rgba(0,48,61,0.07);
    box-shadow: 20px 23px 0px -1px rgba(0,46,59,0.04);
    -webkit-box-shadow: 20px 23px 0px -1px rgba(0,46,59,0.04); 
    -moz-box-shadow: 20px 23px 0px -1px rgba(0,46,59,0.04);
    z-index: 5;
  }
  .nav-links > li:nth-child(1) { /* ajout */
    order: 1;
    padding: .8em .8em .8em 0;
  }
  .nav-links li:nth-child(4),
  .nav-links li:nth-child(5),
  .nav-links li:nth-child(5) > div,
  .nav-links li:nth-child(6) {
    width: 100%;
  }
  .nav-links li:nth-child(2) {
    order: 6;
    flex-grow: inherit;
  }
  .nav-links li:nth-child(4) {
    order: 2;
  }
  .nav-links li:nth-child(5) {
    order: 4;
  }
  .nav-links > li:nth-child(6) {
    order: 3;
    margin: 1em 0;
  }
  .nav-links > li:nth-child(3) {
    order: 5;
  }
  .nav-links > li:nth-child(3) > div {
    position: initial;
  }
  #menu-item {
    width: 100%;
    display: flex;
  }
  .cta-get-rates, .cta-mobile {
    padding: 12px 15px!important;
  }
  .cta-main-red-variant-starterkit,
  .cta-get-rates {
    display: none;
  } /* ajout cta-main-red-variant */
  .cta-mobile {
    width: 100%;
    display: block;
    /* margin: .5em 0 1em 0!important;
    padding: 15px 20px!important; */
  }
  .cta-call, .login, .help {
    display: block;
  }
  .cta-call {
    align-self: flex-start;
  }
  .login img { /* ajout login img */
    display: inline-flex;
  }
  /* ajout 06/23 */
  .options-ressources > .container-options > .flex-row-nav > ul > li:nth-child(5),
  .options-applications > .container-options > ul > li:nth-child(5),
  .options-offres > .container-options > ul > li:nth-child(5) {
    flex-direction: initial!important;
  }
  .nav-links li:nth-child(5) {
    flex-direction: column;
  }
  /* fin ajout 06/23 */
  /* against css with style-theme.css and style-matoocard.css */
  .r-hero-cta { /* home page */
    display: block!important;
    font-size: 1rem!important;
    padding: 1em 1.2em!important; /* ajout */
    box-sizing: revert!important; /* ajout */
  }
  .r-hero-description { /* home page */
    font-size: .9rem!important;
  }
  .r-hero-container2 { /* home page */
    margin: 10rem auto 5rem!important;
  }
  .offres .bloc_1 .float--column,
  .offres .bloc_2 .section-hero--text,
  .m2m-manager .what-is-m2m-block .page-title { /* matoocard ltem m2mmanager and matoowan page */
    padding-left: 1.85rem!important;
  }
  .ltem .bloc_1 > div > .r-hero-container2 { /* matoocard and ltem page */
    padding-top: 0!important;
  }
  .offres .bloc_1 > div > .r-hero-container2 { /* matoocard and ltem page */
    padding-bottom: 5rem!important;
    padding-top: 5rem;
  }
  .offres .bloc_1 > div > div .span6 { /* Matoocard and LTEM page */
    margin-top: 5rem; /* 10rem */
  }
  .offres .bloc_2 {
    margin-top: 0; /* matoowan page */
  }
  .recrutement .bloc_1 { /* nousrejoindre page */
    margin-top: 0;
  }
  .recrutement .bloc_1 .float--column { /* nousrejoindre page */
    margin-top: 0;
  }
  #slider .wrapper > div > .row-fluid { /* matoowan page */
    margin-top: 5rem;
  }
  .section-hero,
  .m2m-manager .what-is-m2m-block { /* m2m manager page / qui-sommes-nous page */
    margin-top: 5rem;
  }
  .m2m-manager .what-is-image img { /* m2m manager page */
    display: none;
  }
  .section-activite { /* qui-sommes-nous page */
    margin-top: 5rem;
  }
  .blog-cas .slider,
  .hero__container { /* cas d'usages blog / pillarpage page */
    padding-top: 8rem;
  }
  .section-principale { /* faq page */
    padding-top: 10rem;
  }
  .search-results > div > .row-fluid { /* searchresults page */
    padding: 0!important;
    margin-top: 0!important;
  }
  .search-results > div > .row-fluid > div { /* searchresults page */
    padding-bottom: 4rem!important;
  }
  .hs-search-results__pagination { /* searchresults page */
    padding-top: 0;
  }
  .new-post-body { /* blog */
    padding-top: 10rem;
  }
  .pillar-page .hero__content { /* pillar page */
    padding-top: 5rem!important;
  }
  .pillar-page .section-solutions { /* pillar page */
    margin: 2rem 0 0 0;
  }
  .pillar-page .carrousel__item { /* pillar page */
    height: auto !important;
  }
  .contact-page .section-form { /* contact page */
    margin-top: 10rem;
  }
  .blankpage #slider { /* blankpage page */
    padding-top: 3rem;
  }
  /* against css with style-theme.css and style-matoocard.css  */
}

/* Mobile tiny styles */
@media (max-width: 300px) {
  .logo-matooma {
    /*max-width: 75px!important; ancien logo 06/21 */
    max-width: 100%!important; /* nouveau logo 06/21 */
  }
  #menu-btn {
    height: 14px!important;
    width: 20px!important;
    margin: 0 .5rem 0 0!important; /* ajout important 18/08/21 */
  }
  #menu-btn span:nth-child(2), #menu-btn span:nth-child(3) {
    top: 6px!important;
  }
  #menu-btn span:nth-child(4) {
    top: 12px!important;
  }
  .nav-lang {
    flex-direction: column;
  }
  .drop-down-lang {
    flex-direction: column;
  }
  .container-options-lang > ul {
    flex-direction: column!important;
  }
  .cta-call {
    padding: 6px 10px!important;
    margin: .5em 1em .5em .5em;
  }
}
@media (max-width: 560px) {
  .logo-matooma {
    /*width: 110px!important; ancien logo 06/21 */
    width: 100%!important; /* nouveau logo 06/21 */
    min-width: 100%!important;
  }
  #above-header, #sub-header {
    padding: 0!important;
  }
  /* .sub-header-with-announcement { /* barre d'annonce */ /*
    top: 82px!important;
  } */
  .sticky { /* ajout */
    height: 5.5em; /* 5em */
  }
  .cta-call {
    padding: 8px 10px!important;
  }
  .label-lang > a {
    padding: .5em!important;
  }
  .option-lang > a {
    padding: .5em!important;
  }
}
/* Mobile styles */
@media (max-width: 767px) {
  /* essaie */
  .title-essaie {
    font-size: 25px;
    font-family: 'Montserrat';
    font-weight: 500;
    text-align: center;
    padding: 6em 2em 1em 2em;
  }
  .essaie > div > section, .essaie > section{
    height: 50vh;
  }
  /* fin essaie */
  .logo-matooma {
    /* width: 120px; ancien logo 06/21 */
    /* width: 130px!important; */ /* nouveau logo 06/21 */
    max-width: 180px; /* 120px 01/10/21 */
    min-width: 90px!important;
    margin-left: 0; /* ajout */
  }
  #above-header {
    display: none;
  }
  .help-padding { /* ajout */
    padding: 0;
  }
  #container-sub-header { /* ajout */
    position: relative; /* ajout */ /*
    z-index: 1000; /* ajout */ /*
    transform: translate3d(0,0,0); */
    /* position: fixed; /* modif */
    z-index: 1000;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    width: 100%; /* ajout */
    transform: inherit!important; /* ajout */
    top: 0; /* ajout */
  }
  /* .sub-header-with-announcement { /* barre d'annonce */ /*
    top: 39px!important; /* 52px */ /*
  } */
  .sticky { /* sub-header fixed, à tester avec plus de contenus */
    height: 6.1em; /* 5em */
    width: 100%;
    position: fixed;
    top: 0;
    background-color: var(--color-white);
    z-index: 100;
    margin: 0 auto;

    /* border-bottom: 0px solid #dcdce3; */
  }
  #sub-header {
    /*height: 4em; /* ajout 5em */
    width: 100%;
    position: fixed; /* fixed | relative 31/03/2021 */
    justify-content: space-between;
    align-items: center; /* ajout */
    padding: .5em; /* ajout */
    /* padding: 1em; */
    z-index: 5;
    /* background-color: var(--color-white); */ /* ajout */
    transition: background-color 0.15s linear; /* ajout 10/08/21 */
    -webkit-transition: -webkit-background-color 0.15s linear; /* ajout 17/08/21 */
  }
  #sub-header > div:nth-child(1) {
    flex-grow: 1;
    justify-content: flex-start;
  }
  #sub-header.active { /* ajout 10/08/21 */
    border-bottom: 1px solid #dcdce385;
    background-color: var(--color-white)!important; /* ajout */
  }
  
  /* .menu-btn {
    display: flex;
    cursor: pointer;
    transition: all 0.7s ease;
  } */
  #menu-btn { /* ajout */
    height: 20px;
    width: 25px;
    display: flex;
    cursor: pointer;
    transition: all 0.7s ease;
    -webkit-transition: -webkit-all 0.7s ease; /* ajout 17/08/21 */
    margin: .7rem .7rem .7rem .7rem; /* ajout 0 1em 0 0 18/08/21 / .7rem 1.7rem .7rem .7rem */
  }
  #menu-btn span {
    height: 2px;
  }
  #menu-btn span:nth-child(2), #menu-btn span:nth-child(3) {top: 8px;}
  #menu-btn span:nth-child(4) {top: 16px;}
  
  #nav-container { /* ajout 31/03/2021 */
    justify-content: flex-end;
  }
  #nav-container #menu-item{ /* ajout menu-item */ /* A DECOMMENTE 31/03/2021 */
    width: 100%; /* 90% */
    display: none;
    position: absolute;
    top: 100%; /* 85% */
    right: 0; /* ajout */
    z-index: 10;

    height: 89vh; /* ajout scroll 85vh */
    overflow-y: scroll; /* ajout scroll */
    -webkit-overflow-scrolling: touch; /* ajout scroll */
  }
  #nav-container.open #menu-item { /* ajout menu-item 31/03/2021 */
    display: block; /* block */
  }
  .nav-links {
    width: auto; /* ajout 18/08/21 */
    max-width: 100%; /* 90% */ /* width: 100% 18/08/21 */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: baseline;
    background-color: var(--color-white);
    padding: .5em;
    /* border-radius: 21px 21px 21px 21px;
    -webkit-border-radius: 21px 21px 21px 21px;
    -moz-border-radius: 21px 21px 21px 21px;
    border: 1px solid rgba(0,48,61,0.07);
    box-shadow: 20px 23px 0px -1px rgba(0,46,59,0.04);
    -webkit-box-shadow: 20px 23px 0px -1px rgba(0,46,59,0.04);
    -moz-box-shadow: 20px 23px 0px -1px rgba(0,46,59,0.04); */
    z-index: 5;

    border-radius: 40%/2%; /* ajout */
    border-top-left-radius: 0;
    border-top-right-radius: 0; /* fin ajout */
  }
  .nav-links > li:nth-child(1) { /* ajout */
    order: 1;
    padding: .8em .8em .8em 0;
  }
  .nav-links li:nth-child(4),
  .nav-links li:nth-child(5),
  .nav-links li:nth-child(5) > div,
  .nav-links li:nth-child(6) {
    width: 100%;
  }
  .nav-links li:nth-child(2) {
    order: 6;
    flex-grow: inherit;
  }
  .nav-links li:nth-child(4) {
    order: 2;
  }
  .nav-links li:nth-child(5) {
    order: 4;
  }
  .nav-links > li:nth-child(6) {
    order: 3;
    margin: 1em 0;
  }
  .nav-links > li:nth-child(3) {
    order: 5;
  }
  .nav-links > li:nth-child(3) > div {
    position: initial;
  }
  #menu-item {
    width: 100%;
    display: flex;
  }
  .cta-main-red-variant-starterkit,
  .cta-get-rates {display: none;} /* ajout cta-main-red-variant */
  .cta-mobile {
    width: 100%;
    display: block;
    margin: .5em;
    /* font-size: 16px;
    margin: .5em 0 1em 0!important;
    padding: 15px 20px!important; */
    padding: 9px 14px!important;
  }
  .cta-get-rates {
    padding: 12px 15px;
  }
  .cta-call {
    width: -webkit-fill-available;
    justify-content: center;
    /* align-self: flex-start;
    padding: 9px 14px!important; */
  }
  .cta-call, .login, .help { 
    display: flex;
  }
  .login img { /* ajout login img */
    display: inline-flex;
  }
  /* ajout 06/23 */
  .options-ressources > .container-options > .flex-row-nav > ul > li:nth-child(5),
  .options-applications > .container-options > ul > li:nth-child(5),
  .options-offres > .container-options > ul > li:nth-child(5) {
    flex-direction: initial!important;
  }
  .nav-links li:nth-child(5) {
    flex-direction: column;
  }
  /* fin ajout 06/23 */
  /* against css with style-theme.css and style-matoocard.css */
  * {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }
  .r-hero-cta { /* home page */
    display: block!important;
    font-size: 1em!important;
    padding: 1em 1.2em!important; /* ajout */
    box-sizing: revert!important; /* ajout */
  }
  .r-hero-description { /* home page */
    font-size: .9em!important;
  }
  .r-hero-container2 { /* home page */
    margin: 10em auto 5em!important;
  }
  .offres .bloc_1 .float--column,
  .offres .bloc_2 .section-hero--text,
  .m2m-manager .what-is-m2m-block .page-title { /* matoocard ltem m2mmanager and matoowan page */
    padding-left: initial!important;
  }
  /* .ltem .bloc_1 { /* ltem page */ /*
    margin-top: -5rem!important; /* à retirer avec la barre d'annonce 5g */ /*
  } */
  .offres .bloc_1 { /* matoocard page */
    margin-top: -5rem!important;
    margin-bottom: 10rem;
  }
  .offres .bloc_1 > div > div .span6 { /* Matoocard and LTEM page */
    padding: 15rem 0 0 0;
  }
  .offres .bloc_1 > div > div .float--column { /* Matoocard page */
    padding: 5rem 0 0 0; /* 10rem */
  }
  .offres .bloc_2 { /* matoowan page */
    margin-top: -10rem;
  }
  .recrutement .bloc_1 { /* nousrejoindre page */
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 4rem; /* ajout */
  }
  .background--image > div > span > img { /* matoocard and ltem page */
    display: none;
  }
  .offres #slider .wrapper > div > .row-fluid > div,
  .blog-cas .new-post-body { /* matoowan page / blog */
    padding-top: 7rem; /* 10rem */
  }
  .m2m-manager .what-is-m2m-block { /* m2mmanager page */
    margin: 7rem 0; /* margin: 5rem 0; */
    padding: 0;
  }
  /* .what-is-m2m-block > div > .row-fluid { /* m2mmanager page */
    padding-top: 5rem;
  } */
  .m2m-manager .what-is-image img { /* m2m manager page */
    display: none;
  }
  .page-title { /* m2mmanager page */
    padding: 0!important; /* padding-top */
  }
  .m2m-manager .what-is-m2m { /* m2mmanager page */
    max-width: 100%;
  }
  .m2m-manager .what-is-m2m-block::after { /* m2mmanager page */
    display: none;
  }
  .section-hero,
  .hero__container { /* qui-sommes-nous page / pillarpage page */
    margin-top: 5em;
  }
  .blog-cas .slider,
  .section-principale { /* cas d'usages blog / faq page*/
    padding-top: 8rem;
  }
  .searchresults .slider { /* searchresults page */
    padding: 10rem 0 11rem 0;
  }
  .search-results { /* searchresults page */
    padding-top: 0;
  }
  .search-results > div > .row-fluid { /* searchresults page */
    padding: 0!important;
  }
  .search-results > div > .row-fluid > div { /* searchresults page */
    /* padding-bottom: 0!important;/* 4rem!important */
    padding-top: 0;/* 5rem!important */
  }
  .hs-search-results__pagination { /* searchresults page */
    padding-top: 4rem;
  }
  .offres .float--column { /* matoocard et ltem page */
    padding-left: 0 !important;
  }
  .float--column h2 {
    /* text-align: center; */
    width: auto!important;
  }
  .single-item .slick-next { /* matoocard page */
    top: -46px !important;
  }
  .pillar-page .hero__content { /* pillar page */
    padding-top: 5rem!important;
  }
  .pillar-page .carrousel__item {
    height: auto!important;
  }
  .pillar-page .hero__content { /* pillar page */
    padding-left: 0vw;
    padding-right: 2vw;
    padding-top: 10rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100% !important;
    max-width: 100%;
    padding: 10rem 0 2rem 0;
  }
  .pillar-page .hero__img,
  .pillar-page .solutions-image { /* pillar page */
    display: none;
  }
  .pillar-page .box-padding-sm { /* pillar page */
    padding-left: 0;
    padding-right: 0;
  }
  .pillar-page .section-solutions { /* pillar page */
    margin-top: 0;
  }
  .contact-page .section-form { /* contact page */
    margin-top: 6rem;
  }
  .blankpage #slider { /* blankpage page */
    padding-top: 0!important;
  }
  /* against css with style-theme.css and style-matoocard.css */
}

/* against css with style-theme.css and style-matoocard.css */
@media (max-width: 601px) {
  .offres .bloc_1 .float--column,
  .offres .bloc_2 .section-hero--text,
  .m2m-manager .what-is-m2m-block .page-title { /* matoocard ltem m2mmanager and matoowan page */
    padding-left: initial!important;
  }
  .offres .bloc_1 > div > div .float--column { /* Matoocard page */
    padding: 5rem 0 0 0; /* 15rem */
  }
  .single-item .slick-next { /* matoocard page */
    top: initial!important;
  }
}
/* against css with style-theme.css and style-matoocard.css */


/* essaie tablette ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) {
  #above-header {
    display: none;
  }
  #above-header { /* #sub-header retiré le 31/03/2021 */
    padding: .4em .5em!important; /* ajout */
  }
  #sub-header { /* ajout le 31/03/2021 */
    padding: 0!important;
  }
  .help-padding { /* ajout */
    padding: 0;
  }
  #sub-header { /* ajout */
    /* padding: .5em; retiré le 31/03/2021 */
    background-color: var(--color-white); /* ajout */
  }
  #container-sub-header { /* ajout */
    position: relative; /* ajout */ /*
    z-index: 1000; /* ajout */ /*
    transform: translate3d(0,0,0); */
    /* position: fixed; /* modif */
    z-index: 1000;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    width: 100%; /* ajout */
    transform: inherit!important; /* ajout */
    top: 0; /* ajout */
  }
  .sticky { /* sub-header fixed, à tester avec plus de contenus */
    /* height: auto; */
    height: 6.85em; /* ajout */
    width: 100%;
    position: fixed;
    top: 0;
    background-color: var(--color-white);
    z-index: 10;
    margin: 0 auto;

    /* border-bottom: 0px solid #dcdce3; */
  }
  #sub-header {
    /*height: 6em; */
    /* width: 100%; */
    width: 100%; /* ajout | auto 31/03/2021 */
    position: fixed; /* fixed | relative 31/03/2021 */
    justify-content: space-between;
    align-items: center; /* ajout */
    /* padding: 1em; */
    z-index: 5;
    transition: background-color 0.15s linear; /* ajout 18/08/21 */
    -webkit-transition: -webkit-background-color 0.15s linear; /* ajout 18/08/21 */
    
  }
  #sub-header > div:nth-child(1) {
    flex-grow: 1;
    justify-content: flex-start;
  }
  #sub-header.active { /* ajout 18/08/21 */
    border-bottom: 1px solid #dcdce385;
    background-color: var(--color-white)!important; /* ajout */
  }
  /*.menu-btn {
    display: flex;
    cursor: pointer;
    transition: all 0.7s ease;
  } */
  #menu-btn { /* ajout */
    display: flex;
    cursor: pointer;
    transition: all 0.7s ease;
    -webkit-transition: -webkit-all 0.7s ease; /* ajout 18/08/21 */
    margin-right: 1.5rem!important; /* ajout 18/08/21 */
  }
  #nav-container { /* ajout 31/03/2021 */
    justify-content: flex-end;
  }
  #nav-container #menu-item { /* ajout menu-item 31/03/2021 */
    width: 90%; /* 100% */
    display: none;
    position: absolute;
    top: 85%; /* 100% */
    z-index: 10;
  }
  /* #nav-container.open {
    display: flex; /* block */ /*
    
    height: 89vh; /* ajout scroll 85vh */ /*
    overflow-y: scroll; /* ajout scroll */ /*
    -webkit-overflow-scrolling: touch; /* ajout scroll */ /*
  } A DECOMMENTE 31/03/2021 */
  
  #nav-container.open #menu-item { /* ajout menu-item 31/03/2021 */
    display: block; /* block */
    height: 89vh; /* ajout scroll 85vh */
    overflow-y: scroll; /* ajout scroll | ajout 31/03/2021*/
    -webkit-overflow-scrolling: touch; /* ajout scroll | ajout 31/03/2021 */
  }
  .nav-links {
    width: 80%; /* 100% */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: baseline;
    background-color: var(--color-white);
    padding: 3em;
    border-radius: 21px 21px 21px 21px;
    -webkit-border-radius: 21px 21px 21px 21px;
    -moz-border-radius: 21px 21px 21px 21px;
    border: 1px solid rgba(0,48,61,0.07);
    box-shadow: 20px 23px 0px -1px rgba(0,46,59,0.04);
    -webkit-box-shadow: 20px 23px 0px -1px rgba(0,46,59,0.04); 
    -moz-box-shadow: 20px 23px 0px -1px rgba(0,46,59,0.04);
    z-index: 5;
  }
  .nav-links > li:nth-child(1) { /* ajout */
    order: 1;
    padding: .8em .8em .8em 0;
  }
  .nav-links li:nth-child(4),
  .nav-links li:nth-child(5),
  .nav-links li:nth-child(5) > div,
  .nav-links li:nth-child(6) {
    width: 100%;
  }
  .nav-links li:nth-child(2) {
    order: 6;
    flex-grow: inherit;
  }
  .nav-links li:nth-child(4) {
    order: 2;
  }
  .nav-links li:nth-child(5) {
    order: 4;
    align-self: flex-start;
    width: auto;
  }
  .nav-links > li:nth-child(6) {
    order: 3;
    margin: 1em 0;
  }
  .nav-links > li:nth-child(3) {
    order: 5;
  }
  .nav-links > li:nth-child(3) > div {
    position: initial;
  }
  #menu-item {
    width: 100%;
    display: flex;
  }
  .cta-get-rates, .cta-mobile {
    padding: 12px 15px!important;
  }
  .cta-get-rates {
    display: none;
  }
  .cta-mobile {
    width: 100%;
    display: block;
    margin: .5em 0 1em 0;
    padding: 15px 20px!important;
  }
  .cta-call, .login, .help {
    display: block;
  }
  .cta-call {
    margin: 0!important;
  }
  .login img { /* ajout login img */
    display: inline-flex;
  }
}
/* essaie tablette ipad */

/* essaie tablette ipadPro landscape and portrait */ /*
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
  #above-header {
    display: none;
  }
  #above-header { /* #sub-header retiré le 31/03/2021 */ /*
    padding: .4em .5em!important; /* ajout */ /*
  }
  #sub-header { /* ajout le 31/03/2021 */ /*
    padding: 0!important;
  }
  .help-padding { /* ajout */ /*
    padding: 0;
  }
  #sub-header { /* ajout */ /*
    /* padding: .5em; retiré le 31/03/2021 */ /*
    background-color: var(--color-white); /* ajout */ /*
  }
  #container-sub-header { /* ajout */ /*
    position: relative; /* ajout */ /*
    z-index: 1000; /* ajout */ /*
    transform: translate3d(0,0,0); */
    /* position: fixed; /* modif */ /*
    z-index: 1000;
    transform: translate3d(0,0,0);
    width: 100%; /* ajout */ /*
    transform: inherit!important; /* ajout */ /*
    top: 0; /* ajout */ /*
  }
  .sticky { /* sub-header fixed, à tester avec plus de contenus */ /*
    /* height: auto; */ /*
    height: 6.85em; /* ajout */ /*
    width: 100%;
    position: fixed;
    top: 0;
    background-color: var(--color-white);
    z-index: 10;
    margin: 0 auto;

    /* border-bottom: 0px solid #dcdce3; */ /*
  }
  #sub-header {
    /*height: 6em; */
    /* width: 100%; */ /*
    width: 100%; /* ajout | auto 31/03/2021 */ /*
    position: fixed; /* fixed | relative 31/03/2021 */ /*
    justify-content: space-between;
    align-items: center; /* ajout */
    /* padding: 1em; */ /*
    z-index: 5;
    transition: background-color 0.15s linear; /* ajout 13/08/21 */ /*
  }
  #sub-header > div:nth-child(1) {
    flex-grow: 1;
    justify-content: flex-start;
  }
  #sub-header.active { /* ajout 13/08/21 */ /*
    border-bottom: 1px solid #dcdce385;
    background-color: var(--color-white)!important; /* ajout */ /*
  }
  /*.menu-btn {
    display: flex;
    cursor: pointer;
    transition: all 0.7s ease;
  } */ /*
  #menu-btn { /* ajout */ /*
    display: flex;
    cursor: pointer;
    transition: all 0.7s ease;
  }
  #nav-container { /* ajout 31/03/2021 */ /*
    justify-content: flex-end;
  }
  #nav-container #menu-item { /* ajout menu-item 31/03/2021 */ /*
    width: 90%; /* 100% */ /*
    display: none;
    position: absolute;
    top: 85%; /* 100% */ /*
    z-index: 10;
  }
  /* #nav-container.open {
    display: flex; /* block */ /*
    
    height: 89vh; /* ajout scroll 85vh */ /*
    overflow-y: scroll; /* ajout scroll */ /*
    -webkit-overflow-scrolling: touch; /* ajout scroll */ /*
  } A DECOMMENTE 31/03/2021 */ /*
  
  #nav-container.open #menu-item { /* ajout menu-item 31/03/2021 */ /*
    display: block; /* block */ /*
    height: 89vh; /* ajout scroll 85vh */ /*
    overflow-y: scroll; /* ajout scroll | ajout 31/03/2021*/ /*
    -webkit-overflow-scrolling: touch; /* ajout scroll | ajout 31/03/2021 */ /*
  }
  .nav-links {
    width: 80%; /* 100% */ /*
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: baseline;
    background-color: var(--color-white);
    padding: 3em;
    border-radius: 21px 21px 21px 21px;
    -webkit-border-radius: 21px 21px 21px 21px;
    -moz-border-radius: 21px 21px 21px 21px;
    border: 1px solid rgba(0,48,61,0.07);
    box-shadow: 20px 23px 0px -1px rgba(0,46,59,0.04);
    -webkit-box-shadow: 20px 23px 0px -1px rgba(0,46,59,0.04); 
    -moz-box-shadow: 20px 23px 0px -1px rgba(0,46,59,0.04);
    z-index: 5;
  }
  .nav-links > li:nth-child(1) { /* ajout */ /*
    order: 1;
    padding: .8em .8em .8em 0;
  }
  .nav-links li:nth-child(4),
  .nav-links li:nth-child(5),
  .nav-links li:nth-child(5) > div,
  .nav-links li:nth-child(6) {
    width: 100%;
  }
  .nav-links li:nth-child(2) {
    order: 6;
    flex-grow: inherit;
  }
  .nav-links li:nth-child(4) {
    order: 2;
  }
  .nav-links li:nth-child(5) {
    order: 4;
  }
  .nav-links > li:nth-child(6) {
    order: 3;
    margin: 1em 0;
  }
  .nav-links > li:nth-child(3) {
    order: 5;
  }
  .nav-links > li:nth-child(3) > div {
    position: initial;
  }
  #menu-item {
    width: 100%;
    display: flex;
  }
  .cta-get-rates, .cta-mobile {
    padding: 12px 15px!important;
  }
  .cta-get-rates {
    display: none;
  }
  .cta-mobile {
    width: 100%;
    display: block;
    margin: .5em 0 1em 0;
    padding: 15px 20px!important;
  }
  .cta-call, .login, .help {
    display: block;
  }
  .login img { /* ajout login img */ /*
    display: inline-flex;
  }
} */
/* essaie tablette ipadPro landscape and portrait */

@media (max-width: 990px) and (min-width: 767px) and (orientation: landscape) { /* à la base = max-width: 1150px / en suite max-width: 1300px */
  #nav-container #menu-item {
    height: 95vh; /* ajout landscape */
    overflow-y: scroll; /* ajout landscape */
    -webkit-overflow-scrolling: touch; /* ajout landscape */
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  #nav-container #menu-item {
    height: 75vh; /* ajout landscape */
    overflow-y: scroll; /* ajout landscape */
    -webkit-overflow-scrolling: touch; /* ajout landscape */
    border-radius: 40%/2%; /* ajout */
    border-top-left-radius: 0;
    border-top-right-radius: 0; /* fin ajout */
  }
}