body {
      font-family: 'alexandria', sans-serif;
    }

    .bg-fortgreen {
      background: #273909 !important;
    }

    .text-fortgreen {
      color: #273909 !important;
    }

    .header-clipped {
      background: #273909;
      color: #fff;
      padding-top: 20px;
      padding-bottom: 6vh;
      /* hauteur clip-path */
      -webkit-clip-path: url(#header-clip);
      clip-path: url(#header-clip);
      position: relative;
    }

    .mid-clipped {
      background: #273909;
      color: #fff;
      width: 100%;
      padding-bottom: 75px;
      padding-top: 50px;
      -webkit-clip-path: url(#mid-clip);
      clip-path: url(#mid-clip);
      position: relative;
      text-align: center;
    }


    .circle-x {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: #E47310;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      font-size: 1.5rem;
      margin: 0 auto 1rem auto;
    }

    .btn-fortorange {
      background: #E47310;
      color: #fff;
      font-weight: bold;
      border-radius: 10px;
      padding: 15px 0;
      width: 100%;
      max-width: 320px;
      font-size: 1.15rem;
      border: none;
    }

    .btn-fortorange:hover,
    .btn-fortorange:focus {
      background: #d87b00;
      color: #fff;
    }

    .highlight-green {
      color: #b3ffb3;
      text-decoration: underline;
    }