@import url('https://fonts.googleapis.com/css?family=Roboto:500,400,700,300');

body, html {
  font-family: 'Roboto', sans-serif;
  width:100%;
  height:100%;
  margin:0;
  scroll-behavior: smooth;
  background-color    : #F4F4F2;
}

.bp2-accueiltablet {
  width               : 100%;
  min-width           : 1024px;
  height              : 100vh;
  min-height          : 768px;
  position            : relative;
  overflow            : hidden;
  margin              : 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  text-decoration     : none;
}
div {
  -webkit-text-size-adjust: none;
}
.anima-full-width-a {
  width               : 100%;
}
.anima-full-height-a {
  height              : 100%;
}
div {
  -webkit-text-size-adjust: none;
}
.bp2-accueiltablet .bp2-header {
  top                 : -2px;
  height              : 172px;
  width               : 673px;
  position            : absolute;
  margin              : 0;
  left                : 177px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-header .bp2-elajeslogo {
  
  top                 : 49px;
  height              : 78px;
  width               : 148px;
  position            : absolute;
  margin              : 0;
  left                : 260px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-header .bp2-projets {
  
  top                 : 12px;
  height              : 150px;
  width               : 149px;
  position            : absolute;
  margin              : 0;
  left                : 117px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-header .bp2-projets .bp2-diamond {
  
  top                 : 11px;
  height              : 127px;
  width               : 126px;
  position            : absolute;
  margin              : 0;
  left                : 12px;
  -ms-transform       : rotate(169deg); /* IE 9 */
  -webkit-transform   : rotate(169deg); /* Chrome, Safari, Opera */
  transform           : rotate(169deg);
}
.bp2-accueiltablet .bp2-header .bp2-projets .bp2-projets1 {
  
  top                 : 67px;
  height              : auto;
  width               : 57px;
  position            : absolute;
  margin              : 0;
  left                : 46px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp2-accueiltablet .bp2-header .bp2-apropos {
  
  top                 : 16px;
  height              : 143px;
  width               : 143px;
  position            : absolute;
  margin              : 0;
  left                : 407px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-header .bp2-apropos .bp2-diamond {
  
  top                 : 15px;
  height              : 114px;
  width               : 114px;
  position            : absolute;
  margin              : 0;
  left                : 14px;
  -ms-transform       : rotate(73deg); /* IE 9 */
  -webkit-transform   : rotate(73deg); /* Chrome, Safari, Opera */
  transform           : rotate(73deg);
}
.bp2-accueiltablet .bp2-header .bp2-apropos .bp2-apropos1 {
  
  top                 : 62px;
  height              : auto;
  width               : 66px;
  position            : absolute;
  margin              : 0;
  left                : 39px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp2-accueiltablet .bp2-header .bp2-contact {
  
  top                 : 0px;
  height              : 167px;
  width               : 166px;
  position            : absolute;
  margin              : 0;
  left                : 507px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-header .bp2-contact .bp2-diamond {
  
  top                 : 22px;
  height              : 123px;
  width               : 123px;
  position            : absolute;
  margin              : 0;
  left                : 21px;
  -ms-transform       : rotate(117deg); /* IE 9 */
  -webkit-transform   : rotate(117deg); /* Chrome, Safari, Opera */
  transform           : rotate(117deg);
}
.bp2-accueiltablet .bp2-header .bp2-contact .bp2-contact1 {
  
  top                 : 78px;
  height              : auto;
  width               : 62px;
  position            : absolute;
  margin              : 0;
  left                : 54px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp2-accueiltablet .bp2-header .bp2-accueil {
  
  top                 : 7px;
  height              : 165px;
  width               : 165px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-header .bp2-accueil .bp2-diamond {
  
  top                 : 24px;
  height              : 118px;
  width               : 117px;
  position            : absolute;
  margin              : 0;
  left                : 24px;
  -ms-transform       : rotate(36deg); /* IE 9 */
  -webkit-transform   : rotate(36deg); /* Chrome, Safari, Opera */
  transform           : rotate(36deg);
}
.bp2-accueiltablet .bp2-header .bp2-accueil .bp2-accueil1 {
  
  top                 : 72px;
  height              : auto;
  width               : 61px;
  position            : absolute;
  margin              : 0;
  left                : 58px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp2-accueiltablet .bp2-header .bp2-accueil .bp2-underline {
  
  top                 : 76px;
  height              : 39px;
  width               : 2px;
  position            : absolute;
  margin              : 0;
  left                : 75px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp2-accueiltablet .bp2-header .bp2-hotspot {
  
  top                 : 29px;
  height              : 113px;
  width               : 117px;
  position            : absolute;
  margin              : 0;
  left                : 420px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-header .bp2-hotspot1 {
  
  top                 : 17px;
  height              : 135px;
  width               : 131px;
  position            : absolute;
  margin              : 0;
  left                : 126px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-header .bp2-hotspot2 {
  
  top                 : 29px;
  height              : 108px;
  width               : 117px;
  position            : absolute;
  margin              : 0;
  left                : 532px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-header .bp2-decorbar {
  
  top                 : 137px;
  height              : 24px;
  width               : 77px;
  position            : absolute;
  margin              : 0;
  left                : 296px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-header .bp2-decorbar .bp2-diamond {
  
  top                 : 0px;
  height              : 24px;
  width               : 24px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-header .bp2-decorbar .bp2-diamond1 {
  
  top                 : 0px;
  height              : 24px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 27px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-header .bp2-decorbar .bp2-diamond2 {
  
  top                 : 0px;
  height              : 24px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 52px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-language {
  
  top                 : 13px;
  height              : 153px;
  width               : 152px;
  position            : absolute;
  margin              : 0;
  left                : 11px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-language .bp2-diamond {
  
  top                 : 22px;
  height              : 108px;
  width               : 108px;
  position            : absolute;
  margin              : 0;
  left                : 22px;
  -ms-transform       : rotate(54deg); /* IE 9 */
  -webkit-transform   : rotate(54deg); /* Chrome, Safari, Opera */
  transform           : rotate(54deg);
}
.bp2-accueiltablet .bp2-language .bp2-underline {
  
  top                 : 80px;
  height              : 15px;
  width               : 3px;
  position            : absolute;
  margin              : 0;
  left                : 74px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp2-accueiltablet .bp2-language .bp2-francais {
  
  top                 : 67px;
  height              : auto;
  width               : 27px;
  position            : absolute;
  margin              : 0;
  left                : 67px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 15.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 20.0px;
}
.bp2-accueiltablet .bp2-copyright {
  
  top                 : 733px;
  height              : auto;
  width               : 120px;
  position            : absolute;
  margin              : 0;
  left                : 469px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp2-accueiltablet .bp2-socialmedia {
  
  top                 : 278px;
  height              : 55px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 944px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-socialmedia .bp2-instagramlogo {
  
  top                 : 0px;
  height              : 25px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-socialmedia .bp2-youtubelogo {
  
  top                 : 30px;
  height              : 25px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-line {
  
  top                 : 445px;
  height              : 3px;
  width               : 138px;
  position            : absolute;
  margin              : 0;
  left                : 886px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp2-accueiltablet .bp2-decor {
  
  top                 : 446px;
  height              : 269px;
  width               : 916px;
  position            : absolute;
  margin              : 0;
  left                : 40px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-decor .bp2-line1 {
  
  top                 : 68px;
  height              : 3px;
  width               : 139px;
  position            : absolute;
  margin              : 0;
  left                : 845px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp2-accueiltablet .bp2-decor .bp2-diamond {
  
  top                 : 118px;
  height              : 99px;
  width               : 99px;
  position            : absolute;
  margin              : 0;
  left                : 759px;
  -ms-transform       : rotate(11deg); /* IE 9 */
  -webkit-transform   : rotate(11deg); /* Chrome, Safari, Opera */
  transform           : rotate(11deg);
}
.bp2-accueiltablet .bp2-decor .bp2-diamond1 {
  
  top                 : 164px;
  height              : 76px;
  width               : 76px;
  position            : absolute;
  margin              : 0;
  left                : 758px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-decor .bp2-diamond2 {
  
  top                 : 191px;
  height              : 68px;
  width               : 68px;
  position            : absolute;
  margin              : 0;
  left                : 824px;
  -ms-transform       : rotate(-21deg); /* IE 9 */
  -webkit-transform   : rotate(-21deg); /* Chrome, Safari, Opera */
  transform           : rotate(-21deg);
}
.bp2-accueiltablet .bp2-decor .bp2-diamond3 {
  
  top                 : 76px;
  height              : 85px;
  width               : 85px;
  position            : absolute;
  margin              : 0;
  left                : 92px;
  -ms-transform       : rotate(-26deg); /* IE 9 */
  -webkit-transform   : rotate(-26deg); /* Chrome, Safari, Opera */
  transform           : rotate(-26deg);
}
.bp2-accueiltablet .bp2-decor .bp2-diamond4 {
  
  top                 : 80px;
  height              : 76px;
  width               : 76px;
  position            : absolute;
  margin              : 0;
  left                : 8px;
  -ms-transform       : rotate(13deg); /* IE 9 */
  -webkit-transform   : rotate(13deg); /* Chrome, Safari, Opera */
  transform           : rotate(13deg);
}
.bp2-accueiltablet .bp2-decor .bp2-diamond5 {
  
  top                 : 149px;
  height              : 68px;
  width               : 68px;
  position            : absolute;
  margin              : 0;
  left                : 44px;
  -ms-transform       : rotate(63deg); /* IE 9 */
  -webkit-transform   : rotate(63deg); /* Chrome, Safari, Opera */
  transform           : rotate(63deg);
}
.bp2-accueiltablet .bp2-autoportrait {
  
  top                 : 219px;
  height              : 430px;
  width               : 476px;
  position            : absolute;
  margin              : 0;
  left                : 280px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-autoportrait .bp2-rectangle {
  background-color    : rgba(146, 206, 206, 1.0);
  top                 : 0px;
  height              : 390px;
  width               : 166px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-autoportrait .bp2-rectangle1 {
  background-color    : rgba(255, 209, 209, 1.0);
  top                 : 107px;
  height              : 323px;
  width               : 216px;
  position            : absolute;
  margin              : 0;
  left                : 92px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-autoportrait .bp2-frame {
  
  top                 : 31px;
  height              : 58px;
  width               : 52px;
  position            : absolute;
  margin              : 0;
  left                : 41px;
  -ms-transform       : rotate(-180deg); /* IE 9 */
  -webkit-transform   : rotate(-180deg); /* Chrome, Safari, Opera */
  transform           : rotate(-180deg);
}
.bp2-accueiltablet .bp2-autoportrait .bp2-frame1 {
  
  top                 : 308px;
  height              : 58px;
  width               : 52px;
  position            : absolute;
  margin              : 0;
  left                : 246px;
  -ms-transform       : rotate(-360deg); /* IE 9 */
  -webkit-transform   : rotate(-360deg); /* Chrome, Safari, Opera */
  transform           : rotate(-360deg);
}
.bp2-accueiltablet .bp2-autoportrait .bp2-underline {
  
  top                 : 239px;
  height              : 2px;
  width               : 208px;
  position            : absolute;
  margin              : 0;
  left                : 268px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-autoportrait .bp2-presentation {
  
  top                 : 201px;
  height              : auto;
  width               : 157px;
  position            : absolute;
  margin              : 0;
  left                : 318px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 300;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp2-accueiltablet .bp2-autoportrait .bp2-presentation .bp2-span1 {
  
}
.bp2-accueiltablet .bp2-autoportrait .bp2-presentation .bp2-span2 {
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
}
.bp2-accueiltablet .bp2-autoportrait .bp2-autoportrait1 {
  
  top                 : 18px;
  height              : 372px;
  width               : 263px;
  position            : absolute;
  margin              : 0;
  left                : 34px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp2-accueiltablet .bp2-autoportrait .bp2-bienvenue {
  
  top                 : 124px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 405px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
/* .anima-animate-appear prefix for appear animations */
.anima-animate-appear {
  opacity             : 0;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 normal forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 normal forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 normal forwards;
}
.anima-animate-disappear {
  opacity             : 1;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 reverse forwards;
}
.anima-animate-nodelay {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay  : 0;
  animation-delay     : 0;
}
@-webkit-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-moz-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-o-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
.bp1-accueiliphone8 {
  width               : 320px;
  height              : 100vh;
  min-height          : 1024px;
  margin: auto;
  align-content: center;
  position            : relative;
  overflow            : hidden;
  margin              : 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
div {
  -webkit-text-size-adjust: none;
}

.bp1-accueiliphone8 .bp1-language {
  
  top                 : 1px;
  height              : 120px;
  width               : 120px;
  position            : absolute;
  margin              : 0;
  left                : -20px;
}
.bp1-accueiliphone8 .bp1-language .bp1-diamond {
  
  top                 : 17px;
  height              : 85px;
  width               : 85px;
  position            : absolute;
  margin              : 0;
  left                : 17px;
  -ms-transform       : rotate(54deg); /* IE 9 */
  -webkit-transform   : rotate(54deg); /* Chrome, Safari, Opera */
  transform           : rotate(54deg);
}
.bp1-accueiliphone8 .bp1-language .bp1-underline {
  
  top                 : 67px;
  height              : 12px;
  width               : 3px;
  position            : absolute;
  margin              : 0;
  left                : 58px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp1-accueiliphone8 .bp1-language .bp1-francais {
  
  top                 : 50px;
  height              : auto;
  width               : 21px;
  position            : absolute;
  margin              : 0;
  left                : 53px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 15.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 20.0px;
}
.bp1-accueiliphone8 .bp1-elajeslogo {
  top                 : 6px;
  height              : 100px;
  width               : 190px;
  position            : absolute;
  margin              : 0;
  left                : 70px;
}
.bp1-accueiliphone8 .bp1-decorbar {
  display: none;
  top                 : 95px;
  height              : 29px;
  width               : 94px;
  position            : absolute;
  margin              : 0;
  left                : 115px;
}
.bp1-accueiliphone8 .bp1-decorbar .bp1-diamond {
  top                 : 0px;
  height              : 29px;
  width               : 29px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
}
.bp1-accueiliphone8 .bp1-decorbar .bp1-diamond1 {
  top                 : 0px;
  height              : 29px;
  width               : 29px;
  position            : absolute;
  margin              : 0;
  left                : 33px;
}
.bp1-accueiliphone8 .bp1-decorbar .bp1-diamond2 {
  top                 : 0px;
  height              : 29px;
  width               : 29px;
  position            : absolute;
  margin              : 0;
  left                : 65px;
}
.bp1-accueiliphone8 .bp1-copyright {
  top                 : 980px;
  height              : auto;
  width               : 122px;
  position            : absolute;
  margin              : 0;
  left                : 105px;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp1-accueiliphone8 .bp1-socialmedia {
  top                 : 880px;
  height              : 42px;
  width               : 103px;
  position            : absolute;
  margin              : 0;
  left                : 110px;
}
.bp1-accueiliphone8 .bp1-socialmedia .bp1-instagramlogo {
  
  top                 : 0px;
  height              : 42px;
  width               : 42px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp1-accueiliphone8 .bp1-socialmedia .bp1-youtubelogo {
  
  top                 : 0px;
  height              : 42px;
  width               : 42px;
  position            : absolute;
  margin              : 0;
  left                : 61px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}

.bp1-accueiliphone8 .bp1-header {
  top:0px;
  left: -35px;
  position            : absolute;
}

.bp1-accueiliphone8 .bp1-projets {
  
  top                 : 514px;
  height              : 175px;
  width               : 174px;
  position            : absolute;
  margin              : 0;
  left                : 193px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp1-accueiliphone8 .bp1-projets .bp1-diamond {
  
  top                 : 14px;
  height              : 149px;
  width               : 148px;
  position            : absolute;
  margin              : 0;
  left                : 13px;
  -ms-transform       : rotate(169deg); /* IE 9 */
  -webkit-transform   : rotate(169deg); /* Chrome, Safari, Opera */
  transform           : rotate(169deg);
}
.bp1-accueiliphone8 .bp1-projets .bp1-projets1 {
  
  top                 : 78px;
  height              : auto;
  width               : 107px;
  position            : absolute;
  margin              : 0;
  left                : 57px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp1-accueiliphone8 .bp1-apropos {
  
  top                 : 664px;
  height              : 190px;
  width               : 190px;
  position            : absolute;
  margin              : 0;
  left                : 16px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp1-accueiliphone8 .bp1-apropos .bp1-diamond {
  top                 : 19px;
  height              : 152px;
  width               : 152px;
  position            : absolute;
  margin              : 0;
  left                : 19px;
  -ms-transform       : rotate(73deg); /* IE 9 */
  -webkit-transform   : rotate(73deg); /* Chrome, Safari, Opera */
  transform           : rotate(73deg);
}
.bp1-accueiliphone8 .bp1-apropos .bp1-apropos1 {
  top                 : 87px;
  height              : auto;
  width               : 106px;
  position            : absolute;
  margin              : 0;
  left                : 60px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp1-accueiliphone8 .bp1-accueil {
  
  top                 : 496px;
  height              : 213px;
  width               : 213px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp1-accueiliphone8 .bp1-accueil .bp1-diamond {
  top                 : 30px;
  height              : 152px;
  width               : 152px;
  position            : absolute;
  margin              : 0;
  left                : 30px;
  -ms-transform       : rotate(36deg); /* IE 9 */
  -webkit-transform   : rotate(36deg); /* Chrome, Safari, Opera */
  transform           : rotate(36deg);
}
.bp1-accueiliphone8 .bp1-accueil .bp1-accueil1 {
  top                 : 96px;
  height              : auto;
  width               : 109px;
  position            : absolute;
  margin              : 0;
  left                : 76px;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp1-accueiliphone8 .bp1-accueil .bp1-underline {
  top                 : 97px;
  height              : 52px;
  width               : 3px;
  position            : absolute;
  margin              : 0;
  left                : 101px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp1-accueiliphone8 .bp1-contact {
  top                 : 652px;
  height              : 211px;
  width               : 212px;
  position            : absolute;
  margin              : 0;
  left                : 171px;
}
.bp1-accueiliphone8 .bp1-contact .bp1-diamond {
  top                 : 27px;
  height              : 157px;
  width               : 156px;
  position            : absolute;
  margin              : 0;
  left                : 28px;
  -ms-transform       : rotate(117deg); /* IE 9 */
  -webkit-transform   : rotate(117deg); /* Chrome, Safari, Opera */
  transform           : rotate(117deg);
}
.bp1-accueiliphone8 .bp1-contact .bp1-contact1 {
  top                 : 99px;
  height              : auto;
  width               : 105px;
  position            : absolute;
  margin              : 0;
  left                : 79px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp1-accueiliphone8 .bp1-hotspot { 
  top                 : 684px;
  height              : 147px;
  width               : 147px;
  position            : absolute;
  margin              : 0;
  left                : 206px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp1-accueiliphone8 .bp1-hotspot1 {
  
  top                 : 687px;
  height              : 147px;
  width               : 147px;
  position            : absolute;
  margin              : 0;
  left                : 35px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp1-accueiliphone8 .bp1-hotspot2 {
  
  top                 : 530px;
  height              : 142px;
  width               : 148px;
  position            : absolute;
  margin              : 0;
  left                : 206px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp1-accueiliphone8 .bp1-autoportrait {
  top                 : 180px;
  width               : 300px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
}
.bp1-accueiliphone8 .bp1-autoportrait .bp1-rectangle {
  background-color    : rgba(146, 206, 206, 1.0);
  top                 : 0px;
  height              : 250px;
  width               : 130px;
  position            : absolute;
  margin              : 0;
  left                : 20px;
}
.bp1-accueiliphone8 .bp1-autoportrait .bp1-rectangle1 {
  background-color    : rgba(255, 209, 209, 1.0);
  top                 : 70px;
  height              : 220px;
  width               : 140px;
  position            : absolute;
  margin              : 0;
  left                : 60px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp1-accueiliphone8 .bp1-autoportrait .bp1-frame {
  top                 : 18px;
  height              : 33px;
  width               : 30px;
  position            : absolute;
  margin              : 0;
  left                : 25px;
  -ms-transform       : rotate(-180deg); /* IE 9 */
  -webkit-transform   : rotate(-180deg); /* Chrome, Safari, Opera */
  transform           : rotate(-180deg);
}
.bp1-accueiliphone8 .bp1-autoportrait .bp1-frame1 {
  top                 : 240px;
  height              : 33px;
  width               : 30px;
  position            : absolute;
  margin              : 0;
  left                : 165px;
  -ms-transform       : rotate(-360deg); /* IE 9 */
  -webkit-transform   : rotate(-360deg); /* Chrome, Safari, Opera */
  transform           : rotate(-360deg);
}
.bp1-accueiliphone8 .bp1-autoportrait .bp1-underline {
  top                 : 200px;
  height              : 3px;
  width               : 200px;
  position            : absolute;
  margin              : 0;
  left                : 102px;
}
.bp1-accueiliphone8 .bp1-autoportrait .bp1-presentation {
  top                 : 135px;
  height              : auto;
  width               : 100px;
  position            : absolute;
  margin              : 0;
  left                : 210px;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 300;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp1-accueiliphone8 .bp1-autoportrait .bp1-presentation .bp1-span1 {
  
}
.bp1-accueiliphone8 .bp1-autoportrait .bp1-presentation .bp1-span2 {
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
}
.bp1-accueiliphone8 .bp1-autoportrait .bp1-autoportrait1 {
  top                 : 0px;
  width               : 200px;
  position            : absolute;
  margin              : 0;
  left                : 10px;
}
.bp1-accueiliphone8 .bp1-autoportrait .bp1-bienvenue {
  top                 : 70px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 210px;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
/* .anima-animate-appear prefix for appear animations */
.anima-animate-appear {
  opacity             : 0;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 normal forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 normal forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 normal forwards;
}
.anima-animate-disappear {
  opacity             : 1;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 reverse forwards;
}
.anima-animate-nodelay {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay  : 0;
  animation-delay     : 0;
}
@-webkit-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-moz-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-o-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
.bp3-accueildesktop {
  width               : 100%;
  min-width           : 1420px;
  height              : 100vh;
  min-height          : 867px;
  position            : relative;
  overflow            : hidden;
  margin              : 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div {
  -webkit-text-size-adjust: none;
}
.bp3-accueildesktop .bp3-header {
  
  top                 : 19px;
  height              : 199px;
  width               : 1086px;
  position            : absolute;
  margin              : 0;
  left                : 22px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-header .bp3-elajeslogo {
  top                 : 40px;
  height              : 112px;
  width               : 212px;
  position            : absolute;
  margin              : 0;
  left                : 592px;
}
.bp3-accueildesktop .bp3-header .bp3-projets {
  
  top                 : 3px;
  height              : 186px;
  width               : 186px;
  position            : absolute;
  margin              : 0;
  left                : 421px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-header .bp3-projets .bp3-diamond {
  
  top                 : 14px;
  height              : 158px;
  width               : 158px;
  position            : absolute;
  margin              : 0;
  left                : 14px;
  -ms-transform       : rotate(169deg); /* IE 9 */
  -webkit-transform   : rotate(169deg); /* Chrome, Safari, Opera */
  transform           : rotate(169deg);
}
.bp3-accueildesktop .bp3-header .bp3-projets .bp3-projets1 {
  
  top                 : 84px;
  height              : auto;
  width               : 80px;
  position            : absolute;
  margin              : 0;
  left                : 62px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-accueildesktop .bp3-header .bp3-apropos {
  
  top                 : 17px;
  height              : 170px;
  width               : 170px;
  position            : absolute;
  margin              : 0;
  left                : 774px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-header .bp3-apropos .bp3-diamond {
  
  top                 : 17px;
  height              : 136px;
  width               : 136px;
  position            : absolute;
  margin              : 0;
  left                : 17px;
  -ms-transform       : rotate(73deg); /* IE 9 */
  -webkit-transform   : rotate(73deg); /* Chrome, Safari, Opera */
  transform           : rotate(73deg);
}
.bp3-accueildesktop .bp3-header .bp3-apropos .bp3-apropos1 {
  
  top                 : 70px;
  height              : auto;
  width               : 89px;
  position            : absolute;
  margin              : 0;
  left                : 55px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-accueildesktop .bp3-header .bp3-contact {
  
  top                 : 0px;
  height              : 191px;
  width               : 191px;
  position            : absolute;
  margin              : 0;
  left                : 894px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-header .bp3-contact .bp3-diamond {
  
  top                 : 25px;
  height              : 141px;
  width               : 141px;
  position            : absolute;
  margin              : 0;
  left                : 25px;
  -ms-transform       : rotate(117deg); /* IE 9 */
  -webkit-transform   : rotate(117deg); /* Chrome, Safari, Opera */
  transform           : rotate(117deg);
}
.bp3-accueildesktop .bp3-header .bp3-contact .bp3-contact1 {
  
  top                 : 87px;
  height              : auto;
  width               : 84px;
  position            : absolute;
  margin              : 0;
  left                : 70px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-accueildesktop .bp3-header .bp3-accueil {
  
  top                 : 8px;
  height              : 188px;
  width               : 188px;
  position            : absolute;
  margin              : 0;
  left                : 290px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-header .bp3-accueil .bp3-diamond {
  
  top                 : 27px;
  height              : 134px;
  width               : 134px;
  position            : absolute;
  margin              : 0;
  left                : 27px;
  -ms-transform       : rotate(36deg); /* IE 9 */
  -webkit-transform   : rotate(36deg); /* Chrome, Safari, Opera */
  transform           : rotate(36deg);
}
.bp3-accueildesktop .bp3-header .bp3-accueil .bp3-accueil1 {
  
  top                 : 79px;
  height              : auto;
  width               : 75px;
  position            : absolute;
  margin              : 0;
  left                : 72px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-accueildesktop .bp3-header .bp3-accueil .bp3-underline {
  
  top                 : 81px;
  height              : 51px;
  width               : 4px;
  position            : absolute;
  margin              : 0;
  left                : 95px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp3-accueildesktop .bp3-header .bp3-decorbar {
  top                 : 164px;
  height              : 35px;
  width               : 110px;
  position            : absolute;
  margin              : 0;
  left                : 643px;
}
.bp3-accueildesktop .bp3-header .bp3-decorbar .bp3-diamond {
  
  top                 : 0px;
  height              : 35px;
  width               : 34px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-header .bp3-decorbar .bp3-diamond1 {
  
  top                 : 0px;
  height              : 35px;
  width               : 35px;
  position            : absolute;
  margin              : 0;
  left                : 38px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-header .bp3-decorbar .bp3-diamond2 {
  
  top                 : 0px;
  height              : 35px;
  width               : 35px;
  position            : absolute;
  margin              : 0;
  left                : 75px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-header .bp3-language {
  
  top                 : 27px;
  height              : 139px;
  width               : 139px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-header .bp3-language .bp3-diamond {
  
  top                 : 20px;
  height              : 99px;
  width               : 99px;
  position            : absolute;
  margin              : 0;
  left                : 20px;
  -ms-transform       : rotate(54deg); /* IE 9 */
  -webkit-transform   : rotate(54deg); /* Chrome, Safari, Opera */
  transform           : rotate(54deg);
}
.bp3-accueildesktop .bp3-header .bp3-language .bp3-underline {
  
  top                 : 75px;
  height              : 13px;
  width               : 3px;
  position            : absolute;
  margin              : 0;
  left                : 49px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp3-accueildesktop .bp3-header .bp3-language .bp3-francais {
  
  top                 : 60px;
  height              : auto;
  width               : 22px;
  position            : absolute;
  margin              : 0;
  left                : 44px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-accueildesktop .bp3-header .bp3-language .bp3-english {  
  top                 : 60px;
  height              : auto;
  width               : 20px;
  position            : absolute;
  margin              : 0;
  left                : 77px;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-accueildesktop .bp3-header .bp3-language .bp3-label1 {
  
  top                 : 60px;
  height              : auto;
  width               : 2px;
  position            : absolute;
  margin              : 0;
  left                : 66px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-accueildesktop .bp3-copyright {
  top                 : 824px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 661px;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 400;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-accueildesktop .bp3-line {
  
  top                 : 505px;
  height              : 2px;
  width               : 195px;
  position            : absolute;
  margin              : 0;
  left                : 1257px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp3-accueildesktop .bp3-socialmedia {
  
  top                 : 306px;
  height              : 55px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 1341px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-socialmedia .bp3-instagramlogo {
  
  top                 : 0px;
  height              : 25px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-socialmedia .bp3-youtubelogo {
  
  top                 : 30px;
  height              : 25px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-decor {
  
  top                 : 409px;
  height              : 382px;
  width               : 1301px;
  position            : absolute;
  margin              : 0;
  left                : 55px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-decor .bp3-line1 {
  
  top                 : 96px;
  height              : 2px;
  width               : 195px;
  position            : absolute;
  margin              : 0;
  left                : 1202px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp3-accueildesktop .bp3-decor .bp3-diamond {
  
  top                 : 166px;
  height              : 140px;
  width               : 140px;
  position            : absolute;
  margin              : 0;
  left                : 1079px;
  -ms-transform       : rotate(11deg); /* IE 9 */
  -webkit-transform   : rotate(11deg); /* Chrome, Safari, Opera */
  transform           : rotate(11deg);
}
.bp3-accueildesktop .bp3-decor .bp3-diamond1 {
  
  top                 : 232px;
  height              : 108px;
  width               : 108px;
  position            : absolute;
  margin              : 0;
  left                : 1077px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-decor .bp3-diamond2 {
  
  top                 : 270px;
  height              : 97px;
  width               : 97px;
  position            : absolute;
  margin              : 0;
  left                : 1171px;
  -ms-transform       : rotate(-21deg); /* IE 9 */
  -webkit-transform   : rotate(-21deg); /* Chrome, Safari, Opera */
  transform           : rotate(-21deg);
}
.bp3-accueildesktop .bp3-decor .bp3-diamond3 {
  
  top                 : 106px;
  height              : 121px;
  width               : 121px;
  position            : absolute;
  margin              : 0;
  left                : 131px;
  -ms-transform       : rotate(-26deg); /* IE 9 */
  -webkit-transform   : rotate(-26deg); /* Chrome, Safari, Opera */
  transform           : rotate(-26deg);
}
.bp3-accueildesktop .bp3-decor .bp3-diamond4 {
  
  top                 : 113px;
  height              : 108px;
  width               : 108px;
  position            : absolute;
  margin              : 0;
  left                : 12px;
  -ms-transform       : rotate(13deg); /* IE 9 */
  -webkit-transform   : rotate(13deg); /* Chrome, Safari, Opera */
  transform           : rotate(13deg);
}
.bp3-accueildesktop .bp3-decor .bp3-diamond5 {
  
  top                 : 210px;
  height              : 97px;
  width               : 97px;
  position            : absolute;
  margin              : 0;
  left                : 63px;
  -ms-transform       : rotate(63deg); /* IE 9 */
  -webkit-transform   : rotate(63deg); /* Chrome, Safari, Opera */
  transform           : rotate(63deg);
}
.bp3-accueildesktop .bp3-autoportrait {
  
  top                 : 268px;
  height              : 496px;
  width               : 524px;
  position            : absolute;
  margin              : 0;
  left                : 376px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-autoportrait .bp3-rectangle {
  background-color    : rgba(146, 206, 206, 1.0);
  top                 : 0px;
  height              : 450px;
  width               : 192px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-autoportrait .bp3-rectangle1 {
  background-color    : rgba(255, 209, 209, 1.0);
  top                 : 123px;
  height              : 373px;
  width               : 249px;
  position            : absolute;
  margin              : 0;
  left                : 106px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-autoportrait .bp3-frame {
  
  top                 : 36px;
  height              : 67px;
  width               : 60px;
  position            : absolute;
  margin              : 0;
  left                : 47px;
  -ms-transform       : rotate(-180deg); /* IE 9 */
  -webkit-transform   : rotate(-180deg); /* Chrome, Safari, Opera */
  transform           : rotate(-180deg);
}
.bp3-accueildesktop .bp3-autoportrait .bp3-frame1 {
  
  top                 : 355px;
  height              : 67px;
  width               : 60px;
  position            : absolute;
  margin              : 0;
  left                : 284px;
  -ms-transform       : rotate(-360deg); /* IE 9 */
  -webkit-transform   : rotate(-360deg); /* Chrome, Safari, Opera */
  transform           : rotate(-360deg);
}
.bp3-accueildesktop .bp3-autoportrait .bp3-underline {
  
  top                 : 276px;
  height              : 2px;
  width               : 226px;
  position            : absolute;
  margin              : 0;
  left                : 297px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-autoportrait .bp3-presentation {
  
  top                 : 235px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 366px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 300;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-accueildesktop .bp3-autoportrait .bp3-presentation .bp3-span1 {
  
}
.bp3-accueildesktop .bp3-autoportrait .bp3-presentation .bp3-span2 {
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
}
.bp3-accueildesktop .bp3-autoportrait .bp3-autoportrait1 {
  
  top                 : 21px;
  height              : 429px;
  width               : 303px;
  position            : absolute;
  margin              : 0;
  left                : 39px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-autoportrait .bp3-bienvenue {
  
  top                 : 148px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 453px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-accueildesktop .bp3-hotspot {
  
  top                 : 52px;
  height              : 124px;
  width               : 127px;
  position            : absolute;
  margin              : 0;
  left                : 949px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-hotspot1 {
  
  top                 : 59px;
  height              : 124px;
  width               : 118px;
  position            : absolute;
  margin              : 0;
  left                : 823px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
.bp3-accueildesktop .bp3-hotspot2 {
  
  top                 : 39px;
  height              : 152px;
  width               : 149px;
  position            : absolute;
  margin              : 0;
  left                : 461px;
  -ms-transform       : rotate(0deg); /* IE 9 */
  -webkit-transform   : rotate(0deg); /* Chrome, Safari, Opera */
  transform           : rotate(0deg);
}
/* .anima-animate-appear prefix for appear animations */
.anima-animate-appear {
  opacity             : 0;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 normal forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 normal forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 normal forwards;
}
.anima-animate-disappear {
  opacity             : 1;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 reverse forwards;
}
.anima-animate-nodelay {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay  : 0;
  animation-delay     : 0;
}
@-webkit-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-moz-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-o-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@media screen and (max-width: 1023px) {
  .bp1-accueiliphone8 {
    display             : block;
    align-items: center;
    width: 100%;
  }
  .bp2-accueiltablet {
    display             : none;
  }
  .bp3-accueildesktop {
    display             : none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .bp1-accueiliphone8 {
    display             : none;
  }
  .bp2-accueiltablet {
    display             : block;
  }
  .bp3-accueildesktop {
    display             : none;
  }
}
@media screen and (min-width: 1420px) {
  .bp1-accueiliphone8 {
    display             : none;
  }
  .bp2-accueiltablet {
    display             : none;
  }
  .bp3-accueildesktop {
    display             : block;
  }
}