body
{
   width: 900px;
   margin: auto;
   margin-bottom: 20px;
   background-color: #aed6fe;
   background-image: url("fond.png");
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: bottom left;
   
}

/* L'en-tête */

#en_tete
{
   width: 895px;
   height: 278px;
   background-image: url("header.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}


/* Le menu */

#menu
{
   float: left;
   width: 165 px;
   height: 482 px;
}

#menu li
{
list-style-image: url("puce.gif");
}

#menu a /* Tous les liens se trouvant dans un menu */
{
   color: #464B7A;
   text-decoration: none;
}

#menu h4
{
   color: #478cbd;
   font-family: "Comic Sans Ms";
}

.interieur_menu
{
   background-image: url("fondmenubas.png");
   background-repeat: no-repeat;
padding: 19px;
}

.element_menu_bas
{
   margin-bottom: 20px;
   height: 216 px;
}

.element_menu_haut
{
   margin-bottom: 20px;
   height: 216 px;
}

/* Quelques effets sur les menus */


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

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

.element_menu_bas a
{
   color: #B3B3B3;
}

.element_menu_bas a:hover
{
   background-image: url("fondmenu.png");
   color: black;
}

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

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

.element_menu_haut a
{
   color: #B3B3B3;
}

.element_menu_haut a:hover
{
   background-image: url("fondmenu.png");
   color: black;
}

/*La barre au-dessus du corps*/

#barre
{
color:#aa9eca;
   padding: 2px;
   font-family: "Comic Sans Ms";
   text-decoration: none;
}
#barre a
{
color:#aa9eca;
   text-decoration: none;
}

/* Le corps de la page */

#corps
{
   margin-left: 185px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: #8ea8d4; /*Texte*/
   background-color: white;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border-left: 1px solid #835c49;
   border-right: 3px inset #7d4a2f;
   border-top: 1px solid #835c49;
   border-bottom: 3px inset #7d4a2f;
   
}


div#corps h1
{
	padding-left: 25px ;
	line-height: 40px ;
font-size: 2.3em;
	background: url(fleur.png) no-repeat left bottom ;
	color: #7582cc ;
	border-bottom: 1px solid #7c7cc1;
	font-family: "Staccato222 BT", "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: #B3B3B3;
   text-align: left;

}

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

#corps a
{
   color: #464B7A;
   text-decoration: underline;
}

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

#pied_de_page
{

   width: 500px;
   height: 90px;
   padding-top: 10px;
   margin-bottom: 20px;
   float: right;
   text-align: center;

   color: #B3B3B3;
   background-color: white;
   
   border: 1px solid brown;
   
    -moz-border-radius: 10px 10px 10px 10px;
   khtml-border-radius: 10px 10px 10px 10px;
   
    filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}

/*Autres effets*/

img
{
 border-style: none;
}

form
{
color: #464B7A;
}

#capture
{
font-size: 2.5em;
   color: #058148;
   text-align: center;
   font-family: "Staccato222 BT", "Times New Roman";
}

input
{
width: 60px;
}

.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;
}

/*Lors de la capture du premier poulain...*/

#corps-capture
{
   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding-left: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #464B7A;
   background-color: white; /* Une couleur de fond pour le corps */
   
   border: 1px solid gray; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps-capture1
{
      background-image: url("../image/capture1.png");
   background-repeat: no-repeat;
   background-position: 100% 20%;
}

#corps-capture2
{
      background-image: url("../image/capture2.png");
   background-repeat: no-repeat;
   background-position: right;
}

#corps-capturefin
{
      background-image: url("../image/capturefin.png");
   background-repeat: no-repeat;
   background-position: right;
}

#corps-capture a
{
   color: #464B7A;
   text-decoration: underline;
}