/* CSS "BANLIEUES ZEN" mod 1.4, By R.SEBILLE & S.MARIC for BANLIEUES a.s.b.l "www.banlieues.be" */

/*******************************************************************************************************************/
/*                                                                            		A. BODY & CARE										     */
/******************************************************************************************************************/

img, img.spip_logos  {
     behavior: url(../../win_png.htc);
} 


/*ok*/BODY {
	background-color: #FFF; /* GREENsleaves */
	margin: 0px;
	border: 0px none;
			font: 0.8em Verdana, Arial, Trebuchet, sans-serif;
			color: black;
	}

/* Div cadre pour IE, tableau cadre au lieu de div, aussi pour IE :-( */
/*ok*/DIV.position-cadre {
	width: 100%;
	background-color: transparent;
	padding: 0%;
		text-align:center;
	}
	
/*ok*/TABLE.cadre {
table-layout: auto;
	width: 1000px;
	background-color: transparent;
	margin: auto;
	border: 0px none;
	border-collapse: collapse;
	border-spacing: 0px;
    border-spacing: 0px;
 	padding: 2px; 
		vertical-align: top;
		font: 1em Verdana, Arial, Trebuchet, sans-serif;	
	}

/*******************************************************************************************************************/
/*                                                                            		B.TETE									     	                */
/******************************************************************************************************************/	

/*ok*/TD.tete {
	width: 100%;
	height: auto;
	min-height: 110px;
	overflow: visible;
	background-color: #FFF; /* The GREEN Hornet */
	margin-top: 0em; 
	border-top: 3px solid #336666;
	border-left: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	padding: 0%;
	/*	background-image: url(../../images/banspip.png);
		background-repeat: no-repeat;
		background-position: top center; */
		z-index: 1;
				text-align: center;
	}


.tete a:link , .tete a:visited  {
	font: 1.1em Verdana, Arial, 'Times New roman', sans-serif;
	color: #190468;
	padding-top: 0px;
		padding-right: 10px;
			padding-bottom: 0px;
				padding-left: 0px;;
	}
.tete a:hover  {
	font: 1.1em Verdana, Arial, 'Times New roman', sans-serif;
	color: #F20D04;
	padding-top: 0px;
		padding-right: 10px;
			padding-bottom: 0px;
				padding-left: 0px;
	}


	#669999
	
/*ok*/DIV.tete-haute {
	width: 100%;
	height: auto;
	overflow: auto;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
	border: 0px none;
	padding: 0px 0px 0px 0px;
		z-index: 1;
		font: 1em Verdana, Arial, Trebuchet, sans-serif;
		color: #003333;
		text-align: center;
	}
	
/*ok*/DIV.banlieues {
float: none;
display: block;
	width: 100%;
	background-color: transparent;
	margin: 19px 0px -15px 0px;
	padding: 0px 0px 0px 0px;
		font: 3.2em 'Comic Sans Ms', Verdana, Arial, sans-serif;
		color: #336666;
		text-align : center;
		letter-spacing: 4pt;
	}

DIV.tete {
	height: 140px;
	}

/*ok*/DIV.tete-gauche {
color: #83959C;	
float: left; 
display: inline;
position: relative;
top: 0px;	
left: 0px;
	width: 30%;
	min-height: 0px;/*?*/
	overflow: hidden;
	background-color: transparent;
	margin: 9px 0px 20px 0px;
	border: 0px none #336666;
	padding: 0px 0px 0px 0px;
		z-index: 10;
		font: 2em Verdana, Arial, Trebuchet, sans-serif;
		text-align : center;
	}

DIV.tete-gauche-texte {
display: none;
	width:0px; 
	}
	
DIV.tete-centre {
color: #83959C;	
float: left; 
display: inline;
position: relative;
top: 0em;
left: 0px;
right: 0px; 
	width: 40%;
	overflow: auto;
	margin: auto;
	border: 0px solid #9C2C08;
	padding: 0%;
		padding-left: 20px;
		z-index: 5;
		text-align:left;
	}
	
