

body 
{

background-color: #FFFFff ; 
  margin: 20px auto;
  width: 1000px;
  background-image: url(bin2/foret.jpg);
  background-attachment: fixed;
  text-align: center;
  }
a{
 
color: #ffffff;
}

p {
   width: 900px;
  margin-left: auto;
   margin-right: auto;
  margin-bottom: 20px;
  padding: 10px;
  border:1px solid white;
   text-align: justify;
  text-transform: capitalize;
  font-style: oblique;
  font-family: Georgia;
  font-size: 16px;
  color: #ffa824;
}
div#blocimg 
{
  width: 750px;
  margin-left: auto;
   margin-right: auto;
  margin-bottom: auto;
  padding: 10px;
  border:1px solid white;
  font-family: verdana;
   font-size: 14px;
   color: #ffa824;
   
  text-align: center;
}
div#bloctext 
{

   font-family: verdana;
   font-size: 14px;
   color: #ffa824;
    text-align: left;
   text-decoration: none;
   padding: 1px ;
   
}


div#bloctext a  
{
   font-family: verdana;
   font-size: 14px;
   color: #ffa824;
   text-decoration: none;
}



div#bloctext2
{
   font-family: verdana;
   font-size: 16px;
   color: #ffa824;
   text-decoration: none;
   padding: 20px;
   text-align: left;
   border:1px solid white;
   width: 750px; /* Très important : donner une taille au menu */
}
div#bloctext3 
{
   font-family: verdana;
   font-size: 16px;
   color: #ffa824;
    text-align: left;
   text-decoration: none;
   padding: 1px 50px;
   width: 800px;
}


div#bloctext3 a  
{
   font-family: verdana;
   font-size: 16px;
   color: #ffa824;
   text-decoration: none;
}

div#bloctext a:hover
{
  color: #000000;
  text-decoration: none;
}
div#bloctext2 a:hover
{
  color: #000000;
  text-decoration: none;
}
div#bloctext3 a:hover
{
  color: #000000;
  text-decoration: none;
}


div#bloc
 {
  width: 900px;
  height: auto;
  background-position: center bottom;
  text-align: center; 
}
div#fond1
 {
 
  margin-left: auto;
  margin-right: auto;
  
  width: 1000px;
  height: 900px;
  background-image: url(bin2/fond6.JPG);
  background-position: center bottom top 2px;
  background-repeat: no-repeat;
  text-align: left;
  color: #000000;
}
h2 {
  padding: 200px 20px;
  position: absolute;
  font-weight: normal;
 color: #000000;
}
 h2 a:hover {
  color: #000000;
  text-decoration: none;
}
h3 { 
  font-style: oblique;
  font-family: Georgia;
  font-size: 18px;
  text-align: center;
  font-weight: normal;
 color:#ffffff
}
#logo {
  background-image: url(bin2/logo.gif);
  background-repeat: no-repeat;
  float: left;
  margin-left: auto;
  margin-right: auto;
  width: 190px;
  height: 180px;
}
div#menu a {
  text-align: justify;
  font-family: verdana;
  font-size: 12px;
   padding: 5px;
  margin-top: 25px;
  color: #ffa824;
  float: left;
  text-decoration: none;
}
div#menu a:hover {
  color: #000000;
  text-decoration: none;
}

div#menu1 a {
  font-family: verdana;
  font-size: 12px;
  margin-top: 0px;
  color: #ffa824;
  float: left;
  text-decoration: none;
}
div#corps a {
  text-align: justify;
  font-family: verdana;
  font-size: 15px;
  margin-top: 25px;
  color: #ffa824;
  font-weight: normal;
  text-decoration: none;
}
div#corps a:hover 
{
  color: black;
  text-decoration: none;
}

div#bas a 
{
  text-align: center;
  font-family: verdana;
  font-size: 12px;
  color: black;
  text-decoration: none; 
}
div#bas a:hover {
  color: #ffa824;
  text-decoration: none;
}
.lettrine {
  font-style: oblique;
  font-family: Tahoma;
  font-size: 50px;
  color: black;
  text-decoration: none;
}
.lettrine1 {
text-align: center;
  font-style: oblique;
  font-family: verdana;
  font-size: 16px;
  color: #ffa824;
  text-decoration: none; 
}
.lettrine2 {
  font-style: oblique;
  font-family: verdana;
  font-size: 16px;
  color: black;
  text-decoration: none;
}
.ul {
  text-align: left;
  margin-left: 100px;
  text-decoration: none;
}
.ul2{
  width: 750px;
  padding: 5px;
  margin-left: 1px;
   border:1px solid white;
  text-align: left;
  text-decoration: none;
}
.li
{
 font-size: 16px;
   color: #ffa824;
   text-decoration: none;
}
