/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  width: 100%;
}

/* couleurs */
strong {
  font-family: open_sansbold, sans-serif;
  font-weight: normal;
}

/*
    ../fonts CSS
    This is my fonts !
    -----------------------------------
*/
@font-face {
  font-family: "poppins-light";
  src: url("../fonts/poppins-light-webfont.eot");
  src: url("../fonts/poppins-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-light-webfont.woff") format("woff"), url("../fonts/poppins-light-webfont.ttf") format("truetype"), url("../fonts/poppins-light-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "poppins-regular";
  src: url("../fonts/poppins-regular-webfont.eot");
  src: url("../fonts/poppins-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-regular-webfont.woff") format("woff"), url("../fonts/poppins-regular-webfont.ttf") format("truetype"), url("../fonts/poppins-regular-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "poppins-semibold";
  src: url("../fonts/poppins-semibold-webfont.eot");
  src: url("../fonts/poppins-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-semibold-webfont.woff") format("woff"), url("../fonts/poppins-semibold-webfont.ttf") format("truetype"), url("../fonts/poppins-semibold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "poppins-bold";
  src: url("../fonts/poppins-bold-webfont.eot");
  src: url("../fonts/poppins-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-bold-webfont.woff") format("woff"), url("../fonts/poppins-bold-webfont.ttf") format("truetype"), url("../fonts/poppins-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansbold";
  src: url("../fonts/OpenSans-Bold-webfont.eot");
  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanslight";
  src: url("../fonts/OpenSans-Light-webfont.eot");
  src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansregular";
  src: url("../fonts/OpenSans-Regular-webfont.eot");
  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanscondbold";
  src: url("../fonts/opensans-condbold-webfont.eot");
  src: url("../fonts/opensans-condbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-condbold-webfont.woff") format("woff"), url("../fonts/opensans-condbold-webfont.ttf") format("truetype"), url("../fonts/opensans-condbold-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanscondlight";
  src: url("../fonts/opensans-condlight-webfont.woff") format("woff"), url("../fonts/opensans-condlight-webfont.ttf") format("truetype"), url("../fonts/opensans-condlight-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
 I'm lovin' Notifications !
 */
#notification {
  position: fixed;
  width: 370px;
  z-index: 2000;
  bottom: 0;
  right: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  pointer-events: none;
  overflow-y: auto;
  overflow-x: hidden;
  /*border: 1px solid #F00;*/
  box-sizing: border-box;
  color: #383838;
}
#notification .not {
  position: relative;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
  min-width: calc(100% - 60px);
  max-width: calc(100% - 60px);
  transition: 0.3s;
  transform: scale(0);
  opacity: 0;
  background: rgba(77, 79, 87, 0.9);
  box-shadow: 0 16px 11px rgba(0, 0, 0, 0.2);
  pointer-events: all;
  flex-shrink: 0;
  font-family: open_sansregular, sans-serif;
  font-size: 12px;
  box-sizing: border-box;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  #notification #notification .not {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.3);
  }
}
#notification .not.visible {
  opacity: 1;
  transform: scale(1);
}
#notification .not.error {
  border: 2px solid #8d0000;
}
#notification .not.error .title {
  color: #8d0000 !important;
}
#notification .not.error .content {
  color: #8d0000 !important;
}
#notification .not .close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  pointer-events: all;
  background-image: url("../images/close-white.svg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#notification .not .title {
  font-family: open_sansbold, sans-serif;
  font-size: 15px;
  padding: 3px 15px 3px 15px;
  color: #FFF;
}
#notification .not.error .title {
  color: #FFF;
  text-transform: uppercase;
}
#notification .not .icon {
  width: 35px;
  padding: 3px 15px 3px 15px;
  box-sizing: content-box;
}
#notification .not .content {
  font-family: open_sansregular, sans-serif;
  font-size: 14px;
  color: #EEE;
  text-align: center;
  padding: 3px 15px 3px 15px;
  width: 100%;
  line-height: 1.3em;
}
#notification .not .content b {
  font-family: open_sansbold, sans-serif;
}
#notification .not .content strong.password {
  font-family: monospace;
  font-weight: bold;
  font-size: 18px;
  margin-top: 6px;
  display: block;
}
#notification .not.error .content {
  color: rgba(0, 0, 0, 0.5);
}
#notification .not a {
  background-color: #1da1f2;
  color: #ffffff;
  text-decoration: none;
  border-radius: 30px;
  padding: 3px 20px 3px 20px;
  display: inline-block;
  margin-top: 12px;
  font-family: open_sansbold, sans-serif;
  font-size: 12px;
}

body.mobile #notification {
  position: fixed;
  z-index: 100;
  width: 100%;
  top: 0;
  bottom: initial;
  left: 0;
  margin-left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  pointer-events: none;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 60px;
}

/*
We are takin' about Loading !
 */
#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /*background: #ffffff;*/
  z-index: 20;
  transition: 0.1s;
  opacity: 0;
  pointer-events: none;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
#loading .loader {
  width: 200px;
  height: 200px;
  animation-name: loaderWheel;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background: url(../images/wheel-blue.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#loading .texte {
  color: #152a4a;
  font-family: open_sanslight, sans-serif;
  font-size: 32px;
}
#loading.visible {
  opacity: 1;
  pointer-events: all;
}

@keyframes loaderWheel {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading-inline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 10px;
}
.loading-inline .loader {
  width: 35px;
  height: 35px;
  animation-name: loaderWheel;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background: url(../images/wheel-blue.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
}
.loading-inline .texte {
  color: #152a4a;
  font-family: open_sansregular, sans-serif;
  font-size: 14px;
}

.loaderWheel {
  width: 200px;
  height: 200px;
  animation-name: loaderWheel;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background: url(../images/wheel-blue.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

/*
  Map ! Map ! Map !
 */
#map {
  width: 800px;
  height: 400px;
  border: 2px solid #244f85;
}
#map .credits {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  font-family: open_sansregular, sans-serif;
  font-size: 9px;
  pointer-events: none;
}
#map .credits a {
  color: #1d406b;
  text-decoration: none;
}
#map .map_buttons {
  position: absolute;
  top: 20px;
  right: 0;
}
#map .map_buttons .map_btn {
  width: 25px;
  height: 25px;
  margin-bottom: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-right: none;
  padding: 5px;
}
#map #points_list {
  position: absolute;
  top: 0;
  left: 0;
}
#map #points_list .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 10px 3px 10px;
  background: #F5F5F5;
  border-radius: 0 8px 8px 0;
  margin-top: 10px;
}
#map #points_list .item .label {
  flex: 1;
  padding: 5px;
  font-family: open_sansbold, sans-serif;
  font-size: 12px;
  color: #152a4a;
  text-transform: uppercase;
}
#map #points_list .item .remover {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  background-image: url("../images/trash-red.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-left: 10px;
}
#map #point-description {
  position: absolute;
  bottom: 0;
  left: 15%;
  width: 70%;
  padding: 20px 20px 0;
  border-radius: 8px 8px 0 0;
  font-family: open_sansregular, sans-serif;
  font-size: 12px;
  color: #152a4a;
  transition: 0.3s;
  transform: translateY(110%);
  box-sizing: border-box;
  border: 1.5px solid #244f85;
  border-bottom: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  backdrop-filter: blur(5px);
}
#map #point-description label {
  margin-bottom: 10px;
}
#map #point-description textarea {
  width: 80%;
  font-size: 14px;
}
#map #point-description .buttons button {
  padding: 8px 20px 8px 20px;
  border: 1px solid #244f85;
  margin: 24px 10px;
  font-size: 12px;
}
#map #point-description.visible {
  transform: translateY(0);
}

.marker {
  background-size: cover;
  width: 35px;
  height: 43.5px;
  cursor: pointer;
}
.marker.green {
  background-image: url("../images/point-green.svg");
}
.marker.red {
  background-image: url("../images/point-red.svg");
}
.marker.blue {
  background-image: url("../images/point-blue.svg");
}

a.mapboxgl-ctrl-logo {
  display: none !important;
}

body.mobile #map {
  width: 100vw;
  height: 60vh;
  border-right: none;
  border-left: none;
}
body.mobile #map #point-description {
  left: 5%;
  width: 90%;
}

