body {

	background-color:#000000;
	margin:0px;
	text-align:center;
	background-position:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}


div#contenu {
	background-image:url(images/jungle3.gif);
	background-repeat:no-repeat;
	width: 910px;
	height:100%;
	margin:0px auto 0px auto;
	text-align:left;
	border:none;
	
}
div#entete {
	width:100%;
	height:180px;
	border:none;
	background-image:url(images/deco-2.gif);
	background-repeat:no-repeat;
	background-position:right;
	
}

div#nom {
	float:right;
	padding:20px 100px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#576a7c;
}

h1 {
	padding:30px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

div#entete h2 {
	border:none;	
	position:relative;
	top:90px;
	left:610px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:35px;
	color:#5c5b54;
	font-weight:500;
	margin:10px 0px 0px 0px;
	width:200px;
	
	}

/*----------------------------------------------------------liste de sujet----------------------------------------------------------*/
/*----------------------------------------------------------liste de sujet----------------------------------------------------------*/

h3 {font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px;}

div#sujet {
	width:350px;
	height:320px;
	float:left;
	border:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#sujet ul.sujet-liste {
	list-style-type:none;
	text-align:right;
	padding: 48px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#sujet ul.sujet-liste li {
	padding:0px 0px 0px 0px;
	margin: 28px 0px 0px 0px;
	border:none;

}

/*------------------------------------------------------------------galerie-----------------------------------------------------------*/
/*------------------------------------------------------------------galerie-----------------------------------------------------------*/




		div.vignette_show{  /* Regroupe le tout. Images incluses. */
			height:95px;
			width:340px;
			}




		div.espace_vignette{  /* Espace du diaporama */
			height:39px;
			width:258px;
			overflow:hidden;
			float:left;
			position:relative;
			margin-bottom:8px;
			}




		div.support{  /* Contient toutes les images */
			width:auto;
			white-space:nowrap;
			position:absolute;
			left:0px;
			top:0px;
			}


	
	
		div.arrow{
			width:25px;
			height:20px;
			float:left;
			margin:15px 0px 0px 0px;
			padding:0px 7px 0px 8px;
			cursor:pointer;
			}
	
	
		div.support ul {
			width:auto;
			height:auto;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			border:none;
			}


		div.support ul li {
			display:inline;
			float:left;
			padding: 0px 0px 0px 0px;	/* Ne pas mettre de padding left ou right */
			margin: 0px 0px 0px 0px;	/* Ne pas mettre de margin left ou right */
			}
	

div#galerie {
	width: 550px;
	height:320px;
	float:right;
	margin:0px;
	padding:0px;
}

div#vignette {
	height:320px;
	width:550px;
	float:left;
	margin:60px 0px 0px 0px;
}


a img {
	border:none;
	}





/*--------------------------------------------------------------menu-----------------------------------------------------------------*/
/*--------------------------------------------------------------menu-----------------------------------------------------------------*/

div#liste {
	width:900px;
	margin:445px auto auto auto;
	border:none;
	padding:36px 0px 36px 0px;
}

ul.menu {
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 50px;
	border:none;
}

ul.menu li {
	margin: 0px 0px 0px 0px;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;

}

ul.menu li a {
	text-decoration:none;
	color:#8b8b8b;
	margin:0px;
	padding:38px;
}
	
li.accueil a:hover {
	background-image:url(images/hover-accueil-gris.gif);
	background-repeat:no-repeat;
	color:#5adce0;
}

li.galerie a:hover {
	background-image:url(images/hover-galerie-gris.gif);
	background-repeat:no-repeat;
	color:#beef78;
}
li.galerie a:visited {
	background-image:url(images/hover-galerie-gris.gif);
	background-repeat:no-repeat;
	color:#beef78;
}
li.info a:hover {
	background-image:url(images/hover-info-gris.gif);
	background-repeat:no-repeat;
	color:#77a4ff;
}

li.contact a:hover {
	background-image:url(images/hover-contact-gris.gif);
	background-repeat:no-repeat;
	color:#ffa78c;
}
/*-----------------------------------------------pied----------------------------------------*/
div#pied {
	width:100%;
	height:80px;
	text-align:center;
	margin: 10px 0px auto 0px;
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#415161;
}