/*ok*/DIV.tete-droite {
color: #83959C;	
float: right;
display: inline; 
position: relative;
top: 0px;
right: 0%;/*?*/	
	width: 20%;
	overflow: visible;
    background: transparent;	
	margin: 0px 0px 0px 0px;
	border: 0px none;
	padding: 0px 0px 0px 0px;
		z-index: 10;
		text-align:left;
	}

/*rs*/DIV.division-menu-haut {
	background-color: transparent;
	margin-top: 0%;
	margin-left: 0%;
	border: 0px none;
	padding-top: 0%;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
		z-index: 5;
		text-align:center;
	height: 25 px;
	}
			
/*ok*/TD.hierarchie {
	width: 100%;
	background-color: #F9F9F9;
	margin: 0px 0px 0px 0px;
	border: 0px none;
	padding: 7px 15px 7px 15px;
		font: 1.1em Verdana, Arial, Trebuchet, sans-serif;
		text-align: left;
	}

/*******************************************************************************************************************/
/*                                                                            		C.CORPS									     	                */
/******************************************************************************************************************/	

DIV.division-corps-gauche {
	background-color: transparent;
	margin-top: 0em;
	margin-left: 0%;
	border: 0px none;
	padding-top: 2%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
		z-index: 5;
		text-align:left;
	}
	
DIV.onglet-division-corps-gauche {
	width: 100%;
	background-color: transparent;
	margin-top: 0px;
	border: 0px none;
	padding-top: 0%;
	padding-bottom: 0%;
		z-index: 10;
		font: bold 1em Verdana, Arial, Trebuchet, sans-serif;
		text-align:left;
	}
	
DIV.division-corps-droit2 {
	background-color: transparent;
	margin-top: 0em;
	margin-left: 0%;
	border: 0px none;
	padding-top: 2%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
		z-index: 5;
		text-align:left;
	}
	
DIV.onglet-division-corps-droit2 {
	width: 100%;
	background-color: transparent;
	margin-top: 0px;
	border: 0px none;
	padding-top: 0%;
	padding-bottom: 0%;
		z-index: 10;
		font: bold 1em Verdana, Arial, Trebuchet, sans-serif;
		text-align:left;
	}
	
/*ok*/TD.corps-gauche {
	width: 200px;/*?*/
	background-color: #E6FBA7;
	margin: 0px 0px 0px 0px;
	border: 0px none;
	padding: 0px 0px 0px 10px;
		z-index: 1;
		vertical-align : top;
	}		

/*ok*/TD.corps-droit {
    width: 75%;
	background-color: #F9F9F9; /*Fédération Française de Funk*/
	margin-top: 0em;
	margin-right: 0%;
	border: none;
	padding: 0px 0px 0px 0px;
		z-index: 10;
		color: #003333;
		vertical-align : top;
		text-align:left;
	}

/*rs*/TD.corps-droit1 {
    width: 600px;
	background-color: #F9F9F9; /*Fédération Française de Funk*/
	margin-top: 0em;
	margin-right: 0%;
	border: none;
	padding: 0px 0px 0px 0px;
		z-index: 10;
		color: #003333;
		vertical-align : top;
		text-align:left;
	}

/*rs*/TD.corps-droit2 {
    width: 200px;
	background-color: #E6FBA7; /*Fédération Française de Funk*/
	margin-top: 0em;
	margin-right: 0%;
	border: none;
	padding: 0px 0px 0px 10px;
		z-index: 10;
		color: #003333;
		vertical-align : top;
		text-align:left;
	}

/*rs*/.tableau_rubrique {
	border-collapse: collapse;
	width: 100%;
	}

/*rs*/.tableau_rubrique td {
	padding-left: 0px;
	padding-right: 5px;
	border-left: 1px dotted #FF9933;
	/*border-bottom: 1px dotted #FF9933;*/
	}

DIV.article-agenda {
   border: 1px solid #AAA;
   padding: 5px;
   background-color: #DDD;
   }
   
/*ok*/DIV.corps-droit-encart {
   /* float: right; */
	/* width: 20%; */
	background-color: #DDD;
	/* margin-left: 2%; */
	border: 0px none;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	padding-right: 2%;
		z-index: 1;
		text-align: left;
	}

	/* descriptif rubrique */
