/* CSS Document */

body {
	background-image:url(images/fond.gif);
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-repeat: repeat-x;	
}

.small {
font-size: 11px
}

.main {
	width: 732px;
	background-color:#FFFFFF;
	border: 3px solid #A0CA7A;
	
}

#content {
	border-top: 3px solid #A0CA7A;
	border-left: 3px solid #A0CA7A;
	border-right: 3px solid #A0CA7A;
	width: 500px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	
}

/* MENU */

.menu {
padding-left:3px;
border-top: 3px solid #A0CA7A;
border-left: 3px solid #A0CA7A;
border-right: 3px solid #A0CA7A;
width: 170px;
}

.menu_bas {

width: 170px;
height: 64px;
}

.content_bas {

width: 511px;
height: 64px;
}







/* TEXTES */


.titre {
	font-family: "trebuchet ms";
	font-size: 24px;
	color: #000000;
	
}



.titre_texte {
	font-size: 16px;
	font-weight: bold;
	font-family: "trebuchet ms";
}



.texte {
	font-family: "trebuchet ms";
	font-size: 14px;
	text-align: justify;	
}

.lettre_capitale {
	font-size: 24px;
	font-weight: bold;
	color: #A0CA7A;
	font-family: "trebuchet ms";
}


/* SHERPA Aquitaine : Association rgionale du Cheval de Merens */

.sherpa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	width: 700px;
	font-weight: bold;
	text-align: right;
	}
	
	
/* MENU */

#presentation a
{
	display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
	width: 160px ;
	line-height: 30px ;
	color: #000 ;
	

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

#presentation a:hover
{
	background: url(images/presentation.gif) no-repeat 0 -30px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
	
}

#elevage a
{
	display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
	width: 160px ;
	line-height: 30px ;
	color: #000 ;
	

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

#elevage a:hover
{
	background: url(images/elevage.gif) no-repeat 0 -30px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
	
}

#contact a
{
	display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
	width: 160px ;
	line-height: 30px ;
	color: #000 ;
	

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

#contact a:hover
{
	background: url(images/contact.gif) no-repeat 0 -30px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
	
}

#merens a
{
	display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
	width: 160px ;
	line-height: 30px ;
	color: #000 ;
	

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

#merens a:hover
{
	background: url(images/merens.gif) no-repeat 0 -30px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
	
}

#gallery a
{
	display: block ; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
	width: 160px ;
	line-height: 30px ;
	color: #000 ;
	

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

#gallery a:hover
{
	background: url(images/gallery.gif) no-repeat 0 -30px ; /* Et ici on dcale l'image du background de 30px vers le haut pour laisser apparatre la 2eme partie de l'image */
	
}