body
{
	width: 760px;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 20px;
	background-color: #1F1E46;
	font-family: Arial;
	font-size: 14px;
	text-align: justify;
	color: #FFFFFF;
}

/* L'en-tête */

#en_tete
{
   width: 760px;
   height: 120px;
   background-image: url(img/banniere.jpg);
   background-repeat: no-repeat;
   margin-bottom: 5px;
}


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

#menu
{
	float: right;
	width: 200px;
}


.element_menu
{
   background-color: #797890;
   margin-bottom: 20px;
   height:230px;
   margin-top:20px;
}


/* Quelques effets sur les menus */


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

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

.element_menu a
{
   color: #1F1E46;
}
#sous_menu
{
   margin: 0; /* on retire les marges intérieures et extérieures */
	padding:0; 
	border : 1px solid  white;  /* on applique des bordures à la balise ul */
	border-bottom: none; /* et on retire celle du bas */
	background-color: #797890;
    float: right;
    width: 200px;
	}
	
#sous_menu li{
list-style-type:none; /* on enlève la puce */
margin: 2; /* on retire les marges intérieures et extérieures */
padding: 0; 
border-bottom: 1px solid white;  /* ici on affiche  une bordure uniquement en bas */
}
#sous_menu h3 {

   color: #FFFFFF;
   text-align: center;
}
#sous_menu a{
text-decoration:none;  /* on enlève le soulignement */
color:#1F1E46; 
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */

}
#sous_menu a:hover{
background-color:#1F1E46; 
color:#FFFFFF; 
}


a.info {
   position: relative;
   color: #1F1E46;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.contact {
	color: #1F1E46;
	text-decoration: none;
}

a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE*/ 
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: default; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle*/
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré*/

   top: -40px; /* on positionne notre infobulle */
   left: 10px;

   background: white;

   color: #008000;
   padding: 3px;

   border: 1px solid green;
   border-left: 3px solid green;
}
/* ----------------------------------------------Le corps de la page ----------------------------------------------------------*/


/*#hautcorps
{
	margin:0px;
	height: 12px;
	width: 560px;
	background-image: url('img/haut-corps.png');
	background-repeat: no-repeat;
	margin-top:25px;
}*/

#corps
{
	padding: 0 px;
	padding-left: 6px;
	margin-top: -20px;
	padding-right: 3px;
	margin-right: 210px;
	margin-bottom: 15px;
	color: #FFFFFF;
	background-image: url('img/corps.png');
	background-repeat: repeat-y;
	margin-top: 25px;
	text-align: justify;
}

#corps_traitement
{
	padding: 0 px;
	padding-left: 6px;
	padding-right: 3px;
	margin-right: 210px;
	margin-bottom: 15px;
	color: #FFFFFF;
	background-image: url('img/corps.png');
	background-repeat: repeat-y;
	text-align: justify;
}

/*#bascorps
{
	margin-top:-15px;
	height: 12px;
	width: 560px;
	background-image: url('img/bas-corps.png');
	background-repeat: no-repeat;
}*/

#corps h1
{
	color: #1F1E46;
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 18px;
}

#corps h2
{
	color: #1F1E46;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
}


a.info2 {
	position: relative;
	color: #1F1E46;
	text-decoration: none;
	border-bottom: 1px gray dotted;
}

a.title {
	position: relative;
	color: #1F1E46;
	text-decoration: none;
	border-bottom: 1px gray dotted;
}

a.info2 span {
   display: none; /* on masque l'infobulle */
}
a.info2:hover {
   background: none; /* correction d'un bug IE*/ 
   z-index: 1000; /* on définit une valeur pour l'ordre d'affichage */

   cursor: auto; /* on change le curseur par défaut en curseur d'aide */
}
a.info2:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: normal; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: -420px; /* on positionne notre infobulle */
	left: -240px;
	background: white;
	color: #000033;
	padding: 3px;
	border: 1px solid white;
	border-left: 1px solid white;
	font-size: 12px;
	text-align: justify;
	width: 533px;
	height: 370px;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) ----------------------------------------------------*/

#pied_de_page
{
   width: 530px;
   padding: 5px;
   height: 5px;

   text-align: center;

   color: #797890;
   background-color: #1F1E46;
  
}
#pied_de_page h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}


/*PARTIE FORMULAIRE PHP....*/
#div_formulaire
{
	text-align:center;
	padding-bottom:1px;
}

#champs
{
	text-align:center;
}

.tableau_form_td_1
{
	padding:4px;
}

.tableau_form_td_2
{
	padding:10px;
}

/*PARTIE POPUPS*/

#body_popup
{
	width:564px;
	margin-top: 5px;
	margin-bottom: 20px;
	background-color: #1F1E46;
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
	text-align:center;
}



#corps_popup
{
	margin-left:5px;
	padding-left: 6px;
	padding-right: 3px;
	width:551px;
	color: #FFFFFF;
	background-image: url('img/corps.png');
	background-repeat: repeat-y;
	text-align: justify;
}
/*#hautcorps_popup
{
	height: 12px;
	width: 560px;
	margin-left:5px;
	background-image: url('img/haut-corps.png');
	background-repeat: no-repeat;
}
#bascorps_popup
{
	margin-left:5px;
	height: 12px;
	width: 560px;
	background-image: url('img/bas-corps.png');
	background-repeat: no-repeat;
}*/

#corps_popup h1
{
	color: #1F1E46;
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 18px;
}

#corps_popup h2
{
	color: #1F1E46;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
}