* {
	margin: 0;
	padding: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	list-style-type: none;
	color: #404040;
}

img
{
	border: none;
}

a
{
	color: #e7b20f;
}

strong
{
	font-weight: bold;
}

p
{
	text-align: justify;
	margin-bottom: 1em;
}

label
{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	width: 150px;
}

form
{
	margin: 0 auto;
}

fieldset 
{
	padding: 7px 50px;
}

legend
{
	margin: 0 -40px;
}



/* Formulaires */
#corps form
{
	padding: 5px 20px;
	width: 600px;
}
form input, form select
{
	padding: 2px;
}

form textarea
{
	vertical-align: top;
}

form div
{
	text-align: left;
	margin: 2px 0;
}

form .erreur
{
	color: #FF5050;
}


/* Tables */
#corps table
{
	width: 700px;
	margin: 0 auto;
	text-align: center;
}

#corps tr
{
	vertical-align: top;
}

#corps td,th
{
	vertical-align: middle;
	padding: 3px;
}

#corps th
{
	text-align: center;
	background-color: #ffb850;	
}



/* TITRES */
h1
{
	font-size: 16px;
	font-weight: bold;
	color: #ce2f00;
	padding: 0 0 0.5em 0;
	text-shadow: 1px 1px 1px #AAA;
}

h2
{
	font-size: 15px;
	font-weight: bold;
	color: #ffbf21;
	padding: 0 0 0.5em 0;
	text-shadow: 1px 1px 1px #888;
}



body
{
	background: #cee1fa url('../images/background.jpg') repeat-x;
	text-align: center; /* utile pour IE 6&7, pour le centrage des blocs*/
}

#page
{
	position: relative;
	width: 990px;
	margin: 0 auto;
}

#header
{
	position: relative;
	height: 100px;
	background: url('medias/header.png') no-repeat;
	text-align: left;
	margin-top: 10px;
}

#top_menu
{
	text-align: left;
	height: 30px;
}

#left_column
{
	position: absolute;
	left: 0;
	width: 200px;
}

.menu
{
	background: url('../images/haut_menu.png') no-repeat;
	padding-top: 15px;
}

#right_column
{
	position: absolute;
	right: 0;
	width: 0;
}

#center_column
{
	display: block;
	margin: 0 20px 10px 210px;
	min-height: 300px;
}

#footer
{
	margin: 0 160px;
	height : 2em;
}

#footer a
{
	text-decoration: none;
	font-weight: bold;
	color: #D8872F;
}



#cadre_gauche
{
	float: left;
	width: 400px;
	border: 1px solid;
}

#cadre_droit
{
	float: right;
	width: 400px;	
	border: 1px solid;
}

.bloc
{
	position: absolute;
	left: 234px;
	top: 210px;
	width: 155px;
}


div.vide
{
	clear: both;
	height: 0;
	padding: 0;
	background-color: transparent;
}

.inline-block
{
	display: inline-block;
	text-align: justify;
}

.alignement_gauche
{
	text-align: left;
}



ul.liste_horizontale
{
	text-align: center;
}

ul.liste_horizontale li
{
	display: inline;
	list-style-type: none;
	margin: 0 10px;
}

ul
{
	text-align: left;
}

li
{
	list-style-type: circle;
	margin-left: 20px;
	margin-bottom: 5px;
}


/* POSITIONNEMENT DES BOUTONS */
.bouton, .bouton_droit
{
	text-align: center;
	margin: 5px 0;
}

.bouton_droit
{
	text-align: right;
}

.bouton *, .bouton_droit *
{
	margin: 0 10px;
}

.erreur_form
{
	border: solid 1px #FF5050;
	background-color: #FFF0F0;
	color: #000000;
}


/* AFFICHAGE DES MESSAGES */
.erreur, .confirm
{
	text-align: center;
	font-size: 15px;
	border-style: dashed;
	border-width: 1px;
}

.erreur
{
	color: #ff0000;
	border-color: #ff0000;
}

.confirm
{
	color: #00D000;
	border-color: #00ff00;
}

			.menu_deroulant_haut
			{
				padding-left: 130px;
			}

			.menu_deroulant_haut li
			{
				list-style-type: none;
				position: relative;
				float: left;
				overflow: hidden;
				margin: 0 20px;
				
				height: 20px;
			}
			
			.menu_deroulant_haut a
			{
				position: relative;
				display: inline-block;
				height: 100%;
				line-height: 20px;
				overflow: hidden;
				text-align: left;
			}

			.menu_deroulant_haut li:hover, .menu_deroulant_haut a:hover
			{
				overflow: visible;
				z-index: 1;
			}
			
			.menu_deroulant_haut .sous-menu
			{
				position: absolute;
				top: 20px;
				left: 0;
			}
			
			.menu_deroulant_haut .sous-menu li
			{
				background-color: #FFFFFF;
				margin: 0;
				width: 180px;
				height: 25px;
			}

			.menu_deroulant_haut .sous-menu a
			{
				padding-left: 5px;
				width: 175px; /* 200px - padding left de 5px */
				line-height: 25px;
			}