body
{
  font-size: 11px;
  font-family: Verdana, Sans-serif;
  color: #222;
  background-color: #85B2C7;

}

h1
{
  background-image: url(top.png);
  margin: 0px auto 0px auto;
  padding: 10px;
  text-align: center;
  color: white;
  font-size: 18px;
  width: 742px;
}

h1 a { color: white; }

h2
{
  border-bottom: 1px solid #da4;
  border-right: 10px solid #da4;
  color: #953;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 18px;
}

h2 a { color: #953; }

img
{
  border: 1px solid #da4;
}

a
{
  text-decoration: none;
  color: #950;
  font-weight: bold;
}

a:hover
{
  text-decoration: underline;
}

#page
{
  background-color: #fafae0;
  margin-left: auto;
  margin-right: auto;
  width: 760px;
  border: 1px solid #da4;
}

#banniere
{
  background-image: url(fond.jpg);
  height: 180px;
}

#menu ul
{
  margin: 0px;
  padding: 5px 0px 5px 0px;
  width: 100%;
  text-align: center;
  background-color: #da4;
}

#menu li
{
  display: inline;
  list-style-type: none;
  margin: 0px;
}

#menu a
{
  margin: 0px;
  padding: 4px;
  background-color: #da4;
  border: 1px solid #da4;
  text-decoration: none;
  color: white;
  font-weight: bold;
}

#menu a:hover
{
  border: 1px solid #953;
  background-color: #953;
  text-decoration: none;
}

#contenu
{
  padding: 20px;
}

#contenu p
{
  margin-right: 10px;
  margin-left: 10px;
  text-align: justify;
  line-height: 18px;
  text-indent: 20px;
}

#contenu p:first-letter
{
  color: red;
  font-size: 14px;
  font-weight: bold;
}

#bas
{
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  text-align: center;
  width: 752px;
  color: white;
  font-style: italic;
  background-color: #da4;
}

#bas a
{
  color: white;
}

.quote
{
  border: 1px solid black;
  padding: 5px;
  background-color: rgb(240,255,240);
}


.quote h1
{
  background-image: none;
  margin: 0px;
  padding: 0px;
  text-align: left;
  color: black;
  font-size: 16px;
  width: 100%;
}

.quote h2
{
  border: 0px;
  color: black;
  margin: 0px;
  font-size: 14px;
}

