/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block; }

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item; }

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {  display: none; }

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none; }

html {
  font-size: .625em;
  font-size: calc(1em * .625); }

body {
  font-size: 1.4em;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #000000;
  line-height: 1.25; }
  @media only screen and (min-width: 37.5em) {
    body {
      font-size: 1.6em; } }

.title {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.3em;
  color: #000000; }
  @media only screen and (min-width: 37.5em) {
    .title {
      font-size: 1.4em; } }

.subtitle {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 700;
      font-size: 1.8em;
 }

.btn {
  display: inline-block;
  margin: auto;
  padding: 1rem 2rem;
  background-color: #fff;
  color: #000000;
  text-decoration: underline; }

.content {
  color: #fff; }
  .content p a {
    color: #fff; }

html {
  height: 100%; }

body {
  position: relative;
  margin: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: center center no-repeat;
  background-size: cover; }

/* 
body::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: center center no-repeat;
    /* background-image: url("https://data-bassin-arcachon.ovh/assets/background-low.png"); */
    /*background-size: cover;
    opacity: 1;
    z-index: -1;}
    
  body.lazy-bg-done::before {
    background-image: inherit;
}
 */
  body main {
    margin: 0 2rem; }
    @media only screen and (min-width: 37.5em) {
      body main {
        margin: 0 3.5rem; } }
    @media only screen and (min-width: 50em) {
      body main {
        margin: 0 5rem; } }
    /* 
body main::before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: transparent;
      opacity: 1;
      z-index: -1;
}
 */
 
 .module-parking {
    border-radius: 20px;
    border-style: dashed;
    border-width: 3px;
    border-color: #000000;
    width: 100%;
    padding: 2em;
}

.header {
  text-align: center; }
  .header object {
    display: none;
    margin: auto;
    margin-bottom: 2rem;
    width: 22rem;
    height: auto; }
    @media only screen and (min-width: 37.5em) {
      .header object {
        width: 32rem;
        margin-bottom: 3rem; } }
  .header .subtitle {
    display: inline-block;
    padding: 1rem 2rem;
    margin: 0; }
  .header .title {
    display: block;
    padding: 1rem 2rem;
    margin: 0; }

.content {
display: none;
  max-width: 60rem;
  margin: 2rem auto; }

.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .center p {
    margin-top: 1rem;
    font-weight: 700; }

.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  border-top: 0.1rem solid #fff; }
  .grid ul {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 0;
    padding-left: 2rem;
    list-style: none; }
    @media only screen and (min-width: 37.5em) {
      .grid ul {
        -ms-flex-preferred-size: calc(50% - 2rem);
            flex-basis: calc(50% - 2rem); } }
    @media only screen and (min-width: 37.5em) {
      .grid ul:nth-child(2n) {
        margin-left: 2rem;
        -ms-flex-preferred-size: calc(50% - 4rem);
            flex-basis: calc(50% - 4rem); } }
    .grid ul li {
      position: relative; }
      .grid ul li::before {
        content: "";
        position: absolute;
        top: 1rem;
        left: -1rem;
        height: 0.1rem;
        width: 0.7rem;
        background: #fff;
        -webkit-transform: translate(-50%, -100%);
                transform: translate(-50%, -100%); }
        @media only screen and (min-width: 37.5em) {
          .grid ul li::before {
            height: 0.15rem; } }
        @media only screen and (min-width: 50em) {
          .grid ul li::before {
            height: 0.2rem;
            width: 1.2rem;
            left: -1.5rem;
            top: 1.5rem; } }
      .grid ul li p {
        margin: 1rem 0; }

/* 
.green::before {
  background-color: #84D47C;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }


.green .subtitle {
  color: #8EFF83; } */
.barrefreq {padding:1em; border-radius:100px; display:block}
.green .barrefreq {
  background-color: #91baa2; }

/* 
.orange::before {
  background-color: #BD9759; }


.orange .subtitle {
  color: #F5A623; } */

.orange .barrefreq {
  background-color: #EB9F45; }

/* 
.red::before {
  background-color: #C92B3E; }


.red .subtitle {
  color: #FF4848; } */

.red .barrefreq {
  background-color: #fd420a; }


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