body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("images/herbe.jpg");
   background-attachment: fixed;
}

#en_tete
{
   width: 778px;
   height: 125px;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

/* Le menu */

#menu
{
    float: left;
    width: 132px;
	height: 340px;
	background-image: url("images/menu.png");
	background-repeat: no-repeat;
	font-size: 0% ;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    text-align: center;
}

.element_menu ul
{
   padding: 0px;
   margin: 0px;
   list-style-type: none ;
}


.menu_titre li
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	margin: auto;
	margin-top: 12px;
	width: 80px ;
	line-height: 53px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	background: url("images/titre_menu.png") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menu_accueil li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	margin: auto;
	margin-top: 0px;
	width: 84px ;
	line-height: 26px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url("images/accueil.png") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menu_accueil li a:hover
{
	background: url("images/accueil.png") no-repeat 0 -26px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

.menu_elevage li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	margin: auto;
	margin-top: 4px;
	width: 102px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url("images/elevage.png") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menu_elevage li a:hover
{
	background: url("images/elevage.png") no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

.menu_poulinieres li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	margin: auto;
	margin-top: 4px;
	width: 114px ;
	line-height: 42px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url("images/poulinieres.png") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menu_poulinieres li a:hover
{
	background: url("images/poulinieres.png") no-repeat 0 -42px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.menu_produits li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	margin: auto;
	margin-top: 4px;
	width: 87px ;
	line-height: 41px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url("images/produits.png") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menu_produits li a:hover
{
	background: url("images/produits.png") no-repeat 0 -41px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.menu_photos li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	margin: auto;
	margin-top: 4px;
	width: 78px ;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url("images/photos.png") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menu_photos li a:hover
{
	background: url("images/photos.png") no-repeat 0 -29px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.menu_extras li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	margin: auto;
	margin-top: 4px;
	width: 73px ;
	line-height: 40px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url("images/extras.png") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menu_extras li a:hover
{
	background: url("images/extras.png") no-repeat 0 -40px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
.menu_contact li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	margin: auto;
	margin-top: 4px;
	width: 80px ;
	line-height: 26px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url("images/contact.png") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.menu_contact li a:hover
{
	background: url("images/contact.png") no-repeat 0 -26px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}


#recherche
{
    float: left;
    width: 132px;
	height: 90px;
	background-repeat: no-repeat;
	font-size: 0% ;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    text-align: center;
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
    list-style-type: none ;
}

#livre
{
    float: left;
    width: 132px;
	height: 90px;
	background-image: url("images/livre.png");
	background-repeat: no-repeat;
	font-size: 0% ;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    text-align: center;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    list-style-type: none ;
}

#pub
{
    float: left;
    width: 132px;
	height: 680px;
	background-repeat: no-repeat;
	font-size: 0% ;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    text-align: center;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    list-style-type: none ;
}

/* Le corps de la page */

#corps
{
   margin-left: 150px;
   margin-bottom: 5px;
   padding: 0px;
   color: Black;
   font-family: times, "lucida grande", "lucida sans unicode", "trebuchet ms", helvetica, Times, serif;
}

#corps p
{
   color: Black;
   padding-left: 20px;
   padding-right: 15px;
   text-indent: 15px;
   font-size: 15px;
}

#corps h1 /* Tous les titres h1 du corps */
{
   padding-left: 20px;
   padding-right: 15px;
   font-size: 22px;
   font-weight: bold;
   border-bottom: 1px solid green;
}

#corps h2 /* Tous les titres h2 du corps */
{
   font-size: 18px;
   padding-left: 25px;
   padding-right: 15px;
   font-weight: bold;
   color: Black;
   text-decoration: underline;
}
#corps h3 /* Tous les titres h2 du corps */
{
   font-size: 16px;
   background-image: url("images/puce.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: 20px;
   padding-right: 15px;
   margin-left: 40px;
   color: Black;
}
#corps h4
{
   font-size: 18px;
   border-bottom: 1px solid green;
   text-align: right;
   padding-right: 30px;
}
#corps h5
{
   font-size: 10px;
   text-align: center;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
#corps h6
{
   font-size: 16px;
   padding-left: 20px;
   padding-right: 15px;
   margin-left: 40px;
   color: Black;
}
#corps table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
}

#corps td /* Les cellules normales */
{
   font-family: times, "lucida grande", "lucida sans unicode", "trebuchet ms", helvetica, Times, serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

div.cote_droit
{
    background: #F4D9A1 url("images/d.png") right repeat-y;
    padding-right: 23px; /* 21px + 2px pour faire plus joli. Remplacez par votre valeur à vous */
   
    overflow: hidden;
}
div.cote_gauche
{
    background: url("images/g.png") left repeat-y;
    padding-left: 34px; /* 21px + 2px pour faire plus joli. Remplacez par votre valeur à vous */
}
div.coin_hg
{
        background: url("images/hg.png") left top no-repeat;
        padding-left: 34px; /* Remplacez par votre valeur à vous */
}

div.coin_hd
{
        background: url("images/hd.png") right top no-repeat;
        padding-right: 32px; /* Remplacez par votre valeur à vous */
}

div.bordure_h
{
        background: url("images/h.png") top repeat-x;
        height: 34px; /* Remplacez par votre valeur à vous */
}
div.coin_bg
{
        background: url("images/bg.png") left top no-repeat;
        padding-left: 34px; /* Remplacez par votre valeur à vous */
}

div.coin_bd
{
        background: url("images/bd.png") right top no-repeat;
        padding-right: 32px; /* Remplacez par votre valeur à vous */
}

div.bordure_b
{
        background: url("images/b.png") top repeat-x;
        height: 33px; /* Remplacez par votre valeur à vous */
}

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

#pied_de_page
{
   padding: 0px;
   font-family: "Comic Sans MS", "Courier New", Arial, Verdana, serif;
   text-align: center;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   color: black;
   font-size: 9px;
   font-weight: bolder;
   width: 333px ;
   line-height: 20px ;
   background: url("images/fond_pied.png") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

a img
{
   border: none;
}