/* CSS Document */

/* Mes div */
#main {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100%;
	z-index:1;
}

#copyright {
	position:relative;
	top:680px;
	margin-left:auto;
	margin-right:auto;
	width:600px;
	padding:0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em; /* � adapter pour la police choisie. (3) */ 
	line-height: 1.2; /* � adapter au design. (4) */ 
	color: #BDBDBD;
	text-align:right;
}

#conteneur_anim {
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100%;
	top:10px;
	z-index:2;
}

#anim {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#menu_texte {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:635px;
	text-align:center;
	width:712px;
	z-index:3;
	padding:0px;
}

#menu {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:630px;
	text-align:center;
	width:712px;
	z-index:2;
	padding:0px;
}

.elt_menu_texte {
	margin-left:0px;
	margin-top:0px;
	text-align:center;
	font-weight:bold;
	display:block;
}

.elt_menu {
	float:left;
	margin-left:0px;
	margin-top:0px;
	text-align:center;
}

#popup {
	position:absolute;
	display:none;

	margin-top:95px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
	width:100%;
	height:570px;
	z-index:4;
}



#news {
	position:absolute;

	margin-top:145px;
	margin-left:865px;
	
	z-index:3;
}

.zone_grise {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
	/*-moz-opacity:0.2;
	opacity:0.2;
	filter:alpha(opacity=20);*/
	
	/*background-color:#000000;*/
	background-color:#DEDEDE;
	width:710px; /* anciennement 860px */
	height:570px;
	z-index:5;
}

.zone_blanche {
	position:relative;
	margin-top:-530px;
	
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	
	-moz-opacity:1.0;
	opacity:1.0;
	filter:alpha(opacity=100);
	
	/*background-image:url(../Icono/fond_blanc.png);*/
	background-color:#FFFFFF;
	width:640px; /*anciennement 800px*/
	height:500px;
	z-index:6;
}

.croix {
	float:right;
	margin-top:45px;
	margin-right:35px;
	text-align:center;
	width:15px;
	height:15px;
}

.logo {
	float:left;
	margin-top:20px;
	margin-left:20px; /*anciennement 35px*/
	text-align:left;
	width:200px;
	height:80px;
	
	color:#F02D56;
	line-height:20px;
}

.fleche_logo {
	font-size:1.25em;
	color:#FECFA5;
}

.prune {
	font-size:1.75em;
	font-weight:700; /*anciennement bold*/
	letter-spacing:2px; /*anciennement 3px*/
}

.content {
	float:left;
	margin-top:-80px; /*anciennement -80px*/
	margin-left:140px; /*anciennement 155px*/
	width:480px; /*anciennement 610px*/
	height:320px;  /*anciennement 340px*/
	/*background-color:#99FF66;*/
}

.legend {
	float:left;
	margin-top:10px;
	margin-left:140px; /*anciennement 155px*/
	text-align:left;
	width:480px; /*anciennement 610px*/
	height:50px;
	
	color:#B18D70;
	
	/*background-color:#FF9933;*/
}

.scroll {
	float:left;
	margin-top:10px;
	margin-left:140px; /*anciennement 155px*/
	text-align:left;
	width:480px; /*anciennement 610px*/
	height:70px;
	/*background-color:#6666FF;*/
}

.back {
	position:absolute;
	top:470px; /*anciennement 475px*/
	left:20px; /*anciennement 35px*/
	text-align:center;
	width:60px;
	height:10px;
	
	text-align:left;
	vertical-align:bottom;
	color:#F02D56;
	
	/*background-color:#FF0000;*/
}

.fleches {
	position:absolute;
	top:465px; /*anciennement 475px*/
	left:85px; /*anciennement 100px*/
	text-align:center;
	width:40px;
	height:15px;
	
	/*background-color:#6666FF;*/
}

.fleches_vert {
	position:absolute;
	top:300px; /*anciennement 440px*/
	left:110px;
	text-align:center;
	width:15px;
	height:40px;
	
	/*background-color:#6666FF;*/
}

.fleche_gauche {
	float:left;
	margin-top:0px;
	margin-left:0px;
	text-align:center;
	width:18px;
	height:13px;
}

.fleche_droite {
	float:left;
	margin-top:0px;
	margin-left:3px;
	text-align:center;
	width:19px;
	height:14px;
}

.fleche_haut {
	float:left;
	margin-top:0px;
	margin-left:0px;
	text-align:center;
	width:13px;
	height:16px;
}

.fleche_bas {
	float:left;
	margin-top:8px;
	margin-left:0px;
	text-align:center;
	width:13px;
	height:16px;
}

.vignette {
	margin-left:5px;
}

.zone_rose {
	float:left;
	margin-top:5px;
	margin-left:35px;
	text-align:justify;
	
	background-image:url(../Icono/fond_rose.png);
	width:730px;
	height:385px;
	z-index:8;
}

/********** Gestion d'images ************/
.clickable {
	cursor:pointer;
}

/********** Pour les tests. A supprimer à la fin ! ************/
/*#liens_test {
	position:relative;
	top:650px;
	margin:auto;
	
	width:860px;
	
	border:1px;
	border-style:dashed;
	border-color:#FF0000;
	
	z-index:6;
}*/