body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  color: #000000;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

#arbre { 
  margin: 0;
  padding: 0;
  border: 0; 
  padding-top: 30px;
}

#arbre li {
  display: block;
  margin-bottom: 15px;
  padding-left: 15px;
}

#arbre li a { 
  color: #ffffff;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
}

#arbre li a:hover { 
  text-decoration: underline;
}

.feuille { 
  padding-top:80px;
  text-align:center;
}

.feuille a { 
  color: #000000;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
}

.feuille a:hover {
  color: #000000;
  text-decoration: underline;
}

#principal { 
  padding:20px;
}

h1 { 
font-size: 140%;
color: #198031;
}

h2 { 
font-size: 110%;
color: #198031;
}

p { 
  margin-left: 10px; 
  margin-right: 40px;
  text-align: justify;
  font-size: 80%;
}

.cel { 
  font-size: 80%;
}

.cont { 
  font-size: 80%;
}

a { 
  color:#787878;
}

a:hover { 
  color: #ff0000;
}

.photo { 
  float:left;
}

.rouge { 
  color: #ff0000; 
}

#pied { 
  text-align: center;
}

#pied li {
  display: inline;
  color: #000000;
}

#pied li a { 
  color: #000000;
  font-size: 75%;
  text-decoration: none;
}

#pied li a:hover { 
  text-decoration: underline;
}

.produits { 
  font-size:80%;
}