/* CSS Document */
body
{
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	lign-height: 1.1em;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #1A1A1A;
	text-align: justify;
	background-color: #F3F3F3;
	background-repeat: repeat-y ;
}
a:link
{
color: #800080; text-decoration: none;
}
a:visited
{
color: #800080; text-decoration: none;
}
a:hover
{
color: #800080;
text-decoration: overline underline;
background: #CCCCFF;
}
a:active
{
color: #800080;
text-decoration: none;
}

#container
{
	width:820px; 
	margin-top: 0px;
	background-color: #ffffff;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-topright : 5px;
	-moz-border-radius-bottomleft : 5px;
	-moz-border-radius-bottomright : 5px;
	background-image: url(images/container.jpg);
}
#header
{
   height: 187px;
   background-image: url(images/BAN15B.jpg);
   background-repeat: no-repeat;
   margin-left: 23px;
   margin-bottom: 5px;
}
#main
{
	width: auto; 
}
#corps
{
	width: 511px;
	text-align: justify;  
	margin-right: 60px;
	float: right;
}
#menu
{
   float: left; 
   width: 170px; 
   margin-top: 0px;
   margin-bottom: 5px;
}
.element_menu
{
   margin-top: 20px;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image:  url(images/orb4.png); /* On change l'apparence des puces */
   font-size: 100%;
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #303047;
   text-decoration:none
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #B3B3B3;
   text-decoration:none
   color: rose;
}

#pied_de_page
{
   background-repeat: no-repeat;
   margin-top: 10px;
   margin-left: 5px;
   margin-right: 30px;
   margin-bottom: 5px;
   clear : both;
} 
.mini-texte 
{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}
.texte-moyen 
{
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.texte-normal 
{
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: justify;
	margin: 10px;
}
.h1
{
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: 800;
	color: #6A0035;
	line-height: 37px;


}
.h2
{
	font-size: 28px;
	font-weight: 800;
	text-align: center;
	color: #CC0000;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;



}
.h3
{
	font-size: 20px;
	font-weight: 800;
	font-family: "Times New Roman", Times, serif;
	color: #CC0000;
}

.liste
{
   font-size: 12px;
   list-style-image: url(images/orb4.png); /* On change l'apparence des puces */
   padding: 0.5px;
   margin-left: 14px;
   line-height : 1.9em;
}
.surl 
{
	background-color: #FFFF00;
}
.rouge
{
	color: #CC0000;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
}
table
{
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
td /* Toutes les cellules des tableaux... */
{
	border: none;
}
.bordure
{
	border: medium dashed #E7B66D;
}
.hr
{
color: purple;
height: 1px;
width: 690px;
}
.table
{
background-color: #FFFFCC;
font: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
margin: 20px;
}
.mini-texte2 {

	font: 90% Verdana, Arial, Helvetica, sans-serif;
}