body {
	background-repeat: repeat;
	background-color: #CCB613;
}
#principal {
	height: 750px;
	width: 962px;
	position: absolute;
	left: 10px;
	background-color: #6A2A2A;
	top: 30px;
	margin-left: 10px;
	float: left;
	background-repeat: repeat-x;
	z-index: 3;
}


#gauche {
	float: left;
	height: 750px;
	width: 175px;
}
#ecran {
	height: 360px;
	width: 480px;
	float: left;
	position: absolute;
	left: 314px;
	top: 171px;
	z-index: 2;
}

#logo {
	float: left;
	height: 220px;
	width: 175px;
	background-image: url(logo_site.JPG);
	background-repeat: no-repeat;
	background-position: center center;
}
#navigation {
	float: left;
	height: 220px;
	width: 175px;
	margin-top: 0px;
	position: absolute;
	left: 0px;
	top: 220px;
	z-index: 4;
}
#navigation_bis {
	height: 123px;
	width: 174px;
	position: absolute;
	left: 0px;
	top: 222px;
	text-align: left;
	z-index: 1;
	background-color: #333333;
}
#contenu_principal {
	height: 651px;
	width: 476px;
	float: left;
	position: absolute;
	left: 323px;
	top: 26px;
	z-index: 6;
	background-image: url(images/logo_fond_site.JPG);
	background-repeat: no-repeat;
	background-attachment: fixed;
}
#En_tete {
	float: left;
	height: 450px;
	width: 700px;
	position: absolute;
	left: 210px;
	top: 26px;
	z-index: 0;
	color: #FFFF66;
	background-color: #6A2A2A;
}
#vignette1 {
	height: 250px;
	width: 350px;
	background-color: #CCB613;
	float: left;
}
#vignette2   {
	height: 250px;
	width: 350px;
	background-color: #0066CC;
	float: left;
}
#vignette3 {
	height: 250px;
	width: 350px;
	background-color: #33CC66;
	float: left;
}
#vignette4 {
	height: 250px;
	width: 350px;
	float: left;
	background-color: #FF0000;
}








a:visited {
	text-transform: uppercase;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	margin-left: 10px;
	text-decoration: none;
}

a:hover {
	text-transform: uppercase;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	margin-left: 10px;
	text-decoration: none;
}
a:active {
	text-transform: uppercase;
	color: #FFCC66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	margin-left: 10px;
	text-decoration: none;
}
a:link {
	text-transform: uppercase;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	margin-left: 12px;
	text-decoration: none;
}


h3 {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: 700;
	margin-left: 5px;
	color: #FFFFFF;
}
h1 {
	color: #C7B427;
	font-size: 36px;
	font-weight: 700;
	font-family: Georgia, "Times New Roman", Times, serif;
}