/* 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; display: none}
  .content p a {    color: #fff; }

html {
  height: 100%; }
  


body {
  position: relative;
  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;
          margin: 0;
          overflow: hidden;
 }
body main {    margin: 0; }
    
    @media only screen and (min-width: 37.5em) {
      body main { margin:0; } 
      }
      
    @media only screen and (min-width: 50em) {
      body main { margin: 0; }
       }

 
 .module-parking {}
  iframe { overflow: hidden;}

  .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: none;
    padding: 1rem 2rem;
    margin: 0; }
  .header .title {
    display: block;
    padding: 1rem 0;
    margin: 0; 
    color: #fff}

.barrefreq {padding:1em; border-radius:100px; display:block; width: 100%;width: 82%;
    max-width: 195px;}
.green .barrefreq {
  background-color: #91baa2; }
.orange .barrefreq {
  background-color: #EB9F45; }
.red .barrefreq {
  background-color: #fd420a; }