body
{
   width: 1000px; /* Largeur de la zone de texte = 1000px */
   margin: 0 auto 0; /* Pour centrer notre page */
   background: #5c8eb1 url(images/fond.jpg) repeat-x; /* Fond de la page : dégradé en haut (c'est l'image) et vert uni ensuite */
   font-family: verdana; /* Police par défaut dans le document */
   font-size: 1em; /* Taille standard par défaut */
   color: #000000; /* Couleur noire par défaut pour le texte */
   text-align:left;
}
#site {
	text-align:left;
	background: url(images/site.jpg) repeat-y 0 0;
	width: 1000px;
	margin : auto
}
/* L'en-tête */
#en_tete
{
   background: url(images/header_cpi_v9.jpg) no-repeat 0 0;
   height : 205px;
   margin : 0;
   padding: 0;
}
.navbar   {
	font-size: 0.7em;
	padding-top: 180px;
	padding-left: 60px;
	list-style-type: none;
}
.navbar li   {
	float: left;
	width: 175px;
	text-align: center;
}
.navbar a {
	color: rgb(13,98,126);
	text-decoration: none;
}
.navbar a:hover , a:active , a:focus
{
	font-weight: bold;
}
/* Le menu */
#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 273px; /* Très important : donner une taille au menu */
}
.element_menu
{
   margin-left: 62px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 30px;
   padding-left: 0px;
}
.element_menu_titre 
{
	background: url(images/menu_titre.jpg) no-repeat;
	height: 37px;
	margin: 0px;
	padding: 0px;
}
.element_menu_titre p /* Tous les titres de menus */
{
	margin: 0px;
	padding-top: 12px;
	padding-left: 15px;
	text-align: left;
	font-weight: normal;
	font-size: 0.7em;
	color: rgb(255,255,255);
}
.element_menu_titre p a
{
	font-weight: normal;
	font-size: 0.9em;
	color: rgb(255,255,255);
}
.element_menu_titre p a:hover
{
    color : #0D627E;
    font-weight : bold;
    text-decoration:none;
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
    background: url(images/menu_partie.jpg) repeat-y;
	list-style-type: none; /* On change l'apparence des puces */
	padding-top: 0px;
	padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
	margin: 0px;
	font-size: 1em;
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
    color : rgb(0,0,0);
    font-family:verdana;
    text-decoration:none;
	font-size: 0.7em;
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
    color : #0D627E;
    font-weight : bold;
    text-decoration:none;
}
.element_menu .bas
{    
	background: url(images/menu_bas.jpg) no-repeat;
	height: 20px;
    padding-left: 15px;
	padding-bottom: 0px;
    text-align: left;
    font-weight: normal;
	font-size: 0.8em;
	color: rgb(255,255,255);
	margin: 0px;
}
/* Le corps de la page */
#corps
{
	margin-left: 273px;
	margin-bottom: 0px;
	padding-right: 61px;
}
#corps h1 /* Tous les titres h1 du corps */
{
	background: url(images/corps_titre_v2.jpg) no-repeat;
	height: 50px;
    font-size: 1em; 
    color: #e21e12;
    margin: 0; 
	padding-top : 15px;
	padding-left: 20px;
    margin-bottom: 0;
	padding-bottom: 0; 
	text-shadow:1px 1px 0px black;
}
.corps_partie
{
    margin: 0px;
	margin-left:0px;
	width: 665px;
	background: url(images/corps_partie.jpg) repeat-y;
    padding-top: 0px;
    padding-bottom: 5px;
	font-size: 0.8em; 
}
.corps_partie_haut
{
	background: url(images/droite_haut.jpg) no-repeat;
	height: 20px;
	width:665px;
}
.corps_partie h2
{
    font-size: 1em; 
    color: #2366a7;
    margin: 0; 
	margin-left: 15px;
	margin-right: 15px;
	padding: 0;
    margin-bottom: 10px;
	padding-bottom: 0.3em; 
	border-bottom: 1px dashed #C0C0C0;
}

.corps_partie table
{
	border:none;
	width: 600px;
	border-collapse : collapse;
	margin-left:30px;
}
.corps_partie td
{
	border-style: none;
	vertical-align: middle;
}
.corps_partie p
{
	margin-top:0px;
	margin-left:30px;	
}
.corps_partie_bas
{
	background: url(images/droite_bas.jpg) no-repeat;
	height: 25px;
	margin: 0; 
	margin-bottom: 10px
}
img
{
	border: none;
}
.corps_partie a
{
    color : #000000;
    text-decoration:none;
}
.corps_partie a:hover , a:active , a:focus
{
    color : #0D627E;
    font-weight : bold;
    text-decoration:none;
}
.corps_partie h4
{
    font-size: 0.9em; 
    color: #2366a7;
    margin: 0; 
	padding: 0;
	padding-left: 20px;
	padding-bottom: 0.5em;
}
/* Le pied de page */
#pied_de_page
{
    background:url(images/footer.jpg) no-repeat 0 0;
    height : 101px;
	margin: 0px;
	clear:both;
}
#pied_de_page p
{
    text-align: center;
    font-size: 0.9em;
    padding-top:0px; 
    clear:both;
    color:#666666;
}
#pied_de_page p a
{
    color : #666666;
    text-decoration:none;
}