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

body, html {
  background-color    : #F4F4F2;
  margin: 0;
}
* {
  outline: none;
  scroll-behavior: smooth
}
img { transition: all 0.3s ease-in-out 0s; }

img:hover
{
    transform: rotate(2deg);
    transition: all 0.3s ease-in-out 0s;
}

#myBtn {
  position: fixed;
  z-index: 99;
  border: none;
  cursor: pointer;
}

@media screen and (min-width: 1441px) {
  #myBtn {
    display: none;
  }
}

.bp3-photographieiphone8 {
  width               : 320px;
  height              : 100vh;
  min-height          : 2950px;
  margin: auto;
  align-content: center;
  position            : relative;
  overflow            : hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div {
  -webkit-text-size-adjust: none;
}

.bp3-photographieiphone8 .bp3-language {
  top                 : 1px;
  height              : 120px;
  width               : 120px;
  position            : absolute;
  margin              : 0;
  left                : -20px;
}
.bp3-photographieiphone8 .bp3-language .bp3-diamond2 {

  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);
}
.bp3-photographieiphone8 .bp3-language .bp3-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);
}
.bp3-photographieiphone8 .bp3-language .bp3-francais {

  top                 : 50px;
  height              : auto;
  width               : 21px;
  position            : absolute;
  margin              : 0;
  left                : 53px;



  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;
}
.bp3-photographieiphone8 .bp3-elajeslogo {
  top                 : 6px;
  height              : 100px;
  width               : 190px;
  position            : absolute;
  margin              : 0;
  left                : 70px;
}
.bp3-photographieiphone8 .bp3-decorbar {
  display: none;
  top                 : 95px;
  height              : 29px;
  width               : 94px;
  position            : absolute;
  margin              : 0;
  left                : 141px;
}
.bp3-photographieiphone8 .bp3-decorbar .bp3-diamond3 {
  top                 : 0px;
  height              : 29px;
  width               : 29px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
}
.bp3-photographieiphone8 .bp3-decorbar .bp3-diamond11 {
  top                 : 0px;
  height              : 29px;
  width               : 29px;
  position            : absolute;
  margin              : 0;
  left                : 33px;
}
.bp3-photographieiphone8 .bp3-decorbar .bp3-diamond2 {

  top                 : 0px;
  height              : 29px;
  width               : 29px;
  position            : absolute;
  margin              : 0;
  left                : 65px;
}
.bp3-photographieiphone8 .bp3-copyright {

  top                 : 2900px;
  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;
}
.bp3-photographieiphone8 .bp3-socialmedia {
  top                 : 2800px;
    height              : 42px;
  width               : 103px;
  position            : absolute;
  margin              : 0;
  left                : 110px;
}
.bp3-photographieiphone8 .bp3-socialmedia .bp3-instagramlogo {

  top                 : 0px;
  height              : 42px;
  width               : 42px;
  position            : absolute;
  margin              : 0;
  left                : 0px;



}
.bp3-photographieiphone8 .bp3-socialmedia .bp3-youtubelogo {

  top                 : 0px;
  height              : 42px;
  width               : 42px;
  position            : absolute;
  margin              : 0;
  left                : 61px;
}
.bp3-photographieiphone8 .bp3-header {
  left: -35px;
  position            : absolute;
}
.bp3-photographieiphone8 .bp3-accueil {

  top                 : 2405px;
  height              : 213px;
  width               : 213px;
  position            : absolute;
  margin              : 0;
  left                : 0px;



}
.bp3-photographieiphone8 .bp3-accueil .bp3-diamond2 {

  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);
}
.bp3-photographieiphone8 .bp3-accueil .bp3-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;
}
.bp3-photographieiphone8 .bp3-apropos {

  top                 : 2583px;
  height              : 190px;
  width               : 190px;
  position            : absolute;
  margin              : 0;
  left                : 16px;



}
.bp3-photographieiphone8 .bp3-apropos .bp3-diamond2 {

  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);
}
.bp3-photographieiphone8 .bp3-apropos .bp3-apropos1 {

  top                 : 87px;
  height              : auto;
  width               : 106px;
  position            : absolute;
  margin              : 0;
  left                : 60px;



  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-photographieiphone8 .bp3-contact {

  top                 : 2571px;
  height              : 211px;
  width               : 212px;
  position            : absolute;
  margin              : 0;
  left                : 171px;



}
.bp3-photographieiphone8 .bp3-contact .bp3-diamond2 {

  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);
}
.bp3-photographieiphone8 .bp3-contact .bp3-contact1 {

  top                 : 99px;
  height              : auto;
  width               : 105px;
  position            : absolute;
  margin              : 0;
  left                : 79px;



  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-photographieiphone8 .bp3-projets {

  top                 : 2423px;
  height              : 175px;
  width               : 174px;
  position            : absolute;
  margin              : 0;
  left                : 193px;



}
.bp3-photographieiphone8 .bp3-projets .bp3-diamond2 {

  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);
}
.bp3-photographieiphone8 .bp3-projets .bp3-projets1 {

  top                 : 78px;
  height              : auto;
  width               : 107px;
  position            : absolute;
  margin              : 0;
  left                : 57px;
  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-photographieiphone8 .bp3-projets .bp3-underline {
  top                 : 82px;
  height              : 42px;
  width               : 3px;
  position            : absolute;
  margin              : 0;
  left                : 77px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp3-photographieiphone8 .bp3-navbar {
  top                 : 90px;
  height              : 187px;
  width               : 440px;
  position            : absolute;
  margin              : 0;
  left                : -30px;
}
.bp3-photographieiphone8 .bp3-navbar .bp3-audiovisuel {
  top                 : 6px;
  height              : 187px;
  width               : 187px;
  position            : absolute;
  margin              : 0;
  left                : 20px;
}
.bp3-photographieiphone8 .bp3-navbar .bp3-audiovisuel .bp3-diamond2 {
  top                 : 27px;
  height              : 133px;
  width               : 133px;
  position            : absolute;
  margin              : 0;
  left                : 27px;
  -ms-transform       : rotate(36deg); /* IE 9 */
  -webkit-transform   : rotate(36deg); /* Chrome, Safari, Opera */
  transform           : rotate(36deg);
}
.bp3-photographieiphone8 .bp3-navbar .bp3-audiovisuel .bp3-audiovisuel1 {
  top                 : 85px;
  height              : auto;
  width               : 84px;
  position            : absolute;
  margin              : 0;
  left                : 53px;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 0.85);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-photographieiphone8 .bp3-navbar .bp3-design {
  top                 : 110px;
  height              : 173px;
  width               : 173px;
  position            : absolute;
  margin              : 0;
  left                : 100px;
}
.bp3-photographieiphone8 .bp3-navbar .bp3-design .bp3-diamond2 {
  top                 : 32px;
  height              : 128px;
  width               : 128px;
  position            : absolute;
  margin              : 0;
  left                : 19px;
  -ms-transform       : rotate(117deg); /* IE 9 */
  -webkit-transform   : rotate(117deg); /* Chrome, Safari, Opera */
  transform           : rotate(117deg);
}
.bp3-photographieiphone8 .bp3-navbar .bp3-design .bp3-design1 {
  top                 : 87px;
  height              : auto;
  width               : 52px;
  position            : absolute;
  margin              : 0;
  left                : 61px;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 0.85);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-photographieiphone8 .bp3-navbar .bp3-photographie {
  top                 : 23px;
  height              : 160px;
  width               : 161px;
  position            : absolute;
  margin              : 0;
  left                : 180px;
}
.bp3-photographieiphone8 .bp3-navbar .bp3-photographie .bp3-diamond2 {
  top                 : 12px;
  height              : 136px;
  width               : 136px;
  position            : absolute;
  margin              : 0;
  left                : 13px;
  -ms-transform       : rotate(169deg); /* IE 9 */
  -webkit-transform   : rotate(169deg); /* Chrome, Safari, Opera */
  transform           : rotate(169deg);
}
.bp3-photographieiphone8 .bp3-navbar .bp3-photographie .bp3-photographie1 {
  top                 : 67px;
  height              : auto;
  width               : 106px;
  position            : absolute;
  margin              : 0;
  left                : 35px;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 0.85);
  text-align          : left;
  line-height         : 18.0px;
}
.bp3-photographieiphone8 .bp3-navbar .bp3-photographie .bp3-underline {
  top                 : 71px;
  height              : 43px;
  width               : 4px;
  position            : absolute;
  margin              : 0;
  left                : 55px;
  -ms-transform       : rotate(-92.3495941162deg); /* IE 9 */
  -webkit-transform   : rotate(-92.3495941162deg); /* Chrome, Safari, Opera */
  transform           : rotate(-92.3495941162deg);
}
.bp3-photographieiphone8 .bp3-cover {
  top:40px;
  position            : absolute;
  left: -27px;
}
.bp3-photographieiphone8 .bp3-cover1 img {
  z-index: 1;
  top                 : 361px;
  box-sizing          : border-box;
  width               : 303px;
  position            : absolute;
  margin              : 0;
  left                : 36px;
}
.bp3-photographieiphone8 .bp3-cover2 img {
  z-index: 1;
  top                 : 625px;
  box-sizing          : border-box;
  width               : 303px;
  position            : absolute;
  margin              : 0;
  left                : 36px;
}
.bp3-photographieiphone8 .bp3-cover3 img {
  z-index: 1;
  top                 : 1120px;
  box-sizing          : border-box;
  width               : 303px;
  position            : absolute;
  margin              : 0;
  left                : 36px;



}
.bp3-photographieiphone8 .bp3-cover4 img {
  z-index: 1;
  top                 : 1620px;
  box-sizing          : border-box;
  width               : 303px;
  position            : absolute;
  margin              : 0;
  left                : 36px;
}
.bp3-photographieiphone8 .bp3-cover5 img {
  z-index: 1;

  top                 : 1885px;
  box-sizing          : border-box;
  width               : 303px;
  position            : absolute;
  margin              : 0;
  left                : 36px;



}
.bp3-photographieiphone8 .bp3-cover6 img {
  z-index: 1;

  top                 : 2150px;
  box-sizing          : border-box;
  width               : 303px;
  position            : absolute;
  margin              : 0;
  left                : 36px;



}
.bp3-photographieiphone8 .bp3-title1 {
  z-index: 1;

  top                 : 562px;
  height              : auto;
  width               : 49px;
  position            : absolute;
  margin              : 0;
  left                : 290px;



  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-photographieiphone8 .bp3-title2 {
  z-index: 1;

  top                 : 1060px;
  height              : auto;
  width               : 150px;
  position            : absolute;
  margin              : 0;
  left                : 252px;
  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-photographieiphone8 .bp3-title3 {
  z-index: 1;
  top                 : 1568px;
  height              : auto;
  width               : 49px;
  position            : absolute;
  margin              : 0;
  left                : 278px;
  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-photographieiphone8 .bp3-title4 {
  z-index: 1;
  top                 : 1828px;
  height              : auto;
  width               : 200px;
  position            : absolute;
  margin              : 0;
  left                : 200px;
  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-photographieiphone8 .bp3-title5 {
  z-index: 1;

  top                 : 2096px;
  height              : auto;
  width               : 49px;
  position            : absolute;
  margin              : 0;
  left                : 273px;



  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-photographieiphone8 .bp3-title6 {
  z-index: 1;

  top                 : 2362px;
  height              : auto;
  width               : 150px;
  position            : absolute;
  margin              : 0;
  left                : 194px;



  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-photographieiphone8 .bp3-hotspot {

  top                 : 168px;
  height              : 120px;
  width               : 119px;
  position            : absolute;
  margin              : 0;
  left                : 253px;



}
.bp3-photographieiphone8 .bp3-hotspot1 {

  top                 : 165px;
  height              : 123px;
  width               : 111px;
  position            : absolute;
  margin              : 0;
  left                : 8px;



}
.bp3-photographieiphone8 .bp3-hotspotcopy {

  top                 : 20px;
  height              : 75px;
  width               : 170px;
  position            : absolute;
  margin              : 0;
  left                : 107px;



}
.bp3-photographieiphone8 .bp3-hotspot2 {

  top                 : 1901px;
  height              : 127px;
  width               : 128px;
  position            : absolute;
  margin              : 0;
  left                : 40px;



}
.bp3-photographieiphone8 .bp3-hotspot3 {

  top                 : 2033px;
  height              : 147px;
  width               : 147px;
  position            : absolute;
  margin              : 0;
  left                : 198px;



}
.bp3-photographieiphone8 .bp3-hotspot4 {

  top                 : 2052px;
  height              : 143px;
  width               : 138px;
  position            : absolute;
  margin              : 0;
  left                : 38px;



}
.bp3-photographieiphone8 .bp3-hotspot5 {

  top                 : 342px;
  height              : 234px;
  width               : 331px;
  position            : absolute;
  margin              : 0;
  left                : 21px;



}
.bp3-photographieiphone8 .bp3-diamond {
  display: none;
  top                 : 590px;
  height              : 140px;
  width               : 140px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  -ms-transform       : rotate(-26deg); /* IE 9 */
  -webkit-transform   : rotate(-26deg); /* Chrome, Safari, Opera */
  transform           : rotate(-26deg);
}
.bp3-photographieiphone8 .bp3-diamond1 {
  top                 : 1414px;
  height              : 108px;
  width               : 108px;
  position            : absolute;
  margin              : 0;
  left                : 359px;
  -ms-transform       : rotate(13deg); /* IE 9 */
  -webkit-transform   : rotate(13deg); /* Chrome, Safari, Opera */
  transform           : rotate(13deg);
}
/* .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;
    }
}
.bp2-photographietablet {
  width               : 100%;
  min-width           : 1024px;
  height              : 100vh;
  min-height          : 1344px;
  position            : relative;
  overflow            : hidden;
  margin              : 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
div {
  -webkit-text-size-adjust: none;
}
.bp2-photographietablet .bp2-decor {

  top                 : 204px;
  height              : 1369px;
  width               : 937px;
  position            : absolute;
  margin              : 0;
  left                : 7px;



}
.bp2-photographietablet .bp2-decor .bp2-diamond {

  top                 : 650px;
  height              : 161px;
  width               : 161px;
  position            : absolute;
  margin              : 0;
  left                : 17px;
  -ms-transform       : rotate(-13deg); /* IE 9 */
  -webkit-transform   : rotate(-13deg); /* Chrome, Safari, Opera */
  transform           : rotate(-13deg);
}
.bp2-photographietablet .bp2-decor .bp2-diamond1 {

  top                 : 705px;
  height              : 104px;
  width               : 104px;
  position            : absolute;
  margin              : 0;
  left                : 14px;



}
.bp2-photographietablet .bp2-decor .bp2-diamond2 {

  top                 : 675px;
  height              : 111px;
  width               : 111px;
  position            : absolute;
  margin              : 0;
  left                : 546px;
  -ms-transform       : rotate(5deg); /* IE 9 */
  -webkit-transform   : rotate(5deg); /* Chrome, Safari, Opera */
  transform           : rotate(5deg);
}
.bp2-photographietablet .bp2-decor .bp2-diamond3 {

  top                 : 279px;
  height              : 80px;
  width               : 80px;
  position            : absolute;
  margin              : 0;
  left                : 67px;
  -ms-transform       : rotate(-24deg); /* IE 9 */
  -webkit-transform   : rotate(-24deg); /* Chrome, Safari, Opera */
  transform           : rotate(-24deg);
}
.bp2-photographietablet .bp2-decor .bp2-frame2 {

  top                 : 0px;
  height              : 1369px;
  width               : 896px;
  position            : absolute;
  margin              : 0;
  left                : 40px;



}
.bp2-photographietablet .bp2-decor .bp2-frame2 .bp2-frame24 {

  top                 : 0px;
  height              : 3px;
  width               : 109px;
  position            : absolute;
  margin              : 0;
  left                : 32px;



}
.bp2-photographietablet .bp2-decor .bp2-frame2 .bp2-frame21 {

  top                 : 178px;
  height              : 3px;
  width               : 244px;
  position            : absolute;
  margin              : 0;
  left                : -120px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp2-photographietablet .bp2-decor .bp2-frame2 .bp2-frame22 {

  top                 : 1047px;
  height              : 2px;
  width               : 118px;
  position            : absolute;
  margin              : 0;
  left                : 737px;
  -ms-transform       : rotate(-180deg); /* IE 9 */
  -webkit-transform   : rotate(-180deg); /* Chrome, Safari, Opera */
  transform           : rotate(-180deg);
}
.bp2-photographietablet .bp2-decor .bp2-frame2 .bp2-frame23 {

  top                 : 841px;
  height              : 3px;
  width               : 270px;
  position            : absolute;
  margin              : 0;
  left                : 753px;
  -ms-transform       : rotate(-270deg); /* IE 9 */
  -webkit-transform   : rotate(-270deg); /* Chrome, Safari, Opera */
  transform           : rotate(-270deg);
}
.bp2-photographietablet .bp2-title {

  top                 : 413px;
  height              : 18px;
  width               : 49px;
  position            : absolute;
  margin              : 0;
  left                : 374px;



}
.bp2-photographietablet .bp2-title .bp2-title6 {

  top                 : 0px;
  height              : auto;
  width               : 49px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  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-photographietablet .bp2-title .bp2-title1 {

  top                 : 358px;
  height              : auto;
  width               : 160px;
  position            : absolute;
  margin              : 0;
  left                : -10px;
  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-photographietablet .bp2-title .bp2-title2 {

  top                 : 665px;
  height              : auto;
  width               : 50px;
  position            : absolute;
  margin              : 0;
  left                : -14px;



  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-photographietablet .bp2-title .bp2-title3 {

  top                 : 123px;
  height              : auto;
  width               : 50px;
  position            : absolute;
  margin              : 0;
  left                : 380px;



  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-photographietablet .bp2-title .bp2-title4 {
  top                 : 450px;
  width               : 200px;
  position            : absolute;
  margin              : 0;
  left                : 328px;
  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-photographietablet .bp2-title .bp2-title5 {

  top                 : 755px;
  height              : auto;
  width               : 150px;
  position            : absolute;
  margin              : 0;
  left                : 323px;



  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-photographietablet .bp2-cover {

  top                 : 251px;
  height              : 908px;
  width               : 659px;
  position            : absolute;
  margin              : 0;
  left                : 182px;
}
.bp2-photographietablet .bp2-cover .bp2-cover6 img {
  top                 : 0px;
  box-sizing          : border-box;
  width               : 242px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
}
.bp2-photographietablet .bp2-cover .bp2-cover1 img {
  top                 : 280px;
  box-sizing          : border-box;
  width               : 160px;
  position            : absolute;
  margin              : 0;
  left                : 82px;
}
.bp2-photographietablet .bp2-cover .bp2-cover2 img {
  top                 : 660px;
  box-sizing          : border-box;
  width               : 242px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
}
.bp2-photographietablet .bp2-cover .bp2-cover3 img {
  top                 : 50px;
  box-sizing          : border-box;
  width               : 160px;
  position            : absolute;
  margin              : 0;
  left                : 499px;
}
.bp2-photographietablet .bp2-cover .bp2-cover4 img {
  top                 : 440px;
  box-sizing          : border-box;
  width               : 242px;
  position            : absolute;
  margin              : 0;
  left                : 417px;
}
.bp2-photographietablet .bp2-cover .bp2-cover5 img {
  top                 : 747px;
  box-sizing          : border-box;
  width               : 242px;
  position            : absolute;
  margin              : 0;
  left                : 417px;
}
.bp2-photographietablet .bp2-audiovisuel {

  top                 : 223px;
  height              : 686px;
  width               : 18px;
  position            : absolute;
  margin              : 0;
  left                : 506px;
}
.bp2-photographietablet .bp2-audiovisuel .bp2-photographie {

  top                 : 202px;
  height              : auto;
  width               : 100px;
  position            : absolute;
  margin              : 0;
  left                : -41px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
  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-photographietablet .bp2-audiovisuel .bp2-line {

  top                 : 0px;
  height              : 131px;
  width               : 3px;
  position            : absolute;
  margin              : 0;
  left                : 8px;
}
.bp2-photographietablet .bp2-audiovisuel .bp2-line1 {
  top                 : 295px;
  height              : 131px;
  width               : 3px;
  position            : absolute;
  margin              : 0;
  left                : 8px;
}
.bp2-photographietablet .bp2-socialmedia {

  top                 : 235px;
  height              : 45px;
  width               : 20px;
  position            : absolute;
  margin              : 0;
  left                : 1026px;
}
.bp2-photographietablet .bp2-socialmedia .bp2-instagramlogo {
  top                 : 0px;
  height              : 20px;
  width               : 20px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
}
.bp2-photographietablet .bp2-socialmedia .bp2-youtubelogo {
  top                 : 25px;
  height              : 20px;
  width               : 20px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
}
.bp2-photographietablet .bp2-navbar {
  top                 : 210px;
  height              : 477px;
  width               : 216px;
  position            : absolute;
  margin              : 0;
  left                : 840px;
}
.bp2-photographietablet .bp2-navbar .bp2-audiovisuel1 {
  top                 : 0px;
  height              : 216px;
  width               : 216px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
}
.bp2-photographietablet .bp2-navbar .bp2-audiovisuel1 .bp2-diamond {
  top                 : 31px;
  height              : 154px;
  width               : 154px;
  position            : absolute;
  margin              : 0;
  left                : 31px;
  -ms-transform       : rotate(36deg); /* IE 9 */
  -webkit-transform   : rotate(36deg); /* Chrome, Safari, Opera */
  transform           : rotate(36deg);
}
.bp2-photographietablet .bp2-navbar .bp2-audiovisuel1 .bp2-audiovisuel2 {
  top                 : 100px;
  height              : auto;
  width               : 84px;
  position            : absolute;
  margin              : 0;
  left                : 69px;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 0.85);
  text-align          : left;
  line-height         : 18.0px;
}
.bp2-photographietablet .bp2-navbar .bp2-photographie {
  top                 : 155px;
  height              : 172px;
  width               : 173px;
  position            : absolute;
  margin              : 0;
  left                : 37px;
}
.bp2-photographietablet .bp2-navbar .bp2-photographie .bp2-diamond {
  top                 : 13px;
  height              : 146px;
  width               : 146px;
  position            : absolute;
  margin              : 0;
  left                : 13px;
  -ms-transform       : rotate(169deg); /* IE 9 */
  -webkit-transform   : rotate(169deg); /* Chrome, Safari, Opera */
  transform           : rotate(169deg);
}
.bp2-photographietablet .bp2-navbar .bp2-photographie .bp2-photographie1 {
  top                 : 79px;
  height              : auto;
  width               : 106px;
  position            : absolute;
  margin              : 0;
  left                : 34px;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 0.85);
  text-align          : left;
  line-height         : 18.0px;
}
.bp2-photographietablet .bp2-navbar .bp2-photographie .bp2-underline {
  top                 : 82px;
  height              : 43px;
  width               : 4px;
  position            : absolute;
  margin              : 0;
  left                : 52px;
  -ms-transform       : rotate(-92.3495941162deg); /* IE 9 */
  -webkit-transform   : rotate(-92.3495941162deg); /* Chrome, Safari, Opera */
  transform           : rotate(-92.3495941162deg);
}
.bp2-photographietablet .bp2-navbar .bp2-design {
  top                 : 293px;
  height              : 184px;
  width               : 183px;
  position            : absolute;
  margin              : 0;
  left                : 11px;
}
.bp2-photographietablet .bp2-navbar .bp2-design .bp2-diamond {
  top                 : 24px;
  height              : 136px;
  width               : 136px;
  position            : absolute;
  margin              : 0;
  left                : 23px;
  -ms-transform       : rotate(117deg); /* IE 9 */
  -webkit-transform   : rotate(117deg); /* Chrome, Safari, Opera */
  transform           : rotate(117deg);
}
.bp2-photographietablet .bp2-navbar .bp2-design .bp2-design1 {
  top                 : 87px;
  height              : auto;
  width               : 52px;
  position            : absolute;
  margin              : 0;
  left                : 58px;
  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 0.85);
  text-align          : left;
  line-height         : 18.0px;
}
.bp2-photographietablet .bp2-copyright {
  top                 : 1304px;
  height              : auto;
  width               : 123px;
  position            : absolute;
  margin              : 0;
  left                : 466px;
  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-photographietablet .bp2-header {

  top                 : 8px;
  height              : 172px;
  width               : 673px;
  position            : absolute;
  margin              : 0;
  left                : 177px;



}
.bp2-photographietablet .bp2-header .bp2-elajeslogo {

  top                 : 39px;
  height              : 78px;
  width               : 148px;
  position            : absolute;
  margin              : 0;
  left                : 260px;



}
.bp2-photographietablet .bp2-header .bp2-accueil {

  top                 : 7px;
  height              : 165px;
  width               : 165px;
  position            : absolute;
  margin              : 0;
  left                : 0px;



}
.bp2-photographietablet .bp2-header .bp2-accueil .bp2-diamond {

  top                 : 14px;
  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-photographietablet .bp2-header .bp2-accueil .bp2-accueil1 {

  top                 : 62px;
  height              : auto;
  width               : 61px;
  position            : absolute;
  margin              : 0;
  left                : 58px;



  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-photographietablet .bp2-header .bp2-projets {

  top                 : 2px;
  height              : 150px;
  width               : 149px;
  position            : absolute;
  margin              : 0;
  left                : 117px;



}
.bp2-photographietablet .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-photographietablet .bp2-header .bp2-projets .bp2-underline {

  top                 : 72px;
  height              : 39px;
  width               : 2px;
  position            : absolute;
  margin              : 0;
  left                : 64px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp2-photographietablet .bp2-header .bp2-projets .bp2-projets1 {

  top                 : 67px;
  height              : auto;
  width               : 57px;
  position            : absolute;
  margin              : 0;
  left                : 46px;



  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-photographietablet .bp2-header .bp2-apropos {

  top                 : 6px;
  height              : 143px;
  width               : 143px;
  position            : absolute;
  margin              : 0;
  left                : 407px;



}
.bp2-photographietablet .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-photographietablet .bp2-header .bp2-apropos .bp2-apropos1 {

  top                 : 62px;
  height              : auto;
  width               : 66px;
  position            : absolute;
  margin              : 0;
  left                : 39px;



  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-photographietablet .bp2-header .bp2-contact {

  top                 : 0px;
  height              : 167px;
  width               : 166px;
  position            : absolute;
  margin              : 0;
  left                : 507px;



}
.bp2-photographietablet .bp2-header .bp2-contact .bp2-diamond {

  top                 : 12px;
  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-photographietablet .bp2-header .bp2-contact .bp2-contact1 {

  top                 : 68px;
  height              : auto;
  width               : 62px;
  position            : absolute;
  margin              : 0;
  left                : 54px;



  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-photographietablet .bp2-header .bp2-decorbar {

  top                 : 127px;
  height              : 24px;
  width               : 77px;
  position            : absolute;
  margin              : 0;
  left                : 296px;



}
.bp2-photographietablet .bp2-header .bp2-decorbar .bp2-diamond {

  top                 : 0px;
  height              : 24px;
  width               : 24px;
  position            : absolute;
  margin              : 0;
  left                : 0px;



}
.bp2-photographietablet .bp2-header .bp2-decorbar .bp2-diamond1 {

  top                 : 0px;
  height              : 24px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 27px;



}
.bp2-photographietablet .bp2-header .bp2-decorbar .bp2-diamond2 {

  top                 : 0px;
  height              : 24px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 52px;



}
.bp2-photographietablet .bp2-language {

  top                 : 13px;
  height              : 153px;
  width               : 152px;
  position            : absolute;
  margin              : 0;
  left                : 11px;



}
.bp2-photographietablet .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-photographietablet .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-photographietablet .bp2-language .bp2-francais {
  top                 : 67px;
  height              : auto;
  width               : 27px;
  position            : absolute;
  margin              : 0;
  left                : 67px;
  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-photographietablet .bp2-socialmedia1 {
  top                 : 778px;
  height              : 55px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 924px;
}
.bp2-photographietablet .bp2-socialmedia1 .bp2-instagramlogo {

  top                 : -25px;
  height              : 30px;
  width               : 30px;
  position            : absolute;
  margin              : 0;
  left                : -5px;



}
.bp2-photographietablet .bp2-socialmedia1 .bp2-youtubelogo {

  top                 : 25px;
  height              : 30px;
  width               : 30px;
  position            : absolute;
  margin              : 0;
  left                : -5px;



}
.bp2-photographietablet .bp2-hotspotcopy {

  top                 : 53px;
  height              : 64px;
  width               : 117px;
  position            : absolute;
  margin              : 0;
  left                : 453px;



}
.bp2-photographietablet .bp2-hotspot {

  top                 : 22px;
  height              : 113px;
  width               : 117px;
  position            : absolute;
  margin              : 0;
  left                : 707px;



}
.bp2-photographietablet .bp2-hotspot1 {

  top                 : 35px;
  height              : 100px;
  width               : 106px;
  position            : absolute;
  margin              : 0;
  left                : 601px;



}
.bp2-photographietablet .bp2-hotspot2 {

  top                 : 32px;
  height              : 108px;
  width               : 117px;
  position            : absolute;
  margin              : 0;
  left                : 201px;



}
.bp2-photographietablet .bp2-hotspot3 {

  top                 : 536px;
  height              : 113px;
  width               : 106px;
  position            : absolute;
  margin              : 0;
  left                : 858px;



}
.bp2-photographietablet .bp2-hotspot4 {

  top                 : 258px;
  height              : 124px;
  width               : 117px;
  position            : absolute;
  margin              : 0;
  left                : 858px;



}
.bp2-photographietablet .bp2-hotspot5 {

  top                 : 235px;
  height              : 213px;
  width               : 280px;
  position            : absolute;
  margin              : 0;
  left                : 163px;



}
/* .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-photographie {
  width               : 100%;
  min-width           : 1420px;
  height              : 100vh;
  min-height          : 1830px;
  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;
}
.bp1-photographie .bp1-decor {

  top                 : 325px;
  height              : 1371px;
  width               : 1279px;
  position            : absolute;
  margin              : 0;
  left                : 77px;



}
.bp1-photographie .bp1-decor .bp1-diamond {

  top                 : 837px;
  height              : 196px;
  width               : 196px;
  position            : absolute;
  margin              : 0;
  left                : 22px;
  -ms-transform       : rotate(-13deg); /* IE 9 */
  -webkit-transform   : rotate(-13deg); /* Chrome, Safari, Opera */
  transform           : rotate(-13deg);
}
.bp1-photographie .bp1-decor .bp1-diamond1 {

  top                 : 903px;
  height              : 126px;
  width               : 126px;
  position            : absolute;
  margin              : 0;
  left                : 19px;



}
.bp1-photographie .bp1-decor .bp1-diamond2 {

  top                 : 867px;
  height              : 135px;
  width               : 135px;
  position            : absolute;
  margin              : 0;
  left                : 690px;
  -ms-transform       : rotate(5deg); /* IE 9 */
  -webkit-transform   : rotate(5deg); /* Chrome, Safari, Opera */
  transform           : rotate(5deg);
}
.bp1-photographie .bp1-decor .bp1-diamond3 {

  top                 : 386px;
  height              : 97px;
  width               : 97px;
  position            : absolute;
  margin              : 0;
  left                : 206px;
  -ms-transform       : rotate(-24deg); /* IE 9 */
  -webkit-transform   : rotate(-24deg); /* Chrome, Safari, Opera */
  transform           : rotate(-24deg);
}
.bp1-photographie .bp1-decor .bp1-diamond4 {

  top                 : 1044px;
  height              : 140px;
  width               : 140px;
  position            : absolute;
  margin              : 0;
  left                : 1096px;
  -ms-transform       : rotate(-26deg); /* IE 9 */
  -webkit-transform   : rotate(-26deg); /* Chrome, Safari, Opera */
  transform           : rotate(-26deg);
}
.bp1-photographie .bp1-decor .bp1-diamond5 {

  top                 : 1183px;
  height              : 108px;
  width               : 108px;
  position            : absolute;
  margin              : 0;
  left                : 1113px;
  -ms-transform       : rotate(13deg); /* IE 9 */
  -webkit-transform   : rotate(13deg); /* Chrome, Safari, Opera */
  transform           : rotate(13deg);
}
.bp1-photographie .bp1-decor .bp1-frame2 {

  top                 : 0px;
  height              : 1370px;
  width               : 1279px;
  position            : absolute;
  margin              : 0;
  left                : 0px;



}
.bp1-photographie .bp1-decor .bp1-frame2 .bp1-frame24 {

  top                 : 0px;
  height              : 2px;
  width               : 194px;
  position            : absolute;
  margin              : 0;
  left                : 59px;



}
.bp1-photographie .bp1-decor .bp1-frame2 .bp1-frame21 {

  top                 : 258px;
  height              : 2px;
  width               : 354px;
  position            : absolute;
  margin              : 0;
  left                : -175px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp1-photographie .bp1-decor .bp1-frame2 .bp1-frame22 {

  top                 : 1368px;
  height              : 2px;
  width               : 194px;
  position            : absolute;
  margin              : 0;
  left                : 1026px;
  -ms-transform       : rotate(-180deg); /* IE 9 */
  -webkit-transform   : rotate(-180deg); /* Chrome, Safari, Opera */
  transform           : rotate(-180deg);
}
.bp1-photographie .bp1-decor .bp1-frame2 .bp1-frame23 {

  top                 : 1110px;
  height              : 2px;
  width               : 354px;
  position            : absolute;
  margin              : 0;
  left                : 1101px;
  -ms-transform       : rotate(-270deg); /* IE 9 */
  -webkit-transform   : rotate(-270deg); /* Chrome, Safari, Opera */
  transform           : rotate(-270deg);
}
.bp1-photographie .bp1-decor .bp1-line {

  top                 : 880px;
  height              : 2px;
  width               : 194px;
  position            : absolute;
  margin              : 0;
  left                : 1060px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp1-photographie .bp1-title {
  top                 : 628px;
  height              : 926px;
  width               : 574px;
  position            : absolute;
  margin              : 0;
  left                : 543px;
}
.bp1-photographie .bp1-title .bp1-title6 {

  top                 : -2px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 17px;
  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-photographie .bp1-title .bp1-title1 {

  top                 : 122px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 487px;
  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-photographie .bp1-title .bp1-title2 {

  top                 : 393px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 4px;
  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-photographie .bp1-title .bp1-title3 {
  top                 : 515px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 435px;
  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-photographie .bp1-title .bp1-title4 {

  top                 : 786px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 0px;



  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-photographie .bp1-title .bp1-title5 {

  top                 : 908px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 429px;



  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-photographie .bp1-cover {

  top                 : 428px;
  height              : 1104px;
  width               : 802px;
  position            : absolute;
  margin              : 0;
  left                : 315px;
}

.bp1-photographie .bp1-cover .bp1-cover6 img {
  top                 : -8px;
  left                : 94px;
  box-sizing          : border-box;
  width               : 200px;
  height: 200px;
  position            : absolute;
  object-fit: cover;
}

.bp1-photographie .bp1-cover .bp1-cover6:hover img {
  width               : 300px;
  left                : -6px;
}

.bp1-photographie .bp1-cover .bp1-cover1 img {
  top                 : 385px;
  box-sizing          : border-box;
  height              : 200px;
  width               : 200px;
  position            : absolute;
  margin              : 0;
  left                : 94px;
  object-fit: cover;
}

.bp1-photographie .bp1-cover .bp1-cover1:hover img {
  height               : 300px;
  left                : 94px;
  top                 : 285px;
}

.bp1-photographie .bp1-cover .bp1-cover2 img {
  top                 : 780px;
  box-sizing          : border-box;
  width               : 200px;
  height: 200px;
  position            : absolute;
  margin              : 0;
  left                : 94px;
  object-fit: cover;
}

.bp1-photographie .bp1-cover .bp1-cover2:hover img {
  width               : 300px;
  left                : -6px;
}

.bp1-photographie .bp1-cover .bp1-cover3 img {
  top                 : 115px;
  box-sizing          : border-box;
  width               : 200px;
  height: 200px;
  position            : absolute;
  margin              : 0;
  left                : 602px;
  object-fit: cover;
}

.bp1-photographie .bp1-cover .bp1-cover3:hover img {
  height              : 300px;
  top                 : 15px;  
}

.bp1-photographie .bp1-cover .bp1-cover4 img {
  top                 : 508px;
  box-sizing          : border-box;
  width               : 200px;
  height: 200px;
  position            : absolute;
  margin              : 0;
  left                : 602px;
  object-fit: cover;
}

.bp1-photographie .bp1-cover .bp1-cover4:hover img {
  width               : 300px;
  left                : 502px;
}

.bp1-photographie .bp1-cover .bp1-cover5 img {
  top                 : 900px;
  box-sizing          : border-box;
  width               : 200px;
  height: 200px;
  position            : absolute;
  margin              : 0;
  left                : 602px;
  object-fit: cover;
}

.bp1-photographie .bp1-cover .bp1-cover5:hover img {
  width               : 300px;
  left                : 502px;
}

.bp1-photographie .bp1-photographie1 {

  top                 : 270px;
  height              : 833px;
  width               : 18px;
  position            : fixed;
  margin              : 0;
  left                : 712px;



}
.bp1-photographie .bp1-photographie1 .bp1-line {

  top                 : 30px;
  height              : 131px;
  width               : 3px;
  position            : absolute;
  margin              : 0;
  left                : 7px;
}
.bp1-photographie .bp1-photographie1 .bp1-line1 {

  top                 : 275px;
  height              : 131px;
  width               : 3px;
  position            : absolute;
  margin              : 0;
  left                : 7px;



}
.bp1-photographie .bp1-photographie1 .bp1-photographie2 {

  top                 : 208px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : -40px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
  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-photographie .bp1-socialmedia {
  top                 : 1006px;
  height              : 55px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 1220px;
}
.bp1-photographie .bp1-socialmedia .bp1-instagramlogo {

  top                 : 0px;
  height              : 25px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 0px;



}
.bp1-photographie .bp1-socialmedia .bp1-youtubelogo {

  top                 : 30px;
  height              : 25px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 0px;



}
.bp1-photographie .bp1-navbar {

  top                 : 397px;
  height              : 562px;
  width               : 232px;
  position            : absolute;
  margin              : 0;
  left                : 1122px;



}
.bp1-photographie .bp1-navbar .bp1-audiovisuel {

  top                 : 0px;
  height              : 232px;
  width               : 232px;
  position            : absolute;
  margin              : 0;
  left                : 0px;



}
.bp1-photographie .bp1-navbar .bp1-audiovisuel .bp1-diamond {

  top                 : 33px;
  height              : 166px;
  width               : 166px;
  position            : absolute;
  margin              : 0;
  left                : 33px;
  -ms-transform       : rotate(36deg); /* IE 9 */
  -webkit-transform   : rotate(36deg); /* Chrome, Safari, Opera */
  transform           : rotate(36deg);
}
.bp1-photographie .bp1-navbar .bp1-audiovisuel .bp1-audiovisuel1 {

  top                 : 105px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 75px;



  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 0.85);
  text-align          : left;
  line-height         : 18.0px;
}
.bp1-photographie .bp1-navbar .bp1-photographie2 {

  top                 : 175px;
  height              : 196px;
  width               : 196px;
  position            : absolute;
  margin              : 0;
  left                : 26px;



}
.bp1-photographie .bp1-navbar .bp1-photographie2 .bp1-diamond {

  top                 : 15px;
  height              : 166px;
  width               : 166px;
  position            : absolute;
  margin              : 0;
  left                : 15px;
  -ms-transform       : rotate(169deg); /* IE 9 */
  -webkit-transform   : rotate(169deg); /* Chrome, Safari, Opera */
  transform           : rotate(169deg);
}
.bp1-photographie .bp1-navbar .bp1-photographie2 .bp1-photographie3 {

  top                 : 94px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 49px;



  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 0.85);
  text-align          : left;
  line-height         : 18.0px;
}
.bp1-photographie .bp1-navbar .bp1-photographie2 .bp1-underline {

  top                 : 96px;
  height              : 49px;
  width               : 3px;
  position            : absolute;
  margin              : 0;
  left                : 74px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp1-photographie .bp1-navbar .bp1-design {

  top                 : 338px;
  height              : 224px;
  width               : 224px;
  position            : absolute;
  margin              : 0;
  left                : 4px;



}
.bp1-photographie .bp1-navbar .bp1-design .bp1-diamond {

  top                 : 29px;
  height              : 166px;
  width               : 166px;
  position            : absolute;
  margin              : 0;
  left                : 29px;
  -ms-transform       : rotate(117deg); /* IE 9 */
  -webkit-transform   : rotate(117deg); /* Chrome, Safari, Opera */
  transform           : rotate(117deg);
}
.bp1-photographie .bp1-navbar .bp1-design .bp1-design1 {

  top                 : 107px;
  height              : auto;
  width               : auto;
  position            : absolute;
  margin              : 0;
  left                : 71px;



  font-family         : "Roboto", Helvetica, Arial, serif;
  font-weight         : 700;
  font-style          : normal;
  font-size           : 13.0px;
  color               : rgba(0, 0, 0, 0.85);
  text-align          : left;
  line-height         : 18.0px;
}
.bp1-photographie .bp1-header {

  top                 : 19px;
  height              : 199px;
  width               : 1086px;
  position            : absolute;
  margin              : 0;
  left                : 22px;



}
.bp1-photographie .bp1-header .bp1-elajeslogo {

  top                 : 40px;
  height              : 112px;
  width               : 212px;
  position            : absolute;
  margin              : 0;
  left                : 592px;



}
.bp1-photographie .bp1-header .bp1-accueil {

  top                 : 8px;
  height              : 188px;
  width               : 188px;
  position            : absolute;
  margin              : 0;
  left                : 290px;



}
.bp1-photographie .bp1-header .bp1-accueil .bp1-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);
}
.bp1-photographie .bp1-header .bp1-accueil .bp1-accueil1 {

  top                 : 79px;
  height              : auto;
  width               : 75px;
  position            : absolute;
  margin              : 0;
  left                : 72px;



  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-photographie .bp1-header .bp1-projets {

  top                 : 3px;
  height              : 186px;
  width               : 186px;
  position            : absolute;
  margin              : 0;
  left                : 421px;



}
.bp1-photographie .bp1-header .bp1-projets .bp1-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);
}
.bp1-photographie .bp1-header .bp1-projets .bp1-projets1 {

  top                 : 84px;
  height              : auto;
  width               : 80px;
  position            : absolute;
  margin              : 0;
  left                : 62px;



  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-photographie .bp1-header .bp1-projets .bp1-underline {

  top                 : 86px;
  height              : 51px;
  width               : 4px;
  position            : absolute;
  margin              : 0;
  left                : 86px;
  -ms-transform       : rotate(-90deg); /* IE 9 */
  -webkit-transform   : rotate(-90deg); /* Chrome, Safari, Opera */
  transform           : rotate(-90deg);
}
.bp1-photographie .bp1-header .bp1-apropos {

  top                 : 17px;
  height              : 170px;
  width               : 170px;
  position            : absolute;
  margin              : 0;
  left                : 774px;



}
.bp1-photographie .bp1-header .bp1-apropos .bp1-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);
}
.bp1-photographie .bp1-header .bp1-apropos .bp1-apropos1 {

  top                 : 70px;
  height              : auto;
  width               : 89px;
  position            : absolute;
  margin              : 0;
  left                : 55px;



  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-photographie .bp1-header .bp1-contact {

  top                 : 0px;
  height              : 191px;
  width               : 191px;
  position            : absolute;
  margin              : 0;
  left                : 894px;



}
.bp1-photographie .bp1-header .bp1-contact .bp1-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);
}
.bp1-photographie .bp1-header .bp1-contact .bp1-contact1 {

  top                 : 87px;
  height              : auto;
  width               : 84px;
  position            : absolute;
  margin              : 0;
  left                : 70px;



  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-photographie .bp1-header .bp1-decorbar {

  top                 : 164px;
  height              : 35px;
  width               : 110px;
  position            : absolute;
  margin              : 0;
  left                : 643px;



}
.bp1-photographie .bp1-header .bp1-decorbar .bp1-diamond {

  top                 : 0px;
  height              : 35px;
  width               : 34px;
  position            : absolute;
  margin              : 0;
  left                : 0px;



}
.bp1-photographie .bp1-header .bp1-decorbar .bp1-diamond1 {

  top                 : 0px;
  height              : 35px;
  width               : 35px;
  position            : absolute;
  margin              : 0;
  left                : 38px;



}
.bp1-photographie .bp1-header .bp1-decorbar .bp1-diamond2 {

  top                 : 0px;
  height              : 35px;
  width               : 35px;
  position            : absolute;
  margin              : 0;
  left                : 75px;



}
.bp1-photographie .bp1-header .bp1-language {

  top                 : 27px;
  height              : 139px;
  width               : 139px;
  position            : absolute;
  margin              : 0;
  left                : 0px;



}
.bp1-photographie .bp1-header .bp1-language .bp1-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);
}
.bp1-photographie .bp1-header .bp1-language .bp1-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);
}
.bp1-photographie .bp1-header .bp1-language .bp1-francais {

  top                 : 60px;
  height              : auto;
  width               : 22px;
  position            : absolute;
  margin              : 0;
  left                : 44px;



  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-photographie .bp1-header .bp1-language .bp1-english {
  top                 : 60px;
  height              : auto;
  width               : 22px;
  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;
}
.bp1-photographie .bp1-header .bp1-language .bp1-label1 {
  top                 : 60px;
  height              : auto;
  width               : 2px;
  position            : absolute;
  margin              : 0;
  left                : 66px;
  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-photographie .bp1-copyright {

  top                 : 1787px;
  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;
}
.bp1-photographie .bp1-hotspotcopy {

  top                 : 67px;
  height              : 97px;
  width               : 170px;
  position            : absolute;
  margin              : 0;
  left                : 635px;



}
.bp1-photographie .bp1-hotspot {

  top                 : 74px;
  height              : 97px;
  width               : 98px;
  position            : absolute;
  margin              : 0;
  left                : 361px;



}
.bp1-photographie .bp1-hotspot1 {

  top                 : 52px;
  height              : 140px;
  width               : 137px;
  position            : absolute;
  margin              : 0;
  left                : 811px;



}
.bp1-photographie .bp1-hotspot2 {

  top                 : 46px;
  height              : 137px;
  width               : 139px;
  position            : absolute;
  margin              : 0;
  left                : 937px;



}
.bp1-photographie .bp1-hotspot3 {

  top                 : 438px;
  height              : 142px;
  width               : 139px;
  position            : absolute;
  margin              : 0;
  left                : 1167px;



}
.bp1-photographie .bp1-hotspot4 {

  top                 : 775px;
  height              : 140px;
  width               : 143px;
  position            : absolute;
  margin              : 0;
  left                : 1168px;



}
.bp1-photographie .bp1-hotspot5 {

  top                 : 408px;
  height              : 247px;
  width               : 349px;
  position            : absolute;
  margin              : 0;
  left                : 288px;



}
/* .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: 1029px) {
  .bp3-photographieiphone8 {
    display             : block;
  }
  .bp2-photographietablet {
    display             : none;
  }
  .bp1-photographie {
    display             : none;
  }
}
@media screen and (min-width: 1030px) and (max-width: 1399px) {
  .bp3-photographieiphone8 {
    display             : none;
  }
  .bp2-photographietablet {
    display             : block;
  }
  .bp1-photographie {
    display             : none;
  }
}
@media screen and (min-width: 1400px) {
  .bp3-photographieiphone8 {
    display             : none;
  }
  .bp2-photographietablet {
    display             : none;
  }
  .bp1-photographie {
    display             : block;
  }
}