nav { height:130px; top:20px; left:5%; position:relative; z-index:9; }
nav .lilogo { font: 4em "vintage"; float:left; margin-top:-60px; text-shadow: 5px 5px 10px palegreen; color:forestgreen; }
nav .lilogo img { height:100px; position:relative; top:20px; }
nav .slogan { font: 1.5em "typewriter", monospace; color:forestgreen; position:absolute; top:90px; left:20px; text-shadow: 1px 1px 5px palegreen; }
#boutiqueLiens { top:40px;  }

header { width:100%;  height:160px; top:0; left:0; position:fixed; z-index:10; }

#photo { width:100%; height:160px; top:0; left:0; background: url("../images/illustration_huiles.png"); background-position-y:bottom -65px;
        background-repeat: no-repeat; opacity:0.9; position:fixed; border-radius: 0em; } /* no-repeat contain  */

.arianne { top:10px; padding:10px; font-size: 0.8em; color:forestgreen; position:relative; }
.arianne a { color:forestgreen; cursor: url('../images/souris_chanvre.png') 10 10, pointer; }

main { margin-top:160px; }

body.showCart header { transform: translateX(-200px); }

@media screen and (max-width: 1080px) {
  header { height:160px; background-position-x:center; }
  nav { width:80%; height:60px; top:10px; left:5%; }
  nav h1 { font: 4em "vintage"; float:left;  }
  #boutiqueLiens { top:100px;  }
  #photo { height:160px; background-position-x:center;  }
  main { margin-top:160px; }
}

@media screen and (max-width: 768px) {
  #photo {  background-position-y:center; }

}