ul {
    line-height: 2em;
  }
  
body {
    background-color: white;
    color: #191919;
    text-decoration: none;
}

img {
    width:30%;
    height:auto;
}


 /* affichage sur ordinateur */

 @media screen and (min-width: 768px) {
    body {
        /* background-color: white; */
        /* color: #191919; */
        /* text-align: center; */
        font-size: 20px;  
        /* line-height: 1.5;   */
        /* position: relative; */
        
      }
      
      img {
        width: 20%;
        height: auto;
        position: absolute;
        top: 20px;
        right: 20px;
        opacity: 1;
      }
    } 

  /* affichage sur mobile */

   @media screen and (max-width: 767px) {
    img {
        position: static;
        width:80%;
        background-color: transparent;
      }
    }

#pepper:before {
  float: left;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("/pic/pepper.png");
  background-size: contain;
}


#fuze_tea:before {
  float: left;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("/pic/fuze_tea.png");
  background-size: contain;
}

#candy:before {
  float: left;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("/pic/candy.png");
  background-size: contain;
}

#bepis:before {
  float: left;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("/pic/bepis.png");
  background-size: contain;
}

#schweppes:before {
  float: left;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("/pic/schweppes.png");
  background-size: contain;
}

#orangina:before {
  float: left;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("/pic/orangina.png");
  background-size: contain;
}

#caprisun:before {
  float: left;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("/pic/caprisun.png");
  background-size: contain;
}

 #gaufrenormale:before {
  float: left;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("/pic/gaufrenormale.png");
  background-size: contain;
 }

 #gaufreliege:before {
  float: left;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("/pic/gaufreliege.png");
  background-size: contain;
 }

 #whaou:before {
  float: left;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("/pic/whaou.png");
  background-size: contain;
 }

 #muffin:before {
  float: left;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("/pic/muffin.png");
  background-size: contain;
 }

 #gaufrefine:before {
  float: left;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("/pic/gaufrefine.png");
  background-size: contain;
 }