html, body {
	height: 100%;
}

BODY.beige{		  
	background-image: url("../images/decor/fond-fleur.jpg");
	background-repeat:repeat-Y;			  
	background-color: #fde8cd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	text-decoration:none;
	color: #6f4008;
}

#global{ /*centre horizontalement le site dans la page*/
	background-color: #fde8cd;
	text-align: center;
  position:relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;	
  left: 60%; 
  width: 746px; /*696*/
	margin-left: -383px; /* moitié de la largeur */
    /*border: 3px solid #000000;*/
}
	  
html>body #global {
	height: auto;
}

#banniere1{
	background: #fde8cd;
	position:absolute;
	right: 10px;
	top: 10px;
	width: 500px;
	height: 93px;
	z-index: 1;
}

#banniere2{
	background-image: url("../images/decor/ban-horsefriend.jpg");
	background-repeat:no-repeat;
	position:absolute;
	right: 10px;
	top: 103px;
	width: 500px;
	height: 50px;
	z-index: 18;
}

#fond-contenu{
	background-image: url("../images/decor/fond-contenu.jpg");
	background-repeat:repeat-Y;
	position:absolute;
	left: 178px;
	top: 0px;
	width: 520px;
	z-index: 4;
	/*border: 3px solid #00ff00;*/
	text-align: left;
}

#menu{
	background-image: url("../images/decor/fond-menu.jpg");
	background-repeat:repeat-Y;
	position:absolute;
	left: -100px;
	top: 0px;
	width: 175px;/*170*/
	height: 250px;/*440*/
	z-index: 2;
}

#titre1{
	background-image: url("../images/decor/menu-titre.jpg");
	background-repeat:no-repeat;
	position:absolute;
	left: 10px;
	top: 10px;
	width: 140px;
	height: 27px;
	z-index: 3;
}

#sous-titre1{
	background: #fce7cc;
	position:absolute;
	left: 10px;
	top: 46px;
	width: 145px;
	height: 18px;
	z-index: 5;
}

#sous-titre2{
	background: #fce7cc;
	position:absolute;
	left: 10px;
	top: 77px;
	width: 145px;
	height: 18px;
	z-index: 6;
}

#sous-titre3{
	background: #fce7cc;
	position:absolute;
	left: 10px;
	top: 108px;
	width: 145px;
	height: 18px;
	z-index: 7;
}	

#titre3{
	background-image: url("../images/decor/menu-titre.jpg");
	background-repeat:no-repeat;
	position:absolute;
	left: 10px;
	top: 139px;
	width: 150px;
	height: 27px;
	z-index: 9;
}

#sous-titre7{
	background: #fce7cc;
	position:absolute;
	left: 10px;
	top: 175px;
	width: 145px;
	height: 18px;
	z-index: 8;
}

#sous-titre8{
	background: #fce7cc;
	position:absolute;
	left: 10px;
	top: 206px;
	width: 145px;
	height: 18px;
	z-index: 10;
}

#sous-titre9{
	background: #fce7cc;
	position:absolute;
	left: 10px;
	top: 237px;
	width: 145px;
	height: 18px;
	z-index: 19;
}


#sous-titre10{
	background: #fce7cc;
	position:absolute;
	left: 10px;
	top: 268px;
	width: 145px;
	height: 18px;
	z-index: 11;
}

#titre2{
	background-image: url("../images/decor/menu-titre.jpg");
	background-repeat:no-repeat;
	position:absolute;
	left: 10px;
	top: 300px;
	width: 150px;
	height: 27px;
	z-index: 14;
}

#sous-titre4{
	background: #fce7cc;
	position:absolute;
	left: 10px;
	top: 338px;
	width: 145px;
	height: 18px;
	z-index: 12;
}

#sous-titre5{
	background: #fce7cc;
	position:absolute;
	left: 10px;
	top: 369px;
	width: 145px;
	height: 18px;
	z-index: 13;
}				   

#sous-titre11{
	background: #fce7cc;
	position:absolute;
	left: 10px;
	top: 400px;
	width: 145px;
	height: 18px;
	z-index: 15;
}

#sous-titre6{
	background: #fce7cc;
	position:absolute;
	left: 10px;
	top: 437px;
	width: 145px;
	height: 18px;
	z-index: 16;
}

#pied-page{
	background-image: url("../images/decor/pied-page.jpg");
	background-repeat:no-repeat;
	position:relative;
	left: 0px;
	bottom: 0px;
	width: 520px;
	height: 37px;
	z-index: 17;
}

#titre-rubrique{
	position:absolute;
	left: 10px;
	top: 160px;
	width: 500px;
	height: 28px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: left;
	text-decoration:underline;
	color: #5d380d;
	z-index: 18; 
}

#titre-sous-rubrique{
	position:absolute;
	left: 380px;
	top: 160px;
	width: 500px;
	height: 28px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: left;
	color: #5d380d;
	z-index: 20; 
}
   
/* --------------------------- STYLE ECRITURE ----------------------------- */

.menu{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #392600;
	font-weight: bold;
	font-size: 12px;
	text-align:left;
	padding-top:6px;
	padding-left:10px;
}

.sous-menu{
	text-align:left;
	padding-top:2px;
	padding-left:5px;
} 

a { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #5d380d;
}

a:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #5d380d;
}

a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #d19248;
}

.texte-marron{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5d380d;
	font-size: 14px;
	text-align:left;
	padding-top:4px;
	padding-left:10px;
}

.input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5d380d;
	font-size: 14px;
	border: 1px solid #5d380d;
}

.submit{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5d380d;
	font-size: 12px;
	border: 1px solid #5d380d;
}

.statique{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent : 20px ;
	line-height: 1.6em;
	color: #5d380d;
	font-size: 12px;
	text-align: justify;
	padding-top:4px;
	padding-left:10px;
}

.caddie{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5d380d;
	font-size: 12px;
	padding-top:5px;
	padding-bottom:5px;
}
