@font-face{
  font-family:"PermanentMarker-Regular";
  src: url("fonts/PermanentMarker-Regular.ttf");
}
@font-face{
  font-family: "Fascinate-Regular";
  src: url("fonts/Fascinate-Regular.ttf");
}
@font-face{
  font-family: "IMFellEnglishSC-Regular";
  src: url("fonts/IMFellEnglishSC-Regular.ttf");
}
.header-class{
  position: relative;
  z-index: 2;
  background-image: url('../pictures/header-bg.jpg');
  background-size: 180%;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 640px){
.header-class{
  background-size: 70%;
  background-position: left;
}
}
.header-title-font{
  font-family: "IMFellEnglishSC-Regular";
}
.home_pics_0{
  position: absolute;
  left:550px;
  transition: left 3s;
  width:220px;
  height: auto;
}
.home_pics_1{
  position: absolute;
  right:550px;
  transition: right 3s;
  width:220px;
  height: auto;
}
@media (min-width: 640px){
  .home_pics_0, .home_pics_1{
    width:280px;
  }
}
@media (min-width: 768px){
  .home_pics_0, .home_pics_1{
    width:380px;
  }
}
@media (min-width: 1024px){
  .home_pics_0, .home_pics_1{
    width:550px;
  }
}
@media (min-width: 1280px){
  .home_pics_0, .home_pics_1{
    width:750px;
  }
}

.itemPic{
  cursor: pointer;
  transition: 0.3s;
 }

.line-through{
  text-decoration: line-through;
 }

.bodyClass{
  background-image: url(../pictures/pots-peinture-gauche.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
 }

.bodyClassHome{
  background-image: url(../pictures/boites-90\'s.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
 }

.bodyLayerDiv{
  background-color:rgba(0, 0, 0, 0.8);
  transition: 3s;
 }