@CHARSET "ISO-8859-1";

/* Corps de la page (zone active) */
body {
	background: rgb(0, 0, 0);
	background-image: url(fond.jpg);
	padding: 0px;
	margin: 0px;
}

.cadregeneral {
	height: 80%;
	width: 100%;
	overflow: auto;
	position: absolute;
	top: 15%;
	z-index: 5;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.contenu {
	z-index: 5;
	position: relative;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 110%;
	top: 0%;
	left: 22%;
	right: 22%;
	bottom: 1%;
	text-align: center;
	color: rgb(255, 255, 102);
	width: 55% !important;
}

.contenu * :link {
	color: rgb(244, 182, 23);
}

.contenu * :visited {
	color: rgb(244, 182, 23);
}

.contenu * :hover {
	color: rgb(244, 244, 230);
}

.cadregauche {
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;	
	font-size: 100%;
	z-index: 5;
	position: absolute;
	top: 10%;
	left: 1%;
	bottom: 0%;
	text-align: left;
	color: rgb(255, 255, 102);
	width: 20%;
}

.cadregauche :link {
	color: rgb(255, 255, 255);
}

.cadregauche :visited {
	color: rgb(255, 255, 255);
}

.cadredroite {
	z-index: 5;
	position: absolute;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 100%;
	top: 10%;
	right: 0%;
	bottom: 2%;
	text-align: left;
	color: rgb(255, 255, 102);
	width: 20%;
}

.cadredroite * :link {
	color: rgb(255, 255, 255);
}

.cadredroite * :visited {
	color: rgb(255, 255, 255);
}

.background {
	z-index: 1;
	position: fixed;
	text-align: center;
	filter:blur;		
	width: 100%;
	height: 100%;
}

.titre {
	top: 0%;
	z-index: 4;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
}

.animation {
	top: 0%;
	z-index: 2;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
}

.transparent {
	z-index: 3;
	position: absolute;
	font-size: 130%;
	top: 0%;
	left: 21.5%;
	right: 21.5%;
	bottom: 0%;
	text-align: center;
	background-color: rgb(0, 0, 0);
	opacity: 0.5;
	filter: alpha(opacity = 50);
	border-left: 1px;
	border-right: 1px;
	width: 56%;
	height: 95%;
	overflow: no;
}