/*rs070405*/DIV.texte-rubrique, DIV.texte-rubrique-menuf {
	background-color: White;
	margin-bottom: 1em;
	border: 1px dashed #FF9933;
	padding-top: 2%;
	padding-left: 2%;
	padding-bottom: 2%;
	padding-right: 2%;
		text-align:justify;
	}
	
/*rs070405*/DIV.texte-rubrique {
    width: 96%;
    }
    
/*rs070405*/DIV.texte-rubrique-menuf {
    /*width: 67%;*/
    width: 96%;
	}

/* affichage de la rubrique à coté de l'article */
.aff_titre_rub {
	}

/* affichage par, date pub, date mod sous le titre de l'article */
DIV.aff_par_pub_mod_art {
	font: 0.6em Verdana, Arial, Trebuchet, sans-serif;
	color: #666666;
	text-align: left;
	}

/* affichage date publication de l'article */
.aff_datepub_art {
	/*display: none;*/
	}

/* affichage date modification de l'article */
.aff_datemod_art {
	display: none;
	}

/* affichage de tous les mots clés de l'article (résultats recherche multicritères) */
.aff_mots_art {
	}

/* affichage de "Nombre total de ... articles, breves, rubrique, etc.. */
.aff_nombre_total {
	font: 0.6em Verdana, Arial, Trebuchet, sans-serif;
	color: #666666;
	text-align: left;
	}

/* affichage du redacteur_spip (auteur spip) au bas de l'article */
DIV.aff_redacteur_spip {
	font: 0.6em Verdana, Arial, Trebuchet, sans-serif;
	color: #666666;
	text-align: left;
	display: none;
	}

/* affichage de la pertinence dans la page de résultats de la recherche spip */
DIV.aff_pertinence_recherche_spip {
	font: 0.6em Verdana, Arial, Trebuchet, sans-serif;
	color: #666666;
	text-align: left;
	}

/* affichage de messages du type "il n'y a pas de..." ou "Pas de ... dans ..." */
.il_ny_a_pas_de {
	display: none;
	}

/* texte des articles */
DIV.texte-article {
	text-align:justify;
	}

/* texte des breves */
DIV.texte-breve {
	text-align:justify;
	}

/* Chapeau des articles */
/*ok*/DIV.chapeau {
	background-color: transparent;
	padding: 0.1em;
		color: #669999;				
	}

DIV.mot-dans-article-breve {
}

DIV.corps-droit-rubrique-article {
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	border: 0px none;
}

DIV.corps-droit-breve {
	padding: 1%;
}
					
DIV.ps {
	color: #666666;
	background-color:transparent;			
}

/* Breve de la page d'accueil */
/*ok*/DIV.breve-accueil {
	border-top: 0px none;
	border-left: 0px none;
	border-bottom: 1px dotted #FF9933;
	border-right: 0px none;
	padding: 1%;
	}
	
/*ok*/DIV.breve-accueil {
	border-bottom: 1px dotted #FF9933;
	}
	
/*ok*/SPAN.artmois {
	background-color: #FF9933;
		color: #FFF;
		font-weight: bold;
	}
	
/* TD du corps, v. aussi: table.spip, table.spip tr.row_first , table.spip tr.row_odd, table.spip tr.row_even, table.spip td */
	
/*******************************************************************************************************************/
/*                                                                            		D.PIED									     	                */
/******************************************************************************************************************/	

/*ok*/TD.pied {		/* meme font que.petit et P.spip_note*/
	background-color: transparent;
	border: 0px none;
	padding: 0px 0px 10px 0px;
		font: 0.8em Verdana, Arial, Trebuchet, sans-serif;
		color: #000;
		text-align: center;
	}

DIV.pied {
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	}
/*******************************************************************************************************************/
/*                                                                            		E.SPIP									     	                */
/******************************************************************************************************************/
	
.spip_bouton {
	background-color: #336666;
	margin: 0px 0px 0px 0px;
	font: 1em , Verdana,'Times New roman', Arial, sans-serif;
	font-weight: bold;
	color: #FF9933;
	}
	
P.spip LI {
	list-style-type:square;
	list-style-image:url(../../images/puce.gif);
	list-style-position:inside;
	margin-left: 50mm;
	text-align: left;
}

DIV.spip-admin {
	position: absolute;
	right: 2px;
	z-index: 1000;
}

