-15%;
@charset "utf-8";

/*########################*/


/*########################*/


/* MARINA ZINDY V1.0.2  */


/*##### STYLE DEFAUT #####*/


/*########################*/


/*########################*/


/* ELEMENTS STANDARDS  --------------------------
--------------
---------
*/

a {
 text-decoration: none;
}

html {
 background: #7C7C7A;
 font-family: JosefinThin;
}

#imgHeaderOuter {
 width: 100%;
 width: 60%;
 margin: 2.5vw auto;
}

#imgHeader {
 position: relative;
 font-size: 2.5vw;
 color: #fff;
}

#imgHeader img {
 width: 100%;
}

#imgIntro {
 display: none;
}

#imgIntro img {
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 33;
}

area {
 auto cursor: pointer;
 display: block;
}

#imgHeader a {}

#imgHeader a:hover {
 animation-name: anim1;
 animation-duration: 3s;
 animation-timing-function: ease-in-out;
}

.titre {
 font-size: 3vw;
 position: absolute;
 right: 0.7vw;
 top: 1vw;
 text-transform: uppercase;
}

.menuLien img {
 width: 100%;
}

.menuLien {
 position: absolute;
 color: rgba(255, 255, 255, 1);
 width: 1vw;
 font-size: 1.5vw;
 writing-mode: vertical-rl;
 text-orientation: upright;
 text-transform: uppercase;
 opacity: 0;
}

.menuLienArtiste {
 bottom: -11vw;
 left: 23vw;
}

.menuLienGalerie {
 bottom: -12.5vw;
 left: 27.5vw;
}

.menuLienProjets {
 bottom: -12.5vw;
 left: 33.3vw;
}

.menuLienCommande {
 bottom: -7.5vw;
 left: 39vw;
}

.menuLienCommande img {
 width: 70% !important;
}


/*########################*/


/*########################*/


/*       RESPONSIVE       */


/*########################*/


/*########################*/

@media screen and (max-width: 768px) {
    body, html{
        overflow:hidden;
        width:100%;
        height:100%;
    }
 #imgHeaderOuter {
  width: 100%;
  margin: 2.5vw auto;
 }
 #imgHeader {
  position: relative;
  font-size: 7.5vw !important;
  color: #fff;
  width: 100%;
 }
 #imgHeader img {
  width: 130%;
  position: relative;
  right: 15%;
 }
 area {
  cursor: pointer;
  display: block;
 }
 #imgHeader a {}
 #imgHeader a:hover {
  animation-name: anim1;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
 }
 .titre {
  font-size: 8vw;
  position: absolute;
  right: 2vw;
  top: 1vw;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
 }
 .menuLien img {
  width: 100% !important;
 }
 .menuLien {
  position: absolute;
  color: rgba(255, 255, 255, 1);
  width: 5vw;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-transform: uppercase;
  opacity: 1;
 }
 .menuLienArtiste {
  bottom: -47vw;
  left: 30vw;
 }
 .menuLienGalerie {
  bottom: -50vw;
  left: 43.5vw;
     width:4.5vw;
 }
 .menuLienProjets {
  bottom: -55vw;
  left: 58.3vw;
 }
 .menuLienCommande {
  bottom: -31vw;
  left: 73vw;
     width:3.7vw;
 }
 .menuLienCommande img {}
}