body {
  min-width: none;
  min-height: nonepx;
  background-color: rgb(61, 39, 36);
  font: 400 1.063em/1.38 Helvetica;
  color: rgb(57, 37, 34);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.container {
  position: absolute;
  min-width: none;
  min-height: nonepx;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.container .image {
  min-width: none;
  min-height: nonepx;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.container .text {
  width: 279px;
  min-height: 73px;
  font-style: normal;
  font-size: 1em;
  text-align: center;
}

.element {
  position: absolute;
  min-width: none;
  min-height: nonepx;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.element .container {
  top: 94px;
  left: 8px;
  z-index: 22;
  width: 4px;
  height: 732px;
}

.element .element {
  left: 0;
  right: 0;
  width: 301px;
  margin: 0 auto;
  background-color: rgba(255, 0, 0, 0.5);
}

.element .image {
  left: 0;
  right: 0;
  min-width: none;
  min-height: nonepx;
  margin: 0 auto;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.element .text {
  top: 592px;
  left: 0;
  right: 0;
  z-index: 18;
  width: 286px;
  min-height: 106px;
  margin: 0 auto;
  font-size: 0.706em;
  text-align: justify;
  color: rgb(57, 37, 34);
}

.image {
  display: block;
  position: absolute;
  height: auto;
  overflow: hidden;
}

.mail {
  position: absolute;
  top: 208px;
  left: 0;
  right: 0;
  z-index: 20;
  width: 290px;
  min-width: none;
  min-height: 23px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0);
  font-family: Arial;
  font-style: normal;
  font-size: 0.941em;
  font-weight: 700;
  color: rgb(57, 37, 34);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.message {
  position: absolute;
  top: 303px;
  left: 0;
  right: 0;
  z-index: 21;
  width: 290px;
  min-width: none;
  min-height: 23px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0);
  font-family: Arial;
  font-style: normal;
  font-size: 0.941em;
  font-weight: 700;
  color: rgb(57, 37, 34);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.nom {
  position: absolute;
  left: 0;
  right: 0;
  width: 290px;
  min-width: none;
  min-height: 23px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0);
  font-family: Arial;
  font-style: normal;
  font-weight: 700;
  color: rgb(57, 37, 34);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.text {
  position: absolute;
  min-width: none;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

._button {
  display: block;
  position: absolute;
  text-align: center;
}

._input {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 290px;
  min-width: none;
  height: 53px;
  min-height: nonepx;
  margin: 0 auto;
  padding: 0 10px;
  background-color: rgb(242, 242, 242);
  font-size: 0.765em;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

._textarea {
  display: block;
  position: absolute;
  top: 326px;
  left: 0;
  right: 0;
  z-index: 13;
  width: 290px;
  min-width: none;
  height: 170px;
  min-height: nonepx;
  margin: 0 auto;
  padding: 10px;
  border-style: none;
  background-color: rgb(242, 242, 242);
  font-size: 0.941em;
  color: rgb(0, 0, 0);
  resize: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.container-1 {
  top: 268px;
  left: 0;
  right: 0;
  z-index: 74;
  width: 774px;
  height: 561px;
  margin: 0 auto;
}

.container-2 {
  top: 8px;
  left: 792px;
  z-index: 73;
  width: 349px;
  height: 558px;
}

.container-3 {
  top: -9px;
  left: 108px;
  z-index: 68;
  width: 130px;
  height: 130px;
}

.container-4 {
  top: 9px;
  left: 406px;
  z-index: 61;
  width: 349px;
  height: 558px;
}

.container-5 {
  top: 13px;
  left: 34px;
  z-index: 53;
  width: 349px;
  height: 558px;
}

.container-6 {
  top: 2px;
  left: -377px;
  z-index: 43;
  width: 409px;
  height: 561px;
}

.container-7 {
  top: 128px;
  left: 0;
  right: 0;
  z-index: 31;
  width: 205px;
  height: 59px;
  margin: 0 auto;
}

.element-1 {
  top: 1931px;
  left: 0;
  z-index: 79;
  width: 100%;
  height: 171px;
  background: url('../images/carton_arrondi_blanc.svg') rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.element-10 {
  top: 398px;
  left: 25px;
  z-index: 51;
  width: 299px;
  height: 94px;
  border-radius: 20px 20px 25px 25px;
  background-color: rgb(255, 255, 255);
}

.element-11 {
  top: 10px;
  left: 25px;
  z-index: 46;
  width: 300px;
  height: 379px;
  border-radius: 20px;
  background: url('../images/wopono_pochette_fond_v3.jpg') rgb(222, 222, 222);
  background-repeat: no-repeat;
  background-size: 300px auto;
  background-position: center top;
}

.element-12 {
  top: 4px;
  left: 20px;
  z-index: 44;
  width: 310px;
  height: 547px;
  border-radius: 20px;
  background: rgb(255, 122, 0);
  background: -webkit-linear-gradient(133deg, rgb(255, 122, 0) 53.333333333333336%, rgb(255, 231, 146) 100%) rgb(1, 171, 231);
  background:    -moz-linear-gradient(133deg, rgb(255, 122, 0) 53.333333333333336%, rgb(255, 231, 146) 100%) rgb(1, 171, 231);
  background:      -o-linear-gradient(133deg, rgb(255, 122, 0) 53.333333333333336%, rgb(255, 231, 146) 100%) rgb(1, 171, 231);
  background:     -ms-linear-gradient(133deg, rgb(255, 122, 0) 53.333333333333336%, rgb(255, 231, 146) 100%) rgb(1, 171, 231);
  background:         linear-gradient(317deg, rgb(255, 122, 0) 53.333333333333336%, rgb(255, 231, 146) 100%) rgb(1, 171, 231);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.element-13 {
  top: 408px;
  left: 52px;
  z-index: 41;
  width: 299px;
  height: 94px;
  border-radius: 20px 20px 25px 25px;
  background-color: rgb(255, 255, 255);
}

.element-14 {
  top: 398px;
  left: 59px;
  z-index: 39;
  width: 288px;
  height: 74px;
  background-color: rgb(1, 171, 231);
}

.element-15 {
  top: 19px;
  left: 52px;
  z-index: 35;
  width: 300px;
  height: 379px;
  border-radius: 20px;
  background: url('../images/header_neutre.jpg') rgb(222, 222, 222);
  background-size: auto auto;
  background-position: center center;
}

.element-16 {
  top: 14px;
  left: 47px;
  z-index: 34;
  width: 310px;
  height: 547px;
  border-radius: 20px;
  background: rgb(1, 171, 231);
  background: -webkit-linear-gradient(133deg, rgb(1, 171, 231) 53.333333333333336%, rgb(146, 227, 255) 100%) rgb(1, 171, 231);
  background:    -moz-linear-gradient(133deg, rgb(1, 171, 231) 53.333333333333336%, rgb(146, 227, 255) 100%) rgb(1, 171, 231);
  background:      -o-linear-gradient(133deg, rgb(1, 171, 231) 53.333333333333336%, rgb(146, 227, 255) 100%) rgb(1, 171, 231);
  background:     -ms-linear-gradient(133deg, rgb(1, 171, 231) 53.333333333333336%, rgb(146, 227, 255) 100%) rgb(1, 171, 231);
  background:         linear-gradient(317deg, rgb(1, 171, 231) 53.333333333333336%, rgb(146, 227, 255) 100%) rgb(1, 171, 231);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.element-17 {
  top: 254px;
  left: 0;
  z-index: 33;
  width: 100%;
  height: 619px;
  background-color: rgb(255, 255, 255);
}

.element-18 {
  top: 1217px;
  left: 0;
  right: 0;
  z-index: 24;
  width: 320px;
  height: 696px;
  margin: 0 auto;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: rgb(255, 196, 38);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
}

.element-19 {
  top: 321px;
  z-index: 12;
  height: 180px;
}

.element-2 {
  top: 2077px;
  left: 0;
  z-index: 77;
  width: 100%;
  height: 71px;
  background-color: rgb(255, 255, 255);
}

.element-20 {
  top: 225px;
  z-index: 11;
  height: 63px;
}

.element-21 {
  top: 131px;
  z-index: 10;
  height: 63px;
}

.element-22 {
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 49px;
  background-color: rgb(61, 39, 36);
}

.element-23 {
  top: 1638px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 264px;
  background: rgb(61, 39, 36);
  background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.68) 0%, rgb(61, 39, 36) 51.42857142857142%) rgba(255, 255, 255, 0);
  background:    -moz-linear-gradient(270deg, rgba(255, 255, 255, 0.68) 0%, rgb(61, 39, 36) 51.42857142857142%) rgba(255, 255, 255, 0);
  background:      -o-linear-gradient(270deg, rgba(255, 255, 255, 0.68) 0%, rgb(61, 39, 36) 51.42857142857142%) rgba(255, 255, 255, 0);
  background:     -ms-linear-gradient(270deg, rgba(255, 255, 255, 0.68) 0%, rgb(61, 39, 36) 51.42857142857142%) rgba(255, 255, 255, 0);
  background:         linear-gradient(180deg, rgba(255, 255, 255, 0.68) 0%, rgb(61, 39, 36) 51.42857142857142%) rgba(255, 255, 255, 0);
}

.element-24 {
  top: 872px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 766px;
  background: url('../images/fond-perso.jpg') rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center top;
}

.element-25 {
  top: 46px;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 264px;
  background-color: rgb(255, 196, 38);
}

.element-3 {
  top: 1910px;
  left: 0;
  right: 0;
  z-index: 75;
  width: 320px;
  height: 53px;
  margin: 0 auto;
  background: rgb(61, 39, 36);
  background: -webkit-linear-gradient(270deg, rgba(255, 196, 38, 0.52) 0%, rgb(61, 39, 36) 51.42857142857142%) rgba(255, 255, 255, 0);
  background:    -moz-linear-gradient(270deg, rgba(255, 196, 38, 0.52) 0%, rgb(61, 39, 36) 51.42857142857142%) rgba(255, 255, 255, 0);
  background:      -o-linear-gradient(270deg, rgba(255, 196, 38, 0.52) 0%, rgb(61, 39, 36) 51.42857142857142%) rgba(255, 255, 255, 0);
  background:     -ms-linear-gradient(270deg, rgba(255, 196, 38, 0.52) 0%, rgb(61, 39, 36) 51.42857142857142%) rgba(255, 255, 255, 0);
  background:         linear-gradient(180deg, rgba(255, 196, 38, 0.52) 0%, rgb(61, 39, 36) 51.42857142857142%) rgba(255, 255, 255, 0);
}

.element-4 {
  top: 10px;
  left: 25px;
  z-index: 65;
  width: 300px;
  height: 379px;
  border-radius: 20px;
  background: url('../images/fond_fabbrix.jpg') rgb(222, 222, 222);
  background-size: auto auto;
  background-position: left top;
}

.element-5 {
  top: 398px;
  left: 25px;
  z-index: 63;
  width: 299px;
  height: 94px;
  border-radius: 20px 20px 25px 25px;
  background-color: rgb(255, 255, 255);
}

.element-6 {
  top: 4px;
  left: 20px;
  z-index: 62;
  width: 310px;
  height: 547px;
  border-radius: 20px;
  background: rgb(148, 96, 189);
  background: -webkit-linear-gradient(133deg, rgb(148, 96, 189) 55.47619047619048%, rgb(244, 154, 255) 100%) rgb(63, 40, 37);
  background:    -moz-linear-gradient(133deg, rgb(148, 96, 189) 55.47619047619048%, rgb(244, 154, 255) 100%) rgb(63, 40, 37);
  background:      -o-linear-gradient(133deg, rgb(148, 96, 189) 55.47619047619048%, rgb(244, 154, 255) 100%) rgb(63, 40, 37);
  background:     -ms-linear-gradient(133deg, rgb(148, 96, 189) 55.47619047619048%, rgb(244, 154, 255) 100%) rgb(63, 40, 37);
  background:         linear-gradient(317deg, rgb(148, 96, 189) 55.47619047619048%, rgb(244, 154, 255) 100%) rgb(63, 40, 37);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.element-7 {
  top: 398px;
  left: 25px;
  z-index: 59;
  width: 299px;
  height: 94px;
  border-radius: 20px 20px 25px 25px;
  background-color: rgb(255, 255, 255);
}

.element-8 {
  top: 10px;
  left: 25px;
  z-index: 56;
  width: 300px;
  height: 379px;
  border-radius: 20px;
  background: url('../images/fond_wopono_histoire.jpg') rgb(222, 222, 222);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.element-9 {
  top: 4px;
  left: 20px;
  z-index: 54;
  width: 310px;
  height: 547px;
  border-radius: 20px;
  background: rgb(112, 154, 31);
  background: -webkit-linear-gradient(133deg, rgb(112, 154, 31) 55.47619047619048%, rgb(205, 215, 0) 100%) rgb(63, 40, 37);
  background:    -moz-linear-gradient(133deg, rgb(112, 154, 31) 55.47619047619048%, rgb(205, 215, 0) 100%) rgb(63, 40, 37);
  background:      -o-linear-gradient(133deg, rgb(112, 154, 31) 55.47619047619048%, rgb(205, 215, 0) 100%) rgb(63, 40, 37);
  background:     -ms-linear-gradient(133deg, rgb(112, 154, 31) 55.47619047619048%, rgb(205, 215, 0) 100%) rgb(63, 40, 37);
  background:         linear-gradient(317deg, rgb(112, 154, 31) 55.47619047619048%, rgb(205, 215, 0) 100%) rgb(63, 40, 37);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.image-1 {
  top: 1995px;
  left: 0;
  right: 0;
  z-index: 78;
  width: 151px;
  min-width: none;
  min-height: nonepx;
  margin: 0 auto;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.image-10 {
  top: -67px;
  left: 24.3553008595%;
  z-index: 50;
  width: 187px;
}

.image-11 {
  top: 194px;
  left: 21.4899713467%;
  z-index: 49;
  width: 288px;
}

.image-12 {
  top: 283px;
  left: 77.0773638968%;
  z-index: 48;
  width: 100px;
}

.image-13 {
  top: 224px;
  left: 4.3651504297%;
  z-index: 47;
  width: 270px;
}

.image-14 {
  top: 48px;
  left: 10px;
  z-index: 40;
  width: 383px;
}

.image-15 {
  top: 99px;
  left: 28px;
  z-index: 37;
  width: 354px;
}

.image-16 {
  top: 0;
  left: 103px;
  z-index: 36;
  width: 202px;
}

.image-17 {
  top: 11px;
  left: 0;
  right: 0;
  z-index: 32;
  width: 320px;
  min-width: none;
  min-height: nonepx;
  margin: 0 auto;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.image-18 {
  top: -109px;
  left: 247px;
  z-index: 29;
  width: 300px;
}

.image-19 {
  top: -71px;
  left: -346px;
  z-index: 28;
  width: 288px;
}

.image-2 {
  top: 1010px;
  left: 0;
  right: 0;
  z-index: 76;
  width: 269px;
  min-width: none;
  min-height: nonepx;
  margin: 0 auto;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.image-20 {
  top: 338px;
  z-index: 17;
  width: 145px;
}

.image-21 {
  top: 509px;
  z-index: 16;
  width: 72px;
}

.image-22 {
  top: -123px;
  left: 0;
  right: 0;
  z-index: 8;
  width: 946px;
  margin: 0 auto;
  opacity: 0.5;
}

.image-23 {
  top: 1113px;
  left: 17.2493489583%;
  z-index: 7;
  width: 106px;
  min-width: none;
  min-height: nonepx;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.image-24 {
  top: 1011px;
  right: 8.9998372395%;
  z-index: 6;
  width: 174px;
  min-width: none;
  min-height: nonepx;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.image-25 {
  top: 1199px;
  left: 14.3326822916%;
  z-index: 5;
  width: 88px;
  min-width: none;
  min-height: nonepx;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.image-26 {
  top: 1378px;
  left: 1.7496744791%;
  z-index: 4;
  width: 485px;
  min-width: none;
  min-height: nonepx;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.image-27 {
  top: 1395px;
  right: 0.5826822916%;
  z-index: 3;
  width: 516px;
  min-width: none;
  min-height: nonepx;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.image-3 {
  top: 324px;
  left: 16.8964899713%;
  z-index: 71;
  width: 233px;
}

.image-4 {
  top: 120px;
  left: 10.4539756446%;
  z-index: 70;
  width: 178px;
}

.image-5 {
  top: 161px;
  left: 41.3995343839%;
  z-index: 69;
  width: 179px;
}

.image-6 {
  top: 18px;
  left: 16.5384615384%;
  z-index: 67;
  width: 85px;
}

.image-7 {
  top: 0;
  left: -0.3846153847%;
  z-index: 66;
  width: 130px;
}

.image-8 {
  top: -2px;
  left: 33.3810888252%;
  z-index: 58;
  width: 136px;
}

.image-9 {
  top: -7px;
  left: -3.1473853869%;
  z-index: 57;
  width: 376px;
}

.nom-1 {
  top: 38px;
  z-index: 23;
  font-size: 2.941em;
  text-align: center;
}

.nom-2 {
  top: 113px;
  z-index: 19;
  font-size: 0.941em;
}

.text-1 {
  top: 2095px;
  left: 0;
  right: 0;
  z-index: 80;
  width: 252px;
  min-height: 53px;
  margin: 0 auto;
  font-size: 0.765em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-2 {
  top: 410px;
  left: 36px;
  z-index: 64;
  color: rgb(55, 33, 71);
}

.text-3 {
  top: 410px;
  left: 36px;
  z-index: 60;
  color: rgb(33, 71, 35);
}

.text-4 {
  top: 410px;
  left: 36px;
  z-index: 52;
  color: rgb(71, 46, 33);
}

.text-5 {
  top: 420px;
  left: 63px;
  z-index: 42;
  color: rgb(0, 23, 103);
}

._button-1 {
  top: 1933px;
  left: 0;
  right: 0;
  z-index: 82;
  width: 59px;
  min-width: none;
  height: 59px;
  min-height: nonepx;
  margin: 0 auto;
  border-radius: 3px;
  background: url('../images/haut.jpg') rgba(222, 222, 222, 0);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center center;
  font-size: 0.941em;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

._button-2 {
  top: 2033px;
  left: 0;
  right: 0;
  z-index: 81;
  width: 67px;
  min-width: none;
  height: 41px;
  min-height: nonepx;
  margin: 0 auto;
  border-radius: 3px;
  background: url('../images/octoko_logo.svg') rgba(222, 222, 222, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  font-size: 0.941em;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.container ._button-10 {
  top: 0;
  left: 174px;
  z-index: 25;
  width: 59px;
  min-width: none;
  height: 59px;
  min-height: nonepx;
  border-radius: 20px;
  background: url('../images/lettre.png') rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: center center;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
  font-size: 0.941em;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.container ._button-3 {
  top: 502px;
  left: 108px;
  z-index: 72;
  width: 141px;
  height: 39px;
  border-radius: 5px;
  background: rgb(255, 226, 31);
  background: -webkit-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:    -moz-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:      -o-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:     -ms-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:         linear-gradient(180deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  font-size: 1.176em;
  font-weight: 700;
  color: rgb(0, 0, 0);
}

.container ._button-4 {
  top: 501px;
  left: 105px;
  z-index: 55;
  width: 141px;
  min-width: none;
  height: 39px;
  min-height: nonepx;
  border-radius: 5px;
  background: rgb(255, 226, 31);
  background: -webkit-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:    -moz-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:      -o-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:     -ms-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:         linear-gradient(180deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  font-style: normal;
  font-size: 1.176em;
  font-weight: 700;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.container ._button-5 {
  top: 501px;
  left: 105px;
  z-index: 45;
  width: 141px;
  min-width: none;
  height: 39px;
  min-height: nonepx;
  border-radius: 5px;
  background: rgb(255, 226, 31);
  background: -webkit-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:    -moz-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:      -o-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:     -ms-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:         linear-gradient(180deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  font-style: normal;
  font-size: 1.176em;
  font-weight: 700;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.container ._button-6 {
  top: 511px;
  left: 132px;
  z-index: 38;
  width: 141px;
  min-width: none;
  height: 39px;
  min-height: nonepx;
  border-radius: 5px;
  background: rgb(255, 226, 31);
  background: -webkit-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:    -moz-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:      -o-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:     -ms-linear-gradient(270deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  background:         linear-gradient(180deg, rgb(255, 226, 31) 3.571428571428571%, rgb(255, 255, 255) 10.952380952380953%, rgb(255, 226, 31) 35.95238095238095%, rgb(255, 161, 0) 100%) rgb(238, 192, 67);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  font-style: normal;
  font-size: 1.176em;
  font-weight: 700;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.container ._button-7 {
  top: 0;
  left: 102px;
  z-index: 30;
  width: 59px;
  height: 59px;
  border-radius: 20px;
  background: url('../images/tictoc_logo.svg') rgb(245, 79, 84);
  background-repeat: no-repeat;
  background-size: 60px auto;
  background-position: center center;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
  font-size: 0.941em;
  color: rgb(227, 70, 117);
}

.container ._button-8 {
  top: 0;
  left: 30px;
  z-index: 27;
  width: 59px;
  min-width: none;
  height: 59px;
  min-height: nonepx;
  border-radius: 20px;
  background: url('../images/Instagram_logo_2016.svg') rgb(245, 79, 84);
  background-repeat: no-repeat;
  background-size: 60px auto;
  background-position: center center;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
  font-style: normal;
  font-size: 0.941em;
  color: rgb(227, 70, 117);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.container ._button-9 {
  top: 0;
  left: -42px;
  z-index: 26;
  width: 59px;
  min-width: none;
  height: 59px;
  min-height: nonepx;
  border-radius: 20px;
  background: url('../images/2000px-f_iconsvg.png') rgb(60, 90, 155);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center center;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
  font-style: normal;
  font-size: 0.941em;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.element ._input-1 {
  top: 136px;
  z-index: 15;
}

.element ._input-2 {
  top: 230px;
  z-index: 14;
}

.text strong {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: Arial;
  font-style: inherit;
  font-size: inherit;
  font-weight: 700;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

@media(max-width: 1500px) {
  .container .image {
    height: auto;
  }

  .container-1,
  .container-7,
  .element ._input,
  .element ._textarea,
  .element .element,
  .element .mail,
  .element .message,
  .element .nom,
  .element .text,
  .image-17 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .element .image {
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .image {
    height: auto;
  }

  ._button {
    left: 0;
  }

  .container .container-2 {
    top: 577px;
    left: 413px;
  }

  .container .container-4 {
    top: 578px;
    left: 27px;
  }

  .container .container-5 {
    top: 10px;
    left: 416px;
  }

  .container .container-6 {
    top: -1px;
    left: 5px;
  }

  .element-1 {
    top: 2525px;
  }

  .element-17 {
    height: 1215px;
  }

  .element-18 {
    top: 1811px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .element-2 {
    top: 2671px;
  }

  .element-23 {
    top: 2232px;
  }

  .element-24 {
    top: 1466px;
  }

  .element-3 {
    top: 2504px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .image-1 {
    top: 2589px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .image-2 {
    top: 1604px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .image-22 {
    left: 0;
    right: 0;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
  }

  .image-23 {
    top: 1707px;
    left: 17.2489583333%;
  }

  .image-24 {
    top: 1605px;
    right: 8.9989583333%;
  }

  .image-25 {
    top: 1793px;
    left: 14.3322916666%;
  }

  .image-26 {
    top: 1972px;
    left: 1.7333333333%;
    width: 384px;
  }

  .image-27 {
    top: 1989px;
    right: 0.6%;
    width: 409px;
  }

  .text-1 {
    top: 2689px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  ._button-1 {
    top: 2527px;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  ._button-2 {
    top: 2627px;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }
}

@media(max-width: 900px) {
  body {
    font-size: 1.063em;
  }

  .container .image {
    height: auto;
  }

  .container-7,
  .element ._input,
  .element ._textarea,
  .element .element,
  .element .mail,
  .element .message,
  .element .nom,
  .element .text,
  .image-17 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .element .image {
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .image {
    height: auto;
  }

  .container .container-2 {
    top: 1754px;
    left: -13px;
  }

  .container .container-4 {
    top: 1176px;
    left: -13px;
  }

  .container .container-5 {
    top: 595px;
    left: -13px;
  }

  .container .container-6 {
    top: 1px;
    left: -43px;
  }

  .container .image-18 {
    top: 24px;
    left: 100px;
    width: 170px;
  }

  .container .image-19 {
    top: 34px;
    left: -64px;
    width: 171px;
  }

  .container-1 {
    left: 0;
    right: 0;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
  }

  .element-1 {
    top: 3756px;
    height: 119px;
  }

  .element-17 {
    top: 264px;
    height: 2373px;
  }

  .element-18 {
    top: 2981px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .element-2 {
    top: 3851px;
    height: 54px;
  }

  .element-23 {
    top: 3402px;
  }

  .element-24 {
    top: 2636px;
  }

  .element-3 {
    top: 3674px;
    left: 0;
    right: 0;
    height: 34px;
    margin-right: auto;
    margin-left: auto;
  }

  .image-1 {
    top: 3749px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .image-2 {
    top: 2816px;
    left: 0;
    right: 0;
    width: 208px;
    margin-right: auto;
    margin-left: auto;
  }

  .image-22 {
    top: 127px;
    left: 0;
    right: 0;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
  }

  .image-23 {
    top: 2684px;
    left: 24%;
    width: 54px;
  }

  .image-24 {
    top: 2664px;
    right: 16.3333333333%;
    width: 98px;
  }

  .image-25 {
    top: 2733px;
    left: 15.4444444444%;
    width: 48px;
  }

  .image-26 {
    display: none;
    top: 2007px;
    left: 1.7777777777%;
    width: 370px;
  }

  .image-27 {
    display: none;
    top: 2025px;
    right: 0.5555555555%;
    width: 394px;
  }

  .text-1 {
    top: 3859px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  ._button-1 {
    top: 3687px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  ._button-2 {
    top: 3797px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .container ._button-10,
  .container ._button-8,
  .container ._button-9 {
    top: -41px;
  }

  .container ._button-7 {
    top: -40px;
  }
}