a.spip_url { }

a.spip_in { }

a.spip_out { }

.spip_code { }

p.spip  {
    font: 1em Verdana, Arial, Trebuchet, sans-serif;
	}

p.spip_note { 
	font: 0.8em Verdana, Arial, Trebuchet, sans-serif; 
	}

.spip_documents{
	margin-left: 2%;
	margin-bottom: 2%;
	margin-right: 2%;
		font-family: Verdana,Verdana, Arial,Helvetica,sans-serif;
		font-size : 0.7em;
}

/*rs*/.spip_logos {
	padding-top: 10px;
	padding-right: 5px;
	}
table.spip {}

table.spip tr.row_first {
	background-color: #FF797B;
	color: white;
	}

table.spip tr.row_odd {
	background-color: #E6E2E6;
	}

table.spip tr.row_even {
	background-color: #EEEEEE;
	}

table.spip td {
	padding: 0.5%;
		text-align: justify;
		vertical-align: middle;
	}

hr.spip {
	font-style: italic;
	color: #003333;
	}

b.spip { }

i.spip { }

.forml { 
	width: 100% ;  
	background-color: #D6D9D6;			
}

.spip_encadrer {
	margin-left: 10%;
	margin-right: 10%;
	border: 1px solid #DDD;
		z-index: 1;
		text-align: left;
	}

.spip_cadre {
	width : 100%;
	background-color: #FFFFFF;
	padding: 0.5%;
	}

.spip_bouton { 
	background-color:#FF0810;
		font: bold 1em 'Times New roman', Verdana, Arial, sans-serif;
		color:white;
		font-weight: bold;
	}	

.spip_surligne { background-color: yellow;}				

/* Mise en forme des QCM */
.spip_qcm {  
	background-color : transparent;
	border: 1px solid #FF0810;
	padding: 3px;
	text-align:left;  
	}

.spip_qcm_question{ 
	font-weight : bold;
	color :  #3F5264;
	}

.spip_qcm_proposition{ 
	color :  #3F5264;
	}

.spip_qcm_reponse{ 
	color :  #3F5264;
	}

.spip_qcm_precision{
	text-align:left;
	color :  #3F5264;
	font-style : italic;
	}

.spip_qcm_correction_faux{
	width:20em;
	background-color : red;
	color : white;
	font-weight : bold; 
	}

.spip_qcm_correction_juste{
	width:20em;
	background-color : green;
	color : white;
	font-weight : bold; 
  }

.spip_qcm_correction_null{
	width:20em;
	background-color : #3F5264;
	color : white;
	font-weight : bold; 
	}

.spip_qcm_bouton_corriger{
	background-color:white;
	font: bold 1em 'Times New roman', Verdana, Arial, sans-serif;
	color:#3F5264;
	font-weight: bold;
	}

.spip_qcm_select{ 
	background-color : #F3EEEA;
	color :  #3F5264;
	}
	
.spip_qcm_titre{ 
	text-align : center;
	background: transparent;
	font: bold 1.2em 'Times New roman', Verdana, Arial, sans-serif;
	padding: 0.5em;
	text-decoration: none;
    letter-spacing: 0em;
    margin: 0% 0% 0% 0%;
	color :  #3F5264;
	}

.spip_qcm_point{ 
	font-weight : normal;
	color :  #3F5264;
	}

.spip_qcm_score{   
	text-align:center;
	width:20%;
	color :  red;
	font-weight : bold;
	border: 2px solid green;
	padding: 3px; 
	}

.spip_qcm_erreur{ 
	font-weight : bold;
	color :  red;
	font-style: italic;
	}


/*******************************************************************************************************************/
/*                                                                            		F.DIVERS									     	                */
/******************************************************************************************************************/	
		
.formrecherche {
	width: 100% ;  
	background-color: #DDD;
	}		

.reponse_formulaire {
	font: 1em Verdana, Arial, 'Times New roman', serif;
	font-weight: normal;
	font-size: 100%;
	color: #000;
	}

/** FORUM **/
DIV.forum-decompte {
	background-color: #FF7878;		
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#FF0810;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#FF0810;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#FF0810;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#FF0810;
	padding: 0.5%;
	}

