body
{
 width: 1003px;
 margin: auto;
 background-color:#4C81AF;
 margin-top: 0px;

 }
#en_tete
{
   width: 100%;
   height: 100%;
   margin-bottom:-5px;
   background-color:white;
}

#menu
{
   width: 100%;
   float : top;
   
}

#menulateral
{
   width: 11%;
   position : absolute;
   top:210px;
   background-color: white;
   min-height:620px;

   
}

#menulateral2
{
  width: 12%;
  position:absolute;
  top:210px;
  margin-left:825px;
  background-color:white;
  min-height:620px;

}

#menulateralamazon
{
   width: 20%;
   position : absolute; margin-left:785px;top:195px;  
   margin-top:2.4%;
}

#menu h3
{
   text-align : center;
}

.element_menu
{
   float : left;
   background-color: rgb(10,23,190);
   font-family: Comic sans MS;
   border : 1px solid black;
            
}

.element_menu2
{

   background-color: rgb(10,23,190);
   font-family: Comic Sans MS;
   border : 1px solid black;
   padding-bottom:0px;   
   float:left;
   width:14.26%;
   
 }
   
   
.element_menu h3 
{   
   color: rgb(219,0,27);
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
}
.element_menu ul
{
   padding-left: 20px;
   padding-right : 10px;
   margin: 0px;
   margin-bottom:0px;
   display:block;
   width:100%;
   height:100%; 
}
.element_menu:hover
{
   background-color: orange;
   
} 

.element_menu2 ul
{
   padding-left: 20px;
   padding-right : 10px;
   margin: 0px;
   margin-top: -10px;
   margin-bottom:0px;
   float : right;
   
}

.element_menu2:hover
{
background-color: orange;   
}
   
#corps
{
   text-align: justify;
   background-image: url("images/fond.png");
   padding-left: 175px;
   padding-right: 200px;
   padding-bottom:15px;
   padding-top:15px;
   min-height:730px;
   margin-bottom:0px; 
}

#corps2
{
   width : 100%;
   text-align: justify;
   background-color: white;
      
}


#pied_de_page
{
 
   width : 100%;
   padding-top:5px;
   padding-bottom:5px;
   text-align: center;
   font-family :"georgia";
   text-transform : uppercase;
   background-color: white;
   float : bottom;
   border-top : 2px solid silver;
   margin-top:-16px;
}

a
{
text-decoration: underline;
color: blue;
}
a:hover
{
   text-decoration: underline;
   color: blue;
      
}

.nouveau
{   
   color : darkorange;
   text-decoration: blink;
   
}
.nouveau:hover
{   
   color : darkorange;
   text-decoration: blink;
   cursor:help
}
.corps
{ 
color : blue
}

h3
{
   color: blue;
   font-size: 150%;
   font-family: "georgia", arial;
   text-align: center;
   font-variant: small-caps;
}

h4
{
   color: blue;
   font-size: 125%;
   font-family: "georgia", arial;
   text-align: center;
   font-variant: small-caps;
}

h6
{
   margin-top:-10px;
   color: blue;
   font-family: "georgia", arial;
   text-align: center;
   font-variant: small-caps;
   line-height: 2px;
}

p
{
  text-indent: 30px;
  color : black;
  font-family : "arial";
  font-size : 100%;
}

p:first-letter
{
   text-transform : uppercase;
   
}
.puce
{
list-style-type: square;
color : rgb(219,0,27);
   
}



.puce2
{
list-style-type: none;
color : blue;
border: 1px solid blue;
background-color : orange;
margin-left: auto;
text-align: center;
padding : 1px;

}

.lientitre
{
color: white;
text-decoration : none;
display:block;
width:100%;
height:100%;
padding-left: 15px;
padding-right : 15px;
margin: 0px;
margin-bottom:0px;
}

.lientitre2
{

color: white;
text-decoration : none;
display:block;
width:100%;
height:100%;
padding-left:51px;
padding-right:3px;

}

.lientitre:hover
{
color: darkblue;
text-decoration : none;
}
.lientitre2:hover
{
color: darkblue;
text-decoration : none;
}



.google
{
float: top; 
float : left;
}


.bann
{
float: left; 
}


a.info 
{
   position: relative;
   text-decoration: none;
   font-weight: bold;
   border-bottom: 1px blue dotted; /* on souligne le texte */
   
}

a.info span 
{
   display: none; /* on masque l'infobulle */
   text-indent : 0%;
   
}

a.info:hover 
{
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span
 {
   display: inline; /* affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* positionne infobulle */
   left: 20px;
   background: whitesmoke;
   padding: 3px;
   border: 1px solid blue;
   border-left: 4px solid blue;
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 2px solid rgb(251,189,26); /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}
tr /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "georgia","Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   color:blue;
   font-size: 95%;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
td
{
   border: 1px solid rgb(251,189,26);
   padding : 3px
}
.suivant
{
float: right;
color:darkorange;
}
.retour
{
float: left;
color: darkorange;
text-indent:0px;
}
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99;
}

.carte
{
 float:right;
}

.imlien
{
   text-decoration: none;
  
}

.bt

{
text-align: center;  
}

.liste
{
border: 2px solid orange;
padding:4px;
font-size:90%;
text-indent:0px;
}

textarea
{
text-align: justify;

}


.inv 
{
   display: none; /* on masque l'infobulle */
      
}

.deconn
{
float: right;
color: blue;
}