body
{ 
width: 700px;
margin:auto;
color:white; 
text-align: center;
font-size: 1em; 
font-family:  Verdana, Helvetica, serif ,Arial;
background-image: url("images/background_esff.jpg"); 
background-attachment: fixed;
background-color: white;


}
#en_tete
{
width: 700px;
height: 63px;

background-image: url("images/baniere.jpg");
background-repeat: no-repeat;
background-color: white;
margin:0px;
padding:0px;

    
}
#pied_de_page
{
font-family: Helvetica, serif ,Arial;
text-align: center;
width: 700px;
background-color: white;
margin:0px;
padding:10px 0 10 0;
    
}

ul#menu_horizontal
{
	width: 700px; /* Très important : donner une taille au menu */
	height:105px;
	background-color: white;
    margin: 0 ;
    padding: 0;
	list-style-type:none;
	font-size: 0.9em; 
	font-weight: bold;
	font-family:  Verdana, Helvetica, serif ,Arial;
}
ul#menu_horizontal li
{
	float:left;
	width:100px;
	line-height:30px;
    margin: 0;
    padding: 0;

}

ul#menu_horizontal a.pagecourante
{
	background-color: #cc3467;
    color:white;
}
ul#menu_horizontal a
{
	display:block;
	text-decoration: none;
    background-color: white; 
    color: black;
}
ul#menu_horizontal a:hover
{
    background-color: #cc3467; 
 }
 ul#menu_horizontal a img
{
    border:none;
 }

#corps
{
  
   text-align: justify;
   width: 700px;
   margin:0px;
   padding:5px 0 10 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   background-color: white;
   
}

#logo
{
   list-style-type: none;
   text-align:center;
   padding-top: 0px; 
   margin-left: 10px;
   background-color: none;
   border: none;
   }

p
{
	font-weight: normal;
	font-family:   Verdana, Helvetica, serif ,Arial;
    color: black;
}

h1
 { 
	color:#cc3467 ;
	text-align: left; 
	font-size: 0.9em;
	font-weight: bold;
	font-family:  Verdana, Helvetica, serif ,Arial;

 }
 
 h1.centre
 { 
	color:#cc3467 ;
	text-align: center; 
	font-size: 0.9em;
	font-weight: bold;
	font-family:  Verdana, Helvetica, serif ,Arial;

 }
h2 { 
	color:black; 
	font-size:0.9em; 
	font-weight: bold;
	text-align: left;
	font-family:  Verdana, Helvetica, serif ,Arial;
}
h3{ 
	color:black; 
	font-size:0.8em; 
	font-weight: bold;
	text-align: left;
	font-family:  Verdana, Helvetica, serif ,Arial;
}

table /* Le tableau en lui-même */
{
   width: 90%;
   border: none; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

table.bandeau /* Le tableau en lui-même */
{
   width: 700px;
   border: none; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th.bandeau/* Les cellules d'en-tête */
{
	height:30px;
	width:100px;
	background-color:  #cc3467;
	color: white;
	font-size: 0.9em; 
	font-weight: bold;
	font-family:  Verdana, Helvetica, serif ,Arial;
	text-align: center; 
	padding: 0;
}


th.bandeau a /* Les cellules d'en-tête lien */
{
   background-color:  #cc3467;
   color: white;
   text-decoration: none; 
  
}

th.bandeau a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #cc3467; 
   color: yellow;
}

th.bandeau a.currentpage 
{
   	background-color:  #cc3467;
	font-style:italic;
    color:yellow; 
   
}
th.bandeaudouble/* Les cellules d'en-tête */
{
	height:30px;
	width:200px;
	background-color:  #cc3467;
	color: white;
	font-size: 0.9em; 
	font-weight: bold;
	font-family:  Verdana, Helvetica, serif ,Arial;
	text-align: left; 
	padding: 0;
}


th.bandeaudouble a /* Les cellules d'en-tête lien */
{
   background-color:  #cc3467;
   color: white;
   text-decoration: none; 
  
}

th.bandeaudouble a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #cc3467; 
   color: yellow;
}

th.bandeaudouble a.currentpage 
{
   	background-color:  #cc3467;
	font-style:italic;
    color:yellow; 
   
}
th
{
	color:black ;
	text-align: left; 
	font-size: 0.8em;
	font-weight: bold;
	font-family:  Verdana, Helvetica, serif ,Arial;
}
th.droite
{
	color:black ;
	text-align: right; 
	font-size: 0.8em;
	font-weight: bold;
	font-family:  Verdana, Helvetica, serif ,Arial;
}
th.tableau
{
	color:black ;
	text-align: center; 
	font-size: 0.8em;
	font-weight: bold;
	font-family:  Verdana, Helvetica, serif ,Arial;
}

td
{
	font-size: 0.8em; 
	font-weight: normal;
	font-family:   Verdana, Helvetica, serif ,Arial;
	background-color: white; 
    color: black;
	}
td.soustitre
{
	color:#cc3467 ;
	text-align: left; 
	font-size: 0.9em;
	font-weight: bold;
	font-family:  Verdana, Helvetica, serif ,Arial;

}


table.cadre
{
	width: 65%;
	border: 2px outset grey;   

}

table.tableau
{
	border: 2px outset grey;   

}
td.tableau
{
	color:#cc3467 ;
	text-align: center; 
	font-size: 0.8em;
	font-weight: bold;
	font-family:  Verdana, Helvetica, serif ,Arial;

}

td.liste
{
	color:#cc3467 ;
	font-size: 0.8em;
	font-weight: normal;
	font-family:  Verdana, Helvetica, serif ,Arial;

}