/*ok*/DIV.forum-sujet {
	border: 1px solid #DDD;				
	padding: 0.5em;
}

/*ok*/DIV.premier-message {
	border: 1px dotted #DDD;					
	border-bottom: 1px solid #000;					
	padding: 0.5em;
	}

/*ok*/DIV.forum-reponse {
	margin-left: 0.5em;
	border-left: 1px dashed #DDD;					
	border-bottom: 1px dashed #DDD;					
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	}

DIV.titre-premier-message {
	background-color:#E0E3E0;
	}

DIV.corps-message {
	overflow: auto;
	}

DIV.forum-form-reponse {
	background: transparent;
	}
/** FORUM, fin **/
	
/*ok*/DIV.petit {
	font: 0.8em Verdana, Arial, Trebuchet, sans-serif;
	color: #666666;
	text-align: left;
	}

DIV.aligne-droite {
	text-align: right;
	}								  

.bordure {
	border: 1px solid #DDD;					
	}

.logosite {
	background: #9C2C08;
	font: bold 2em Comic Sans MS, Times, serif;
	text-align: center;
	color:yellow;
	}

.spacer {
	clear: both;
	}

.spacer03 {
	font-size: 0.3em;
	clear: both;
	}
 Dit forum wordt vooraf gemodereerd: je bijdrage zal pas verschijnen nadat een redacteur van de website het heeft goedgekeurd.
/**IMAGES **/
IMG {
	border: 0px;	
	}

.portfolio {
float :left; 
/* clear: right;*/
	width: 200px;
	height: 250px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	border: 0px none;
/* pour IE, évidemment ;-) */
	text-align: center;
	}	

/**TExTE* */
.texte {
display: none;
	width:0px; 
	}
	
.no-texte {}
}

/* *Ainssi FONTES* */
.cal_ce_mois {		/* Calendrier */
	background: white;
	border: 1px dotted #DDD;
    font: 0.8em Arial Geneva, sans-serif;
    color: black;
	}

.cal_mois_prec {		/* Calendrier */
	background: #C5E6EE;
	font: 0.8em Arial Geneva, sans-serif;
	font-style:italic;
	color: black;				
	}




/*************A FINIR****************************************************************************************************************************************************/

/*********/
/* Liens */
/*********/

a:link {
	color:#83959C;					/* bleu faible */
	text-decoration: none; 	
}

a:visited {
	color:#83959C;					/* bleu vert */
	text-decoration: none;
}

a:hover {
	color:#9C2C08;					/* rouge interactif */
	text-decoration: none;
}

a:link H1, a:link H2, a:link H3, a:link H4, a:link H5 {
	color:#83959C;					/* bleu faible */
	text-decoration: none;
}

a:visited H1, a:visited H2, a:visited H3, a:visited H4, a:visited H5 {
	color:#83959C;					/* bleu vert */
	text-decoration: none;
}

a:hover H1, a:hover H2, a:hover H3, a:hover H4, a:hover H5 {
	color:#9C2C08;					/* rouge interactif */
	text-decoration: none;
}


.onglet-division-corps-gauche a:link, .onglet-division-corps-gauche a:visited {
	color: #190468;	
	text-decoration: none;
}

.onglet-division-corps-droit2 a:link, .onglet-division-corps-droit2 a:visited {
	color: #83959C;	
	text-decoration: none;
}

.onglet-division-corps-gauche a:hover {
	color: #9C2C08;	
/*	background-color: yellow;	 */
	text-decoration: none;
}

.onglet-division-corps-droit2 a:hover {
	color: #9C2C08;	
/*	background-color: yellow;	 */
	text-decoration: none;
}

.hierarchie a:link, .hierarchie a:visited {
/*		color: white;	*/
/*		text-decoration: none;*/
}

.hierarchie a:hover {
/*		color: yellow;	*/
/*		text-decoration: none;*/
}							

/*********/
/* titres */
/*********/
H1 {
	color:#9C2C08;					/* bleu dominant */
	background: transparent;
	text-align: left;
	font: bold 1.3em 'Times New roman', Verdana, Arial, sans-serif;
     letter-spacing: 0em;
     margin: 0% 0% 0% 0%;
}


