/* Générales */

body
{
	margin: 0;
	padding: 0;
	background: url("/images/background.jpg") repeat top left #07a4bb;
}
	
	.modification
	{
		width: 370px;
		height: 330px;
		padding: 10px;
		background: #FFF;
		overflow: hidden;
	}

h1
{
	font-size: 25px;
	text-indent: 45px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #454545;
	font-weight: 200;
	background: url("/images/background_h1.png") no-repeat top left transparent;
}

h2
{
	font-size: 20px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #454545;
	font-weight: normal;
}

p
{
	font-size: 13px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #818181;
	line-height: 19px;
}

cite
{
	color: #818181;
}

a
{
	text-decoration: none;
	font-size: 13px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #454545;
}

img
{
	border: none;
}

.entree_formulaire
{
	width: 90%;
}


/* Header */

.header
{
	position: relative;
	width: 961px;
	height: 216px;
	margin: 0 auto;
	padding: 0;
	background: url("/images/background_header.png") no-repeat bottom center;
}
	
	.menu_principal
	{
		text-align: right;
		padding: 158px 78px 0 0;
	}
	
	.header a
	{
		font-size: 10px;
		color: #818181;
	}

	.header a:hover
	{
		color: #454545;
	}
	
	#en_cours
	{
		color: #454545;
	}

/* Container */

#container
{
	width: 961px;
	height: 100%;
	margin: 0;
	padding: 0;
	margin: auto;
	background: url("/images/background_container.png") repeat-y top center transparent;
}
	
	.grille
	{
		margin: auto;
		position: relative;
	}
	
	.block
	{
		width: 400px;
		padding: 5px 25px;
		vertical-align: top;
	}
	
	#help_galerie
	{
		vertical-align: bottom;
		text-align: right;
	}
	
	.travaux
	{
		margin: 0;
		text-align: center;
	}


/* Galeries */
#galerie
{
	margin: auto;
	width: 840px;
}

	.image_galerie
	{
		width: 100px;
		height: 100px;
		margin: 10px;
		padding: 0;
		float: left;
		position: relative;
	}
	
	.stop_float
	{
		clear: both;
	}
	
	#galerie img:hover , #galerie_admin img:hover 
	{
		-moz-opacity: 0.40 ; /* FF */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE > 8 */
		opacity: 40; /*A priori IE8 devrait comprendre cette syntaxe mais il semble qu'il y a (avait) un bug */
		filter : alpha(opacity=40);
		opacity: 0.4;
	}
	
	.contours_galerie_haut_gauche
	{
		width: 30px;
		height: 30px;
		position: absolute;
		background: url(../images/background_galerie_haut_gauche.png) top left scroll no-repeat;
		z-index: 20;
		top: 0;
		left: 0;
	}
		
	.contours_galerie_haut_droite
	{
		width: 30px;
		height: 30px;
		position: absolute;
		background: url(../images/background_galerie_haut_droite.png) top right scroll no-repeat;
		z-index: 20;
		top: 0;
		right: 0;
	}
	
	.contours_galerie_bas_gauche
	{
		width: 30px;
		height: 30px;
		position: absolute;
		background: url(../images/background_galerie_bas_gauche.png) bottom left scroll no-repeat;
		z-index: 20;
		bottom: 0;
		left: 0;
	}
	
	.contours_galerie_bas_droite
	{
		width: 30px;
		height: 30px;
		position: absolute;
		background: url(../images/background_galerie_bas_droite.png) bottom right scroll no-repeat;
		z-index: 20;
		bottom: 0;
		right: 0;
	}

	
/* Footer */

.footer
{
	position: relative;
	width: 961px;
	height: 160px;
	margin: 0 auto;
	padding: 0;
	background: url("/images/background_footer.png") top center no-repeat;
}

	.footer p
	{
		margin: 0;
		line-height: 110px;
		text-align: center;
		font-size: 10px;
	}
	
	.footer a
	{
		font-size: 10px;
	}


/* Modification d'Images */

	.modification img
	{
		float: left;
		height: 100px;
		width: 100px;
		padding: 0 10px 20px 0;
	}
	
	.modification h1
	{
		text-indent: 0;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	
	.modification h2
	{
		text-align: right;
		font-size: 14px;
	}

	.modification fieldset
	{
		clear: both;
	}