@charset "utf-8";
/* CSS Document */
#background{
no-repeat;
}
#body{
	font-family:Arial, Helvetica, sans-serif;
	height:700px;
}
#merci{
	position:absolute;
	left: 297px;
	width: 500px;
	height: 500px;
	margin-top: -250px; /* moitié de la hauteur */
	margin-left: -250px; /* moitié de la largeur */
	border: 0px solid #000;
	top: 278px;
}
#centremerci {
	position:absolute;
	left:126px;
	width: 250px;
	height: 334px;
	border: 0px solid #000;
	top: 88px;
}
#global { 
	position:absolute; 
	left: 50%;  
	width: 500px; 
	height: 600px; 
	margin-top: -250px; /* moitié de la hauteur */ 
	margin-left: -250px; /* moitié de la largeur */ 
	border: 0px solid #000; 
}
#droite { 
	position:absolute; 
	left:540px;  
	width: 250px; 
	height: 500px; 
	border: 0px solid #000;
}
#gauche_stat { 
	position:absolute;
	left: -780px;
	top: -10px;
	z-index:0;
}
#gauche { 
	position:absolute;
	left: -240px;
	top: -10px;
	z-index:10;
}
#extgauche { 
	position:absolute;
	left: -780px;
	top: -10px;
	z-index:20;
}

a {
	border:none;
	color:#006600;
	text-decoration:none;
	text-align:center;
}

a img { 
	border: none; 
}

a span {
	display:none ; /* cache les <span> placés dans un lien <a> */
} 

a:hover span {
	display: block; /* Montre le texte <span> lors du survol */
	z-index:2;
}
.desc {
	position:absolute; /* envoi le texte <span> dans 1 zone précise de l'écran */
	left: 95px ; /* cette zone se situe à 250 pixels de la gauche*/ 
	top: 163px; /* cette zone se situe à 370 pixels du haut */ 
	width: 310px;
	height: 150px;
	border:none; /* Style de bordure */
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:justify;
	vertical-align:middle;
	color:#333333;
	z-index:2;
} /* Centrage du nom de l'image */
.descmerci{
	position:relative; /* envoi le texte <span> dans 1 zone précise de l'écran */
	left: 540px ; /* cette zone se situe à 250 pixels de la gauche*/ 
	top: 163px; /* cette zone se situe à 370 pixels du haut */ 
	width: 230px;
	height: 150px;
	border:none; /* Style de bordure */
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:justify;
	vertical-align:middle;
	color:#333333;
	z-index:2;
} /* Centrage du nom de l'image */

}
#navigation { 
	size:30px;
	list-style: none ; 
	margin: 5px ; 
	padding: 5px ;
	width:200px;
}
#navigation li { 
	display: inline ;
	list-style: none ;
	size:30px;
	background:#339900; 
	color:#000000;
	border: 0px solid #600 ; 
	margin-bottom: 2px ; 
		width:200px;
}
#navigation li a { 
	display: block ; 
	background:#339900; 
	color: #fff ; 
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	size:30px;
	line-height: 1em ; 
	text-align: center ; 
	padding: 4px; 
	margin-bottom: 2px ; 
		width:240px;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active { 
	size:30px;
	background:#006600; 
}

.textlink{
	text-align:center;
	width: 100%; 
	font-size:11px;
	color:#006600;
	font:Arial, Helvetica, sans-serif;  
}
#footer {
	width:100%;
	background-color:#FFFFFF;
	margin: 0 ;
	padding:10px ;
	overflow: hidden ;	/* Création du contexte de formatage */
	}
#footer li {
	size:30px;
	text-align:center;
	width:250px;
	list-style: none ;
	float: left ;
	border: 0px solid #600 ;
	margin-right: 10px ;
	color: #fff ;
	background: #339900 ;
	}
#footer li a {
	size:30px;
	display: block ;
	background: #339900 ;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 0 ;
	text-align: center ;
	text-decoration: none ;
	}
#footer li a:hover, #nav li a:focus, #nav li a:active {
	size:30px;
	background: #006600 ;
	text-decoration: none ;
	}
#centre{
position:absolute;
TOP:131px;
LEFT:77px;
WIDTH:322px;
HEIGHT:214px;
}
#box{
height:400px;
width:500px;
overflow-Y:scroll;}