/* CSS page ACCEUIL */
 
body {
  background: rgb(203,40,31);
  background-repeat : no-repeat;
  background-position : left;
  margin: 0;
  padding: 0;
  color: black;
  font-size: 80%;
  font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;
  }
  
#page {
  width: 752px;
  height : 552px;
  background-image : url(../images/fond_info_e.jpg) ;
  background-repeat : no-repeat;
  position : absolute;
  padding : 0 0 0 0;
  left : 50%;
  top : 30px;
  margin-left: -376px; /* moitié de la largeur de l'image */
  /*margin-top: -276px; /* moitié de la hauteur de l'image */
  }
  
#f  a {
  position : absolute;
  top: 58px;
  left : 655px;
  color : black;
  text-decoration : none;
  font-size : 80% ;
  font-family : Century Gothic;
  }
  
#f a:hover {
  color : rgb(203,31,40);
  text-decoration : underline;
  font-family : Century Gothic;
  font-size : 80%;
  }
  
#e  a {
  position : absolute;
  top: 58px;
  left : 705px;
  color : black;
  text-decoration : none;
  font-size : 80% ;
  font-family : Century Gothic;
  }
  
#e a:hover {
  color : rgb(203,31,40);
  text-decoration : underline;
  font-family : Century Gothic;
  font-size : 80%;
}
  
#info_txt {
  position : absolute;
  top : 300px;
  left : -60px ;
  -moz-opacity:0.8;
  opacity: 0.8;
  filter:alpha(opacity=80);
  }
  
/* Text pour les infos pratiques */
  
#visa_txt {
  position : absolute;
  top : 72px;
  left: 145px;
  width : 265px;
  height : auto;
  font-family: arial ;
  font-size : 75%;
  text-align : justify;
}

.small {
  font-variant : small-caps;
  color : rgb(203,31,40);
  border : 1px solid rgb(94,170,95);
  }

#vacc_txt {
  position : absolute;
  top : 232px;
  left: 145px;
  width : 220px;
  height : auto;
  font-family: arial ;
  font-size : 75%;
  text-align : justify;
}

#mon_txt {
  position : absolute;
  top : 327px;
  left: 145px;
  width : 260px;
  height : auto;
  font-family: arial ;
  font-size : 75%;
  text-align : justify;
}

#clim_txt {
  position : absolute;
  top : 437px;
  left: 145px;
  width : 290px;
  height : auto;
  font-family: arial ;
  font-size : 75%;
  text-align : justify;
}
#croco_ph {
  position : absolute;
  top: 305px;
  left: 696px;
  border : 1px solid rgb(94,170,95);
  padding : 3px 3px 1px 3px;
  }
  
#croco {
  position : absolute;
  top :80px;
  left: 545px;
  width : 170px;
  height : auto;
  font-family: arial ;
  font-size : 75%;
  text-align : justify;
  }
 
#nazenga_ph {
  position : absolute;
  top: 305px;
  left: 637px;
  border : 1px solid rgb(94,170,95);
  padding : 3px 3px 1px 3px;
  } 
  
#nazenga {
  position : absolute;
  top : 170px;
  left: 565px;
  width : 170px;
  height : auto;
  font-family: arial ;
  font-size : 75%;
  text-align : justify;
  }
  
#ontb a{
  position : absolute;
  top : 120px;
  left: 15px;
  text-decoration : none;
  color : white; 
  width : 100px;
  height : auto;
  font-family : arial;
  font-size:95%;
  text-align: center;
  }
  
#ontb a:hover {
  color : rgb(94,170,95);
  }
  
.small_deux a {
  font-variant : small-caps;
  color : rgb(203,31,40);
  text-decoration : none;
  }
  
#banfora_ph {
  position : absolute;
  top: 305px;
  left: 555px;
  border : 1px solid rgb(94,170,95);
  padding : 3px 3px 1px 3px;
  } 
  
#banfora {
  position : absolute;
  top : 360px;
  left: 565px;
  width : 170px;
  height : auto;
  font-family: arial ;
  font-size : 75%;
  text-align : justify;
  }
  
#laongo_ph {
  position : absolute;
  top: 305px;
  left: 604px;
  border : 1px solid rgb(94,170,95);
  padding : 3px 3px 1px 3px;
  } 
  
#laongo {
  position : absolute;
  top : 425px;
  left: 545px;
  width : 170px;
  height : auto;
  font-family: arial ;
  font-size : 75%;
  text-align : justify;
  }
  
.small_trois {
  font-variant : small-caps;
  color : rgb(203,31,40);
  border : 1px solid rgb(94,170,95);
  text-align : left;
  }

.small_un {
  font-variant : small-caps;
  color : rgb(203,31,40);
  border : 1px solid rgb(94,170,95);
  }
    
#menu {
  position : absolute ;
  top : 31px;
  left :161px;
  width : 650px;
  color: rgb(203,31,40) ;
  list-style-type: none;
  text-align : center;
  font-size : 70%;
  margin: 0;
  padding: 0;
  border: 0;
}

#menu li {
  float: left;
  display:block; 
  width : 90px;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid transparent;
  border-right: 2px solid transparent;
  text-decoration: none;
}

#menu li a:link, #menu li a:visited
{
 display: block;
 height: 22px;
 color: #FFF;
 background: rgb(203,31,40);
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
}
#menu li a:hover { 
  background-color: white;
  color : rgb(203,31,40);
  }
#menu li a:active { background-color: #5F879D; }

#txt_acceuil {
  text-align : justify;
  }