html {
	overflow: scroll;
}

body {
	margin:37px 0 37px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#5e5b4a;
	line-height:1.4em;
}

#page {
	margin:0;
	padding:0;
	position:relative;
	width:960px;
	text-align:justify;
}

h1 {
	margin:0 0 0.5em 0;
	padding-top:15px;
	color:#959a49;
	font-size:1.5em;
}

h2 {
	margin:0 0 0.5em 0;
	color:#545726;
	font-size:18px;
}

h3 {
	clear:both;
	width:100%;
	margin:0 -15px 0.4em -15px;
	padding:3px 15px 4px 15px;
	font-size:1.2em;
	color:#5e5b4a;
	background-color:#eaebdb;
}

h4 {
	clear:both;
	margin:2em 0 0em 0;
	font-size:1em;
	color:#959a49;
}

h5 {
	margin:0 0 0em 0;
	font-size:1em;
	font-weight:bold;
}

h6 {
	margin:0 0 0em 0;
	font-size:1em;
	font-weight:normal;
}

ul {
	margin:0 0 1em 0;
	padding:0;
	width:100%;
}

ul li {
	margin:1px 0 0 35px;
	padding:3px 0;
	list-style-type:none;
	background:url(../img/gradient_horizontal.gif) right bottom no-repeat;
}

ul li a {
	color:#5e5b4a;
	text-decoration:none;
}

ul li a:hover {
	color:#5e5b4a;
	text-decoration:underline;
}

hr {
	margin:0 0 0.5em -1px;
	padding:0;
	border:0 !important;
	border:1px solid #ffffff;
	height:1px !important;
	height:3px;
	color:#ced1ab;
	background:#ced1ab url(../img/gradient_horizontal.gif) right 0 no-repeat;
	clear:both;
}

a {
	color:#959a49;
	text-decoration:underline;
}

a:hover {
	color:#545726;
	text-decoration:none;
}

img {
	border:0;
}

img.photo {
	float:left;
	margin:0 1em 1em 0;
}

table {
	margin:0 0 1em 0;
	padding:0;
	border-collapse:collapse;
	font-size:1em;
}

p {
	margin:0 0 1em 0;
}

.green {
	color:#959a49;
}

.smaller {
	font-size:0.9em;
}

.larger {
	font-size:1.2em;
}

p.line_top {
	padding:3px 0;
	background:#fff url(../img/gradient_horizontal.gif) right 0 no-repeat;
}

.back {
	font-weight:bold;
	margin-left:35px;
	padding-left:15px;
	background:url(../img/previous.gif) 0 0.4em no-repeat;
	text-decoration:underline;
	text-align:right;
	color:#545726;
}

.previous {
	float:left;
	font-weight:bold;
	margin-left:35px;
	padding-left:15px;
	background:url(../img/previous.gif) 0 0.4em no-repeat;
	text-decoration:underline;
	color:#545726;
}

.next {
	float:right;
	font-weight:bold;
	margin-right:35px;
	padding-right:15px;
	background:url(../img/next.gif) right 0.4em no-repeat;
	text-decoration:underline;
	color:#545726;
}

table.presentation {
	width:75%;
}

table.presentation td {
	vertical-align:top;
}

table.presentation td img {
	margin:0 15px 0 0;
}

.clear {
	clear:both;
}

div.enrobage {
	margin:0 15px 0 15px;
}

form {
	margin:0;
	padding:0;
}

/* ------------------------------------------------------------------------
	Entete commune à toutes les pages
------------------------------------------------------------------------ */
#entete, #entete ul, #entete li {
	margin:0;
	padding:0;
	list-style:none;
}

#entete {
	height:104px;
}

#logo {
	margin:0;
	padding:0 0 0 15px;
	position:absolute;
	top:0;
	left:0;
}

/* ------------------------------------------------------------------------
	Menu du haut
------------------------------------------------------------------------ */
#menu_top {
	float:right;
	width:800px;
	font-size:0.8em;
	text-transform:uppercase;
	text-align:right;
}

#menu_top ul {
	float:right;
	margin:0;
	background:none;
	overflow:visible;
	width:auto;
}

#menu_top li {
	float:left;
	margin:0 0 0 27px;
}

#menu_top a {
	color:#7c7a6c;
	text-decoration:none;
}

#menu_top a:hover {
	text-decoration:underline;
}

#menu_top .actif {
	font-weight:bold;
}

/* ------------------------------------------------------------------------
	Menu principal
------------------------------------------------------------------------ */
#menu {
	margin-top:72px;
	clear:both;
	float:right;
	width:100%;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

#menu ul {
	float:right;
	margin:0;
	background:none;
	overflow:visible;
	width:auto;
}

#menu li {
	float:left;
	margin:0 50px 0 0;
	position:relative;
}

#menu li#contact {
	margin-right:0;
}

#menu li a {
	color:#aeada4;
	text-decoration:none;
}

#menu li a:hover, #menu li.actif a, #menu li:hover ul li a:hover {
	color:#545726;
}

/* Sous-menus dynamiques ----- */
#menu li ul {
	visibility: hidden;
	position: absolute;
	top:100%;
	left:-10px;
	z-index:100;
	border-top:5px solid #ffffff;
	border-bottom: 1px solid #cacca4;
	background:#ffffff;
	width:175px;
}

#menu li:hover ul {visibility:visible;}

