body
{
	margin: 0;
	padding: 0;
	font: 11px/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #2C2C2C;
	text-align: center;
}

#container
{
	text-align: left;
	margin: 0px auto 0;
	width: 890px;
	border-top-width: 15px;
	border-top-style: solid;
	border-top-color: #929CD5;
}

/*img { border: none;}*/
a:link { color: #10568A; }
a:hover, a:active { color: #FF6600; }




/* --- En-tete --- */
#entete
{
	width: 100%;
	border-bottom: 1px solid #fff;
}

#entete h1
{
	margin: 0;
	padding: 0;
	float: left;
	width: 260px;
}

#entete h1 img { display: block; }




/* --- menu-haut --- */
#menu-haut
{
	margin: 0;
	list-style-type: none;
	background: #929CD5;
	float: right;
	clear: both;
	width: 100%;
	font-size: 12px;
	padding: 0px;
}

#menu-haut li {
	display: inline;
}

#menu-haut li a
{
	display: block;
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 0.4em 10px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}


#menu-haut li a:hover {
	background: #2A2E81;
	color: #E8E5EC;
}
#menu-haut li#active a {
	background: #2A2E81;
	color: #FFFFFF;
}
#menu-haut li#premier  {
	display: block;
	float: left;
	border-right: 0px solid #FFFFFF;
	width:15px;
	padding: 0.4em 15px;

}





#fond
{
	height:550px;
	background-image: url(../images/fond-accueil.jpg);
	background-repeat: no-repeat;
}


/* --- sous-menu STYLES --- */
#gauche
{
	width: 163px;
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
}

#connaitre{
	height: 243px;
	padding-top: 140px;
	font-size: 13px;
	font-weight: bold;
	padding-left: 40px;
	line-height: 16px;
}

#connaitre img {
	border:0;
}

#connaitre p {
	margin: 0px 0px 5px;
	padding: 0px;
}
#connaitre a {
	color: #FFFFFF;
	text-decoration: none;
}
#connaitre a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#pub {
padding-top:10px;
text-align:right;
}

#pub img {
	border:0;
}


/* --- droite STYLES --- */
#droite{
	width: 187px;
	float: right;
	margin-right: 29px;

}
#droite img{
padding:0;

}


* html #droite{margin-right: 12px;}


.agenda {
margin-top:17px;
margin-bottom:17px;
}

#droite .spip_documents img {
	border:0;
}

/* --- contenu STYLES --- */

#contenucontainer
{
	clear: both;
	padding: 0px 0em 2em;
	background-color: #E8E5EC;
	margin:0 auto;
	border-top-width: 45px;
	border-top-style: solid;
	border-top-color: #272F7B;
}


#contenu
{
	width: 476px;
	margin-left: 163px;
	text-align:right;

}

#actualites {
	width:439px;
	text-align:left;
	background-image: url(../images/fond-actu.gif);
	background-repeat: no-repeat;
	margin-left: 37px;
	height: 380px;
	background-position: left top;
}

* html #actualites {margin-left: 30px;}




#actualites h1{
	font-size: 16px;
	line-height: 40px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

#actualites p{
	margin: 0px;
	padding: 0px;
}

#actualites ul{
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	list-style-type: none;
	padding-right: 20px;
	padding-left: 20px;
}

#actualites li{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#actualites a{
	display: block;
	padding-bottom: 3px;
	font-size: 12px;
}

#actualites a:hover{
}


#mobilise{
	height: 157px;
	background-image: url(../images/fond-mobilise.gif);
	background-repeat: no-repeat;
}

#mobilise p{
	text-align: left;
	padding-left: 113px;
	padding-top: 80px;
	font-size: 14px;
	font-weight: bold;
	padding-right: 40px;
	line-height: 18px;
	margin: 0px;
}

#mobilise a{
	color: #FFFFFF;
	text-decoration: none;
}

#mobilise a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}


/* --- PIED --- */
#piedcontainer
{
	clear: both;
	border-bottom: 0px solid #FFFFFF;
}

#pied
{
	text-align: right;
	width: 890px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	line-height: 20px;
	height: 30px;
	background-color: #E8E5EC;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #929CD5;	
}
#pied p
{
	line-height: 30px;
	margin: 0;
	padding: 0px;
}
#pied ul
{
	margin: 0px;
	padding: 0px 20px 0px 0px;


}
#pied li {
	display: inline;
/*	background-color: #FFFFFF;
*/}

#pied li a
{
	display: block;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2E3B8A;
	padding: 0em 10px;
	text-align: center;
	text-decoration: none;
}
#pied a:hover
{
}