/* CSS Document */

body
{
   width: 788px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 0px; /* Idem pour le bas du navigateur */
   background-color:#000000;
   padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
	text-align: justify;
   
}
/* L'en-tête */

#en_tete
{
   width: 788px;
   height: 173px;
   background-image: url("../images/header.gif");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
/* Barre de navigation */

#navbar
{
   width: 788px;
   height: 29px;
   margin-bottom: 0px;
}

#conteneur {
	background-image:url(../images/bgconteneur.gif);
	background-repeat:repeat-y;
	/*
	utiliser pour afficher le fond du <div>
	a insérer obligatoirement en fin de CSS
	URL:http://forum.alsacreations.com/topic-4-19426-1-Fond-qui-napparait-pas.html#copy
	*/
	
	display:block!important; /* les autres */
	/**display:inline-block; /* IE */
	width:100%;/* padding inadapté dans ce cas , s'ajouterait au 100% */
}

/* Le menu de droite */

#droite
{
   float: right; /* Le menu flottera à gauche */
   width: 124px;
   height: 123px; /* Très important : donner une taille au menu */
   margin-right: 45px;
   display:block;
   background-image:url(./images/petit_middle.gif);
	background-repeat: repeat-y;
	text-align: center;
	margin-top: 50px;
}
.element_droite
{
   background-image: url("../images/clap.gif");
   background-repeat: no-repeat;
   padding-top: 20px;
   margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
#conteneurDroite {
	width: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
	vertical-align: center;
	padding-left: 1px;
	padding-right: 1px;
}
/* Le corps de la page */

#corps
{
   margin-right: 170px;
   margin-left:30px;
   margin-bottom: 20px;
   padding: 5px;
   color: #B3B3B3;
}

#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
   }
   
   /* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{	
	height: 28px;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
 }
 

h1 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 8px;
	margin-left: 10px;
}
h1.first {
	margin-top:5px;
}
h2 {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	margin-top: 20px;
	margin-right: 35px;
	margin-bottom: 10px;
	margin-left: 25px;
}

/* Justification texte principal */
.text {
	margin-top: 0px;
	margin-right: 70px;
	margin-bottom: 10px;
	margin-left: 25px;
}
/* Justification des liens */
a:link { 
	font-weight: bold ; 
	color: #CCCCCC ; 
	text-decoration: none ;
}
a:visited {
	font-weight:bold ;
	color: #C0554E ;
	text-decoration: none ;
}
a:hover { 
	font-weight: bold ;
	color: #D60C04 ; 
	text-decoration: none ; 
}

/* Justification des listes */
ul {
	margin-top: 0px;
}
li {
	margin-left: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
}