#menu li ul li {
	margin:0;
	padding:0;
	width:175px;
	list-style:none;
}
#menu li ul li a, #menu li.actif ul li a {
	display: block;
	padding: 4px 10px;
	color: #cacca4;
	border-top: 1px solid #cacca4;
	text-decoration: none;
	text-align:left;
}

#menu .actif a, #menu li ul li.actif a {
	color:#545726;
}

/* ------------------------------------------------------------------------
	Introduction sur la page d'accueil
------------------------------------------------------------------------ */
#intro {
	float:left;
	margin-bottom:17px;
	width:505px;
	font-size:1.4em;
}

#intro h1, #intro p {
	padding:0 80px 0 15px;
}

#intro h1 {
	margin:0 0 0.4em 0;
	font-size:1em;
	color:#959a49;
	text-transform:uppercase;
}

#intro p {
	line-height:1.6em;
}

/* ------------------------------------------------------------------------
	Nouvelles sur la page d'accueil
------------------------------------------------------------------------ */
#home #news {
	float:left;
	margin-bottom:5px;
	width:455px;
}

#news {
}

#news h2 {
	margin:0 0 0.4em 0;
	color:#959a49;
	font-size:1em;
	text-transform:uppercase;
}

#home #news ul li {
	background:none;
	margin-top:0;
	margin-left:0;
	border-bottom:1px solid #cacca4;
}

#news a {
	color:#5e5b4a;
	text-decoration:none;
	display:block;
}

#news a:hover {
	color:#5e5b4a;
	text-decoration:underline;
}

#news a.archives {
	color:#959a49;
}

.date {
	color:#5e5b4a;
	font-weight:bold;
}

.categorie {
	color:#959a49;
	font-weight:bold;
}

/* ------------------------------------------------------------------------
	Nouvelles sur la page d'accueil
------------------------------------------------------------------------ */
#inscription {
	float:left;
	margin:0;
	padding:0;
	width:455px;
	background:url(../img/ico-enveloppe.gif) 0 0 no-repeat;
}

#inscription h2 {
	margin:0 0 0.4em 30px;
	padding:0;
	color:#959a49;
	font-size:1em;
	text-transform:uppercase;
}

#inscription p {
	margin:0 0 0 30px;
	padding:0;
}

#inscription input.champ {
	width:207px;
	margin-right:15px;
	padding:2px 5px 3px 5px;
	font-size:0.9em;
	color:#a2a2a2;
	border:1px solid #fff;
	border-bottom-color:#cfcfcf;
	border-right-color:#cfcfcf;
	background:#fff;
}

#inscription input.champInvalide {
	color:#CC0000;
}

#inscription input.bouton {
	padding:2px 5px 2px 5px;
	font-weight:bold;
	font-size:0.9em;
	color:#949947;
	text-transform:uppercase;
	border:1px solid #969b4b;
	background:#e9ecdb;
}

/* ------------------------------------------------------------------------
	Corps de la page
------------------------------------------------------------------------ */
#corps {
	margin:22px 0 0 0;
	padding:0;
}

#home #corps {
	margin-top:43px;
}

/* ------------------------------------------------------------------------
	Fil d'ariane
------------------------------------------------------------------------ */
#fil_ariane {
	margin:0 0 11px 15px;
	color:#7c7a6c;
	font-size:0.8em;
}

#fil_ariane a {
	color:#7c7a6c;
	text-decoration:none;
}

#fil_ariane a:hover {
	text-decoration:underline;
}

/* ------------------------------------------------------------------------
	Titre de la page
------------------------------------------------------------------------ */
#titre {
	margin:0 0 15px 0;
	padding:0;
	height:76px;
	clear:both;
	background:#eaebdb url(../img/fond_titre.gif) 100% 0 no-repeat;
}

#titre h1 {
	margin:0 0 2px 15px;
	font-size:1.5em;
	color:#959a49;
}

#titre h2 {
	margin:0 0 0 15px;
	font-size:1em;
	text-transform:uppercase;
}

/* ------------------------------------------------------------------------
	Mise en page 3 colonnes
------------------------------------------------------------------------ */
#home .colonne1, #home .colonne2, #home .colonne3 {
	margin-top:0;
}

.colonne1, .colonne2, .colonne3 {
	margin-top:15px;
	float:left;
	width:300px;
	background:url(../img/separateur_colonnes.gif) 100% 0 no-repeat;
}
.colonne2 {
	width:330px;
}

.colonne3 {
	background:none;
}

.colonne1 p, .colonne1 h4 {
	padding:0 15px 0 0;
}

.colonne2 p, .colonne2 h4 {
	padding:0 15px 0 15px;
}

.colonne3 p, .colonne3 h4 {
	padding:0 0 0 15px;
}

.colonne1 img, .colonne2 img, .colonne3 img {
	position:absolute;
	bottom:0;
}

.colonne3 img {
	margin-bottom:5px;
}

.colonne1 a, .colonne2 a, .colonne3 a {
	text-decoration:none;
}

.colonne1 h4, .colonne2 h4, .colonne3 h4 {
	margin:0;
	text-transform:uppercase;
}

.colonne1 .logo, .colonne2 .logo, .colonne3 .logo {
	margin:0 0 23px 0;
	height:65px;
	position:relative;
}

/* ------------------------------------------------------------------------
	Pied de page
------------------------------------------------------------------------ */
#pied {
	margin:20px 0 20px 15px;
	font-size:0.9em;
	color:#aeada4;
}