body
{
   width: 964px;
   margin: auto;
   margin-bottom: 20px;
   background-color: #A8C06D;
   background-image: url("background.jpg");
   background-repeat: x;
   background-attachment: fixed;

   
}

/* L'en-tête */

#en_tete
{
   width: 964px;
   height: 176px;
   background-image: url("header.png");
   background-repeat: no-repeat;
   margin:0;
   padding:0;
}

/*La barre au-dessus de l'en-tête*/

#barre
{
   width: 964px;
   height: 81px;
   background-image: url("barre.png");
   background-repeat: no-repeat;

   font-family: "Comic Sans Ms";
   text-decoration: none;
   margin:0;
   padding:0;
   
}

#barre_interieur
{
   width: 964px;
   height: 81px;
   background-image: url("barreinterieure.png");
   background-repeat: no-repeat;

   font-family: "Comic Sans Ms";
   text-decoration: none;
   margin:0;
   padding:0;
   
}

/* Le menu */

/* Dont liens */

#lien_droite
{
   background-image: url("fond_lien_droite.png");
      background-position: right;
color:#ca9d56;
      width: 241px;
	  height: 55px;
line-height:90%;
	  
	  font-weight:bold;
	  font-size:110%;
	  font-family:"Comic Sans Ms";
}

#lien_droite a, #lien_gauche a
{
color:#c49242;
text-decoration:none;
font-weight:bold;
font-family:"Trebuchet MS", "Comic Sans Ms";
}

#lien_droite a:hover, #lien_gauche a:hover
{
color:#dba145;
}

#connexion
{   
      width: 220px;
}

#lien_gauche
{
   background-image: url("fond_lien_gauche.png");
color:#ca9d56;
   
      width: 220px;
	  height: 55px;
line-height:90%;
	  
	  font-size:110%;
	  font-family:"Comic Sans Ms";
}

/* Les blocs */

#menu_droite
{
background-image: url("fond_menu_droite.png");
background-position: left;

color:#9e7432;
float:right;
   width: 241px;
   height: 700 px;
   padding-left:0px;
      text-align: left;
   background-repeat: no-repeat;
   
    z-index:2;
}

#menu_gauche
{
background-image: url("fond_menu_gauche.png");

color:#9e7432;
   float: left;
   width: 202 px;
   height: 617 px;
   background-repeat: no-repeat;
   text-align: center;
   
    z-index:3;
}

/* Le corps de la page */

#corps
{
   margin-left: 202px;
   margin-right: 170px;
   margin-bottom: 20px;
   padding-left: 2px;
   padding-right: 2px;
   padding-bottom: 2px;
   
   color: #354e03; /*Texte*/

   background-color: #dfddce;

}


div#corps #titre
{
width:auto;
font-size: 2.3em;
	background: url(barrefondtitre.png) no-repeat center;
	color: #77a832;
	font-family:"Comic Sans MS";
	text-align: center;
}

#corps h3 /* Tous les titres h3 du corps */
{
   height: 30px;

   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: #ca9d56;
   text-align: left;

}

#corps h4
{
border-left: 3px solid #aac575;
   font-family: "Comic Sans Ms";
color: #9ec549;
}

#corps a
{
   color: #216e4e;
   text-decoration: underline;
}

#corps a:hover
{
color: #98ca00;
text-decoration: none;
}

#connexion
{
padding:0;
margin:0;
}

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


/*Autres effets*/

img
{
 border-style: none;
}

#menu_gauche form
{
font-family:Impact;
color: #c89648;
}

#corps form
{
color: #83a804;
}

input
{
color:#77371b;
width: 100px;
background-image:url("fondform.png");
}

.menutxt, .menutxt a
{
 color: #c18d3b;
 font-size:90%;
}


.argent
{
 color: #464B7A;
}

.infos table
{
border: 2px dashed #99bb22;
background-color:#effdbd;
}

.elevage
 {
text-transform: capitalize;
color: green;
}

/* Menu déroulant */

#paragraphe p span {
display:none;	
}
#paragraphe p:hover span{
display:inline;
}

#paragraphe2 p span {
display:none;	
}
#paragraphe2 p:hover span{
display:inline;
}