/**
 * Firefox seulement
 * @see https://css-tricks.com/snippets/css/css-hacks-targeting-firefox/
 */
@-moz-document url-prefix() {
  /* Medium screen / desktop (in bower/bootstrap/less/variables.less) ⇒ 992px */
  @media only screen and (min-width: 992px) {
    .input-group > .form-control + span.input-group-addon {
      transform: translateX(-100%);
      z-index: 44719;
    }
  }
}
.new-homepage {
  /* pris chez bootstrap */
  /* Responsive
 * 0 ← small ← @small-breakpoint ← mobile → @tablet-breakpoint ← tablet → @desktop-breakpoint ← desktop → ∞
 */
  /* comme sur la maquette */
  /* comme sur la maquette */
  /* comme sur la maquette */
  /* comme sur la prod */
  /* comme sur la prod */
  /* comme sur la maquette */
}
.new-homepage .bulletized {
  display: flex;
  width: auto;
  align-items: flex-start;
}
.new-homepage .bulletized > *:first-child {
  min-width: 1em;
}
.new-homepage .bulletized > * + * {
  padding-left: 0.5ch;
}
.new-homepage .bulletized .icon {
  background-position: center center;
  min-width: 3ch;
}
.new-homepage .card--job-recruteurs .bulletized {
  justify-content: center;
}
.new-homepage .card--job-recruteurs .bulletized > * + * {
  text-align: left;
}
.new-homepage .button {
  display: inline-block;
  border: none;
  cursor: pointer;
  transition: color 100ms, background-color 100ms;
}
.new-homepage .button:not(.button--rect) {
  padding: 0.5em 1em;
}
.new-homepage .button--rect {
  padding: 0.25em 2em;
}
.new-homepage .button--wide {
  padding: 0.5em 10em !important;
}
.new-homepage .button,
.new-homepage .button.button--menu,
.new-homepage .button.button--blue {
  color: #fff;
  background-color: #399ced;
}
.new-homepage .button.button--red {
  color: #fff;
  background-color: #cb005f;
}
.new-homepage .button.button--gray {
  color: #fff;
  background-color: #424242;
}
.new-homepage .button.button--white {
  color: #399ced;
  background-color: #fff;
}
.new-homepage .button--primary,
.new-homepage .button--round,
.new-homepage .button--square {
  position: relative;
}
.new-homepage .button--primary {
  width: 100%;
  margin-top: 18px;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .button--primary {
    text-align: left;
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .new-homepage .button--primary {
    text-align: center;
    font-size: 20px;
  }
}
.new-homepage .button--left {
  text-align: left !important;
}
.new-homepage .button--square,
.new-homepage .button--round {
  font-size: 0;
  width: 36px;
  line-height: 36px;
  overflow: hidden;
  color: transparent;
  background-color: transparent;
}
.new-homepage .button--primary::after,
.new-homepage .button--round::after,
.new-homepage .button--square::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 36px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10.8px;
  background-image: url(/media/new-homepage/rsaquo.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.new-homepage .button--primary::after {
  background-size: auto 30%;
}
.new-homepage .button--round::after {
  background-size: auto 38.23529412%;
}
.new-homepage .button--square::after {
  background-size: auto 37.5%;
}
.new-homepage .button--primary::after {
  background-color: #424242;
  line-height: 45px;
}
.new-homepage .button.button--gray::after {
  background-color: #399ced;
}
.new-homepage .button--square::after,
.new-homepage .button--round::after {
  color: #fff;
  line-height: 36px;
}
.new-homepage .button--square::after,
.new-homepage .button--square-blue::after,
.new-homepage .button--round::after,
.new-homepage .button--round-blue::after {
  background-color: #399ced;
}
.new-homepage .button--square-red::after,
.new-homepage .button--round-red::after {
  background-color: #cb005f;
}
.new-homepage .button--round::after {
  border-radius: 50%;
}
.new-homepage .button--mirror::after {
  transform: rotate(180deg);
}
.new-homepage .button--search {
  position: relative;
  color: transparent;
}
.new-homepage .button--search::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/media/new-homepage/magnifying-glass.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.new-homepage .button:hover.button--search,
.new-homepage .button:hover.button--menu,
.new-homepage .button:hover.button--gray,
.new-homepage .button:hover.button--blue {
  background-color: #1a73bc !important;
}
.new-homepage .button:hover.button--red {
  background-color: #84003e !important;
}
.new-homepage .button--square:hover::after,
.new-homepage .button--square-blue:hover::after,
.new-homepage .button--round:hover::after,
.new-homepage .button--round-blue:hover::after {
  background-color: #1a73bc !important;
}
.new-homepage .button--square-red:hover::after,
.new-homepage .button--round-red:hover::after {
  background-color: #84003e !important;
}
@media only screen and (max-width: calc(375px - 1px)) {
  .new-homepage .button--small {
    font-size: 13px;
  }
}
@media only screen and (max-width: calc(1160px - 1px)) {
  .new-homepage .button--desktop {
    display: none;
    visibility: hidden;
  }
  .new-homepage .button--menu {
    width: 100%;
    text-align: center ;
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .button {
    white-space: nowrap;
  }
  .new-homepage .button--desktop {
    display: initial;
    visibility: visible;
  }
  .new-homepage .button--menu {
    display: none;
  }
}
.new-homepage a:hover .button--rect,
.new-homepage a:hover .button--square::after,
.new-homepage a:hover .button--round::after {
  background-color: #1a73bc !important;
}
.new-homepage a:hover .button--square-red::after,
.new-homepage a:hover .button--round-red::after {
  background-color: #84003e !important;
}
.new-homepage form.unstyled {
  display: inline;
}
.new-homepage button.unstyled {
  display: inline;
  border: 0;
  color: inherit;
  background-color: inherit;
}
.new-homepage .card {
  height: 100%;
  /**
     * Facilite l'enveloppement par un lien sans casser le style.
     * 
     * Cf par exemple les blocs « guide » sur la nouvelle page d'accueil, dans
     * pages/new-homepage/guide.php
     */
}
.new-homepage .card__wrapper {
  display: block;
}
.new-homepage .card.card--top {
  position: relative;
  display: flex;
  padding: 23px 0.75em 23px 0.75em;
}
.new-homepage .card.card--top h2 {
  margin-bottom: 9px;
}
.new-homepage .card.card--top figcaption {
  flex-grow: 1;
  position: relative;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .card.card--top {
    flex-direction: row;
  }
  .new-homepage .card.card--top img {
    width: 2em;
    height: auto;
  }
  .new-homepage .card.card--top picture {
    position: relative;
    flex-basis: 10%;
    min-width: 2em;
    /* cf lergeur de l'img ci-dessus */
  }
  .new-homepage .card.card--top picture img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .new-homepage .card.card--top h2 {
    font-size: 18px;
    text-align: left;
  }
  .new-homepage .card.card--top p {
    font-size: 17px;
  }
  .new-homepage .card.card--top figcaption {
    padding-left: 0.75em;
    /* juste gap */
    padding-right: calc(36px + 0.5em);
    /* largeur du nav (cf ci-dessous) + gap */
  }
  .new-homepage .card.card--top figcaption nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    /* largeur du bouton, cf button--round */
    height: 100%;
  }
  .new-homepage .card.card--top figcaption nav a {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 768px) {
  .new-homepage .card.card--top {
    flex-direction: column;
    text-align: center;
  }
  .new-homepage .card.card--top img {
    margin-bottom: 32px;
    /* comme sur la maquette */
  }
  .new-homepage .card.card--top h2 {
    font-size: 22px;
    text-align: center;
  }
  .new-homepage .card.card--top p {
    font-size: 18px;
  }
  .new-homepage .card.card--top figcaption {
    display: flex;
    flex-direction: column;
    padding-left: 0.5em;
    /* juste gap */
    padding-right: 0.5em;
    /* juste gap */
  }
  .new-homepage .card.card--top figcaption > p {
    flex-grow: 1;
  }
  .new-homepage .card.card--top figcaption nav {
    position: relative;
    height: 36px;
    /* hauteur du bouton, cf button--round */
  }
  .new-homepage .card.card--top figcaption nav a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1160px - 1px)) {
  .new-homepage .card.card--top img {
    width: auto;
    height: 3em;
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .card.card--top img {
    width: auto;
    height: 3.5em;
  }
}
.new-homepage .card.card--seo small {
  display: block;
}
.new-homepage .card.card--seo h2 {
  text-align: left;
  /* overridé par .homepage h2 */
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .card.card--seo {
    padding-top: 15px !important;
    /* comme sur la maquette */
    padding-bottom: 16px !important;
    /* comme sur la maquette */
  }
  .new-homepage .card.card--seo small {
    font-size: 17px;
    margin-bottom: 14px;
    /* comme sur la maquette */
  }
  .new-homepage .card.card--seo h2 {
    font-size: 25px;
  }
  .new-homepage .card.card--seo p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1160px - 1px)) {
  .new-homepage .card.card--seo {
    padding-top: 32px !important;
    /* comme sur la maquette */
    padding-bottom: 53px !important;
    /* comme sur la maquette */
  }
  .new-homepage .card.card--seo small {
    font-size: 18px;
    margin-bottom: 5px;
    /* comme sur la maquette */
  }
  .new-homepage .card.card--seo h2 {
    font-size: 34px;
  }
  .new-homepage .card.card--seo p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .card.card--seo {
    padding-top: 62px !important;
    /* comme sur la maquette */
    padding-bottom: 81px !important;
    /* comme sur la maquette */
  }
  .new-homepage .card.card--seo small {
    font-size: 20px;
    margin-bottom: 8px;
    /* comme sur la maquette */
  }
  .new-homepage .card.card--seo h2 {
    float: left;
    width: 40%;
    margin-right: 18px;
    font-size: 38px;
  }
  .new-homepage .card.card--seo p {
    font-size: 20px;
  }
}
.new-homepage .card.card--job {
  padding: 18px;
  background-color: #fff;
}
.new-homepage .card.card--job figcaption {
  font-size: 17px;
}
.new-homepage .card.card--job h3,
.new-homepage .card.card--job h4 {
  color: #399ced;
  font-size: 19px;
  margin: 1.5em 0;
  /* comme sur la maquette */
  margin-top: 13px;
}
.new-homepage .card.card--job a {
  color: inherit;
}
.new-homepage .card.card--job-candidat {
  display: block;
}
.new-homepage .card.card--job-candidat picture {
  display: block;
}
.new-homepage .card.card--job-candidat picture:not(:empty) {
  padding-bottom: 0;
}
.new-homepage .card.card--job-candidat picture:empty {
  position: relative;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  margin-top: -27.5%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  background-color: #e9e9e9;
}
.new-homepage .card.card--job-candidat picture:empty::before {
  content: 'JOB';
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
}
.new-homepage .card.card--job-candidat img {
  max-width: 100%;
  height: auto;
  min-height: auto;
  min-width: auto;
}
.new-homepage .card.card--job-candidat figcaption p {
  text-align: left;
}
.new-homepage .card.card--job-recruteurs:hover {
  color: #399ced;
  text-decoration: none;
  cursor: pointer;
}
.new-homepage .card.card--job-recruteurs picture {
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  background-color: #e9e9e9;
}
.new-homepage .card.card--job-recruteurs picture:empty {
  position: relative;
  font-size: 1rem;
}
.new-homepage .card.card--job-recruteurs picture:empty::before,
.new-homepage .card.card--job-recruteurs picture:empty::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  background-color: transparent;
}
.new-homepage .card.card--job-recruteurs picture:empty::before {
  width: 1.8em;
  height: 1.8em;
  transform: translate(-50%, -50%) translate(0, -0.3em);
}
.new-homepage .card.card--job-recruteurs picture:empty::after {
  width: 3.8em;
  height: 3.8em;
  transform: translate(-50%, -50%) translate(0, 2.7em);
}
.new-homepage .card.card--job-recruteurs picture img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .card.card--job picture {
    /*display: none;*/
  }
}
@media only screen and (min-width: 768px) {
  .new-homepage .card.card--job {
    border-bottom: 2px solid #7e7e7e;
    text-align: center;
  }
}
.new-homepage .card.card--coaching,
.new-homepage .card.card--annonce {
  background-color: #e9e9e9;
}
.new-homepage .card.card--coaching picture,
.new-homepage .card.card--annonce picture {
  display: block;
  position: relative;
}
.new-homepage .card.card--coaching picture span,
.new-homepage .card.card--annonce picture span {
  position: absolute;
  top: 18px;
  left: 18px;
  color: #fff;
  background: #399ced;
  padding: 9px;
  font-weight: bold;
  text-transform: uppercase;
}
.new-homepage .card.card--coaching img,
.new-homepage .card.card--annonce img {
  width: 100%;
  height: auto;
  /* la hauteur minimale est la hauteur du span avec sa marge */
  min-height: calc((3 + 1.42857143) * 18px);
  /* 1.42857143 c'est la line-height */
}
.new-homepage .card.card--coaching figcaption,
.new-homepage .card.card--annonce figcaption {
  padding: 18px;
}
.new-homepage .card.card--coaching {
  color: #424242;
  background-color: #fff;
}
.new-homepage .card.card--coaching h3 {
  font-size: 20px;
}
.new-homepage .card.card--coaching picture {
  position: relative;
  padding-top: 61.70212766%;
  overflow: hidden;
}
.new-homepage .card.card--coaching img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.new-homepage .card.card--coaching,
.new-homepage .card.card--coaching figcaption {
  display: flex;
  flex-direction: column;
}
.new-homepage .card.card--coaching figcaption,
.new-homepage .card.card--coaching p {
  flex-grow: 1;
}
.new-homepage .card.card--annonce {
  color: #424242;
  background-color: #e9e9e9;
  display: flex;
  flex-direction: column;
}
.new-homepage .card.card--annonce figcaption > p:nth-of-type(3) {
  float: left;
  font-weight: bold;
  line-height: 36px;
  /* la hauteur de la nav */
  margin-bottom: 0;
}
.new-homepage .card.card--annonce picture {
  position: relative;
  overflow: hidden;
}
.new-homepage .card.card--annonce img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.new-homepage .card.card--annonce-camping picture {
  padding-top: 61.70212766%;
}
.new-homepage .card.card--annonce-equipment picture {
  padding-top: 74.82014388%;
}
.new-homepage .card.card--annonce figcaption {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
}
.new-homepage .card.card--annonce figcaption p:not(:last-of-type) {
  flex-basis: 100%;
}
.new-homepage .card.card--annonce figcaption p:first-of-type {
  align-self: flex-start;
  margin-bottom: 2em;
}
.new-homepage .card.card--annonce figcaption p:nth-last-of-type(2) {
  margin-bottom: 0 !important;
}
.new-homepage .card.card--annonce figcaption nav {
  margin-left: auto;
  font-size: 0;
}
.new-homepage .card.card--guide {
  padding: 9px;
  color: #fff;
  background-color: #424242;
  text-align: center;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .card.card--guide h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .new-homepage .card.card--guide h3 {
    font-size: 25px;
  }
}
.new-homepage .card.card--guide p {
  min-height: calc(3 * 1em * 1.1);
  /* 3 lignes * current font-size * current line-height */
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .card.card--guide p {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) {
  .new-homepage .card.card--guide p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .new-homepage .card.card--guide {
    position: relative;
    margin-top: calc(70px / 4 + 18px) !important;
    /* ne pas oublier la margin des items de cards */
    padding-top: calc(70px / 2 + 9px);
    /* ne pas oublier le padding par défaut de la card */
  }
  .new-homepage .card.card--guide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    line-height: 70px;
    font-family: gc-icons;
    font-size: 48px;
  }
  .new-homepage .card.card--guide1::before {
    content: '\e619';
    background-color: #1068b0;
  }
  .new-homepage .card.card--guide2::before {
    content: '\e608';
    background-color: #68b3f1;
  }
  .new-homepage .card.card--guide4::before {
    content: '\e606';
    background-color: #399ced;
  }
  .new-homepage .card.card--guide3::before {
    content: '\e60b';
    background-color: #1484df;
  }
}
.new-homepage .card.card--article {
  background-color: #fff;
}
.new-homepage .card.card--article img {
  width: 100%;
  height: auto;
}
.new-homepage .card.card--article figcaption {
  padding: 18px;
}
.new-homepage .card.card--article picture {
  position: relative;
  display: block;
  padding-top: 61.51079137%;
  overflow: hidden;
}
.new-homepage .card.card--article img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.new-homepage .card.card--article,
.new-homepage .card.card--article figcaption {
  display: flex;
  flex-direction: column;
}
.new-homepage .card.card--article figcaption,
.new-homepage .card.card--article figcaption p {
  flex-grow: 1;
}
.new-homepage .card.card--article figcaption p {
  margin-bottom: 21px;
  /* comme sur la maquette */
}
.new-homepage .card.card--text {
  margin: 18px 0;
}
.new-homepage .card.card--text img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: calc(1160px - 1px)) {
  .new-homepage .card.card--text {
    font-size: 18px;
  }
  .new-homepage .card.card--text img {
    margin-bottom: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .new-homepage .card.card--text {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 13px;
  }
  .new-homepage .card.card--text > * {
    flex-basis: calc(100% / 2 - 0.5em);
  }
  .new-homepage .card.card--text img {
    min-height: initial;
    min-width: initia;
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .card.card--text {
    font-size: 17px;
  }
  .new-homepage .card.card--text > *:first-child {
    flex-basis: calc(100% / 3 - 0.5em);
  }
  .new-homepage .card.card--text > *:last-child {
    flex-basis: calc(100% * 2 / 3 - 0.5em);
  }
}
.new-homepage .cards {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: calc(1160px - 1px)) {
  .new-homepage .cards > * {
    flex: 0 0 calc(50% - 18px / 2);
  }
  .new-homepage .cards > *:nth-child(n+3) {
    margin-top: 18px;
  }
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .cards > * {
    flex: 0 0 calc(100% - 18px / 2);
  }
  .new-homepage .cards > *:nth-child(n+1) {
    margin-top: 18px;
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .cards > * {
    flex: 0 0 calc(100% / 4 - 18px / 2);
  }
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .stack > *:not(:first-child) .card.card--top {
    padding-top: 0;
  }
  .new-homepage .stack > *:not(:last-child) .card.card--top {
    padding-bottom: 0;
  }
}
.new-homepage a:focus .card--guide::before,
.new-homepage a:hover .card--guide::before,
.new-homepage a:focus .card picture > span,
.new-homepage a:hover .card picture > span {
  background-color: #1a73bc !important;
}
.new-homepage a:focus .card--annonce,
.new-homepage a:hover .card--annonce,
.new-homepage a:focus .card figcaption > h4,
.new-homepage a:hover .card figcaption > h4,
.new-homepage a:focus .card figcaption > h2 > em,
.new-homepage a:hover .card figcaption > h2 > em {
  color: #1a73bc !important;
}
.new-homepage .tabs--red a:hover .card figcaption > h2 > em {
  color: #84003e !important;
}
.new-homepage .card:hover h4 {
  color: #1a73bc !important;
}
.new-homepage .nhcarousel {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding-left: 0;
  width: auto;
  overflow: hidden;
  list-style: none;
  flex-wrap: wrap;
  /**
     * Pour les items comme dans les blocs zoom. On fait en sorte que les
     * éléments fassent au moins 300px de large, sachant qu'il y a 2*15px de
     * marges autour.
     */
}
.new-homepage .nhcarousel__container {
  position: relative;
}
.new-homepage .nhcarousel.active {
  flex-wrap: nowrap;
}
.new-homepage .nhcarousel > * {
  flex-basis: calc(100% / 1.25);
  max-width: 320px;
}
.new-homepage .nhcarousel.active > * {
  margin-top: 0 !important;
  min-width: calc(100% / 1.25);
}
.new-homepage .nhcarousel.active > *:not(:first-child) {
  margin-left: 9px;
}
.new-homepage .nhcarousel.active > *:not(:last-child) {
  margin-right: 9px;
}
.homepage.new-homepage .nhcarousel > * > * {
  display: block;
  height: 100%;
}
.new-homepage .nhcarousel__prev,
.new-homepage .nhcarousel__next {
  position: relative;
  display: inline-block;
  border: none;
  overflow: hidden;
  font-size: 0;
  color: transparent;
  background-color: transparent;
  cursor: pointer;
}
@media only screen and (max-width: calc(1160px - 1px)) {
  .new-homepage .nhcarousel__prev,
  .new-homepage .nhcarousel__next {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .nhcarousel__prev,
  .new-homepage .nhcarousel__next {
    width: 44px;
    height: 44px;
  }
}
.new-homepage .nhcarousel__prev::after,
.new-homepage .nhcarousel__next::after {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 36px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #399ced;
}
.new-homepage .nhcarousel__prev:hover::after,
.new-homepage .nhcarousel__next:hover::after,
.new-homepage .nhcarousel__prev:focus::after,
.new-homepage .nhcarousel__next:focus::after {
  background-color: #1a73bc !important;
}
.new-homepage .nhcarousel__prev::after {
  transform: rotate(180deg);
}
.new-homepage .nhcarousel__container.is-full > .nhcarousel__nav {
  display: none;
}
.new-homepage .nhcarousel__title2 strong {
  color: #cb005f;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .nhcarousel > *:not(:first-child) {
    margin-top: 1em;
  }
  .new-homepage .nhcarousel__title {
    text-transform: uppercase;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1160px - 1px)) {
  .new-homepage .nhcarousel--tablet1 > *:not(:first-child) {
    margin-top: 1em;
  }
  .new-homepage .nhcarousel--tablet2 > * {
    flex-basis: calc((100% / 2.5) - 9px);
  }
  .new-homepage .nhcarousel--tablet2.active > * {
    min-width: calc((100% / 2.5) - 9px);
  }
  .new-homepage .nhcarousel--tablet2 > *:nth-child(2) ~ * {
    margin-top: 1em;
  }
  .new-homepage .nhcarousel--tablet3 > * {
    flex-basis: calc((100% / 3) - 9px);
  }
  .new-homepage .nhcarousel--tablet3.active > * {
    min-width: calc((100% / 3) - 9px);
  }
  .new-homepage .nhcarousel--tablet3 > *:nth-child(3) ~ * {
    margin-top: 1em;
  }
  .new-homepage .nhcarousel--tablet4 > * {
    flex-basis: calc((100% / 4) - 9px);
  }
  .new-homepage .nhcarousel--tablet4.active > * {
    min-width: calc((100% / 4) - 9px);
  }
  .new-homepage .nhcarousel--tablet4 > *:nth-child(4) ~ * {
    margin-top: 1em;
  }
  .new-homepage .nhcarousel--tablet2.active > *:not(:first-child),
  .new-homepage .nhcarousel--tablet3.active > *:not(:first-child),
  .new-homepage .nhcarousel--tablet4.active > *:not(:first-child) {
    margin-left: 9px;
  }
  .new-homepage .nhcarousel--tablet2.active > *:not(:last-child),
  .new-homepage .nhcarousel--tablet3.active > *:not(:last-child),
  .new-homepage .nhcarousel--tablet4.active > *:not(:last-child) {
    margin-right: 9px;
  }
}
@media only screen and (max-width: calc(1160px - 1px)) {
  .new-homepage .nhcarousel__nav > a {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
  }
  .new-homepage .nhcarousel__nav > a:first-child {
    left: calc(-1 * 9px);
  }
  .new-homepage .nhcarousel__nav > a:last-child {
    right: calc(-1 * 9px);
  }
  .new-homepage .nhcarousel__container.at-first > .nhcarousel__nav > a:first-child,
  .new-homepage .nhcarousel__container.at-last > .nhcarousel__nav > a:last-child {
    display: none;
  }
  .new-homepage .nhcarousel__prev::after,
  .new-homepage .nhcarousel__next::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 36px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-left: 10.8px;
    background-image: url(/media/new-homepage/rsaquo.svg);
    background-position: center center;
    background-size: auto 37.5%;
    background-repeat: no-repeat;
    border-radius: 50%;
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .nhcarousel--desktop1 > *:not(:first-child) {
    margin-top: 1em;
  }
  .new-homepage .nhcarousel--desktop2 > * {
    flex-basis: calc((100% / 2) - 9px);
  }
  .new-homepage .nhcarousel--desktop2.active > * {
    min-width: calc((100% / 2) - 9px);
  }
  .new-homepage .nhcarousel--desktop2 > *:nth-child(2) ~ * {
    margin-top: 1em;
  }
  .new-homepage .nhcarousel--desktop3 > * {
    flex-basis: calc(100% / 3 - 9px);
  }
  .new-homepage .nhcarousel--desktop3.active > * {
    min-width: calc((100% / 3) - (6 * 9px / 5));
  }
  .new-homepage .nhcarousel--desktop3 > *:nth-child(3) ~ * {
    margin-top: 1em;
  }
  .new-homepage .nhcarousel--desktop4 > * {
    flex-basis: calc((100% / 4) - 9px);
  }
  .new-homepage .nhcarousel--desktop4.active > * {
    min-width: calc((100% / 4) - (5 * 9px / 4));
  }
  .new-homepage .nhcarousel--desktop4 > *:nth-child(4) ~ * {
    margin-top: 1em;
  }
  .new-homepage .nhcarousel--desktop6 > * {
    flex-basis: calc((100% / 6) - 9px);
  }
  .new-homepage .nhcarousel--desktop6.active > * {
    min-width: calc((100% / 6) - (9 * 9px / 6));
  }
  .new-homepage .nhcarousel--desktop6 > *:nth-child(6) ~ * {
    margin-top: 1em;
  }
  .new-homepage .nhcarousel--tablet2.active > *:not(:first-child),
  .new-homepage .nhcarousel--tablet3.active > *:not(:first-child),
  .new-homepage .nhcarousel--tablet4.active > *:not(:first-child) {
    margin-left: 9px;
  }
  .new-homepage .nhcarousel--tablet2.active > *:not(:last-child),
  .new-homepage .nhcarousel--tablet3.active > *:not(:last-child),
  .new-homepage .nhcarousel--tablet4.active > *:not(:last-child) {
    margin-right: 9px;
  }
  .new-homepage .nhcarousel__nav {
    margin-bottom: 18px;
    font-size: 0;
    height: 44px;
    text-align: right;
  }
  .new-homepage .nhcarousel__nav > a + a {
    margin-left: 10px;
    /* comme sur la maquette */
  }
  .new-homepage .nhcarousel__container.at-first > .nhcarousel__nav > a:first-child,
  .new-homepage .nhcarousel__container.at-last > .nhcarousel__nav > a:last-child {
    opacity: 0.5;
  }
  .new-homepage .nhcarousel__prev::after,
  .new-homepage .nhcarousel__next::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/media/new-homepage/rarrow.svg);
    background-position: center center;
    background-size: auto 44%;
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width: 639px) and (max-width: 947px) {
  .new-homepage .nhcarousel--zoom > * {
    min-width: calc((100% / 2) - 15px) !important;
  }
}
@media only screen and (min-width: 948px) and (max-width: 1256px) {
  .new-homepage .nhcarousel--zoom > * {
    min-width: calc((100% / 3) - 15px) !important;
  }
}
@media only screen and (min-width: 1257px) and (max-width: 1565px) {
  .new-homepage .nhcarousel--zoom > * {
    min-width: calc((100% / 4) - 15px) !important;
  }
}
@media only screen and (min-width: 1566px) and (max-width: 1874px) {
  .new-homepage .nhcarousel--zoom > * {
    min-width: calc((100% / 5) - 15px) !important;
  }
}
@media only screen and (min-width: 1875px) {
  .new-homepage .nhcarousel--zoom > * {
    min-width: calc((100% / 6) - 15px) !important;
  }
}
.new-homepage .nhform {
  display: flex;
  flex-wrap: nowrap;
}
.new-homepage .nhform input::placeholder,
.new-homepage .nhform .nhselect,
.new-homepage .nhform select,
.new-homepage .nhform input {
  color: #999;
}
.new-homepage .nhform .nhselect,
.new-homepage .nhform select,
.new-homepage .nhform input {
  flex-grow: 1;
  height: auto;
  padding: 17px;
  border: none;
  font-family: inherit;
  font-size: 20px;
  background-color: #fff;
}
.new-homepage .nhform .nhselect,
.new-homepage .nhform select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICBoZWlnaHQ9IjYxIgogICB3aWR0aD0iNjEiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDYxIDYxIj4KICA8cmVjdAogICAgIHk9IjAiCiAgICAgeD0iMCIKICAgICBoZWlnaHQ9IjYxIgogICAgIHdpZHRoPSI2MSIKICAgICBzdHlsZT0ib3BhY2l0eToxO3ZlY3Rvci1lZmZlY3Q6bm9uZTtmaWxsOiMzOTljZWQ7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjkuNzMyMDQxMzY7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxIiAvPgogIDxnCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6I2ZmZmZmZjtzdHJva2Utb3BhY2l0eToxIgogICAgIHRyYW5zZm9ybT0icm90YXRlKDkwLDQuMDA3ODM2OCwyOS41MDc4MzcpIj4KICAgIDxyZWN0CiAgICAgICB5PSIwIgogICAgICAgeD0iMCIKICAgICAgIHN0eWxlPSJvcGFjaXR5OjA7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojZmZmZmZmO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICBoZWlnaHQ9IjYiCiAgICAgICB3aWR0aD0iMTAiLz4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojZmZmZmZmO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB0cmFuc2Zvcm09InJvdGF0ZSgtOTAsNSwzKSIKICAgICAgIGQ9Ik0gMTAsMSBBIDEsMSAwIDAgMCA4LjI5MywwLjI5MyBMIDUsMy41ODYgMS43MDcsMC4yOTMgQSAxLDEgMCAxIDAgMC4yOTMsMS43MDcgbCA0LDQgYSAxLDEgMCAwIDAgMS40MTUsMCBsIDQsLTQgQSAxLDEgMCAwIDAgMTAsMSBaIi8+CiAgPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 100%;
}
.new-homepage .nhform button {
  flex-grow: 1;
  width: calc(2 * 17px + 20px * 1.42857143);
  /* hauteur du input */
  min-width: 60px;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-homepage .nhform .button:not(button) {
  padding: 17px;
  font-size: 20px;
}
.new-homepage .nhform .button:not(button):not(:first-child) {
  margin-left: 1em;
}
.new-homepage .nhform .nhselect {
  z-index: 1;
  padding: 0;
}
.new-homepage .nhform .nhselect summary {
  list-style: none;
  padding: 16px;
  /* trouvé expérimentalement */
}
.new-homepage .nhform .nhselect summary::-webkit-details-marker {
  display: none;
}
.new-homepage .nhform .nhselect ul {
  list-style: none;
  padding-left: 0;
}
.new-homepage .nhform .nhselect a {
  display: block;
  padding: 0.1em 1em;
  color: inherit;
  background-color: #fff;
}
.new-homepage .nhform .nhselect a:hover,
.new-homepage .nhform .nhselect a:focus {
  color: #fff;
  background-color: #399ced;
}
.new-homepage .nhform .nhsep {
  display: none;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .nhform {
    position: relative;
    flex-direction: column;
    padding: 0 1em 1.22222222em 1em;
    /* comme sur la maquette */
  }
  .new-homepage .nhform .nhselect,
  .new-homepage .nhform select {
    margin-top: 1em;
  }
  .new-homepage .nhform input {
    flex-basis: 100%;
  }
  .new-homepage .nhform button {
    position: absolute;
    right: 1em;
    height: 62px;
  }
}
@media only screen and (min-width: 768px) {
  .new-homepage .nhform {
    flex-direction: row;
  }
  .new-homepage .nhform .nhselect,
  .new-homepage .nhform select,
  .new-homepage .nhform input {
    flex-grow: 1;
    flex-basis: calc(100% / 2);
  }
  .new-homepage .nhform .nhselect,
  .new-homepage .nhform select {
    margin-left: 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1160px - 1px)) {
  .new-homepage .nhform {
    padding: 0 1em 1.55555556em 1em;
    /* comme sur la maquette */
  }
}
@media only screen and (max-width: calc(1160px - 1px)) {
  .new-homepage .nhform .nhselect {
    position: relative;
  }
  .new-homepage .nhform .nhselect ul {
    position: absolute;
    width: 100%;
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .nhform {
    margin: 0 auto 3.5em auto;
    /* comme sur la maquette */
    padding: 1.22222222em 1.33333333em;
    /* comme sur la maquette */
    background-color: rgba(66, 66, 66, 0.51);
    width: calc(100% * 4 / 5);
  }
  .new-homepage .nhform > * {
    max-height: 60px;
  }
  .new-homepage .nhform > input,
  .new-homepage .nhform > details {
    flex-grow: 1;
  }
  .new-homepage .nhform > details {
    margin-left: 0 !important;
  }
  .new-homepage .nhform .nhsep {
    align-self: center;
    display: inline;
    padding-left: 1.27777778em;
    /* comme sur la maquette */
    padding-right: 1.88888889em;
    /* comme sur la maquette */
    font-size: 22px;
    color: #fff;
    white-space: nowrap;
  }
}
.new-homepage header.header {
  position: fixed;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 1160px) {
  body.homepage.new-homepage header.header {
    left: calc((100% - 1160px) / 2);
    width: 1160px;
  }
  body:not(.homepage).new-homepage header.header {
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 calc((100vw - 1160px) / 2);
  }
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage header.header + * {
    padding-top: 64px !important;
    /* la hauteur du header */
  }
}
@media only screen and (min-width: 274px) and (max-width: 374px) {
  .new-homepage header.header + * {
    padding-top: 43px !important;
    /* la hauteur du header */
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1160px - 1px)) {
  .new-homepage header.header + * {
    padding-top: 73px !important;
    /* la hauteur du header */
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage header.header + * {
    padding-top: 116px !important;
    /* la hauteur du header */
  }
  .new-homepage header.header + * .carousel-overlay {
    /* attention le carousel ici n'est pas celui de new-homepage, cf https://kanboard.zabe.fr/?controller=TaskViewController&action=show&task_id=1461&project_id=16#comment-1861 */
    transform: none !important;
  }
}
.new-homepage .header {
  /* Styles appliqués aux H1 précédemment */
}
.new-homepage .header__logo,
.new-homepage .header__account {
  align-self: center;
}
.new-homepage .header__title {
  font-weight: 700;
  line-height: 1.1;
}
.new-homepage .header__title small {
  font-weight: 400;
  line-height: 1;
}
.new-homepage .header__nav {
  flex: 1 0 100%;
}
.new-homepage .header input[id^="trigger"] {
  position: absolute;
  left: -99999px;
}
.new-homepage .header input[id^="trigger"]:not(:checked) + .header__account-nav {
  display: none;
  visibility: hidden;
}
.new-homepage .header input[id^="trigger"]:checked + .header__account-nav {
  display: block;
}
.new-homepage .header .header__account--is-connected > label {
  position: relative;
  min-width: 10em;
}
.new-homepage .header .header__account--is-connected .header__account-nav {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  transform: translateY(99%);
  min-width: 100%;
  padding: 0;
  color: #424242;
  background-color: #fff;
}
.new-homepage .header .header__account--is-connected .header__account-nav * {
  color: inherit;
  background-color: inherit;
}
.new-homepage .header .header__account--is-connected .header__account-nav a {
  display: block;
  padding: 0 0.5em;
  font-weight: normal;
  text-align: left;
}
.new-homepage .header .header__account--is-connected .header__account-nav a:focus,
.new-homepage .header .header__account--is-connected .header__account-nav a:hover {
  color: #399ced;
}
.new-homepage .header .header__account--is-connected .header__account-nav a:first-child {
  margin-top: 0.5em;
}
.new-homepage .header .header__account--is-connected .header__account-nav a:last-child {
  margin-bottom: 0.5em;
}
.new-homepage .header .header__account--is-connected .header__account-nav a + a {
  margin-top: 0.25em;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .header {
    padding-left: calc(3 * 18px);
  }
  .new-homepage .header input[id^="trigger"] + .header__nav-trigger::after {
    width: 36px;
    height: 36px;
  }
  .new-homepage .header__logo {
    font-size: 20px;
    padding: 18px 0;
  }
  .new-homepage .header__logo img {
    height: 20px;
    margin-bottom: calc(18px / 1.428571429 / 2);
    /* corrige l'alignement */
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1160px - 1px)) {
  .new-homepage .header input[id^="trigger"] + .header__nav-trigger::after {
    width: 54px;
    height: 54px;
  }
  .new-homepage .header__logo {
    font-size: 25px;
  }
  .new-homepage .header__logo img {
    height: 25px;
    margin-bottom: calc(25px / 1.428571429 / 2);
    /* corrige l'alignement */
  }
}
@media only screen and (max-width: calc(1160px - 1px)) {
  .new-homepage .header {
    width: 100vw;
    padding-left: calc(3 * 18px);
  }
  .new-homepage .header__notifications {
    display: none;
  }
  .new-homepage .header input[id^="trigger"] + .header__nav-trigger::after {
    content: '';
    position: absolute;
    left: 18px;
    top: 45%;
    transform: translateY(-50%);
    font-size: 54px;
    line-height: 1;
    color: #cb005f;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .new-homepage .header input[id^="trigger"]:not(:checked) + .header__nav-trigger::after {
    background-image: url(/media/new-homepage/hamburger.svg);
  }
  .new-homepage .header input[id^="trigger"]:not(:checked) + .header__nav-trigger + .header__nav {
    display: none;
    visibility: hidden;
  }
  .new-homepage .header input[id^="trigger"]:checked + .header__nav-trigger::after {
    background-image: url(/media/new-homepage/cross.svg);
  }
  .new-homepage .header input[id^="trigger"]:checked + .header__nav-trigger + .header__nav {
    display: block;
    visibility: visible;
  }
  .new-homepage .header__nav-trigger {
    font-size: 0;
  }
  .new-homepage .header__nav {
    position: absolute;
    flex-grow: 0;
    flex-basis: auto;
    width: auto;
    max-height: initial;
    padding: 0 18px 9px 18px;
    font-size: 18px;
    background-color: #424242;
  }
  .new-homepage .header__nav > a:not([class]) {
    padding: 9px 90px 9px 0;
    border-top-width: 0;
    text-align: left;
    background-color: transparent;
  }
  .new-homepage .header__nav > a:not([class]) + a:not([class]) {
    border-top-width: 1px;
  }
  .new-homepage .header__logo {
    flex-grow: 1;
    padding: 18px 0;
  }
  .new-homepage .header__logo img {
    width: auto;
    margin-right: 9px;
  }
  .new-homepage .header__title {
    display: inline-block;
    font-size: 1em;
    line-height: inherit;
    text-transform: uppercase;
    color: #fff;
  }
  .new-homepage .header__title small {
    display: none;
  }
  .new-homepage .header__account {
    padding: 18px 18px 18px 0;
  }
  .new-homepage .header__account > * {
    font-size: 0;
  }
  .new-homepage .header__account > * > span {
    min-width: 1.71428571rem;
    padding-left: 0.2em;
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    color: #424242;
    background-color: #fff;
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .header__notifications {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .new-homepage .header__notifications a {
    margin-right: 0.25em;
    font-size: 1.6em;
  }
  .new-homepage .header__nav-trigger,
  .new-homepage .header input[id^="trigger"] {
    display: none;
    visibility: hidden;
  }
  .new-homepage .header__logo {
    flex-grow: 1;
    padding-left: 18px;
  }
  .new-homepage .header__logo img {
    float: left;
    margin: 18px 18px 18px 0;
  }
  .new-homepage .header__title {
    display: block;
    width: auto;
    padding: 18px 0;
    font-size: 25px;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
  }
  .new-homepage .header__title small {
    display: block;
    font-size: 18px;
    text-transform: initial;
    color: inherit;
  }
  .new-homepage .header__account {
    padding-right: 18px;
  }
  .new-homepage .header__account > * {
    position: relative;
    padding: 0.6em 4em 0.6em 2em;
    color: #fff;
    background-color: #399ced;
  }
  .new-homepage .header__account > *:focus,
  .new-homepage .header__account > *:hover {
    background-color: #1a73bc !important;
  }
  .new-homepage .header__account > * > span {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    display: block;
    width: 2rem;
    height: 2rem;
    padding-left: 0.125em;
    margin-right: 0.25em;
    border-radius: 50%;
    font-size: 1.6em;
    text-align: center;
    color: #399ced;
    background-color: #fff;
  }
  .new-homepage .header__account > *:focus > span,
  .new-homepage .header__account > *:hover > span {
    color: #1a73bc !important;
  }
  .new-homepage .header__account--is-connected > *:focus,
  .new-homepage .header__account--is-connected > *:hover {
    color: #424242;
    background-color: #fff !important;
  }
  .new-homepage .header__account--is-connected > *:focus > span,
  .new-homepage .header__account--is-connected > *:hover > span {
    color: #fff !important;
    background: #424242;
  }
  .new-homepage .header__nav {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    margin: 0;
    padding: 0 calc((100% - 1160px) / 2);
    background-color: #7e7e7e;
  }
  .new-homepage .header__nav::before,
  .new-homepage .header__nav > a::before {
    display: none;
  }
  .new-homepage .header__nav a {
    flex-grow: 1;
  }
}
@media only screen and (max-width: calc(375px - 1px)) {
  .new-homepage .header {
    padding-left: calc(3 * 9px);
  }
  .new-homepage .header input[id^="trigger"] + .header__nav-trigger::after {
    width: 20px;
    height: 20px;
    background-size: cover;
  }
  .new-homepage .header__account {
    padding: 9px 9px 9px 0;
  }
  .new-homepage .header__account > a > span {
    font-size: 18px;
  }
  .new-homepage .header__logo {
    padding: 9px 0;
    font-size: 16px;
  }
  .new-homepage .header__logo img {
    height: 16px;
  }
}
.new-homepage .icon {
  display: inline-block;
  height: 1em;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  /* dans le SVG il y a width="10.351" height="14.779" */
  /* width="13.757" height="13.757" */
  /* TODO icone en forme de tente dans les offres d'emploi */
  /* width="15.5" height="14.092" */
}
.new-homepage .icon--placeholder,
.new-homepage .icon--x1F4CD {
  width: 0.70038568em;
  min-width: 0.70038568em;
  background-image: url(/media/new-homepage/placeholder.svg);
}
.new-homepage .icon--contract,
.new-homepage .icon--x1F4CB {
  width: 1em;
  min-width: 1em;
  background-image: url(/media/new-homepage/contract.svg);
}
.new-homepage .icon--camping-tent,
.new-homepage .icon--x26FA {
  width: 1.09991485em;
  min-width: 1.09991485em;
  background-image: url(/media/new-homepage/camping-tent.svg);
}
.new-homepage .nhlist {
  counter-reset: gc-list;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  /* margin de ol overrider par bootstrap */
  list-style: none inside;
}
.new-homepage .nhlist > * {
  counter-increment: gc-list;
  padding: 18px;
  color: #424242;
  background-color: #fff;
}
.new-homepage .nhlist > *::before {
  content: counter(gc-list);
  font-size: 34px;
  font-weight: bold;
  float: left;
  min-width: 1em;
}
.new-homepage .nhlist--border > * {
  border: 2px solid #e9e9e9;
}
.new-homepage .nhlist p {
  font-size: 17px;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .nhlist {
    flex-direction: column;
  }
  .new-homepage .nhlist > * {
    border: 2px solid currentColor;
  }
  .new-homepage .nhlist--border > * {
    border-color: #e9e9e9 !important;
  }
  .new-homepage .nhlist > * + * {
    margin-top: 18px;
  }
  .new-homepage .nhlist img {
    display: none;
  }
  .new-homepage .nhlist h3 {
    font-size: 18px;
    font-weight: normal;
  }
}
@media only screen and (min-width: 768px) {
  .new-homepage .nhlist {
    flex-column: row;
    justify-content: space-between;
    text-align: center;
  }
  .new-homepage .nhlist > * {
    flex-basis: calc(100% / 3 - 9px);
  }
  .new-homepage .nhlist > *::before {
    content: '';
  }
  .new-homepage .nhlist img {
    display: block;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 36px;
  }
  .new-homepage .nhlist h3 {
    font-size: 18px;
    margin-bottom: 9px;
  }
  .new-homepage .nhlist h3::before {
    content: counter(gc-list) " — ";
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1160px - 1px)) {
  .new-homepage .nhlist img {
    height: 7.77777778em;
    /* 140px = hauteur mesurée sur la maquette */
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .nhlist img {
    height: 12.22222222em;
    /* 220px = hauteur mesurée sur la maquette */
  }
}
.new-homepage .nav--right {
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .new-homepage .nav--tablet2 {
    display: flex;
    justify-content: space-between;
  }
  .new-homepage .nav--tablet2 > * {
    flex-basis: calc(100% / 2 - 9px);
  }
  .new-homepage .nav--tablet2 > *:last-child {
    margin-left: 18px;
  }
}
.new-homepage .tabs__nav {
  display: flex;
}
.new-homepage .tabs__nav-item {
  flex: 0 0 calc(100% / 2);
  border-top-width: thick;
  border-top-style: solid;
  text-align: center;
  vertical-align: middle;
  display: flex;
  justify-content: center;
}
.new-homepage .tabs__nav-item,
.new-homepage .tabs__nav-item.tabs--gray {
  color: #fff;
  background-color: #424242;
  border-top-color: #424242;
}
.new-homepage .tabs__nav-item.tabs--blue {
  color: #fff;
  background-color: #399ced;
  border-top-color: #399ced;
}
.new-homepage .tabs__nav-item.tabs--red {
  color: #fff;
  background-color: #cb005f;
  border-top-color: #cb005f;
}
.new-homepage .tabs__nav-item span {
  align-self: center;
}
.new-homepage .tabs--primary .tabs__nav-item {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
}
.new-homepage .tabs--primary .tabs__nav-item:focus,
.new-homepage .tabs--primary .tabs__nav-item:hover,
.new-homepage .tabs--primary .tabs__nav-item.active,
.new-homepage .tabs--primary .tabs__nav-item.tabs--gray.active {
  color: #424242;
  background-color: #fff;
}
.new-homepage .tabs--primary .tabs__nav-item.tabs--blue:focus,
.new-homepage .tabs--primary .tabs__nav-item.tabs--blue:hover,
.new-homepage .tabs--primary .tabs__nav-item.tabs--blue.active {
  color: #399ced;
}
.new-homepage .tabs--primary .tabs__nav-item.tabs--red:focus,
.new-homepage .tabs--primary .tabs__nav-item.tabs--red:hover,
.new-homepage .tabs--primary .tabs__nav-item.tabs--red.active {
  color: #cb005f;
}
.new-homepage .tabs--secondary .tabs__nav-item {
  padding-bottom: 6px;
  margin-bottom: 0.5em;
  font-weight: bolder;
}
.new-homepage .tabs--secondary .tabs__nav-item:focus,
.new-homepage .tabs--secondary .tabs__nav-item:hover,
.new-homepage .tabs--secondary .tabs__nav-item.active {
  position: relative;
}
.new-homepage .tabs--secondary .tabs__nav-item:focus::after,
.new-homepage .tabs--secondary .tabs__nav-item:hover::after,
.new-homepage .tabs--secondary .tabs__nav-item.active::after,
.new-homepage .tabs--secondary .tabs__nav-item.tabs--gray.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5em 0.5em 0 0.5em;
  border-color: currentColor transparent transparent transparent;
  color: #424242;
}
.new-homepage .tabs--secondary .tabs__nav-item.tabs--blue:focus::after,
.new-homepage .tabs--secondary .tabs__nav-item.tabs--blue:hover::after,
.new-homepage .tabs--secondary .tabs__nav-item.tabs--blue.active::after {
  color: #399ced;
}
.new-homepage .tabs--secondary .tabs__nav-item.tabs--red:focus::after,
.new-homepage .tabs--secondary .tabs__nav-item.tabs--red:hover::after,
.new-homepage .tabs--secondary .tabs__nav-item.tabs--red.active::after {
  color: #cb005f;
}
.new-homepage .tabs__pane em {
  font-style: inherit;
}
.new-homepage .tabs__pane em,
.new-homepage .tabs__pane.tabs--gray em {
  color: #424242;
}
.new-homepage .tabs__pane.tabs--blue em {
  color: #399ced;
}
.new-homepage .tabs__pane.tabs--red em {
  color: #cb005f;
}
.new-homepage .tabs__pane.inactive {
  display: none;
}
.new-homepage .tabs--primary .tabs__pane {
  color: #424242;
  background-color: #fff;
}
.new-homepage .tabs--padded {
  padding-top: 9px;
  padding-bottom: 9px;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .tabs--primary .tabs__nav-item {
    padding: 0.75em 0.25em;
  }
  .new-homepage .tabs--primary .tabs__pane {
    background-color: #fff;
    border-bottom-width: thick;
    border-bottom-style: solid;
    border-bottom-color: #fff;
  }
  .new-homepage .tabs--primary .tabs__pane,
  .new-homepage .tabs--primary .tabs__pane.tabs--gray {
    border-bottom-color: #424242;
  }
  .new-homepage .tabs--primary .tabs__pane.tabs--blue {
    border-bottom-color: #399ced;
  }
  .new-homepage .tabs--primary .tabs__pane.tabs--red {
    border-bottom-color: #cb005f;
  }
}
@media only screen and (min-width: 768px) {
  .new-homepage .tabs--primary .tabs__nav {
    position: relative;
    margin-bottom: 33px;
    /* espace entre les tabs et les panes comme sur la maquette */
  }
  .new-homepage .tabs--primary .tabs__nav::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(77px);
    /* cf margin-bottom du __nav */
    display: block;
    width: 100%;
    height: 44px;
    /* comme sur la maquette */
    background-color: #fff;
  }
  .new-homepage .tabs--primary .tabs__nav-item {
    padding: 0.75em;
  }
  .new-homepage .tabs--primary .tabs__nav-item:focus,
  .new-homepage .tabs--primary .tabs__nav-item:hover,
  .new-homepage .tabs--primary .tabs__nav-item.active {
    position: relative;
  }
  .new-homepage .tabs--primary .tabs__nav-item:focus::after,
  .new-homepage .tabs--primary .tabs__nav-item:hover::after,
  .new-homepage .tabs--primary .tabs__nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 18px 0 18px;
    border-color: currentColor transparent transparent transparent;
    color: #fff;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1160px - 1px)) {
  .new-homepage .tabs--primary .tabs__nav {
    justify-content: space-between;
    margin-left: 18px;
    margin-right: 18px;
  }
  .new-homepage .tabs--primary .tabs__nav-item {
    flex-basis: calc(100% / 2 - 9px);
  }
  .new-homepage .tabs--primary .tabs__nav-item:focus,
  .new-homepage .tabs--primary .tabs__nav-item:hover,
  .new-homepage .tabs--primary .tabs__nav-item.active {
    position: relative;
  }
  .new-homepage .tabs--primary .tabs__nav-item:focus::after,
  .new-homepage .tabs--primary .tabs__nav-item:hover::after,
  .new-homepage .tabs--primary .tabs__nav-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 18px 0 18px;
    border-color: currentColor transparent transparent transparent;
    color: #fff;
  }
}
@media only screen and (max-width: calc(1160px - 1px)) {
  .new-homepage .tabs__title {
    display: none;
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .tabs--primary {
    padding-bottom: 18px;
  }
  .new-homepage .tabs--primary .tabs__nav {
    justify-content: start;
  }
  .new-homepage .tabs--primary .tabs__nav-item {
    flex-basis: calc(100% / 3);
    margin-right: 18px;
  }
  .new-homepage .tabs--secondary .tabs__nav {
    display: none;
  }
  .new-homepage .tabs--secondary .tabs__pane {
    display: block !important;
  }
  .new-homepage .tabs--secondary .tabs__pane:not(:first-of-type) {
    padding-top: 31px;
    /* comme sur la maquette */
  }
  .new-homepage .tabs--secondary .tabs__pane:not(:last-of-type) {
    padding-bottom: 31px;
    /* comme sur la maquette */
  }
  .new-homepage .tabs__title {
    margin-bottom: 0 !important;
    line-height: 47px;
    /* comme sur la maquette (entre 46px et 48px) */
    text-align: left;
  }
  .new-homepage .tabs__title,
  .new-homepage .tabs__title > small {
    font-size: 30px;
    color: inherit;
  }
  .new-homepage .tabs__title > small::before {
    content: ' - ';
  }
  .new-homepage .tabs__title::before {
    content: '';
    float: left;
    display: block;
    width: 47px;
    height: 47px;
    margin-right: 9px;
  }
  .new-homepage .tabs__title--candidat::before {
    background: url(/media/new-homepage/picto-job.svg) center / cover no-repeat;
  }
  .new-homepage .tabs__title--recruteurs::before {
    background: url(/media/new-homepage/picto-recrutez.svg) center / cover no-repeat;
  }
  .new-homepage .tabs__title + .nhcarousel__container {
    margin-top: calc(-1 * 47px);
  }
  .new-homepage .tabs__title + .nhcarousel__container.is-full {
    margin-top: calc(47px / 2);
  }
}
@media only screen and (max-width: calc(1160px - 1px)) {
  .new-homepage.job-item .tabs__title {
    display: block;
  }
}
@media only screen and (max-width: calc(1160px - 1px)) {
  .new-homepage.camping-item .tabs__title {
    display: block;
  }
}
.new-homepage .title__primary {
  text-align: center;
}
.new-homepage .title__secondary {
  text-transform: uppercase;
  padding: 40px 0 !important;
  margin: 0 0 !important;
}
.new-homepage .title strong {
  color: #cb005f;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .title__primary {
    padding-top: 1.23529412em;
    padding-bottom: 0.5em;
    font-size: 34px;
    line-height: 1.20588235;
  }
  .new-homepage .title__secondary {
    text-align: center;
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1160px - 1px)) {
  .new-homepage .title__primary {
    padding-top: 1.20689655em;
    padding-bottom: 0.75862069em;
    font-size: 58px;
    line-height: 1.20689655;
  }
  .new-homepage .title__secondary {
    text-align: left;
    font-size: 40px;
  }
  .new-homepage .title__secondary strong {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .title__primary {
    padding-top: 1.18965517em;
    padding-bottom: 1.27586207em;
    font-size: 58px;
    line-height: 1.20689655;
  }
  .new-homepage .title__secondary {
    text-align: left;
    font-size: 40px;
  }
  .new-homepage .title__secondary strong {
    font-size: 36px;
  }
}
.new-homepage .section:not(.section--full) {
  padding: 0 1em 1em 1em;
}
.new-homepage .section,
.new-homepage .section__light {
  color: #424242;
  background-color: #fff;
}
.new-homepage .section__dark {
  color: #fff;
  background-color: #424242;
}
.new-homepage .section__gray {
  color: #424242;
  background-color: #e9e9e9;
}
.new-homepage .section--bg {
  color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.36)), url(/media/seo-photo-hp.jpg);
  background-size: cover,
            cover;
  background-position: center,
            top center;
  background-repeat: no-repeat, no-repeat;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .section--bg {
    background-size: cover,
                auto 42%;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1160px - 1px)) {
  .new-homepage .section--bg {
    background-size: cover,
                auto 55%;
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .section.section--full {
    padding-left: 1em;
    padding-right: 1em;
  }
  .new-homepage .section__container {
    width: 1160px;
    max-width: 100%;
    margin: 0 auto;
  }
  .new-homepage .section--bg {
    background-size: cover,
                cover;
  }
}
.new-homepage .section__light + .section__light {
  margin-top: -1em;
}
.new-homepage .select {
  display: block;
  vertical-align: middle;
  width: auto;
  max-width: 100%;
  font-size: 20px;
  color: inherit;
  background-color: inherit;
  border: thin solid currentColor;
  padding: 0.5em 1em;
}
.new-homepage .select + .button {
  margin-top: 0.5em;
}
.new-homepage .stack {
  display: flex;
  padding-left: 0;
  list-style: none;
}
@media only screen and (max-width: calc(768px - 1px)) {
  .new-homepage .stack {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .new-homepage .stack {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) and (max-width: calc(1160px - 1px)) {
  .new-homepage .stack--tablet2 > * {
    flex-basis: calc(100% / 2 - 18px / 2);
  }
}
@media only screen and (min-width: 1160px) {
  .new-homepage .stack--desktop1 > * {
    flex-basis: 100%;
  }
  .new-homepage .stack--desktop2 > * {
    flex-basis: calc(100% / 2);
  }
  .new-homepage .stack--desktop3 > * {
    flex-basis: calc(100% / 3 - 18px / 1);
  }
  .new-homepage .stack--desktop4 > * {
    flex-basis: calc(100% / 4 - 18px / 2);
  }
}
.new-homepage.homepage {
  position: relative;
  font-size: 18px;
  overflow-x: initial;
}
.new-homepage.homepage .container-fluid {
  padding: 0;
}
.new-homepage.homepage figure img {
  min-height: initial;
  min-width: initial;
}
@media only screen and (min-width: 1160px) {
  .new-homepage .title__secondary + .nhcarousel__container > .nhcarousel__nav:not(.is-full) {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    transform: translate(0, calc(-100% - 40px));
    font-size: 48px;
    line-height: 1;
    margin-bottom: 0;
  }
}
/*# sourceMappingURL=new-homepage.css.map */