html body {
  background-color: #000;
}

body {
  background-image: url(../images/banniers/fondecran7.avif);
  background-size: cover;/*permet de couvrir tout le font*/
  background-position: center;
  background-attachment: fixed;
}

header{
  background-image: url(../images/banniers/banniere2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
  border-radius: 10px;
}

nav ul{
 list-style-type: none;
 display: flex;
 justify-content: center;
 gap: 20px;
 padding: 20px;
}

nav ul li {
  display: inline;
  display: flex;
}

nav ul li a{
  text-decoration: none;
  color: red;
  background-color: bisque;
  padding: 10px 15px;
  border-radius: 4px;
}
nav ul li a:hover {
background-color: black;
}

body h1 {
  color: red;
}

body h2{
  color: darkorange;
}

body h3 {
  color: lightpink;
}


body p {
  color: navajowhite;
}

body ul li {
  color: blanchedalmond;
}

  
.photogalerie img{
  width: 200px;
  height: 200px;
  border-radius: 5px;
  object-fit: cover;
}

.photoproduits img{
  width: 200px;
  height: 200px;
  border-radius: 5px;
  object-fit: cover;
}

.photocontact img{
  width: 200px;
  border-radius: 5px;
  object-fit: cover;
  }

body form {
  color: beige; 
}

.photoaccueil img{
  width: 800px;
  border-radius: 4px;
}
img:hover {
  padding: 20px;
}

input[ type="submit"] {
  background-color:bisque;
  cursor:pointer;
  color: orange;
  padding: 12px 20px;
  border:none;
  border-radius: 4px;

  }
   input:hover[ type="submit"]{ 
    background-color:black;
   }
   footer {
    text-align: right;
    position: absolute;
    bottom: 0;
    width: 100%;
   }

   .acheter{
    text-decoration: none;
    color: beige;
    background-color: red;
    border-radius: 4px;
    box-shadow: 4px solid black;
   }
   .acheter:hover {
    background-color: black ;
    padding: 15px;
    border-radius: 10px;

   }