body.home {
  overflow-x: hidden;
  background: #F5F5F5;
  color: #333333;
  font-family: open_sansregular, sans-serif;
  font-size: 16px;
  line-height: 1.3;
}
body.home #home {
  background-image: url("../images/illustration2.svg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 60vw;
  /*
      .illustration {
        justify-content: flex-end;
        padding: 0;
      }
  */
}
body.home #home h2 {
  max-width: 600px;
}
body.home #home h1, body.home #home h2, body.home #home h3 {
  margin: 30px 0 30px 0;
}
body.home #home h3 {
  background: #F5F5F5;
}
body.home #home .logo {
  width: 500px;
  margin-bottom: 5vh;
}
body.home #home .button-img .label {
  font-size: 16px;
  padding-bottom: 20px;
}
body.home #presentation .picture {
  background-image: url("/images/picture1.jpeg");
}
body.home #call-to-action .picture {
  background-image: url("/images/picture2.jpg");
  background-position: left center;
}
body.home #tutoriel iframe {
  background: transparent;
  border-radius: 5px;
  border: 1px solid #F5F5F5;
  /*width: 80%;
  height: 300px;*/
}
body.home #newsletter .picture {
  background-image: url("/images/picture3.jpg");
}
body.home #newsletter #ct img {
  display: block;
  width: 50px;
}
body.home #newsletter .hashtag {
  display: inline-block;
  padding: 5px 10px 5px 10px;
  background-color: #f36700;
  color: rgb(255, 255, 255);
  transform: rotate(3deg);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  font-family: open_sanscondbold, sans-serif;
  text-transform: initial;
  font-size: 20px;
}
body.home #newsletter h4 {
  text-align: left;
  margin-bottom: 5px;
  margin-top: 50px;
}
body.home #newsletter p {
  margin-top: 0;
  text-align: center;
}
body.home #newsletter a {
  display: block;
  border: 1px solid #999999;
  color: #333333;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 8px 30px 8px 30px;
  font-size: 16px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  width: max-content;
  text-decoration: none;
  margin: 10px auto 50px auto;
}
body.home #faq .picture {
  background-image: url("/images/picture4.jpg");
}
body.home #faq .liste .item {
  box-sizing: border-box;
  border: 1px solid #244f85;
  border-radius: 3px;
  margin-bottom: 20px;
}
body.home #faq .liste .item.deploy .reponse {
  max-height: 1000px;
  padding: 10px;
  overflow-y: auto;
}
body.home #faq .liste .item .question {
  background: #F5F5F5;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  justify-content: flex-start;
  color: #333333;
}
body.home #faq .liste .item .question .number {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: open_sansbold, sans-serif;
  font-size: 16px;
  width: 30px;
  min-height: 25px;
  background: #1d406b;
  color: #F5F5F5;
  margin-right: 10px;
}
body.home #faq .liste .item .question .label {
  padding: 5px;
}
body.home #faq .liste .item .question:hover {
  background: #244f85;
  color: #F5F5F5;
}
body.home #faq .liste .item .reponse {
  font-family: open_sanslight, sans-serif;
  transition: 1s;
  max-height: 0;
  overflow: hidden;
  line-height: 1.5;
  padding: 0 10px 0 10px;
  color: #cbcbcb;
}
body.home #faq .liste .item .reponse a {
  color: #111831;
}
body.home #la_fub .picture {
  border-radius: 0;
  border: none;
  background-image: url("/images/logo-fub-color.svg");
}
body.home #la_fub .rs {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  margin-top: 10px;
}
body.home #la_fub .rs a img {
  width: 38px;
}
body.home #methodologie .picture {
  background-image: url("/images/photo_climat.jpg");
}
body.home #enseignements .picture {
  background-image: url("/images/photo_enseignements.jpg");
}
body.home #participation .picture {
  background-image: url("/images/photo_participation.jpg");
}
body.home #partenaires .picture {
  border-radius: 0;
  border: none;
  background-image: url("/images/logo-fub-white.svg");
}
body.home #partenaires .logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
body.home #partenaires .logos .logo_partenaire {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 1px solid #999999;
  background-color: white;
  background-repeat: no-repeat !important;
  background-size: 80%;
  background-position: center center !important;
  margin: 20px;
}
body.home b {
  font-family: open_sansbold, sans-serif;
}
body.home * {
  box-sizing: border-box;
}
body.home section, body.home header {
  width: 100vw;
}
body.home section.back-alt, body.home header.back-alt {
  background: #152a4a;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: none;
  border-right: none;
}
body.home section.back-alt h2, body.home header.back-alt h2 {
  color: rgb(255, 255, 255);
}
body.home section.back-alt h3, body.home header.back-alt h3 {
  color: #F5F5F5;
}
body.home section.back-alt h4, body.home header.back-alt h4 {
  color: rgb(255, 255, 255);
}
body.home section.back-alt p, body.home header.back-alt p {
  color: #F5F5F5;
}
body.home section .picture, body.home header .picture {
  width: 200px;
  height: 200px;
  border: 1px solid #999999;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
body.home section.cols, body.home header.cols {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
body.home section.cols.invert, body.home header.cols.invert {
  flex-direction: row-reverse;
}
body.home section .col, body.home header .col {
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.home section .col.w10, body.home header .col.w10 {
  width: 10vw;
}
body.home section .col.w20, body.home header .col.w20 {
  width: 20vw;
}
body.home section .col.w30, body.home header .col.w30 {
  width: 30vw;
}
body.home section .col.w40, body.home header .col.w40 {
  width: 40vw;
}
body.home section .col.w50, body.home header .col.w50 {
  width: 50vw;
  max-width: 600px;
}
body.home section .col.w60, body.home header .col.w60 {
  width: 60vw;
}
body.home section .col.w70, body.home header .col.w70 {
  width: 70vw;
}
body.home section .col.w80, body.home header .col.w80 {
  width: 80vw;
}
body.home section .col.w90, body.home header .col.w90 {
  width: 90vw;
}
body.home section .col.w100, body.home header .col.w100 {
  width: 100vw;
}
body.home section .col .buttons, body.home header .col .buttons {
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-width: 470px;
}
body.home section .col .buttons.flex-v, body.home header .col .buttons.flex-v {
  flex-direction: column;
}
body.home header {
  min-height: 90vh;
}
body.home header .logo-fub {
  width: 150px;
}
body.home h1, body.home h2, body.home h3, body.home h4 {
  font-family: open_sansbold, sans-serif;
  margin: 10px 0 10px 0;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
body.home h2 {
  font-family: open_sanscondlight, sans-serif;
  font-size: 50px;
  color: #152a4a;
}
body.home h3 {
  font-family: open_sanscondbold, sans-serif;
  font-size: 25px;
  color: #1d406b;
}
body.home h4 {
  font-size: 20px;
  color: #244f85;
}
body.home p {
  margin: 20px 0 20px 0;
  line-height: 1.6;
  width: 100%;
}
body.home p.center {
  text-align: center;
}
body.home p.left {
  text-align: center;
}
body.home p.right {
  text-align: center;
}
body.home p.justify {
  text-align: justify;
}
body.home .button-big {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 12px 40px 12px 40px;
  color: #1d406b;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 60px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  cursor: pointer;
  width: max-content;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  max-width: 300px;
}
body.home .button-big:hover {
  transform: scale(1.2);
}
body.home .button-big .small {
  display: block;
  font-family: open_sansregular, sans-serif;
  font-size: 12px;
  margin-top: 5px;
}
body.home .button-medium {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 9px 20px 9px 20px;
  color: #1d406b;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 20px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  width: max-content;
}
body.home .button-medium:hover {
  transform: scale(1.2);
}
body.home .button-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 9px 20px 9px 20px;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 20px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  max-width: 200px;
}
body.home .button-img .icon {
  display: block;
  width: 80px;
}
body.home .button-img .label {
  display: block;
  color: #1d406b;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
}
body.home .button-img.horizontal {
  flex-direction: row;
  max-width: 470px;
  margin: 10px;
}
body.home .button-img.horizontal .icon {
  width: 70px;
  min-width: 70px;
  margin-right: 27px;
}
body.home .button-img.horizontal .label {
  text-align: left;
}
body.home .button-img .text-color-a {
  color: #4B9833;
}
body.home .button-img .text-color-b {
  color: #79B52D;
}
body.home .button-img .text-color-c {
  color: #C8D227;
}
body.home .button-img .text-color-d {
  color: #FEEF30;
}
body.home .button-img .text-color-e {
  color: #FCCB2C;
}
body.home .button-img .text-color-f {
  color: #F39939;
}
body.home .button-img .text-color-g {
  color: #E44B23;
}
body.home .button-img .liner {
  width: 50%;
  margin: 30px auto 30px auto;
}
body.home .button-img form input {
  border: 1px solid #999999;
  padding: 5px 10px 5px 10px;
  background: rgb(255, 255, 255);
  color: #222222;
  font-family: open_sansregular, sans-serif;
  font-size: 15px;
  border-radius: 5px;
}
body.home .button-img form button {
  border: 1px solid #999999;
  color: #333333;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 8px 30px 8px 30px;
  font-size: 12px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
body.home .button-img #partenaires .picture {
  border-radius: 0;
  border: none;
  background-image: url("/images/logo-fub-white.svg");
}
body.home .button-img #partenaires .logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
body.home .button-img #partenaires .logos .logo_partenaire {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 1px solid #999999;
  background-color: white;
  background-repeat: no-repeat !important;
  background-size: 80%;
  background-position: center center !important;
  margin: 20px;
}
body.home .button-img-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 9px 20px 9px 20px;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 20px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  max-width: 230px;
}
body.home .button-img-title .icon {
  width: 80px;
  height: 80px;
  margin-bottom: 5px;
}
body.home .button-img-title .title {
  display: block;
  color: #1d406b;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 25px;
}
body.home .button-img-title .label {
  display: block;
  color: #244f85;
  font-family: open_sansregular, sans-serif;
  font-size: 15px;
}
body.home .button-img-title.horizontal {
  flex-direction: row;
  max-width: 470px;
  margin: 10px;
}
body.home .button-img-title.horizontal .icon {
  width: 70px;
  min-width: 70px;
  margin-right: 27px;
}
body.home .button-img-title.horizontal .label {
  text-align: left;
}
body.home .button-img-title:hover {
  transform: scale(1.2);
}

body.mobile #millesime {
  transform: scale(0.7) rotate(-45deg);
  top: 23px;
  left: -104px;
}
body.mobile .cols {
  flex-direction: column !important;
}
body.mobile .cols .col {
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
  padding: 30px 50px 30px 50px;
}
body.mobile h2 {
  font-size: 35px;
}
body.mobile h3 {
  font-size: 20px;
}
body.mobile h4 {
  font-size: 18px;
}
body.mobile #tutoriel iframe {
  width: 400px;
}
body.mobile #home {
  min-height: 100vh;
  background-size: 100vw;
}
body.mobile #home h1 {
  margin-bottom: 10px;
}
body.mobile #home h3 {
  color: #244f85;
  text-shadow: 0 0 5px white;
}
body.mobile #home .logo {
  width: 95%;
}
body.mobile #home .col {
  margin-left: 0;
  width: 100%;
  max-width: 100%;
  padding-top: 10px;
}

body.home2019 {
  overflow-x: hidden;
  background: #F5F5F5;
  color: #333333;
  font-family: open_sansregular, sans-serif;
  font-size: 16px;
  line-height: 1.3;
}
body.home2019 #logo {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 300px;
}
body.home2019 #millesime {
  right: -82px;
  transform: rotate(45deg);
  position: absolute;
  top: 43px;
  width: 300px;
  padding: 7px 30px 7px 30px;
  box-sizing: border-box;
  background-color: #1d406b;
  color: rgb(255, 255, 255);
  font-family: open_sansbold, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
}
body.home2019 #home h2 {
  max-width: 600px;
  margin-top: 15vh;
}
body.home2019 #home .buttons {
  max-width: 800px;
  align-items: flex-start;
}
body.home2019 #methodologie .picture {
  background-image: url("/images/photo_climat.jpg");
}
body.home2019 #enseignements .picture {
  background-image: url("/images/photo_enseignements.jpg");
}
body.home2019 #participation .picture {
  background-image: url("/images/photo_participation.jpg");
}
body.home2019 #partenaires .picture {
  border-radius: 0;
  border: none;
  background-image: url("/images/logo-fub-white.svg");
}
body.home2019 #partenaires .logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
body.home2019 #partenaires .logos .logo_partenaire {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 1px solid #999999;
  background-color: white;
  background-repeat: no-repeat !important;
  background-size: 80%;
  background-position: center center !important;
  margin: 20px;
}
body.home2019 b {
  font-family: open_sansbold, sans-serif;
}
body.home2019 * {
  box-sizing: border-box;
}
body.home2019 section, body.home2019 header {
  width: 100vw;
}
body.home2019 section.back-alt, body.home2019 header.back-alt {
  background: #152a4a;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: none;
  border-right: none;
}
body.home2019 section.back-alt h2, body.home2019 header.back-alt h2 {
  color: rgb(255, 255, 255);
}
body.home2019 section.back-alt h3, body.home2019 header.back-alt h3 {
  color: #F5F5F5;
}
body.home2019 section.back-alt h4, body.home2019 header.back-alt h4 {
  color: #999999;
}
body.home2019 section.back-alt p, body.home2019 header.back-alt p {
  color: #F5F5F5;
}
body.home2019 section .picture, body.home2019 header .picture {
  width: 200px;
  height: 200px;
  border: 1px solid #999999;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
body.home2019 section.cols, body.home2019 header.cols {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
body.home2019 section.cols.invert, body.home2019 header.cols.invert {
  flex-direction: row-reverse;
}
body.home2019 section .col, body.home2019 header .col {
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.home2019 section .col.w10, body.home2019 header .col.w10 {
  width: 10vw;
}
body.home2019 section .col.w20, body.home2019 header .col.w20 {
  width: 20vw;
}
body.home2019 section .col.w30, body.home2019 header .col.w30 {
  width: 30vw;
}
body.home2019 section .col.w40, body.home2019 header .col.w40 {
  width: 40vw;
}
body.home2019 section .col.w50, body.home2019 header .col.w50 {
  width: 50vw;
  max-width: 600px;
}
body.home2019 section .col.w60, body.home2019 header .col.w60 {
  width: 60vw;
}
body.home2019 section .col.w70, body.home2019 header .col.w70 {
  width: 70vw;
}
body.home2019 section .col.w80, body.home2019 header .col.w80 {
  width: 80vw;
}
body.home2019 section .col.w90, body.home2019 header .col.w90 {
  width: 90vw;
}
body.home2019 section .col.w100, body.home2019 header .col.w100 {
  width: 100vw;
}
body.home2019 section .col .buttons, body.home2019 header .col .buttons {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
body.home2019 section .col .buttons.flex-v, body.home2019 header .col .buttons.flex-v {
  flex-direction: column;
}
body.home2019 header {
  min-height: 90vh;
}
body.home2019 header .logo-fub {
  width: 150px;
}
body.home2019 h1, body.home2019 h2, body.home2019 h3, body.home2019 h4 {
  font-family: open_sansbold, sans-serif;
  margin: 10px 0 10px 0;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
body.home2019 h2 {
  font-family: open_sanscondlight, sans-serif;
  font-size: 50px;
  color: #152a4a;
}
body.home2019 h3 {
  font-family: open_sanscondbold, sans-serif;
  font-size: 25px;
  color: #1d406b;
}
body.home2019 h4 {
  font-size: 20px;
  color: #244f85;
}
body.home2019 p {
  margin: 20px 0 20px 0;
  line-height: 1.6;
  width: 100%;
}
body.home2019 p.center {
  text-align: center;
}
body.home2019 p.left {
  text-align: center;
}
body.home2019 p.right {
  text-align: center;
}
body.home2019 p.justify {
  text-align: justify;
}
body.home2019 .button-big {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 12px 40px 12px 40px;
  color: #1d406b;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 60px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  cursor: pointer;
  width: max-content;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  max-width: 300px;
}
body.home2019 .button-big:hover {
  transform: scale(1.2);
}
body.home2019 .button-big .small {
  display: block;
  font-family: open_sansregular, sans-serif;
  font-size: 12px;
  margin-top: 5px;
}
body.home2019 .button-medium {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 9px 20px 9px 20px;
  color: #1d406b;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 20px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  width: max-content;
}
body.home2019 .button-medium:hover {
  transform: scale(1.2);
}
body.home2019 .button-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 9px 20px 9px 20px;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 20px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  max-width: 200px;
}
body.home2019 .button-img .icon {
  display: block;
  width: 80px;
}
body.home2019 .button-img .label {
  display: block;
  color: #1d406b;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
}
body.home2019 .button-img.horizontal {
  flex-direction: row;
  max-width: 470px;
  margin: 10px;
}
body.home2019 .button-img.horizontal .icon {
  width: 70px;
  min-width: 70px;
  margin-right: 27px;
}
body.home2019 .button-img.horizontal .label {
  text-align: left;
}
body.home2019 .button-img .text-color-a {
  color: #4B9833;
}
body.home2019 .button-img .text-color-b {
  color: #79B52D;
}
body.home2019 .button-img .text-color-c {
  color: #C8D227;
}
body.home2019 .button-img .text-color-d {
  color: #FEEF30;
}
body.home2019 .button-img .text-color-e {
  color: #FCCB2C;
}
body.home2019 .button-img .text-color-f {
  color: #F39939;
}
body.home2019 .button-img .text-color-g {
  color: #E44B23;
}
body.home2019 .button-img .liner {
  width: 50%;
  margin: 30px auto 30px auto;
}
body.home2019 .button-img #home {
  background-image: url("../images/illustration2.svg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 60vw;
  /*
      .illustration {
        justify-content: flex-end;
        padding: 0;
      }
  */
}
body.home2019 .button-img #home h2 {
  max-width: 600px;
}
body.home2019 .button-img #home h1, body.home2019 .button-img #home h2, body.home2019 .button-img #home h3 {
  margin: 30px 0 30px 0;
}
body.home2019 .button-img #home h3 {
  background: #F5F5F5;
}
body.home2019 .button-img #home .logo {
  width: 500px;
}
body.home2019 .button-img #presentation .picture {
  background-image: url("../images/picture1.jpeg");
}
body.home2019 .button-img #la_fub .picture {
  border-radius: 0;
  border: none;
  background-image: url("../images/logo-fub-white.svg");
}
body.home2019 .button-img #la_fub .rs {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  margin-top: 10px;
}
body.home2019 .button-img #la_fub .rs a img {
  width: 38px;
}
body.home2019 .button-img form input {
  border: 1px solid #999999;
  padding: 5px 10px 5px 10px;
  background: rgb(255, 255, 255);
  color: #222222;
  font-family: open_sansregular, sans-serif;
  font-size: 15px;
  border-radius: 5px;
}
body.home2019 .button-img form button {
  border: 1px solid #999999;
  color: #333333;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 8px 30px 8px 30px;
  font-size: 12px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
body.home2019 .button-img #call-to-action .picture {
  background-image: url("../images/picture2.jpg");
  background-position: left center;
}
body.home2019 .button-img #tutoriel iframe {
  background: transparent;
  border-radius: 5px;
  border: 1px solid #F5F5F5;
  /*width: 80%;
  height: 300px;*/
}
body.home2019 .button-img #newsletter .picture {
  background-image: url("../images/picture3.jpg");
}
body.home2019 .button-img #newsletter #ct img {
  display: block;
  width: 50px;
}
body.home2019 .button-img #newsletter .hashtag {
  display: inline-block;
  padding: 5px 10px 5px 10px;
  background-color: #f36700;
  color: rgb(255, 255, 255);
  transform: rotate(3deg);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  font-family: open_sanscondbold, sans-serif;
  text-transform: initial;
  font-size: 20px;
}
body.home2019 .button-img #newsletter h4 {
  text-align: left;
  margin-bottom: 5px;
  margin-top: 50px;
}
body.home2019 .button-img #newsletter p {
  margin-top: 0;
  text-align: center;
}
body.home2019 .button-img #newsletter a {
  display: block;
  border: 1px solid #999999;
  color: #333333;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 8px 30px 8px 30px;
  font-size: 16px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  width: max-content;
  text-decoration: none;
  margin: 10px auto 50px auto;
}
body.home2019 .button-img #partenaires .picture {
  border-radius: 0;
  border: none;
  background-image: url("/images/logo-fub-white.svg");
}
body.home2019 .button-img #partenaires .logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
body.home2019 .button-img #partenaires .logos .logo_partenaire {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 1px solid #999999;
  background-color: white;
  background-repeat: no-repeat !important;
  background-size: 80%;
  background-position: center center !important;
  margin: 20px;
}
body.home2019 .button-img #faq .picture {
  background-image: url("../images/picture4.jpg");
}
body.home2019 .button-img #faq .liste .item {
  box-sizing: border-box;
  border: 1px solid #244f85;
  border-radius: 3px;
  margin-bottom: 20px;
}
body.home2019 .button-img #faq .liste .item.deploy .reponse {
  max-height: 1000px;
  padding: 10px;
  overflow-y: auto;
}
body.home2019 .button-img #faq .liste .item .question {
  background: #F5F5F5;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  justify-content: flex-start;
  color: #333333;
}
body.home2019 .button-img #faq .liste .item .question .number {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: open_sansbold, sans-serif;
  font-size: 16px;
  width: 30px;
  min-height: 25px;
  background: #1d406b;
  color: #F5F5F5;
  margin-right: 10px;
}
body.home2019 .button-img #faq .liste .item .question .label {
  padding: 5px;
}
body.home2019 .button-img #faq .liste .item .question:hover {
  background: #244f85;
  color: #F5F5F5;
}
body.home2019 .button-img #faq .liste .item .reponse {
  font-family: open_sanslight, sans-serif;
  transition: 1s;
  max-height: 0;
  overflow: hidden;
  line-height: 1.5;
  padding: 0 10px 0 10px;
  color: #152a4a;
}
body.home2019 .button-img #faq .liste .item .reponse a {
  color: #111831;
}
body.home2019 .button-img-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 9px 20px 9px 20px;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 20px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  max-width: 230px;
}
body.home2019 .button-img-title .icon {
  width: 80px;
  height: 80px;
  margin-bottom: 5px;
}
body.home2019 .button-img-title .title {
  display: block;
  color: #1d406b;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 25px;
}
body.home2019 .button-img-title .label {
  display: block;
  color: #244f85;
  font-family: open_sansregular, sans-serif;
  font-size: 15px;
}
body.home2019 .button-img-title.horizontal {
  flex-direction: row;
  max-width: 470px;
  margin: 10px;
}
body.home2019 .button-img-title.horizontal .icon {
  width: 70px;
  min-width: 70px;
  margin-right: 27px;
}
body.home2019 .button-img-title.horizontal .label {
  text-align: left;
}
body.home2019 .button-img-title:hover {
  transform: scale(1.2);
}
body.home2019 body.mobile #millesime {
  transform: scale(0.7) rotate(-45deg);
  top: 23px;
  left: -104px;
}
body.home2019 body.mobile .cols {
  flex-direction: column !important;
}
body.home2019 body.mobile .cols .col {
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
  padding: 30px 50px 30px 50px;
}
body.home2019 body.mobile h2 {
  font-size: 35px;
}
body.home2019 body.mobile h3 {
  font-size: 20px;
}
body.home2019 body.mobile h4 {
  font-size: 18px;
}
body.home2019 body.mobile #tutoriel iframe {
  width: 400px;
}
body.home2019 body.mobile #home {
  min-height: 100vh;
  background-size: 100vw;
}
body.home2019 body.mobile #home h1 {
  margin-bottom: 10px;
}
body.home2019 body.mobile #home h3 {
  color: #244f85;
  text-shadow: 0 0 5px white;
}
body.home2019 body.mobile #home .logo {
  width: 95%;
}
body.home2019 body.mobile #home .col {
  margin-left: 0;
  width: 100%;
  max-width: 100%;
  padding-top: 10px;
}

