html,body {
	width: 100%;
	height: 100%;
	margin: 0px;
	background-color: #fdfcf8;
	text-align: center;
}
#conteneur {
	position :relative;
	width: 680px;
	height: 680px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#top_l {
	position: relative;
	float: left;
	width: 240px;
	height: 165px;
	background-image: url(./img/top_l.png);
}
#top {
	position: relative;
	float: left;
	width: 180px;
	height: 165px;
}
#top_r {
	position: relative;
	float: left;
	width: 225px;
	height: 165px;
	background-image: url(./img/top_r.png);
}
#link {
	position: absolute;
	top: 0px;
	left: 240px;
	width: 180px;
	height: 140px;
}
#middle {
	position: relative;
	float: left;
	background-repeat: repeat-y;
	width: 645px;
	height: auto !important;
	height: 435px;
	min-height: 435px;
	background-image: url(./img/middle.png);
	font: 12px "Century Gothic", arial, sans-serif;
}
#middle div{	
	padding: 0px 10px 0px 15px;
	text-align: center;
}
#text {
	position: relative;
	width: 560px;
	height: 420px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	scrollbar-face-color:#1D1D1D;
    scrollbar-highlight-color:#1D1D1D;
    scrollbar-shadow-color:#1D1D1D;
    scrollbar-3dlight-color:#1D1D1D;
    scrollbar-arrow-color:#FDFCF8;
    scrollbar-track-color:#F4CF48;
    scrollbar-darkshadow-color:#1D1D1D;
}

#barre {
	float: right;
	width: 35px;
	height: 635px;
	margin-top: 45px;
	background-color: #fdfcf8;
}
#barre img {
	display: block;
	border: 0px;
}
#barre a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50; opacity:0.5;
}
#foot {
	position: relative;
	float: left;
	width: 645px;
	height: 80px;
	background-image: url(./img/foot.png);
}
#foot div {
	padding: 43px 5px 5px 5px;
	text-align: center;
	font: 12px "Century Gothic", arial, sans-serif;
	color: #fff;
}
#foot a,a:hover,a:visited {
	font: 12px "Century Gothic", arial, sans-serif;
	color: #fff;
	text-decoration: none;
}
.inputText {
	color: #FDFCF8;
	background-color: #535353;
	border: 1px solid #535353;
}

.focus {
	color: #535353;
	background-color: #FDFCF8;
	border: 1px solid #535353;
}
fieldset {
	width: 90%;
	margin: 0px;
	border: 2px none;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
label {
	margin: 5px;
}
fieldset p {
	margin: 0px;
}
form {
	margin: 0px;
	padding: 4px;
}
form td {
	width: 50%;
	text-align: right;
	font: 12px "Century Gothic", arial, sans-serif;
	border: 5px;
}
#contact td {
	width: 280px;
	text-align: right;
	font: 12px "Century Gothic", arial, sans-serif;
	border: 5px;
}
#errors {
	width: 90%;
	height: 50px;
	padding: 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;

}
#errors h1 {
	width: 100%;
	color: #535353;
	margin: 0px;
	font-size: 15px;
	text-align: left;
}
#errors p {
	margin: 0px;
	text-align: left;
}
.valid {
	margin: 0px;
	text-align: center;
}
.valid input {
	margin-top: 5px;
	margin-right: 10px;
}
#mentions {
	text-align: left;
	font: 9px "Century Gothic", arial, sans-serif;
}
#mentions p {
	text-align: left;
	margin: 0px;
}
p {
	margin: 0px;
}
input {
	text-align: center;
}
h1 {
	text-decoration: underline;
}
a,a:visited {
	color: #4B494A;
	text-decoration: underline;
}
a:hover {
	color: #4B494A;
	text-decoration: none;
}
#middle p a,a:visited,a:hover {
	text-decoration: none;
}
#middle p a img {
	border: 0px;
}