@import url('menu.css');
@import url('form.css');

*{
	margin	: 0;
	padding	: 0;
}

body{
	background	: #093b18;
	text-align	: center;
	font		: 0.8em 'Trebuchet MS','Lucida Sans', Arial, Helvetica, sans-serif;
	color		: #6a5d4a;
}

h1 {
	font-size: 2em;
	color: #ea9219;
}

h3 {
	font-size: 1.2em;
	letter-spacing: -0.1em;
}

h4 {
	font-size: 1.2em;
	letter-spacing: -0.05em;
	color:#000000;
	
}

p {
	padding: 0em 0 1.4em 0;
}

a {
	outline: none;
	color: #888;
}

a:hover{
	color		: #000;
}

img {
	border		: 0;
}

hr.clear{
    clear		: both;
    visibility	: hidden;
	line-height	: 0em;
    font-size	: 0em;
	height: 0px;
	border: none;
	
}

.clear{ clear:both; }


/* =================================== */
/* ============ STRUCTURE ============ */
/* =================================== */

div#top {
	width		: 895px;
	height		: 326px;
	margin		: 0 auto;
}

div#contenu{
	text-align	: left;
	width		: 895px;
	margin		: 0 auto;
	background: transparent url(../img/bg.jpg) top left no-repeat;
}

div#wrapper{
	float	: left;
	width	: 895px;
	padding : 0;
}

div#menu {
	margin-right: 712px;
}

div#content {
	float		: right;
	width		: 674px;
	margin-left	: -704px;
	padding		: 0 15px;
	background	: #fff;
	text-align	: justify;
}

div#footer-wrap{
	clear		: left;
	width		: 100%;
}

div#footer{
	width		: 895px;
	height		: 214px;
	margin		: 0 auto;
	background	: transparent url(../img/footer.jpg) top left no-repeat;
}


/* =================================== */
/* ============= CONTENT ============= */
/* =================================== */

span.action{
	text-align	: left;
	float		: left;
	clear		: both;
	width		: 450px;
	margin		: 5px 0 0 0;
}

ul.infos {
	margin: 0 0 2em 10px;	
}

ul.infos li{
	list-style: none;
	padding		: 2px 0 2px 16px;
	background	: transparent url(../img/bg-li.gif) 0 5px no-repeat;
	text-align: left;
}

ul.chiffres li{
	list-style: none;
	padding		: 2px 0 2px 16px;
	background	: transparent url(../img/bg-li.jpg) 0 5px no-repeat;
	text-align: left;
}

ul.chiffres li span {
	float: left;
}

ul.chiffres li strong{
	font-weight:normal;
	color:#e76d0a;
}

div.org{
	float		: left;
	width		: 202px;
	padding:  0 10px;
	text-align: center;
}

div.org span  {
	color: #000;
}

div.org span.poste {
	font-size: 0.8em;
	color: #6a5d4a;
}

div.org img{
	margin		: 0 0 0 -5px;
}

div.pindex{
	background	: transparent url(../img/img-bienvenue.jpg) bottom center no-repeat;
	height		: 450px;
	padding-top	: 20px;
	text-align	: center;
}
/* =================================== */
/* =============== TOP =============== */
/* =================================== */

#top h1 a {
	display: block;
	width: 895px;
	height: 326px;
	background: transparent url(../img/top.jpg) top center no-repeat;
	text-indent: -5000px;
}


/* =================================== */
/* ============== TITRES ============= */
/* =================================== */

h2 {
	clear		: both;
	text-indent	: -9999px;
	height: 30px;
	margin: 0.8em 0 0.2em 0;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

h2.bienvenue{height:53px; margin-left:37px;background-image: url(../img/titre-bienvenue.jpg);}

h2.membre{background-image: url(../img/titre-membre.jpg);}
h2.contact{background-image: url(../img/titre-contact.jpg);}
h2.partenaire{background-image: url(../img/titre-partenaire.jpg);}

h2.communic {background-image: url(../img/titre-communic.jpg);}
h2.media {background-image: url(../img/titre-media.jpg);}
h2.event {background-image: url(../img/titre-event.jpg);}
h2.action {background-image: url(../img/titre-action.jpg);}
h2.resultats {background-image: url(../img/titre-resultats.jpg);}

h2.historique {background-image: url(../img/titre-historique.jpg);}
h2.organigramme {background-image: url(../img/titre-organigramme.jpg);}
h2.role-mission {background-image: url(../img/titre-role-mission.jpg);}

h2.proprio {background-image: url(../img/titre-proprio.jpg);}
h2.comment-proprio {background-image: url(../img/titre-comment-proprio.jpg);}
h2.forme-proprio {background-image: url(../img/titre-forme-proprio.jpg);}
h2.contrat {background-image: url(../img/titre-contrats.jpg);}

h2.couleurs {background-image: url(../img/titre-couleurs.jpg);}
h2.acquerir-trotteur {background-image: url(../img/titre-acquerir-trotteur.jpg);}
h2.entraineur {background-image: url(../img/titre-entraineur.jpg);}
h2.assurance {background-image: url(../img/titre-assurance.jpg);}

h2.adherer{background-image: url(../img/titre-adherer.jpg);}

h2.adherent{background-image: url(../img/titre-adherent.jpg);}



/* =================================== */
/* ============== FOOTER ============= */
/* =================================== */

#footer p {
	padding: 10px 2px 0 0;
	text-align:right;
	color: #fff;
	font-size: 0.85em;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #888;
}

/* =================================== */
/* ======= MAJ LUDO 17.01.2011 ======= */
/* =================================== */

div.media{
	float:left;
	width:310px;
	margin:10px 15px 0 0;
}