/*
//------------------------------------------------------------------
// 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: url(images/body.jpg) left 26px repeat-x #9ea092;
}
a img{
	border:none;
}
img{
	vertical-align:middle;
}
/*------------------------------------------------------------------*/
#page {
	max-width: 1050px;
	_width: 985px;
	margin: auto;
	padding-top: 27px;
	position: relative;
	margin-bottom: 15px;
}
/*------------------------------------------------------------------*/
#header{
	background: url(images/header.jpg) center top no-repeat;
	position: relative;
}
#header #header-in {
	height: 111px;
	background: url(images/header-in.jpg) left top no-repeat;
	padding-top: 40px;
}
#header #header-in a#bouton-contact {
	width: 150px;
	height: 41px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(images/bouton-contact.jpg);
}
#header #header-in a#bouton-contact:hover {
	background: url(images/bouton-contact-hover.jpg);
}
#header #header-in #chevaux-ombre {
	position: absolute;
	width: 111px;
	height: 165px;
	background: url(images/chevaux-ombre.gif);
	right: 70px;
	top: 23px;
}
#header #header-in h1 {
	width: 472px;
	height: 76px;
	margin: auto;
	text-align: left;
}
/*------------------------------------------------------------------*/
#menu{
	background: url(images/menu.jpg);
}
#menu #menu-in {
	background: url(images/menu-in.jpg) left no-repeat;
}
#menu #menu-in #menu-in-in {
	height: 36px;
	background: url(images/menu-in-in.jpg) right no-repeat;
	padding-left: 3px;
}
#menu #menu-in #menu-in-in ul {
	list-style-type: none;
	width: 1030px;
	margin : 0 auto;
}
#menu #menu-in #menu-in-in ul li {
	float: left;
}
#menu #menu-in #menu-in-in ul li a{
	display: block;
	float: left;
	text-align: center;
	color: #ae422e;
	text-decoration: none;
	font: normal 13px Verdana,sans-serif;
	line-height : 36px;
}/*
#menu #menu-in #menu-in-in ul li a#menu-item-chevaux {
	width: 131px;
}
#menu #menu-in #menu-in-in ul li a:hover {
	background: url(images/menu-item-hover.png);
	color: #fefefe;
}
#menu #menu-in #menu-in-in ul li a#menu-item-chevaux:hover {
	background: url(images/menu-item-chevaux-hover.jpg);
}*/
#menu #menu-in #menu-in-in ul li a:hover{
	padding : 0;
}
#menu #menu-in #menu-in-in ul li a span.left {
	width : 15px;
	height : 36px;
	visibility : visible;
	display : block;
	float : left;
}
#menu #menu-in #menu-in-in ul li a span.right {
	width : 15px;
	height : 36px;
	visibility : visible;
	display : block;
	float : right;
}
#menu #menu-in #menu-in-in ul li a:hover span.titre {
	background: url(images/menu/menu_body.gif) repeat-x;
	color: #fefefe;
	display : block;
	float : left;
}
#menu #menu-in #menu-in-in ul li a:hover span.left {
	background: url(images/menu/menu_left.gif) no-repeat;
	width : 15px;
	height : 36px;
	visibility : visible;
	display : block;
	float : left;
}
#menu #menu-in #menu-in-in ul li a:hover span.right {
	background: url(images/menu/menu_right.gif) no-repeat;
	width : 15px;
	height : 36px;
	visibility : visible;
	display : block;
	float : right;
}
/* "HACK" POUR INTERNET EXPLORER 6 ET SON INCAPACITE A AFFICHER LE PNG TRANSPARENT */
#menu #menu-in #menu-in-in ul li a:hover > span.titre {
	background: url(images/menu/menu_body.png) repeat-x;
}
#menu #menu-in #menu-in-in ul li a:hover >  span.left {
	background: url(images/menu/menu_left.png) no-repeat;
}
#menu #menu-in #menu-in-in ul li a:hover >  span.right {
	background: url(images/menu/menu_right.png) no-repeat;
}

/*------------------------------------------------------------------*/
#main {
	background: url(images/main.png) left top repeat-y !important;
	background: url(images/main.jpg) left top repeat-y;
	position: relative;
}
#main #main-in {
	background: url(images/main-in.png) right top repeat-y !important;
	background: url(images/main-in.jpg) right top repeat-y;
	padding-left: 4px;
	padding-right: 7px;
}
/*------------------------------------------------------------------*/
#vague {
	position: absolute;
	width: 207px;
	height: 189px;
	background: url(images/vague.png) no-repeat !important;
	background: url(images/vague.gif) no-repeat;
	right: 7px;
	top: 200px;
}
/*------------------------------------------------------------------*/
#bandeau {
	height: 281px;
	background: url(images/bandeau.jpg);
}
/*------------------------------------------------------------------*/
#global {
	background: url(images/global.jpg) left top repeat-x #f9efe5;
	padding: 20px 200px 20px 20px;
}
/*------------------------------------------------------------------*/
#content{
	font: normal 12px Verdana;
	color: #787a6f;
}
#content h2 {
	font: normal 24px Verdana;
	color: #b30001;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content h3 {
	color: #57594f;
	font: normal 16px Verdana;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content p {
	padding-top: 10px;
	padding-bottom: 10px;
}
#content a {
	color: #b30001;
	text-decoration: none;
}
/*------------------------------------------------------------------*/
#pied-liens {
	background: #f9efe5;
	font: normal 12px Verdana;
	color: #c4c6ba;
	text-align: right;
}
#pied-liens a {
	color: #787a6f;
	text-decoration: none;
}
/*------------------------------------------------------------------*/
#footer{
	background: url(images/footer.jpg) left top repeat-x;
}
#footer #footer-in {
	background: url(images/footer-in.jpg) left top no-repeat;
}
#footer #footer-in #footer-in-in {
	height: 10px;
	background: url(images/footer-in-in.jpg) right top no-repeat;
}
/*------------------------------------------------------------------*/
.separateur {
	background: url(images/separateur.gif) center center no-repeat;
	height: 6px;
}
.hidden{
	display:none;
}
.spacer{
	clear:both;
	line-height:0px;
	font-size:0px;
}
/*------------------------------------------------------------------*/