/* sous-titres */
H2 {
	color:#9C2C08;					/* bleu dominant */
	background: transparent;
	text-align: left;
	font: bold 1.1em 'Times New roman', Verdana, Arial, sans-serif;
     letter-spacing: 0em;
     margin: 0% 0% 0% 0%;
}

/* doit être le même que H3.intertitre, Intertitre des articles */
H3 {
	color:#9C2C08;					/* bleu dominant */
	background: transparent;
	text-align: left;
	font: bold 1.2em 'Times New roman', Verdana, Arial, sans-serif;
	padding: 0.5em;
	text-decoration: none;
     letter-spacing: 0em;
     margin: 0% 0% 0% 0%;
}


/* titre spécial gauche */
H4 {
	color:#9C2C08;					/* bleu dominant */
	background: transparent;
	text-align: left;
	font: bold 1em 'Times New roman', Verdana, Arial, sans-serif;
     letter-spacing: 0em;
     margin: 0em 0em 0em 0em;
}

/* titre spécial droit */
H5 {
	color:#330066;					/* bleu dominant */
	background: transparent;
	text-align: left;
	font:  1em 'Times New roman', Verdana, Arial, sans-serif;
     letter-spacing: 0em;
     margin: 0em 0em 0em 0em;
}


/*********/
/* listes */
/*********/

UL {
	list-style-type:square;
}

UL LI {
	/* color:#FE000C;	*/				/* rouge interactif */
}

UL.breve {
	list-style-type:disc;
	font: 0.8em Verdana, Arial, 'Times New roman', serif;
}

UL.sous-rubriques-plan {
	list-style-type:square;
	list-style-image:url(../../images/puce.gif);
	list-style-position:inside;
/*	font: 0.8em Verdana, Arial, 'Times New roman', serif; */
/*	margin-left: 0em; */
	text-align: left;
}



/************************/
/* Menu déroulant */
/************************/

ul#menulist li ul{ display:none; }

ul#menulist li:hover>ul{ display:block; }

ul#menulist {
   position: static;
	left: 10px;
	font: bold 1em Verdana, Arial, 'Times New roman', serif;
	background-color: transparent;
	width: 100%;
	margin-top: 0px;
	border: 0px none #FF0810;
	padding-top: 0%;
	padding-bottom: 0%;
	text-align:left;
	z-index: 10;

}

ul#menulist, ul#menulist ul {
  list-style:none;
  margin:0;
  padding:0;
	background-color: #336666;
	width: 100%;
  
}

ul#menulist {
	border: 0px none black;
}

ul#menulist:hover {
	border: 0px none black;
	}

ul#menulist ul {
	border: 1px dotted black;
}

ul#menulist ul{
  position:absolute;
  top:5px;
  left: 90%;
}

ul#menulist li{
  position:relative;
  margin:0px;
  padding:0px;
  _display:inline;
}

ul#menulist a:link, ul#menulist a:visited {
  display:block;
	font: 1.em Verdana, Arial, 'Times New roman', sans-serif;
	color: #99CCCC;	
  width:100%;
  text-decoration: none;
  text-indent: 1em;
  padding: 5px 0;
}

ul#menulist a:hover {
	color: #FF9933;	
	}

ul#menulist a:active {
	color: #FFCC66;	
	}
	
ul#menulist ul a:link, ul#menulist ul a:visited {
	font: 1.em 'Comic Sans Ms', Arial, 'Times New roman', sans-serif;
	color: #669999;	
}

ul#menulist ul a:hover {
	color: #FF9933;	
}

ul#menulist ul a:active {
	color: #FFCC66;	
}
									                         
										                         

/*********/

/************************/
/* Menu haut, toujours déroulant */
/************************/

ul#menulisthaut li ul{ display:none; }
ul#menulisthaut li:hover>ul{ display:block; }

ul#menulisthaut {
   position: static;
	left: 0px;
	font: bold 1em Verdana, Arial, 'Times New roman', serif;
/*	background-color: transparent;*/
	width: 100%;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	padding-right: 0%;
	margin: 0px 0px 0px 0px;
	border-bottom: 3px solid #E6FBA7;
	text-align:center;
	list-style:none;
	background-color: #FFF;
	z-index: 10;

}

