/* CSS pour INDEX */

body {
  background : rgb(203,40,31);
  margin: 0;
  padding: 0;
  color: black;
  font-size: 80%;
  font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;
  }
  
#page {
  width: 800px;
  height : 590px;
  position : absolute;
  left : 50%;
  top : 50%;
  margin-left: -400px; /* moitié de la largeur de l'image */
  margin-top: -300px; /* moitié de la hauteur de l'image */
  background : rgb(203,40,31);
  border : 2px solid rgb(94,170,95);
  }

a:visited {
  color : white;
  text-decoration : none;
  }
  
a:hover {
  color : white;
  text-decoration : overline;
  }  
  
#logoaga {
  position : absolute;
  left : 50%;
  top : 10%;
  margin-left: -147px; /* moitié de la largeur de l'image */
  }
  
.text_b {
  position : absolute;
  top : 480px;
  left : 50%;
  margin-left: -147px; /* moitié de la largeur de l'image */
  color : white;
  text-decoration : none;
  }
  
.text_w {
  position : absolute;
  top: 480px;
  left : 50%;
  margin-left: 92px; /* moitié de la largeur de l'image */ 
  color : white;
  text-decoration : none;
  }

#afraa {
  position : absolute;
  top : 530px;
  left : 0px;
  margin-left: 25px; /* moitié de la largeur de l'image */ 
  }
  
#ab {
  position : absolute;
  top: 530px ;
  left :100%;
  margin-left: -75px; /* moitié de la largeur de l'image */ 
  }
  
  .copyr {
  color : white;
  position : absolute;
  text-decoration : none;
  top: 100% ;
  margin-top : -20px;
  left :320px; 
  font-size : 60%;
  }
  
  .copyr a{
  text-decoration : none;
  color : white;
  }
  
  .copyr a:visited{
  text-decoration : none;
  color : white;
  }
  
  .copyr a:hover{
  text-decoration : none;
  color : white;
  }