* {
        font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, sans-serif;
      }
      body {
        font-size: 18px;
        color: rgb(63, 66, 65);
        background-color: #f1f3f2;
      }
      h1, h2, h3, h4, h5, a {
        color: rgb(132,180,76);
      }
      img {
      	max-width: 100%;
      }
      a.no-deco {
        text-decoration: none;
      }
      footer {
        background-color: rgb(132,180,76);
        color: #fff;
        padding: 20px;
        margin-top: 30px;
      }
      footer a {
        color: #fff;
        text-decoration: underline;
      }
      footer a:hover,
      footer a:focus {
        text-decoration: none;
        color: #fff;
      }
      footer #svg-france {
        width: 100%;
        max-width: 200px;
        height: auto;
      }
      h1.headline {
        color: rgb(73,76,75);
        text-transform: uppercase;
        font-size: 3em;
        text-align: justify;
        margin: 20px auto 10px auto;
        width: 100%;
        max-width: 500px;
        text-align-last: justify;
        text-justify: inter-character;
        letter-spacing: -2px;
        padding-right: 10px;
      }
      .btn-green,
      .btn-primary {
        background-color: rgb(132,180,76);
        color: #fff;
        border-color: rgb(132,180,76);
      }
      .btn-green:hover,
      .btn-primary:hover {
        background-color: #fff;
        color: rgb(132,180,76);
        border-color: rgb(132,180,76);
      }
      .btn-green:focus,
      .btn-green:active,
      .btn-green:active:hover,
      .btn-green:active:focus,
      .btn-primary:focus,
      .btn-primary:active,
      .btn-primary:active:hover,
      .btn-primary:active:focus {
        background-color: rgb(132,180,76);
        color: #fff;
        border-color: rgb(132,180,76);
        outline: none;
      }
      .margin-top-20 {
        margin-top: 20px;
      }
      .margin-bottom-20 {
        margin-bottom: 20px;
      }
      .btn-group-xl > .btn, 
      .btn-xl {
        font-size: 1.5em;
        line-height: 1.5;
      }
      .form-group-optional-hideable {
      	display: none;
      }
      ol.breadcrumb {
      	display: none;
      }
      a.btn-back {
        display: none;
      }
      @media(min-width: 1200px){
        .fullwidth-div{
          margin-left: calc( ( 100vw - 1170px + 15px) / -2);
          width: calc( 100vw - 16px);
          margin-right: 0;
          padding: 0;
        }
      }
      @media(min-width: 992px) and (max-width: 1199px){
        .fullwidth-div{
          margin-left: calc( ( 100vw - 970px + 15px) / -2);
          width: calc( 100vw - 16px);
          margin-right: 0;
          padding: 0;
        }
      }

      @media(min-width: 768px) and (max-width: 991px){
        .fullwidth-div{
          width: calc( 100vw - 16px);
          margin-left: calc( ( 100vw - 750px + 15px) / -2);
          margin-right: 0;
          padding: 0;
        }
      }

      @media(max-width: 768px){
        .fullwidth-div{
          margin-left: -15px;
          margin-right: -15px;
        }
      }
      
      details {
        padding: 15px;
        border: 1px solid #DFDFDF;
        border-radius: 5px;
        position: relative;
      }
      
      details[open] {
        height: auto;
      }
      
      details > summary {
        cursor: pointer;
        padding-left: 15px;
      }
      
      details > summary:before {
        content: "▸";
        position: absolute;
        transition: all 0.5s;
        left: 15px;
      }
      details[open] > summary:before {
        transform: rotate(90deg);
      }
      details > p {
        padding: 15px;
      }