/*
@keyframes rollingGradient {
  0% {   border-color: $color-a;  }
  15% {   border-color: $color-b;  }
  30% {   border-color: $color-c;  }
  45% {   border-color: $color-d;  }
  60% {   border-color: $color-e;  }
  75% {   border-color: $color-f;  }
  90% {   border-color: $color-g;  }
  100% {   border-color: $color-a;  }
}
 */
body.home2021 {
  overflow-x: hidden;
  background: #F5F5F5;
  color: #333333;
  font-family: open_sansregular, sans-serif;
  font-size: 16px;
  line-height: 1.3;
}
body.home2021 #logo {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 300px;
}
body.home2021 #millesime {
  right: -82px;
  transform: rotate(45deg);
  position: absolute;
  top: 43px;
  width: 300px;
  padding: 7px 30px 7px 30px;
  box-sizing: border-box;
  background-color: #1d406b;
  color: rgb(255, 255, 255);
  font-family: open_sansbold, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
}
body.home2021 #home h2 {
  max-width: 600px;
  margin-top: 15vh;
}
body.home2021 #home .buttons {
  max-width: 800px;
  align-items: flex-start;
}
body.home2021 #methodologie .picture {
  background-image: url("/images/photo_climat.jpg");
}
body.home2021 #enseignements .picture {
  background-image: url("/images/photo_enseignements.jpg");
}
body.home2021 #participation .picture {
  background-image: url("/images/photo_participation.jpg");
}
body.home2021 #partenaires .picture {
  border-radius: 0;
  border: none;
  background-image: url("/images/logo-fub-color.svg");
}
body.home2021 #partenaires .logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
body.home2021 #partenaires .logos .logo_partenaire {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 1px solid #999999;
  background-color: white;
  background-repeat: no-repeat !important;
  background-size: 80%;
  background-position: center center !important;
  margin: 20px;
}
body.home2021 b {
  font-family: open_sansbold, sans-serif;
}
body.home2021 * {
  box-sizing: border-box;
}
body.home2021 section, body.home2021 header {
  width: 100vw;
}
body.home2021 section.back-alt, body.home2021 header.back-alt {
  background: #152a4a;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: none;
  border-right: none;
}
body.home2021 section.back-alt h2, body.home2021 header.back-alt h2 {
  color: rgb(255, 255, 255);
}
body.home2021 section.back-alt h3, body.home2021 header.back-alt h3 {
  color: #F5F5F5;
}
body.home2021 section.back-alt h4, body.home2021 header.back-alt h4 {
  color: #999999;
}
body.home2021 section.back-alt p, body.home2021 header.back-alt p {
  color: #F5F5F5;
}
body.home2021 section .picture, body.home2021 header .picture {
  width: 200px;
  height: 200px;
  border: 1px solid #999999;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
body.home2021 section.cols, body.home2021 header.cols {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
body.home2021 section.cols.invert, body.home2021 header.cols.invert {
  flex-direction: row-reverse;
}
body.home2021 section .col, body.home2021 header .col {
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.home2021 section .col.w10, body.home2021 header .col.w10 {
  width: 10vw;
}
body.home2021 section .col.w20, body.home2021 header .col.w20 {
  width: 20vw;
}
body.home2021 section .col.w30, body.home2021 header .col.w30 {
  width: 30vw;
}
body.home2021 section .col.w40, body.home2021 header .col.w40 {
  width: 40vw;
}
body.home2021 section .col.w50, body.home2021 header .col.w50 {
  width: 50vw;
  max-width: 600px;
}
body.home2021 section .col.w60, body.home2021 header .col.w60 {
  width: 60vw;
}
body.home2021 section .col.w70, body.home2021 header .col.w70 {
  width: 70vw;
}
body.home2021 section .col.w80, body.home2021 header .col.w80 {
  width: 80vw;
}
body.home2021 section .col.w90, body.home2021 header .col.w90 {
  width: 90vw;
}
body.home2021 section .col.w100, body.home2021 header .col.w100 {
  width: 100vw;
}
body.home2021 section .col .buttons, body.home2021 header .col .buttons {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
body.home2021 section .col .buttons.flex-v, body.home2021 header .col .buttons.flex-v {
  flex-direction: column;
}
body.home2021 header {
  min-height: 90vh;
}
body.home2021 header .logo-fub {
  width: 150px;
}
body.home2021 h1, body.home2021 h2, body.home2021 h3, body.home2021 h4 {
  font-family: open_sansbold, sans-serif;
  margin: 10px 0 10px 0;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}
body.home2021 h2 {
  font-family: open_sanscondlight, sans-serif;
  font-size: 50px;
  color: #152a4a;
}
body.home2021 h3 {
  font-family: open_sanscondbold, sans-serif;
  font-size: 25px;
  color: #1d406b;
}
body.home2021 h4 {
  font-size: 20px;
  color: #244f85;
}
body.home2021 p {
  margin: 20px 0 20px 0;
  line-height: 1.6;
  width: 100%;
}
body.home2021 p.center {
  text-align: center;
}
body.home2021 p.left {
  text-align: center;
}
body.home2021 p.right {
  text-align: center;
}
body.home2021 p.justify {
  text-align: justify;
}
body.home2021 .button-big {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 12px 40px 12px 40px;
  color: #1d406b;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 60px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  cursor: pointer;
  width: max-content;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  max-width: 300px;
}
body.home2021 .button-big:hover {
  transform: scale(1.2);
}
body.home2021 .button-big .small {
  display: block;
  font-family: open_sansregular, sans-serif;
  font-size: 12px;
  margin-top: 5px;
}
body.home2021 .button-medium {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 9px 20px 9px 20px;
  color: #1d406b;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 20px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  width: max-content;
}
body.home2021 .button-medium:hover {
  transform: scale(1.2);
}
body.home2021 .button-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 9px 20px 9px 20px;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 20px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  max-width: 200px;
}
body.home2021 .button-img .icon {
  display: block;
  width: 80px;
}
body.home2021 .button-img .label {
  display: block;
  color: #1d406b;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
}
body.home2021 .button-img.horizontal {
  flex-direction: row;
  max-width: 470px;
  margin: 10px;
}
body.home2021 .button-img.horizontal .icon {
  width: 70px;
  min-width: 70px;
  margin-right: 27px;
}
body.home2021 .button-img.horizontal .label {
  text-align: left;
}
body.home2021 .button-img .text-color-a {
  color: #4B9833;
}
body.home2021 .button-img .text-color-b {
  color: #79B52D;
}
body.home2021 .button-img .text-color-c {
  color: #C8D227;
}
body.home2021 .button-img .text-color-d {
  color: #FEEF30;
}
body.home2021 .button-img .text-color-e {
  color: #FCCB2C;
}
body.home2021 .button-img .text-color-f {
  color: #F39939;
}
body.home2021 .button-img .text-color-g {
  color: #E44B23;
}
body.home2021 .button-img .liner {
  width: 50%;
  margin: 30px auto 30px auto;
}
body.home2021 .button-img #home {
  background-image: url("../images/illustration2.svg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 60vw;
  /*
      .illustration {
        justify-content: flex-end;
        padding: 0;
      }
  */
}
body.home2021 .button-img #home h2 {
  max-width: 600px;
}
body.home2021 .button-img #home h1, body.home2021 .button-img #home h2, body.home2021 .button-img #home h3 {
  margin: 30px 0 30px 0;
}
body.home2021 .button-img #home h3 {
  background: #F5F5F5;
}
body.home2021 .button-img #home .logo {
  width: 500px;
}
body.home2021 .button-img #presentation .picture {
  background-image: url("../images/picture1.jpeg");
}
body.home2021 .button-img #la_fub .picture {
  border-radius: 0;
  border: none;
  background-image: url("../images/logo-fub-white.svg");
}
body.home2021 .button-img #la_fub .rs {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  margin-top: 10px;
}
body.home2021 .button-img #la_fub .rs a img {
  width: 38px;
}
body.home2021 .button-img form input {
  border: 1px solid #999999;
  padding: 5px 10px 5px 10px;
  background: rgb(255, 255, 255);
  color: #222222;
  font-family: open_sansregular, sans-serif;
  font-size: 15px;
  border-radius: 5px;
}
body.home2021 .button-img form button {
  border: 1px solid #999999;
  color: #333333;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 8px 30px 8px 30px;
  font-size: 12px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
body.home2021 .button-img #call-to-action .picture {
  background-image: url("../images/picture2.jpg");
  background-position: left center;
}
body.home2021 .button-img #tutoriel iframe {
  background: transparent;
  border-radius: 5px;
  border: 1px solid #F5F5F5;
  /*width: 80%;
  height: 300px;*/
}
body.home2021 .button-img #newsletter .picture {
  background-image: url("../images/picture3.jpg");
}
body.home2021 .button-img #newsletter #ct img {
  display: block;
  width: 50px;
}
body.home2021 .button-img #newsletter .hashtag {
  display: inline-block;
  padding: 5px 10px 5px 10px;
  background-color: #f36700;
  color: rgb(255, 255, 255);
  transform: rotate(3deg);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  font-family: open_sanscondbold, sans-serif;
  text-transform: initial;
  font-size: 20px;
}
body.home2021 .button-img #newsletter h4 {
  text-align: left;
  margin-bottom: 5px;
  margin-top: 50px;
}
body.home2021 .button-img #newsletter p {
  margin-top: 0;
  text-align: center;
}
body.home2021 .button-img #newsletter a {
  display: block;
  border: 1px solid #999999;
  color: #333333;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 8px 30px 8px 30px;
  font-size: 16px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  width: max-content;
  text-decoration: none;
  margin: 10px auto 50px auto;
}
body.home2021 .button-img #partenaires .picture {
  border-radius: 0;
  border: none;
  background-image: url("/images/logo-fub-white.svg");
}
body.home2021 .button-img #partenaires .logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
body.home2021 .button-img #partenaires .logos .logo_partenaire {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 1px solid #999999;
  background-color: white;
  background-repeat: no-repeat !important;
  background-size: 80%;
  background-position: center center !important;
  margin: 20px;
}
body.home2021 .button-img #faq .picture {
  background-image: url("../images/picture4.jpg");
}
body.home2021 .button-img #faq .liste .item {
  box-sizing: border-box;
  border: 1px solid #244f85;
  border-radius: 3px;
  margin-bottom: 20px;
}
body.home2021 .button-img #faq .liste .item.deploy .reponse {
  max-height: 1000px;
  padding: 10px;
  overflow-y: auto;
}
body.home2021 .button-img #faq .liste .item .question {
  background: #F5F5F5;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  justify-content: flex-start;
  color: #333333;
}
body.home2021 .button-img #faq .liste .item .question .number {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: open_sansbold, sans-serif;
  font-size: 16px;
  width: 30px;
  min-height: 25px;
  background: #1d406b;
  color: #F5F5F5;
  margin-right: 10px;
}
body.home2021 .button-img #faq .liste .item .question .label {
  padding: 5px;
}
body.home2021 .button-img #faq .liste .item .question:hover {
  background: #244f85;
  color: #F5F5F5;
}
body.home2021 .button-img #faq .liste .item .reponse {
  font-family: open_sanslight, sans-serif;
  transition: 1s;
  max-height: 0;
  overflow: hidden;
  line-height: 1.5;
  padding: 0 10px 0 10px;
  color: #152a4a;
}
body.home2021 .button-img #faq .liste .item .reponse a {
  color: #111831;
}
body.home2021 .button-img-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 9px 20px 9px 20px;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 20px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  max-width: 230px;
}
body.home2021 .button-img-title .icon {
  width: 80px;
  height: 80px;
  margin-bottom: 5px;
}
body.home2021 .button-img-title .title {
  display: block;
  color: #1d406b;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 25px;
}
body.home2021 .button-img-title .label {
  display: block;
  color: #244f85;
  font-family: open_sansregular, sans-serif;
  font-size: 15px;
}
body.home2021 .button-img-title.horizontal {
  flex-direction: row;
  max-width: 470px;
  margin: 10px;
}
body.home2021 .button-img-title.horizontal .icon {
  width: 70px;
  min-width: 70px;
  margin-right: 27px;
}
body.home2021 .button-img-title.horizontal .label {
  text-align: left;
}
body.home2021 .button-img-title:hover {
  transform: scale(1.2);
}
body.home2021 .buttons.regions {
  flex-wrap: wrap;
  width: 60vw;
}
body.home2021 .button-index {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 5px;
  position: relative;
  padding: 9px 20px 9px 20px;
  background: rgb(255, 255, 255);
  border: 2px solid #244f85;
  border-radius: 20px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  width: 45%;
  color: #244f85;
  white-space: nowrap;
  font-size: 14px;
}
body.home2021 .button-index:hover {
  transform: scale(1.2);
}

