body {
	font-size: small;
	font-family: Verdana, Arial, sans-serif;
	background-color: #2D3751;
}
#container {
	width: 840px;
	margin: 0 auto;
	background-color: #7B8CB5;
	color: #000;
	border: 1px solid #89a;
}
#masthead {
    width: 840px;
    margin: 0px;
    overflow: auto;
    text-align: right;
}
#navigation {
    clear: both;
    margin: 0px;
    padding: 0px;
    background-color: #EBE4DC;
    overflow: hidden;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #89a;
}
#gauche {
    border: 0px;
    float: left;
    width: 600px;
    background-color: #EBE4DC;
    position: relative;
    margin: 10px 15px 10px 0px;
    padding: 0 10px 10px 32px;
}
#blanc {
    width: 570px;
    background: #FEFDFC;
    border: 1px solid #F7EEE6;
    padding: 5px 0 5px 5px;
    margin: 15px 0px;
}
#droite {
    width: 160px;
    float: right;
    background-color: #EBE4DC;
    position: relative;
    margin: 10px 0px 10px 0px;
    padding: 0 10px 10px 10px;
    color: #3A2F21;
}

/* Styles pour le titre */
#masthead img {
	float: left;
}
/* Styles pour les éléments de navigation */
#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a {
	text-decoration: none;
	margin: 0 2px 0 0;
	padding: 5px;
	display: block;
	background-color: #485982;
	color: #fff;
	border-right-color: #89a;
	border-right-width: 2px;
	border-right-style: solid;
	font-weight: bold;
}
#navigation a:hover {
	color: #000;
}
#droite ul {   
    float: left;
	list-style-type: none;
	width: 98%;
	margin: 0;
	padding: 0;
}
#droite li {
    float: left;
    width: 98%;
    display: block;
    margin: 4 0 0 0;
    padding: 4 0 0 0;
}
#droite a {
    text-decoration: none;
    margin: 0;
    padding: 5px;
    display: block;
    border: 1px solid #EBE4DC;
    background-color: #CDBCA9;
    color: #3A2F21;
    font-weight: bold;
}
#droite a:hover {
    color: #fff;
}
#droite p {
	margin: 25px 0 4px 0px;
	font-weight: bold;
}

/* Styles pour le contenu */
h1 {
    font-size: 1.5em;
    margin-top: 38px;
    margin-bottom: 15px;
    color: #3A2F21;
}
h2 {
    font-size: 1.1em;
    margin-top: 35px;
    margin-bottom: 2px;
}
h3 {
	font-size: 1em;
}
hr {
	color: #EBE4DC;
}
#droite img {
	border: 1px solid #89a;
	width: 70px;
	height: 41px;
}
#gauche img {
	text-align: center;
	}
/* Styles pour le pied de page */
#pied {
	text-align: center;
	background-color: #485982;
	margin: 0px;
	padding: 0px;
	width: auto;
	clear: both;
	overflow: auto;
	width: 840px;
}
#pied p {
    color: #fff;
    font-size: small;
    margin-top: 8px;
    margin-bottom: 6px;
}
#pied a {
	color: #fff;
	text-decoration: underline;
}
#pied a:hover {
	color: #000;
	text-decoration: none;
}
/* Styles pour les liens */
a {
    color: #302C43;
    text-decoration: underline;
    font-weight: bold;
}
a:visited {
    color: #73879B;
}
a:hover {
    color: #800000;
    text-decoration: underline;
}
.img_milieu {
    vertical-align: middle;
}
.xpetit {
	font-size: x-small;
}
.bordure1 {
	border: 1px solid #8899AA;	
	vertical-align: middle;
}
.bordure0 {
	border-width: 0px;
}