body, html
{
	background: #413a30;
	margin: 0;
	padding: 0;
	font-family: "Bell MT" 16px, Verdana 14px, Arial, Helvetica, sans-serif;
	text-align: center;
}

#conteneur
{
	margin: 0 auto 0;
	position: relative;
	width: 1024px;
	background: url(images/contenu.png) top center;
	text-align: left;
}

#header
{
	margin: 0 auto 0;
	width: 1024px;
	height: 150px;
	background: url(images/header.png) no-repeat bottom;
}

#pied
{
	width: 1024px;
	background: url(images/pied.png) no-repeat;
	height: 31px;
	position: relative;
	margin: 0 auto 0;
}

#left
{
	float: left;
	width: 180px;
	margin: 0 auto 0 15px;
	text-align: center;
}

#right
{
	width: 800px;
	margin: 0 0 0 200px;
	color: #9d9d9d;
	padding: 0 0 0 0;
}
 
/*menu*/ 
.mh 
{
	width: 156px;
	height: 26px;
	background: url(images/menuhaut.png) no-repeat bottom;
	text-align: right;
	padding: 15px 22px 0 0;
	color: white;
	font: small-caps bold 12px verdana;
}

.mf
{
	width: 153px;
	background: url(images/fondmenu.png);
	text-align: left;
	padding: 0 10px 0 15px;
	outline: none;
}

.mb 
{
	width: 178px;
	height: 15px;
	background: url(images/menubas.png) no-repeat;
}

.connexion
{
	width: 165px;
	height: 35px;
	background: url(images/connexion.png) no-repeat bottom;
	margin-left: 10px;
	padding-top: 10px;
}

.connexion a
{
	display: block;
	text-align: center;
	padding-top: 9px;
	color: white;
	font: small-caps bold 12px verdana;
}

.connexion a:hover
{
	color: white;
}

#left ul
{
	list-style: none;
	width: 160px;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#left ul li a
{
	display: block;
	height: 18px;
	text-decoration: none;
	color: #544B3F;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
}

#left ul li a:hover
{
	background:url(images/hover.jpg);
	color: #413a30;
}

#right ul
{
	list-style: square;
	padding: 0;
	margin: 0;
	margin-right: 50px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#right ul li
{
	margin-top: 10px;
}

#right ul li a
{
	text-decoration: none;
	color: #544B3F;
	font-weight: bold;
}

#right ul li a:hover
{
	color: #413a30;
}

/* css tableau calendrier */
#calendrier table
{
	border-collapse: collapse;
}

#calendrier th
{
	margin: 0px;
}

#calendrier td
{
	border: 2px solid black;
	width: 100px;
	height: 65px;
	background-color: white;
}

#calendrier td a
{
	display: block;
	background-color: #84A3FF;
	width: 100px;
	height: 65px;
	color: black;
}

#liste_annales ul li a
{
	text-decoration: none;
	color: #544B3F;
	font-weight: normal;
}

#liste_annales ul li a:hover
{
	text-decoration: none;
	color: #544B3F;
	font-weight: bold;
}

#liste_annales span
{
	text-decoration: none;
	color: #544B3F;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

#tab_annales li
{
	padding: 0px;
	margin-left: 0px;
	width: 330px;
}

.cal_blank
{
	background-color: #CAD9FF;
	width: 100px;
	height: 65px;
	font-weight: bold;
	color: black;
}

.haut_post
{
	background: url(images/haut_post.png) top no-repeat;
	height: 59px;
	width: 777px;
	margin: 0 auto 0 auto;
}

.haut_post_private
{
	height: 59px;
	width: 777px;
	margin: 0 auto 0 auto;
}

.post
{
	background: url(images/fond_post.png) top ;
	width: 727px;
	margin: 0 auto 0 auto;
	color: #413a30;
	padding: 0 25px 0 25px;
	text-align: justify;
}

.bas_post
{
	background: url(images/bas_post.png) top no-repeat;
	height: 33px;
	width: 777px;
	margin: 0 auto 0 auto;
	text-align: right;
	font-size: 10px;
	padding-right: 20px;
}

.copyright
{
	padding: 0;
	margin: 0 auto 0 auto;
	color: #fff;
	font: bold 12px "trebuchet ms";
}

.copyright a
{
	color: #B0B0B0;
	text-decoration: none;
	outline: none;
	font-weight: bold;
}

.copyright a:hover
{
	color: #666666;
}
 
/* Class Générique*/
Span
{
	color: #003cff;
	text-decoration: none;
	outline: none;
	font-size: 14px;
	font-weight: bold;
}

img, p, h1, h2, h3, h4, h5, h6, Span, object
{
	border: 0;
	margin: 0;
	padding: 0;
}

a
{
	color: #9A9A9A;
	text-decoration: none;
	outline: none;
	font-weight: bold;
}

a:hover
{
	color: #666666;
	text-decoration: none;
}

.clear
{
	clear: both;
	visibility: hidden;
}

#container 
{
  position: absolute;
  width: 800px;
  height: 450px;
  left: 50%;
  top: 50%;
  margin-left: -210px;
  margin-top: -260px;
}

#text 
{
  width: 450px;
  height: auto;
  margin-left: 130px;
  margin-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 5000;
  position: absolute;
}

.p_centre {
	text-align: center;
}

#partenaires {
	margin-left: 10px;
	width: 700px;
}

#partenaires td {
	width: 350px;
	text-align: center;
	vertical-align: middle;
	padding: 15px 0px;
}