/*
//------------------------------------------------------------------
// 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, textarea{
	font-family:Helvetica,Verdana,Arial,sans-serif;
	font-size:100%;
}
body{
	font-size:13px;
	background : url(images/fond-repetable.jpg) top center repeat-x #8AA441;
}
/*------------------------------------------------------------------*/
a img{
	border-style:none;
}
img{
	vertical-align:middle;
}
ul{
	list-style-position:inside;
}
a:hover{
}
a{
	font-size : 13px;
}
/*------------------------------------------------------------------*/
h1{
	font-size : 26px;
}
h2{
	font-size : 19px;
}
h3{
	font-size : 15px;
}
h4{
	font-size : 13px;
}
h5{
	font-size : 11px;
}
h6{
	font-size : 9px;
}
/*------------------------------------------------------------------*/
#page{
	width : 984px;
	margin : 0 auto;
}
/*------------------------------------------------------------------*/
#header{
	height : 188px;
	background : url(images/header.jpg) repeat-x;
}
#header h1 a{
	margin : 0 0 0 40px;
	background : url(images/logo.gif) no-repeat;
	display : block;
	width : 329px;
	height : 188px;
	text-indent : -2000px;
	overflow : hidden;
}
#header > h1 a{
	background : url(images/logo.png) no-repeat;
}
/*------------------------------------------------------------------*/
#menu{
	background : url(images/menu_bg.gif) repeat-x;
	height : 44px;
	width : 100%;
}
#menu ul{
	list-style-type:none;
}
#menu ul li{
	display : inline;
}
#menu ul li a{
	display : block;
	float : left;
	line-height : 44px;
	padding : 0 17px;
	color : #000;
	text-decoration : none;
	font-weight : bold;
}
#menu ul li a:hover{
	background : url(images/menu_bg_hover.gif) repeat-x;
}
/*------------------------------------------------------------------*/
#slideshow{
	background : url(images/slide_bg.jpg) no-repeat;
	width : 984px;
	margin : 0 auto;
	padding : 20px 0 0 0;
}
#page > #slideshow{
	height : 557px;
}
#slideshow #slide{
	height : 310px;
	width : 650px;
	float : left;
}
#textSlide{
	padding: 10px 30px;
}
#textSlide h3 {
	font: 20px Georgia, Serif;
}
#textSlide h4 {
	text-transform: uppercase; 
	font: 15px Georgia, Serif; 
	margin: 10px 0;
}
#textSlide ul{
	list-style: disc; 
	margin: 0 0 0 25px;
}
#textSlide ul li {
	display: list-item;
}
#quoteSlide{
	padding: 30px;
}
#quoteSlide blockquote {
	font: italic 24px/1.5 Georgia, Serif; 
	text-align: center; 
	color: #444; 
	margin: 0 0 10px 0;
}
#quoteSlide p {
	text-align: center;
}
.anythingSlider{
	width: 100%; 
	height: 100%; 
	position: relative; 
	margin: 0 auto; 
}
.anythingSlider .wrapper{
	width: 100%; 
	overflow: auto; 
	height : 310px; 
	margin: 0; 
	position: absolute; 
	top: 0; 
	left: 0; 
	border : 5px solid #fff;
}
.anythingSlider .wrapper ul{
	width: 9999px; 
	list-style: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	background: #eee; 
	margin: 0;
}
.anythingSlider ul li{
	display: block; 
	float: left; 
	padding: 0; 
	height: 310px; 
	width: 650px; 
	margin: 0;
}
.anythingSlider .wrapper ul ul{
	position: static; 
	margin: 0; 
	background: none; 
	overflow: visible; 
	width: auto; 
	border: 0;
}
.anythingSlider .wrapper ul ul li{
	float: none; 
	height: auto; 
	width: auto; 
	background: none;
}
.anythingSlider .arrow{
	display: block; 
	position: absolute; 
	top: 130px; 
	padding : 0; 
	cursor: pointer;
}
.anythingSlider .forward{
	background-position: 0 0; 
	right: -40px;
	display : block;
	background : url(images/slide/next.gif);
	width : 30px;
	height : 68px;
}
.anythingSlider .back{
	background-position: -67px 0; 
	left: -30px;
	background : url(images/slide/back.gif);
	width : 30px;
	height : 68px;
}
.anythingSlider > .forward{
	background : url(images/slide/next.png);
}
.anythingSlider > .back{
	background : url(images/slide/back.png);
}
/*------------------------------------------------------------------*/
#slideshow #last_news{
	float : right;
	margin-left : 50px;
}
#slideshow #last_news div.encart-actu{
	width : 245px;
	background : url(images/encart-actu.jpg) no-repeat;
	padding : 90px 10px 10px 10px;
	height : 300px;
}
#slideshow > #last_news div.encart-actu{
	background : url(images/encart-actu.png) no-repeat;
	height : 461px;
}
#slideshow #last_news div.encart-actu .actu{
	min-height : 100px;
}
#slideshow #last_news div.encart-actu .photo{
	text-align : center;
	padding : 10px 10px 10px 0;
	float : left;
}
#slideshow #last_news div.encart-actu .photo img{
	border : 4px solid #988c75;
}
#slideshow #last_news div.encart-actu .resume{
	color : #0b0b0b;
	font-size : 12px;
}
#slideshow #last_news div.encart-actu .suite{
	text-align : right;
}
#slideshow #last_news div.encart-actu .sepa{
	border-bottom : 1px solid #988c75;
	width : 200px;
	margin : 5px auto;
}
#slideshow #last_news div.encart-actu h4{
	padding : 10px 0 0 0;
}
#slideshow #last_news div.encart-actu h4 a{
	color : #0b0b0b;
	text-decoration : none;
}
#slideshow #last_news div.encart-actu h4 a:hover{
	text-decoration : underline;
}
#slideshow #last_news #bottom{
	background : url(images/slide_actu_bottom.jpg) no-repeat;
	height : 30px;
}
#slideshow #last_news #bottom a{
	display : block;
	width : 110px;
	height : 30px;
	float : right;
}
/*------------------------------------------------------------------*/
a.lire_la_suite{
	display : block;
	background : url(images/lire_la_suite.gif);
	width : 102px;
	height : 40px;
	float : right;
}
div > a.lire_la_suite{
	background : url(images/lire_la_suite.png);
}
a.voir_la_fiche{
	display : block;
	background : url(images/voir_la_fiche.gif);
	width : 102px;
	height : 40px;
	float : right;
}
div > a.voir_la_fiche{
	background : url(images/voir_la_fiche.png);
}
a.retour{
	display : block;
	background : url(images/retour.jpg);
	width : 135px;
	height : 40px;
}
/*------------------------------------------------------------------*/
#content_title{
	background : url(images/content_top.jpg) no-repeat;
	height : 43px;
	width : 824px;
	padding : 145px 0 0 160px;
	margin : -48px 0 0 0;
}
#page > #content_title{
	background : url(images/content_top.png) no-repeat;
	margin : -200px 0 0 0;
}
/*------------------------------------------------------------------*/
#content{
	background : url(images/bg_content.jpg) repeat-y;
	width : 987px;
	padding : 20px 30px;
	padding-left : 40px;
}
#page > #content{
	background : url(images/bg_content.jpg) repeat-y;
	width : 987px;
	padding : 20px 50px;
}
#page > #content{
	width : 923px;
}
#content #contenu{
	width : 584px;
	float : left;
}
#content #medaillon_contact div.medaillon{
	width : 355px;
	float : right;
}
#content #medaillon_contact > div.medaillon{
	width : 295px;
}
#content #medaillon_contact div.medaillon a{
	background : url(images/contact.jpg) no-repeat;
	width : 344px;
	padding : 150px 0 0 0;
	overflow : hidden;
	text-decoration : none;
	text-align : center;
	display : block;
	color : #928670;
	font-size : 15px;
	font-weight : bold;
}
#content #medaillon_contact div.medaillon > a{
	background : url(images/contact.png) no-repeat;
}
/*------------------------------------------------------------------*/
#content #contenu{
	margin : 0 0 0 10px;
}
#content > #contenu{
	margin : 0;
}
/*------------------------------------------------------------------*/
#content #contenu div.chevaux-aleatoires{
	background : url(images/encart-poneys_accueil.jpg) no-repeat;
	padding : 50px 30px;
	height :124px;
	width : 541px;
}
#content > div.chevaux-aleatoires{
	background : url(images/encart-poneys_accueil.png) no-repeat;
	width : 581px;
}
#content #contenu div.chevaux-aleatoires div.encart-chevaux{
	float : left;
	width : 250px;
	height : 121px;
	background : url(images/cadre-poneys_accueil.jpg) no-repeat;;
	
}
#content #contenu div.chevaux-aleatoires div.encart-chevaux{
	padding : 10px;
}
#content #contenu div.chevaux-aleatoires div.encart-chevaux div.photo{
	float : left;
	padding : 0 5px 5px 0;
}
#content #contenu div.chevaux-aleatoires div.encart-chevaux div.infos{
	font-size : 10px;
}
#content #contenu div.chevaux-aleatoires div.encart-chevaux div.infos div.infos_generales{
	margin : 5px 0;
}
#content #contenu div.chevaux-aleatoires div.encart-chevaux div.infos div.infos_generales em{
	font-weight : bold;
	font-size : 12px;
}
#content #contenu div.chevaux-aleatoires div.encart-chevaux div.infos h2 a{
	color : #000;
	text-decoration : none;
}
#content #contenu div.chevaux-aleatoires div.encart-chevaux div.infos h2 a:hover{
	text-decoration : underline
}
#content #contenu div.chevaux-aleatoires div.encart-chevaux div.infos div.origines{
	text-transform : uppercase;
}
#content #contenu div.chevaux-aleatoires div.encart-chevaux div.infos{
	
}
#content #contenu div.chevaux-aleatoires div.encart-chevaux div.lien a{
	margin : 15px 15px 0 0;
}
/*------------------------------------------------------------------*/
#footer{
	background : url(images/footer.jpg) repeat-y;
	text-align : center;
	line-height : 116px;
	height : 116px;
	width : 984px;
	font-weight : bold;
	color : #928670;
}
#footer a{
	color : #928670;
	text-decoration : none;
}
#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;
}
.align-center{
	text-align:center;
}
hr.clear{
	visibility:hidden;
	clear:both;
}