body.mobile {
  /*
  .buttons {
    flex-direction: column;
  }*/
}
body.mobile #millesime {
  transform: scale(0.7) rotate(-45deg);
  top: 23px;
  left: -104px;
}
body.mobile .button-index {
  width: 60vw;
}
body.mobile #logo {
  width: 45vw;
  right: 20px;
  left: initial;
}
body.mobile h2 {
  font-size: 39px;
}

body.landing-2025 {
  font-family: poppins-regular, sans-serif;
  color: #393939;
  font-size: 16px;
  line-height: 1.3;
}
body.landing-2025 .button-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 10px;
  padding: 10px 30px 10px 30px;
  color: #393939;
  border: 1px solid #393939;
  font-family: poppins-semibold, sans-serif;
  font-size: 16px;
  border-radius: 30px;
  text-decoration: none;
  width: max-content;
  transition: 0.3s;
}
body.landing-2025 .button-img:hover {
  transform: scale(1.1);
}
body.landing-2025 .button-img .icon {
  width: 20px;
  margin-right: 20px;
}
body.landing-2025 .button-img.white {
  color: white;
  border: 1px solid white;
}
body.landing-2025 .button-vert {
  display: block;
  background: #459B34;
  color: white;
  padding: 15px 30px 15px 30px;
  font-family: poppins-semibold, sans-serif;
  font-size: 16px;
  text-decoration: none;
  border-radius: 30px;
  margin-bottom: 20px;
  width: max-content;
  transition: 0.3s;
}
body.landing-2025 .button-vert:hover {
  transform: scale(1.1);
}
body.landing-2025 .container {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 1440px;
}
body.landing-2025 .w100 {
  width: 100%;
}
body.landing-2025 .w50 {
  width: 50%;
  padding: 0 15px 0 15px;
}
body.landing-2025 header {
  background-image: url(/medias/BARO_2025_illus_notes_split_G.png), url(/medias/BARO_2025_illus_notes_split_D.png), linear-gradient(#FFFFFF 0%, #E5DEE5 100%);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 30%, 30%, 100%;
  background-position: left bottom, right bottom;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
}
body.landing-2025 header .w100 {
  max-width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.landing-2025 header .logo {
  display: block;
  width: 480px;
  margin-bottom: 30px;
}
body.landing-2025 header .baseline {
  font-family: poppins-light, sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
}
body.landing-2025 header h1 {
  font-family: poppins-bold, sans-serif;
  font-size: 48px;
  margin-bottom: 30px;
  text-align: center;
}
body.landing-2025 header .header_buttons {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
body.landing-2025 header .header_buttons .main-button {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background: #459B34;
  color: white;
  padding: 17px 35px 17px 35px;
  text-decoration: none;
  border-radius: 30px;
  margin: 0 20px 0 20px;
  width: 170px;
  text-align: center;
  transition: 0.3s;
}
body.landing-2025 header .header_buttons .main-button:hover {
  transform: scale(1.1);
}
body.landing-2025 header .header_buttons .main-button .icon {
  width: 80px;
}
body.landing-2025 header .header_buttons .main-button .label {
  font-family: poppins-semibold, sans-serif;
  font-size: 22px;
  margin-bottom: 5px;
}
body.landing-2025 header .header_buttons .main-button .sublabel {
  font-family: poppins-regular, sans-serif;
  font-size: 14px;
}
body.landing-2025 section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 64px;
}
body.landing-2025 section h2 {
  font-family: poppins-bold, sans-serif;
  font-size: 48px;
  margin-bottom: 30px;
}
body.landing-2025 section h3 {
  font-family: poppins-bold, sans-serif;
  font-size: 32px;
  margin-bottom: 20px;
}
body.landing-2025 section h4 {
  font-family: poppins-bold, sans-serif;
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
body.landing-2025 section p {
  font-family: poppins-light, sans-serif;
  margin-bottom: 20px;
}
body.landing-2025 section .climat_scale {
  width: 400px;
}
body.landing-2025 section .climat_scale .item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 5px 0 5px 0;
}
body.landing-2025 section .climat_scale .item .barre {
  height: 30px;
  padding: 5px 10px 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  border-radius: 0 50px 50px 0;
}
body.landing-2025 section .climat_scale .item .barre .value {
  font-family: open_sansregular, sans-serif;
  font-size: 15px;
}
body.landing-2025 section .climat_scale .item .barre .lettre {
  font-family: open_sansbold, sans-serif;
  font-size: 16px;
}
body.landing-2025 section .climat_scale .item .label {
  font-family: open_sansregular, sans-serif;
  font-size: 15px;
  margin-left: 15px;
}
body.landing-2025 section .climat_scale .item.item.AP .barre {
  background: #2b7910;
  width: 20%;
}
body.landing-2025 section .climat_scale .item.item.A .barre {
  background: #4B9833;
  width: 25%;
}
body.landing-2025 section .climat_scale .item.item.B .barre {
  background: #79B52D;
  width: 30%;
}
body.landing-2025 section .climat_scale .item.item.C .barre {
  background: #C8D227;
  width: 35%;
}
body.landing-2025 section .climat_scale .item.item.D .barre {
  background: #FEEF30;
  width: 40%;
}
body.landing-2025 section .climat_scale .item.item.E .barre {
  background: #FCCB2C;
  width: 45%;
}
body.landing-2025 section .climat_scale .item.item.F .barre {
  background: #F39939;
  width: 50%;
}
body.landing-2025 section .climat_scale .item.item.G .barre {
  background: #E44B23;
  width: 55%;
}
body.landing-2025 #comment-ca-marche .container {
  align-items: center;
}
body.landing-2025 #comment-ca-marche .col2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.landing-2025 #comment-ca-marche .social {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
body.landing-2025 #comment-ca-marche .social .rs {
  display: inline-block;
}
body.landing-2025 #comment-ca-marche .social .rs img {
  vertical-align: middle;
  height: 20px;
  margin: 0 10px 0 10px;
}
body.landing-2025 #presse {
  background: #F3EFF3;
}
body.landing-2025 #presse .col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.landing-2025 #presse h2 {
  text-align: center;
  font-size: 30px;
}
body.landing-2025 #presse h3 {
  font-size: 20px;
  text-align: center;
}
body.landing-2025 #presse .liner {
  width: 300px;
}
body.landing-2025 #presse .button-big {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 30px auto 30px auto;
  position: relative;
  padding: 12px 40px 12px 40px;
  color: rgb(255, 255, 255);
  background: #459B34;
  border-radius: 60px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  cursor: pointer;
  width: max-content;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  max-width: 300px;
}
body.landing-2025 #presse .button-big:hover {
  transform: scale(1.1);
}
body.landing-2025 #presse .buttons.regions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 60vw;
}
body.landing-2025 #presse .button-index {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 5px 10px;
  position: relative;
  padding: 9px 20px 9px 20px;
  background: rgb(255, 255, 255);
  border: 2px solid #459B34;
  border-radius: 20px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  transform: scale(1);
  width: 35%;
  color: #459B34;
  white-space: nowrap;
  font-size: 14px;
}
body.landing-2025 #presse .button-index:hover {
  transform: scale(1.05);
}
body.landing-2025 #partenaires {
  background: #F3EFF3;
}
body.landing-2025 #partenaires .title {
  font-family: poppins-light, sans-serif;
  font-size: 16px;
  margin-bottom: 40px;
  text-align: center;
}
body.landing-2025 #partenaires .partenaires {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
body.landing-2025 #partenaires .partenaires img {
  width: 100px;
  margin: 0 100px 0 100px;
}
body.landing-2025 #newsletter {
  padding: 32px;
  background-image: url(/medias/BARO_newsletter_illus.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}
body.landing-2025 #newsletter .container .w100 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: white;
}
body.landing-2025 #faq {
  background-color: #F0E4DC;
  background-image: url(/medias/BARO_illus_FAQ.svg);
  background-repeat: no-repeat;
  background-size: 48%;
  background-position: left bottom;
}
body.landing-2025 #faq .liste .item {
  margin-bottom: 10px;
}
body.landing-2025 #faq .liste .item.deploy .reponse {
  max-height: 1000px;
  padding: 10px;
  overflow-y: auto;
}
body.landing-2025 #faq .liste .item .question {
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  justify-content: flex-start;
  font-family: poppins-light, sans-serif;
  /* &:hover {
     background: $blue-lighter;
     color: $white-light;
   }*/
}
body.landing-2025 #faq .liste .item .question .number {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-family: poppins-semibold, sans-serif;
  font-size: 16px;
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  background: #F0E4DC;
  border-radius: 50%;
  border: 1px solid #393939;
  margin-right: 10px;
}
body.landing-2025 #faq .liste .item .question .label {
  padding: 5px;
}
body.landing-2025 #faq .liste .item .reponse {
  font-family: open_sanslight, sans-serif;
  transition: 1s;
  max-height: 0;
  overflow: hidden;
  line-height: 1.5;
  padding: 0 10px 0 10px;
}
body.landing-2025 #faq .liste .item .reponse a {
  color: #111831;
}
body.landing-2025 #histoire .subtitle {
  font-family: poppins-bold, sans-serif;
  margin-bottom: 20px;
}
body.landing-2025 #histoire .buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body.landing-2025 #histoire .h3-margin-top {
  margin-top: 50px;
}
body.landing-2025 #more {
  padding: 32px;
  background-image: url(/medias/BARO_supports.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
body.landing-2025 #more .container .w100 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: white;
}
body.landing-2025 #more .container .w100 .buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body.landing-2025 footer .container {
  justify-content: space-between;
}
body.landing-2025.mobile .button-img {
  font-size: 14px;
  padding: 7px 20px 7px 20px;
}
body.landing-2025.mobile .container {
  margin: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
}
body.landing-2025.mobile .w100, body.landing-2025.mobile .w50 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 30px 0 30px;
}
body.landing-2025.mobile .w50 {
  margin-bottom: 32px;
}
body.landing-2025.mobile header {
  background-image: linear-gradient(#FFFFFF 0%, #E5DEE5 100%);
  background-repeat: repeat;
  background-size: 100%;
}
body.landing-2025.mobile header .header_buttons {
  flex-direction: column;
}
body.landing-2025.mobile header .header_buttons .main-button {
  width: 160px;
  padding: 10px 25px;
  margin: 0 0 20px 0;
}
body.landing-2025.mobile header .logo {
  width: 80vw;
}
body.landing-2025.mobile header .baseline {
  padding: 0 20px 0 20px;
  font-size: 20px;
}
body.landing-2025.mobile header h1 {
  padding: 0 20px 0 20px;
  font-size: 32px;
}
body.landing-2025.mobile header .buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.landing-2025.mobile header .buttons a {
  margin-bottom: 10px;
}
body.landing-2025.mobile header .partenaires {
  width: 80vw;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
body.landing-2025.mobile header .partenaires img {
  min-width: 60px;
  margin: 15px 30px 15px 30px;
}
body.landing-2025.mobile section {
  box-sizing: border-box;
  padding: 32px 30px 32px 30px;
}
body.landing-2025.mobile section h2 {
  font-size: 32px;
  text-align: center;
}
body.landing-2025.mobile section h3 {
  font-size: 24px;
}
body.landing-2025.mobile section .steps {
  width: 100%;
}
body.landing-2025.mobile section .steps h3 {
  font-size: 20px;
}
body.landing-2025.mobile section#comment-ca-marche .climat_scale {
  padding: 0 20px 0 20px;
  width: 100vw;
  box-sizing: border-box;
}
body.landing-2025.mobile section#comment-ca-marche .climat_scale .label {
  font-size: 12px;
}
body.landing-2025.mobile section#presse .buttons.regions {
  width: 100vw;
  flex-wrap: nowrap;
  flex-direction: column;
}
body.landing-2025.mobile section#presse .buttons.regions .button-index {
  width: fit-content;
}
body.landing-2025.mobile section#partenaires .partenaires {
  flex-wrap: wrap;
}
body.landing-2025.mobile section#partenaires .partenaires img {
  width: 80px;
  margin: 15px 30px 15px 30px;
}
body.landing-2025.mobile section#newsletter {
  background-position: right top;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
