body {
	background-image: url(fond1.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	font:x-small Arial, Verdana,Sans-serif;
    font-size:small;
	color:#333;
  } 
  
html>body {font-size:small;}

html>body #fond {position: fixed;}

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

#fond {
	position: absolute;
	padding: 0em;
	width: 182px;
	height: 313px;
	z-index: 2;
	left: 0%;
	bottom: 0px;
	background-image: url(orgue.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

#container {
	width: 80%;
	border: 1px solid #009900;
	margin: 0px auto;
	padding: 10px;
	background:#fff;
}

#banner {
	margin-bottom: 0px;
	margin-top: -10px;
	margin-right: -10px;
	margin-left: -10px;
	background-color: #339900; /* ancienne valeur : #1FB038 */
}
		
#position1 {
	background-color: #76C244;
	position: relative;
	margin: 0px;
	color: #FFFFFF;
	font-size: 18px; /* ancienne valeur : 12px */
	text-align: right;
	padding:0px;
}

#position1 a {
	background-color: #76C244;
	text-decoration:none;
	color: #FFFFFF;
}

.position3 {padding:5px;text-align:right; font-weight:bold;}

div.position3 a {color:#FFFFFF !important;}

#position1 a:hover { color:#FFFF00 !important;}

#banner #position {
	border: 2px Aucune #999999;
	color: #FFFFFF;
	font-size: 14px;
	letter-spacing: 0.3em;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	background-color: #FFFFFF;
	background-image: url(transparence-fond2.gif);
	background-repeat: repeat;
	vertical-align: middle;
}

#banner .position2{
	color: #000000;
	background-color: #FFFFFF;
	vertical-align: middle;
}

#logo {
	height: 170px;
	width: 170px;
	background-color: #009900;
	text-align: center;
	float: left;
}

#banner h1{
	height:65px;
	/height:55px;
	letter-spacing:0.13em;
	color: #FFFFFF;
	left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	margin: 0px;
	padding-right: 20px;
	padding-top:20px;
	/padding-top:20px;
	-padding-top:13px;
	/padding-bottom: 10px;
	padding-left: 0px;
	text-align : right;
	line-height: 20px;
	/line-height:normal;
}

#banner h1:first-letter {font-size: 1.8em;}
.sous-titre-page {color:#FFFFFF; font-weight:bold; font-size:0.32em; /margin-top:-10px;padding-top:0px;letter-spacing: 0.13em;}
#content {
	color: #000;
	padding: 0px 20px 20px 20px; /* ancienne valeur : 20px */
	margin-left: 215px;
	border-left: 1px dashed #53B163;
	min-height:300px;
	height:auto !important;
	-height:300px;
}

#content h2{
	margin: 0px;
	padding: 0px;
}

#content .titre{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.065em; /*ancienne valeur : 0.2em */
	color:#999;
	position: relative;
	float: left;
	padding:7px 7px 2px 0px; /*ancienne valeur : 7px 7px 7px 7px */
	/padding-bottom:0px;
	margin-bottom: 0px;
	/* /margin-bottom: -20px;*/
	margin-left: 0em;
	font-size: large;
}

#content .soustitre{
	letter-spacing: 0.065em; /*ancienne valeur : 0.2em */
	font-weight: bold;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	position: relative;
	padding-left:0px; /*ancienne valeur : 8px */
}
	
/*#content .bord{border-top:1px dotted #ccc;padding-top:5px;}*/

#content h3{
	color: #76c244; /*ancienne valeur : #6EC235 */
	font-size:1.42em; /*ancienne valeur : 1.8em */
	border-bottom-width: 3px; 
	border-bottom-style: solid;
	border-bottom-color: #6EC235;
	padding-bottom: 1px; /*ancienne valeur : 3px */
	text-align:left;
	padding-top:5px;
}

#content h4 {color: #009900;}
		
#content p {text-align: justify;}

.dessous {
	text-align: left;
	margin-right: 0px;
	color: #999;
	font-weight: bold;
	margin-bottom: 5px;
	padding:0px 10px 0px 50px; /* ancienne valeur : 0px 10px 0px 10px */
	position: relative;
	float: right;
	border-top:3px solid #FF6600;
}

#menu {
	width: 199px;
	margin: 7px 0 0 0;
	padding: 20px 0px 20px 0px;
	position: absolute;
	top:79px;
	background:#339900 url(images/menu/pied.jpg) no-repeat bottom; /* ancienne valeur : #1FB038 */
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-image:none;
}

#menu li {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 5px;
	padding-left:35px;
	padding-bottom: 3px;
	background:url(images/menu/li.jpg) no-repeat;
	-behavior:url(_html_dev/csshover2.htc);/**/
}

#menu li:hover {background:url(images/menu/li-hover.jpg) no-repeat;}

#menu li a {
	color: #fff;
	text-decoration: none;
}

#menu li a.on{
	color: #FFFF00;
	text-decoration: none;
}

#menu li a:hover{color:#FFFF00;}

