body
{
	padding: 0;
	margin: 0;
	background: #ffffff; /* couleur du fond */
	color: #FFF; /* couleur par défaut*/
	font-family: arial, verdana, helvetica, tahoma, sans-serif;
	font-size: 80%;
	line-height: 150%;
}

img
{
	border: 0;
}

a
{
	text-decoration: none;
	color: #FF9B16; /*couleur des liens dans la zone de texte */
}

a:hover /*eléments survolés par le curseur */
{
	text-decoration: none;
	color: #FFF; /*couleur des liens quand on clic dessus */
}

#centrecontainer
{
	position: absolute; /*boite fixe par rapport à l'écran */
	top:40%; /* hauteur de la marge du haut */
	left: -40px; /* décale à gauche ou droite */
	width: 100%; /* décale à gauche ou droite */
}



#outercontainer
{
	margin-left: -400px;
	position: absolute;
	top: -250px;
	left: 50%;
}

#outercontainer h1
{
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	letter-spacing: -2px;
	font-size: 300%;
	border-bottom: 1px solid #FFF;
	padding-bottom: 5px;
	width: 75%;
}

#header
{
	width: 890px; /* décalage des onglets sur la droite */
	height: 22px; /* epaisseur des onglets */
	letter-spacing: 1px;
	line-height: 100%;
}


#container    
{
	border: 10px solid #FFF;
	width: 900px; /* Joue sur la largeur du cadre blanc 760*/
	height: 600px; /* Joue sur la longueur du cadre blanc 370 */
}



#containerleft
{
	float: left;
	width: 880px; /* Largeur de la zone "image" */
	height: 580px; /* Longueur de la zone "image" */
	background-image:url('containerright-image2.png');  /* nom de l'image */
	
	padding: 10px;
}





#footer
{
	width: 540px; /* décalage du bas de page sur la droite */
	text-align: right;
	padding: 5px 0px;
	font-size:90%;
	color: #f7ab00; /*contact en orange*/
}

#footer a
{
	text-decoration: none;
	color: #f7ab00; /*adresse mail en orange*/
}

#footer a:hover
{
	text-decoration: none;
	color: #ffdd00; /*lien se mettant en jaune clair*/
}