/* couleur bleue cadre: #3333aa*/

/*---------------------------------------------------------------body--------------------------------------------------------------------*/

body
{
   width: 800px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* espace en haut*/
   margin-bottom: 20px;    /* espace en bas */
   /*background-color: #ffaa00;*/
   border: 3px solid #aa3333;
   background-image: url("../images/fond.png");
}

/*-------------------------------------------------------------bannière------------------------------------------------------------------*/

#banniere
{
   width: 794px;
   height: 150px;
   background-image: url("../images/banniere.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   border: 3px solid #222299;
}

/*--------------------------------------------------------------menu---------------------------------------------------------------------*/

#menu
{
   width: 794px; /* Très important : donner une taille au menu */
   height: 22px;
   border: 3px solid #222299; /* bordure que gauche et droite, haut et bas = bordures banniere respectivement corps*/
   border-top: none;
   border-bottom: none;
   margin: 0px;
   padding-top: 3px; /* chevauchement de la bordure inférieure de la bannière */
}

#menu ul
{
	padding: 0px;
	text-align: justify;
	margin: 0px 0px 0px 3px;  /* 3px à gauche pour laisser voir la bordure, on s'arrange à droite avec la longueur des cellules (cf plus bas) */
}

#menu li
{
	width: 158.4px; /* longueur des cellule*/
	height: 23px;  /* 1px plus grand que le menu, pour pas voir d'espace entre le menu et le corps */
	display: inline-table;
	background-color: white;
	font-size: 1.1em;
	font-weight: bold;
    font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
    text-align: center;
	border: 1px solid black;
	background-image: url("../images/menu.png");
	margin: -3px;
}

#menu a 
{
   text-decoration: none;
   color: white;
}

#menu a:hover 
{
   color: #222299;
}

#menu a:active 
{
   background-color: white;
}

/*---------------------------------------------------------------corps-------------------------------------------------------------------*/

#corps
{
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 5px;
   text-align: center;
   color: white;
   background-image: url("../images/corps.png");
   border: 3px solid #222299;
}

#corps h1  
{
   color: white;
   text-align: center;
   font-family: Georgia, "Bookman Old Style", Garamond, "Book Anitiqua", "Times New Roman", Arial, serif;
   font-size: 1.5em;
   font-style: italic;
   font-weight: bold;
   background-color: #222299;
}

#corps h2  
{
   padding: 0px;
   padding-bottom: 3px;
   color: white;
   text-align: center;
   font-family: Georgia, "Bookman Old Style", Garamond, "Book Anitiqua", "Times New Roman", Arial, serif;
   font-size: 1em;
   background-color: #222299;
}

#corps h3  
{
   padding: 0px;
   color: #222299;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1.2em;
}

#corps h4  
{
   padding: 0px;
   padding-left: 40px;
   color: #222299;
   text-align: left;
   text-decoration: underline;
   font-family: Georgia, "Bookman Old Style", Garamond, "Book Anitiqua", "Times New Roman", Arial, serif;
   font-size: 1.2em;
   background-image: url("../images/chatterie/puce_chaton_bleu.png");
   background-repeat: no-repeat;
}

#corps h5
{
   color: #222299;
   font-family: Georgia, "Bookman Old Style", Garamond, "Book Anitiqua", "Times New Roman", Arial, serif;
   font-size: 1.1em;
}

#corps h6  
{
   padding: 0px;
   color: #222299;
   text-align: center;
   font-family: Georgia, "Bookman Old Style", Garamond, "Book Anitiqua", "Times New Roman", Arial, serif;
   font-size: 1.1em;
   font-style: italic;
}

#corps p  
{
   padding: 0px;
   padding-left: 10px;
   padding-right: 10px;
   color: #222299;
   text-align: justify;
   font-family: Georgia, "Bookman Old Style", Garamond, "Book Anitiqua", "Times New Roman", Arial, serif;
   font-size: 1em;
   margin-bottom: 20px;
   font-weight: bold;
}

#corps strong
{
	text-decoration: underline;
}

#corps em
{
	font-style: normal;
	color: #992222;
}

.grille /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 2px solid #222299;
   border-collapse: collapse; /* Colle les bordures entre elles */
}

.grille th /* Les cellules d'en-tête */
{

   background-color: #222299;
   border: 1px solid white;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   text-align: center;
}

.grille td /* Les cellules normales */
{
   border: 1px solid #222299;
   text-align: center;
   padding: 5px;
   background-image: url("../images/table.png");
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1.1em;
   color: black;
}

.aligne 
{
   margin: auto; 
   border: none; 
   border-collapse: collapse;
}

.aligne td 
{
   border: none;
   text-align: center; 
   padding: 1px; 
}

.espace 
{
   margin: auto; 
   border: none; 
   border-collapse: collapse; 
}

.espace td 
{
   border: none;
   width: 300px;
   text-align: center; 
   padding: 1px;
}

#corps a 
{
   text-decoration: none;
   color: #222299;
}

#corps a img
{
	border: none;
}

#corps a:hover 
{
   color: #222299;
   text-decoration: underline;
}

#corps a:active 
{
   text-decoration: none;
   color: black;
}

#corps em
{
	width: 700px;
}

.disponible
{
	color: #33bb33;
}

.reste
{
	color: #222299;
}

.part
{
	color: #990000;
}

.option
{
	color: #ccaa00;
}

#corps img
{
	margin: 5px;
}

.legende
{
	margin-top: 0px;
}


/*---------------------------------------------------------------info-------------------------------------------------------------------*/

#info
{
   margin-top: -3px; /* chevauchement bordure inférieure du corps */
   margin-bottom: 0px;
   padding: 0px;
   text-align: center;
   background-color: #aa3333;
   border: 3px solid #222299;
}

#info p
{
   padding: 0px;
   padding-left: 10px;
   padding-right: 10px;
   color: white;
   text-align: center;
   font-family: Arial, Georgia, "Bookman Old Style", Garamond, "Book Anitiqua", "Times New Roman", serif;
   font-size: 0.9em;
   margin-bottom: 15px;
   font-weight: normal;
}

/*---------------------------------------------------------------logos-------------------------------------------------------------------*/

#logos
{
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 3px;
   padding-top: 6px; /*+3px pour la bordure*/
   text-align: center;
   color: white;
   background-color: #222299; /*#222299 bleu*/
   border-top: 3px solid #aa3333;
}

#logos p
{
   width: 120px;
   display: inline-table;
   color: white;
   text-align: center;
   font-family: Arial, Georgia, "Bookman Old Style", Garamond, "Book Anitiqua", "Times New Roman", serif;
   font-size: 0.9em;
   margin: auto;
   font-weight: normal;
}

#logos a img
{
	border: none;
}