#footer {
	clear: both;
	height:25px;
	padding: 5px;
	margin-top: 5px;
	background-color: #76C244;
	margin-right: -10px;
	margin-bottom: -10px;
	margin-left: -10px;
	vertical-align: middle;
	text-align:right;
	font-size:0.95em;
	font-weight:bold; /* ajour du 16-07 */
	line-height:2em;
	padding-right:20px; border-top:3px solid yellow;
}

#footer a{color:#fff;text-decoration:none;}
#footer a:hover{color:#FFFF00;}

.spacer {clear: both;}

#zou {
	background-image: url(orgue.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left bottom;
}

.Style1 {
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.Style2 {
	color: #000000;
	font-weight: bold;
}

.dropcap {
	float: left;
	width:0.7em;
	font-size: 4em;
	line-height: 83%;
	font-style: italic;
	padding-right:5px;
	-margin-top:0px;
	-padding-right:0px;
}

.floatright {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #666;
	padding: 2px;
	text-align: center;
}

.floatleft {
float: left;
margin: 0 10 10px 0px;
border: 1px solid #666;
padding: 2px;
}

.descriptif {
	color: #339900; /* ancienne valeur : #1FB038 */
	/* text-indent:30px; */
	font-weight: bold;
}

.legende {
	color: #000000;
	font-size: 10px;
}

.legende img  {
	margin-right: 20px;
	margin-left: 0px;
}


/* Forms
----------------------------------------------- */
input.text {
	font-family: Arial, Helvetica, sans-serif;
}

input.button {
  background:#c00;
  color:#fff;
  font:bold 100% Verdana,Sans-serif;
  border:2px solid #f00;
  border-color:#f00 #900 #900 #f00;
  }

#contactform label {
  display:block;
  padding-bottom:1px;
  }
#contactform input.text {width:200px;}

#contactform input#sujet {
width:300px;
  } 

html>body #contactform input#sujet {width:300px;}  
  
#contactform input.text, #contactform textarea {
  background:#eee;
  border:1px solid #999;
  }

#contactform textarea {
  width:300px;
  height:10em;
  } 

html>body #contactform textarea {width:300px;}

fieldset {
	padding-left: 10px;
}

legend {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-bottom-style: solid;
	letter-spacing: 0.2em;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.centrer {
	text-align: center;
}

#logoadiam {
	padding: 2px;
}

/*------------------------------------------------------- Recherche ----------------------------------------------------------- */
#formrecherche {border:0px;margin:10px 0px;padding:0px;}
#formrecherche fieldset{border:0px;margin:0px;padding:0px;}
#formrecherche label {text-indent: 10px;margin-left:19px;padding-left:15px;background:url(images/menu/pucemenu.jpg) no-repeat;}
input#recherche {margin-left:34px; width: 115px; height:14px; background-color:#B0DCB8; background-position:top;border-top:1px solid #8AB692;border-bottom:0px;border-left:1px solid #8AB692;border-right:0px;}
.rechercher{
	margin:0px ;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:white;
	
}
.jaune {color:#FFFF00;}

/*--------------------------------------- Dynamique--------------------------------------*/
.spip_doc_titre, .spip_doc_descriptif  { color:#4DA122;}
hr.spip {color:#ccc;
background-color:#ccc;
}
/* Tableaux */
table.spip {
	margin-left:1px;
	margin-bottom: 1em;
	border: 1px solid #ccc;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background:#4DA122;color:#FFF; }
table.spip tr.row_odd { background: #fff;color:#4DA122; }
table.spip tr.row_even { background:#E7F5E3; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
ul.spip {margin-left:30px;padding-left:10px;color:#666;}
ul ul.spip {clear:both;color:#666;}
ol.spip {margin-left:30px;}
ol li.spip{list-style-type:decimal;list-style-image:none;}
ul li.spip {list-style-image:url(images/communes/pictoul.gif);}
ul li li.spip {list-style-image:url(images/communes/plus.gif);}
ul li li li.spip {list-style-image:url(images/comcom/pictoli2.gif);}

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color:#4DA122; } /* liens internes */
a.spip_out { color: #4DA122; } /* liens sortants */
a.spip_url { color: #4DA122; } /* liens url sortants */
a.spip_glossaire { color: #4DA122; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #4DA122; } /* liens exposes */
/*formulaire verts*/
.spip_forms legend {color:#4DA122;}
.spip_forms .obligatoire_oublie {color:#4DA122;}
td a.spip_barre img{background:#D5EBCE;}
a.jTip {background:green;}
/* Boite de titre d'un forum : dégradé de verts */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #A4D867; }
ul ul .forum-chapo { background: #C4F18F; }
ul ul ul .forum-chapo { background: #D6F9AE; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }
/*forums verts*/
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { color: #4DA122; font-size:1.1em;}
#contenu h2.forum-repondre {font-size:1.3em;}
#contenu h2.forum-decompte {font-size:1.1em;}

/* liens en savoir-plus */
a.savoir-plus { color: #20AF39;text-decoration:none} /* liens interne */
a:hover.savoir-plus { color: #FF6600;text-decoration:underline} /* liens interne */

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #6EC235; }
a:hover { text-decoration: underline; }