/*-----------------
	HTML STYLES 
------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* équivaut à 10 pix*/
	color: #333333;
	background-color: #333333;
	margin: 0px;
	line-height: 17px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* évite d'avoir une bordure quand on met un lien sur un image */
img {
	border: none;
}
h1 {
	font-size: 1.2em;
	color: #C0110F;
	margin-bottom: 4px;
}
hr {
	width: 742px;
	color: #333333;
	background-color: #333333;
	height: 1px;
	border: 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


/*-----------------
	BLOCS 
------------------*/
#header { /* OK */
	height: 80px;
	background-image: url(img/bg_header.gif);
	background-repeat: repeat-x;
	padding: 0px;
	border: 4px solid #FFFFFF;
	border-bottom-style: none;
	padding-left: 10px;
	padding-top: 20px;
}
#conteneur { /* OK */
	position: relative;
	width: 750px;
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#logo { /* OK */
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	height: 47px;
	width: 212px;
}
#subheader { /* OK */
	/*height: 18px;*/
	background-color: #3B0000;
	padding: 0px;
	border-right: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
	text-align: right;
	font-size: 1em;
	color: #F6AC00;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 15px;
	}
	#subheader a {
	color: #F6AC00;
	text-decoration: none;
	}
	#subheader a:hover {
	color: #F6AC00;
	text-decoration: underline;
}
#titre { /* OK */
	font-weight: bold;
	font-size: 1.1em;
	color: #C0110F;
	margin-top: 5px;
 	padding-left: 15px;
	padding-bottom: 3px;
	}
	#titre a{
	color: #C0110F;
	text-decoration: none;
	}
	#titre a:hover{
	text-decoration: underline;
}
#pied { /* OK */
	height: 26px;
	background-image: url(img/bg_footer.gif);
	background-repeat: repeat-x;
	text-align: left;
	font-size: 0.9em;
	color: #F6AC00;
	padding: 0px;
	padding-left: 12px;
	padding-top: 10px;
	clear: both;
	border: 4px solid #FFFFFF;
	border-top-style: none;
	}
	#pied a {
	color: #F6AC00;
	text-decoration: underline;
	}
	#pied a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#centre { /* OK */
	background-color:#FFFFFF;
	font-size: 10px;
	padding: 5px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 40px;
}
#explication {
	background-color: #FFFFFF;
	border: 1px dotted #C0110F;
	width: 710px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 5px;
	text-align: justify;
	}
	#explication a {
	color: #C0110F;
	text-decoration: underline;
	}
	#explication a:hover {
	color: #C0110F;
	text-decoration: none;
}


/*----------------------
	MISE EN FORME  
------------------------*/
.txt-rouge {
	color: #C0110F;
}
.txt-noir {
	color: #333333;
}
.txt-rouge-small {
	color: #C0110F;
	font-size: 0.9em;
}
.table-menu { /* OK */
	width: 724px;
	text-align: left;
	} 
	.table-menu th {
	width: 200px;
	color: #FFFFFF;
	background-color: #C0110F;
	vertical-align: top;
	padding: 5px;
	}
	.table-menu td {
	background-color: #F3F3F3;
	padding: 5px;
	vertical-align: top;
	}
	.table-menu ul {
	color: #C0110F;
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
	list-style-type: disc;
	list-style-position: inside
	}
	.table-menu ul a {
	color: #333333;
	text-decoration: underline;
	}
	.table-menu ul a:hover {
	color: #C0110F;
	text-decoration: underline;
}
.table-liste { /* OK */
	width: 724px;
	text-align: left;
	} 
	.table-liste a {
	text-decoration: underline;
	}
	.table-liste a:hover {
	text-decoration: none;
	}
	.table-liste th, .table-liste-edit, .table-liste-bas {
	color: #FFFFFF;
	background-color: #C0110F;
	vertical-align: top;
	padding: 5px;
	font-weight: bold;
	}
	.table-liste th a, .table-liste-edit a, .table-liste-bas a {
	color: #FFFFFF;
	}
	.table-liste-line {
	background-color: #F3F3F3;
	padding: 5px;
	}
	.table-liste-line a{
	color: #333333;
	}
	.table-liste-edit {
	background-color: #CD413F;
}
.table-edit { /* OK */
	width: 724px;
	text-align: left;
	line-height: 14px;
	}
	.table-edit th {
	width: 180px;
	font-weight: normal;
	padding: 5px;
	background-color: #C9C9C9;
	vertical-align: top;
	}
	.table-edit td {
	width: 600px;
	padding: 5px;
	background-color: #F3F3F3;
	vertical-align: top;
	}
	.table-edit tfoot td {
	background-color: #C0110F;
	padding: 5px;
}