body
{
   width: 841px;
   height: 100%;
   top: 0%;
   bottom: 0%;
   margin: auto; 
   background-color: #263868;
   border-style: inline;
   font-size: 13px;
   font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
}

/* L'en-tête */

#en_tete
{
   width: 100%;
   height: 200px;
   background-image: url("../header.jpg");
   background-repeat: repeat-x;
   margin-bottom: 0px;
}

#en_tete a img
{
border:none;
}

#en_tete a img:visited
{
border:none;
}

/* La barre de liens, en dessous du header */

#menuDeroulant
{
	width: 841px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute; /*pour eviter le decalage du contenu (se trouvant apres dans le xhtml) lors du deroulement des menu*/
}

#menuDeroulant li
{
	float: left;
	width: 140px;
	margin: 0;
	padding: 0;
	border: 0;
}
/*menu qui se deroule au passage de la souris*/
#menuDeroulant li:hover > .sousMenu { display: block; }

/* sous menu */
#menuDeroulant .sousMenu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	display: none; /* masquer les sous menu par defaut... heuresement sinon ca sert a rien*/
}

#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 139px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
/* liens visité ou pas*/
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: black;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}

/*passage souris sur les liens du menu*/

#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

/* lien sous menu visité ou pas*/

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("fondTR.png") repeat;
}
/*hover sur les sous menu*/
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #F2462E;
}

#barredeliens
{
	width: 100%;
	height: 20px;
	background: green;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	color: white;
	background: black;
}
#barredeliens a
{
	color: white;
}

/***********************************************************************************************************************************************************/
/* Le menu */

#menu
{
   
   float: left;
   width: 120px;
}

.element_menu
{
   background-color: #1a00ff;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   margin-left: 5px;
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{   
   color: #ffffff;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #ffffff;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}
/********************************************************************************************************************************************************/

/* Le corps de la page */

#corps
{
   padding: 5px;
   margin: 0;
   color: black;
   background-color: white/*#F1F2EA*/;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   height: 100%;
   border: 1px solid black;
}

#corps a
{
	color:#189bff;
}

#corps p
{
	background-color: white;
	padding: 15px;
	margin: 5px;
}

#corps ul
{
	background-color: white;
}

#corps h1
{
   color: #00458a;
   text-align: left;
   margin-left:20px;
   font-family: Calibri, Times New Roman, "Arial Black", "Comic Sans ms", Times, serif;
   padding: 10px;
   font-size:25px;
}

#corps h2
{
   height: 30px;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   background-color: red;
   padding-left: 10px;
   color: white;
   text-align: left;
}

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

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

#corps a img
{
border:none;
}

.centre
{
	text-align : center; 
}

/* Le pied de page (footer) */

#pied_de_page
{
   padding: 0;
   text-align: center;
   color: #ffffff;
   background-color: #263868;
   background-image: url("");
   background-repeat: repeat-x;
   margin: auto;
   font-size: 11px;
   position: relative;
}

#pied_de_page a
{
	color: #ffffff;
}