﻿body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #FFFFFF;
	background-image: url( '../images/fond.gif' );
}
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #88BD2B;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	background-image: url('../images/accueil-fond-h1.jpg');
	background-position: center bottom;
}
h2 {
	color: #DE4239;
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
}
a img {
	border: 0 none;
}
.conteneur {
	position: relative;
	width: 976px;
	margin: 0 auto;
	padding: 0px;
	background-color: #FFFFFF;
	border: 1px #C0C0C0 solid;
	background-image: url( '../images/accueil-fond-gauche.jpg' );
	background-repeat: repeat-y;
}
#drapeau {
    float: right;
    text-align:right;	
    padding: 5px 5px 0px 0px;
}


.header { 	
	width: 976px;
	margin: 0px;
	padding: 0px;
	background-image: url( '../images/accueil-fond-header.jpg' );
	height: 82px;
}
.headerbis {
	width: 976px;
	margin-top: 0px;
	padding: 0px;
	background-image: url( '../images/accueil-fond-headerbis.jpg' );
	height: 260px;
}
.contenuhaut {
	width: 976px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.contenuhautCentre {
	width: 976px;
	height: 185px;
	margin: 0px;
	padding: 0px;
	background-image: url( '../images/accueil-barre-image.jpg' );
	clear: both;
}
.contenuhautCentrebis {
	width: 976px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.gauche {
text-align:justify;
	float: left;
	width: 244px;
	margin: 0px;
	padding-left: 60px;
	padding-right: 50px;
		font-size: 11px;
}
.droite {
	width: 600px;
	margin-left: 364px;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: left;
	background-image: url( '../images/accueil-fond-droite.gif' );
	background-repeat: repeat-y;
}
.zoneTexte {
	text-align: justify;
	width: 580px;
	padding: 20px 0px 0px 15px;
}
.zoneTextePetite {
	float: left;
	width: 330px;
	margin: 0px;
	padding: 0px;
}
.tableau {
	width: 582px;
	padding: 5px;
	color: #A3D92E;
	font-weight: bold;
	background-color: #636B6F;
}
table.normal {
margin: 0px;
	border-collapse: collapse;
	width: 580px; font-size: 11px;
}
table.normal th {
	padding: 5px 0px 10px 15px;
	background-image: url('../images/acceuiltitretableau.gif');
	background-repeat: no-repeat;
	background-color: #636B6B;
	color: #A3D92E;
	font-weight: bold;
	border-right: 1px white solid; text-align:left;
}
table.normal td {
	font-family: sans-serif;
	padding: 5px 5px 0px 15px;
	vertical-align: top;
	border-right: 1px white solid;
}
table.formulaire {
	border-collapse: collapse;
	width: 580px; font-size: 11px;
}
table.formulaire td {
	font-family: sans-serif;
	padding: 5px 5px 0px 15px;
	vertical-align: top;
}

.date {
	width: 110px;
	font-size: 11px;	background-color: #636B6B;

}
.datefondclair {
	width: 110px;
	font-size: 11px;
	background-color: #828282;
}

.theme {
	font-size: 11px;	
	background-color: #636B6B;
	color:#fff;

}
.tableautitre{
	background-color: #636B6B;
	color: #A3D92E;
	font-weight: bold;

}
.themefondclair {
	font-size: 11px;
	background-color: #828282;
}

.acceuilfondtableau {
	font-size: 11px;
	background-image: url('../images/acceuilfondtableau.gif');
}
.imagecentre {
	float: left;
	padding: 5px 5px 5px 0px;
}
.important {
	color: #DE4239;
}
p {
	margin: 0px 0px 10px 0px;
}
#menu {
 margin: 0px;
	padding: 40px 0px 0px 360px;
}
#menu li {
	display: inline;
	list-style: none;
	margin-bottom: 0px;
}
#menu li a {
	display: inline;
	text-align: left;
	list-style: none;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
	margin: 0px 5px 0px 0px;
}
#menu li a:active {
	text-decoration: none;
	color: #DE4239;
}
#menu li a:focus {
	text-decoration: none;
	color: #DE4239;
}
#menu li a:hover {
	text-decoration: none;
	color: #DE4239;
}
.separateur {
	list-style-type: none;
	background-image: url(../images/trait.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
}

a {
	color: #DE4239;
	text-decoration: underline;
}
.gauche li {
	list-style-type: none;
	background-image: url(../images/Arrowrouge.jpg);
	background-repeat: no-repeat;
	padding-left: 30px; margin: 0px;
}
.gauche ul {
	padding-left: 0px; margin: 10px;
}
.droite li {
	list-style-type: none;
	background-image: url(../images/Arrowrouge.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 5px 30px;
}