ul#menulisthaut:hover {
	border-bottom: 3px solid #E6FBA7;
	}


ul#menulisthaut ul {
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	padding-right: 0%;
	margin: 0px 0px 0px 0px;
	text-align:left;
	list-style:none;
	background-color: #336666;
			/*width: 100%;*/
}

ul#menulisthaut li ul {
	position:absolute;
	top:95%;
	left: 20px;
	background-color: #E6FBA7;
	border: 1px dotted black;
	z-index: 20;
	}

ul#menulisthaut li ul li ul {
	position:absolute;
	top:25%;
	left: 75%;
	background-color: #336666;
	border: 1px dotted black;
	z-index: 30;
	}
	

ul#menulisthaut li{
	position:relative;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px 5px 0px 5px;
	display:inline;
}

ul#menulisthaut li ul li {
	display:block;
}

ul#menulisthaut a:link, ul#menulisthaut a:visited, ul#menulisthaut a:active {
  /*display:block;*/
	font: 1.em Verdana, Arial, 'Times New roman', sans-serif;
	color: #190468;	
  /*width:100%;*/
  text-decoration: none;
  text-indent: 1em;
  padding: 5px 0;
}

ul#menulisthaut a:hover {
	color: #F20D04;	
	}

	
ul#menulisthaut ul a:link, ul#menulisthaut ul a:visited, ul#menulisthaut ul a:active {
	font: 1.em 'Comic Sans Ms', Arial, 'Times New roman', sans-serif;
	color: #231094;	
}

ul#menulisthaut ul a:hover {
	color: #F20D04;	
}


/* Formatage liste menu principal et flottant */
UL.menupuce { /*rs 070403 */
    font: inherit;
    color: inherit;
    list-style-position: outside;
    list-style-type: square;
    list-style-image: url(../../images/puce.gif);
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
   }
								                         
								                         
/* largaur des TD select, checkbox et radio pour la recherche multi-criteres, pour IE */
TD.select_rech_mult_crit {
	width: 5em;
}
TD.radio_rech_mult_crit {
	width: 15px;
}
										                         

/*********/



h3.intertitre {
	color:#9C2C08;					/* bleu dominant */
	background: transparent;
	text-align: left;
	font: bold 1.2em 'Times New roman', Verdana, Arial, sans-serif;
	padding: 0.5em;
	text-decoration: none;
     letter-spacing: 0em;
     margin: 0% 0% 0% 0%;
}


                                    											         	    	                    															  
/* CSS "BANLIEUES ZEN" mod 1.3, By R.SEBILLE & S.MARIC for BANLIEUES a.s.b.l "www.banlieues.be" */

/** TITRES *********************************************************************************/

H1 {
	color: #000; 
	font: bold 1.3em Verdana, Arial, 'Times New roman', sans-serif;
	}
H2 {
	color: #000;					
	font: bold 1.1em Verdana, Arial, 'Times New roman', sans-serif;
	}
/* doit être le même que H3.intertitre, Intertitre des articles */
H3 {
	color: #000;					
	font: bold 1.1em Verdana, Arial, 'Times New roman', sans-serif;
	}
h3.intertitre {
	color: #000;				
	font: bold 1.1em Verdana, Arial, 'Times New roman', sans-serif;
	}
/* titre spécial gauche */
H4 {
	color: #336666;				
	text-align: left;
	font: bold 1em Verdana, Arial, 'Times New roman', sans-serif;
	}
/* titre spécial droit */ /* IL EST OU LE YOUKI? */
H5 {
	color: fuchsia;				
	font:  1em 'Times New roman', Verdana, Arial, sans-serif;
 	}

	
/** LIENS ************************************************************************/

a:link {
	color:#0000FF;
	}
a:visited {
	color:#336666;
	}
a:hover {
	color:#FF9933;
	}
a:link H1, a:link H2, a:link H3, a:link H4, a:link H5 {
	color:#336666;
	}
a:visited H1, a:visited H2, a:visited H3, a:visited H4, a:visited H5 {
	color:#336666;
	}
a:hover H1, a:hover H2, a:hover H3, a:hover H4, a:hover H5 {
	color:#FF9933;
	}
a.banlieues:link, a.banlieues:visited {
	color: #336666;
	}
