/*################################################ DIVERS ################################################*/
/* Ecrire � c�ter d'une image*/
.imageflottante
{
   float: right;
   margin: 0 6px 5px 5px;
   -webkit-border-radius: 150px;
    -moz-border-radius: 150px;	
    
    border-radius: 25px;
    border-radius: 25px;
    behavior: url(pie/PIE.htc);
}

/* Arreter d'�crire � c�ter d'une image*/
.stopimageflottante
{
   clear: both;
}

/* Pas de bordure pour images contenant un lien */
a img 
{
   border: none;
}

/*################################################ BODY ################################################*/
/* Style du fond*/
body
{
   width: 1024px;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 10px;
   background-color: #C4F66F;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}


/*################################################ EN-TETE ################################################*/
/* Style de l'en-t�te */
#en_tete
{
   width: 1024px;
   height: 300px;
   background-image: url("images/Souffle_entete_titre.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   /* -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
*/    
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    behavior: url(pie/PIE.htc);
}

/*################################################ MENU ################################################*/
/* Style du menu */
#menu
{
   float: left;
   width: 250px;
   
   border-right: solid;
   border-right-width:thin;
   border-color: #F0A722;
}

/* Detail du menu*/
.element_menu
{  
   margin-top: 20px;
   margin-bottom: 20px;
}

/* Titre du menu */
.element_menu h3
{    
   color: #C0504D;
   font-family: verdana,Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left	;
}

/* Liste du menu*/
.element_menu ul
{
   text-align: left;
   list-style-type: none;
   padding: 0px;
   margin: 0px;
   margin-bottom: 5px;
   margin-left: 5px;
}

/*El�ment du menu*/
.element_menu a
{
   color: #F0A722;
   font-family : verdana;
   font-size: 13px;
   
   text-decoration: none;
}

.element_menu #titre
{
   color: #F0A722;
   font-family : verdana;
   font-style:italic;
   text-decoration:underline;
   font-size: 14px;
}

/*Surlignement du menu avec souris*/
.element_menu a:hover
{
   text-decoration:underline;
   font-weight: bold;
   color: #C0504D;
}

#aa:hover
{
  text-decoration:none;
   font-weight: normal;
   color: #F0A722;
   cursor: default;
}

/*Fond du menu*/
#menucorps
{
   /*background-color: #F4EEA9;*/
   background-color: #C4F66F;
}

/*################################################ CORPS ################################################*/
/* Style du corps de la page index */
#corpsComplet
{
   margin-left: 40px;
   margin-bottom: 20px;
   padding: 5px;
   
   font-family: verdana, Helvetica, sans-serif;
   color: #7f0000;
   font-size:12px;
   font-style: normal;
   text-decoration: none;
}

/* Titre H2*/
#corpsComplet h2
{
   height: 25px;
   color: #C88510;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* Style du corps normal */
#corps
{
   margin-left: 290px;
   margin-bottom: 20px;
   padding: 5px;
   
   font-family: verdana, Helvetica, sans-serif;
   /*color: #8064A2;*/
   color:#A76726;
   font-size:12px;
   font-style: normal;
   text-decoration: none;
}

#corpsPetitItalique
{
   font-size: 10px;
}

/* Titre */
.StyleTitre
{
   font-family: verdana, Helvetica, sans-serif;	 	
   color: #F0A722;
   font-size: large;
   font-style: normal;
   text-align: center;
   text-decoration: none;
}

/* Titre H1 */
#corps h1
{
   color: #C0504D;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* Titre H2 */
#corps h2
{
   height: 30px;
   color: #C0504D;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* Titre H3 */
#corps h3
{
   font-family:Arial, Helvetica, sans-serif;
   color:#C88510;
   /*color: #C0504D;*/
   font-size: 14px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}

/*################################################ PIED DE PAGE ################################################*/
/* Style de pied de page */
#pied_de_page
{
   clear: both;

   font-family: verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   font-size: 10px;
   font-style: normal;
   text-align: center;
   text-decoration: none;

   width: 1024px;
   height: 112px;
   background-image: url("images/footer.png");
   background-repeat: no-repeat;
   /* -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
*/    
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    behavior: url(pie/PIE.htc);
}

#toto{
	position: relative;
	border: 1px solid #696;
	padding: 60px 0;
	text-align: center; width: 200px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #EEFF99;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
	background: -webkit-linear-gradient(#EEFF99, #66EE33);
	background: -moz-linear-gradient(#EEFF99, #66EE33);
	background: -ms-linear-gradient(#EEFF99, #66EE33);
	background: -o-linear-gradient(#EEFF99, #66EE33);
	background: linear-gradient(#EEFF99, #66EE33);
	-pie-background: linear-gradient(#EEFF99, #66EE33);
	behavior: url(pie/PIE.htc);
	}

#titi{
	position: relative;
	border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	behavior: url(pie/PIE.htc);
	}

   .ligne-horizontale {
   border: 0; /* Supprime la bordure par défaut */
   height: 2px; /* Définit l'épaisseur de la ligne */
   background-color: #C88510; /* Couleur de la ligne */
   margin: 20px 0; /* Espacement vertical */
}