body.landing-2025.mobile section#faq {
  padding-bottom: 70px;
  background-position: center bottom;
}
body.landing-2025.mobile section#faq .liste .question {
  font-size: 15px;
}
body.landing-2025.mobile section#histoire .buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.landing-2025.mobile section#histoire .buttons a {
  margin-bottom: 15px;
}
body.landing-2025.mobile section#more {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
body.landing-2025.mobile section#more .buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.landing-2025.mobile section#more .buttons a {
  margin-bottom: 15px;
  text-shadow: none;
}
body.landing-2025.mobile footer .container {
  width: 100%;
  max-width: 100%;
}
body.landing-2025.mobile footer .container p {
  text-align: center;
}
body.landing-2025.mobile footer .container p .logo-fub {
  width: 70px;
  margin-top: 15px;
}

body.go {
  background: #F5F5F5;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #152a4a;
}
body.go #logo {
  width: 400px;
  margin-top: 10vh;
  margin-bottom: 5vh;
  flex-shrink: 0;
  position: relative;
}
body.go #logo #city {
  position: absolute;
  left: 375px;
  top: 40px;
  transform: translateY(-100vh);
  transition: 0.5s;
}
body.go #logo #city.visible {
  transform: rotate(4deg) translateY(0);
}
body.go #logo #city .piquet {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 5px;
  background: #8a8a8a;
  z-index: 1;
}
body.go #logo #city .panneau {
  position: absolute;
  bottom: 30px;
  left: 0;
  font-family: open_sansbold, sans-serif;
  font-size: 12px;
  color: #222;
  background: #F5F5F5;
  border: 4px solid #e30000;
  padding: 10px 15px 10px 15px;
  border-radius: 6px;
  text-transform: uppercase;
  z-index: 2;
  text-align: center;
  transform: translateX(-47%);
  box-sizing: border-box;
}
body.go #content {
  max-width: 800px;
  transition: 0.2s;
  transform: scale(0);
  opacity: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  margin-bottom: 10vh;
}
body.go #content.visible {
  opacity: 1;
  transform: scale(1);
  pointer-events: all;
}
body.go #content .icon {
  width: 100px;
  margin-bottom: 20px;
}
body.go #content .title {
  font-family: open_sanscondbold, sans-serif;
  font-size: 25px;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
}
body.go #content .title .count {
  font-family: open_sanscondlight, sans-serif;
  font-size: 20px;
}
body.go #content .text {
  font-family: open_sansregular, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 5px;
  text-align: center;
  max-width: 600px;
}
body.go #content .progress {
  position: relative;
  width: 300px;
  height: 3px;
  border: 1px solid #D9D9D9;
  margin-bottom: 15px;
}
body.go #content .progress .biky {
  display: none;
  position: absolute;
  top: -20px;
  left: -20px;
  width: 20px;
  transition: 1s;
}
body.go #content .progress .insider {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #0087ff;
  transition: 1s;
}
body.go #content .tips {
  font-family: open_sanslight, sans-serif;
  font-size: 14px;
  padding-bottom: 30px;
  text-align: center;
  width: 100%;
  max-width: 500px;
  line-height: 1.5;
  color: #2e2e2e;
}
body.go #content .reponses {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.go #content .reponses input,
body.go #content .reponses textarea {
  border: 1px solid #244f85;
  padding: 7px 15px 7px 15px;
  background: rgb(255, 255, 255);
  color: #152a4a;
  font-family: open_sansregular, sans-serif;
  font-size: 16px;
  border-radius: 5px;
  resize: none;
  outline: none;
}
body.go #content .buttons {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 20px;
}
body.go #content .buttons.thanks_buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.go #content .buttons button {
  opacity: 0;
  border: 2px solid #244f85;
  pointer-events: none;
  display: flex;
  align-items: center;
  margin: 30px;
  position: relative;
  padding: 10px 40px 10px 40px;
  color: #152a4a;
  background: rgb(255, 255, 255);
  border-radius: 30px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
  width: max-content;
  text-decoration: none;
  transition: 0.2s;
  transform: scale(1);
}
body.go #content .buttons button:hover {
  transform: scale(1.1);
}
body.go #content .buttons button.visible {
  opacity: 1;
  pointer-events: all;
}
body.go #content .buttons button.hide {
  display: none;
}
body.go #content .backlink {
  border: 2px solid #244f85;
  display: flex;
  align-items: center;
  margin: 10px;
  position: relative;
  padding: 10px 30px 10px 30px;
  color: #152a4a;
  background: rgb(255, 255, 255);
  border-radius: 30px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 15px;
  cursor: pointer;
  width: max-content;
  text-decoration: none;
  transition: 0.2s;
  transform: scale(1);
}
body.go #content .backlink:hover {
  transform: scale(1.1);
}
body.go #content .rs_link {
  border: 2px solid #244f85;
  display: flex;
  align-items: center;
  margin: 10px;
  position: relative;
  padding: 7px 25px 7px 25px;
  color: #152a4a;
  background: rgb(255, 255, 255);
  border-radius: 30px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
  width: max-content;
  text-decoration: none;
  transition: 0.2s;
  transform: scale(1);
}
body.go #content .rs_link img {
  width: 23px;
  margin-right: 9px;
}
body.go #content .rs_link:hover {
  transform: scale(1.1);
}
body.go #content .more-and-more {
  font-family: poppins-regular, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
}
body.go #content .more-and-more p {
  margin-bottom: 10px;
}

body.go.mobile #logo {
  width: 230px;
  margin-bottom: 40px;
  margin-top: 35px;
}
body.go.mobile #logo #city {
  left: 216px;
  top: 24px;
  transform: scale(0.6) rotate(4deg) translateY(-100vh);
}
body.go.mobile #logo #city.visible {
  transform: scale(0.6) rotate(4deg) translateY(0);
}
body.go.mobile #content {
  width: 100%;
}
body.go.mobile #content .title {
  margin-bottom: 15px;
}
body.go.mobile #content .tips {
  padding-bottom: 12px;
}
body.go.mobile #content .text {
  font-size: 16px;
  padding: 0 20px 0 20px;
  line-height: 1.2;
}
body.go.mobile #content #find_list {
  max-height: 147px;
}
body.go.mobile #content #find_list .item {
  font-size: 16px;
}
body.go.mobile #content #find_list .item .departement {
  font-size: 10px;
}
body.go.mobile #content .buttons {
  margin-top: 5vh;
}
body.go.mobile #content .buttons button {
  margin: 20px;
  padding: 7px 30px 7px 30px;
  font-size: 12px;
}

#find {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}
#find #find_list {
  background: rgb(255, 255, 255);
  border: 1px solid #999999;
  margin-top: 10px;
  max-height: 200px;
  overflow: auto;
}
#find #find_list.visible {
  max-height: 200px;
  overflow: auto;
}
#find #find_list .loading,
#find #find_list .no_result {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #1d406b;
  font-size: 12px;
  text-transform: uppercase;
  font-family: open_sanslight, sans-serif;
  margin: 10px;
}
#find #find_list .loading .loaderWheel,
#find #find_list .loading .no_result_icon,
#find #find_list .no_result .loaderWheel,
#find #find_list .no_result .no_result_icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
#find #find_list .item {
  font-family: open_sansregular, sans-serif;
  padding: 7px 35px 7px 35px;
  font-size: 16px;
  cursor: pointer;
  white-space: nowrap;
}
#find #find_list .item:hover {
  background: #F39939;
  color: rgb(255, 255, 255);
}
#find #find_list .item:hover .departement {
  color: black;
}
#find #find_list .item.selected {
  background: #79B52D !important;
  color: rgb(255, 255, 255);
}
#find #find_list .item.selected .departement {
  color: #6b6b6b;
}
#find #find_list .item .departement {
  font-family: open_sansregular, sans-serif;
  font-size: 11px;
  color: #757575;
  text-transform: uppercase;
  margin-top: 3px;
}

body.go #content.one_choice .reponses, body.go #content.multi_choices .reponses {
  flex-wrap: wrap;
  max-height: 25vh;
  overflow: auto;
  width: 100%;
  padding: 20px 0 20px 0;
  transition: 0.3s;
}
body.go #content.one_choice .reponses.borderized, body.go #content.multi_choices .reponses.borderized {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.2);
}
body.go #content.one_choice .reponses .item, body.go #content.multi_choices .reponses .item {
  cursor: pointer;
  padding: 10px 30px 10px 30px;
  font-family: open_sansregular, sans-serif;
  border-radius: 40px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgb(255, 255, 255);
  color: #152a4a;
  margin: 10px 20px 10px 20px;
  min-height: 30px;
  transition: 0.3s;
  transform: scale(1);
  min-width: 35%;
  max-width: 35%;
  line-height: 1.3;
  box-sizing: border-box;
}
body.go #content.one_choice .reponses .item:hover, body.go #content.multi_choices .reponses .item:hover {
  transform: scale(1.2);
}
body.go #content.one_choice .reponses .item.selected, body.go #content.multi_choices .reponses .item.selected {
  background: #8bcb00;
  color: rgb(255, 255, 255);
}
body.go #content.score .reponses {
  justify-content: space-between;
  align-items: flex-start;
  width: 520px;
}
body.go #content.score .reponses .item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.go #content.score .reponses .item.selected .value {
  border-color: #1d406b;
}
body.go #content.score .reponses .item .value {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  padding: 20px;
  border-radius: 50%;
  font-family: open_sansbold, sans-serif;
  font-size: 24px;
  cursor: pointer;
  transform: scale(1);
  transition: 0.3s;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  border: 5px solid transparent;
}
body.go #content.score .reponses .item .value:hover {
  transform: scale(1.2);
}
body.go #content.score .reponses .item .value.color1 {
  background: #E44B23;
}
body.go #content.score .reponses .item .value.color2 {
  background: #F39939;
}
body.go #content.score .reponses .item .value.color3 {
  background: #FCCB2C;
}
body.go #content.score .reponses .item .value.color4 {
  background: #C8D227;
}
body.go #content.score .reponses .item .value.color5 {
  background: #79B52D;
}
body.go #content.score .reponses .item .value.color6 {
  background: #4B9833;
}
body.go #content.score .reponses .item .label {
  margin-top: 5px;
  font-size: 15px;
  color: #666666;
  font-family: open_sansregular, sans-serif;
  text-align: center;
  max-width: 65px;
}
body.go #content.carto .buttons {
  margin-top: 0;
}
body.go #content.email input {
  outline: none;
}
body.go #content.email input.valide {
  border: 2px solid #79B52D;
}
body.go #content.email input.invalide {
  border: 2px solid #E44B23;
}

body.mobile #content.one_choice .reponses, body.mobile #content.multi_choices .reponses {
  width: 100%;
  border-left: none;
  border-right: none;
  max-height: 195px;
}
body.mobile #content.one_choice .reponses .item, body.mobile #content.multi_choices .reponses .item {
  font-size: 14px !important;
  margin: 5px 10px 5px 10px;
  padding: 7px 20px 7px 20px;
  max-width: initial;
}
body.mobile #content.score .reponses {
  width: 95%;
  margin-top: 40px;
}
body.mobile #content.score .reponses .item .value {
  width: 5px;
  height: 5px;
}
body.mobile #content.score .reponses .item .label {
  font-size: 11px;
  max-width: 63px;
}

