* html #content {
	margin-bottom:-600px;
	}

body
{
	margin: 0px 0 0 0;
	padding: 0 ;
	text-align: center ;
	font: 14px Georgia, Times New Roman, sans-serif ;
	color:#666666;
	background: #FDF8C8 url(img/bg-01.gif) no-repeat center top;
	height:100%;
}

body.home
{
	margin: 0px 0 0 0;
	padding: 0 ;
	text-align: center ;
	font: 14px Georgia, Times New Roman, sans-serif ;
	color:#666666;
	background: #FDF8C8 url(img/bg-home.jpg) no-repeat center top;
	height:100%;
	line-height: 1.5em;
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */



div#conteneur
{
	width: 100% ;
    height:100%;
	margin: 0 ;
	text-align: center ;
	background:url(img/bg-02.gif) no-repeat bottom left;
/*	background: #FDF8C8 ; */
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */

div#contenu
{

	padding: 0 ;
	text-align: center ;
/*	margin-left: 20px ; */
}
/* On ajoute un petit élément décoratif sur le côté de la page et on crée un espace à gauche et à droite du contenu */

#version {
    position: relative;
    width: 100px;
	height: 15px;
	margin: 5px 10px 0 auto; 
	padding:0 10px;
	}
div.fr {
	float: left;
	width: 25px; height: 15px;
	margin: 0 7px 0 0;
	background: url( 'img/fr-bis.gif' ) no-repeat;
	}

div.fr a {
	display: block;
	margin: 0; padding:0;
    width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/fr-bis.gif' ) top left no-repeat;
	}

div.fr a:hover {
	display: block;
	margin: 0; padding:0;
    width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/fr.gif' ) top left no-repeat;
	}
	
div.gb {
	float: left;
	width: 25px; height: 15px;
	margin: 0 7px 0 0;
	background: url( 'img/gb-bis.gif' ) no-repeat;
	}

div.gb a {
	display: block;
	margin: 0; padding:0;
    width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/gb-bis.gif' ) top left no-repeat;
	}

div.gb a:hover {
	display: block;
	margin: 0; padding:0;
    width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/gb.gif' ) top left no-repeat;
	}	
	
div.de {
	float: left;
	width: 25px; height: 15px;
	margin: 0 7px 0 0;
	background: url( 'img/de-bis.gif' ) no-repeat;
	}

div.de a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/de-bis.gif' ) top left no-repeat;
	}

div.de a:hover {
	display: block;
	margin: 0; padding:0;
    width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/de.gif' ) top left no-repeat;
	}
	
div#lusitanien h2
{
	margin-right: 44px; 
	margin-top: 30px;
	line-height: 40px ;
	font-size: 1em ;
	background: url(img/derlusitano.gif) no-repeat right bottom ;
	color: #ccc ;
}

div#portugual h2
{
	margin-right: 62px; 
	margin-top: 30px;
	line-height: 40px ;
	font-size: 1em ;
	background: url(img/portugal-title.gif) no-repeat right bottom ;
	color: #ccc ;
}
div#artequestre h2
{
	margin-right: 40px; 
	margin-top: 30px;
	line-height: 40px ;
	font-size: 1em ;
	background: url(img/reitkunst.gif) no-repeat right bottom ;
	color: #ccc ;
}
div#ecuyers h2
{
	margin-right: 54px; 
	margin-top: 30px;
	line-height: 40px ;
	font-size: 1em ;
	background: url(img/diereiter.gif) no-repeat right bottom ;
	color: #ccc ;
}
div#claire h2
{

	margin-top: 10px;
	line-height: 40px ;
	font-size: 1em ;
	background: url(img/titre-camerini.gif) no-repeat left;
	color: #ccc ;
}
div#oliveira h2
{
	margin-top: 10px;
	line-height: 40px ;
	font-size: 1em ;
	background: url(img/titre-oliveira.gif) no-repeat left ;
	color: #ccc ;
}

div#chevaux h2
{
	margin-right: 48px; 
	margin-top: 30px;
	line-height: 40px ;
	font-size: 1em ;
	background: url(img/diepferde.gif) no-repeat right bottom ;
	color: #ccc ;
}

