/*Rappel:
Balise {propriété: valeur;}
*/
body
{
	width: 95%;/*largeur de page de 95% de la largeur totale: 2.5% à gauche, 2.5% à droite*/
	margin-left: auto;/*les marges auto permettent de centrer la page*/
	margin-right: auto;
	background-color: #F8F8FF;
	font-family: Arial,"Times New Roman", Times, sans-serif;
	font-size: 80%;	
}
#banniere/*styles de l'en-tête*/
{
	height: 109px;/*hauteur de la bannière*/
	margin-left: 0%;
	/*border: 1px solid #6495ED;*/
	background: url("images/ban-umr1.png") no-repeat bottom left;
}
#banniere_en/*styles de l'en-tête en anglais*/
{
	height: 109px;/*hauteur de la bannière*/
	margin-left: 0%;
	/*border: 1px solid #6495ED;*/
	background: url("images/ban_en.png") no-repeat bottom left;
}
#menu
{
	width: 15%;/*Largeur du bloc menu par rapport à la page*/
	float: left;
	margin-top: 40px;	
}
.sous_menu/*<div class="sous_menu">*/
{
	margin-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;	
	background-color: #F8F8FF;
	background-image: url("images/fond_menu5.png");
	background-repeat: repeat;
	color: #054271;
}	
.sous_menu h4
{
	color: #054271;
	text-align: left;
	font-size: x-small ;
}

.sous_menu ul
{
   list-style-type: square;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.sous_menu a
{
   color: #054271;
   text-decoration: none; 
}

.sous_menu a:hover
{
   background-color: #F8F8FF;
   color: #8A2BE2;
}
a /*style des liens*/
{
	color:#7B68EE; /*les liens seront en mediumslateblue et non souligné*/
	text-decoration: none;
}
a:hover
{
	color: #054271;
	text-decoration: none; /*les liens ne seront pas soulignés si on pointe dessus*/
}
a img /*supprime les cadres d'une image avec lien*/
 {
  border: none;
 }
ul/*style des puces des listes*/
{
	list-style-type: square;
}
li
{
	line-height: 20px;/*augmente l'interligne entre les lignes des listes*/
}	
	 
h1
{
	text-indent: -50000px;/*Le titre de la bannière est décalé à gauche hors de la surface visible de l'écran: pour les non-voyants. */
}

#corps
{
	margin-left: 17%;/*marge extérieure gauche au corps pour éviter que le texte ne repasse sous le menu. Le % permet de s'adapter à toute les résolutions d'écran */
	margin-top: 45px;/*pour éloigner le corps de l'en_tête*/
	/*padding: 10px;ajoute une marge interne qui éloigne le texte du corps de la bordure*/

	color:#000000;/*couleur du texte noir*/
	background-color: #F8F8FF;
	text-align: justify;
}
#corps h1, h2, h5, h6 /*style des titres du corps*/
{
	text-align: left;
	color: #054271;
}
#corps h3 {/*titre h3 avec une puce jaune devant*/
	background: url('./images/puce_jaune.gif') left no-repeat;
	text-align: left;
	text-indent: 25px;
	color: #054271;
}
#corps h4 {/*titre h4 avec une puce devant- niveau h4 utilisé pour le menu*/
	background: url('./images/forme23.gif') left no-repeat;
	text-align: left;
	text-indent: 20px;
	color: #6633CC;
}
/*Tableau classique*/	
#corps table
{
   font-size : 80%;
   border-collapse: collapse;
   border: 1px #676b97;
}
#corps tr
{
	border: solid 1px #676b97;
	padding: 10px; 
}

#corps td
{
	border: solid 1px #676b97;
	padding: 5px;
	text-align: left;	
}

#corps caption
{
	background-color: #FFFFE0;
	font-family: Tahoma, Arial, Times,sans-serif;
	font-weight: bold;
	color: #054271;
	margin-bottom: 5px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
	border: dashed 1px #676b97;
    padding: 5px;
}
#corps th
{
	text-align: center;
	background-color: #DCDCDC;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	color: #054271;
	border: ridge 1px #676b97;
	padding: 5px; 	
}
#corps tbody
{margin-top:50px;}

.A0 /*class pour altérer les couleurs de ligne dans grand tableau*/
{
	background-color: #F8F8FF;
}
.A1
{
	background-color: #DCDCDC;
}
hr {/*style de la balise <hr \>*/
         width: 100%;
         height: 1px;
         background-color: #F8E616;  
         border: 0;
}
.gras/*class pour écrire un paragraphe en gras. Code HTML: <p class='gras'>*/
{
	font-weight: bold;
}
.tnews/*class pour écrire les titres de news. Code HTML: <p class='news'>*/
{
font-family: "Courier New", Arial, Times, sans-serif;
color: #D2691E;
}
.news/*class pour écrire les news. Code HTML: <p class='news'>*/
{
font-family: "Courier New", Arial, Times, sans-serif;
color: #008080;
}
.plus/*class pour écrire en gras et grand: <p class='gras'>*/
{
	font-weight: bold;
	font-size: large;
}
#petit_texte /*Id pour écrire un texte en x-small.*/
{
	font-size: x-small;
}
#pied_de_page
{
	clear: left;/*pour stopper l'effet flottant pour que le pied de page se place obligatoirement en dessous du menu en toutes circonstances*/
	margin-top: 40px;/*marge extérieure pour éloigner du menu et du corps*/
	padding: 10px;/*marge pour que le texte ne touche pas la bordure*/
	font-size: small;
	color: #054271;
	text-align: center;
}	
#pied_de_page tr, td, th
{
	border:none;
}
/*class pour les div cliquable ouvrir-fermer*/
.clicTitre {
background-color: #eeeeee;
border-color: #000000;
font-family: "Courier New", Arial, Times, sans-serif;
color: #008080;
border-top: 1px solid;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px dashed;
padding: 3px;
margin-top : 4px;}
.clicCacher {
position: relative;
top: -30px;
text-align:right;}
.contenant {
display : block;
border: 1px solid #000000;
font-family: "Courier New", Arial, Times, sans-serif;
color: #008080;
padding: 3px;
margin-bottom: 4px;}
/*fin class pour les div cliquable ouvrir-fermer*/

/*class pour la pagination*/
.pagination a {color: black;}
.pagination a:hover {color: red; text-decoration: none;}
.pagination a:visited {color: red; text-decoration: none;}
/*-----------------------------*/