body.mentions_legales {
  background: #F5F5F5;
  color: #152a4a;
  font-family: open_sansregular, sans-serif;
  font-size: 16px;
  line-height: 1.3;
}
body.mentions_legales header {
  width: 250px;
  margin-bottom: 50px;
  padding: 50px 50px 0 50px;
}
body.mentions_legales h1 {
  font-family: open_sanslight, sans-serif, sans-serif;
  font-size: 50px;
  margin-bottom: 60px;
  padding: 0 50px 0 50px;
}
body.mentions_legales h2 {
  font-family: open_sansbold, sans-serif;
  font-size: 20px;
  margin-bottom: 30px;
}
body.mentions_legales section {
  margin-bottom: 50px;
  padding: 0 50px 0 50px;
}
body.mentions_legales p {
  margin-bottom: 20px;
}
body.mentions_legales.mobile h1 {
  font-size: 35px;
}

footer {
  background: white;
  padding: 30px;
  color: #393939;
  font-family: poppins-light, sans-serif;
}
footer .col {
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
}
footer p {
  padding: 0 30px 0 30px;
  margin: 0;
  width: auto;
}
footer p.social {
  display: flex;
}
footer p a {
  display: block;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 10px;
  color: #393939;
}
footer p a.font-vert-fonce {
  color: #459B34;
}
footer p a.rs {
  display: inline-block;
}
footer p a.rs img {
  vertical-align: middle;
  height: 20px;
  margin-right: 5px;
}
footer p img.logo-fub {
  width: 100px;
  opacity: 1;
}

body.mobile footer .w100 {
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;
}
body.mobile footer .w100 p {
  padding: 0;
  text-align: center;
}
body.mobile footer .w100 p .logo-fub {
  width: 70px;
  margin-top: 15px;
}

/*
 ---- DASHBOARD ----
 */
body.dashboard .color-map-back {
  color: #9eafbe;
}
body.dashboard .color-map-water-shadow {
  color: #666a79;
}
body.dashboard .color-map-water {
  color: #5a7283;
}
body.dashboard #logo {
  position: fixed;
  top: 20px;
  left: 20px;
  width: 200px;
  z-index: 5;
}
body.dashboard #map {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
body.dashboard #copyright {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-family: poppins-regular, sans-serif;
  color: #fff;
  font-size: 9px;
  z-index: 5;
  opacity: 0.7;
}
body.dashboard #copyright a {
  color: #fff;
  text-decoration: none;
}
body.dashboard #stats {
  position: fixed;
  top: 100px;
  left: 0;
  width: 236px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  z-index: 5;
}
body.dashboard #stats h1 {
  font-family: open_sanslight, sans-serif;
  font-size: 20px;
  color: rgb(255, 255, 255);
}
body.dashboard #stats .content {
  font-family: open_sansregular, sans-serif;
  color: rgb(255, 255, 255);
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
body.dashboard #stats .content .change_mode {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
body.dashboard #stats .content .change_mode div {
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  color: #FFF;
  padding: 5px 10px 5px 10px;
  border-radius: 8px;
  font-family: open_sansregular, sans-serif;
  font-size: 10px;
  cursor: pointer;
  transition: 0.3s;
}
body.dashboard #stats .content .change_mode div.left {
  border-radius: 8px 0 0 8px;
}
body.dashboard #stats .content .change_mode div.right {
  border-radius: 0 8px 8px 0;
}
body.dashboard #stats .content .change_mode div.on {
  background-color: rgba(141, 201, 0, 0.62);
}
body.dashboard #stats .content .menu {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 20px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 5px 10px 5px 10px;
  border-radius: 8px;
}
body.dashboard #stats .content .menu .item {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  padding: 3px;
  margin: 0 5px 0 5px;
  cursor: pointer;
  transition: 0.2s;
}
body.dashboard #stats .content .menu .item:hover {
  transform: scale(1.1);
}
body.dashboard #stats .content .menu .item.on.on {
  background-color: rgba(141, 201, 0, 0.62);
}
body.dashboard #stats .content .d-day {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 10px 20px 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: max-content;
  margin: 20px;
  margin-bottom: 0;
  border-radius: 8px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
body.dashboard #stats .content .d-day .value {
  font-family: open_sanslight, sans-serif;
  font-size: 30px;
}
body.dashboard #stats .content .d-day .label {
  font-family: open_sansbold, sans-serif;
  font-size: 10px;
  margin-top: 10px;
  text-transform: uppercase;
}
body.dashboard #stats .content .all_contributions {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 20px 20px 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: max-content;
  margin: 20px;
  border-radius: 8px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
body.dashboard #stats .content .all_contributions .value {
  font-family: open_sanslight, sans-serif;
  font-size: 40px;
}
body.dashboard #stats .content .all_contributions .label {
  font-family: open_sansbold, sans-serif;
  font-size: 10px;
  margin-top: 10px;
  text-transform: uppercase;
}
body.dashboard #stats .content .all_contributions .subvalues {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 8px;
}
body.dashboard #stats .content .all_contributions .subvalues .item {
  display: flex;
  align-items: center;
  flex-direction: column;
}
body.dashboard #stats .content .all_contributions .subvalues .item img {
  width: 20px;
  margin-top: 3px;
}
body.dashboard #stats .content .all_contributions .subvalues .item .value_bike,
body.dashboard #stats .content .all_contributions .subvalues .item .value_nobike {
  font-size: 14px;
}
body.dashboard #stats .content .part {
  position: absolute;
  left: 10px;
  top: 260px;
  border-top: 2px solid rgba(141, 201, 0, 0.62);
  width: calc(100% - 10px);
  box-sizing: border-box;
  max-height: calc(100vh - 414px);
  overflow-y: auto;
  border-radius: 0 0 5px 5px;
  padding: 12px 20px 10px 20px;
  transition: 0.5s;
  transform: translateX(-250px);
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
body.dashboard #stats .content .part.visible {
  transform: translateX(0);
  opacity: 1;
}
body.dashboard #stats .content .part .close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 17px;
  height: 17px;
  cursor: pointer;
  background-image: url("../images/close-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
body.dashboard #stats .content .part .title {
  font-family: open_sansbold, sans-serif;
  font-size: 12px;
  text-align: center;
  width: 100%;
  margin-bottom: 12px;
}
body.dashboard #stats .content .part.cities {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.dashboard #stats .content .part.cities .nbr {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
body.dashboard #stats .content .part.cities .nbr .value {
  font-family: open_sansbold, sans-serif;
  font-size: 16px;
  margin-left: 15px;
  width: calc(35% - 15px);
}
body.dashboard #stats .content .part.cities .nbr .label {
  font-family: open_sansregular, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  text-align: right;
  width: 65%;
  box-sizing: border-box;
}
body.dashboard #stats .content .part .item {
  pointer-events: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  font-size: 11px;
}
body.dashboard #stats .content .part .item .name {
  flex: 1;
  white-space: nowrap;
  margin-right: 20px;
}
body.dashboard #stats .content .part .item .value {
  font-family: open_sansbold, sans-serif;
}
body.dashboard #legende {
  position: fixed;
  bottom: 10px;
  left: 25px;
  z-index: 10;
  pointer-events: none;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 10px;
  border-radius: 5px;
}
body.dashboard #legende .mode {
  display: none;
}
body.dashboard #legende .mode.visible {
  display: block;
}
body.dashboard #legende .mode .item {
  display: flex;
  align-items: center;
  margin: 3px 0 3px 0;
}
body.dashboard #legende .mode .item .bulle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: 5px;
}
body.dashboard #legende .mode .item .bulle.red {
  background-color: #db0003;
}
body.dashboard #legende .mode .item .bulle.orange {
  background-color: #ff8200;
}
body.dashboard #legende .mode .item .bulle.green {
  background-color: #a0ff01;
}
body.dashboard #legende .mode .item .label {
  font-family: open_sansregular, sans-serif;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.8);
}
body.dashboard #dev-zoom {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  pointer-events: none;
  font-family: mono-regular, monospace;
  font-size: 9px;
  color: rgba(255, 255, 255, 0.8);
}
body.dashboard #drom {
  position: fixed;
  top: 20px;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
body.dashboard #drom .item {
  font-family: open_sansregular, sans-serif;
  padding: 5px 10px 5px 10px;
  border-radius: 5px 0 0 5px;
  backdrop-filter: blur(20px);
  color: #FFF;
  font-size: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
body.dashboard * {
  -webkit-overflow-scrolling: touch;
}
body.dashboard ::-webkit-scrollbar {
  width: 5px;
}
body.dashboard ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
body.dashboard ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgb(227, 227, 227);
}
body.dashboard * {
  scrollbar-color: rgb(164, 164, 164) transparent;
  scrollbar-width: thin;
}

body.dashboard.mobile #logo {
  width: 150px;
}
body.dashboard.mobile #stats {
  top: initial;
  bottom: 100px;
  width: 100%;
}
body.dashboard.mobile #stats .content {
  width: 100%;
  flex-direction: row;
  justify-content: space-around;
}
body.dashboard.mobile #stats .content .subsection {
  height: 100%;
}
body.dashboard.mobile #stats .content .subsection .change_mode {
  margin-bottom: 5px;
}
body.dashboard.mobile #stats .content .subsection .menu {
  margin-bottom: 0;
}
body.dashboard.mobile #stats .content .d-day {
  display: none;
}
body.dashboard.mobile #stats .content .all_contributions {
  padding: 10px;
  margin: 0;
}
body.dashboard.mobile #stats .content .all_contributions .value {
  font-size: 20px;
  font-family: open_sansbold, sans-serif;
}
body.dashboard.mobile #stats .content .part {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  border-top: none;
  border-bottom: 2px solid rgba(141, 201, 0, 0.62);
  transform: translateY(-120%);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  opacity: 1;
  max-height: 80vh;
}
body.dashboard.mobile #stats .content .part.visible {
  transform: translateY(0);
  opacity: 1;
}
body.dashboard.mobile #stats .content .part .title {
  font-size: 16px;
  margin-top: 7px;
  margin-bottom: 20px;
}
body.dashboard.mobile #stats .content .part .close {
  width: 22px;
  height: 22px;
}
body.dashboard.mobile #stats .content .part .item {
  font-size: 13px;
  margin-bottom: 10px;
}
body.dashboard.mobile #legende {
  left: 28px;
}

body.end {
  font-family: poppins-regular, sans-serif;
  color: #393939;
  font-size: 16px;
  line-height: 1.3;
}
body.end .button-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 10px;
  padding: 10px 30px 10px 30px;
  color: #393939;
  border: 1px solid #393939;
  font-family: poppins-semibold, sans-serif;
  font-size: 16px;
  border-radius: 30px;
  text-decoration: none;
  width: max-content;
}
body.end .button-img .icon {
  width: 20px;
  margin-right: 20px;
}
body.end .button-img.white {
  color: white;
  border: 1px solid white;
}
body.end .button-vert {
  display: block;
  background: #459B34;
  color: white;
  padding: 15px 30px 15px 30px;
  font-family: poppins-semibold, sans-serif;
  font-size: 16px;
  text-decoration: none;
  border-radius: 30px;
  margin-bottom: 20px;
  width: max-content;
}
body.end .container {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 1440px;
}
body.end .w100 {
  width: 100%;
}
body.end .w50 {
  width: 50%;
  padding: 0 15px 0 15px;
}
body.end header {
  background-image: url(/medias/BARO_2025_illus_notes_split_G.png), url(/medias/BARO_2025_illus_notes_split_D.png), linear-gradient(#FFFFFF 0%, #E5DEE5 100%);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 30%, 30%, 100%;
  background-position: left bottom, right bottom;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
}
body.end header .w100 {
  max-width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.end header .logo {
  display: block;
  width: 480px;
  margin-bottom: 30px;
}
body.end header .baseline {
  font-family: poppins-light, sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
}
body.end header h1 {
  font-family: poppins-bold, sans-serif;
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}
body.end header .countdown {
  color: #459B34;
  font-family: poppins-bold, sans-serif;
  font-size: 40px;
  text-align: center;
  margin-bottom: 30px;
}
body.end header .remerciements {
  margin-top: 20px;
  text-align: center;
}
body.end header .remerciements p {
  margin-bottom: 15px;
}
body.end header .main-button {
  display: block;
  background: #459B34;
  color: white;
  padding: 17px 35px 17px 35px;
  font-family: poppins-semibold, sans-serif;
  font-size: 22px;
  text-decoration: none;
  border-radius: 30px;
  margin-bottom: 20px;
  width: max-content;
}
body.end section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 64px;
}
body.end section h2 {
  font-family: poppins-bold, sans-serif;
  font-size: 48px;
  margin-bottom: 30px;
}
body.end section h3 {
  font-family: poppins-bold, sans-serif;
  font-size: 32px;
  margin-bottom: 20px;
}
body.end section h4 {
  font-family: poppins-bold, sans-serif;
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
body.end section p {
  font-family: poppins-light, sans-serif;
  margin-bottom: 20px;
}
body.end #comment-ca-marche .yt_container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
body.end #comment-ca-marche .social {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.end #comment-ca-marche .social .rs {
  display: inline-block;
}
body.end #comment-ca-marche .social .rs img {
  vertical-align: middle;
  height: 20px;
  margin: 0 10px 0 10px;
}
body.end #partenaires {
  background: #F3EFF3;
}
body.end #partenaires .title {
  font-family: poppins-light, sans-serif;
  font-size: 16px;
  margin-bottom: 40px;
  text-align: center;
}
body.end #partenaires .partenaires {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
body.end #partenaires .partenaires img {
  width: 100px;
  margin: 0 100px 0 100px;
}
body.end #newsletter {
  padding: 32px;
  background-image: url(/medias/BARO_newsletter_illus.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}