div#contact h2
{
	margin-right: 94px; 
	margin-top: 30px;
	line-height: 40px ;
	font-size: 1em ;
	background: url(img/kontakt.gif) no-repeat right bottom ;
	color: #ccc ;
}

div#contenu h2
{
	margin-left: 110px;
	padding-left: 25px ;
	line-height: 40px ;
	font-size: 1em ;
	
	color: #ccc ;
}
/* Mise en forme du titre de page, une petite image, on décale le texte en fonction de l'image, on donne un couleur au texte et on met une bordure basse */

h2 span  {
	visibility:hidden;
	}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color: #9b2 ;
}
/* De même que pour le titre h2, à ceci près qu'on ne donne pas d'image décorative cette fois ci */

div#contenu p
{
	text-align: left;
/*	text-indent: 1.4em; */
	line-height: 1.5em;
}
/* On rend les paragraphes plus propre, alignement justifié, alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

div#contenu a
{
	color: #666666 ;
}

div#contenu a:hover
{
	color: #999999;
}
/* On met en forme les liens contenu dans la page */

 a.chevaux
{
	color: #666666 ;
	font-size: 11px ;
}

a.chevaux:hover
{
	color: #999999;
	font-size: 11px ;
}

#footer {
	position:relative;
	width:100%;
	height:25px;
	padding:70px 0px 0 0;
	text-align:center;
	font:italic 11px Georgia, Times New Roman, sans-serif ;
	color:#999999;
	}
	
#footer a {
	color:#999999;
	text-decoration:none;
	}
	
#footer a:hover {
	color:#666666;
	}

p#footer
{
	margin: 0 ;
	line-height: 30px ;
	text-align: center ;
	color: #ccc ;
}
/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police et un léger espace entre le texte et les bords du pre */

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}


div.d {
	float:  top;
	background: url( 'img/d.gif' ) no-repeat;
	padding-left: 10px ;
	text-indent: 0.7em;
		}
div.e {
	float:  top;
	background: url( 'img/e.gif' ) no-repeat;
	padding-left: 10px ;
	text-indent: 0.5em;
		}
div.h {
	float:  top;
	background: url( 'img/h.gif' ) no-repeat;
	padding-left: 10px ;
	text-indent: 1em;
		}
div.i {
	float:  top;
	background: url( 'img/i.gif' ) no-repeat;
	padding-left: 10px ;
	text-indent: 0.1em;
		}
div.j {
	float:  top;
	background: url( 'img/j.gif' ) no-repeat;
	padding-left: 10px ;
	text-indent: 0.3em;
		}		
div.l {
    float: top ;
	background: url( 'img/l.gif' ) no-repeat;
	padding: 0 0px 0 10px ;
	text-indent: 0.7em;
	}				
div.m {
	float:  top;
	background: url( 'img/m.gif' ) no-repeat;
	padding-left: 10px ;
	text-indent: 1.3em;
		}		
div.n {
	float:  top;
	background: url( 'img/n.gif' ) no-repeat;
	padding-left: 10px ;
	text-indent: 0.9em;
		}
div.p {
	float:  top;
	background: url( 'img/p.gif' ) no-repeat;
	padding-left: 10px ;
	text-indent: 0.7em;
		}	
div.t {
	float: top ;
	background: url( 'img/t.gif' ) no-repeat;
	padding: 0 0px 0 10px ;
	text-indent: 0.4em;
	}

div.u {
	float: top ;
	background: url( 'img/u.gif' ) no-repeat;
	padding: 0 0px 0 13px ;
	text-indent: 0.4em;
	}

div.o {
	float: top ;
	background: url( 'img/o.gif' ) no-repeat;
	padding: 0 0px 0 10px ;
	text-indent: 0.7em;
	}
	
div.w {
	float: top ;
	background: url( 'img/w.gif' ) no-repeat;
	padding: 0 0px 0 10px ;
	text-indent: 1.1em;
	}	

/* Couleur différente pour les span.comment, les span utilisés pour les commentaires */
/*