body
{
   width: 940px;
   margin: 20px auto;
   background-color: #f9fafe; margin-top:20px; margin-bottom:20px;

}

/* L'en-tête */

#en_tete
{
   width: 0px;
   height: 0px;
   border: 0px solid black;
   background-image: url('images/banniere.jpg');
   background-repeat: no-repeat;
   float: center;
   margin-bottom: 0px;
}


/* Le menu */

#menu
{
   float: left;
   width: 150px;
   background-color: #f9fafe;
   /*left: 10px;
   top: 10px;*/
}

.element_menu
{
   

   background-repeat: repeat-x;
   

   

}


/* Quelques effets sur les menus */


.element_menu h3
{   
   color: #31398B;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;

}

.element_menu ul
{
   list-style-type: none;
   padding-left: 20px;
 
}

.element_menu a
{
   color: #31398B;
}

.element_menu a:hover
{

   color: #31398B;
   text-decoration:underline ;
}


/* Le corps de la page */

#corps
{
   margin-left: 150px;
   margin-bottom: 20px;
   padding: 5px;
   background-color: #f9fafe;
   color: #000000;
   background-repeat: repeat-x;
   border:1px solid #000000;
}

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

#corps h2
{
   height: 30px;

   background-image: url('images/titre.png');
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #000000;
   text-align: left;
}
.lien
{
color: black; /*couleur de départ*/
text-decoration: none;
}

.lien:hover
{
color: white;
background-color: #31398B; /*couleur de départ*/
}
.lien_interne01
{
border-top: none;
border-bottom: 1px #31398B solid;
border-left: none;
border-right: none;
text-decoration: none;
color: #31398B;
font-weight: none;
}
.lien_interne01:hover
{
color: #31398B;
text-decoration: none;
background-color: rgb(187,189,255);
}
.lien_interne02
{
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
text-decoration: none;
color: #31398B;
font-weight: none;
}
.lien_interne02:hover
{
color: #31398B;
text-decoration: none;
background-color: rgb(187,189,255);
}
.lien_externe
{
border-top: 1px #31398B;
border-bottom: 1px #31398B solid;
text-decoration: none;
color: #31398B;
font-weight: none;
}
.lien_externe:hover
{
color: white;
text-decoration: none;
background-color: #31398B;
}
.lien_externe:visited /* Quand le visiteur a déjà vu la page concernée */
{
text-decoration: none;
color: black;
background-color: white;
}
.lien_lexique
{
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
text-decoration: underline;
color: #31398B;
font-weight: none;
cursor: help;
}
.lien_lexique:hover
{
color: #31398B;
text-decoration: underline;
background-color: rgb(187,189,255);
cursor: help;
}
h
{
color: #a6bbf8;
}


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

#pied_de_page
{	padding: 0px;
   text-align: center;
	width: 0px;
   height: 35px;
   color: #d0beb0;
   background-image: url('images/rrr.png');
   background-repeat: no-repeat;   
}

	
.titre {
font: bold 24px Tahoma,Arial,Helvetica;
color:  #000000;
text-decoration: none;
}


.ingredients {
font: bold 13px Tahoma,Arial,Helvetica;
color:  #31398B;
text-decoration: none;
}

.auteur {
font: 13px Tahoma,Arial,Helvetica;
color:  #000000;
text-decoration: none;
}

.recette {
font: 12px Tahoma,Arial,Helvetica;
color:  #31398B;
text-decoration: none;
}

.recette2 {
font: 12px Tahoma,Arial,Helvetica;
color:  #000000;
text-decoration: none;
}

.style {
font: 12px Tahoma,Arial,Helvetica;
color:  #000000;
text-decoration: none;
}

.mdp {
color:  #000000;
text-decoration: none;
}
.menustyl {
font: 20px "Georgia","Helvetica";
color:  #000000;
text-decoration: none;
}

.quote2 {
background-color: #FFFFFF;
}


a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px white dotted; /* on souligne le texte */
}
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: help; /* 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: 30px; /* on positionne notre infobulle */
   left: 20px;


   color: black;
   padding: 3px;


}


#infob
{
   font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
   font-family: Tahoma` Verdana` Arial` serif;
   background-color: #f9fafe;
   color: #000000;
   border:1px solid #003366;
   margin-bottom: 4px;
    text-align: center;

}

#corps2
{
  background-color: #f9fafe;
   font-size: 15px;
   margin-left: 151px;
   margin-bottom: 20px;
   padding: 5px;
   color: #000000;
   background-repeat: repeat-x;
   border:1px solid #000000;
   font-family: Tahoma` Verdana` Arial` serif;
   background-image: url("cerveau.jpg");
   background-repeat: no-repeat; /* Le fond ne se répète pas */
   background-position: top; /* Le fond est aligné en haut à droite */
   background-attachment: scroll; /* Le fond est fixé */
}

* {
   font-family: Tahoma` Verdana` Arial` serif;
}

ul {
list-style-type: circle;
}


#corps3
{

  background-color: #f9fafe;
   padding: 5px;
   color: #000000;
   background-repeat: repeat-x;
   border:1px solid #000000;
   font-family: Tahoma` Verdana` Arial` serif;
}
table, tr

{
background-image:url("images/fond222.gif");
}


input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFFFF;
}

#intro_auguste
{
border: 2px #31398B solid;
border-bottom: none;
padding-left: 10px;
padding-right: 10px;
}
#auguste
{
overflow:scroll;
width: auto;
height: 300px;
border: 2px #31398B solid;
border-top: none;
padding-left: 10px;
padding-right: 10px;
}



label {
display:block;
width:150px;
float:left;
}

#secret
{
display:none;
}


#corps2_test
{
  background-color: #f9fafe;
   font-size: 15px;
   margin-left: 0px;
   margin-bottom: 20px;
   padding: 5px;
   color: #000000;
   background-repeat: repeat-x;
   border:1px solid #000000;
   font-family: Tahoma` Verdana` Arial` serif;
   background-image: url("cerveau.jpg");
   background-repeat: no-repeat; /* Le fond ne se répète pas */
   background-position: top; /* Le fond est aligné en haut à droite */
   background-attachment: scroll; /* Le fond est fixé */
}