body {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
width: 1024px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
text-align: center;
}

div{
margin: 4px;
 /*border: 1px solid blue;  définition de bordure par defaut pour tous les blocs */ 
}
 
#conteneur {
width:1024px;
/*border: 1px solid red;  redéfinition de bordure */ 
margin: auto; /* pour centrer tout le contenu de la page */ 
/*background-color:#66CCFF;*/

}
 
#banniere {
width:970px;
height:100px;
margin: auto;
/*border: 1px solid blue; bordure*/ 
}
 
/* bloc qui regroupe les menus gauche et droit et le corps*/ 
#contenu {
width:1024px;
margin:auto;
 /*border: 1px solid blue; redéfinition de bordure */ 
background-color:#F2F2FF; /* fond coloré */

}
 
#gauche {
float:left;
width:200px;
/*height:800px;*/
/*borde-weight: thin;*/ 
/*border: 1px outset;*/
background-color: ;

}
#centre 
{
float:left;
width:594px;
/*height:1200px;*/
borde-weight: thin; 
/*border: 1px outset;*/
background-color: #F2F2FF;

}
#centre a 
{
text-decoration:underline;

}
 
#droit {
float:left;
width:200px;
/*height:800px;*/
/*borde-weight: thin; */
/*border: 1px outset;*/
background-color: ;
}
/* fin du bloc contenu*/ 
#foot {
/*clear:both;*/
width:1024px;
height:40px;
margin: auto;
borde-weight: thin; 
border-top: 1px outset;
background-color:#F2F2FF;
text-align: center;
} 

.clr {
clear: both;
font-size:0;
line-height:0;
border: 0px;
}
/*Début menu_horizontal*/
#menu
{
width: 970px;
margin: auto;
height: 30px;
background-color:#F2F2FF;/*couleur du fond du bloc menu*/
padding-left: 45px;/* pour centre les liens dans le bloc menu*/
}

#menu a
   {
   display:block; /*Pour que le "bloc" soit un vrai bloc*/
   float:left; /*Pour que les blocs soient alignés horizontalement (essayez de l'enlever pour voir)*/
   width: 86px; /* largeur de chaque lien. ex si on 10 liens. puisque le design est extensible donc on met 100/10= 10%. on prend 8 ou 9% pour IE*/
   height:20px; /*La même hauteur que notre menu*/
   bordure:none; /*On enlève les bordures (enfin, on ne les met pas, même s'il n'y en avait pas)*/
   text-align:center; /*Pour que les liens soient centrés par rapport à l'horizontale*/
 /* background: url('images/fond_menu.jpg') repeat-y;*/ 
   margin-left: 2px;/*distance entre deux liens*/
   /*background-color: #ECECFF;*/
   }
#menu a, #menu a:visited    /*on utilisera les propriétés qui suivront sur les liens dans menu, et les liens visités dans menu*/
{
color:maroon;    /*la couleur*/
text-decoration:none; 
 font-weight:bold; /*mettre en gras les liens visités*/
text-align:center; /*on le centre horizontalement*/
padding-top: 8px; /*on le centre verticalement*/
}
 
#menu a:hover, #menu a:visited:hover   /*on utilisera les propriétés qui suivront sur les liens survolés dans menu, et les liens survolés et visités dans menu*/
{
color:blue; /*la couleur*/
font-weight:bold; /*mettre en gras les liens visités*/
text-decoration:none;  /*on enlève le soulignement du lien*/
background-color: ;
}
 
 /*fin menu-horizontal*/
 .menu_gauche 
{
 background-color: ;
 vertical-align:top;
 margin-left: 100px;
 width: 240px;
 /*border: groove;*/
/* border-width:thin;*/
 /*border-color:#FF99CC;*/
 }
.bgcolor
{
 background-color: #ECECFF;
 padding:4px;
 text-align:left;
 font-size:10px;
  text-align:left;
  font-weight:bold;
  }
.bgcolor a
{
color: maroon;
  font-size:12px;
  text-align:left;
  font-weight:bold;
   text-decoration:none;
  }
  .bgcolor a:hover
{
color: maroon;
  font-size:12px;
  text-align:left;
  font-weight:bold;
   text-decoration:underline;
  }
  p
{
   font-size: 12px;
   margin-top: 15px;
   text-align:left;
}
.foot
{
   font-size: 10px;
   margin-top: 15px;
   text-align:left;
}
.corps
{
   color: black;
   font-style : bold; 
   margin: 2px; 
text-align:left;
   padding:2px;
   /*background-color: blue;*/
}
h3
{
   color: white;
   font-style : bold; 
   margin: 2px; 
text-align:left;
   padding:2px;
}
h4
{
   color: Blue;
   font-style : bold; 
   margin: 2px; 
text-align:left;
   padding:2px;
    font-family:Courier New, Courier, mono;
	font-size: 18px;
}

h5
{
   color:blue;
   font-style : bold; 
   margin-top: 10px;
   margin-left: 0px; 
   padding:0px;
   font-size: 12px;
   text-align:left;

  
}
h6
{
   color:maroon;
   font-style : bold; 
   text-align:left; 
  font-size: 12px;
}
.img
{
background-image:url("images/coin_arrondi.if");
background-repeat: no-repeat;
font-size: 14px;
color: black;
text-align: left;
font-weight: bold;
padding: 5px;
 }
 .image
{
margin-right: 5px;
float: left;
 }
/*coin arrondi*/
.coin_arrondi
{
color white;
   background-color: maroon;
   width: 300px;
   height: 50px;
-moz-border-radius: 5px 20px 0 5px; 
}
.tab
{
text-align: left;
color: maroon;
}
.foot1
{
color: maroon;
font-size: 10px;
font-weight: bold;
}
.photo_anime
{
margin-left: 100px;
}
.accueil
{
background-color:#ECECFF;
border: outset;
border-width:thin;
width: 970px;
height: 500px;
margin:auto;
margin-top:30px;
}
.entete
{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 10px;
text-align: center;
}
.btn
{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
text-align: center;
}
.btn a
{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
text-align: center;
color:black;
text-decoration:none;

}
.btn a:hover
{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 14px;
text-align: center;
color:black;
text-decoration:none;
}
.copyright
{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 10px;
text-align: center;
color: maroon;
}
.animation
{
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 10px;
text-align: center;
background-color: ;
width: 600px;;
}
.arab
{
margin-top: 30px;
margin-left:auto;
margin-right:auto;
}
.fieldset
{
width: 300px;
margin: auto;
}