/*
//------------------------------------------------------------------
// 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:Arial,Verdana,Helvetica,sans-serif;
	font-size:11pt;
	background : url(images/body_bg.jpg) top center repeat-x #86B535;
	color : #618C21;
}
a img{
	border:none;
}
img{
	vertical-align:middle;
}
#page{
	margin : 0 auto;
}

/*------------------------------------------------------------------*/

#header{
	background : url(images/header.png) no-repeat;
	height : 336px;
	width : 985px;
	margin : 0 auto;
	text-align : left;
	position:relative;
}
#header a img#logo{
	position:absolute;
	top:50px;
	left:150px;
}
#wrapper{
	position : absolute;
	top : 161px;
	width : 100%;
}

/*------------------------------------------------------------------*/

#menu{
	display : block;
	text-align : center;
	width : 975px;
	margin : 0 auto 30px auto;
	height : 40px;
}
#menu ul#menu_ul{
	list-style:none;
	font-size : 11px;
	font-weight : bold;
}
#menu ul#menu_ul li{
	background:url(images/menu/menu_sepa2.gif) repeat-x;
	display : inline;
	float:left;
	height:37px;
}
#menu ul#menu_ul li.left{
	background:url(images/menu/leftside.gif) no-repeat;
	display : block;
	padding : 0 0 0 1px;
}
#menu ul#menu_ul li.right{
	background:url(images/menu/rightside.gif) repeat-x;
	background-position : 100% 0;
	display : block;
	padding : 0 2px 0 0;
}
#menu ul#menu_ul li a.current span#arrow{
	background:url(images/menu/current.gif) no-repeat center;
	padding-bottom : 35px;
}
#menu ul#menu_ul li a{
	float : left;
	height:20px;
	padding:10px 0;
	display : block;
	margin-left:1px;
	width : 160px;
	background : url(images/menu/menu_off.gif) repeat-x;
	text-decoration : none;
	color : #8f8778;
}
#menu ul#menu_ul li a:hover{
	background : url(images/menu/menu_on.gif) repeat-x;
	color : #695e4a;
}
#menu ul#menu_ul li a.current{
	background : url(images/menu/menu_on.gif) repeat-x;
	text-decoration : none;
	color : #363026;
}
#menu ul#menu_ul li a.current:hover{
	color : #363026;
}

/*------------------------------------------------------------------*/

#slideshow{
	width : 975px;
	margin : 0 auto;
	margin-bottom:20px;
}
#slideshow #slide{
	height : 310px;
	width : 68%;
	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: 317px; 
	width: 680px; 
	margin: 0;
}
.anythingSlider .arrow{
	display: block; 
	position: absolute; 
	top: 130px; 
	padding : 0; 
	cursor: pointer;
}
.anythingSlider .forward{
	background-position: 0 0; 
	right: -35px;
}
.anythingSlider .back{
	background-position: -67px 0; 
	left: -25px;
}
.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;
}

/*------------------------------------------------------------------*/

#slideshow #last_news{
	float : right;
	margin-left : 50px;
}
#slideshow #last_news #body{
	width : 237px;
	height : 270px;
	background : #CBE1A3;
	border-top : 1px solid #77A22F;
	border-right : 1px solid #77A22F;
	border-left : 1px solid #77A22F;
	padding : 10px;
}
#slideshow #last_news #body h3{
	text-align : center;
	color : #569d04;
	font-family : "times new roman", serif;
}
#slideshow #last_news #body .photo{
	text-align : center;
	padding : 10px 0;
}
#slideshow #last_news #body .photo img{
	border : 4px solid #bae104;
}
#slideshow #last_news #body .resume{
	color : #827662;
	font-size : 12px;
	font-style : italic;
}
#slideshow #last_news #body h4 a{
	color : #56a004;
	font-size : 15px;
	font-family : "times new roman";
}
#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;
}

/*------------------------------------------------------------------*/

