body {
color: #000000;
font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
margin: 0 auto;
background: #3a5b46 url(../images/fond_body_haut.png) top center no-repeat;
text-align: center; /* pour corriger le bug de centrage IE */
}

/* Lists */

ul, ol, dl
{
	margin: 1em 0;
	line-height: 1.8em;
}

ol li { margin-left: 2.5em; }

ul { padding-left: 2em; list-style-type: square ; }

/* Logo */

#header
{
	margin: 0 auto;
	background: url(../images/logo.png) center no-repeat;
	height:50px;
}

/* Menu haut */

#navigation
{
	height: 50px;
	clear: both;
	margin: 0 auto;
	/*background: url(../images/fond_menu_haut.png) bottom repeat-x;*/
	width: 962px;
}

#navigation ul { list-style-type: none; margin: 0 auto; padding: 0; width: 950px; line-height: 1.5em;}

#navigation li { float: left; }

#navigation a
{
	float: left;
	display: block;
	color: white;
	padding-top: 9px;
	padding-bottom: 15px;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 8px;
	text-decoration: none;

}

#navigation li.active a
{
	color: #feea0d;
	font-weight: bold;
	background-color: #577e46;
	text-decoration: none;
	background-image: none;
}

#navigation a:hover, #navigation a:active { color: #feea0d; background-color: #577e46; text-decoration: none; background-image: none;}


/* Sous menu */

#about
{
	clear: both;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(../images/fond_about.png) center top no-repeat;

}

#about .texte
{
	margin: 0 auto;
	color: #ffffff;
	padding-left : 160px;
	padding-right : 10px;
	background: url(../images/sigle_drapeau.png) left no-repeat;
	text-align : left;
	width: 790px;
}

#about a
{
	text-decoration: underline;
	color: #ffdb39;
	font-size:12px;
	font-weight: bold;
}

#about a:hover
{
	text-decoration: underline;
	color: #ffffff;
	font-size:12px;
	font-weight: bold;
}

#bas_about
{
	margin: 0 auto;
	height: 10px;
	background: url(../images/bas_about.png) bottom no-repeat;
}

/* Texte central */ 

#content
{
	clear: both;
	width: 962px;
	margin: 0 auto;
	background: url(../images/fond_texte.png) repeat-y;
	padding-top: 25px;
	padding-bottom: 25px;
}

#content .texte
{
	width : 890px;
	margin-left : 26px;
	margin-right : 26px;
	color : #000000;
	text-align: left;
}

#content .titre {
text-decoration: none;
color: white;
font-size:13px;
font-weight:bold;
background: url(../images/titre.jpg) no-repeat;
height: 20px;
width: 890px;
padding-left: 35px;
padding-top: 1px;
}

#content .titre2 {
text-decoration: none;
color: white;
font-size:13px;
font-weight:bold;
background: url(../images/titre2.png) no-repeat;
height: 17px;
width: 880px;
padding-left: 10px;
border: 1px solid #395a21;
}

/* Menu Bas */

#menu_bas
{
	clear: both;
	margin: 0 auto;
	color: #d5cceb;
	padding-top: 10px;
	padding-bottom: 20px;
	background: #3a5b46 url(../images/fond_bas.png) center repeat-y;
}

/* Links */

a.blanc_titre {
text-decoration: none;
color: white;
font-size:13px;
font-weight:bold;
}

a.blanc_titre:hover {
text-decoration: none;
color: yellow;
font-size:13px;
font-weight:bold;
}

a.menu_bas {
text-decoration: none;
color: #FFFF99;
font-size:11px;
}

a.menu_bas:hover {
text-decoration: underline;
color: white;
}

a.menu_bas2 {
text-decoration: underline;
color: #ffdb39;
font-size:13px;
font-weight:bold;
}

a.menu_bas2:hover {
text-decoration: underline;
color: white;
font-weight:bold;
}

a {
text-decoration: underline;
color: #010199;
font-size:12px;
}

a:hover {
text-decoration: underline;
color: #000000;
}

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Georgia, serif; margin : 0;  }

/*h1 { font-size: 28px; color : #ffffff; }
h1 { font-size: 35px; color : #ffffff; font-family: Monotype Corsiva;}*/

h1 {
	color : #076BA7;
	margin: 0 auto;
	font-size : 15px;
	font-weight: bold;
}

h1 .titre_page { font-size: 28px; color : black; }

h2 { font-size: 28px; }

h3 { font-size: 24px; }

h4, h5, h6 { font-size: 20px; color : #ffdb39; } /*padding-bottom: 15px;*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: normal; border-bottom-width: 0; }

/* Images */

.drop-shadow
{
	float: left;
	position: relative;
	margin: 0 10px 0 0 !important;
	background: transparent url(../images/drop_shadow.png) bottom right no-repeat !important;
	background: transparent url(../images/drop_shadow_ie.gif) bottom right no-repeat;
}

.drop-shadow img
{
	padding: 4px;
	display: block;
	position: relative;
	margin: -6px 6px 6px -6px;
	background-color: #ffffff;
	border: 1px solid #a9a9a9;
}

.drop-shadow p
{
	right: 11px;
	bottom: 0px;
	color: #eeeeee;
	padding: 5px 10px;
	position: absolute; 
	background-color: #2e333b;
	border-top: 1px solid #111111;
}

.drop-shadow a { border-bottom-width: 0; }

.drop-shadow-right
{
	float: right;
	position: relative;
	margin: 10px 0 0 0 !important;
	background: transparent url(../images/drop_shadow.png) bottom right no-repeat !important;
	background: transparent url(../images/drop_shadow_ie.gif) bottom right no-repeat;
}

.drop-shadow-right img
{
	padding: 4px;
	display: block;
	position: relative;
	margin: -6px 6px 6px -6px;
	background-color: #ffffff;
	border: 1px solid #a9a9a9;
}

.drop-shadow-right p
{
	right: 11px;
	bottom: 0px;
	color: #eeeeee;
	padding: 5px 10px;
	position: absolute; 
	background-color: #2e333b;
	border-top: 1px solid #111111;
}

.drop-shadow-right a { border-bottom-width: 0; }