html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #fff;
	font: 12px Arial, sans-serif;
	color: #555;
}
#centered {
	position: relative;
	margin: auto;
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff;
}
#topMenu {
	width: 100%;
	height: 40px;
	background: #FFF;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #999;
	text-align: center;
	line-height: 50px;
}
#topMenu  a {
	margin: 0 10px;
	font: 20px serif;
}
#sousMenu {
	height: 30px;
	line-height: 26px;
	text-align: center;
	font-size: 11px;
}
#sousMenu a {
	margin: 0 10px;
	font-size: 11px;
}
#header {
	margin: 0 0 20px 0;
	position: relative;
	width: 100%;
	height: 200px;
	background: #222 url(jpg/headerBG.jpg) no-repeat;
}
#siteName {
	position: absolute;
	top: 110px;
	left: 20px;
	font: 30px serif;
	color: #fff;
}
#siteSlogan {
	position: absolute;
	top: 145px;
	left: 20px;
	font: 20px serif;
	color: #598DCD;
}
#content {
	margin: auto;
	width: 860px;
}
#leftContent {
	float: left;
	width: 570px;
}
#rightContent {
	float: right;
	width: 230px;
}
#clear {
	clear: both;
	height: 100px;
}
#footer {
	padding: 20px 0 0 0;
	position: absolute;
	bottom: 0;
	width: 900px;
	height: 50px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #999;
	text-align: center;
}
#fr {
	background: url(gif/frFlag.gif) left no-repeat;
}
#en {
	background: url(gif/enFlag.gif) left no-repeat;
}
/*=============================================================== HTML */
h1 {
	margin: 0;
	font: 34px serif;
	color: #fff;
}
h2 {
	margin: 0 0 10px 0;
	font: 18px serif;
 }
h3 {
	margin: 0 0 10px 0;
	font: 20px serif;
	color: #598DCD;
 }
h4 {
	margin: 0 0 10px 0;
	font: 16px serif;
	font-weight: bold;
 }
p {
	margin: 0 0 20px 0;
	text-align: justify;
	text-indent: 10px;
	line-height: 20px;
}
a {
	outline: none;
	text-decoration: none;
	color: #598DCD;
}
a:hover {
	color: #000;
}
ul {
	margin: 0 0 10px 10px;
	padding: 0;
	list-style-type: none;
}
li {
	padding: 0 0 5px 25px;
	background: url(gif/liBG.gif) 0px 2px no-repeat;
}
hr {
	margin: 10px 30px 20px 30px;
	height: 1px;
	border: 0;
	background: #598DCD;
	color: #598DCD;
}
cite {
	color: #598DCD;
}
.quote {
	margin: 0 0 20px 0;
	padding: 0 30px 0 0;
	background: url(gif/quoteEnd.gif) bottom right no-repeat;
}
.quote p {
	padding: 0 0 0 30px;
	background: url(gif/quoteStart.gif) top left no-repeat;
	font-style: italic;
	color: #598DCD;
}
/*=============================================================== CLASS */
.floatLeft {
	float: left;
	margin: 0 20px 10px 0;
}
.contentImg {
	padding: 3px;
	border: 1px solid #999;
}
.rightContentImg {
	padding: 3px;
	margin: 0 0 15px 0;
	border: 1px solid #999;
}
.encadre {
	padding: 20px 20px 10px 20px;
	margin: 0 0 20px 0;
	background: #FFF url(gif/encadreBG.gif) bottom repeat-x;
	border: 1px solid #999;
	text-align: center;
}
.encadre h3 {
	margin: 0;
}
.encadre p {
	margin: 0 0 10px 0;
}
.brown {
	color: #598DCD;
}
.flag {
	border: none;
}
/*============================================================================================*/
#contactForm {
	width: 400px;
}
#contactForm fieldset {
	border: none;
}
#contactForm label {
	float: left;
	display: inline;
	width: 80px;
}
#contactForm input {
	padding: 1px;
	margin-bottom: 3px;
	width: 200px;
	border: 1px solid #b7b7b7; 
	font-size: 11px;
	color: #808080;
}
#contactForm textarea {
	border: 1px solid #b7b7b7; 
	font-family: georgia, Arial, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #808080;
}
sup {
	margin: 0 5px 0 5px;
	vertical-align: top;
	color: #598DCD;
}
#contactForm .erreur {
	margin-left: 80px;
	vertical-align: top;
	display: none;
 }
#contactForm  a {
	position: relative;
	left: 80px;
	font-weight: bold;
}
#contactFormInfos {
	position: relative;
	left: 10px;
	text-align: left;
}
#send {
	position: relative;
	margin: auto;
	width: 250px;
	text-align: center;
	color: #598DCD;
}