#page_titre{
	clear : both;
	width : 975px;
	margin : 5px auto 0 auto;
	color : #fbfcf3;
}
#page_titre #titre_bg{
	background : url(images/page_titre.jpg) repeat-x #94CA34;
	min-height : 73px;
	width : 935px;
	padding : 20px;
}
#page_titre #titre_bg h2{
	font-family : "times new roman", serif;
	line-height: 1.5;
	font-size:1.9em;
}
#page_titre #titre_bg p{
	font-family : "times new roman",georgia, serif;
	font-size : 15px;
	font-weight:bold;
	margin-right:250px;
}

/*------------------------------------------------------------------*/

#content{
	width : 100%;
	background : url(images/content_bottom.jpg) bottom repeat-x;
}
#content #contenu_top{
	margin : -7px auto 0 auto;
	background : url(images/contenu_top.gif) no-repeat;
	height : 15px;
	width : 975px;
}
#content #contenu{
	background :#b9d384;
	padding : 10px 20px;
	width : 935px;
	margin : 0 auto;
	position:relative;
	min-height:300px;
}
#contenu h3{
	color : #60b204;
	padding : 0 0 10px 0;
}
#content p.important{
	font-family:arial,helvetica,sans serif;
	font-weight:bold;
	font-size: 1.1em;
	color:#56a004;
	line-height:1.5;
	margin-bottom:10px;
}

/*------------------------------------------------------------------*/

#contenu #pages{
	padding-right : 300px;
}
#contenu #poulain{
	background : url(images/poulain.gif) no-repeat right bottom;
	height : 435px;
	width : 283px;
	position:absolute;
	right:0px;
	bottom:-100px;
}

/*------------------------------------------------------------------*/

#encart{
	clear : both;
	background : #fff;
	color : #695e4a;
	min-height : 275px;
}
#encart a{
	color : #695e4a;
}
#encart #global{
	background : #fff;
	width : 975px;
	margin : 0 auto;
	text-align : center;
}
#encart #global #cadre{
	padding : 12px 0;
}

/*------------------------------------------------------------------*/

#encart #cadre h3{
	color : #62b304;
	font-size : 1.6em;
	text-align : center;
	font-family : "times new roman", serif;
	padding : 20px 300px 30px 0;
}
#encart #cadre .fiche_cheval{
	background : url(images/encart_bg2.jpg) no-repeat;
	width : 283px;
	height : 158px;
	font-size : 11px;
	float : left;
	margin : 11px 20px 0 0;
	padding : 6px 0 0 0;
}
#encart #cadre .fiche_cheval .the_cadre{
	height : 112px;
}
#encart #cadre .fiche_cheval .the_cadre h4{
	text-align : right;
	padding : 0 10px 0 0;
}
#encart #cadre .fiche_cheval .the_cadre h4 a{
	font-size : 14px;
}
#encart #cadre .fiche_cheval .the_cadre .photo{
	float : left;
	padding : 10px 10px 0 10px;
}
#encart #cadre .fiche_cheval .the_cadre .photo img{
	border : 1px solid #2e5605;
}
#encart #cadre .fiche_cheval .the_cadre .infos_generales, .origines, .lien{
	text-align : right;
	padding : 10px 10px 0 0;
}
#encart #cadre .fiche_cheval .the_cadre .origines{
	padding-bottom : 20px;
}
#encart #cadre .fiche_cheval .the_cadre .origines span{
	text-transform : uppercase;
}
#encart #cadre .fiche_cheval .lien{
	width : 100px;
	float : right;
}
#encart #cadre .fiche_cheval .lien a{
	display : block;
	width : 110px;
	height : 30px;
}

/*------------------------------------------------------------------*/

#footer{
	clear : both;
	margin-top : 15px;
	text-align : center;
	font-size : 12px;
}
#footer ul li{
	display : inline;
	padding : 0 5px;
}

/*------------------------------------------------------------------*/

.hidden{
	display:none;
}
.spacer{
	clear:both;
	line-height:0px;
	font-size:0px;
}

/*------------------------------------------------------------------*/

a{
	text-decoration : none;
	font-size : 12px;
	color : #fff;
}
a:hover{
	text-decoration : underline;
}

hr{
	visibility : hidden;
	border : 0;
	color : #b9d384;
	height : 0px;
}