p, h1, h2, h3, ul, li,dd, dt, dl {margin: 0; padding: 0;}
ul {list-style: none;}
img {border: 0;}
a {text-decoration: none; color: white;}
a:hover {text-decoration: underline;}
a:visited {text-decoration: none;}
table, tr, td {border: 0; padding:0; margin: 0; border-collapse: collapse;}
tr {vertical-align: top;}
.bold {font-weight: bold;}

/* 
Style globaux

	line-height: 14px;

*/
body 
{
	background: #000000;
	font-family: arial,sans-serif;
	font-size: 11px;
	color: white;
	margin: 0;
	padding: 0;
/*-
	background: #000000;
-*/
}

.conteneur 
{
	padding: 0px 0 0 0px;
	margin: 0px 0 0 0px;
	width: 990px;
/*-
	background: #FFF000;
	height: 550px;
-*/

}

.header 
{
	display: block;
	overflow: hidden;
/*-
	height: 340px;
	padding: 0px 0 0 0px;
-*/
}

.content
{
	padding: 0px 0 0 0px;
	margin: 0 0 0 0px;
	border: 0; 
	border-collapse: collapse;
	clear: both
/*-
-*/
}

.animation
{
	display: block;
	padding: 0px 0 0 0px;
	margin: 0 0 0 0px;
	float: right;
/*-
	width: 780px;
	float: left;
	background: #00FFFF;
-*/
}

.bandeauGauche
{
	display: block;
	margin: 0 0 0 20px;
	padding: 0px 0 0 0px;
	width: 190px;
	float: left;
/*-
	background: #00FF00;
-*/
}

/* ------------------------------------------------------

Exemple de surcharge :
.bodyAccueil .conteneur 
{
}
-*/

/* ------------------------------------------------------

Menu Haut

 -------------------------------------------------------*/

.menuHaut ul
{
	padding: 0px 0 0 618px;
	height: 38px;
	float: left;
/*-
	background: #00FF00;
-*/
}


.menuHaut li
{
	padding: 0px 1 0 1px;
	float: left;
/*-
	background: #00FFFF;
-*/
}

.menuHautIdentite, .menuHautIllustration, .menuHautDesign, .menuHautGraphisme, .menuHautMultimedia 
{
	display: block;
	height: 28px;
	width: 68px;
	text-indent: -2500px;
}


.menuHaut .Active 
{
	background-position: 0 -56px;
}

/* ------------------------------------------------------

Menu Gauche

 -------------------------------------------------------*/
.menuGauche
{
	margin: 30 0 0 0px;
	padding: 0px 0 0 0px;
	float: left;
	text-indent: -2500px;
	height: 260;
/*-
	background: #00FF00;
-*/
}

.menuGauche ul
{
	padding: 40px 0 0 0px;
	margin: 0px 0 0 0px;
	float: left;
	width: 170;
/*-
	background: #00FF00;
-*/
}

.menuGauche li
{
	padding: 0px 0 0 0px;
	float: left;
	width: 170;
/*-
	background: #00FFFF;
-*/
}


.menuGauche .Active 
{
	background-position: 0 -60px;
}

/* ------------------------------------------------------

Menu Bas

 -------------------------------------------------------*/

.menuBas
{
	display: block;
	margin: 0 0 0 0px;
	padding: 0px 0 0 0px;
	float: left;
	width: 190;
	height: 60;
/*-
	background: #00FFFF;
-*/
}

.menuBas ul
{
	padding: 20px 0 0 0px;
	margin: 0px 0 0 0px;
	float: left;
/*-
	background: #00FF00;
-*/
}

.menuBas li
{
	padding: 0px 0 0 0px;
	float: left;
/*-
	background: #00FFFF;
-*/
}

.menuBas .menuBasCommentEmpty { background-position: 0 0px; }
.menuBas .menuBasCommentDecouvrir { background-position: 0 -20px; }
.menuBas .menuBasCommentQui { background-position: 0 -40px; }
.menuBas .menuBasCommentQuoi { background-position: 0 -60px; }
.menuBas .menuBasCommentOu { background-position: 0 -80px; }
.menuBas .menuBasCommentPlus { background-position: 0 -100px; }
.menuBas .menuBasCommentBibliotheque { background-position: 0 -120px; }

.menuBas .menuBasQui, .menuBas .menuBasQuoi, .menuBas .menuBasOu, .menuBas .menuBasPlus
{
	display: block;
	height: 40px;
	width: 28px;
	text-indent: -2500px;
}

.menuBas .menuBasDecouvrir
{
	display: block;
	height: 40px;
	width: 40px;
	text-indent: -2500px;
}

.menuBas .menuBasBibliotheque
{
	display: block;
	height: 36px;
	width: 36px;
	text-indent: -2500px;
}


