{"version":3,"sources":["styles.css","variables/_typography.scss","base/_elements.scss","base/_layout.scss","partials/_footer.scss","partials/_home-header.scss","partials/_single-header.scss","partials/_quiz.scss","partials/_quiz-reponse.scss","variables/_colors.scss","partials/_blog-archive.scss","partials/_blog-unitaire.scss","partials/_contact.scss","partials/_legale.scss","partials/_header.scss"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["@charset \"UTF-8\";\n@font-face {\n  font-family: 'Open Sans regular';\n  src: url(\"../fonts/Open Sans.eot\");\n  src: url(\"../fonts/Open Sans.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/Open Sans.woff2\") format(\"woff2\"), url(\"../fonts/Open Sans.woff\") format(\"woff\"), url(\"../fonts/Open Sans.svg#Open Sans\") format(\"svg\");\n  font-weight: 400;\n  font-style: normal;\n  font-stretch: normal;\n  unicode-range: U+0020-2212; }\n\n@font-face {\n  font-family: 'Open Sans bold';\n  src: url(\"../fonts/Open Sans Bold.eot\");\n  src: url(\"../fonts/Open Sans Bold.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/Open Sans Bold.woff2\") format(\"woff2\"), url(\"../fonts/Open Sans Bold.woff\") format(\"woff\"), url(\"../fonts/Open Sans Bold.svg#Open Sans Bold\") format(\"svg\");\n  font-weight: 700;\n  font-style: normal;\n  font-stretch: normal;\n  unicode-range: U+0020-2074; }\n\n@font-face {\n  font-family: 'Caribbean';\n  src: url(\"../fonts/Caribbean Regular.eot\");\n  src: url(\"../fonts/Caribbean Regular.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/Caribbean Regular.woff2\") format(\"woff2\"), url(\"../fonts/Caribbean Regular.woff\") format(\"woff\"), url(\"../fonts/Caribbean Regular.svg#Caribbean Regular\") format(\"svg\");\n  font-weight: 400;\n  font-style: normal;\n  font-stretch: normal;\n  unicode-range: U+0020-00AE; }\n\n/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 17, 2019 */\n@font-face {\n  font-family: 'exobold';\n  src: url(\"../fonts/old-webfont.woff2\") format(\"woff2\"), url(\"../fonts/exo-bold-webfont.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'exoregular';\n  src: url(\"../fonts/exo-regular-webfont.woff2\") format(\"woff2\"), url(\"../fonts/exo-regular-webfont.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal; }\n\na {\n  transition: all .2s ease-in-out; }\n\n.navbar-brand:hover {\n  color: rgba(255, 255, 255, 0.5) !important; }\n\nh1 {\n  text-transform: uppercase;\n  font-family: 'exoregular';\n  color: gray;\n  text-align: center; }\n  @media (max-width: 768px) {\n    h1 {\n      letter-spacing: .1vw;\n      font-size: 4.4vw;\n      margin-top: 4vw;\n      margin-bottom: 4vw; } }\n  @media (min-width: 768px) {\n    h1 {\n      letter-spacing: calc(.5px + (1 - .5) * ((100vw - 300px) / (1600 - 300)));\n      font-size: calc(18px + (35 - 18) * ((100vw - 300px) / (1600 - 300))); } }\n\nh2 {\n  font-family: 'exoregular';\n  line-height: 1.5;\n  color: #404040; }\n  @media (max-width: 768px) {\n    h2 {\n      letter-spacing: .09vw;\n      font-size: 3vw; } }\n  @media (min-width: 768px) {\n    h2 {\n      letter-spacing: calc(.5px + (1 - .5) * ((100vw - 300px) / (1600 - 300)));\n      font-size: calc(16px + (34 - 17) * ((100vw - 300px) / (1600 - 300))); } }\n\nh3 {\n  font-family: 'exoregular';\n  letter-spacing: calc(.5px + (1 - .5) * ((100vw - 300px) / (1600 - 300)));\n  margin-bottom: 0;\n  font-size: calc(13px + (26 - 13) * ((100vw - 300px) / (1600 - 300)));\n  color: #202020;\n  text-transform: none;\n  margin: 0; }\n\nh4 {\n  font-family: 'exoregular';\n  letter-spacing: calc(.5px + (1 - .5) * ((100vw - 300px) / (1600 - 300)));\n  font-size: calc(10px + (20 - 10) * ((100vw - 300px) / (1600 - 300)));\n  color: #101010; }\n\np {\n  font-family: 'exoregular';\n  letter-spacing: calc(.3px + (.6 - .3) * ((100vw - 300px) / (1600 - 300)));\n  font-size: calc(11px + (22 - 11) * ((100vw - 300px) / (1600 - 300)));\n  line-height: 1.5;\n  color: black; }\n\n.img-bloc {\n  display: block;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 0; }\n  .img-bloc img.bg {\n    z-index: 1;\n    width: inherit;\n    height: inherit; }\n  .img-bloc img.flag {\n    position: absolute;\n    top: 5%;\n    left: 3%;\n    z-index: 2; }\n  .img-bloc h4 {\n    position: absolute;\n    text-transform: uppercase;\n    text-align: center;\n    width: 15%;\n    top: 5%;\n    right: 3%;\n    margin-bottom: 0;\n    color: white;\n    background-color: rgba(0, 0, 0, 0.5);\n    z-index: 2; }\n  .img-bloc h3,\n  .img-bloc p {\n    position: absolute;\n    bottom: 0;\n    margin-left: 0;\n    margin-bottom: 0;\n    width: 100% !important;\n    background-color: rgba(0, 0, 0, 0.5) !important;\n    padding: 0 0 0 3% !important;\n    text-align: left;\n    color: white !important;\n    border-radius: 0 !important;\n    z-index: 2; }\n\n.cta {\n  text-align: center !important;\n  text-transform: uppercase;\n  font-family: 'exoregular';\n  background-color: transparent;\n  display: block;\n  border-color: black; }\n  @media (max-width: 576px) {\n    .cta {\n      width: 37vw;\n      margin: 3.5vw auto;\n      border: .1rem solid; } }\n  @media (min-width: 576px) {\n    .cta {\n      width: 11rem;\n      margin: 1.7rem auto;\n      border: .11rem solid; } }\n  @media (min-width: 768px) {\n    .cta {\n      width: 12rem;\n      margin: 2rem auto;\n      border: .11rem solid; } }\n  @media (min-width: 992px) {\n    .cta {\n      width: 12rem;\n      margin: 2rem auto;\n      border: .11rem solid; } }\n  @media (min-width: 1200px) {\n    .cta {\n      width: 12rem;\n      margin: 2.1rem auto;\n      border: .11rem solid; } }\n  .cta:hover {\n    color: rgba(0, 0, 0, 0.7);\n    background-color: rgba(0, 0, 0, 0.1);\n    text-decoration: none !important; }\n\n.cta-content {\n  color: black;\n  border-color: black;\n  font-size: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));\n  height: calc(28px + (56 - 28) * ((100vw - 300px) / (1600 - 300)));\n  line-height: calc(28px + (56 - 28) * ((100vw - 300px) / (1600 - 300)));\n  border-radius: calc(5.6px + (11.2 - 5.6) * ((100vw - 300px) / (1600 - 300)));\n  width: calc(140px + (280 - 140) * ((100vw - 300px) / (1600 - 300))); }\n\n.smallcta {\n  border-color: black;\n  font-size: calc(9px + (18 - 9) * ((100vw - 300px) / (1600 - 300)));\n  height: calc(22px + (44 - 22) * ((100vw - 300px) / (1600 - 300)));\n  line-height: calc(22px + (44 - 22) * ((100vw - 300px) / (1600 - 300)));\n  border-radius: calc(4.4px + (8.8 - 4.4) * ((100vw - 300px) / (1600 - 300)));\n  width: calc(110px + (220 - 110) * ((100vw - 300px) / (1600 - 300)));\n  margin: calc(16px + (16 - 8) * ((100vw - 300px) / (1600 - 300))) !important; }\n\n.verysmallcta {\n  border-color: black;\n  margin: 1rem auto; }\n\n.nav-link {\n  text-transform: uppercase;\n  font-family: 'exoregular';\n  letter-spacing: .08rem;\n  line-height: 1;\n  color: white !important; }\n  .nav-link:hover {\n    color: rgba(255, 255, 255, 0.5) !important;\n    text-decoration: none; }\n  @media (max-width: 576px) {\n    .nav-link {\n      font-size: 3.5vw; } }\n  @media (min-width: 576px) {\n    .nav-link {\n      font-size: 1rem; } }\n  @media (min-width: 768px) {\n    .nav-link {\n      font-size: .9rem; } }\n  @media (min-width: 992px) {\n    .nav-link {\n      font-size: 1.1rem; } }\n  @media (min-width: 1200px) {\n    .nav-link {\n      font-size: 1.3rem; } }\n\n.cache-menu {\n  display: block;\n  opacity: 0;\n  height: 7vw; }\n\nhtml {\n  margin-top: 0 !important; }\n\ndiv {\n  background-color: transparent; }\n\n@media (max-width: 768px) {\n  #section_epinales {\n    height: 507vw; } }\n\n@media (min-width: 768px) {\n  #section_epinales {\n    height: 147vw; } }\n\n@media (min-width: 1200px) {\n  #section_epinales {\n    height: 87vw; } }\n\n.images-wrapper {\n  position: relative;\n  margin: 2vw auto;\n  background-size: auto 100%;\n  background-repeat: no-repeat;\n  display: flex;\n  flex-direction: column;\n  align-content: space-around;\n  align-items: center; }\n  @media (max-width: 768px) {\n    .images-wrapper {\n      height: 500vw; } }\n  @media (min-width: 768px) {\n    .images-wrapper {\n      height: 140vw; } }\n  @media (min-width: 1200px) {\n    .images-wrapper {\n      height: 80vw; } }\n  .images-wrapper h1 {\n    margin: 4vw auto 1vw auto;\n    color: gray; }\n  .images-wrapper h2 {\n    margin: 2vw auto 2vw auto;\n    text-align: center; }\n  .images-wrapper .epinales-container,\n  .images-wrapper .mentalites-container {\n    width: 100%;\n    padding-left: 0;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: space-around;\n    align-content: space-around; }\n    @media (max-width: 768px) {\n      .images-wrapper .epinales-container,\n      .images-wrapper .mentalites-container {\n        height: 450vw; } }\n    @media (min-width: 768px) {\n      .images-wrapper .epinales-container,\n      .images-wrapper .mentalites-container {\n        height: 105vw; } }\n    @media (min-width: 1200px) {\n      .images-wrapper .epinales-container,\n      .images-wrapper .mentalites-container {\n        height: 48vw; } }\n    .images-wrapper .epinales-container li,\n    .images-wrapper .mentalites-container li {\n      position: relative;\n      background-size: contain;\n      border-style: solid;\n      border-color: #ccc;\n      display: block; }\n      @media (max-width: 768px) {\n        .images-wrapper .epinales-container li,\n        .images-wrapper .mentalites-container li {\n          width: 90vw;\n          height: 60vw;\n          border-width: .6vw .6vw .3vw .6vw; }\n          .images-wrapper .epinales-container li h3,\n          .images-wrapper .mentalites-container li h3 {\n            font-size: 4.2vw;\n            line-height: 10.5vw;\n            height: 10.5vw; }\n          .images-wrapper .epinales-container li h4,\n          .images-wrapper .mentalites-container li h4 {\n            font-size: 4.2vw;\n            line-height: 8.4vw;\n            height: 8.3vw; }\n          .images-wrapper .epinales-container li img.flag,\n          .images-wrapper .mentalites-container li img.flag {\n            height: 8.4vw;\n            width: auto; }\n          .images-wrapper .epinales-container li img.bg,\n          .images-wrapper .mentalites-container li img.bg {\n            position: absolute;\n            top: 0;\n            left: 0; } }\n      @media (min-width: 768px) {\n        .images-wrapper .epinales-container li,\n        .images-wrapper .mentalites-container li {\n          width: 43vw;\n          height: 28.67vw;\n          border-width: .3vw .3vw .3vw .3vw; }\n          .images-wrapper .epinales-container li h3,\n          .images-wrapper .mentalites-container li h3 {\n            font-size: 2vw;\n            line-height: 5vw;\n            height: 5vw; }\n          .images-wrapper .epinales-container li h4,\n          .images-wrapper .mentalites-container li h4 {\n            font-size: 2vw;\n            line-height: 4vw;\n            height: 4vw; }\n          .images-wrapper .epinales-container li img.flag,\n          .images-wrapper .mentalites-container li img.flag {\n            height: 4vw;\n            width: auto; }\n          .images-wrapper .epinales-container li img.bg,\n          .images-wrapper .mentalites-container li img.bg {\n            position: absolute;\n            top: 0;\n            left: 0; } }\n      @media (min-width: 1200px) {\n        .images-wrapper .epinales-container li,\n        .images-wrapper .mentalites-container li {\n          width: 30vw;\n          height: 20vw;\n          border-width: .2vw .2vw .2vw .2vw; }\n          .images-wrapper .epinales-container li h3,\n          .images-wrapper .mentalites-container li h3 {\n            font-size: 1.4vw;\n            line-height: 3.5vw;\n            height: 3.5vw; }\n          .images-wrapper .epinales-container li h4,\n          .images-wrapper .mentalites-container li h4 {\n            font-size: 1.4vw;\n            line-height: 2.8vw;\n            height: 2.8vw; }\n          .images-wrapper .epinales-container li img.flag,\n          .images-wrapper .mentalites-container li img.flag {\n            height: 2.8vw;\n            width: auto; }\n          .images-wrapper .epinales-container li img.bg,\n          .images-wrapper .mentalites-container li img.bg {\n            position: absolute; } }\n\n.exemples-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-content: space-around;\n  height: fit-content;\n  margin-bottom: 3vw; }\n  .exemples-wrapper h1 {\n    margin: 2vw auto 2vw auto; }\n  .exemples-wrapper .exemple-container {\n    width: 100%;\n    padding-left: 0;\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content: space-around; }\n    @media (min-width: 768px) {\n      .exemples-wrapper .exemple-container .smallcta {\n        font-size: calc(7px + (14 - 7) * ((100vw - 300px) / (1600 - 300)));\n        height: calc(17px + (34 - 17) * ((100vw - 300px) / (1600 - 300)));\n        line-height: calc(17px + (34 - 17) * ((100vw - 300px) / (1600 - 300)));\n        border-radius: calc(3.3px + (6.6 - 3.3) * ((100vw - 300px) / (1600 - 300)));\n        width: calc(83px + (166 - 83) * ((100vw - 300px) / (1600 - 300)));\n        margin: calc(12px + (12 - 6) * ((100vw - 300px) / (1600 - 300))) !important; } }\n\n.mini-wrapper {\n  height: 40vw;\n  background-size: 100% 100%;\n  background-position: top center;\n  background-repeat: no-repeat;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center; }\n\n.single-flex-wrapper {\n  background-size: 100% 100%;\n  background-position: top center;\n  background-repeat: no-repeat; }\n  .single-flex-wrapper .row {\n    height: fit-content; }\n    @media (max-width: 768px) {\n      .single-flex-wrapper .row h2 {\n        margin: 3vw auto 1.8vw auto; } }\n    @media (min-width: 768px) {\n      .single-flex-wrapper .row h2 {\n        margin: 2.1rem auto 1.2rem auto; } }\n    @media (min-width: 992px) {\n      .single-flex-wrapper .row h2 {\n        margin: 2.2rem auto 1.3rem auto; } }\n    @media (min-width: 1200px) {\n      .single-flex-wrapper .row h2 {\n        margin: 2.5rem auto 1.5rem auto; } }\n  .single-flex-wrapper aside {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    align-items: center;\n    flex-grow: 1; }\n    .single-flex-wrapper aside .bloc-publicitaire {\n      display: flex;\n      width: calc(120px + (240 - 120) * ((100vw - 300px) / (1600 - 300)));\n      height: calc(96px + (196 - 96) * ((100vw - 300px) / (1600 - 300)));\n      background-color: rgba(0, 0, 0, 0.1); }\n      .single-flex-wrapper aside .bloc-publicitaire p {\n        margin: auto;\n        font-size: 2rem; }\n\n.footer {\n  height: calc(360px + (480 - 360) * ((100vw - 300px) / (1600 - 300)));\n  background-color: #202020; }\n  .footer .haut-footer {\n    height: calc(330px + (440 - 330) * ((100vw - 300px) / (1600 - 300)));\n    width: 100vw;\n    position: relative;\n    margin: auto;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    align-items: center; }\n    .footer .haut-footer a:hover {\n      color: rgba(255, 255, 255, 0.5);\n      text-decoration: none; }\n    .footer .haut-footer h1 {\n      font-family: 'Caribbean';\n      text-transform: none;\n      font-size: calc(17px + (23 - 17) * ((100vw - 300px) / (1600 - 300)));\n      height: 3vw;\n      line-height: 6vw;\n      color: white; }\n    .footer .haut-footer a {\n      font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));\n      color: white;\n      line-height: 3vw; }\n      .footer .haut-footer a:hover {\n        color: rgba(255, 255, 255, 0.5);\n        text-decoration: none; }\n    .footer .haut-footer p {\n      margin-bottom: 0 !important;\n      line-height: 3vw; }\n    .footer .haut-footer a {\n      text-transform: none;\n      font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (1600 - 300)));\n      color: white; }\n      .footer .haut-footer a:hover {\n        color: rgba(255, 255, 255, 0.5);\n        text-decoration: none; }\n    .footer .haut-footer .rs {\n      width: calc(180px + (240 - 180) * ((100vw - 300px) / (1600 - 300)));\n      height: calc(90px + (120 - 90) * ((100vw - 300px) / (1600 - 300)));\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: space-around;\n      align-content: space-around; }\n      .footer .haut-footer .rs .fondblancicone {\n        width: calc(74px + (100 - 74) * ((100vw - 300px) / (1600 - 300)));\n        height: calc(74px + (100 - 74) * ((100vw - 300px) / (1600 - 300)));\n        border-radius: calc(37px + (50 - 37) * ((100vw - 300px) / (1600 - 300)));\n        background-color: white;\n        color: black; }\n        .footer .haut-footer .rs .fondblancicone:hover {\n          color: rgba(0, 0, 0, 0.3); }\n        .footer .haut-footer .rs .fondblancicone i {\n          font-size: calc(40px + (40 - 30) * ((100vw - 300px) / (1600 - 300)));\n          line-height: calc(74px + (74 - 56) * ((100vw - 300px) / (1600 - 300)));\n          height: calc(74px + (74 - 56) * ((100vw - 300px) / (1600 - 300))); }\n  .footer .bas-footer {\n    background-color: #000;\n    position: relative;\n    height: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300)));\n    margin: auto;\n    text-align: center; }\n    .footer .bas-footer h2 {\n      line-height: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300)));\n      font-size: 18px;\n      color: white; }\n\n.home-header-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  background-position: center top; }\n  @media (orientation: landscape) {\n    .home-header-wrapper {\n      background-size: cover; } }\n  @media (orientation: portrait) {\n    .home-header-wrapper {\n      background-size: cover; } }\n  .home-header-wrapper:before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    content: \"\";\n    background: rgba(0, 0, 0, 0.45); }\n  .home-header-wrapper .header-container {\n    top: 0;\n    display: flex;\n    height: 100vh; }\n    .home-header-wrapper .header-container .header-content {\n      display: flex;\n      justify-content: space-between;\n      flex-direction: column;\n      height: 75vh;\n      margin: 25vh auto 0 auto;\n      z-index: 3;\n      color: white; }\n      .home-header-wrapper .header-container .header-content h1 {\n        line-height: 1.7;\n        word-spacing: calc(5px + (10 - 5) * ((100vw - 300px) / (1600 - 300)));\n        color: white; }\n      .home-header-wrapper .header-container .header-content h2 {\n        text-align: center;\n        margin-bottom: 8vh;\n        line-height: 1.6;\n        color: white; }\n      .home-header-wrapper .header-container .header-content h3 {\n        color: white; }\n        @media (max-width: 576px) {\n          .home-header-wrapper .header-container .header-content h3 {\n            font-size: 3.2vw;\n            text-align: center;\n            line-height: 1; } }\n        @media (min-width: 576px) {\n          .home-header-wrapper .header-container .header-content h3 {\n            font-size: 1.1rem;\n            text-align: center; } }\n        @media (min-width: 768px) {\n          .home-header-wrapper .header-container .header-content h3 {\n            text-align: left;\n            font-size: 1.2rem; } }\n        @media (min-width: 992px) {\n          .home-header-wrapper .header-container .header-content h3 {\n            text-align: left;\n            font-size: 1.3rem; } }\n        @media (min-width: 1200px) {\n          .home-header-wrapper .header-container .header-content h3 {\n            text-align: left;\n            font-size: 1.4rem; } }\n      .home-header-wrapper .header-container .header-content .bloc-cta {\n        margin-bottom: 5vh; }\n        @media (max-width: 576px) {\n          .home-header-wrapper .header-container .header-content .bloc-cta {\n            height: 25vh; } }\n        @media (min-width: 576px) {\n          .home-header-wrapper .header-container .header-content .bloc-cta {\n            height: 25vh; } }\n        @media (max-width: 576px) {\n          .home-header-wrapper .header-container .header-content .bloc-cta .ligne-cta {\n            margin: 4vh auto; } }\n        @media (min-width: 576px) {\n          .home-header-wrapper .header-container .header-content .bloc-cta .ligne-cta {\n            margin: 3vh auto; } }\n        @media (min-width: 992px) {\n          .home-header-wrapper .header-container .header-content .bloc-cta .ligne-cta {\n            margin: 0 auto; } }\n        .home-header-wrapper .header-container .header-content .bloc-cta .ligne-cta .cta-header {\n          display: block;\n          color: white;\n          border: .07rem solid white;\n          text-transform: uppercase;\n          text-align: center;\n          background-color: rgba(0, 0, 0, 0.8); }\n          .home-header-wrapper .header-container .header-content .bloc-cta .ligne-cta .cta-header:hover {\n            color: rgba(255, 255, 255, 0.3);\n            background-color: black;\n            text-decoration: none; }\n          @media (max-width: 576px) {\n            .home-header-wrapper .header-container .header-content .bloc-cta .ligne-cta .cta-header {\n              font-size: 2.2vw;\n              line-height: 5.2vw;\n              height: 5.2vw;\n              border-radius: 1.04vw;\n              width: 33vw;\n              margin: 3.5vw auto; } }\n          @media (min-width: 576px) {\n            .home-header-wrapper .header-container .header-content .bloc-cta .ligne-cta .cta-header {\n              font-size: 1.7vw;\n              line-height: 4vw;\n              height: 4vw;\n              border-radius: .8vw;\n              width: 25vw;\n              margin: 2.5vw auto; } }\n          @media (min-width: 768px) {\n            .home-header-wrapper .header-container .header-content .bloc-cta .ligne-cta .cta-header {\n              font-size: .85rem;\n              width: 11rem;\n              line-height: 2.2rem;\n              height: 2.2rem;\n              border-radius: .44rem;\n              margin: 2rem auto; } }\n          @media (min-width: 992px) {\n            .home-header-wrapper .header-container .header-content .bloc-cta .ligne-cta .cta-header {\n              font-size: .9rem;\n              width: 12rem;\n              line-height: 2.3rem;\n              height: 2.3rem;\n              border-radius: .46rem;\n              margin: 2rem auto; } }\n          @media (min-width: 1200px) {\n            .home-header-wrapper .header-container .header-content .bloc-cta .ligne-cta .cta-header {\n              font-size: 1rem;\n              width: 13rem;\n              line-height: 2.4rem;\n              height: 2.4rem;\n              border-radius: .48rem;\n              margin: 2rem auto; } }\n      .home-header-wrapper .header-container .header-content .big-cta {\n        display: block;\n        color: white;\n        text-align: center;\n        text-transform: uppercase;\n        margin: 6vh auto 4vh auto;\n        background-color: rgba(0, 0, 0, 0.4); }\n        .home-header-wrapper .header-container .header-content .big-cta:hover {\n          color: rgba(255, 255, 255, 0.7);\n          background-color: black;\n          text-decoration: none; }\n        @media (max-width: 576px) {\n          .home-header-wrapper .header-container .header-content .big-cta {\n            font-size: 3vw;\n            width: 28vw;\n            line-height: 7vw;\n            height: 7vw;\n            border-radius: 1.4vw;\n            border: .08rem solid white; } }\n        @media (min-width: 576px) {\n          .home-header-wrapper .header-container .header-content .big-cta {\n            font-size: 2.5vw;\n            width: 24vw;\n            line-height: 6vw;\n            height: 6vw;\n            border-radius: 1.2vw;\n            border: .075rem solid white; } }\n        @media (min-width: 768px) {\n          .home-header-wrapper .header-container .header-content .big-cta {\n            font-size: 1.1rem;\n            line-height: 2.6rem;\n            height: 2.6rem;\n            border-radius: .52rem;\n            width: 9rem;\n            border: .06rem solid white; } }\n        @media (min-width: 992px) {\n          .home-header-wrapper .header-container .header-content .big-cta {\n            font-size: 1.15rem;\n            line-height: 2.7rem;\n            height: 2.7rem;\n            border-radius: .54rem;\n            width: 10rem;\n            border: .065rem solid white; } }\n        @media (min-width: 1200px) {\n          .home-header-wrapper .header-container .header-content .big-cta {\n            font-size: 1.2rem;\n            line-height: 2.8rem;\n            height: 2.8rem;\n            border-radius: .56rem;\n            width: 10rem;\n            border: .07rem solid white; } }\n\n.single-header-wrapper {\n  position: relative;\n  height: 400px;\n  z-index: 1;\n  background-position: center top;\n  background-size: cover; }\n  .single-header-wrapper:before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    content: \"\";\n    background: rgba(0, 0, 0, 0.55); }\n  .single-header-wrapper .header-container {\n    top: 0;\n    display: flex;\n    height: 100%; }\n    .single-header-wrapper .header-container .header-content {\n      display: flex;\n      justify-content: space-around;\n      flex-direction: column;\n      height: 80%;\n      margin: 5% auto 0 auto;\n      z-index: 2;\n      color: white; }\n      .single-header-wrapper .header-container .header-content h1 {\n        font-size: calc(36px + (54 - 36) * ((100vw - 300px) / (1600 - 300)));\n        letter-spacing: calc(1px + (2 - 1) * ((100vw - 300px) / (1600 - 300)));\n        color: white; }\n      .single-header-wrapper .header-container .header-content h2 {\n        text-align: center;\n        margin-bottom: 2%;\n        font-size: calc(30px + (45 - 30) * ((100vw - 300px) / (1600 - 300)));\n        letter-spacing: calc(.8px + (1.6 - .8) * ((100vw - 300px) / (1600 - 300)));\n        color: white; }\n      .single-header-wrapper .header-container .header-content h3 {\n        color: white;\n        margin-bottom: 1%; }\n\n.flex-wrapper {\n  background-size: 100% auto;\n  background-position: top center;\n  background-repeat: repeat;\n  padding: 3rem; }\n  .flex-wrapper h1 {\n    width: 80%;\n    margin: auto; }\n  .flex-wrapper p.explications {\n    background-color: white;\n    font-family: 'Open Sans regular';\n    padding: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));\n    border-radius: calc(6px + (12 - 6) * ((100vw - 300px) / (1600 - 300)));\n    width: 80%;\n    margin: 2vw auto;\n    text-align: center; }\n  .flex-wrapper .quiz-content {\n    margin: auto; }\n    .flex-wrapper .quiz-content a {\n      display: block; }\n    .flex-wrapper .quiz-content .rempli {\n      background-color: rgba(232, 68, 39, 0.8) !important; }\n    .flex-wrapper .quiz-content .question-bloc {\n      box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.19), 0 0.8rem 0.8rem rgba(0, 0, 0, 0.23); }\n    .flex-wrapper .quiz-content .bloc-rempli {\n      box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.19) inset, 0 0.8rem 0.8rem rgba(0, 0, 0, 0.23) inset !important; }\n    .flex-wrapper .quiz-content .quiz-bloc {\n      margin: 2.5rem auto; }\n      .flex-wrapper .quiz-content .quiz-bloc .quiz-header {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        align-content: center;\n        height: calc(30px + (60 - 30) * ((100vw - 300px) / (1600 - 300)));\n        border-radius: .75rem;\n        background-color: rgba(59, 59, 59, 0.2);\n        border-width: .07rem;\n        border-style: solid;\n        border-color: #e84427; }\n        .flex-wrapper .quiz-content .quiz-bloc .quiz-header h2 {\n          font-size: calc(16px + (32 - 16) * ((100vw - 300px) / (1600 - 300)));\n          width: 30vw;\n          text-transform: uppercase;\n          margin: auto auto auto .65rem;\n          text-align: left; }\n        .flex-wrapper .quiz-content .quiz-bloc .quiz-header .progress {\n          margin: auto .65rem auto auto;\n          height: calc(8px + (16 - 8) * ((100vw - 300px) / (1600 - 300)));\n          width: 30vw;\n          line-height: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));\n          background-color: white; }\n      .flex-wrapper .quiz-content .quiz-bloc nav {\n        padding: 0; }\n        .flex-wrapper .quiz-content .quiz-bloc nav .row {\n          width: 100%; }\n      .flex-wrapper .quiz-content .quiz-bloc .bloc-bouton {\n        display: flex; }\n        .flex-wrapper .quiz-content .quiz-bloc .bloc-bouton .smallcta {\n          padding: 0; }\n        .flex-wrapper .quiz-content .quiz-bloc .bloc-bouton button {\n          text-align: center !important;\n          text-transform: uppercase;\n          font-family: 'exoregular';\n          background-color: transparent; }\n          @media (max-width: 576px) {\n            .flex-wrapper .quiz-content .quiz-bloc .bloc-bouton button {\n              width: 60vw;\n              margin: 3.5vw auto !important;\n              border: .07rem solid; } }\n          @media (min-width: 576px) {\n            .flex-wrapper .quiz-content .quiz-bloc .bloc-bouton button {\n              width: 10rem;\n              margin: 1.25rem auto !important;\n              border: .08rem solid; } }\n          @media (min-width: 768px) {\n            .flex-wrapper .quiz-content .quiz-bloc .bloc-bouton button {\n              width: 11rem;\n              margin: 1.25rem auto !important;\n              border: .09rem solid; } }\n          @media (min-width: 992px) {\n            .flex-wrapper .quiz-content .quiz-bloc .bloc-bouton button {\n              width: 12rem;\n              margin: 1.25rem auto !important;\n              border: .10rem solid; } }\n          @media (min-width: 1200px) {\n            .flex-wrapper .quiz-content .quiz-bloc .bloc-bouton button {\n              width: 13rem;\n              margin: 1.25rem auto;\n              border: .11rem solid black !important; } }\n          .flex-wrapper .quiz-content .quiz-bloc .bloc-bouton button:hover {\n            color: black;\n            background-color: rgba(0, 0, 0, 0.1);\n            text-decoration: none !important; }\n      @media (max-width: 576px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe {\n          height: 140vw; } }\n      @media (min-width: 576px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe {\n          height: 54rem; } }\n      @media (min-width: 768px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe {\n          height: 72rem; } }\n      @media (min-width: 992px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe {\n          height: 33rem; } }\n      @media (min-width: 1200px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe {\n          height: 13rem; } }\n      @media (max-width: 576px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe {\n          height: 470vw; } }\n      @media (min-width: 576px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe {\n          height: 170rem; } }\n      @media (min-width: 768px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe {\n          height: 240rem; } }\n      @media (min-width: 992px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe {\n          height: 85rem; } }\n      @media (min-width: 1200px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe {\n          height: 53rem; } }\n      @media (max-width: 576px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe {\n          height: 565vw; } }\n      @media (min-width: 576px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe {\n          height: 205rem; } }\n      @media (min-width: 768px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe {\n          height: 290rem; } }\n      @media (min-width: 992px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe {\n          height: 100rem; } }\n      @media (min-width: 1200px) {\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe {\n          height: 53rem; } }\n      .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts,\n      .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets,\n      .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs {\n        width: 100%; }\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe,\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe,\n        .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n          justify-content: space-around;\n          align-content: space-around; }\n          .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc,\n          .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc,\n          .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc {\n            list-style-type: none;\n            border: 1px solid black;\n            border-radius: 1rem;\n            position: relative;\n            background-color: white; }\n            @media (max-width: 576px) {\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc {\n                height: 42vw;\n                width: 90vw; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc h3,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc h3,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc h3 {\n                  font-size: 4vw; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .reponse,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .reponse,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .reponse {\n                  top: 46%; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .jenesaispas,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .jenesaispas,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .jenesaispas {\n                  width: 30vw; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .jesais,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .jesais,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .jesais {\n                  width: 13vw; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc label {\n                  font-size: 3.5vw; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc input[type=\"radio\"] {\n                  width: 3vw;\n                  height: 3vw;\n                  font-size: 3vw; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc p,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc p,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc p {\n                  font-size: 4vw;\n                  width: 50vw; } }\n            @media (min-width: 576px) {\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc {\n                height: 15rem;\n                width: 35rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc h3,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc h3,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc h3 {\n                  font-size: 1.6rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .reponse,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .reponse,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .reponse {\n                  top: 46%; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .jenesaispas,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .jenesaispas,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .jenesaispas {\n                  width: 13rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .jesais,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .jesais,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .jesais {\n                  width: 5.4rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc label {\n                  font-size: 1.4rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc input[type=\"radio\"] {\n                  width: 1.1rem;\n                  height: 1.1rem;\n                  font-size: 1.1rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc p,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc p,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc p {\n                  font-size: 1.4rem;\n                  width: 20rem; } }\n            @media (min-width: 768px) {\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc {\n                height: 21.8rem;\n                width: 40rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc h3,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc h3,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc h3 {\n                  font-size: 2rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .reponse,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .reponse,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .reponse {\n                  top: 46%; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .jenesaispas,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .jenesaispas,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .jenesaispas {\n                  width: 14rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .jesais,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .jesais,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .jesais {\n                  width: 7rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc label {\n                  font-size: 1.4rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc input[type=\"radio\"] {\n                  width: 1.4rem;\n                  height: 1.4rem;\n                  font-size: 1.4rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc p,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc p,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc p {\n                  font-size: 1.5rem;\n                  width: 20rem; } }\n            @media (min-width: 992px) {\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc {\n                height: 14.4rem;\n                width: 26.4rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc h3,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc h3,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc h3 {\n                  font-size: 1.45rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .reponse,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .reponse,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .reponse {\n                  top: 46%; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .jenesaispas,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .jenesaispas,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .jenesaispas {\n                  width: 10rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .jesais,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .jesais,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .jesais {\n                  width: 5.5rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc label {\n                  font-size: 1.2rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc input[type=\"radio\"] {\n                  width: 1.2rem;\n                  height: 1.2rem;\n                  font-size: 1.2rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc p,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc p,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc p {\n                  font-size: 1.3rem;\n                  width: 17rem; } }\n            @media (min-width: 1200px) {\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc {\n                height: 12rem;\n                width: 22rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc h3,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc h3,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc h3 {\n                  font-size: 1.3rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .reponse,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .reponse,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .reponse {\n                  top: 52%; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .jenesaispas,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .jenesaispas,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .jenesaispas {\n                  width: 9rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .jesais,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .jesais,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .jesais {\n                  width: 4rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc label {\n                  font-size: 1.2rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc input[type=\"radio\"] {\n                  width: 1.2rem;\n                  height: 1.2rem;\n                  font-size: 1.2rem; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc p,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc p,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc a,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc p {\n                  font-size: 1.1rem;\n                  width: 14rem; } }\n            .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc h3,\n            .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc h3,\n            .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc h3 {\n              position: absolute;\n              text-align: left;\n              top: 6%;\n              left: 6%;\n              right: 6%;\n              text-align: justify; }\n            .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .reponse,\n            .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .reponse,\n            .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .reponse {\n              position: absolute;\n              width: 88%;\n              height: 22%;\n              left: 6%;\n              display: flex;\n              flex-direction: row;\n              justify-content: space-between;\n              align-items: center;\n              flex-wrap: wrap;\n              box-shadow: none; }\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .reponse .jenesaispas,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .reponse .jesais,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .reponse .jenesaispas,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .reponse .jesais,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .reponse .jenesaispas,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .reponse .jesais {\n                height: 100%;\n                display: flex;\n                flex-direction: row;\n                justify-content: space-around;\n                align-items: center;\n                flex-wrap: wrap;\n                box-shadow: none;\n                border-radius: .5rem;\n                background-color: rgba(58, 58, 58, 0.1); }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .reponse .jenesaispas label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .reponse .jesais label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .reponse .jenesaispas label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .reponse .jesais label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .reponse .jenesaispas label,\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .reponse .jesais label {\n                  font-family: 'exoregular';\n                  margin-bottom: 0;\n                  line-height: 1;\n                  color: #181818; }\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .reponse .jenesaispas input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc .reponse .jesais input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .reponse .jenesaispas input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc .reponse .jesais input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .reponse .jenesaispas input[type=\"radio\"],\n                .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc .reponse .jesais input[type=\"radio\"] {\n                  background-color: #28a745; }\n            .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc a,\n            .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc a,\n            .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc a {\n              position: absolute;\n              text-align: center;\n              bottom: 6%;\n              right: 6%;\n              font-family: 'exoregular';\n              text-transform: none;\n              letter-spacing: .03rem;\n              border: none;\n              background-color: transparent;\n              margin: 0;\n              color: black; }\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-atouts .questions-groupe .question-bloc a:hover,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-interets .questions-groupe .question-bloc a:hover,\n              .flex-wrapper .quiz-content .quiz-bloc #navbarToggleExternalContent-valeurs .questions-groupe .question-bloc a:hover {\n                background-color: rgba(0, 0, 0, 0.1);\n                text-decoration: none; }\n\n#resultat {\n  height: calc(520px + (1040 - 520) * ((100vw - 300px) / (1600 - 300)));\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between; }\n  #resultat h2 {\n    margin: 1rem auto; }\n    #resultat h2 span {\n      color: #E84427; }\n  #resultat ul {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    width: 100%;\n    height: calc(270px + (540 - 270) * ((100vw - 300px) / (1600 - 300)));\n    margin-top: 1rem;\n    padding-left: 0; }\n    #resultat ul li {\n      list-style: none;\n      height: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));\n      line-height: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));\n      width: 100%;\n      display: flex;\n      flex-direction: row;\n      justify-content: flex-start;\n      align-items: center; }\n      #resultat ul li .identifiants-pays {\n        width: 40%;\n        height: inherit;\n        line-height: inherit;\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-end; }\n        #resultat ul li .identifiants-pays .flag {\n          height: 100%;\n          width: auto; }\n        #resultat ul li .identifiants-pays .code {\n          letter-spacing: calc(.5px + (1 - .5) * ((100vw - 300px) / (1600 - 300)));\n          display: block;\n          height: inherit;\n          line-height: inherit;\n          font-size: calc(13px + (26 - 13) * ((100vw - 300px) / (1600 - 300)));\n          margin: 0 4rem 0 0;\n          text-transform: uppercase;\n          text-align: center;\n          width: 28%;\n          color: white;\n          background-color: rgba(0, 0, 0, 0.5); }\n      #resultat ul li .resultat_pays {\n        width: 60%;\n        height: 100%;\n        display: block; }\n        #resultat ul li .resultat_pays .barre {\n          display: flex;\n          flex-direction: row;\n          justify-content: center;\n          align-items: center;\n          height: 100%; }\n          #resultat ul li .resultat_pays .barre p {\n            font-size: 1rem;\n            width: 3rem;\n            display: block;\n            color: black;\n            background: none;\n            padding: 0; }\n  #resultat p {\n    width: 85%;\n    margin: 1rem auto;\n    background-color: white;\n    font-family: 'Open Sans regular';\n    color: black;\n    padding: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));\n    border-radius: calc(6px + (12 - 6) * ((100vw - 300px) / (1600 - 300))); }\n    #resultat p span {\n      color: #E84427; }\n  #resultat a {\n    display: block; }\n\nform#blog_form {\n  height: calc(150px + (300 - 150) * ((100vw - 300px) / (1600 - 300))); }\n  form#blog_form select {\n    width: calc(100px + (200 - 10) * ((100vw - 300px) / (1600 - 300)));\n    display: block;\n    margin: auto;\n    height: calc(25px + (50 - 25) * ((100vw - 300px) / (1600 - 300)));\n    font-family: 'exoregular';\n    letter-spacing: calc(.3px + (.6 - .3) * ((100vw - 300px) / (1600 - 300)));\n    font-size: calc(8px + (16 - 8) * ((100vw - 300px) / (1600 - 300)));\n    line-height: 1.5;\n    color: black;\n    text-transform: uppercase; }\n    form#blog_form select option {\n      padding-top: calc(5px + (100 - 5) * ((100vw - 300px) / (1600 - 300))) !important;\n      padding-bottom: calc(5px + (100 - 5) * ((100vw - 300px) / (1600 - 300))) !important; }\n  form#blog_form #question-selection {\n    width: 100%;\n    text-transform: none; }\n  form#blog_form #rechercher_art {\n    margin-top: 5vw !important; }\n  form#blog_form h2 {\n    text-align: center; }\n\n.exemples-wrapper {\n  /*\r\n    ul {\r\n        //équivalent à .exemple-container elle contient les hauteurs\r\n        list-style: none;\r\n        padding-left: 0;\r\n        height: fit-content;\r\n        li {\r\n            //Les classes responsives\r\n            article {\r\n                //global post-summary et cta\r\n                //adapter les règles @media se l'accueil\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-between;\r\n                @media (max-width: 768px) {\r\n                    margin: 2.5vw auto;\r\n                    //une colonne 90% \r\n                    width: 90vw;\r\n                    height: 90vw;\r\n                    .verysmallcta {\r\n                        font-size: 3vw;\r\n                        height: 6vw;\r\n                        line-height: 6vw;\r\n                        width: 36vw;\r\n                        border-width: .08rem !important;\r\n                    }\r\n                }\r\n                @media (min-width: 768px) {\r\n                    //deux colonnes\r\n                    margin: 2.5vw auto;\r\n                    width: 43vw;\r\n                    height: 48vw;\r\n                    .verysmallcta {\r\n                        font-size: 1.5vw;\r\n                        height: 3vw;\r\n                        line-height: 3vw;\r\n                        width: 18vw;\r\n                        border-width: .08rem !important;\r\n                    }\r\n                }\r\n                @media (min-width: 992px) {\r\n                    //deux colonnes\r\n                    margin: 2.5vw auto;\r\n                    width: 43vw;\r\n                    height: 43vw;\r\n                    .verysmallcta {\r\n                        font-size: 1.1vw;\r\n                        height: 2.2vw;\r\n                        line-height: 2.2vw;\r\n                        width: 12vw;\r\n                        border-width: .09rem !important;\r\n                    }\r\n                }\r\n                @media (min-width: 1200px) {\r\n                    //trois colonnes\r\n                    margin: 3vw auto;\r\n                    height: 32.5vw;\r\n                    width: 30vw;\r\n                    .verysmallcta {\r\n                        font-size: .8vw;\r\n                        height: 1.8vw;\r\n                        line-height: 1.8vw;\r\n                        width: 9vw;\r\n                        border-width: .08rem !important;\r\n                    }\r\n                }\r\n                .post-summary {\r\n                    //avec le résumé en bas\r\n                    //même largeur et hauteur un peu plus faible\r\n                    width: 100%;\r\n                    h3 {\r\n                        width: 100%;\r\n                        margin: auto;\r\n                        color: black;\r\n                        background-color: white;\r\n                        border-radius: 4% / 40%;\r\n                        text-align: justify;\r\n                        hyphens: auto;\r\n                        word-break: break-word;\r\n                        -webkit-hyphens: auto;\r\n                        -moz-hyphens: auto;\r\n                        -ms-hyphens: auto;\r\n                        -o-hyphens: auto;\r\n                        padding: 2% 5%;\r\n                    }\r\n                    @media (max-width: 768px) {\r\n                        //width: 90vw;\r\n                        height: 110vw;\r\n                        h3 {\r\n                            font-size: 3.8vw;\r\n                        }\r\n                    }\r\n                    @media (min-width: 768px) {\r\n                        //deux colonnes\r\n                        height: 60vw;\r\n                        h3 {\r\n                            font-size: 2vw;\r\n                        }\r\n                    }\r\n                    @media (min-width: 992px) {\r\n                        //deux colonnes\r\n                        height: 45vw;\r\n                        h3 {\r\n                            font-size: 1.7vw;\r\n                        }\r\n                    }\r\n                    @media (min-width: 1200px) {\r\n                        //trois colonnes\r\n                        height: 30vw;\r\n                        h3 {\r\n                            font-size: 1.25vw;\r\n                        }\r\n                    }\r\n                    .post-content {\r\n                        //les images, équivalents des li de l'accueil\r\n                        a:hover {\r\n                            background-color: rgba(255, 255, 255, 0.2);\r\n                        }\r\n                        position: relative;\r\n                        background-size: contain;\r\n                        border-style: solid;\r\n                        display: block;\r\n                        margin-bottom: 1vw;\r\n                        @media (max-width: 768px) {\r\n                            //une colonne 90%\r\n                            width: 90vw;\r\n                            height: 63.14vw;\r\n                            border-width: .6vw .6vw 3vw .6vw;\r\n                            h3 {\r\n                                font-size: 4.2vw;\r\n                                line-height: 10.5vw;\r\n                                height: 10.5vw;\r\n                            }\r\n                            h4 {\r\n                                font-size: 4.2vw;\r\n                                line-height: 8.4vw;\r\n                                height: 8.3vw;\r\n                            }\r\n                            img {\r\n                                height: 8.4vw;\r\n                                width: auto;\r\n                            }\r\n                        }\r\n                        @media (min-width: 768px) {\r\n                            //deux colonnes\r\n                            width: 43vw;\r\n                            height: 30.17vw;\r\n                            border-width: .3vw .3vw 1.5vw .3vw;\r\n                            h3 {\r\n                                font-size: 2vw;\r\n                                line-height: 5vw;\r\n                                height: 5vw;\r\n                            }\r\n                            h4 {\r\n                                font-size: 2vw;\r\n                                line-height: 4vw;\r\n                                height: 4vw;\r\n                            }\r\n                            img {\r\n                                height: 4vw;\r\n                                width: auto;\r\n                            }\r\n                        }\r\n                        @media (min-width: 992px) {\r\n                            //deux colonnes\r\n                            width: 43vw;\r\n                            height: 30.17vw;\r\n                            border-width: .3vw .3vw 1.5vw .3vw;\r\n                            h3 {\r\n                                font-size: 2vw;\r\n                                line-height: 5vw;\r\n                                height: 5vw;\r\n                            }\r\n                            h4 {\r\n                                font-size: 2vw;\r\n                                line-height: 4vw;\r\n                                height: 4vw;\r\n                            }\r\n                            img {\r\n                                height: 4vw;\r\n                                width: auto;\r\n                            }\r\n                        }\r\n                        @media (min-width: 1200px) {\r\n                            //trois colonnes\r\n                            width: 30vw;\r\n                            height: 21.1vw;\r\n                            border-width: .2vw .2vw 1vw .2vw;\r\n                            h3 {\r\n                                font-size: 1.35vw;\r\n                                line-height: 3.33vw;\r\n                                height: 3.33vw;\r\n                            }\r\n                            h4 {\r\n                                font-size: 1.35vw;\r\n                                line-height: 2.66vw;\r\n                                height: 2.66vw;\r\n                            }\r\n                            img {\r\n                                height: 2.66vw;\r\n                                width: auto;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        \r\n    }*/ }\n  .exemples-wrapper h2 {\n    margin: 1.5vw auto .5vw auto;\n    text-align: center; }\n  .exemples-wrapper .post-summary {\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: space-around;\n    align-items: center;\n    background-color: rgba(255, 255, 255, 0.7);\n    border-style: solid;\n    height: 20%;\n    margin: 2vw auto; }\n    @media (max-width: 768px) {\n      .exemples-wrapper .post-summary {\n        width: 90vw;\n        height: 110vw;\n        border-radius: 1.8vw;\n        border-width: .6vw; }\n        .exemples-wrapper .post-summary h3 {\n          font-size: 3.2vw;\n          padding: 4vw; } }\n    @media (min-width: 768px) {\n      .exemples-wrapper .post-summary {\n        width: 20.6rem;\n        height: 24.5rem;\n        border-radius: .4rem;\n        border-width: .14rem; }\n        .exemples-wrapper .post-summary h3 {\n          font-size: .8rem;\n          padding: .75rem; } }\n    @media (min-width: 992px) {\n      .exemples-wrapper .post-summary {\n        width: 26.7rem;\n        height: 31.6rem;\n        border-radius: .53rem;\n        border-width: .18rem; }\n        .exemples-wrapper .post-summary h3 {\n          font-size: 1.06rem;\n          padding: .94rem; } }\n    @media (min-width: 1200px) {\n      .exemples-wrapper .post-summary {\n        width: 27.4rem;\n        height: 32.51rem;\n        border-radius: .54rem;\n        border-width: .19rem; }\n        .exemples-wrapper .post-summary h3 {\n          font-size: 1.11rem;\n          padding: .96rem; } }\n    @media (min-width: 1760px) {\n      .exemples-wrapper .post-summary {\n        width: 768px;\n        height: 870px;\n        border-radius: 15.4px;\n        border-width: 5px; }\n        .exemples-wrapper .post-summary h3 {\n          font-size: 34px;\n          padding: 26px; } }\n    .exemples-wrapper .post-summary .post-content {\n      position: relative;\n      margin: 2% 0;\n      display: block; }\n      .exemples-wrapper .post-summary .post-content a:hover {\n        background-color: rgba(255, 255, 255, 0.2); }\n      @media (max-width: 768px) {\n        .exemples-wrapper .post-summary .post-content {\n          width: 88.8vw;\n          height: 59.2vw; }\n          .exemples-wrapper .post-summary .post-content h3 {\n            font-size: 4.2vw;\n            line-height: 10.5vw;\n            height: 10.5vw; }\n          .exemples-wrapper .post-summary .post-content h4 {\n            font-size: 4.2vw;\n            line-height: 8.4vw;\n            height: 8.3vw; }\n          .exemples-wrapper .post-summary .post-content img.flag {\n            height: 8.4vw;\n            width: auto; }\n          .exemples-wrapper .post-summary .post-content img.bg {\n            height: auto;\n            width: 100%; } }\n      @media (min-width: 768px) {\n        .exemples-wrapper .post-summary .post-content {\n          width: 20.32rem;\n          height: 13.55rem; }\n          .exemples-wrapper .post-summary .post-content h3 {\n            font-size: .94rem;\n            line-height: 2.38rem;\n            height: 2.38rem; }\n          .exemples-wrapper .post-summary .post-content h4 {\n            font-size: .94rem;\n            line-height: 1.94rem;\n            height: 1.94rem; }\n          .exemples-wrapper .post-summary .post-content img.flag {\n            height: auto;\n            width: 1.9rem; }\n          .exemples-wrapper .post-summary .post-content img.bg {\n            height: auto;\n            width: 100%; } }\n      @media (min-width: 992px) {\n        .exemples-wrapper .post-summary .post-content {\n          width: 26.34rem;\n          height: 17.56rem; }\n          .exemples-wrapper .post-summary .post-content h3 {\n            font-size: 1.19rem;\n            line-height: 3rem;\n            height: 3rem; }\n          .exemples-wrapper .post-summary .post-content h4 {\n            font-size: 1.2rem;\n            line-height: 2.5rem;\n            height: 2.5rem; }\n          .exemples-wrapper .post-summary .post-content img.flag {\n            height: 2.5rem;\n            width: auto; }\n          .exemples-wrapper .post-summary .post-content img.bg {\n            height: auto;\n            width: 100%; } }\n      @media (min-width: 1200px) {\n        .exemples-wrapper .post-summary .post-content {\n          width: 27.04rem;\n          height: 18.03rem; }\n          .exemples-wrapper .post-summary .post-content h3 {\n            font-size: 1.22rem;\n            line-height: 3.8rem;\n            height: 3.8rem; }\n          .exemples-wrapper .post-summary .post-content h4 {\n            font-size: 1.22rem;\n            line-height: 2.55rem;\n            height: 2.55rem; }\n          .exemples-wrapper .post-summary .post-content img.flag {\n            height: 2.55rem;\n            width: auto; }\n          .exemples-wrapper .post-summary .post-content img.bg {\n            height: auto;\n            width: 100%; } }\n      @media (min-width: 1760px) {\n        .exemples-wrapper .post-summary .post-content {\n          width: 758px;\n          height: 505px; }\n          .exemples-wrapper .post-summary .post-content h3 {\n            font-size: 35px;\n            line-height: 88px;\n            height: 88px; }\n          .exemples-wrapper .post-summary .post-content h4 {\n            font-size: 35px;\n            line-height: 70px;\n            height: 70px; }\n          .exemples-wrapper .post-summary .post-content img.flag {\n            height: 70px;\n            width: auto; }\n          .exemples-wrapper .post-summary .post-content img.bg {\n            height: auto;\n            width: 100%; } }\n\n#unitaire article,\n#apropos article {\n  height: fit-content;\n  margin-bottom: 2rem; }\n\n#unitaire h3,\n#apropos h3 {\n  margin: 3.5rem auto 1rem auto;\n  text-transform: uppercase;\n  letter-spacing: calc(.2px + (.4 - .2) * ((100vw - 300px) / (1600 - 300)));\n  font-size: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));\n  color: black; }\n\n#unitaire p,\n#apropos p {\n  background-color: white;\n  font-family: 'Open Sans regular';\n  color: black;\n  padding: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));\n  border-radius: calc(6px + (12 - 6) * ((100vw - 300px) / (1600 - 300))); }\n  #unitaire p span,\n  #apropos p span {\n    color: #E84427; }\n\n#unitaire .art,\n#apropos .art {\n  margin: 2rem auto;\n  position: relative;\n  border-style: solid;\n  border-color: #ccc;\n  display: block;\n  background-size: contain; }\n  @media (max-width: 768px) {\n    #unitaire .art,\n    #apropos .art {\n      width: 70vw;\n      height: 47vw;\n      border-width: .5vw .5vw .5vw .5vw; }\n      #unitaire .art img.bg,\n      #apropos .art img.bg {\n        width: 69vw;\n        height: 46vw; }\n      #unitaire .art h4,\n      #apropos .art h4 {\n        height: 5vw;\n        line-height: 5vw;\n        font-size: 2.5vw; }\n      #unitaire .art img.flag,\n      #apropos .art img.flag {\n        height: 5vw;\n        width: auto; } }\n  @media (min-width: 768px) {\n    #unitaire .art,\n    #apropos .art {\n      width: 42.6rem;\n      height: 28.6rem;\n      border-width: .3rem .3rem .3rem .3rem; }\n      #unitaire .art img.bg,\n      #apropos .art img.bg {\n        width: 42rem;\n        height: 28rem; }\n      #unitaire .art h4,\n      #apropos .art h4 {\n        height: 3.13rem;\n        line-height: 3.13rem;\n        font-size: 1.6rem; }\n      #unitaire .art img.flag,\n      #apropos .art img.flag {\n        height: 3.13rem;\n        width: auto; } }\n  @media (min-width: 992px) {\n    #unitaire .art,\n    #apropos .art {\n      width: 35.52rem;\n      height: 23.91rem;\n      border-width: .26rem .26rem .26rem .26rem; }\n      #unitaire .art img.bg,\n      #apropos .art img.bg {\n        width: 35rem;\n        height: 23.39rem; }\n      #unitaire .art h4,\n      #apropos .art h4 {\n        height: 2.63rem;\n        line-height: 2.63rem;\n        font-size: 1.3rem; }\n      #unitaire .art img.flag,\n      #apropos .art img.flag {\n        height: 2.63rem;\n        width: auto; } }\n  @media (min-width: 1200px) {\n    #unitaire .art,\n    #apropos .art {\n      width: 42.84rem;\n      height: 28.77rem;\n      border-width: .32rem .32rem .32rem .32rem; }\n      #unitaire .art img.bg,\n      #apropos .art img.bg {\n        width: 42.2rem;\n        height: 28.13rem; }\n      #unitaire .art h4,\n      #apropos .art h4 {\n        height: 3.13rem;\n        line-height: 3.13rem;\n        font-size: 1.56rem; }\n      #unitaire .art img.flag,\n      #apropos .art img.flag {\n        height: 3.13rem;\n        width: auto; } }\n\n@media (max-width: 768px) {\n  #contact_form {\n    width: 100%;\n    height: 68vw;\n    margin: 0 auto auto auto; }\n    #contact_form .ligne-form,\n    #contact_form .ligne-form-ta {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: center;\n      height: fit-content;\n      width: 90%;\n      margin: auto; }\n      #contact_form .ligne-form .items-form,\n      #contact_form .ligne-form-ta .items-form {\n        width: 47%;\n        text-align: right; }\n        #contact_form .ligne-form .items-form label,\n        #contact_form .ligne-form-ta .items-form label {\n          font-size: 2.7vw;\n          color: black;\n          line-height: 4.5vw;\n          height: 4.5vw;\n          margin-bottom: 0; }\n        #contact_form .ligne-form .items-form .input,\n        #contact_form .ligne-form-ta .items-form .input {\n          font-size: 2vw !important;\n          width: 100%; }\n        #contact_form .ligne-form .items-form textarea,\n        #contact_form .ligne-form-ta .items-form textarea {\n          height: 13vw;\n          line-height: 1.2; }\n    #contact_form .ligne-form-ta {\n      align-items: flex-start;\n      margin-bottom: 5vw; }\n    #contact_form .error_message,\n    #contact_form .envoi {\n      width: 100%;\n      text-align: center;\n      font-family: 'exobold';\n      font-size: 2.2vw;\n      height: 5vw;\n      padding-top: .3vw; }\n    #contact_form #message_validation,\n    #contact_form #apres-envoi {\n      height: 4vw; } }\n\n@media (min-width: 768px) {\n  #contact_form {\n    width: 39rem;\n    height: 38rem;\n    margin: 0 auto auto auto; }\n    #contact_form .ligne-form,\n    #contact_form .ligne-form-ta {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: center;\n      height: fit-content;\n      width: 34rem;\n      margin: auto; }\n      #contact_form .ligne-form .items-form,\n      #contact_form .ligne-form-ta .items-form {\n        width: 16rem;\n        text-align: right; }\n        #contact_form .ligne-form .items-form label,\n        #contact_form .ligne-form-ta .items-form label {\n          font-size: 1.5rem;\n          color: black;\n          line-height: 2rem;\n          height: 2rem;\n          margin-bottom: 0; }\n        #contact_form .ligne-form .items-form .input,\n        #contact_form .ligne-form-ta .items-form .input {\n          font-size: 1rem !important;\n          width: 100%; }\n        #contact_form .ligne-form .items-form textarea,\n        #contact_form .ligne-form-ta .items-form textarea {\n          height: 8rem;\n          line-height: 1.2; }\n    #contact_form .ligne-form-ta {\n      align-items: flex-start;\n      margin-bottom: 4rem; }\n    #contact_form .error_message,\n    #contact_form .envoi {\n      width: 100%;\n      text-align: center;\n      font-family: 'exobold';\n      font-size: 1rem;\n      height: 3.2rem;\n      padding-top: .25rem; }\n    #contact_form #message_validation,\n    #contact_form #apres-envoi {\n      height: 2rem; } }\n\n@media (min-width: 992px) {\n  #contact_form {\n    width: 39rem;\n    height: 44rem;\n    margin: 0 auto auto auto; }\n    #contact_form .ligne-form,\n    #contact_form .ligne-form-ta {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: center;\n      height: fit-content;\n      width: 34rem;\n      margin: auto; }\n      #contact_form .ligne-form .items-form,\n      #contact_form .ligne-form-ta .items-form {\n        width: 16rem;\n        text-align: right; }\n        #contact_form .ligne-form .items-form label,\n        #contact_form .ligne-form-ta .items-form label {\n          font-size: 1.5rem;\n          color: black;\n          line-height: 2.3rem;\n          height: 2.3rem;\n          margin-bottom: 0; }\n        #contact_form .ligne-form .items-form .input,\n        #contact_form .ligne-form-ta .items-form .input {\n          font-size: 1.1rem !important;\n          width: 100%; }\n        #contact_form .ligne-form .items-form textarea,\n        #contact_form .ligne-form-ta .items-form textarea {\n          height: 9rem;\n          line-height: 1.2; }\n    #contact_form .ligne-form-ta {\n      align-items: flex-start;\n      margin-bottom: 4.3rem; }\n    #contact_form .error_message,\n    #contact_form .envoi {\n      width: 100%;\n      text-align: center;\n      font-family: 'exobold';\n      font-size: 1.1rem;\n      height: 4.2rem;\n      padding-top: .3rem; }\n    #contact_form #message_validation,\n    #contact_form #apres-envoi {\n      height: 2.1rem; } }\n\n@media (min-width: 1200px) {\n  #contact_form {\n    width: 43rem;\n    height: 46.5rem;\n    margin: 0 auto auto auto; }\n    #contact_form .ligne-form,\n    #contact_form .ligne-form-ta {\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: center;\n      height: fit-content;\n      width: 38rem;\n      margin: auto; }\n      #contact_form .ligne-form .items-form,\n      #contact_form .ligne-form-ta .items-form {\n        width: 18rem;\n        text-align: right;\n        font-family: 'exoregular';\n        height: fit-content; }\n        #contact_form .ligne-form .items-form label,\n        #contact_form .ligne-form-ta .items-form label {\n          font-size: 1.6rem;\n          color: black;\n          line-height: 2.5rem;\n          height: 2.5rem;\n          margin-bottom: 0; }\n        #contact_form .ligne-form .items-form .input,\n        #contact_form .ligne-form-ta .items-form .input {\n          font-size: 1.2rem !important;\n          width: 100%; }\n        #contact_form .ligne-form .items-form textarea,\n        #contact_form .ligne-form-ta .items-form textarea {\n          height: 9.4rem;\n          line-height: 1.2; }\n    #contact_form .ligne-form-ta {\n      align-items: flex-start;\n      margin-bottom: 4.4rem; }\n    #contact_form .error_message,\n    #contact_form .envoi {\n      width: 100%;\n      text-align: center;\n      font-family: 'exobold';\n      font-size: 1.2rem;\n      height: 4.4rem;\n      padding-top: .3rem; }\n    #contact_form #message_validation,\n    #contact_form #apres-envoi {\n      height: 2.2rem; } }\n\n#page-legale .row {\n  margin: 2.5rem auto 1rem auto; }\n  #page-legale .row p {\n    line-height: 1.3;\n    margin-bottom: 0; }\n  #page-legale .row .main .bloc-legal {\n    background-color: white;\n    height: fit-content;\n    margin: 2rem auto;\n    padding: .5rem 1rem;\n    border-radius: 1rem; }\n  #page-legale .row aside {\n    height: fit-content; }\n    #page-legale .row aside li {\n      list-style-type: none;\n      margin: 1rem auto;\n      padding: .5rem 1rem;\n      background-color: white;\n      border-radius: 1rem; }\n      #page-legale .row aside li p {\n        text-transform: uppercase; }\n      #page-legale .row aside li a {\n        color: black; }\n        #page-legale .row aside li a:hover {\n          background-color: rgba(0, 0, 0, 0.2);\n          text-decoration: none; }\n      @media (max-width: 992px) {\n        #page-legale .row aside li p {\n          font-size: 1.76vw; }\n        #page-legale .row aside li a {\n          font-size: 2.2vw; } }\n      @media (min-width: 1200px) {\n        #page-legale .row aside li p {\n          font-size: 1rem; }\n        #page-legale .row aside li a {\n          font-size: 1.2rem; } }\n\n.menu-menu-superieur-container {\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1; }\n  .menu-menu-superieur-container ul {\n    margin-block-end: 0;\n    margin-block-start: 0;\n    padding-inline-start: 0;\n    display: flex;\n    justify-content: space-between;\n    list-style: none;\n    margin-bottom: 0; }\n    @media (max-width: 576px) {\n      .menu-menu-superieur-container ul {\n        margin-left: auto;\n        flex-direction: column;\n        align-items: flex-end; } }\n    @media (min-width: 576px) {\n      .menu-menu-superieur-container ul {\n        flex-grow: 1;\n        flex-direction: row;\n        align-items: center; } }\n    @media (min-width: 768px) {\n      .menu-menu-superieur-container ul {\n        margin-left: auto;\n        flex-grow: 0; } }\n    .menu-menu-superieur-container ul li a {\n      display: block;\n      font-family: 'exoregular';\n      letter-spacing: .08rem;\n      color: white !important; }\n      .menu-menu-superieur-container ul li a:hover {\n        color: rgba(255, 255, 255, 0.5) !important;\n        text-decoration: none; }\n      @media (max-width: 576px) {\n        .menu-menu-superieur-container ul li a {\n          font-size: 3.8vw;\n          padding: .6rem .8rem; } }\n      @media (min-width: 576px) {\n        .menu-menu-superieur-container ul li a {\n          font-size: 1rem;\n          padding: .6rem .8rem; } }\n      @media (min-width: 768px) {\n        .menu-menu-superieur-container ul li a {\n          font-size: 1.15rem;\n          padding: .5rem .6rem; } }\n      @media (min-width: 992px) {\n        .menu-menu-superieur-container ul li a {\n          font-size: 1.2rem;\n          padding: .55rem .7rem; } }\n      @media (min-width: 1200px) {\n        .menu-menu-superieur-container ul li a {\n          font-size: 1.4rem;\n          padding: .6rem .8rem; } }\n\n.logo {\n  font-family: \"Caribbean\";\n  text-transform: none; }\n  @media (max-width: 576px) {\n    .logo {\n      font-size: 2.5vw;\n      letter-spacing: .06vw; } }\n  @media (min-width: 576px) {\n    .logo {\n      font-size: .9rem;\n      letter-spacing: .02rem; } }\n  @media (min-width: 768px) {\n    .logo {\n      font-size: .9rem;\n      letter-spacing: .02rem; } }\n  @media (min-width: 992px) {\n    .logo {\n      font-size: 1.1rem;\n      letter-spacing: .025rem; } }\n  @media (min-width: 1200px) {\n    .logo {\n      font-size: 1.2rem;\n      letter-spacing: .027rem; } }\n","//Generated by Fontie <http://fontie.pixelsvsbytes.com>\r\n//adapté par olivier Ltd : version regular\r\n@font-face {\r\n    font-family: 'Open Sans regular';\r\n    src: url('../fonts/Open Sans.eot');\r\n    src: url('../fonts/Open Sans.eot?#iefix') format('embedded-opentype'), url('../fonts/Open Sans.woff2') format('woff2'), url('../fonts/Open Sans.woff') format('woff'), url('../fonts/Open Sans.svg#Open Sans') format('svg');\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-stretch: normal;\r\n    unicode-range: U+0020-2212;\r\n}\r\n\r\n//adapté par olivier Ltd : version bold\r\n@font-face {\r\n    font-family: 'Open Sans bold';\r\n    src: url('../fonts/Open Sans Bold.eot');\r\n    src: url('../fonts/Open Sans Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Open Sans Bold.woff2') format('woff2'), url('../fonts/Open Sans Bold.woff') format('woff'), url('../fonts/Open Sans Bold.svg#Open Sans Bold') format('svg');\r\n    font-weight: 700;\r\n    font-style: normal;\r\n    font-stretch: normal;\r\n    unicode-range: U+0020-2074;\r\n}\r\n\r\n//Generated by Fontie <http://fontie.pixelsvsbytes.com>\r\n//adapté par olivier Ltd : version unique\r\n@font-face {\r\n    font-family: 'Caribbean';\r\n    src: url('../fonts/Caribbean Regular.eot');\r\n    src: url('../fonts/Caribbean Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Caribbean Regular.woff2') format('woff2'), url('../fonts/Caribbean Regular.woff') format('woff'), url('../fonts/Caribbean Regular.svg#Caribbean Regular') format('svg');\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-stretch: normal;\r\n    unicode-range: U+0020-00AE;\r\n}\r\n\r\n\r\n/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 17, 2019 */\r\n\r\n@font-face {\r\n    font-family: 'exobold';\r\n    src: url('../fonts/old-webfont.woff2') format('woff2'), url('../fonts/exo-bold-webfont.woff') format('woff');\r\n    font-weight: normal;\r\n    font-style: normal;\r\n}\r\n\r\n@font-face {\r\n    font-family: 'exoregular';\r\n    src: url('../fonts/exo-regular-webfont.woff2') format('woff2'), url('../fonts/exo-regular-webfont.woff') format('woff');\r\n    font-weight: normal;\r\n    font-style: normal;\r\n}","        //transition pour toutes les ancres\r\n        a {\r\n            transition: all .2s ease-in-out;\r\n        }\r\n        \r\n        // Logo configuration\r\n        .navbar-brand:hover {\r\n            color: rgba(255, 255, 255, 0.5) !important;\r\n        }\r\n        \r\n        h1 {\r\n            text-transform: uppercase;\r\n            font-family: 'exoregular';\r\n            color: rgb(128, 128, 128);\r\n            text-align: center;\r\n            @media (max-width: 768px) {\r\n                //essentiellement 1 colonne\r\n                letter-spacing: .1vw;\r\n                font-size: 4.4vw;\r\n                margin-top: 4vw;\r\n                margin-bottom: 4vw;\r\n            }\r\n            @media (min-width: 768px) {\r\n                //essentiellement 2 colonnes\r\n                letter-spacing: calc(.5px + (1 - .5) * ((100vw - 300px) / (1600 - 300)));\r\n                font-size: calc(18px + (35 - 18) * ((100vw - 300px) / (1600 - 300)));\r\n            }\r\n        }\r\n        \r\n        h2 {\r\n            font-family: 'exoregular';\r\n            line-height: 1.5;\r\n            color: rgb(64, 64, 64);\r\n            @media (max-width: 768px) {\r\n                //essentiellement 1 colonne\r\n                letter-spacing: .09vw;\r\n                font-size: 3vw;\r\n            }\r\n            @media (min-width: 768px) {\r\n                letter-spacing: calc(.5px + (1 - .5) * ((100vw - 300px) / (1600 - 300)));\r\n                font-size: calc(16px + (34 - 17) * ((100vw - 300px) / (1600 - 300)));\r\n            }\r\n        }\r\n        \r\n        h3 {\r\n            font-family: 'exoregular';\r\n            letter-spacing: calc(.5px + (1 - .5) * ((100vw - 300px) / (1600 - 300)));\r\n            margin-bottom: 0;\r\n            font-size: calc(13px + (26 - 13) * ((100vw - 300px) / (1600 - 300)));\r\n            color: rgb(32, 32, 32);\r\n            //ajout pour normaliser dans tout le site\r\n            text-transform: none;\r\n            margin: 0;\r\n        }\r\n        \r\n        h4 {\r\n            font-family: 'exoregular';\r\n            letter-spacing: calc(.5px + (1 - .5) * ((100vw - 300px) / (1600 - 300)));\r\n            font-size: calc(10px + (20 - 10) * ((100vw - 300px) / (1600 - 300)));\r\n            color: rgb(16, 16, 16);\r\n        }\r\n        \r\n        p {\r\n            font-family: 'exoregular';\r\n            letter-spacing: calc(.3px + (.6 - .3) * ((100vw - 300px) / (1600 - 300)));\r\n            font-size: calc(11px + (22 - 11) * ((100vw - 300px) / (1600 - 300)));\r\n            line-height: 1.5;\r\n            color: black;\r\n        }\r\n        \r\n        .img-bloc {\r\n            //disposition interne des images légendées\r\n            display: block;\r\n            height: 100%;\r\n            width: 100%;\r\n            position: relative;\r\n            z-index: 0;\r\n            img.bg {\r\n                z-index: 1;\r\n                width: inherit;\r\n                height: inherit;\r\n            }\r\n            img.flag {\r\n                position: absolute;\r\n                top: 5%;\r\n                left: 3%;\r\n                z-index: 2;\r\n            }\r\n            h4 {\r\n                position: absolute;\r\n                text-transform: uppercase;\r\n                text-align: center;\r\n                width: 15%;\r\n                top: 5%;\r\n                right: 3%;\r\n                margin-bottom: 0;\r\n                color: white;\r\n                background-color: rgba(0, 0, 0, 0.5);\r\n                z-index: 2;\r\n            }\r\n            h3,\r\n            p {\r\n                //la légende = le titre de l'article pas les autres h3 les p s'ils existent\r\n                position: absolute;\r\n                bottom: 0;\r\n                margin-left: 0;\r\n                margin-bottom: 0;\r\n                width: 100% !important;\r\n                background-color: rgba(0, 0, 0, 0.5) !important;\r\n                padding: 0 0 0 3% !important;\r\n                text-align: left;\r\n                color: white !important;\r\n                border-radius: 0 !important;\r\n                z-index: 2;\r\n            }\r\n        }\r\n        \r\n        .cta {\r\n            text-align: center !important;\r\n            text-transform: uppercase;\r\n            font-family: 'exoregular';\r\n            background-color: transparent;\r\n            display: block;\r\n            border-color: black;\r\n            @media (max-width: 576px) {\r\n                width: 37vw;\r\n                margin: 3.5vw auto;\r\n                border: .1rem solid;\r\n            }\r\n            @media (min-width: 576px) {\r\n                width: 11rem;\r\n                margin: 1.7rem auto;\r\n                border: .11rem solid;\r\n            }\r\n            @media (min-width: 768px) {\r\n                width: 12rem;\r\n                margin: 2rem auto;\r\n                border: .11rem solid;\r\n            }\r\n            @media (min-width: 992px) {\r\n                width: 12rem;\r\n                margin: 2rem auto;\r\n                border: .11rem solid;\r\n            }\r\n            @media (min-width: 1200px) {\r\n                width: 12rem;\r\n                margin: 2.1rem auto;\r\n                border: .11rem solid;\r\n            }\r\n            &:hover {\r\n                color: rgba(0, 0, 0, 0.7);\r\n                background-color: rgba(0, 0, 0, 0.1);\r\n                text-decoration: none !important;\r\n            }\r\n        }\r\n        \r\n        .cta-content {\r\n            color: black;\r\n            border-color: black;\r\n            font-size: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));\r\n            height: calc(28px + (56 - 28) * ((100vw - 300px) / (1600 - 300)));\r\n            line-height: calc(28px + (56 - 28) * ((100vw - 300px) / (1600 - 300)));\r\n            border-radius: calc(5.6px + (11.2 - 5.6) * ((100vw - 300px) / (1600 - 300)));\r\n            width: calc(140px + (280 - 140) * ((100vw - 300px) / (1600 - 300)));\r\n        }\r\n        \r\n        .smallcta {\r\n            border-color: black;\r\n            font-size: calc(9px + (18 - 9) * ((100vw - 300px) / (1600 - 300)));\r\n            height: calc(22px + (44 - 22) * ((100vw - 300px) / (1600 - 300)));\r\n            line-height: calc(22px + (44 - 22) * ((100vw - 300px) / (1600 - 300)));\r\n            border-radius: calc(4.4px + (8.8 - 4.4) * ((100vw - 300px) / (1600 - 300)));\r\n            width: calc(110px + (220 - 110) * ((100vw - 300px) / (1600 - 300)));\r\n            margin: calc(16px + (16 - 8) * ((100vw - 300px) / (1600 - 300)))!important;\r\n        }\r\n        \r\n        .verysmallcta {\r\n            //Pour les articles blog responsibve\r\n            border-color: black;\r\n            margin: 1rem auto;\r\n        }\r\n        \r\n        .nav-link {\r\n            text-transform: uppercase;\r\n            font-family: 'exoregular';\r\n            letter-spacing: .08rem;\r\n            line-height: 1;\r\n            color: white !important;\r\n            &:hover {\r\n                color: rgba(255, 255, 255, 0.5) !important;\r\n                text-decoration: none;\r\n            }\r\n            @media (max-width: 576px) {\r\n                font-size: 3.5vw;\r\n            }\r\n            @media (min-width: 576px) {\r\n                font-size: 1rem;\r\n            }\r\n            @media (min-width: 768px) {\r\n                font-size: .9rem;\r\n            }\r\n            @media (min-width: 992px) {\r\n                font-size: 1.1rem;\r\n            }\r\n            @media (min-width: 1200px) {\r\n                font-size: 1.3rem;\r\n            }\r\n        }\r\n        \r\n        .cache-menu {\r\n            display: block;\r\n            opacity: 0;\r\n            height: 7vw;\r\n        }","        html {\r\n            margin-top: 0!important;\r\n        }\r\n        \r\n        div {\r\n            background-color: transparent;\r\n        }\r\n        \r\n        #section_epinales {\r\n            @media (max-width: 768px) {\r\n                //une colonne\r\n                height: 507vw;\r\n            }\r\n            @media (min-width: 768px) {\r\n                //deux colonnes\r\n                height: 147vw;\r\n            }\r\n            @media (min-width: 1200px) {\r\n                //trois colonnes\r\n                height: 87vw;\r\n            }\r\n        }\r\n        \r\n        .images-wrapper {\r\n            position: relative;\r\n            margin: 2vw auto;\r\n            @media (max-width: 768px) {\r\n                //une colonne\r\n                height: 500vw;\r\n            }\r\n            @media (min-width: 768px) {\r\n                //deux colonnes\r\n                height: 140vw;\r\n            }\r\n            @media (min-width: 1200px) {\r\n                //trois colonnes\r\n                height: 80vw;\r\n            }\r\n            background-size: auto 100%; //100% de la hauteur\r\n            background-repeat: no-repeat;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-content: space-around;\r\n            align-items: center;\r\n            h1 {\r\n                margin: 4vw auto 1vw auto;\r\n                color: gray;\r\n            }\r\n            h2 {\r\n                margin: 2vw auto 2vw auto;\r\n                text-align: center;\r\n            }\r\n            .epinales-container,\r\n            .mentalites-container {\r\n                //le parent <ul>\r\n                width: 100%;\r\n                @media (max-width: 768px) {\r\n                    //une colonne\r\n                    height: 450vw;\r\n                }\r\n                @media (min-width: 768px) {\r\n                    //deux colonnes\r\n                    height: 105vw;\r\n                }\r\n                @media (min-width: 1200px) {\r\n                    //trois colonnes\r\n                    height: 48vw;\r\n                }\r\n                padding-left: 0;\r\n                display: flex;\r\n                flex-direction: row;\r\n                flex-wrap: wrap;\r\n                justify-content: space-around;\r\n                align-content: space-around;\r\n                li {\r\n                    //chaque li des 2 ul\r\n                    position: relative;\r\n                    background-size: contain;\r\n                    border-style: solid;\r\n                    border-color: #ccc;\r\n                    display: block;\r\n                    @media (max-width: 768px) {\r\n                        //une colonne 90%\r\n                        width: 90vw;\r\n                        height: 60vw;\r\n                        border-width: .6vw .6vw .3vw .6vw;\r\n                        h3 {\r\n                            font-size: 4.2vw;\r\n                            line-height: 10.5vw;\r\n                            height: 10.5vw;\r\n                        }\r\n                        h4 {\r\n                            font-size: 4.2vw;\r\n                            line-height: 8.4vw;\r\n                            height: 8.3vw;\r\n                        }\r\n                        img.flag {\r\n                            height: 8.4vw;\r\n                            width: auto;\r\n                        }\r\n                        img.bg {\r\n                            position: absolute;\r\n                            top: 0;\r\n                            left: 0;\r\n                        }\r\n                    }\r\n                    @media (min-width: 768px) {\r\n                        //deux colonnes\r\n                        width: 43vw;\r\n                        height: 28.67vw;\r\n                        border-width: .3vw .3vw .3vw .3vw;\r\n                        h3 {\r\n                            font-size: 2vw;\r\n                            line-height: 5vw;\r\n                            height: 5vw;\r\n                        }\r\n                        h4 {\r\n                            font-size: 2vw;\r\n                            line-height: 4vw;\r\n                            height: 4vw;\r\n                        }\r\n                        img.flag {\r\n                            height: 4vw;\r\n                            width: auto;\r\n                        }\r\n                        img.bg {\r\n                            position: absolute;\r\n                            top: 0;\r\n                            left: 0;\r\n                        }\r\n                    }\r\n                    @media (min-width: 1200px) {\r\n                        //trois colonnes\r\n                        width: 30vw;\r\n                        height: 20vw;\r\n                        border-width: .2vw .2vw .2vw .2vw;\r\n                        h3 {\r\n                            font-size: 1.4vw;\r\n                            line-height: 3.5vw;\r\n                            height: 3.5vw;\r\n                        }\r\n                        h4 {\r\n                            font-size: 1.4vw;\r\n                            line-height: 2.8vw;\r\n                            height: 2.8vw;\r\n                        }\r\n                        img.flag {\r\n                            height: 2.8vw;\r\n                            width: auto;\r\n                        }\r\n                        img.bg {\r\n                            position: absolute;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        \r\n        //Partie propre à l'Accueil\r\n        .exemples-wrapper {\r\n            //le parent des 2 exemples. Le reste du code est dans _blog-archive.scss\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-content: space-around;\r\n            height: fit-content;\r\n            margin-bottom: 3vw;\r\n            h1 {\r\n                margin: 2vw auto 2vw auto;\r\n            }\r\n            .exemple-container {\r\n                width: 100%;\r\n                padding-left: 0;\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                flex-direction: row;\r\n                justify-content: space-around;\r\n                @media (min-width: 768px) {\r\n                    //deux colonnes = smallcta plus petits\r\n                    .smallcta {\r\n                        font-size: calc(7px + (14 - 7) * ((100vw - 300px) / (1600 - 300)));\r\n                        height: calc(17px + (34 - 17) * ((100vw - 300px) / (1600 - 300)));\r\n                        line-height: calc(17px + (34 - 17) * ((100vw - 300px) / (1600 - 300)));\r\n                        border-radius: calc(3.3px + (6.6 - 3.3) * ((100vw - 300px) / (1600 - 300)));\r\n                        width: calc(83px + (166 - 83) * ((100vw - 300px) / (1600 - 300)));\r\n                        margin: calc(12px + (12 - 6) * ((100vw - 300px) / (1600 - 300)))!important;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        \r\n        .mini-wrapper {\r\n            //page 404 et formulaire blog\r\n            height: 40vw;\r\n            background-size: 100% 100%;\r\n            background-position: top center;\r\n            background-repeat: no-repeat;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-around;\r\n            align-items: center;\r\n        }\r\n        \r\n        // quiz et blog-unitaire\r\n        //pages quiz-resultat, contact, blog-unitaire légèrement flexibles\r\n        .single-flex-wrapper {\r\n            background-size: 100% 100%;\r\n            background-position: top center;\r\n            background-repeat: no-repeat;\r\n            .row {\r\n                height: fit-content;\r\n                @media (max-width: 768px) {\r\n                    h2 {\r\n                        margin: 3vw auto 1.8vw auto;\r\n                    }\r\n                }\r\n                @media (min-width: 768px) {\r\n                    h2 {\r\n                        margin: 2.1rem auto 1.2rem auto;\r\n                    }\r\n                }\r\n                @media (min-width: 992px) {\r\n                    h2 {\r\n                        margin: 2.2rem auto 1.3rem auto;\r\n                    }\r\n                }\r\n                @media (min-width: 1200px) {\r\n                    //dimensions fixes\r\n                    h2 {\r\n                        margin: 2.5rem auto 1.5rem auto;\r\n                    }\r\n                }\r\n            }\r\n            aside {\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-around;\r\n                align-items: center;\r\n                flex-grow: 1;\r\n                .bloc-publicitaire {\r\n                    display: flex; //dimension à opt\r\n                    width: calc(120px + (240 - 120) * ((100vw - 300px) / (1600 - 300)));\r\n                    height: calc(96px + (196 - 96) * ((100vw - 300px) / (1600 - 300)));\r\n                    background-color: rgba(0, 0, 0, 0.1);\r\n                    p {\r\n                        margin: auto;\r\n                        font-size: 2rem;\r\n                    }\r\n                }\r\n            }\r\n        }",".footer {\r\n    height: calc(360px + (480 - 360) * ((100vw - 300px) / (1600 - 300)));\r\n    background-color: #202020;\r\n    .haut-footer {\r\n        height: calc(330px + (440 - 330) * ((100vw - 300px) / (1600 - 300)));\r\n        width: 100vw;\r\n        position: relative;\r\n        margin: auto;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-around;\r\n        align-items: center;\r\n        a:hover {\r\n            color: rgba(255, 255, 255, .5);\r\n            text-decoration: none;\r\n        }\r\n        h1 {\r\n            font-family: 'Caribbean';\r\n            text-transform: none;\r\n            font-size: calc(17px + (23 - 17) * ((100vw - 300px) / (1600 - 300)));\r\n            height: 3vw;\r\n            line-height: 6vw;\r\n            color: white;\r\n        }\r\n        a {\r\n            font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));\r\n            color: white;\r\n            line-height: 3vw;\r\n            &:hover {\r\n                color: rgba(255, 255, 255, .5);\r\n                text-decoration: none;\r\n            }\r\n        }\r\n        p {\r\n            margin-bottom: 0 !important;\r\n            line-height: 3vw;\r\n        }\r\n        a {\r\n            text-transform: none;\r\n            font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (1600 - 300)));\r\n            color: white;\r\n            &:hover {\r\n                color: rgba(255, 255, 255, .5);\r\n                text-decoration: none;\r\n            }\r\n        }\r\n        .rs {\r\n            width: calc(180px + (240 - 180) * ((100vw - 300px) / (1600 - 300)));\r\n            height: calc(90px + (120 - 90) * ((100vw - 300px) / (1600 - 300)));\r\n            display: flex;\r\n            flex-direction: row;\r\n            flex-wrap: wrap;\r\n            justify-content: space-around;\r\n            align-content: space-around;\r\n            .fondblancicone {\r\n                width: calc(74px + (100 - 74) * ((100vw - 300px) / (1600 - 300)));\r\n                height: calc(74px + (100 - 74) * ((100vw - 300px) / (1600 - 300)));\r\n                border-radius: calc(37px + (50 - 37) * ((100vw - 300px) / (1600 - 300)));\r\n                background-color: white;\r\n                color: black;\r\n                &:hover {\r\n                    color: rgba(0, 0, 0, .3);\r\n                }\r\n                i {\r\n                    font-size: calc(40px + (40 - 30) * ((100vw - 300px) / (1600 - 300)));\r\n                    line-height: calc(74px + (74 - 56) * ((100vw - 300px) / (1600 - 300)));\r\n                    height: calc(74px + (74 - 56) * ((100vw - 300px) / (1600 - 300)));\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .bas-footer {\r\n        background-color: #000;\r\n        position: relative;\r\n        height: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300)));\r\n        margin: auto;\r\n        text-align: center;\r\n        h2 {\r\n            line-height: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300)));\r\n            font-size: 18px; //à régler  \r\n            color: white;\r\n        }\r\n    }\r\n}",".home-header-wrapper {\r\n    position: relative;\r\n    height: 100%;\r\n    z-index: 1;\r\n    background-position: center top;\r\n    @media (orientation: landscape) {\r\n        background-size: cover;\r\n    }\r\n    @media (orientation: portrait) {\r\n        background-size: cover;\r\n    }\r\n    &:before {\r\n        //le filtre gris global sur toute l'image\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%; //soit les dimentions du conteneur\r\n        height: 100%;\r\n        content: \"\"; //pourque cela marche\r\n        background: rgba(0, 0, 0, 0.45); //valeur du filtre\r\n    }\r\n    .header-container {\r\n        top: 0;\r\n        display: flex;\r\n        height: 100vh;\r\n        .header-content {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            flex-direction: column;\r\n            height: 75vh;\r\n            margin: 25vh auto 0 auto; //la somme doit faire 100% !!\r\n            z-index: 3; //pour repasser par dessus le filtre et les images content\r\n            color: white;\r\n            //le contenu textuel du header-content\r\n            h1 {\r\n                line-height: 1.7;\r\n                word-spacing: calc(5px + (10 - 5) * ((100vw - 300px) / (1600 - 300)));\r\n                color: white;\r\n            }\r\n            h2 {\r\n                text-align: center;\r\n                margin-bottom: 8vh; //voir\r\n                line-height: 1.6;\r\n                color: white;\r\n            }\r\n            h3 {\r\n                color: white;\r\n                @media (max-width: 576px) {\r\n                    font-size: 3.2vw;\r\n                    text-align: center;\r\n                    line-height: 1;\r\n                }\r\n                @media (min-width: 576px) {\r\n                    font-size: 1.1rem;\r\n                    text-align: center;\r\n                }\r\n                @media (min-width: 768px) {\r\n                    text-align: left;\r\n                    font-size: 1.2rem;\r\n                }\r\n                @media (min-width: 992px) {\r\n                    text-align: left;\r\n                    font-size: 1.3rem;\r\n                }\r\n                @media (min-width: 1200px) {\r\n                    text-align: left;\r\n                    font-size: 1.4rem;\r\n                }\r\n            }\r\n            //les blocs et leur contenus\r\n            .bloc-cta {\r\n                @media (max-width: 576px) {\r\n                    height: 25vh;\r\n                }\r\n                @media (min-width: 576px) {\r\n                    height: 25vh;\r\n                }\r\n                margin-bottom: 5vh;\r\n                .ligne-cta {\r\n                    @media (max-width: 576px) {\r\n                        margin: 4vh auto;\r\n                    }\r\n                    @media (min-width: 576px) {\r\n                        margin: 3vh auto;\r\n                    }\r\n                    @media (min-width: 992px) {\r\n                        margin: 0 auto;\r\n                    }\r\n                    .cta-header {\r\n                        display: block;\r\n                        color: white;\r\n                        border: .07rem solid white;\r\n                        text-transform: uppercase;\r\n                        text-align: center;\r\n                        background-color: rgba(0, 0, 0, 0.8);\r\n                        &:hover {\r\n                            color: rgba(255, 255, 255, .3);\r\n                            background-color: black;\r\n                            text-decoration: none;\r\n                        }\r\n                        @media (max-width: 576px) {\r\n                            font-size: 2.2vw;\r\n                            line-height: 5.2vw;\r\n                            height: 5.2vw;\r\n                            border-radius: 1.04vw;\r\n                            width: 33vw;\r\n                            margin: 3.5vw auto;\r\n                        }\r\n                        @media (min-width: 576px) {\r\n                            font-size: 1.7vw;\r\n                            line-height: 4vw;\r\n                            height: 4vw;\r\n                            border-radius: .8vw;\r\n                            width: 25vw;\r\n                            margin: 2.5vw auto;\r\n                        }\r\n                        @media (min-width: 768px) {\r\n                            font-size: .85rem;\r\n                            width: 11rem;\r\n                            line-height: 2.2rem;\r\n                            height: 2.2rem;\r\n                            border-radius: .44rem;\r\n                            margin: 2rem auto;\r\n                        }\r\n                        @media (min-width: 992px) {\r\n                            font-size: .9rem;\r\n                            width: 12rem;\r\n                            line-height: 2.3rem;\r\n                            height: 2.3rem;\r\n                            border-radius: .46rem;\r\n                            margin: 2rem auto;\r\n                        }\r\n                        @media (min-width: 1200px) {\r\n                            font-size: 1rem;\r\n                            width: 13rem;\r\n                            line-height: 2.4rem;\r\n                            height: 2.4rem;\r\n                            border-radius: .48rem;\r\n                            margin: 2rem auto;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            .big-cta {\r\n                display: block;\r\n                color: white;\r\n                text-align: center;\r\n                text-transform: uppercase;\r\n                margin: 6vh auto 4vh auto;\r\n                background-color: rgba(0, 0, 0, 0.4);\r\n                &:hover {\r\n                    color: rgba(255, 255, 255, .7);\r\n                    background-color: black;\r\n                    text-decoration: none;\r\n                }\r\n                @media (max-width: 576px) {\r\n                    font-size: 3vw;\r\n                    width: 28vw;\r\n                    line-height: 7vw;\r\n                    height: 7vw;\r\n                    border-radius: 1.4vw;\r\n                    border: .08rem solid white;\r\n                }\r\n                @media (min-width: 576px) {\r\n                    font-size: 2.5vw;\r\n                    width: 24vw;\r\n                    line-height: 6vw;\r\n                    height: 6vw;\r\n                    border-radius: 1.2vw;\r\n                    border: .075rem solid white;\r\n                }\r\n                @media (min-width: 768px) {\r\n                    font-size: 1.1rem;\r\n                    line-height: 2.6rem;\r\n                    height: 2.6rem;\r\n                    border-radius: .52rem;\r\n                    width: 9rem;\r\n                    border: .06rem solid white;\r\n                }\r\n                @media (min-width: 992px) {\r\n                    font-size: 1.15rem;\r\n                    line-height: 2.7rem;\r\n                    height: 2.7rem;\r\n                    border-radius: .54rem;\r\n                    width: 10rem;\r\n                    border: .065rem solid white;\r\n                }\r\n                @media (min-width: 1200px) {\r\n                    font-size: 1.2rem;\r\n                    line-height: 2.8rem;\r\n                    height: 2.8rem;\r\n                    border-radius: .56rem;\r\n                    width: 10rem;\r\n                    border: .07rem solid white;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}",".single-header-wrapper {\r\n    position: relative;\r\n    height: 400px;\r\n    z-index: 1;\r\n    background-position: center top;\r\n    background-size: cover;\r\n    &:before {\r\n        //le filtre gris global sur toute l'image\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%; //soit les dimentions du conteneur\r\n        height: 100%;\r\n        content: \"\"; //pourque cela marche\r\n        background: rgba(0, 0, 0, 0.55); //valeur du filtre\r\n    }\r\n    .header-container {\r\n        top: 0;\r\n        display: flex;\r\n        height: 100%;\r\n        .header-content {\r\n            display: flex;\r\n            justify-content: space-around;\r\n            flex-direction: column;\r\n            height: 80%;\r\n            margin: 5% auto 0 auto; //la somme doit faire 100% !!\r\n            z-index: 2; //pour repasser par dessus le filtre\r\n            color: white;\r\n            //le contenu textuel du header-content\r\n            h1 {\r\n                font-size: calc(36px + (54 - 36) * ((100vw - 300px) / (1600 - 300)));\r\n                letter-spacing: calc(1px + (2 - 1) * ((100vw - 300px) / (1600 - 300)));\r\n                color: white;\r\n            }\r\n            h2 {\r\n                text-align: center;\r\n                margin-bottom: 2%; //voir\r\n                font-size: calc(30px + (45 - 30) * ((100vw - 300px) / (1600 - 300)));\r\n                letter-spacing: calc(.8px + (1.6 - .8) * ((100vw - 300px) / (1600 - 300)));\r\n                color: white;\r\n            }\r\n            h3 {\r\n                color: white;\r\n                margin-bottom: 1%;\r\n            }\r\n        }\r\n    }\r\n}","    .flex-wrapper {\r\n        background-size: 100% auto;\r\n        background-position: top center;\r\n        background-repeat: repeat;\r\n        padding: 3rem;\r\n        h1 {\r\n            width: 80%;\r\n            margin: auto;\r\n        }\r\n        p.explications {\r\n            background-color: white;\r\n            font-family: 'Open Sans regular';\r\n            padding: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));\r\n            border-radius: calc(6px + (12 - 6) * ((100vw - 300px) / (1600 - 300)));\r\n            width: 80%;\r\n            margin: 2vw auto;\r\n            text-align: center;\r\n        }\r\n        .quiz-content {\r\n            //le formulaire ec\r\n            margin: auto;\r\n            a {\r\n                display: block;\r\n            }\r\n            .rempli {\r\n                background-color: rgba(232, 68, 39, 0.8) !important; //\r\n            }\r\n            .question-bloc {\r\n                box-shadow: 0 .6rem 1.2rem rgba(0, 0, 0, .19), 0 .8rem .8rem rgba(0, 0, 0, .23);\r\n            }\r\n            .bloc-rempli {\r\n                box-shadow: 0 .6rem 1.2rem rgba(0, 0, 0, .19) inset, 0 .8rem .8rem rgba(0, 0, 0, .23) inset !important;\r\n            }\r\n            .quiz-bloc {\r\n                //chaque thème\r\n                margin: 2.5rem auto;\r\n                .quiz-header {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    align-items: center;\r\n                    align-content: center;\r\n                    height: calc(30px + (60 - 30) * ((100vw - 300px) / (1600 - 300)));\r\n                    border-radius: .75rem;\r\n                    background-color: rgba(59, 59, 59, .2);\r\n                    border-width: .07rem;\r\n                    border-style: solid;\r\n                    border-color: rgb(232, 68, 39);\r\n                    h2 {\r\n                        font-size: calc(16px + (32 - 16) * ((100vw - 300px) / (1600 - 300)));\r\n                        width: 30vw;\r\n                        text-transform: uppercase;\r\n                        margin: auto auto auto .65rem;\r\n                        text-align: left;\r\n                    }\r\n                    .progress {\r\n                        margin: auto .65rem auto auto;\r\n                        height: calc(8px + (16 - 8) * ((100vw - 300px) / (1600 - 300)));\r\n                        width: 30vw;\r\n                        line-height: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));\r\n                        background-color: white;\r\n                    }\r\n                }\r\n                nav {\r\n                    padding: 0;\r\n                    .row {\r\n                        width: 100%;\r\n                    }\r\n                }\r\n                .bloc-bouton {\r\n                    display: flex;\r\n                    .smallcta {\r\n                        padding: 0;\r\n                    }\r\n                    button {\r\n                        text-align: center !important;\r\n                        text-transform: uppercase;\r\n                        font-family: 'exoregular';\r\n                        background-color: transparent;\r\n                        @media (max-width: 576px) {\r\n                            width: 60vw;\r\n                            margin: 3.5vw auto !important;\r\n                            border: .07rem solid;\r\n                        }\r\n                        @media (min-width: 576px) {\r\n                            width: 10rem;\r\n                            margin: 1.25rem auto !important;\r\n                            border: .08rem solid;\r\n                        }\r\n                        @media (min-width: 768px) {\r\n                            width: 11rem;\r\n                            margin: 1.25rem auto !important;\r\n                            border: .09rem solid;\r\n                        }\r\n                        @media (min-width: 992px) {\r\n                            width: 12rem;\r\n                            margin: 1.25rem auto !important;\r\n                            border: .10rem solid;\r\n                        }\r\n                        @media (min-width: 1200px) {\r\n                            width: 13rem;\r\n                            margin: 1.25rem auto;\r\n                            border: .11rem solid black !important;\r\n                        }\r\n                        &:hover {\r\n                            color: black;\r\n                            background-color: rgba(0, 0, 0, 0.1);\r\n                            text-decoration: none !important;\r\n                        }\r\n                    }\r\n                }\r\n                #navbarToggleExternalContent-atouts {\r\n                    .questions-groupe {\r\n                        @media (max-width: 576px) {\r\n                            height: 140vw;\r\n                        }\r\n                        @media (min-width: 576px) {\r\n                            height: 54rem;\r\n                        }\r\n                        @media (min-width: 768px) {\r\n                            height: 72rem;\r\n                        }\r\n                        @media (min-width: 992px) {\r\n                            height: 33rem;\r\n                        }\r\n                        @media (min-width: 1200px) {\r\n                            height: 13rem;\r\n                        }\r\n                    }\r\n                }\r\n                #navbarToggleExternalContent-interets {\r\n                    .questions-groupe {\r\n                        @media (max-width: 576px) {\r\n                            height: 470vw;\r\n                        }\r\n                        @media (min-width: 576px) {\r\n                            height: 170rem; //610\r\n                        }\r\n                        @media (min-width: 768px) {\r\n                            height: 240rem;\r\n                        }\r\n                        @media (min-width: 992px) {\r\n                            height: 85rem;\r\n                        }\r\n                        @media (min-width: 1200px) {\r\n                            height: 53rem;\r\n                        }\r\n                    }\r\n                }\r\n                #navbarToggleExternalContent-valeurs {\r\n                    .questions-groupe {\r\n                        @media (max-width: 576px) {\r\n                            height: 565vw;\r\n                        }\r\n                        @media (min-width: 576px) {\r\n                            height: 205rem;\r\n                        }\r\n                        @media (min-width: 768px) {\r\n                            height: 290rem;\r\n                        }\r\n                        @media (min-width: 992px) {\r\n                            height: 100rem;\r\n                        }\r\n                        @media (min-width: 1200px) {\r\n                            height: 53rem;\r\n                        }\r\n                    }\r\n                }\r\n                #navbarToggleExternalContent-atouts,\r\n                #navbarToggleExternalContent-interets,\r\n                #navbarToggleExternalContent-valeurs {\r\n                    width: 100%;\r\n                    .questions-groupe {\r\n                        display: flex;\r\n                        flex-direction: row;\r\n                        flex-wrap: wrap;\r\n                        justify-content: space-around;\r\n                        align-content: space-around;\r\n                        .question-bloc {\r\n                            list-style-type: none;\r\n                            border: 1px solid black;\r\n                            border-radius: 1rem;\r\n                            position: relative;\r\n                            background-color: white;\r\n                            @media (max-width: 576px) {\r\n                                height: 42vw;\r\n                                width: 90vw;\r\n                                h3 {\r\n                                    font-size: 4vw;\r\n                                }\r\n                                .reponse {\r\n                                    top: 46%;\r\n                                }\r\n                                .jenesaispas {\r\n                                    width: 30vw;\r\n                                }\r\n                                .jesais {\r\n                                    width: 13vw;\r\n                                }\r\n                                label {\r\n                                    font-size: 3.5vw;\r\n                                }\r\n                                input[type=\"radio\"] {\r\n                                    width: 3vw;\r\n                                    height: 3vw;\r\n                                    font-size: 3vw;\r\n                                }\r\n                                a,\r\n                                p {\r\n                                    font-size: 4vw;\r\n                                    width: 50vw;\r\n                                }\r\n                            }\r\n                            @media (min-width: 576px) {\r\n                                height: 15rem;\r\n                                width: 35rem;\r\n                                h3 {\r\n                                    font-size: 1.6rem;\r\n                                }\r\n                                .reponse {\r\n                                    top: 46%;\r\n                                }\r\n                                .jenesaispas {\r\n                                    width: 13rem; //14\r\n                                }\r\n                                .jesais {\r\n                                    width: 5.4rem;\r\n                                }\r\n                                label {\r\n                                    font-size: 1.4rem;\r\n                                }\r\n                                input[type=\"radio\"] {\r\n                                    width: 1.1rem;\r\n                                    height: 1.1rem;\r\n                                    font-size: 1.1rem;\r\n                                }\r\n                                a,\r\n                                p {\r\n                                    font-size: 1.4rem;\r\n                                    width: 20rem;\r\n                                }\r\n                            }\r\n                            @media (min-width: 768px) {\r\n                                height: 21.8rem;\r\n                                width: 40rem;\r\n                                h3 {\r\n                                    font-size: 2rem;\r\n                                }\r\n                                .reponse {\r\n                                    top: 46%;\r\n                                }\r\n                                .jenesaispas {\r\n                                    width: 14rem;\r\n                                }\r\n                                .jesais {\r\n                                    width: 7rem;\r\n                                }\r\n                                label {\r\n                                    font-size: 1.4rem;\r\n                                }\r\n                                input[type=\"radio\"] {\r\n                                    width: 1.4rem;\r\n                                    height: 1.4rem;\r\n                                    font-size: 1.4rem;\r\n                                }\r\n                                a,\r\n                                p {\r\n                                    font-size: 1.5rem;\r\n                                    width: 20rem;\r\n                                }\r\n                            }\r\n                            @media (min-width: 992px) {\r\n                                height: 14.4rem;\r\n                                width: 26.4rem;\r\n                                h3 {\r\n                                    font-size: 1.45rem;\r\n                                }\r\n                                .reponse {\r\n                                    top: 46%;\r\n                                }\r\n                                .jenesaispas {\r\n                                    width: 10rem;\r\n                                }\r\n                                .jesais {\r\n                                    width: 5.5rem;\r\n                                }\r\n                                label {\r\n                                    font-size: 1.2rem;\r\n                                }\r\n                                input[type=\"radio\"] {\r\n                                    width: 1.2rem;\r\n                                    height: 1.2rem;\r\n                                    font-size: 1.2rem;\r\n                                }\r\n                                a,\r\n                                p {\r\n                                    font-size: 1.3rem;\r\n                                    width: 17rem;\r\n                                }\r\n                            }\r\n                            @media (min-width: 1200px) {\r\n                                height: 12rem;\r\n                                width: 22rem;\r\n                                h3 {\r\n                                    font-size: 1.3rem;\r\n                                }\r\n                                .reponse {\r\n                                    top: 52%;\r\n                                }\r\n                                .jenesaispas {\r\n                                    width: 9rem;\r\n                                }\r\n                                .jesais {\r\n                                    width: 4rem;\r\n                                }\r\n                                label {\r\n                                    font-size: 1.2rem;\r\n                                }\r\n                                input[type=\"radio\"] {\r\n                                    width: 1.2rem;\r\n                                    height: 1.2rem;\r\n                                    font-size: 1.2rem;\r\n                                }\r\n                                a,\r\n                                p {\r\n                                    font-size: 1.1rem;\r\n                                    width: 14rem;\r\n                                }\r\n                            }\r\n                            h3 {\r\n                                position: absolute;\r\n                                text-align: left;\r\n                                top: 6%;\r\n                                left: 6%;\r\n                                right: 6%;\r\n                                text-align: justify;\r\n                            }\r\n                            .reponse {\r\n                                position: absolute;\r\n                                width: 88%;\r\n                                //top: 52%;\r\n                                height: 22%;\r\n                                left: 6%;\r\n                                display: flex;\r\n                                flex-direction: row;\r\n                                justify-content: space-between;\r\n                                align-items: center;\r\n                                flex-wrap: wrap;\r\n                                box-shadow: none;\r\n                                .jenesaispas,\r\n                                .jesais {\r\n                                    height: 100%;\r\n                                    display: flex;\r\n                                    flex-direction: row;\r\n                                    justify-content: space-around;\r\n                                    align-items: center;\r\n                                    flex-wrap: wrap;\r\n                                    box-shadow: none;\r\n                                    border-radius: .5rem;\r\n                                    background-color: rgba(58, 58, 58, 0.1);\r\n                                    label {\r\n                                        font-family: 'exoregular';\r\n                                        margin-bottom: 0;\r\n                                        line-height: 1;\r\n                                        color: rgb(24, 24, 24)\r\n                                    }\r\n                                    input[type=\"radio\"] {\r\n                                        background-color: rgb(40, 167, 69);\r\n                                    }\r\n                                }\r\n                            }\r\n                            a {\r\n                                position: absolute;\r\n                                text-align: center;\r\n                                bottom: 6%;\r\n                                right: 6%;\r\n                                font-family: 'exoregular';\r\n                                text-transform: none;\r\n                                letter-spacing: .03rem;\r\n                                border: none;\r\n                                background-color: transparent;\r\n                                margin: 0;\r\n                                color: black;\r\n                                &:hover {\r\n                                    background-color: rgba(0, 0, 0, 0.1);\r\n                                    text-decoration: none;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }","#resultat {\r\n    height: calc(520px + (1040 - 520) * ((100vw - 300px) / (1600 - 300)));\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    h2 {\r\n        margin: 1rem auto;\r\n        span {\r\n            color: $color-contrast;\r\n        }\r\n    }\r\n    ul {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-around;\r\n        width: 100%;\r\n        height: calc(270px + (540 - 270) * ((100vw - 300px) / (1600 - 300)));\r\n        margin-top: 1rem;\r\n        padding-left: 0;\r\n        li {\r\n            list-style: none;\r\n            height: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));\r\n            line-height: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: flex-start;\r\n            align-items: center;\r\n            .identifiants-pays {\r\n                width: 40%;\r\n                height: inherit;\r\n                line-height: inherit;\r\n                display: flex;\r\n                flex-direction: row;\r\n                justify-content: flex-end;\r\n                .flag {\r\n                    height: 100%;\r\n                    width: auto;\r\n                }\r\n                .code {\r\n                    letter-spacing: calc(.5px + (1 - .5) * ((100vw - 300px) / (1600 - 300)));\r\n                    display: block;\r\n                    height: inherit;\r\n                    line-height: inherit;\r\n                    font-size: calc(13px + (26 - 13) * ((100vw - 300px) / (1600 - 300)));\r\n                    margin: 0 4rem 0 0;\r\n                    text-transform: uppercase;\r\n                    text-align: center;\r\n                    width: 28%;\r\n                    //margin-bottom: 0;\r\n                    color: white;\r\n                    background-color: rgba(0, 0, 0, 0.5);\r\n                }\r\n            }\r\n            .resultat_pays {\r\n                width: 60%;\r\n                height: 100%;\r\n                display: block;\r\n                .barre {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: center;\r\n                    align-items: center;\r\n                    height: 100%;\r\n                    p {\r\n                        font-size: 1rem;\r\n                        width: 3rem;\r\n                        display: block;\r\n                        color: black;\r\n                        background: none;\r\n                        padding: 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    p {\r\n        width: 85%;\r\n        margin: 1rem auto;\r\n        background-color: white;\r\n        font-family: 'Open Sans regular';\r\n        color: black;\r\n        padding: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));\r\n        border-radius: calc(6px + (12 - 6) * ((100vw - 300px) / (1600 - 300)));\r\n        span {\r\n            color: $color-contrast;\r\n        }\r\n    }\r\n    a {\r\n        display: block;\r\n    }\r\n}","$vert: #4FF444;\r\n$black: #000000;\r\n$white: #ffffff;\r\n$gray: #cccccc;\r\n$gray-light: lighten($gray, 10%);\r\n$gray-lighter: lighten($gray, 25%);\r\n$gray-lightest: lighten($gray, 50%);\r\n$gray-dark: darken($gray, 10%);\r\n$gray-darker: darken($gray, 25%);\r\n$gray-darkest: darken($gray, 50%);\r\n$sass-rose: hsl(330, 50%, 60%);\r\n$sass-roseplusclaire: lighten($sass-rose, 30%);\r\n$color-jpn: #c099ff;\r\n$color-rus: #ff99a3;\r\n$color-can: #fffc99;\r\n$color-usa: #ffd199;\r\n$color-uzb: #99ddff;\r\n$color-chn: #99ffae;\r\n$color-contrast: #E84427;","//partie propre au blog mais aussi à la section endirectdublog de l'accueil\r\nform#blog_form {\r\n    height: calc(150px + (300 - 150) * ((100vw - 300px) / (1600 - 300)));\r\n    select {\r\n        width: calc(100px + (200 - 10) * ((100vw - 300px) / (1600 - 300)));\r\n        display: block;\r\n        margin: auto;\r\n        height: calc(25px + (50 - 25) * ((100vw - 300px) / (1600 - 300)));\r\n        font-family: 'exoregular';\r\n        letter-spacing: calc(.3px + (.6 - .3) * ((100vw - 300px) / (1600 - 300)));\r\n        font-size: calc(8px + (16 - 8) * ((100vw - 300px) / (1600 - 300)));\r\n        line-height: 1.5;\r\n        color: black;\r\n        text-transform: uppercase;\r\n        option {\r\n            padding-top: calc(5px + (100 - 5) * ((100vw - 300px) / (1600 - 300))) !important;\r\n            padding-bottom: calc(5px + (100 - 5) * ((100vw - 300px) / (1600 - 300))) !important;\r\n        }\r\n    }\r\n    #question-selection {\r\n        //Cas des questions plus longues\r\n        width: 100%;\r\n        text-transform: none;\r\n    }\r\n    #rechercher_art {\r\n        margin-top: 5vw !important;\r\n    }\r\n    h2 {\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n.exemples-wrapper {\r\n    h2 {\r\n        margin: 1.5vw auto .5vw auto;\r\n        text-align: center;\r\n    }\r\n    .post-summary {\r\n        //div d'encapsulation avec le résumé en h3\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        flex-direction: column;\r\n        justify-content: space-around;\r\n        align-items: center;\r\n        background-color: rgba(255, 255, 255, 0.7);\r\n        border-style: solid;\r\n        height: 20%;\r\n        margin: 2vw auto;\r\n        @media (max-width: 768px) {\r\n            //une colonne 90% \r\n            //margin-top: 3vw;\r\n            width: 90vw;\r\n            height: 110vw;\r\n            border-radius: 1.8vw;\r\n            border-width: .6vw;\r\n            h3 {\r\n                font-size: 3.2vw;\r\n                padding: 4vw;\r\n            }\r\n        }\r\n        @media (min-width: 768px) {\r\n            //deux colonnes\r\n            //margin-top: .69rem;\r\n            width: 20.6rem;\r\n            height: 24.5rem;\r\n            border-radius: .4rem;\r\n            border-width: .14rem; //rem\r\n            h3 {\r\n                font-size: .8rem;\r\n                padding: .75rem;\r\n            }\r\n        }\r\n        @media (min-width: 992px) {\r\n            //deux colonnes\r\n            //margin-top: .94rem;\r\n            width: 26.7rem;\r\n            height: 31.6rem;\r\n            border-radius: .53rem;\r\n            border-width: .18rem; //rem\r\n            h3 {\r\n                font-size: 1.06rem;\r\n                padding: .94rem;\r\n            }\r\n        }\r\n        @media (min-width: 1200px) {\r\n            //deux colonnes\r\n            //margin-top: .95rem;\r\n            width: 27.4rem;\r\n            height: 32.51rem;\r\n            border-radius: .54rem;\r\n            border-width: .19rem; //adapter\r\n            h3 {\r\n                font-size: 1.11rem;\r\n                padding: .96rem;\r\n            }\r\n        }\r\n        @media (min-width: 1760px) {\r\n            //pour éviter la pixelisation, valeur maximum de l'image\r\n            //margin-top: 20px;\r\n            width: 768px;\r\n            height: 870px; //prévoir pour 3 lignes de textes maxi\r\n            border-radius: 15.4px;\r\n            border-width: 5px;\r\n            h3 {\r\n                font-size: 34px;\r\n                padding: 26px;\r\n            }\r\n        }\r\n        .post-content {\r\n            //équivalent aux li partie responsive à 2 variantes\r\n            position: relative;\r\n            margin: 2% 0;\r\n            display: block;\r\n            a:hover {\r\n                background-color: rgba(255, 255, 255, 0.2);\r\n            }\r\n            @media (max-width: 768px) {\r\n                //une colonne 90%\r\n                width: 88.8vw;\r\n                height: 59.2vw;\r\n                h3 {\r\n                    font-size: 4.2vw;\r\n                    line-height: 10.5vw;\r\n                    height: 10.5vw;\r\n                }\r\n                h4 {\r\n                    font-size: 4.2vw;\r\n                    line-height: 8.4vw;\r\n                    height: 8.3vw;\r\n                }\r\n                img.flag {\r\n                    height: 8.4vw;\r\n                    width: auto;\r\n                }\r\n                img.bg {\r\n                    height: auto;\r\n                    width: 100%;\r\n                }\r\n            }\r\n            @media (min-width: 768px) {\r\n                //deux colonnes\r\n                width: 20.32rem;\r\n                height: 13.55rem;\r\n                h3 {\r\n                    font-size: .94rem;\r\n                    line-height: 2.38rem;\r\n                    height: 2.38rem;\r\n                }\r\n                h4 {\r\n                    font-size: .94rem;\r\n                    line-height: 1.94rem;\r\n                    height: 1.94rem;\r\n                }\r\n                img.flag {\r\n                    height: auto;\r\n                    width: 1.9rem;\r\n                }\r\n                img.bg {\r\n                    height: auto;\r\n                    width: 100%;\r\n                }\r\n            }\r\n            @media (min-width: 992px) {\r\n                //deux colonnes\r\n                width: 26.34rem;\r\n                height: 17.56rem;\r\n                h3 {\r\n                    font-size: 1.19rem;\r\n                    line-height: 3rem;\r\n                    height: 3rem;\r\n                }\r\n                h4 {\r\n                    font-size: 1.2rem;\r\n                    line-height: 2.5rem;\r\n                    height: 2.5rem;\r\n                }\r\n                img.flag {\r\n                    height: 2.5rem;\r\n                    width: auto;\r\n                }\r\n                img.bg {\r\n                    height: auto;\r\n                    width: 100%;\r\n                }\r\n            }\r\n            @media (min-width: 1200px) {\r\n                //deux colonnes\r\n                width: 27.04rem;\r\n                height: 18.03rem;\r\n                h3 {\r\n                    font-size: 1.22rem;\r\n                    line-height: 3.8rem;\r\n                    height: 3.8rem;\r\n                }\r\n                h4 {\r\n                    font-size: 1.22rem;\r\n                    line-height: 2.55rem;\r\n                    height: 2.55rem;\r\n                }\r\n                img.flag {\r\n                    height: 2.55rem;\r\n                    width: auto;\r\n                }\r\n                img.bg {\r\n                    height: auto;\r\n                    width: 100%;\r\n                }\r\n            }\r\n            @media (min-width: 1760px) {\r\n                //taille d'image limitée à 768px\r\n                width: 758px;\r\n                height: 505px;\r\n                h3 {\r\n                    font-size: 35px;\r\n                    line-height: 88px;\r\n                    height: 88px;\r\n                }\r\n                h4 {\r\n                    font-size: 35px;\r\n                    line-height: 70px;\r\n                    height: 70px;\r\n                }\r\n                img.flag {\r\n                    height: 70px;\r\n                    width: auto;\r\n                }\r\n                img.bg {\r\n                    height: auto;\r\n                    width: 100%;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    /*\r\n    ul {\r\n        //équivalent à .exemple-container elle contient les hauteurs\r\n        list-style: none;\r\n        padding-left: 0;\r\n        height: fit-content;\r\n        li {\r\n            //Les classes responsives\r\n            article {\r\n                //global post-summary et cta\r\n                //adapter les règles @media se l'accueil\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-between;\r\n                @media (max-width: 768px) {\r\n                    margin: 2.5vw auto;\r\n                    //une colonne 90% \r\n                    width: 90vw;\r\n                    height: 90vw;\r\n                    .verysmallcta {\r\n                        font-size: 3vw;\r\n                        height: 6vw;\r\n                        line-height: 6vw;\r\n                        width: 36vw;\r\n                        border-width: .08rem !important;\r\n                    }\r\n                }\r\n                @media (min-width: 768px) {\r\n                    //deux colonnes\r\n                    margin: 2.5vw auto;\r\n                    width: 43vw;\r\n                    height: 48vw;\r\n                    .verysmallcta {\r\n                        font-size: 1.5vw;\r\n                        height: 3vw;\r\n                        line-height: 3vw;\r\n                        width: 18vw;\r\n                        border-width: .08rem !important;\r\n                    }\r\n                }\r\n                @media (min-width: 992px) {\r\n                    //deux colonnes\r\n                    margin: 2.5vw auto;\r\n                    width: 43vw;\r\n                    height: 43vw;\r\n                    .verysmallcta {\r\n                        font-size: 1.1vw;\r\n                        height: 2.2vw;\r\n                        line-height: 2.2vw;\r\n                        width: 12vw;\r\n                        border-width: .09rem !important;\r\n                    }\r\n                }\r\n                @media (min-width: 1200px) {\r\n                    //trois colonnes\r\n                    margin: 3vw auto;\r\n                    height: 32.5vw;\r\n                    width: 30vw;\r\n                    .verysmallcta {\r\n                        font-size: .8vw;\r\n                        height: 1.8vw;\r\n                        line-height: 1.8vw;\r\n                        width: 9vw;\r\n                        border-width: .08rem !important;\r\n                    }\r\n                }\r\n                .post-summary {\r\n                    //avec le résumé en bas\r\n                    //même largeur et hauteur un peu plus faible\r\n                    width: 100%;\r\n                    h3 {\r\n                        width: 100%;\r\n                        margin: auto;\r\n                        color: black;\r\n                        background-color: white;\r\n                        border-radius: 4% / 40%;\r\n                        text-align: justify;\r\n                        hyphens: auto;\r\n                        word-break: break-word;\r\n                        -webkit-hyphens: auto;\r\n                        -moz-hyphens: auto;\r\n                        -ms-hyphens: auto;\r\n                        -o-hyphens: auto;\r\n                        padding: 2% 5%;\r\n                    }\r\n                    @media (max-width: 768px) {\r\n                        //width: 90vw;\r\n                        height: 110vw;\r\n                        h3 {\r\n                            font-size: 3.8vw;\r\n                        }\r\n                    }\r\n                    @media (min-width: 768px) {\r\n                        //deux colonnes\r\n                        height: 60vw;\r\n                        h3 {\r\n                            font-size: 2vw;\r\n                        }\r\n                    }\r\n                    @media (min-width: 992px) {\r\n                        //deux colonnes\r\n                        height: 45vw;\r\n                        h3 {\r\n                            font-size: 1.7vw;\r\n                        }\r\n                    }\r\n                    @media (min-width: 1200px) {\r\n                        //trois colonnes\r\n                        height: 30vw;\r\n                        h3 {\r\n                            font-size: 1.25vw;\r\n                        }\r\n                    }\r\n                    .post-content {\r\n                        //les images, équivalents des li de l'accueil\r\n                        a:hover {\r\n                            background-color: rgba(255, 255, 255, 0.2);\r\n                        }\r\n                        position: relative;\r\n                        background-size: contain;\r\n                        border-style: solid;\r\n                        display: block;\r\n                        margin-bottom: 1vw;\r\n                        @media (max-width: 768px) {\r\n                            //une colonne 90%\r\n                            width: 90vw;\r\n                            height: 63.14vw;\r\n                            border-width: .6vw .6vw 3vw .6vw;\r\n                            h3 {\r\n                                font-size: 4.2vw;\r\n                                line-height: 10.5vw;\r\n                                height: 10.5vw;\r\n                            }\r\n                            h4 {\r\n                                font-size: 4.2vw;\r\n                                line-height: 8.4vw;\r\n                                height: 8.3vw;\r\n                            }\r\n                            img {\r\n                                height: 8.4vw;\r\n                                width: auto;\r\n                            }\r\n                        }\r\n                        @media (min-width: 768px) {\r\n                            //deux colonnes\r\n                            width: 43vw;\r\n                            height: 30.17vw;\r\n                            border-width: .3vw .3vw 1.5vw .3vw;\r\n                            h3 {\r\n                                font-size: 2vw;\r\n                                line-height: 5vw;\r\n                                height: 5vw;\r\n                            }\r\n                            h4 {\r\n                                font-size: 2vw;\r\n                                line-height: 4vw;\r\n                                height: 4vw;\r\n                            }\r\n                            img {\r\n                                height: 4vw;\r\n                                width: auto;\r\n                            }\r\n                        }\r\n                        @media (min-width: 992px) {\r\n                            //deux colonnes\r\n                            width: 43vw;\r\n                            height: 30.17vw;\r\n                            border-width: .3vw .3vw 1.5vw .3vw;\r\n                            h3 {\r\n                                font-size: 2vw;\r\n                                line-height: 5vw;\r\n                                height: 5vw;\r\n                            }\r\n                            h4 {\r\n                                font-size: 2vw;\r\n                                line-height: 4vw;\r\n                                height: 4vw;\r\n                            }\r\n                            img {\r\n                                height: 4vw;\r\n                                width: auto;\r\n                            }\r\n                        }\r\n                        @media (min-width: 1200px) {\r\n                            //trois colonnes\r\n                            width: 30vw;\r\n                            height: 21.1vw;\r\n                            border-width: .2vw .2vw 1vw .2vw;\r\n                            h3 {\r\n                                font-size: 1.35vw;\r\n                                line-height: 3.33vw;\r\n                                height: 3.33vw;\r\n                            }\r\n                            h4 {\r\n                                font-size: 1.35vw;\r\n                                line-height: 2.66vw;\r\n                                height: 2.66vw;\r\n                            }\r\n                            img {\r\n                                height: 2.66vw;\r\n                                width: auto;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        \r\n    }*/\r\n}","#unitaire,\r\n#apropos {\r\n    //code valable pour l'article unitaire, la page a propos\r\n    article {\r\n        height: fit-content;\r\n        margin-bottom: 2rem;\r\n    }\r\n    h3 {\r\n        margin: 3.5rem auto 1rem auto;\r\n        text-transform: uppercase;\r\n        letter-spacing: calc(.2px + (.4 - .2) * ((100vw - 300px) / (1600 - 300)));\r\n        font-size: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));\r\n        color: black;\r\n    }\r\n    p {\r\n        background-color: white;\r\n        font-family: 'Open Sans regular';\r\n        color: black;\r\n        padding: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));\r\n        border-radius: calc(6px + (12 - 6) * ((100vw - 300px) / (1600 - 300)));\r\n        span {\r\n            color: $color-contrast;\r\n        }\r\n    }\r\n    .art {\r\n        margin: 2rem auto;\r\n        position: relative;\r\n        border-style: solid;\r\n        border-color: #ccc;\r\n        display: block;\r\n        background-size: contain;\r\n        @media (max-width: 768px) {\r\n            width: 70vw;\r\n            height: 47vw;\r\n            border-width: .5vw .5vw .5vw .5vw;\r\n            img.bg {\r\n                width: 69vw;\r\n                height: 46vw;\r\n            }\r\n            h4 {\r\n                height: 5vw;\r\n                line-height: 5vw;\r\n                font-size: 2.5vw;\r\n            }\r\n            img.flag {\r\n                height: 5vw;\r\n                width: auto;\r\n            }\r\n        }\r\n        @media (min-width: 768px) {\r\n            //dimensions fixes\r\n            width: 42.6rem;\r\n            height: 28.6rem;\r\n            border-width: .3rem .3rem .3rem .3rem;\r\n            img.bg {\r\n                width: 42rem;\r\n                height: 28rem;\r\n            }\r\n            h4 {\r\n                height: 3.13rem;\r\n                line-height: 3.13rem;\r\n                font-size: 1.6rem;\r\n            }\r\n            img.flag {\r\n                height: 3.13rem;\r\n                width: auto;\r\n            }\r\n        }\r\n        @media (min-width: 992px) {\r\n            //dimensions fixes\r\n            width: 35.52rem;\r\n            height: 23.91rem;\r\n            border-width: .26rem .26rem .26rem .26rem;\r\n            img.bg {\r\n                width: 35rem;\r\n                height: 23.39rem\r\n            }\r\n            h4 {\r\n                height: 2.63rem;\r\n                line-height: 2.63rem;\r\n                font-size: 1.3rem;\r\n            }\r\n            img.flag {\r\n                height: 2.63rem;\r\n                width: auto;\r\n            }\r\n        }\r\n        @media (min-width: 1200px) {\r\n            //dimensions fixes\r\n            width: 42.84rem;\r\n            height: 28.77rem;\r\n            border-width: .32rem .32rem .32rem .32rem;\r\n            img.bg {\r\n                width: 42.2rem;\r\n                height: 28.13rem;\r\n            }\r\n            h4 {\r\n                height: 3.13rem;\r\n                line-height: 3.13rem;\r\n                font-size: 1.56rem;\r\n            }\r\n            img.flag {\r\n                height: 3.13rem;\r\n                width: auto;\r\n            }\r\n        }\r\n    }\r\n}","#contact_form {\r\n    @media (max-width: 768px) {\r\n        width: 100%;\r\n        height: 68vw;\r\n        margin: 0 auto auto auto;\r\n        .ligne-form,\r\n        .ligne-form-ta {\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            height: fit-content;\r\n            width: 90%;\r\n            margin: auto;\r\n            .items-form {\r\n                width: 47%; //un peu moins de 50%\r\n                text-align: right;\r\n                label {\r\n                    font-size: 2.7vw;\r\n                    color: black;\r\n                    line-height: 4.5vw;\r\n                    height: 4.5vw;\r\n                    margin-bottom: 0;\r\n                }\r\n                .input {\r\n                    font-size: 2vw !important;\r\n                    width: 100%;\r\n                }\r\n                textarea {\r\n                    height: 13vw;\r\n                    line-height: 1.2;\r\n                }\r\n            }\r\n        }\r\n        .ligne-form-ta {\r\n            align-items: flex-start;\r\n            margin-bottom: 5vw;\r\n        }\r\n        .error_message,\r\n        .envoi {\r\n            width: 100%;\r\n            text-align: center;\r\n            font-family: 'exobold';\r\n            font-size: 2.2vw;\r\n            height: 5vw;\r\n            padding-top: .3vw;\r\n        }\r\n        #message_validation,\r\n        #apres-envoi {\r\n            height: 4vw;\r\n        }\r\n    }\r\n    @media (min-width: 768px) {\r\n        //dimensions fixes\r\n        width: 39rem;\r\n        height: 38rem;\r\n        margin: 0 auto auto auto;\r\n        .ligne-form,\r\n        .ligne-form-ta {\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            height: fit-content;\r\n            width: 34rem;\r\n            margin: auto;\r\n            .items-form {\r\n                width: 16rem; //un peu moins de 50%\r\n                text-align: right;\r\n                label {\r\n                    font-size: 1.5rem;\r\n                    color: black;\r\n                    line-height: 2rem;\r\n                    height: 2rem;\r\n                    margin-bottom: 0;\r\n                }\r\n                .input {\r\n                    font-size: 1rem !important;\r\n                    width: 100%;\r\n                }\r\n                textarea {\r\n                    height: 8rem;\r\n                    line-height: 1.2;\r\n                }\r\n            }\r\n        }\r\n        .ligne-form-ta {\r\n            align-items: flex-start;\r\n            margin-bottom: 4rem;\r\n        }\r\n        .error_message,\r\n        .envoi {\r\n            width: 100%;\r\n            text-align: center;\r\n            font-family: 'exobold';\r\n            font-size: 1rem;\r\n            height: 3.2rem;\r\n            padding-top: .25rem;\r\n        }\r\n        #message_validation,\r\n        #apres-envoi {\r\n            height: 2rem;\r\n        }\r\n    }\r\n    @media (min-width: 992px) {\r\n        //dimensions fixes\r\n        width: 39rem;\r\n        height: 44rem;\r\n        margin: 0 auto auto auto;\r\n        .ligne-form,\r\n        .ligne-form-ta {\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            height: fit-content;\r\n            width: 34rem;\r\n            margin: auto;\r\n            .items-form {\r\n                width: 16rem; //un peu moins de 50%\r\n                text-align: right;\r\n                label {\r\n                    font-size: 1.5rem;\r\n                    color: black;\r\n                    line-height: 2.3rem;\r\n                    height: 2.3rem;\r\n                    margin-bottom: 0;\r\n                }\r\n                .input {\r\n                    font-size: 1.1rem !important;\r\n                    width: 100%;\r\n                }\r\n                textarea {\r\n                    height: 9rem;\r\n                    line-height: 1.2;\r\n                }\r\n            }\r\n        }\r\n        .ligne-form-ta {\r\n            align-items: flex-start;\r\n            margin-bottom: 4.3rem;\r\n        }\r\n        .error_message,\r\n        .envoi {\r\n            width: 100%;\r\n            text-align: center;\r\n            font-family: 'exobold';\r\n            font-size: 1.1rem;\r\n            height: 4.2rem;\r\n            padding-top: .3rem;\r\n        }\r\n        #message_validation,\r\n        #apres-envoi {\r\n            height: 2.1rem;\r\n        }\r\n    }\r\n    @media (min-width: 1200px) {\r\n        width: 43rem;\r\n        height: 46.5rem;\r\n        margin: 0 auto auto auto;\r\n        .ligne-form,\r\n        .ligne-form-ta {\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            height: fit-content;\r\n            width: 38rem; //un peu moins de 50%\r\n            margin: auto;\r\n            .items-form {\r\n                width: 18rem;\r\n                text-align: right;\r\n                font-family: 'exoregular';\r\n                height: fit-content;\r\n                label {\r\n                    font-size: 1.6rem;\r\n                    color: black;\r\n                    line-height: 2.5rem;\r\n                    height: 2.5rem;\r\n                    margin-bottom: 0;\r\n                }\r\n                .input {\r\n                    font-size: 1.2rem !important;\r\n                    width: 100%;\r\n                }\r\n                textarea {\r\n                    height: 9.4rem;\r\n                    line-height: 1.2;\r\n                }\r\n            }\r\n        }\r\n        .ligne-form-ta {\r\n            align-items: flex-start;\r\n            margin-bottom: 4.4rem;\r\n        }\r\n        .error_message,\r\n        .envoi {\r\n            width: 100%;\r\n            text-align: center;\r\n            font-family: 'exobold';\r\n            font-size: 1.2rem;\r\n            height: 4.4rem;\r\n            padding-top: .3rem;\r\n        }\r\n        #message_validation,\r\n        #apres-envoi {\r\n            height: 2.2rem;\r\n        }\r\n    }\r\n}","        #page-legale {\r\n            .row {\r\n                //height: fit-content;\r\n                margin: 2.5rem auto 1rem auto;\r\n                p {\r\n                    line-height: 1.3;\r\n                    margin-bottom: 0;\r\n                    //padding: 1rem;\r\n                }\r\n                .main {\r\n                    //display: flex;\r\n                    //flex-direction: column;\r\n                    //flex-grow: 1;\r\n                    //justify-content: space-around;\r\n                    .bloc-legal {\r\n                        background-color: white;\r\n                        height: fit-content;\r\n                        margin: 2rem auto;\r\n                        padding: .5rem 1rem;\r\n                        border-radius: 1rem;\r\n                    }\r\n                }\r\n                aside {\r\n                    height: fit-content;\r\n                    li {\r\n                        list-style-type: none;\r\n                        margin: 1rem auto;\r\n                        padding: .5rem 1rem;\r\n                        background-color: white;\r\n                        border-radius: 1rem;\r\n                        p {\r\n                            text-transform: uppercase;\r\n                        }\r\n                        a {\r\n                            color: black;\r\n                            &:hover {\r\n                                background-color: rgba(0, 0, 0, .2);\r\n                                text-decoration: none;\r\n                            }\r\n                        }\r\n                        @media (max-width: 992px) {\r\n                            p {\r\n                                font-size: 1.76vw;\r\n                            }\r\n                            a {\r\n                                font-size: 2.2vw;\r\n                            }\r\n                        }\r\n                        @media (min-width: 1200px) {\r\n                            p {\r\n                                font-size: 1rem;\r\n                            }\r\n                            a {\r\n                                font-size: 1.2rem;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }","//règles destinées aux éléments apportés par WP\r\n.menu-menu-superieur-container {\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-grow: 1;\r\n    ul {\r\n        @media (max-width: 576px) {\r\n            margin-left: auto; //md-auto\r\n            flex-direction: column;\r\n            align-items: flex-end;\r\n        }\r\n        @media (min-width: 576px) {\r\n            flex-grow: 1; //étalement\r\n            flex-direction: row;\r\n            align-items: center;\r\n        }\r\n        @media (min-width: 768px) {\r\n            margin-left: auto; //md-auto\r\n            flex-grow: 0;\r\n        }\r\n        margin-block-end: 0; //versus user agent\r\n        margin-block-start: 0;\r\n        padding-inline-start: 0;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        list-style: none;\r\n        margin-bottom: 0;\r\n        li a {\r\n            display: block;\r\n            font-family: 'exoregular';\r\n            letter-spacing: .08rem;\r\n            color: white !important;\r\n            &:hover {\r\n                color: rgba(255, 255, 255, 0.5) !important;\r\n                text-decoration: none;\r\n            }\r\n            @media (max-width: 576px) {\r\n                font-size: 3.8vw;\r\n                padding: .6rem .8rem;\r\n            }\r\n            @media (min-width: 576px) {\r\n                font-size: 1rem;\r\n                padding: .6rem .8rem;\r\n            }\r\n            @media (min-width: 768px) {\r\n                font-size: 1.15rem;\r\n                padding: .5rem .6rem;\r\n            }\r\n            @media (min-width: 992px) {\r\n                font-size: 1.2rem;\r\n                padding: .55rem .7rem;\r\n            }\r\n            @media (min-width: 1200px) {\r\n                font-size: 1.4rem;\r\n                padding: .6rem .8rem;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.logo {\r\n    font-family: \"Caribbean\";\r\n    text-transform: none;\r\n    @media (max-width: 576px) {\r\n        font-size: 2.5vw;\r\n        letter-spacing: .06vw;\r\n    }\r\n    @media (min-width: 576px) {\r\n        font-size: .9rem;\r\n        letter-spacing: .02rem;\r\n    }\r\n    @media (min-width: 768px) {\r\n        font-size: .9rem;\r\n        letter-spacing: .02rem;\r\n    }\r\n    @media (min-width: 992px) {\r\n        font-size: 1.1rem;\r\n        letter-spacing: .025rem;\r\n    }\r\n    @media (min-width: 1200px) {\r\n        font-size: 1.2rem;\r\n        letter-spacing: .027rem;\r\n    }\r\n}"]}