html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background: #333 url(images/bg.png) center top  no-repeat;
	overflow: auto;
    width: 100%;
}
:focus {
	outline: none;
}
a {
	color: #ccca4e;
}
img {
	border: 0;
}
form {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;	
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul li {
	float: left;
	padding: 0;	
	margin: 0;
}
select, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
select {
	border: solid 1px #ccc;
	padding: 1px;
}
.spacer {
	clear: both;
}
img#admin {
	margin-right: 5px;
}
#main-container {
	width: 900px;
	margin: 115px auto 0 auto;
	background: #fff;
}
#header-container {
	background: #dcdb50 url(images/bg-header.png) no-repeat;
	height: 185px;
}
#header-container #images {
	width: 350px;
	height: 185px;
	float: right;
	background: #fff;
}
#header-container #images img {
	display: none;
}
#home {
	position: absolute;
	z-index: 1001;
	margin: 150px 0 0 15px;
}
#logos {
	position: absolute;
	z-index: 1000;	
	width: 540px;
	height: 218px;
	background: url(images/logos.png) no-repeat;
	margin: -60px 0 0 -5px;
}
#fil1 {
	position: absolute;
	z-index: 999;
	width: 732px;
	height: 41px;
	background: url(images/fil1.png) no-repeat;
	margin: -70px 0 0 140px;
}
#fil2 {
	position: absolute;
	z-index: 999;
	width: 32px;
	height: 450px;
	background: url(images/fil2.png) no-repeat;
	margin: 0px 0 0 50px;
}
#main-menu {
	position: absolute;
	z-index: 1000;		
	margin: -68px 0 0 150px;	
}
#main-menu ul li {
	margin: 0 10px;
}
#main-menu  ul li a {
	display: block;
	height: 34px;
}
#main-menu ul li a#horaire {
	width: 65px;
	background: url(images/horaire.png) no-repeat 0px;
}
#main-menu ul li a#horaire:hover {
	background: url(images/horaire.png) no-repeat -65px;
}
#main-menu ul li a#infrastructure {
	width: 123px;
	background: url(images/infrastructure.png) no-repeat 0px;
}
#main-menu ul li a#infrastructure:hover {
	background: url(images/infrastructure.png) no-repeat -123px;
}
#main-menu ul li a#activite {
	width: 67px;
	background: url(images/activite.png) no-repeat 0px;
}
#main-menu ul li a#activite:hover {
	background: url(images/activite.png) no-repeat -67px;
}
#main-menu ul li a#horaire {
	width: 63px;
	background: url(images/horaire.png) no-repeat 0px;
}
#main-menu ul li a#horaire:hover {
	background: url(images/horaire.png) no-repeat -63px;
}
#main-menu ul li a#tarifs {
	width: 51px;
	background: url(images/tarifs.png) no-repeat 0px;
}
#main-menu ul li a#tarifs:hover {
	background: url(images/tarifs.png) no-repeat -51px;
}
#main-menu ul li a#stage {
	width: 47px;
	background: url(images/stage.png) no-repeat 0px;
}
#main-menu ul li a#stage:hover {
	background: url(images/stage.png) no-repeat -47px;
}
#main-menu ul li a#pension {
	width: 61px;
	background: url(images/pension.png) no-repeat 0px;
}
#main-menu ul li a#pension:hover {
	background: url(images/pension.png) no-repeat -61px;
}
#main-menu ul li a#contrat {
	width: 62px;
	background: url(images/contrat.png) no-repeat 0px;
}
#main-menu ul li a#contrat:hover {
	background: url(images/contrat.png) no-repeat -62px;
}
#main-menu ul li a#reglement {
	width: 79px;
	background: url(images/reglement.png) no-repeat 0px;
}
#main-menu ul li a#reglement:hover {
	background: url(images/reglement.png) no-repeat -79px;
}
#sub-menu {
	position: absolute;
	margin-top: 210px;	
}
#sub-menu ul li {
	float: none;
	margin: 12px 0;
}
#sub-menu  ul li a {
	display: block;
	height: 24px;
}
#sub-menu ul li a#inscription {
	width: 123px;
	height: 36px;		
	background: url(images/inscription.png) no-repeat 0px;
}
#sub-menu ul li a#inscription:hover {
	background: url(images/inscription.png) no-repeat -123px;
}
#sub-menu ul li a#liste-depart {
	width: 149px;
	background: url(images/liste-depart.png) no-repeat 0px;
}
#sub-menu ul li a#liste-depart:hover {
	background: url(images/liste-depart.png) no-repeat -149px;
}
#sub-menu ul li a#chevaux {
	width: 164px;
	height: 37px;
	background: url(images/chevaux.png) no-repeat 0px;
}
#sub-menu ul li a#chevaux:hover {
	background: url(images/chevaux.png) no-repeat -164px;
}
#sub-menu ul li a#agenda {
	width: 82px;
	background: url(images/agenda.png) no-repeat 0px;
}
#sub-menu ul li a#agenda:hover {
	background: url(images/agenda.png) no-repeat -82px;
}
#sub-menu ul li a#contact {
	width: 142px;
	background: url(images/contact.png) no-repeat 0px;
}
#sub-menu ul li a#contact:hover {
	background: url(images/contact.png) no-repeat -142px;
}
#horaire-container {
	position: absolute;
	margin: 425px 0 0 40px;
	background: #e7e7e7 url(images/horaire-header.png) no-repeat;
	width: 184px;
	height: 200px;
}
#content-container {
	margin: 35px 50px 50px 275px;
	min-height: 300px;
}
#content-container p {
	margin: 10px 0;
}
#content-container h1 {
	height: 60px;
	margin-left: -20px;
}
#content-container h1#presentation {
	background: url(images/presentation-t.png) no-repeat;
}
#content-container h1#infrastructure {
	background: url(images/infrastructure-t.png) no-repeat;
}
#content-container h1#horaire {
	background: url(images/horaire-t.png) no-repeat;
}
#content-container h1#contact {
	background: url(images/contact-t.png) no-repeat;
}
#content-container h1#agenda {
	background: url(images/agenda-t.png) no-repeat;
}
#content-container h1#poney-club {
	background: url(images/poney-club-t.png) no-repeat;
}
#content-container h1#stage {
	background: url(images/stage-t.png) no-repeat;
}
#content-container h1#inscription {
	background: url(images/inscription-t.png) no-repeat;
}
#content-container h1#pension {
	background: url(images/pension-t.png) no-repeat;
}
#content-container h1#chevaux {
	background: url(images/chevaux-t.png) no-repeat;
}
#content-container h1#tarifs {
	background: url(images/tarifs-t.png) no-repeat;
}
#content-container h1#liste-depart {
	background: url(images/liste-depart-t.png) no-repeat;
}
#content-container h1#enregistrement {
	background: url(images/enregistrement-t.png) no-repeat;
}
#content-container h2 {
	font-size: 12px;
	margin: 20px 0 -5px 0;
	color: #444;
}
#content-container ul {
	list-style: none;
	padding: 0;
}
#content-container strong {
	color: #fff;
	padding: 2px 5px;
	background: #ccca4e;
}
#content-container b {
	color: #444;
}
#content-container strong a {
	color: #fff;
}
#content-container li {
	float: none;
	background-image: url(images/puce.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;	
	margin: 7px 0;
	padding-left: 20px;
}
#content-container li.flag {
	float: none;
	background-image: url(images/flag-green.png);
	background-repeat: no-repeat;
	background-position: 0px -1px;	
	margin: 7px 0;
	padding-left: 20px;
}
#content-container li.flag a {
	margin-left: 8px;
}
#content-container li.flag div {
	display: none;
	font-size: 11px;	
	border-left: #ccc dotted 1px;
	margin: 5px 0;
	padding: 5px 10px;
}
#footer-container {
	width: 900px;
	height: 50px;
	margin: 0 auto;	
	background: #333 url(images/footer.png) no-repeat;
	padding-top: 20px;
	color: #555;
	text-align: center;
}
#footer-container strong {
	display: block;
	margin-bottom: 5px;
}
#footer-container a {
	color: #555;
	text-decoration: none;
}
#footer-container a:hover {
	text-decoration: underline;
}
#map {
	float: right;
	width: 350px;
	height: 300px;
}
table.list {
	background: #ccc;
	text-align: left;
}
table.list th {
	padding: 2px 25px 2px 5px;
	background: #e7e7e7;
}
table.list td {
	padding: 2px 25px 2px 5px;
	background: #fff;
}
#login-form {
	margin-bottom: 40px;
}
#login-form label {
	display: block;
	font-size: 11px;
}
#login-form input {
	width: 200px;
	border: solid 1px #ccc;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 3px;
	color: #333;	
	margin-top: 5px;
}
#login-form .input {
	float: left;
	padding-right: 10px;
}
#subscribe-form {
	margin-bottom: 40px;
}
#subscribe-form label {
	display: block;
	font-size: 11px;
}
#subscribe-form .input {
	float: left;
	padding-right: 10px;
}
#subscribe-form input {
	width: 200px;
	border: solid 1px #ccc;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 3px;
	color: #333;	
	margin-top: 5px;
}
#subscribe-form select {
	width: 75px;
	border: solid 1px #ccc;
	padding: 1px;
	color: #333;	
	margin-top: 5px;
}
p.error {
	font-weight: bold;
	color: #f00;
}
#register-form {
	margin-top: 30px;
}
#register-form fieldset {
	border: 0;
	padding: 0;
	margin: 0 0 15px 0;
}
#register-form .line {
	margin: 0 0 10px 0;
}
#register-form .field {
	float: left;
	margin: 0 10px;
}
#register-form input {
	width: 225px;
	border: solid 1px #ccc;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 3px;
	color: #333;
}
#register-form input#code {
	width: 50px;
	padding: 2px 3px;
	text-align: center;
}
#register-form label {
	display: block;
	font-size: 11px;
	margin: 0 0 3px 5px;
}
#register-form label span {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #dcdb50;
}
#register-form #submit p {
	float: left;
	line-height: 23px;
	margin-left: 10px;
}

#register-form #submit img {
	border: solid 2px #dcdb50;
}
#logout-container {
	position: absolute;
	text-align: right;
	width: 600px;
	margin-left: 280px;
	margin-top: 5px;
}
#content-container ul.horses-img {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content-container ul.horses-img li {
	float: left;
	padding: 0;	
	margin: 0 10px 0 0;
}
#content-container ul.horses-img img {
	border: solid 3px #ccc;
}
#content-container ul.horses-img img.selected {
	border: solid 3px #ccca4e;
}
#content-container .details {
	display: none;
	font-size: 11px;	
	border-left: #ccc dotted 1px;
	margin: 5px 0 13px 0;
	padding: 5px 10px;
}
a.close-box {
	display: block;
	width: 75px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	color: #fff;
	background: #ccca4e;
	margin-top: 20px;
	text-decoration: none;
}
a.close-box:hover {
	text-decoration: underline;
}