/*
//------------------------------------------------------------------
// Auteur : Ludovic Martin <ludovic@dreamclic.com> / www.dreamclic.com
//
// Version             : 2.0
// Date de création    : 26/06/2008
//
// Description         : feuille de style générale du site
//
//------------------------------------------------------------------
*/

/*------------------------------------------------------------------*/
* {
	margin:0px;
	padding:0px;
}

body{
	font-family:Verdana,Helvetica,sans-serif;
	font-size:11pt;
	background:#998675;
}


/*--- style du Div contenant l'ensemble de la page---------------------------------------------------------------*/
#page{
	margin:20px auto 0px;
	max-width:1200px;
}
/*--Contenu et style de l'en-tête----------------------------------------------------------------*/
#bord-gauche{
	background:transparent url('images/bord-gauche.gif') repeat-y left top;
}
#bord-haut{
	background:transparent url('images/bord-haut.gif') repeat-x left top;
}
#bord-droit{
	background:transparent url('images/bord-droit.gif') repeat-y right top;
}
#coin-droit{
	background:transparent url('images/coin-droit.gif') no-repeat right top;
}
#coin-gauche{
	background:transparent url('images/coin-gauche.gif') no-repeat left top;
	height:100%;
	padding-top: 14px;
}
/*--Contenu et style de l'en-tête----------------------------------------------------------------*/
#header{
	height:299px;
	background: url('images/fond-entete.gif') left top repeat-x;
	margin:1px 17px 0 19px;
	position:relative;

}
#header .logo {
	width:220px;
	position:absolute;
	top:43px;
	z-index:20;	
}
#header .logo h1 img{ 
	border:none;
 }
#header .logo h1 a:link{ 
	text-decoration:none;
 }
 
#header a:visited{ 
	text-decoration:none;
 }
 
#header a:hover{ 
	text-decoration:none;
}
#header #animation-flash{
	height:243px;
	width:855px;
	position:absolute;
	right:0;
	top:2px;
	z-index:10;
}
#header #drapeaux {
	position: absolute;
	right: 10px;
	top: 265px;
}
#header #drapeaux img {
	border: none;
}

/*---Menu---------------------------------------------------------------*/
#menu{
	font-style:Verdana,Helvetica,sans-serif;
	color:#fff;
	font-size:12.5pt;
	float:left;
	width:220px;
	background: url('images/photo-menu.jpg') no-repeat left top;
	margin-left:17px;
	display: inline;
}

#menu ul{ 
	list-style:none;
	width:200px;
	padding-left:20px;

}
#menu ul li{
	margin-right:10px;
	text-align:left;
	line-height:35px;
	border-bottom: solid 1px;
	border-color:#ffe8ca;
}
#menu a:link{ 
	color:#fff;
	text-decoration:none;
}
 
#menu a:visited{ 
	color:#fff;
	text-decoration:none;
 }
 
#menu a:hover{ 
	color:#fcd192;
	text-decoration:none;
}

/*---module actu et chevaux à vendre--------------------------------------------------------*/

#menu .module-actu{
	padding:30px 10px;

}

#menu h2{

	 font-family:verdana,arial,sans serif;
	 font-size:13pt;
	 color:#fcd192;
	 padding-left:17px;
}
#menu .contenu-actualite-a-la-une{
	border:solid 1px #fcd192;
	padding:8px;
	font-size:10pt;

}
#menu .contenu-actualite-a-la-une img {
	border: solid 1px white;
}
#menu .contenu-actualite-a-la-une p{
	text-align:left;
	color:#27221f;
	
}
#menu .contenu-actualite-a-la-une h3 {
	color:#ffe8ca;
	font-size:10pt;
	margin-bottom:2px;	
}
#menu .contenu-actualite-a-la-une a:link{
	color:#fff;
	
}
#menu .contenu-actualite-a-la-une a:hover{
	color:#fcd192;
	
}
#menu .contenu-actualite-a-la-une a:visited{
	color:#fff;
	
}
#menu .chevaux-a-vendre img{
	border:solid 1px #fcd192;
	margin-left:10px;
	


}
#menu .chevaux-a-vendre h3 {
	color:#ffe8ca;
	font-size:10pt;
	text-transform: uppercase;
	text-align:center;	
}
#menu .chevaux-a-vendre {
	color:#fff;
	font-size:11pt;
	text-align:center;	
}
/*------------------------------------------------------------------*/
#menu-et-content{
	background: url('images/fond-contenu.gif') repeat-y 17px top;
	
}
/*--Style du corps de la page----------------------------------------------------------------*/
#content{
	background:#c7b299 url('images/photo.jpg') no-repeat left top;
	margin-left:237px;
	margin-right:17px;
	padding:20px;
}

#content h2{

	 font-family:verdana,arial,sans serif;
	 font-size:14pt;
	 color:#534741;
	 margin-left: -20px;
}
#content h2 span {
	 padding-left:15px;
	 padding-right:150px;	
	 background:#fcd192;
}
#content p{
	text-align:left;
	color:#27221f;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content .image-haute{
	float:right;
	display: inline;
	margin-left: 20px;
}
#content .image-basse{
	float:left;
	display: inline;
	margin-right: 20px;
}
#content a {
	color: #FDD192;
	text-decoration: none;
}
#content img {
	border: solid 1px black;
}

/*------Pied de page et menu du pied de page-----------------------------------------------------*/
#footer{
	background:#534741 url('images/footer-fond') repeat-x left top;
	height:100px;
	border-top: solid 1px #fff;
	text-align: center;
	color:#fff;
	font-size:9pt;
}
#footer .menu-pied{
	margin-top:15px;
}
#footer img{
	border:none;
	position:relative;
	top:15px;
}
#footer a:link{ 
	color:#fff;
	text-decoration:none;
}
 
#footer a:visited{ 
	color:#fff;
	text-decoration:none;
 }
 
#footer a:hover{ 
	color:#fcd192;
	text-decoration:none;
}
/*------------------------------------------------------------------*/
.hidden{
	display:none;
}
.spacer{
	clear:both;
	line-height:0px;
	font-size:0px;
}
/*------------------------------------------------------------------*/