/* ~~~~~~~~~ body ~~~~~~~~~ */

BODY {
	font-family: verdana, arial, tahoma, sans-serif;
	line-height: 200%;
	FONT-SIZE: 12px; 
	margin-top: 0px;
	background: #55992c;
	COLOR: #000000; 
}


#site {
	background: #55992c url(bg.gif) top center repeat-y;
	}
#bgsite {
	background: #55992c url(bg_bottom.gif) top center no-repeat;
	height:45px;
	}


/* ~~~~~~~~~ liens ~~~~~~~~~ */


a{
	color: #015DF4;
	text-decoration: underline;
	font-weight: normal;
}
a:hover{
	color: #78abff;
	text-decoration: none;
	font-weight: bold;
}

/* ~~~~~~~~~ titres ~~~~~~~~~ */  

h1{
	font-size: 220%;
	font-family: trebuchet ms, verdana, arial, tahoma, sans-serif;
	font-style: italic;
	color: #9B0001;	
	height: 30px;
	text-align:left;
	background: url(h1.gif) no-repeat left;
	padding-left: 25px;
	padding-top: 5px;
}

h2{
	font-size: 160%;
	font-family: trebuchet ms, verdana, arial, tahoma, sans-serif;
	letter-spacing:1px;
	color: #b47cbf;
	font-weight: bold;
	font-style: italic;
	background: url(h2.gif) no-repeat left;
	margin-left: 20px;
	padding-left: 40px;
	border-bottom-style:dashed;
	border-width: 1px;
	border-bottom-color:#b47cbf;
}

h3{
	font-size: 120%;
	color:#b47cbf;
	font-weight:bold;
	word-spacing:4px;
	font-weight: bold;
	text-transform:uppercase;
}

h4{
	font-size: 28px;
	color:#b47cbf;
	font-weight:bold;
	word-spacing:4px;
	font-weight: bold;
	text-transform:uppercase;
}


/* ~~~~~~~~~ fil d'ariane ~~~~~~~~~ */

#ariane {
	font-size: 80%;
	color: #7F7F7F;	
	padding-bottom: 5px;
	padding-left:215px;
	}


#ariane a{
	font-weight: normal;
	color:d500ff;
}


/* ~~~~~~~~~ Menu ~~~~~~~~~ */


.menu {
	width: 200px;
	background: #173d00 url(menu_bg.jpg) repeat-y top left;
	}

#menu ul, .encart ul { 
	margin: 0px; 
	padding: 0px; 
	list-style: none;
	line-height: 30px;
	}
	
#menu li, .encart li { 
	margin: 0; 
	padding-left: 15px;
	background: url(fleche.gif) no-repeat 5px 13px;
	border-bottom-style:dashed;
	border-width: 1px;
	border-bottom-color:#ffffff;
	}

#menu li a{
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	font-family: verdana, arial, tahoma, sans-serif;
	text-transform : uppercase;
	text-decoration: none;
	}
	

#menu li a:hover{
	color:#f5bfff;
	text-decoration:underline;
	}	

#menu li a:on{ 
	font-weight: bold; 
	font-style:italic;
	color: #f2a8ff;
	text-decoration: none;
	}	
	
.menu_shadow{
	background: url(menu_shadow.gif) repeat-y left;	
	width: 15px;
	}	

.on { 
	font-weight: bold; 
	font-style:italic;
	font-size:11px; 
	color: #f2a8ff;
	text-transform:uppercase; 
	}


/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer {
	height:40px;
	font-size: 75%;
	border-top-style:dashed;
	border-width: 1px;
	border-top-color:#666666;
	background: #daafe2;
	text-align:left;
}


#footer a{
	color: #ffffff;
}

#footer a:hover{
	color: #ffc400;
	font-weight: normal;
}

/*~~~~~~~~~~~ recherche ~~~~~~~~~~~~~~~*/

	
#recherche {
	font-size: 10px;
	font-style:normal;
	color: #7F7F7F;
	}

/*~~~~~~~~~~~ plan du site ~~~~~~~~~~~~~~~*/

#plan {
	font-style:normal;
	}
	

#plan ul, .encart ul { 
	margin: 0px; 
	padding: 0px;
	list-style:none; 
	}
	
#plan li, .encart li { 
	margin: 0;
	}

#plan li a{
	color: #015DF4;
	text-decoration: underline;
	font-weight: normal;
	}
	

#plan li a:hover{
	color: #78abff;
	text-decoration: none;
	font-weight: bold;
	}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: right; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { 
	width: 10%;
	font-family: inherit; 
	font-size: 10px; 
	color: #0066ff;
	  }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }	
	


/*~~~~~~~~~~~ styles ~~~~~~~~~~~~~~~*/

.txt_ptit{
	font-size: 85%;
	}	

#bando{
	background: url(bando.jpg) top center  no-repeat;
	width:995px;
	height:160px;
	}

#bando_en{
	background: url(en/bando_en.jpg) top center  no-repeat;
	width:995px;
	height:160px;
	}


/*~~~~~~~~~~~ colonne accueil a la une + agenda ~~~~~~~~~~~~~~~*/


#col_bg{
	width:200px;
	padding-left:10px;
	padding-right:5px;
	background: #b47cbf url(col_bg.gif) top center repeat-x;
	color: #000000;
	font-size: 100%;
	line-height: 150%;
	}	


#col_bg a{
	color: #ffffff;
	text-decoration:none;
}

#col_bg a:hover{
	color: #ffffff;
	text-decoration:underline;
}

.colonne{
	width:200px;
	background: #b47cbf url(col_bg.gif) top center repeat-x;
	}

.lien_version{
	color: #cdff00;
	font-size:10px;
}