body {
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0;
padding: 0;
}

.spacer { /* ce style permet de "pousser" les conteneurs dans le cas d'objets "flottants" */
	clear: both;
}

.aeration{
	height: 30px;
}

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 12px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 12px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

#menudroit {
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	color: #C1643B;
	font-size: 0.9em;
}
#menudroit a {
	color: #C1643B;
}


h1 {
font-size: 1.3em;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
}

#droiteaccueil h1 {
font-size: 1em;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
}

h2 {
font-size: 1em;
font-weight:bold;
}

a 	{ color:#000;
	text-decoration: none;
	}
a:hover 	{ color:#000;
	text-decoration: underline;
	}
	
ul {
	list-style-position:inside;
}

.spip_logos {
	display: block;
	margin:10px;
}

#conteneur {
position: relative;
width: 1020px;
margin: 0 auto; 
background-color:#FFF;
}
#centre {
background-color:#FFF;
margin-left: 195px;
width: 810px;
}
#centre2 {
margin-left: 195px;
width: 810px;
}
#gauche {
position: absolute;
left:0;
width: 180px;
padding-top:10px;

}
#pied {
	float: left;
    position: relative;
height: 50px;
padding:5px;
width:700px;
margin-left: 180px;
margin-top: 20px;
text-align:center;
background-color: #B2E848;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}

#navigation li a {
	display: block ;
	background: #fff url(images/bouton.gif) left top no-repeat ;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 0 ;
	text-align: center ;
	}
/* Menu graphique */
			#nav {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;		/* Création du contexte de formatage */
				}
			#nav li {
				float: left ;
				width: 157px ;
				color: #fff ;
				background: #fff ;
				}
			#nav li a {
				display: block ;
				background: #fff url(images/bouton.gif) left top no-repeat ;
				color: #fff ;
				font-weight:bold;
				line-height: 2.5em ;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: #fff url(images/bouton.gif) left top no-repeat ;
				text-decoration: none ;
				color: #C1643B ;
				}

/* accueil : centre */

#gaucheaccueil { 
	float: left;
    position: relative;
	width: 470px; 
	color: black; 
	text-align: justify;
	font-size:0.9em;
}
#droiteaccueil { 
	float: right;
    position: relative; 
    width: 300px; 
    text-align:center;
}

.boutons {
float: left;
    position: relative;
	width: 56px; 
}
a.boutong1 {
float: left;
    position: relative;
	width: 56px; 
	padding-top:56px;
	background: #fff url(images/bouton1.gif) left top no-repeat ;
	text-decoration: none ;
}

a.boutong1:hover {
background: #fff url(images/bouton1b.gif) left top no-repeat ;
}

a.boutong2 {
float: left;
    position: relative;
	width: 56px; 
	padding-top:56px;
	background: #fff url(images/bouton2.gif) left top no-repeat ;
	text-decoration: none ;
}

a.boutong2:hover {
background: #fff url(images/bouton2b.gif) left top no-repeat ;
}

a.boutong3 {
float: left;
    position: relative;
	width: 56px; 
	padding-top:56px;
	background: #fff url(images/bouton3.gif) left top no-repeat ;
	text-decoration: none ;
}

a.boutong3:hover {
background: #fff url(images/bouton3b.gif) left top no-repeat ;
}

a.boutong4 {
float: left;
    position: relative;
	width: 56px; 
	padding-top:56px;
	background: #fff url(images/bouton4.gif) left top no-repeat ;
	text-decoration: none ;
}

a.boutong4:hover {
background: #fff url(images/bouton4b.gif) left top no-repeat ;
}

a.boutong5 {
float: left;
    position: relative;
	width: 56px; 
	padding-top:56px;
	background: #fff url(images/bouton5.gif) left top no-repeat ;
	text-decoration: none ;
}

a.boutong5:hover {
background: #fff url(images/bouton5b.gif) left top no-repeat ;
}

a.boutong6 {
float: left;
    position: relative;
	width: 56px; 
	padding-top:56px;
	background: #fff url(images/bouton6.gif) left top no-repeat ;
	text-decoration: none ;
}

a.boutong6:hover {
background: #fff url(images/bouton6b.gif) left top no-repeat ;
}

.vert {
margin-top:10px;
text-align:center;
color: #B2E848;
font-weight:bold;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}
#hierarchie {
color: #C1643B;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
#hierarchie a {
color: #C1643B;
}

#hierarchie a:hover{
color: #000;
}