body {
	color: ##FFCC00;
	background-color: #404C68;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	}
a {
	text-decoration: none;
	font-weight: bold;
	color:  #D7AC00;
	outline: none;
	}
a:visited {color:  #FFE16C;}
a:active {color:  #FFBB55;}
a:hover {text-decoration: underline;}

strong, b {
	font-weight: bold;
	}
.center {
	text-align: center;
	}
/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	color: #FFCC00;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px; 
	color: #D7AC00;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	color: #FFCC00;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	color: #FFCC00;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	color: #FFCC00;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	color: #FFCC00;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
p {
	font-size: 12px;
	color: #FFCC00;
	}

blockquote {
	color: #FFCC00;
	}

.Middle>p {margin:0px;}
.Middle>p+p {text-indent:30px;}

img {
	border: 0;
	}
#logo {
	float: left;
	background: url(img/logofond.gif);
	}

#top {
	margin: 0px 140px 0px 0px;
	padding: 0px;
	border: 0px solid #FFCC00;
	background: #404C68;
	height: 144px; 
	text-align:center;
	}

.middle {
	position: relative;
	width: auto;
	min-width: 200px;
	margin: 0px 180px 0px 180px;
	border: 0px solid #00c7dd;
	background-color: #404C68;
	padding: 0px;
	z-index:3;
	}
.middle li, .middle td {
	color: #FFCC00;
}
#menutop ul {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	border: 0px solid;
	text-align: center;
	}
#menutop li {
	display: inline;
	color: #006699;
	margin: 0px 0px;
	list-style-type: none;
	border: 0px solid;
	border-style: none solid none none;
	border-color: #00c7dd ;
	font: 14px verdana, sans-serif; 
	}
#menutop li a:hover {
	background: #4A5879;
	}

#menug ul {
	border: 0px solid grey;
	height: auto;
	margin: 5px 0px;
	padding: 0px 0px 0px 10px;
	}
#menug li {
	height:20px;
	list-style-type: none;
	font: 12px/12px verdana, sans-serif; 
	}


#left {
	position: absolute;
	width: 150px;
	top:150px;
	left: 0px;
	border: 0px solid #00c7dd;
	background-color: #404C68;
	padding: 0px;
	z-index:2;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
body>#left {width:150px;}

#right {
	position: absolute;
	width: 150px;
	top:150px;
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	border: 0px solid #00c7dd;
	background-color: #404C68;
	padding: 0px;
	z-index:1;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
body>#right {width:150px;}

#titrelist{text-align:center; margin-top: 0px;}

#edito, #actu,#histoire_de,  #guindaille_a, #debat, #thema, #data {
	margin: 25px 10px 10px 0px;
	padding: 20px;
	background: #404C68;
	border: 5px ;
	border-color: #FFCCOO;
	border-style: solid none solid none ;
	text-align: justify;
	color: #FFCC00;
	border: 1px;
	}
#data{margin: 30px 40px 30px 180px;}

.login {
	width: 150px;
	height:90px;
	border: 1px dotted #333;
	padding: 5px;
	margin: 5px 0px 5px 0px;
	}
.frm{
	width: 500px;
	height:20px;
	border: 1px dotted #333;
	padding: 5px;
	margin: 0px;
	}
.row {
  clear: both;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size:12px;
  color: #FFCC00;
  border: 0px solid;
  }
.row span.titre {
  float: left;
  width: 50px;
  text-align: right;
  font-size:18px
  }
.row span.label {
  float: left;
  width: 50px;
  text-align: right;
  }
.row span.formw {
  float: right;
  width: 95px;
  text-align: left;
  }
.row span.biglabel {
  float: left;
  width: 125px;
  text-align: right;
  border: 0px solid #006699;
  }
.row span.forml {
  float: right;
  width: 380px;
  text-align: left;
  border: 0px solid #006699;
  }

#benev {
	color: #FFCC00;
} 
#benev, #tbl, #assoc, #gpb {
	width: auto;
	height:auto;
	margin: 10px 180px 0px 180px;
	border: 1px solid #006699;
	padding: 0px;
	color: #FFCC00;
	}
#assoc {
	padding: 10px;
	}
.data li, .data td {
	color: #FFCC00;
}
#ln0 {
  clear: both;
  font-weight: bold;
  color: #FFCC00;
  background-color: #30384E;
  height: 20px;
  }
#ln1 {
  clear: both;
  font-size:12px;
  color: #FFCC00;
  background-color: #404C68;
  height: 12px;
  }
#ln2 {
  clear: both;
  font-size:12px;
  color: #FFCC00;
  background-color: #4A5879;
  height: 12px;
  }
span.type {
  float: left;
  width: 95px;
  text-align: left;
  }
span.ville {
  float: left;
  width: 75px;
  text-align: left;
  }
span.nom {
  float: left;
  }

li.lined, li.ulined {
	height: 10px;
	text-decoration: none;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #FFCC00;
	z-index: -1;
	}
li.ulined a{	background: #30384E;
	text-decoration: underline;}