﻿body {
	margin:0px;
	padding:0px;
	background: #000;
	font-family: Verdana, Sans Serif;
	font-size: 12px;
	color: #633;
}
#container {
	width:1024px;
	height:750px;
	margin:0px;
	padding:0px;
	position:absolute;
	margin-left:-512px;
	left:50%;
}
#top {
	position:relative;
	width:1024px;
	height:57px;
	background-image:url('../images/top.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	z-index:2;
}
#center {
	position:relative;
	padding:0px;
	width:1024px;
	height:622px;
	background-image:url('../images/fond.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	z-index:1;
}
#bottom {
	position:relative;
	width:1024px;
	height:58px;
	background-image:url('../images/bottom.jpg');
	background-position:left;
	background-repeat:no-repeat;
}
#BottomMiddle {
	position:absolute;
	width:450px;
	height:50px;
	left:250px;
	top:5px;
}
#logo {
	padding:0;
	margin:20px 0 0 20px;
	width:106px;
	height:85px;
	position:absolute;
	float:left;
	z-index:2;
}
/******Menu Haut******/
#menuH {
	margin: 0;
	padding: 0;
	height: 56px;
	width:844px;
	position: relative;
	float:right;
}
#menuH ul {
	margin: 0 40px 0 0;
	padding: 0;
	position: relative;
	float:right;
	text-align: center;
}
#menuH ul li {
	margin: 10px 6px 0 6px;
	padding: 0;
	position: relative;
	display: block;
	float: left;
	height: 26px;
	font-size:12px;
	color:#633;
	text-align: center;
}
#menuH a, #menuH a:visited {
	font-size: 12px;
	color: #633;
	font-weight:bold;
	text-decoration: none;
}
#menuH a:hover, #menuH a:active {
	font-size: 12px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}
/*********************/
/******Menu Bas******/
#BottomRight{
	margin:0;
	padding:0;
	width:320px;
	position:absolute;
	left:700px;
	top:5px;
}
#BottomRight ul {
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	float:right;
	text-align: left;
}
#BottomRight ul li {
	margin: 0 10px 0 10px;
	padding: 0;
	position: relative;
	display: block;
	float: left;
	height: 26px;
	font-size:12px;
	color:#633;
	text-align: left;
}
#BottomRight a, #BottomRight a:visited {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
#BottomRight a:hover, #BottomRight a:active {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
/*********************/
#left{
	margin:60px 0 0 20px;
	padding:0;
	width:500px;
	position:relative;
	float:left;
}
#right{
	margin:80px 0 0 0;
	padding:0;
	width:500px;
	position:relative;
	float:right;
}
#titreAccueil {
	margin:0;
	padding:0;
	position:relative;
	width:470px;
	text-align:left;
}
#texteAccueil {
	margin:0;
	padding:0;
	position:relative;
	width:280px;
	text-align:left;
}
#charte {
	padding:5px 5px 5px 5px;
	margin:0px;
	position:absolute;
	width:250px;
	height:205px;
	left:40px;
	top:20px;
	text-align:justify;
	background-color:#fff;
	filter : alpha(opacity=65); 
    -moz-opacity : 0.65; 
    opacity : 0.65;
}
#EDF {
	padding:0;
	margin:0;
	position:absolute;
	width:100px;
	height:100px;
	left:355px;
	top:-40px;
}
#adresse {
	padding:5px 5px 5px 5px;
	margin:0px;
	position:absolute;
	width:170px;
	height:125px;
	left:220px;
	top:280px;
	text-align:left;
	background-color:#fff;
	filter : alpha(opacity=75); 
    -moz-opacity : 0.75; 
    opacity : 0.75;
}
#BottomLeft{
	margin:0;
	padding:0;
	width:240px;
	position:relative;
	float:left;
}
#change {
	padding:0;
	margin:10px 0 0 20px;
	position:relative;
	font-size:14px;
	font-weight:bold;
	color:#c93;
	width:220px;
	text-align:center;
}
#leftPage{
	margin:60px 0 0 20px;
	padding:0;
	width:350px;
	position:relative;
	float:left;
}
#leftPage2{
	margin:60px 0 0 20px;
	padding:0;
	width:300px;
	position:relative;
	float:left;
}
#rightPage{
	margin:104px 20px 0 0;
	padding:0;
	width:580px;
	position:relative;
	float:right;
}
#RealPage{
	margin:104px 20px 0 0;
	padding:0;
	width:640px;
	position:relative;
	float:right;
	background-color:#fff;
	filter : alpha(opacity=85); 
    -moz-opacity : 0.85; 
    opacity : 0.85;
}
#titrePage {
	margin:0;
	padding:0;
	position:relative;
	width:470px;
	text-align:left;
}
#GauchePage {
	margin:-20px 0 0 0;
	padding:10px 10px 10px 10px;
	position:relative;
	width:340px;
	height:460px;
	text-align:center;
}
#GauchePage2 {
	margin:0;
	padding:0;
	position:relative;
	width:340px;
	height:430px;
	text-align:center;
}
#textePage {
	margin:0;
	padding:0 5px 5px 5px;
	position:relative;
	width:570px;
	height:460px;
	text-align:justify;
	background-color:#fff;
	overflow:auto;
	filter : alpha(opacity=85); 
    -moz-opacity : 0.85; 
    opacity : 0.85;
}
#textePage2 {
	margin:0;
	padding:0 5px 5px 5px;
	position:relative;
	width:340px;
	height:430px;
	text-align:justify;
	background-color:#fff;
	overflow:auto;
	filter : alpha(opacity=85); 
    -moz-opacity : 0.85; 
    opacity : 0.85;
}
#textePageCredit {
	margin:200px 0 0 0;
	padding:0 5px 5px 5px;
	position:relative;
	width:390px;
	height:200px;
	text-align:justify;
	background-color:#fff;
	overflow:auto;
	filter : alpha(opacity=85); 
    -moz-opacity : 0.85; 
    opacity : 0.85;
}
/*****Textes******/
h1 {
	font: Verdana;
	font-size: 40px;
	color: #c93;
	font-weight: bold;
}
h2 {
	font: Verdana;
	font-size: 20px;
	color: #c93;
	font-weight: bold;
}
p {
	font: Verdana;
	font-size:14px;
	color:#933;
}
.texte {
	font: Verdana;
	font-size:14px;
	color:#933;
}
.mini {
	color:#633;
	font-size:11px;
}
.lien {
	font-size: 12px;
	color: #633;
	font-weight:bold;
	text-decoration: none;
}
.lien a, .lien a:active, .lien a:visited .lien a:hover {
	font-size: 12px;
	color: #633;
	font-weight:bold;
	text-decoration: none;
}
