html {
  margin: 0;
  padding: 0;
}
html body {
  margin: 0;
  padding: 0;
  background: #E1E1E1;
}
html body section.container div.picture {
  display: none;
  text-align: center;
  position: relative;
}
html body section.container div.picture.desktop {
  height: 100vh;
  max-width: 100vw;
  margin-bottom: 30px;
}
@media screen and (orientation: landscape) {
  html body section.container div.picture.desktop {
    display: block;
  }
}
html body section.container div.picture.desktop a,
html body section.container div.picture.desktop img {
  height: inherit;
}
html body section.container div.picture.mobile {
  max-width: 100%;
}
@media screen and (orientation: portrait) {
  html body section.container div.picture.mobile {
    display: block;
  }
}
html body section.container div.picture.mobile a,
html body section.container div.picture.mobile img {
  max-width: 100%;
}
html body section.container a.btn {
  position: absolute;
  display: block;
  width: 180px;
  height: 120px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 50%;
  z-index: 10;
}
html body section.container a.btn.page {
  background-image: url(../../img/voir-page.png);
}
html body section.container a.btn.blog {
  background-image: url(../../img/voir-blog.png);
}
html body section.container a.btn.compte {
  background-image: url(../../img/voir-compte.png);
}
html body section.container a.btn.btn-desktop.page-4 {
  top: 250px;
  margin-left: 400px;
}
html body section.container a.btn.btn-desktop.page-5 {
  top: 250px;
  margin-left: 400px;
}
html body section.container a.btn.btn-desktop.page-6 {
  top: 140px;
  margin-left: 400px;
}
html body section.container a.btn.btn-desktop.page-7 {
  top: 80px;
  margin-left: 340px;
}
html body section.container a.btn.btn-desktop.page-10:first-of-type {
  top: 230px;
  margin-left: -180px;
}
html body section.container a.btn.btn-desktop.page-10:last-of-type {
  top: 90px;
  margin-left: 150px;
}
html body section.container a.btn.btn-desktop.page-11 {
  top: 80px;
  margin-left: 120px;
}
html body section.container a.btn.btn-desktop.page-14:first-of-type {
  top: 200px;
  margin-left: -250px;
}
html body section.container a.btn.btn-desktop.page-14:last-of-type {
  top: 310px;
  margin-left: 370px;
}
html body section.container a.btn.btn-desktop.page-15 {
  top: 70px;
  margin-left: -410px;
}
html body section.container a.btn.btn-mobile {
  left: 0;
  top: 0;
  width: 100px;
  height: 80px;
}
html body section.container a.btn.btn-mobile.page-4 {
  top: 110px;
  left: auto;
  right: 10px;
}
html body section.container a.btn.btn-mobile.page-5 {
  top: 110px;
  left: auto;
  right: 10px;
}
html body section.container a.btn.btn-mobile.page-6 {
  top: 90px;
  left: auto;
  right: 10px;
}
html body section.container a.btn.btn-mobile.page-7 {
  top: 30px;
  left: 185px;
}
html body section.container a.btn.btn-mobile.page-10:first-of-type {
  top: auto;
  bottom: 10px;
  left: 10px;
}
html body section.container a.btn.btn-mobile.page-10:last-of-type {
  top: auto;
  bottom: 10px;
  left: 100px;
}
html body section.container a.btn.btn-mobile.page-11 {
  width: 70px;
  height: 50px;
  top: 90px;
  left: 0px;
}
html body section.container a.btn.btn-mobile.page-14:first-of-type {
  top: 90px;
  left: 200px;
}
html body section.container a.btn.btn-mobile.page-14:last-of-type {
  top: 340px;
  left: auto;
  right: 20px;
}
html body section.container a.btn.btn-mobile.page-15 {
  top: 90px;
  left: 200px;
}

/*# sourceMappingURL=main.css.map */