/*
//------------------------------------------------------------------
// 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
//
//------------------------------------------------------------------
// Mathieu ADRIEN <mathieu@dreamclic.com> / www.dreamclic.com
// 08/09/2009
//------------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}
html{
	font-family:Helvetica,Verdana,Arial,sans-serif;
	font-size:100%;
}
body{
	font-size:.8em;
	background : #009245;
}
/*------------------------------------------------------------------*/
a img{
	border-style:none;
}
img{
	vertical-align:middle;
}
ul{
	list-style-position:inside;
}
a{
	text-decoration : none;
}
a:link,
a:hover{
}
a:visited,
a:active{
}
/*------------------------------------------------------------------*/
* html #page{
	width: 1100px;
}
#page{
	width:auto;
	max-width: 1100px;
	margin: 0 auto;
	background: url(images/bg_site.jpg) repeat-y;
}
#wrapper{
	margin : 0 17px;
}
/*------------------------------------------------------------------*/
#header{
	height: 118px;
	background: url(images/header.jpg) right no-repeat #fff;
	width : 1060px;
	float : right;
}
/*------------------------------------------------------------------*/
#menu{
	background: url(images/menu.jpg) repeat-x;
	height : 24px;
	width : 1043px;
	border : 1px solid #000;
	text-align : left;
	padding : 0 0 0 20px;
	margin : -2px 0 0 0;
}
#menu ul{
	list-style-type:none;
	line-height : 24px;
}
#menu ul li{
	display : inline;
	font-family:Verdana;
	font-size:14px
}
#menu ul li a{
	padding : 0 10px;	
	display : block;
	float : left;
	border-right : 1px solid #000;
	color : #000;
}
#menu ul li a:hover{
	background : #015129;
	height : 24px;
	color :#fff;
}
#menu ul li a:visited,
#menu ul li a:active{
}
/*------------------------------------------------------------------*/
#chevaux-a-vendre {
	width: 190px;
	float: left;
	display: inline;
	margin-left: 27px;
	text-align: center;
}
#chevaux-a-vendre h2 {
	font: bold 14px Verdana;
	text-transform: uppercase;
	color: #367438;
	margin-top: 10px;
	margin-bottom: 10px;
}
#chevaux-a-vendre .photo img {
	border: solid 1px #006837;
}
#chevaux-a-vendre h2{
	color: #367438;
}
#chevaux-a-vendre h3 {
	text-transform: uppercase;
	font: bold 12px Verdana;
}
#chevaux-a-vendre h3 a {
	color: #367438;
	text-decoration: none;
}
#chevaux-a-vendre h3 .race {
	font-style: italic;
	font-size: 11px;
}
#chevaux-a-vendre .description {
	font: italic 10px Verdana;
}
#chevaux-a-vendre .origines {
	font: normal 11px Verdana;
	margin-bottom: 15px;
}
#chevaux-a-vendre .origines .nomparents {
	text-transform: uppercase;
	font-size: smaller;
}
/*------------------------------------------------------------------*/
#content{
	margin-left: 230px;
	padding: 20px;
	font: normal 12px Verdana;
}
#content h2 {
	color: #8cc63f;
	text-transform: uppercase;
	font: bold 16px Verdana;
	margin: 15px 0px;
}
#content p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#content img {
	border: solid 1px #8cc63f;
}
#content a {
	color: #F7931E;
}

#content .droite{
	float:right;
	margin-left:5px;
}

#content .gauche{
	float:left;
	margin-right:5px;
}
/*------------------------------------------------------------------*/
#footer{
	background: url(images/footer.jpg) repeat-x;
	height : 57px;
	width : 1064px;
	text-align : center;
	color: white;
	font: normal 12px Verdana;
	margin : 30px 0 0 0;
}
#footer #in_footer {
	height: 43px;
	padding-top: 14px;
	padding-left: 100px;
	background: url(images/footer-cheval.jpg) center no-repeat;
}
#footer #in_footer img{
	border:none;
	vertical-align:middle;
}

#footer #in_footer a{
	color:white;
	text-decoration:none;
}
#footer #in_footer a:hover{
	text-decoration:underline;
}
/*------------------------------------------------------------------*/
.visibility-hidden{
	visibility:hidden;
}
.clear-both{
	clear:both;
}
.clear-left{
	clear:left;
}
.clear-right{
	clear:right;
}
.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
hr.clear{
	visibility:hidden;
	clear:both;
}
/*------------------------------------------------------------------*/