a.banlieues:hover {
	color: #FF9933;
	}
	
/*6*/a.lien_banspip:link , a.lien_banspip:visited  {
	font: 2em 'Comic Sans Ms', Verdana, 'Times New roman', serif;
	color: #669999;
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	}
a.lien_banspip:hover  {
	color: #FF9933;	
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 	
	}
a.rechercher:link , a.rechercher:visited  {
	font: 1.1em Verdana, Arial, 'Times New roman', sans-serif;
	color: #669999;
	padding-top: 0px;
		padding-right: 20px;
			padding-bottom: 0px;
				padding-left: 0px;;
	}
a.rechercher:hover  {
	font: 1.1em Verdana, Arial, 'Times New roman', sans-serif;
	color: #FF9933;
	text-align: left;	
	padding-top: 0px;
		padding-right: 20px;
			padding-bottom: 0px;
				padding-left: 0px;
	}
.hierarchie a:link, .hierarchie a:visited {
	color: #190468;
	text-decoration: none;
	}
.hierarchie a:hover {
	color: #F20D04;
	text-decoration: none;
	}

/**/.division-corps-gauche a:link, .division-corps-gauche a:visited {
	font: 1.em 'Comic Sans Ms', Arial, 'Times New roman', sans-serif;
	color: #231094;	

	}
/**/.division-corps-droit2 a:link, .division-corps-droit2 a:visited {
	font: 1.em 'Comic Sans Ms', Arial, 'Times New roman', sans-serif;
	color: #231094;	

	}
/**/.division-corps-gauche a:hover {
	color: #F20D04;	

	}
/**/.division-corps-droit2 a:hover {
	color: #F20D04;	

	}
/**/.division-corps-gauche a:active {
	color: #FFCC66;	

	}
/**/.division-corps-droit2 a:active {
	color: #FFCC66;	

	}
.onglet-division-corps-gauche a:link, .onglet-division-corps-gauche a:visited {
	font: 1.em Verdana, Arial, 'Times New roman', sans-serif;
	color: #190468;	
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
		padding-right: 0px;
			padding-bottom: 0px;
				padding-left: 0px;
	}
.onglet-division-corps-droit2 a:link, .onglet-division-corps-droit2 a:visited {
	font: 1.em Verdana, Arial, 'Times New roman', sans-serif;
	color: #190468;	
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
		padding-right: 0px;
			padding-bottom: 0px;
				padding-left: 0px;
	}
.onglet-division-corps-gauche a:hover {
	font: 1.em Verdana, Arial, 'Times New roman', sans-serif;
	color: #F20D04;	
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
		padding-right: 0px;
			padding-bottom: 0px;
				padding-left: 0px;
	}
.onglet-division-corps-droit2 a:hover {
	font: 1.em Verdana, Arial, 'Times New roman', sans-serif;
	color: #F20D04;	
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
		padding-right: 0px;
			padding-bottom: 0px;
				padding-left: 0px;
	}
.onglet-division-corps-gauche a:active {
	color: #FFCC66;	
	text-decoration: none;
	}
.onglet-division-corps-droit2 a:active {
	color: #FFCC66;	
	text-decoration: none;
	}
						
/** BOUTONS ***********************************************************************************/


	
/** ENTREES FORMULAIRE - MENUS DEROULANT *********************************************************/

/*3*/DIV.tete-haute SELECT.forml {
	background-color: #336666;
	border-color: #336666;
	width: 20%;
	color: #669999;
	}           
/*4*/DIV.tete-droite .forml {
	background-color: #336666;
	/*width: 75%;*/
	color: #669999;
	}
/*4*/DIV.tete-droite h3, DIV.tete-centre h3 {
	padding-top: 0px;
	}
/*5*/.formrecherche {
	background-color: #336666;
	font: 1em , Verdana,'Times New roman', Arial, sans-serif;
	/*width: 75%;*/
	color: #fff;
	}

/*** Mini calendrier ***/
TD.occupe a:link, TD.occupe a:visited, TD.occupe a:active {
	color: #E6FBA7;
	background-color: #190468;
	}
	
TD.occupe a:hover {
	color: #E6FBA7;
	background-color: #F20D04;
	}
