@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}
body {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background:#EAEBEC;
color:#000;
}
/* --------------------- Structure Principale ---------------------- */
#conteneur { /* Reste ncessaire i.e. pour Opera */
width: 800px;
margin:0;
padding:0;
margin: 0 auto;
background-color:#FFF;
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
}

#header {
z-index: 1; /* Pour IE sous Mac */
background-color: #FFF;
margin: 0;
padding: 15px 0 0 0px;
height: 115px;
voice-family: "\"}\""; 
voice-family:inherit;
height: 100px;
}
#main-Menu {
	margin:0;
	padding:0;
	position: relative;
	z-index: 1;
}
#maincontent {
	margin:15px 0 0 0;
	padding:0;
	position:relative;
	top: -2px;
	z-index: 0; /* Pour IE sous Mac */
}
.pseudo-conteneur {
/*	Permet de garder une position relative de conteneur
	sans avoir le bug IE sous Mac avec les z-index sur
	les #header et #maincontent */
position: relative;
width: 800px;
margin: 0 auto;
background-color:#FFF;
}

#centre {
margin:0;
padding:0;
background-color:#FFF;
width: 371px;
height: auto;
min-height: 400px;
padding-right: 29px;
margin-left: 186px;
margin-right: 186px;
padding-left: 22px;
}
#centrelarge { /*Pour la partie Historique - FAB */
margin:0;
padding:0;
background-color:#FFF;
width: 550px;
height: auto;
min-height: 400px;
padding-right: 29px;
margin-left: 186px;
padding-left: 22px;
}
#gauche {
float:left;
width: 186px;
margin:0;
padding:0;
}
#droite {
float:right;
width: 186px;
margin:0;
padding:0;
}
#pied {
height: 15px;
background-color: #FCC31A;
border-top: 1px solid #7A431A;
border-bottom: 1px solid #7A431A;
text-align: center;
font-size: 0.8em;
}
#adresse {
height: 20px;
background-color: #FFF;
color: #999999;
text-align: center;
font-size:0.8em;
padding-top: 5px;
}
/* --------------------- END Structure Principale -------------------------- */

/* --------------------- Structure Colonne Droite FAB ---------------------- */
#awards {
width:161px;
background: #EAEBEC;
padding: 10px 10px 10px 15px;
}
/* --------------------- END Structure Colonne Droite FAB ------------------- */

/* - ------------------- Tag HTML Default ----------------------------------- */

/* --- Colonne Gauche---- */
#gauche p {
margin: 0 0 10px 15px;
font-size: 0.8em;
}
#gauche h2 {
padding-left: 15px;
font-size: 1.2em;
font-weight: bold;
border-bottom:1px solid #333;
}
#gauche h3 {
padding: 5px 0 0 15px;
font-size: 1.2em;
font-weight: bold;
border-bottom:1px solid #333;
}
#gauche h4 {
padding: 5px 0 0 15px;
padding:0;
font-size: 0.9em;
padding-left: 15px;
color: #EE7B1D;
}
#gauche h5 {
margin:0;
padding:0;
font-size: 0.9em;
padding-left: 15px;
color: #EE7B1D;
}
#gauche h6 {
padding: 15px 0 0 15px;
font-size: 1.2em;
font-weight: bold;
border-bottom:1px solid #333;
}
.flandre {
float:left;
width:59px;
padding-left:15px;
}
.wallonie {
float:left;
width:55px;
}
.bxl {
float:left;
width:57px;
}
.region {
font-size:0.8em;
}
#gauche ul {
padding: 0 0 0 30px;
list-style-image:url(../images/puce_assoc.gif);
}
#gauche li {
list-style-image:url(../images/puce_assoc.gif);
}
#gauche a.histo {
font-size: 0.8em;
color: #333;
text-decoration:none;
}
#gauche a.date {
font-size: 1em;
font-weight: bold;
color: #333;
text-decoration:none;
}
#gauche a.texte {
font-size: 1em;
color: #333;
text-decoration:none;
}
#gauche a {
color: #333;
font-weight: bold;
font-size: 0.8em;
text-decoration:none;
}
#gauche a:hover {
color: #EE7B1D;
}
#gauche cite {
font-weight:bold;
font-size: 0.8em;
}
/* --- Colonne Droite---- */
#droite p {
margin: 0 0 10px 0;
font-size: 0.8em;
}
#droite h2 {
font-size: 1.2em;
font-weight: bold;
border-bottom:1px solid #333;
}
#droite h3 {
margin:0;
padding:0;
font-size: 0.8em;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333;
}

