/*============================================== Page ==============================================*/

body{
	width:780px;
	margin:auto;
	margin-top:10px;
	padding-top:0px;
	font-size:12px;
	font-family:Verdana, sans-serif;
	font-weight:bold;
	border:1px;
	border-style:solid;
	border-color:#6699ff;
	background-image:url(../Images/fond.gif);
}


/*============================================== Quelques styles valables pour toutes les pages ==============================================*/

img{
	border:0px;
}

table{
	width:100%;
	border-collapse:collapse;
}

p{
	margin-top:0px;
}

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

.gras{
	font-weight:bold;
}

.erreur{
	text-align:center;
	font-weight:bold;
	color:#ff0000;
}


/*============================================== bandeau supérieur ==============================================*/

#bandeau_sup{
	width:780px;
	height:179px;
	background-image:url(../Images/bandeau_sup.jpg);
}

#logo{
	float:left;
	padding-left:20px;
	padding-top:10px;
	width:145px;
	height:153px;
}


/*============================================== Menu ==============================================*/

.btn{
	float:right;
	padding-top:112px;
	padding-right:1px;
}


/*============================================== Corps + sous-menu ==============================================*/

#stats{
	margin-top:0px;
	padding-top:0px;
}

#corps{
	width:780px;
	background-image:url(../Images/corps.jpg);
	min-height:300px;
}

#sous_menu{
	float:left;
	padding-left:10px;
	padding-top:40px;
	color:#ffcc00;
}


/*============================================== pour IE 6 ==============================================*/

* html #corps{
	height:300px;
}


/*==============================================  Les différents contenu ==============================================*/

#contenu{
	margin-left:122px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-weight:normal;
}

#contenu_accueil{
	margin-left:122px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-weight:bold;
	text-align:center;
}

#contenu_contact{
	margin-left:122px;
	width:658px;
	text-align:center;
}

#contenu_plan_1{
	float:left;
	padding-left:120px;
}

#contenu_plan_2{
	margin-left:460px;
	padding-bottom:50px;
}

#libelle_actualite{
	text-align:left;
	padding-top:20px;
	font-weight:bold;
	margin-left:130px;
	color:#ffcc00;
}

#actualite{
	background-image:url(../Images/cadre_actu.jpg);
	width:386px;
	height:214px;
	margin-left:100px;
}

#texte_actu{
	font-weight:normal;
	text-align:left;
	padding-left:25px;
	padding-top:20px;
}

/*============================================== bandeau_inferieur ==============================================*/
#bandeau_inf{
	width:780px;
	height:15px;
	background-image:url(../Images/bandeau_inf.jpg);
}

#liens{
	color:#6699ff;
	margin-left:300px;
}

/*============================================== Tableau contact ==============================================*/

.titre{
	text-align:center;
	height:50px;
	font-weight:bold;
}

.libelle{
	width:35%;
	text-align:right;
	padding-right:10px;
	font-weight:normal;
}

.saisie{
	text-align:left;
	padding-left:10px;
	border-left:1px;
	border-left-style:dashed;
	border-left-color:#6699ff;
}

.obligatoire{
	font-size:10px;
	font-style:italic;
	margin-left:10px;
}

.obligatoire_select{
	font-size:10px;
	font-style:italic;
	margin-left:9px;
}

.rouge{
	color:#ff0000;
}

.libelle_message{
	height:40px;
	padding-left:20px;
	vertical-align:bottom;
}

.message{
	text-align:center;
}

.bouton{
	margin-top:10px;
	text-align:center;
}

/*============================================== Les différents liens ==============================================*/

a:link{
	text-decoration:none;
	font-weight:bold;
	color:#6699ff;
}

a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#6699ff;
}

a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#ffcc00;
}

a:link.bas{
	font-size:9px;
}

a:visited.bas{
	font-size:9px;
}

a:hover.bas{
	font-size:9px;
}

a:link.sous_menu{
	color:#ffcc00;
}

a:visited.sous_menu{
	color:#ffcc00;
}

a:hover.sous_menu{
	color:#ffffff;
}

a:link.plan{
	font-weight:normal;
	color:#6699ff;
}

a:visited.plan{
	font-weight:normal;
	color:#6699ff;
}

a:hover.plan{
	font-weight:normal;
	color:#ffcc00;
}
a:link.mois{
	text-decoration:none;
	color:#ffcc00;
}
a:visited.mois{
	text-decoration:none;
	color:#ffcc00;
}
a:hover.mois{
	text-decoration:none;
	color:#6699ff;
}