/* CSS page CONTACT */
 
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_form_f.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: 60px;
  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: 60px;
  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%;
}
  
#inscription a:link{
  position : absolute;
  top : 53%;
  left : 55%;
  text-decoration : none ;
  border-bottom : 1px solid black;
  color : black;
  font-size : 90%;
  }
  
 #inscription a:hover{
  color : rgb(203,31,40);
  border-bottom : 1px solid rgb(94,170,95);
  font-size: 90%;
  }   
  
#ins a{
  text-decoration : none;
  color:rgb(203,31,40);
  font-size: 110%;
  font-family: century gothic;
}

#ins a:hover{
  text-decoration : none;
  color:rgb(94,170,95);
  font-size: 110%;
  font-family: century gothic;
  text-decoration : underline; 
  padding : 2px 2px 2px 2px;
  margin : 2px 2px 2px 2px;
}
    
#formul {
  position : absolute;
  top : 150px;
  width : 260px;
  height : 230px; 
  border : 1px solid rgb(94,170,95);
  padding : 5px 5px 5px 5px;
  margin : 5px 5px 5px 5px;
  left : 50%;
  margin-left: -100px; /* moitié de la largeur de l'image */
  
  }
  
.info  {
  font-variant: small-caps;
  font-family : Century Gothic;
  font-size : 120%;
  padding : 2px 2px 2px 2px;
  margin : 2px 2px 2px 2px;
  background-color : rgb(203,31,40);
  color : white;
  }
  
.contact {
  font-variant: small-caps;
  font-family : Century Gothic;
  font-size : 120%;
  padding : 2px 2px 2px 2px;
  margin : 2px 2px 2px 2px;
  background-color : rgb(203,31,40);
  color : white;
  }
  
 .info1 {
  font-variant: small-caps;
  font-family : Century Gothic;
  font-size : 120%;
  padding : 2px 2px 2px 2px;
  margin : 2px 2px 2px 2px;
  background-color : rgb(203,31,40);
  color : white;
  }
  
.infovol {
  font-variant: small-caps;
  font-family : Century Gothic;
  font-size : 120%;
  padding : 2px 2px 2px 2px;
  margin : 2px 2px 2px 2px;
  background-color : rgb(203,31,40);
  color : white;
  }
  
.heberge {
font-variant: small-caps;
  font-family : Century Gothic;
  font-size : 120%;
  padding : 2px 2px 2px 2px;
  margin : 2px 2px 2px 2px;
  background-color : rgb(203,31,40);
  color : white;
  } 
  
.divert {
font-variant: small-caps;
  font-family : Century Gothic;
  font-size : 120%;
  padding : 2px 2px 2px 2px;
  margin : 2px 2px 2px 2px;
  background-color : rgb(203,31,40);
  color : white;
  }
  
#info_txt {
  position : absolute;
  top : 300px;
  left : -60px ;
  -moz-opacity:0.8;
  opacity: 0.8;
  filter:alpha(opacity=80);
  }

.small {
  font-variant : small-caps;
  color : rgb(203,31,40);
  border : 1px solid rgb(94,170,95);
  }
  
.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);
  }

#mon_txt {
  position : absolute;
  top : 495px;
  left: 200px;
  width : 250px;
  height : auto;
  font-family: arial ;
  font-size : 85%;
  text-align : justify;
}

#choix {
  position : absolute;
  top: 180px;
  left : 310px;
  }
  
#table {
  position : absolute ;
  top:95px;
  left:100px;
  width : 600px;
  height : auto ;
  font-size : 8pt;
  }
  
#txt_defi {
  position : absolute ;
  top :90px;
  left : 230px;
  }

#txt_defi a:active{
  text-décoration : none;
  }
  

#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 : 89px;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 2px solid transparent;
  border-right: 1px solid transparent;
  text-decoration: none;
}

#menu li a:link, #menu li a:visited
{
 display: block;
 height: 14px;
 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; }