body 	{
	background-color:#FFFFFF;
	background-image:url("img/main-background.jpg");
	background-position: 0px 48px;
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;
	text-align : center;
	}




/* LIENS GENERAUX */

a:link, a:visited, a:active	{ color: #009966; text-decoration: underline; }

a:hover				{ color: #FF6600; text-decoration: underline; }




/* FORMATAGE DE POLICES POUR TOUTES LES PAGES */


.logotitle		{ color: #880000; font: bold 1.3em serif; font-variant:small-caps;}

.logosubtitle		{ color: #880000; font: bold 0.8em serif; font-variant:small-caps;}

.title		{ color: #880000; font: bold 1.3em arial, sans-serif; font-variant:small-caps;}

.subtitle	{ color: #880000; font: bold 1.0em arial, sans-serif; font-variant:small-caps;}

.legimg	{ color: #880000; font: italic 0.7em arial, sans-serif;}

.leg	{ color: #440000; font: italic 0.7em arial, sans-serif;}

p { color: #000000; text-indent: 1cm; text-align: justify; font: normal verdana, arial, sans-serif; }


/*	PIED DE PAGE	*/

#footerdiv	{
		color: #880000;
		margin: 0px;
		width: 100%;
		border-top : #880000 2px solid;
		text-align: center;
		font: normal xx-small verdana, arial, verdana, sans-serif;
		font-variant : small-caps ;
		}

		
/*	CONTENEUR LOGO	*/

#headerdiv	{
		background-color: #FFFFFF;
		width: 100%;
		border-bottom: #880000 2px solid;
		padding: 0px;
		margin: 0px;
		margin-bottom: 5px;
		color : #880000 ;
		font-size : 30px ;
		text-align : center ;
		font-variant : small-caps ;
		}



/* CORPS DE PAGE*/

#contentdiv	{
		margin: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: left;
		padding: 0px;
		}




/*	BARES	*/

.page-splits	{
		border: none;
		border: #000000 0px solid;
		background-color: #999999;
		color: #999999;
		height: 1px; width: 100%;
		margin: 3px 0px 3px 0px;
		}


/* LISTE */

ul 		{ margin-top: 0px; margin-bottom: 0px; }


/* MENU */

#menudiv	{
		width: 100%;
		padding: 0px;
		margin: 0px;
		padding-bottom: 8px;
		background-image: none;
		border: #000000 0px solid;
		text-align : center;
		}

.menu-spacer	{ clear: both; font-size: 1px; padding: 0px; margin: 0px; }

.menu		{
		font: bold 0.6em verdana, arial, helvetica, sans-serif;
		width: 140px;
		float: left;
		cursor: pointer;
		text-align: left;
		padding: 5px 5px 5px 5px;
		margin: 0px 0px 3px 3px;
		background-color: #F0F0F0;
		background-image:url("img/menu.gif");
		border: #880000 1px solid;
		/*border: #C0C0C0 1px solid;*/
		}



a.menulink:link, a.menulink:visited, a.menulink:active	{ color: #000000; text-decoration: none; }

a.menulink:hover				{ color: #FF6600; text-decoration: underline; }


/* GALERIE : style de la galerie */
#galerie{	
	margin:0px auto 0px;
	width:450px;
	border : 2px solid #880000;
}
#grande{
	width:400px;
	height:300px;
	margin:0px auto;
	text-align:center;
	position:relative;
	overflow : hidden;
}
#vignette{
	width:348px;
	height:82px;
	margin:25px auto 25px;	
	position:relative;
	padding:0px 26px 26px;
}

/* GALERIE : style de la légende */
#legende{
	position:absolute;
	top:74px;
	left:0px;
}
#legende_info{
	width:32px;
	height:32px;
	float:left;
}
#legende_texte{
	background-color:black;
	height:32px;
	line-height:32px;
	padding:0px 10px;
	color:white;
	float:left;
	margin-left:10px;
	display:none;
}

/* GALERIE : style des vignettes*/
#vignette_wrapper{
	width:348px;
	height:82px;
	overflow:hidden;
}
#vignette ul{
	list-style:none;	
	width:10000px;
}
#vignette li{
	float:left;
	border:2px solid #373636;
	margin:0px 5px 0px;
	width:77px;
	height:77px;
	overflow:hidden;
}
/* GALERIE : mise en avant de la vignette cliquée : */
#vignette li.actif{
	border-color:white;
}

/* GALERIE : style de la navigation*/
#gauche{
	width:27px;
	height:83px;
	background:url('img/source_galerie/gauche.png') no-repeat left 14px;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
}
#droite{
	width:27px;
	height:83px;
	background:url('img/source_galerie/droite.png') no-repeat right 14px;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
}
#gauche:hover{
	background-position:left -54px;
}
#droite:hover{
	background-position:right -54px;
}