body.end #newsletter .container .w100 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: white;
}
body.end #faq {
  background-color: #F0E4DC;
  background-image: url(/medias/BARO_illus_FAQ.svg);
  background-repeat: no-repeat;
  background-size: 48%;
  background-position: left bottom;
}
body.end #faq .liste .item {
  margin-bottom: 10px;
}
body.end #faq .liste .item.deploy .reponse {
  max-height: 1000px;
  padding: 10px;
  overflow-y: auto;
}
body.end #faq .liste .item .question {
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  justify-content: flex-start;
  font-family: poppins-light, sans-serif;
  /* &:hover {
     background: $blue-lighter;
     color: $white-light;
   }*/
}
body.end #faq .liste .item .question .number {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-family: poppins-semibold, sans-serif;
  font-size: 16px;
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  background: #F0E4DC;
  border-radius: 50%;
  border: 1px solid #393939;
  margin-right: 10px;
}
body.end #faq .liste .item .question .label {
  padding: 5px;
}
body.end #faq .liste .item .reponse {
  font-family: open_sanslight, sans-serif;
  transition: 1s;
  max-height: 0;
  overflow: hidden;
  line-height: 1.5;
  padding: 0 10px 0 10px;
}
body.end #faq .liste .item .reponse a {
  color: #111831;
}
body.end #histoire .subtitle {
  font-family: poppins-bold, sans-serif;
  margin-bottom: 20px;
}
body.end #histoire .buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body.end #more {
  padding: 32px;
  background-image: url(/medias/BARO_supports.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
body.end #more .container .w100 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: white;
}
body.end #more .container .w100 .buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body.end #more .container .w100 .buttons #share {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.end #more .container .w100 .buttons #share .labels {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.end #more .container .w100 .buttons #share .labels .icon {
  width: 25px;
  margin-right: 20px;
}
body.end #more .sharethis-inline-share-buttons {
  display: none;
  transition: 0.3s;
}
body.end #more .sharethis-inline-share-buttons.visible {
  margin-top: 10px;
  display: inline-block !important;
}
body.end #more .sharethis-inline-share-buttons.visible * {
  display: inline-block !important;
}
body.end footer .container {
  justify-content: space-between;
}
body.end.mobile .button-img {
  font-size: 14px;
  padding: 7px 20px 7px 20px;
}
body.end.mobile .container {
  margin: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
}
body.end.mobile .w100, body.end.mobile .w50 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 30px 0 30px;
}
body.end.mobile .w50 {
  margin-bottom: 32px;
}
body.end.mobile header {
  background-image: linear-gradient(#FFFFFF 0%, #E5DEE5 100%);
  background-repeat: repeat;
  background-size: 100%;
}
body.end.mobile header .logo {
  width: 80vw;
}
body.end.mobile header .baseline {
  padding: 0 20px 0 20px;
  font-size: 20px;
}
body.end.mobile header h1 {
  padding: 0 20px 0 20px;
  font-size: 32px;
}
body.end.mobile header .buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.end.mobile header .buttons a {
  margin-bottom: 10px;
}
body.end.mobile header .partenaires {
  width: 80vw;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
body.end.mobile header .partenaires img {
  min-width: 60px;
  margin: 15px 30px 15px 30px;
}
body.end.mobile section {
  box-sizing: border-box;
  padding: 32px 30px 32px 30px;
}
body.end.mobile section h2 {
  font-size: 32px;
  text-align: center;
}
body.end.mobile section h3 {
  font-size: 24px;
}
body.end.mobile section .steps {
  width: 100%;
}
body.end.mobile section .steps h3 {
  font-size: 20px;
}
body.end.mobile section#partenaires .partenaires {
  flex-wrap: wrap;
}
body.end.mobile section#partenaires .partenaires img {
  width: 80px;
  margin: 15px 30px 15px 30px;
}
body.end.mobile section#newsletter {
  background-position: right top;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
body.end.mobile section#faq {
  padding-bottom: 70px;
  background-position: center bottom;
}
body.end.mobile section#faq .liste .question {
  font-size: 15px;
}
body.end.mobile section#histoire .buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.end.mobile section#histoire .buttons a {
  margin-bottom: 15px;
}
body.end.mobile section#more {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
body.end.mobile section#more .buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.end.mobile section#more .buttons a {
  margin-bottom: 15px;
  text-shadow: none;
}
body.end.mobile footer .container {
  width: 100%;
  max-width: 100%;
}
body.end.mobile footer .container p {
  text-align: center;
}
body.end.mobile footer .container p .logo-fub {
  width: 70px;
  margin-top: 15px;
}

body.control {
  background: #111831;
  color: rgb(255, 255, 255);
  font-family: open_sansregular, sans-serif;
}
body.control #logo {
  position: fixed;
  top: 20px;
  left: 40px;
  width: 200px;
}
body.control h1 {
  font-family: open_sanscondlight, sans-serif;
  font-size: 46px;
  position: fixed;
  top: 29px;
  right: 40px;
  text-align: right;
}
body.control h1 img {
  vertical-align: middle;
  margin-right: 20px;
  width: 40px;
}
body.control .alert {
  background: red;
  color: white !important;
}
body.control #filters {
  position: fixed;
  top: 100px;
  left: 20px;
  height: 30px;
}
body.control #filters .item {
  background: #333;
  color: #eee;
  padding: 5px 20px 5px 20px;
  font-family: open_sansbold, sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  border-radius: 30px;
  cursor: pointer;
}
body.control #filters .item.on {
  background: #8bcb00;
}
body.control #table {
  width: calc(100vw - 40px);
  height: calc(100vh - 150px);
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  position: fixed;
  top: 150px;
  left: 20px;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
body.control #table table {
  font-size: 14px;
  color: #EEE;
  width: 100%;
}
body.control #table table thead tr th {
  padding: 5px 10px 8px 10px;
  text-align: center;
  font-family: open_sansbold, sans-serif;
}
body.control #table table thead tr th.name {
  text-align: left;
}
body.control #table table thead tr th.is_alert {
  vertical-align: middle;
}
body.control #table table thead tr th.is_alert img {
  width: 20px;
}
body.control #table table tbody tr {
  cursor: pointer;
}
body.control #table table tbody tr:hover {
  background: #008cd6 !important;
}
body.control #table table tbody tr:hover td {
  color: #FFF;
}
body.control #table table tbody tr.hide {
  display: none;
}
body.control #table table tbody tr.status_0 {
  background: transparent;
}
body.control #table table tbody tr.status_1 {
  background: rgb(112, 145, 0);
}
body.control #table table tbody tr.status_7 {
  background: rgb(133, 166, 0);
}
body.control #table table tbody tr.status_8 {
  background: rgb(133, 166, 0);
}
body.control #table table tbody tr.status_2 {
  background: rgb(181, 110, 0);
}
body.control #table table tbody tr.status_9 {
  background: rgba(255, 0, 0, 0.38);
}
body.control #table table tbody tr td {
  color: #EEE;
  padding: 5px 10px 5px 10px;
  text-align: center;
}
body.control #table table tbody tr td.is_alert {
  vertical-align: middle;
}
body.control #table table tbody tr td.is_alert img {
  width: 15px;
}
body.control #table table tbody tr td.name {
  text-align: left;
  color: white;
}
body.control #table table tbody tr td.commentaire {
  text-align: left;
  line-height: 1.4;
}
body.control #table table tbody tr td.commentaire b {
  font-family: open_sansbold, sans-serif;
}
body.control #table table tbody tr td.classe {
  font-family: open_sansbold, sans-serif;
}
body.control #table table tbody tr td.AA {
  color: #2b7910;
}
body.control #table table tbody tr td.A {
  color: #4B9833;
}
body.control #table table tbody tr td.B {
  color: #79B52D;
}
body.control #table table tbody tr td.C {
  color: #C8D227;
}
body.control #table table tbody tr td.D {
  color: #FEEF30;
}
body.control #table table tbody tr td.E {
  color: #FCCB2C;
}
body.control #table table tbody tr td.F {
  color: #F39939;
}
body.control #table table tbody tr td.G {
  color: #E44B23;
}
body.control #details {
  position: fixed;
  height: 720px;
  width: 1000px;
  top: 50%;
  margin-top: -360px;
  left: 50%;
  margin-left: -500px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.9);
  border-radius: 8px;
  transition: 0.1s;
  opacity: 0;
  pointer-events: none;
  padding: 20px 20px 10px 20px;
  box-sizing: border-box;
}
body.control #details.visible {
  opacity: 1;
  pointer-events: all;
}
body.control #details .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
body.control #details .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
body.control #details .head .naming {
  flex: 1;
}
body.control #details .head .naming .name {
  font-family: open_sanslight, sans-serif;
  font-size: 40px;
  color: #EEE;
  margin-bottom: 10px;
}
body.control #details .head .naming .insee {
  font-size: 18px;
  color: #8d8d8d;
}
body.control #details .head .naming .contributions {
  font-family: open_sansbold, sans-serif;
  font-size: 16px;
  color: #CCC;
}
body.control #details .head .scoring {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.control #details .head .scoring .classe {
  border: 1px solid;
  border-radius: 5px;
  padding: 15px;
  font-family: open_sansbold, sans-serif;
  font-size: 30px;
  margin-bottom: 10px;
}
body.control #details .head .scoring .classe.AA {
  color: #2b7910;
  border-color: #2b7910;
}
body.control #details .head .scoring .classe.A {
  color: #4B9833;
  border-color: #4B9833;
}
body.control #details .head .scoring .classe.B {
  color: #79B52D;
  border-color: #79B52D;
}
body.control #details .head .scoring .classe.C {
  color: #C8D227;
  border-color: #C8D227;
}
body.control #details .head .scoring .classe.D {
  color: #FEEF30;
  border-color: #FEEF30;
}
body.control #details .head .scoring .classe.E {
  color: #FCCB2C;
  border-color: #FCCB2C;
}
body.control #details .head .scoring .classe.F {
  color: #F39939;
  border-color: #F39939;
}
body.control #details .head .scoring .classe.G {
  color: #E44B23;
  border-color: #E44B23;
}
body.control #details .head .scoring .score {
  font-family: open_sansbold, sans-serif;
  font-size: 20px;
  color: #BBB;
}
body.control #details .buttons {
  margin: 30px 0 20px 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
body.control #details .buttons button {
  font-family: open_sansbold, sans-serif;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px 5px 20px;
  border: none;
  border-radius: 8px;
  background: #666;
  color: white;
  cursor: pointer;
}
body.control #details .buttons button.valid {
  background: #8bcb00;
}
body.control #details .buttons button.valid_clean {
  background: #b9cb00;
}
body.control #details .buttons button.survey {
  background: #cb9400;
}
body.control #details .buttons button.reject {
  background: #cb2200;
}
body.control #details .resume {
  margin: 20px 0 20px 0;
}
body.control #details .resume p {
  margin-bottom: 5px;
}
body.control #details .resume p.alert {
  padding: 8px;
  border-radius: 5px;
  font-family: open_sansbold, sans-serif;
  display: inline-block;
}
body.control #details .resume p.rappel {
  margin-top: 10px;
  font-size: 13px;
  color: #858585;
  line-height: 1.2;
}
body.control #details .resume p strong {
  font-family: open_sansbold, sans-serif;
  font-weight: normal;
}
body.control * {
  -webkit-overflow-scrolling: touch;
}
body.control ::-webkit-scrollbar {
  width: 5px;
}
body.control ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
body.control ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgb(227, 227, 227);
}
body.control * {
  scrollbar-color: rgb(164, 164, 164) transparent;
  scrollbar-width: 5px;
}
body.control #loading .loader {
  width: 200px;
  height: 200px;
  animation-name: loaderWheel;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background: url(../images/wheel-white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
body.control #loading .texte {
  color: rgb(255, 255, 255);
}

body.control.mobile #logo {
  width: 230px;
  margin-bottom: 40px;
  margin-top: 35px;
}

.debug-question-title {
  font-family: monospace;
  font-size: 11px;
  color: #1f8798;
}

#code {
  border: 1px solid #244f85;
  padding: 7px 15px 7px 15px;
  background: rgb(255, 255, 255);
  color: #152a4a;
  font-family: open_sansbold, sans-serif;
  letter-spacing: 5px;
  font-size: 18px;
  text-align: center;
  border-radius: 5px;
  resize: none;
  outline: none;
  margin-top: 20px;
}