#droite h4 {
margin:0;
padding:0;
font-size: 0.9em;
padding-left: 15px;
color: #EE7B1D;
}
#droite h5 {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:inherit;
font-size: 0.7em;
font-style:italic;
color: #666;
}
#droite h6 {
padding: 15px 0 0 0;
font-size: 1.2em;
font-weight: bold;
border-bottom:1px solid #333;
}
/* --- Colonne Centre---- */
#centre h1 {
padding-left: 15px;
font-size: 1.3em;
font-weight: bold;
}
#centre h2 {
padding-left: 25px;
font-size: 1.3em;
font-weight: bold;
color:#333;
}
#centre h3 {
padding-left: 25px;
font-size: 1.1em;
font-weight: bold;
color:#333;
}
#centre h4 {
padding-left: 25px;
font-size: 1.1em;
font-weight: bold;
color:#EE7B1D;
}
#centre h5 {
padding-left: 15px;
font-size: 0.9em;
font-weight: normal;
}
#centre h6 {
padding-left: 15px;
font-size: 1em;
font-weight: bold;
color:#666;
}
#centre h2.doc {
padding: 5px 0 0 15px;
font-size: 1em;
font-weight: bold;
color:#666;
}
#centre h3.doc {
padding: 5px 0 0 15px;
font-size: 0.8em;
font-weight: bold;
color:#666;
}
#centre ul.doc {
list-style:none;
}
#centre li.doc {
display:inline;
}
#centre h3.news {
margin:0;
padding:0;
padding: 15px 0 0 15px;
}
#centre h4.news {
padding:0;
margin-left: 15px;
border-bottom:1px dashed #666;
}
#centre h5.news {
padding:0;
margin: 3px 0 0 0;
padding-left: 15px;
font-size: 0.9em;
font-weight: normal;
color:#EE7B1D;
}
#centre p {
margin-top:5px;
padding-left: 15px;
color:#333;
font-size:1em;
}
#centre p.indent {
margin-top:5px;
padding-left: 15px;
color:#333;
font-size:1em;
text-indent: 50px;
}
#centre ul {
padding-left:15px;
}
#centre ul.archives {
padding: 5px 0 0 30px;
}

#centre a {
font-weight:bold;
color:#EE7B1D;
font-size:1em;
text-decoration:none;
}
#centre a:hover {
color:#333;
}
#centre table {
border:1px solid #EE7B1D;
width:330px;
margin-left:15px;
padding-left:5px;
font-size:1em;
color:#666;
background:#EAEBEC;
}
.assoc {
color:#666;
background:#FFF;
padding-left:5px;
font-weight:bold;
}
/* --- Colonne Centre Large ---- */
#centrelarge h1 {
padding-left: 15px;
font-size: 1.3em;
font-weight: bold;
}
#centrelarge h2 {
padding-left: 25px;
font-size: 1.3em;
font-weight: bold;
color:#333;
}
#centrelarge h3 {
padding:15px 0 0 29px;
font-size: 1.1em;
font-weight: bold;
color:#333;
}
#centrelarge p {
margin-top:8px;
padding: 0 0 0 15px;
color:#333333;
font-size:1em;
text-indent: 40px;
}
#centrelarge p.italic {
margin-top:8px;
font-style:italic;
}
#centrelarge p.retrait {
margin-top:8px;
padding-left: 50px;
text-indent:inherit;
}
#centrelarge cite {
padding-left: 40px;
color:#333333;
font-size:1em;
}
#centrelarge table {
width: 540px;
padding-left: 15px;
color:#666;
font-size:1em;
}
#centrelarge td.date {
width: 80px;
font-weight:bold;
text-align:right;
vertical-align:top;
}
#centrelarge td {
padding:5px 0 0 5px;
height:30px;
text-align:left;
vertical-align:top;
}
#centrelarge table.conseil {
width: 540px;
padding:0;
border:1px solid #EE7B1D;
color:#666;
font-size:1em;
border-collapse:collapse;
}
#centrelarge th.conseil {
padding:2px 0;
border-bottom:1px solid #EE7B1D;
background-color:#CCCCCC;
}
#centrelarge td.conseil {
padding-left:5px;
vertical-align:top;
}
#centrelarge ul {
padding: 5px 0 0 0;

}
#centrelarge li {
padding: 3px 0 0 55px;
list-style-type:none;
font-weight:bold;
color:#666;
font-size:0.9em;
}
#centrelarge abbr {
font-weight:bold;
color:#EE7B1D;
font-size:0.9em;
}

/* --- Pied de Page ---- */
#pied a{
text-decoration:none;
color: #333;
}
#pied a:hover{
text-decoration:none;
color: #fff;
}

/* --- Les classes ---- */
img {
border:0;
}

#logofab {
width:500px;
padding-left:173px;
}
#logofab ul {
padding: 0 0 0 50px;
color:#333;
list-style:none;
font-weight:bolder;
}
#logofab .nl {
font-size:0.8em;
}
#logofab .fr {
font-size:0.8em;
}
#logofab a {
border:0;
text-decoration:none;
}

/* --- Sponsors --- */
#imageContainerPartener {
position:relative;
width:152px;
height:70px;
margin-left:12px;
}
#imageContainerPartener img {
cursor:pointer;
}
#liste_sponsorsPartener{
list-style:none;
color:#999;
margin:12px 0 0 0;
padding:0;
}
#liste_sponsorsPartener a{
font-weight:bold;
text-decoration:none;
font-size:.8em;
color:#999;
}
#liste_sponsorsPartener a:hover{
color:#333;
}
#liste_sponsorsPartener li{
line-height:.9em;
margin:0 0 0 10px;
padding:0;
}
#imageContainer {
position:absolute;
width:152px;
height:47px;
margin-left:12px;
}
#imageContainer img {
cursor:pointer;
display:none;
position:absolute;
top:0;
left:0;
}
#liste_sponsors{
list-style:none;
color:#999;
margin:71px 0 0 0;
padding:0;
}
#liste_sponsors a{
font-weight:bold;
text-decoration:none;
font-size:.8em;
color:#999;
}
#liste_sponsors a:hover{
color:#333;
}
#liste_sponsors li{
line-height:.9em;
margin:0 0 0 10px;
padding:0;
}

