* {
	padding:0;
	margin:0;
	/*border:1px dotted gray;*/
	font-family:Georgia,serif;
}
body {
  background: #efeeea url(images/bandeau_haut_repeat_interieur.gif) no-repeat top center;
  font-size: 12px;
  color:#000;  
  padding:0;
  margin:0;
  text-align: center;
}
a {
	color:#5b8fef;
	text-decoration:none;
}
a:hover {
	color:#5b8fef;
	text-decoration:underline;
}
hr {
	background-image: url(images/hr.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top:1em;
	margin-bottom:1em;
}
img{
	border:none;
}
.spip{
	text-align:justify;
}
#date_crea{
	font-size:90%;
	margin-bottom:1em;
}
#principal { 	
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  width: 980px; 
}
#bandeau_haut{
	position:relative;
}
#bandeau_haut #logo a {
	display:block;
	width:332px;
	height:104px;
	background:transparent;
}
#bandeau_haut #logo span {
	display:none; /* use the content for engine bots,  but let this hidden for end user :p */
}
#bandeau_haut #menu {
	position:relative;
	left:400px;
	top:-45px;
	width:550px;
	font-size:14px;
}
#bandeau_haut #menu li {
	list-style:none;
}
#bandeau_haut #menu li a {
	float:left;
	display:block;
	width:135px;
	height:25px;
	border-right:1px solid gray;
	padding-top:20px;
	text-align:center;
	color:#333;
	text-decoration:none;
}
#bandeau_haut #menu li a.lienon {
	color:black;
	background:#e5e5e3;
}
#bandeau_haut #menu li a:hover {
	color:black;
	background:#e5e5e3;
}
#encart_haut_interieur {
	width:980px;
	height:84px;
	background:url(images/encart_haut_interieur_fond.jpg);
	border-left:1px solid #5e6465;
	border-right:1px solid #5e6465;
}
/* ------- CONTENU ------- */
#contenu_milieu {
	background:white;
	min-height:400px;
	background:url(images/interieur_fond_contenu.gif) repeat-y white;
	padding-top:20px;
	padding-left:50px;
}
#contenu_milieu #ariane {
	margin-bottom:1em;
}
#contenu_milieu h3 {
	font-size:200%;
	margin-top:15px;
}
#contenu_milieu h4 {
	font-size:150%;
	margin-top:15px;
	margin-bottom:15px;
	border-bottom:1px solid #b6b5b2;
	padding-bottom:10px;
	width:90%;
	font-weight:normal;
}
#contenu_milieu .agenda {
	padding-right:60px;
	font-family:Helvetica,Arial,sans;
	font-size:120%;
	line-height:150%;
	padding-bottom:20px;
	padding-left:40px;
}


#contenu_milieu p{
	font-family:Helvetica,Arial,sans;
	font-size:120%;
	line-height:150%;
}
#contenu_milieu .spip_documents{
	margin:1em;
}
#contenu_milieu .agenda a{
	font-family:Helvetica,Arial,sans;
}
#contenu_milieu form label, option{
	font-family:Helvetica,Arial,sans;
}
#texte_article{
	font-family:Helvetica,Arial,sans;
	padding-right: 40px;
}
#texte_article a, strong, em, i, td, label{
	font-family:Helvetica,Arial,sans;
}
table{
	margin-bottom:10px;
}
#texte_article p{
	font-family:Helvetica,Arial,sans;
	margin-bottom: 1em;
	text-align: justify;
}
#texte_article li{
	list-style-image: url(squelettes-dist/puce.gif);
	margin-left:4em;
}
#texte_article .puce{
	list-style-image: url(squelettes-dist/puce.gif);
	margin-left:2em;
}
#texte_article h3{
	/*font-family:Helvetica, Arial, sans;*/
	font-size:150%;
	text-decoration: underline;
	margin-top: 1em;
	margin-bottom: 0.5em;
	margin-left: 2em;
}

#galerie_item {
	margin-top:20px;
}
#image_au_hasard {
	float:left;
	width:300px;
	height:240px;
	margin-top:30px;
	border:1px solid #b6b5b2;
	background:url(images/hasard.jpg);	
}
#image_au_hasard img{
	margin-bottom:4px;
}
#image_au_hasard p {
	position:relative;
	top:250px;
}
#galerie_item li {
	float:left;
	list-style-type:none;
	width:130px;
	height:90px;
	border:1px solid #b6b5b2;
	margin:10px;
	margin-bottom:50px;
	background:url(images/hasard.jpg);
}
#galerie_item li p {
	position:relative;
	top:100px;
}

/* ------- PIED DE PAGE ------- */
#pied_page {
	width:980px;
	height:159px;
	background:url(images/pied_fond.gif);
	color:white;
}
#pied_page p {
	position:relative;
	line-height:170%;
	font-size:120%;
}
#pied_page p a {
	/*color:#5b8fef;*/
	color:#FFF;
}

#pied_page #me_contacter_col1 {
	top:45px;
	left:160px;
	width:180px;
	height:50px;
	font-size:18px;
}
#pied_page #me_contacter_col2 {
	top:16px;
	left:360px;
	width:180px;
	height:50px;
}
#pied_page #me_contacter_col3 {
	top:-34px;
	left:560px;
	width:180px;
	height:50px;
}