body.cgu {
  margin: 50px;
  font-family: poppins-light, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #393939;
}
body.cgu #logo {
  width: 250px;
}
body.cgu h1 {
  margin-top: 20px;
  text-align: center;
  font-size: 35px;
  font-family: poppins-bold, sans-serif;
  margin-bottom: 30px;
}
body.cgu h2 {
  text-align: center;
  margin-top: 50px;
  font-size: 25px;
  font-family: poppins-bold, sans-serif;
  margin-bottom: 20px;
}
body.cgu h3 {
  margin-top: 20px;
  font-size: 20px;
  font-family: poppins-bold, sans-serif;
  margin-bottom: 15px;
}
body.cgu h4 {
  margin-top: 20px;
  font-size: 16px;
  font-family: poppins-bold, sans-serif;
  margin-bottom: 10px;
}
body.cgu section {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.cgu p {
  margin-bottom: 10px;
}

body.temp {
  font-family: poppins-regular, sans-serif;
  color: #393939;
  font-size: 16px;
  line-height: 1.3;
}
body.temp .button-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 10px;
  padding: 10px 30px 10px 30px;
  color: #393939;
  border: 1px solid #393939;
  font-family: poppins-semibold, sans-serif;
  font-size: 16px;
  border-radius: 30px;
  text-decoration: none;
  width: max-content;
}
body.temp .button-img .icon {
  width: 20px;
  margin-right: 20px;
}
body.temp .col {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.temp .w100 {
  max-width: 1440px;
}
body.temp header {
  background-image: url(/medias/BARO_2025_illus_notes_split_G.png), url(/medias/BARO_2025_illus_notes_split_D.png), linear-gradient(#FFFFFF 0%, #E5DEE5 100%);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 30%, 30%, 100%;
  background-position: left bottom, right bottom;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
}
body.temp header .logo {
  display: block;
  width: 480px;
  margin-bottom: 30px;
}
body.temp header .baseline {
  font-family: poppins-light, sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
  text-align: center;
}
body.temp header h1 {
  font-family: poppins-bold, sans-serif;
  font-size: 48px;
  margin-bottom: 30px;
  text-align: center;
}
body.temp header .main-button {
  display: block;
  background: #459B34;
  color: white;
  padding: 17px 35px 17px 35px;
  font-family: poppins-semibold, sans-serif;
  font-size: 22px;
  text-decoration: none;
  border-radius: 30px;
  margin-bottom: 20px;
}
body.temp header .previous-text {
  font-family: poppins-light, sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
}
body.temp header .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
body.temp header .partenaires {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 450px;
}
body.temp header .partenaires img {
  max-width: 50px;
}
body.temp section {
  padding: 64px;
}
body.temp section h2 {
  font-family: poppins-bold, sans-serif;
  font-size: 48px;
  margin-bottom: 30px;
}
body.temp section .steps h3 {
  font-family: poppins-bold, sans-serif;
  font-size: 32px;
  margin-bottom: 20px;
  text-align: left;
}
body.temp section .steps .step {
  margin-bottom: 20px;
}
body.temp section .steps .step h4 {
  font-size: 16px;
  font-family: poppins-bold, sans-serif;
  color: #459B34;
  text-transform: uppercase;
}
body.temp section .steps .step .step-dates {
  font-family: poppins-bold, sans-serif;
  font-size: 16px;
}
body.temp section .steps .step .step-text {
  font-family: poppins-light, sans-serif;
  font-size: 16px;
}
body.temp section .steps .slogan {
  font-family: poppins-bold, sans-serif;
  margin-top: 20px;
  text-transform: uppercase;
}
body.temp section .steps .button-img {
  margin-top: 30px;
  margin-left: 0;
}
body.temp section .steps .button-img .icon {
  width: 10px;
}
body.temp.mobile .button-img {
  font-size: 12px;
  padding: 7px 20px 7px 20px;
}
body.temp.mobile .w100 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
}
body.temp.mobile header {
  background-image: linear-gradient(#FFFFFF 0%, #E5DEE5 100%);
  background-repeat: repeat;
  background-size: 100%;
}
body.temp.mobile header .logo {
  width: 80vw;
}
body.temp.mobile header .baseline {
  padding: 0 20px 0 20px;
  font-size: 20px;
}
body.temp.mobile header h1 {
  padding: 0 20px 0 20px;
  font-size: 32px;
}
body.temp.mobile header .buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.temp.mobile header .buttons a {
  margin-bottom: 10px;
}
body.temp.mobile header .partenaires {
  width: 80vw;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
body.temp.mobile header .partenaires img {
  min-width: 60px;
  margin: 15px 30px 15px 30px;
}
body.temp.mobile section {
  box-sizing: border-box;
  padding: 64px 30px 64px 30px;
}
body.temp.mobile section h2 {
  font-size: 32px;
}
body.temp.mobile section .steps {
  width: 100%;
}
body.temp.mobile section .steps h3 {
  font-size: 20px;
}

body.main {
  font-family: poppins-regular, sans-serif;
  color: #393939;
  font-size: 16px;
  line-height: 1.3;
}
body.main .button-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 10px;
  padding: 10px 30px 10px 30px;
  color: #393939;
  border: 1px solid #393939;
  font-family: poppins-semibold, sans-serif;
  font-size: 16px;
  border-radius: 30px;
  text-decoration: none;
  width: max-content;
}
body.main .button-img .icon {
  width: 20px;
  margin-right: 20px;
}
body.main .button-img.white {
  color: white;
  border: 1px solid white;
}
body.main .button-vert {
  display: block;
  background: #459B34;
  color: white;
  padding: 15px 30px 15px 30px;
  font-family: poppins-semibold, sans-serif;
  font-size: 16px;
  text-decoration: none;
  border-radius: 30px;
  margin-bottom: 20px;
  width: max-content;
}
body.main .container {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 1440px;
}
body.main .w100 {
  width: 100%;
}
body.main .w50 {
  width: 50%;
  padding: 0 15px 0 15px;
}
body.main header {
  background-image: url(/medias/BARO_2025_illus_notes_split_G.png), url(/medias/BARO_2025_illus_notes_split_D.png), linear-gradient(#FFFFFF 0%, #E5DEE5 100%);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 30%, 30%, 100%;
  background-position: left bottom, right bottom;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
}
body.main header .w100 {
  max-width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.main header .logo {
  display: block;
  width: 480px;
  margin-bottom: 30px;
}
body.main header .baseline {
  font-family: poppins-light, sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
}
body.main header h1 {
  font-family: poppins-bold, sans-serif;
  font-size: 48px;
  margin-bottom: 30px;
  text-align: center;
}
body.main header .main-button {
  display: block;
  background: #459B34;
  color: white;
  padding: 17px 35px 17px 35px;
  font-family: poppins-semibold, sans-serif;
  font-size: 22px;
  text-decoration: none;
  border-radius: 30px;
  margin-bottom: 20px;
  width: max-content;
}
body.main section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 64px;
}
body.main section h2 {
  font-family: poppins-bold, sans-serif;
  font-size: 48px;
  margin-bottom: 30px;
}
body.main section h3 {
  font-family: poppins-bold, sans-serif;
  font-size: 32px;
  margin-bottom: 20px;
}
body.main section h4 {
  font-family: poppins-bold, sans-serif;
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
body.main section p {
  font-family: poppins-light, sans-serif;
  margin-bottom: 20px;
}
body.main #comment-ca-marche .yt_container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
body.main #comment-ca-marche .social {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.main #comment-ca-marche .social .rs {
  display: inline-block;
}
body.main #comment-ca-marche .social .rs img {
  vertical-align: middle;
  height: 20px;
  margin: 0 10px 0 10px;
}
body.main #partenaires {
  background: #F3EFF3;
}
body.main #partenaires .title {
  font-family: poppins-light, sans-serif;
  font-size: 16px;
  margin-bottom: 40px;
  text-align: center;
}
body.main #partenaires .partenaires {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
body.main #partenaires .partenaires img {
  width: 100px;
  margin: 0 100px 0 100px;
}
body.main #newsletter {
  padding: 32px;
  background-image: url(/medias/BARO_newsletter_illus.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}
body.main #newsletter .container .w100 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: white;
}
body.main #faq {
  background-color: #F0E4DC;
  background-image: url(/medias/BARO_illus_FAQ.svg);
  background-repeat: no-repeat;
  background-size: 48%;
  background-position: left bottom;
}
body.main #faq .liste .item {
  margin-bottom: 10px;
}
body.main #faq .liste .item.deploy .reponse {
  max-height: 1000px;
  padding: 10px;
  overflow-y: auto;
}
body.main #faq .liste .item .question {
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  justify-content: flex-start;
  font-family: poppins-light, sans-serif;
  /* &:hover {
     background: $blue-lighter;
     color: $white-light;
   }*/
}
body.main #faq .liste .item .question .number {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-family: poppins-semibold, sans-serif;
  font-size: 16px;
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  background: #F0E4DC;
  border-radius: 50%;
  border: 1px solid #393939;
  margin-right: 10px;
}
body.main #faq .liste .item .question .label {
  padding: 5px;
}
body.main #faq .liste .item .reponse {
  font-family: open_sanslight, sans-serif;
  transition: 1s;
  max-height: 0;
  overflow: hidden;
  line-height: 1.5;
  padding: 0 10px 0 10px;
}
body.main #faq .liste .item .reponse a {
  color: #111831;
}
body.main #histoire .subtitle {
  font-family: poppins-bold, sans-serif;
  margin-bottom: 20px;
}
body.main #histoire .buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body.main #more {
  padding: 32px;
  background-image: url(/medias/BARO_supports.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
body.main #more .container .w100 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: white;
}
body.main #more .container .w100 .buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body.main #more .container .w100 .buttons #share {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.main #more .container .w100 .buttons #share .labels {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.main #more .container .w100 .buttons #share .labels .icon {
  width: 25px;
  margin-right: 20px;
}
body.main #more .sharethis-inline-share-buttons {
  display: none;
  transition: 0.3s;
}
body.main #more .sharethis-inline-share-buttons.visible {
  margin-top: 10px;
  display: inline-block !important;
}
body.main #more .sharethis-inline-share-buttons.visible * {
  display: inline-block !important;
}
body.main footer .container {
  justify-content: space-between;
}
body.main.mobile .button-img {
  font-size: 14px;
  padding: 7px 20px 7px 20px;
}
body.main.mobile .container {
  margin: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
}
body.main.mobile .w100, body.main.mobile .w50 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 30px 0 30px;
}
body.main.mobile .w50 {
  margin-bottom: 32px;
}
body.main.mobile header {
  background-image: linear-gradient(#FFFFFF 0%, #E5DEE5 100%);
  background-repeat: repeat;
  background-size: 100%;
}
body.main.mobile header .logo {
  width: 80vw;
}
body.main.mobile header .baseline {
  padding: 0 20px 0 20px;
  font-size: 20px;
}
body.main.mobile header h1 {
  padding: 0 20px 0 20px;
  font-size: 32px;
}
body.main.mobile header .buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.main.mobile header .buttons a {
  margin-bottom: 10px;
}
body.main.mobile header .partenaires {
  width: 80vw;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
body.main.mobile header .partenaires img {
  min-width: 60px;
  margin: 15px 30px 15px 30px;
}
body.main.mobile section {
  box-sizing: border-box;
  padding: 32px 30px 32px 30px;
}
body.main.mobile section h2 {
  font-size: 32px;
  text-align: center;
}
body.main.mobile section h3 {
  font-size: 24px;
}
body.main.mobile section .steps {
  width: 100%;
}
body.main.mobile section .steps h3 {
  font-size: 20px;
}
body.main.mobile section#partenaires .partenaires {
  flex-wrap: wrap;
}
body.main.mobile section#partenaires .partenaires img {
  width: 80px;
  margin: 15px 30px 15px 30px;
}
body.main.mobile section#newsletter {
  background-position: right top;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
body.main.mobile section#faq {
  padding-bottom: 70px;
  background-position: center bottom;
}
body.main.mobile section#faq .liste .question {
  font-size: 15px;
}
body.main.mobile section#histoire .buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.main.mobile section#histoire .buttons a {
  margin-bottom: 15px;
}
body.main.mobile section#more {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
body.main.mobile section#more .buttons {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.main.mobile section#more .buttons a {
  margin-bottom: 15px;
  text-shadow: none;
}
body.main.mobile footer .container {
  width: 100%;
  max-width: 100%;
}
body.main.mobile footer .container p {
  text-align: center;
}
body.main.mobile footer .container p .logo-fub {
  width: 70px;
  margin-top: 15px;
}

body.counter2025 {
  font-family: poppins-regular, sans-serif;
  color: #393939;
  font-size: 16px;
  line-height: 1.3;
}
body.counter2025 * {
  box-sizing: border-box;
}
body.counter2025 .container {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 1440px;
}
body.counter2025 .w100 {
  width: 100%;
}
body.counter2025 .w50 {
  width: 50%;
  padding: 0 15px 0 15px;
}
body.counter2025 header {
  background-image: url(/medias/BARO_2025_illus_notes_split_G.png), url(/medias/BARO_2025_illus_notes_split_D.png), linear-gradient(#FFFFFF 0%, #E5DEE5 100%);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 30%, 30%, 100%;
  background-position: left bottom, right bottom;
  width: 100vw;
  height: 100vh;
  padding-top: 64px;
  padding-bottom: 64px;
  overflow: hidden;
}
body.counter2025 header .w100 {
  max-width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
body.counter2025 header .logo {
  display: block;
  width: 480px;
  margin-bottom: 30px;
}
body.counter2025 header .baseline {
  font-family: poppins-light, sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
}
body.counter2025 header h1 {
  font-family: poppins-bold, sans-serif;
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}
body.counter2025 header h2 {
  font-family: poppins-bold, sans-serif;
  font-size: 20px;
  margin-bottom: 30px;
  text-align: center;
}
body.counter2025 header .counter {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
body.counter2025 header .counter .item {
  border: 1px solid #393939;
  border-radius: 10px;
  width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px;
  padding: 15px;
}
body.counter2025 header .counter .item .counter-value {
  font-family: poppins-bold, sans-serif;
  font-size: 40px;
  text-align: center;
}
body.counter2025 header .counter .item .counter-unit {
  font-family: poppins-light, sans-serif;
  font-size: 16px;
  text-align: center;
}
body.counter2025.mobile .container {
  margin: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
}
body.counter2025.mobile .w100, body.counter2025.mobile .w50 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 30px 0 30px;
}
body.counter2025.mobile .w50 {
  margin-bottom: 32px;
}
body.counter2025.mobile header {
  background-image: linear-gradient(#FFFFFF 0%, #E5DEE5 100%);
  background-repeat: repeat;
  background-size: 100%;
}
body.counter2025.mobile header .logo {
  width: 80vw;
}
body.counter2025.mobile header .baseline {
  padding: 0 20px 0 20px;
  font-size: 20px;
}
body.counter2025.mobile header h1 {
  padding: 0;
  font-size: 30px;
}
body.counter2025.mobile header h2 {
  font-size: 20px;
}
body.counter2025.mobile header .counter .item {
  width: 80px;
  margin: 5px;
  padding: 10px;
}
body.counter2025.mobile header .counter .item .counter-value {
  font-size: 25px;
}
body.counter2025.mobile header .counter .item .counter-unit {
  font-size: 14px;
}

/*# sourceMappingURL=index.css.map */