@font-face {
  font-family: "Olive Days";
  src: url("../fonts/Olive Days.otf") format("truetype");
}
/* line 9, ../scss/styles.scss */
html, body {
  height: 100%;
  padding: 0;
  margin: 0;
  background-image: url("../img/fond-hori.jpg");
  background-position: center;
  background-size: cover;
}

/* line 18, ../scss/styles.scss */
.page {
  position: relative;
  display: block;
  width: 60%;
  box-sizing: border-box;
  margin: auto;
}
/* line 27, ../scss/styles.scss */
.page .main, .page header, .page footer {
  position: relaitve;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
/* line 34, ../scss/styles.scss */
.page .header {
  position: relaitve;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
/* line 40, ../scss/styles.scss */
.page .header .logo {
  position: relaitve;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
/* line 47, ../scss/styles.scss */
.page .header .logo .logo-lien {
  position: relaitve;
  display: block;
  width: 25%;
  height: auto;
  box-sizing: border-box;
  margin: auto;
}
/* line 57, ../scss/styles.scss */
.page .header .logo .logo-lien .logo-image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
/* line 69, ../scss/styles.scss */
.page .main .slogan {
  position: relaitve;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
/* line 76, ../scss/styles.scss */
.page .main .slogan .slogan-texte {
  position: relaitve;
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: "Olive Days";
  font-size: 1.8vw;
  text-align: center;
  font-weight: bold;
}
/* line 89, ../scss/styles.scss */
.page .main .description {
  position: relaitve;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
/* line 96, ../scss/styles.scss */
.page .main .description .description-texte {
  position: relaitve;
  display: block;
  width: 100%;
  margin-top: 2vw;
  box-sizing: border-box;
  font-family: "calibri";
  font-size: 1vw;
  line-height: 1.5vw;
  text-align: justify;
  font-weight: bold;
}
/* line 111, ../scss/styles.scss */
.page .main .nuage {
  position: relaitve;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
/* line 118, ../scss/styles.scss */
.page .main .nuage .nuage-lien {
  position: relative;
  display: block;
  width: 30%;
  height: 10vw;
  margin: auto;
  background-image: url("../img/nuage-bouton.png");
  background-position: center;
  background-size: cover;
}
/* line 131, ../scss/styles.scss */
.page .main .signature {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
/* line 138, ../scss/styles.scss */
.page .main .signature .signature-texte {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: "calibri";
  font-size: 1vw;
  font-weight: bold;
}
/* line 151, ../scss/styles.scss */
.page .footer {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
}