@font-face {
    font-family: 'calligraffiti';
    src: url('../fonts/calligraffiti-webfont.woff2') format('woff2'),
         url('../fonts/calligraffiti-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AllerBold';
    src: url('../fonts/allerbold-webfont.woff2') format('woff2'),
         url('../fonts/allerbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.calligrafy {
    font-family: "calligraffiti", "Roboto";
    font-weight: 500;
}

.allerbold {
    font-family: "AllerBold", "Roboto";
    font-weight: 500;
}

.ft-cardo
{
  font-family: cardo, serif;
  font-style: normal;
  letter-spacing: 1px;
  font-weight: 400;
}

.top-spacer10 {
  margin-top:20px;
}

.top-spacer20 {
  margin-top:20px;
}

.top-spacer30 {
  margin-top:30px;
}

.top-spacer40 {
  margin-top:30px;
}

.word-spacer {
   word-spacing: -20px;
}

.milieu {
  color: #fff;
}

.milieu p {
  color: rgba(255, 255, 255, 0.85);
}

.milieu h2 {
  font-size: 36px;
  font-weight: 500;
}

span {
   word-spacing: normal;
   display: inline-block;
}

.slogan p {
  font-family: 'Tangerine', cursive;
  font-weight: 400;
  font-size: 58px;
  word-spacing: 3px;
  letter-spacing: 1px;
}

.slogan-old p {
  font-family: "calligraffiti", "Roboto";
  font-weight: 700;
  font-size: 26px;
  word-spacing: 3px;
  letter-spacing: 1px;
}

.font-size10{ font-size: 10px; }
.font-size11{ font-size: 11px; }
.font-size12{ font-size: 12px; }
.font-size13{ font-size: 13px; }
.font-size14{ font-size: 14px; }
.font-size16{ font-size: 16px; }
.font-size18{ font-size: 18px; }
.font-size20{ font-size: 20px; }
.font-size24{ font-size: 24px; }
.font-size30{ font-size: 30px !important; }
.font-size36{ font-size: 32px !important; }
.font-size36{ font-size: 36px; }
.font-size48{ font-size: 48px; }
.font-size60{ font-size: 60px; }
.font-size72{ font-size: 72px; }
.font-size90{ font-size: 90px; }
.font-size120{ font-size: 120px; }
.font-size144{ font-size: 144px; }

.color-bleu { color: #305E7F; }
.p-color-bleu p { color: #305E7F; }

.color-fushia { color: #FA08A8; }


.footer {
  color: #FFF;
  font-family: cardo, serif;
  font-style: normal;
  font-size: 12px;
  line-height: 19px;
  font-weight: 400;
}

.footer i {
  font-size: 12px;
  line-height: 19px;
}

.footer span {
  font-size: 14px;
  line-height: 19px;
}

footer span.mail a:active, footer span.mail a:hover, footer span.mail a:focus {
  color: #c21d62;
}

.footer span.text {
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 1.2px;
  font-weight: 400;
}