/* CSS "BANLIEUES ZEN" mod 1.4, By R.SEBILLE & S.MARIC for BANLIEUES a.s.b.l "www.banlieues.be" */
/* Modified by Kosse in a few clicks and lines for a better ~ and more readable ~ design */
/* All comments mabe by original -and amateur- 'coders', may they be forgiven for this */

/*******************************************************************************************************************/
/*                                                                            		A. BODY & CARE										     */
/******************************************************************************************************************/
	      
/*ok*/HTML, BODY {
	background: #FFFFFF url(../../images/fond.png) repeat fixed 0 50%;
	margin: 0em;
	border: 0px none;
	/* background: url(../../images/bgd_degrade.png); 
	background-repeat: repeat-x;
	background-position: top left;
	background-attachment: fixed; */
	font: 0.8em "Time New Roman",Georgia,"Courrier New",sans-serif;
	color: #222222;
	line-height: 1.6em;
	}

/* 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: 650px;
	background-color: transparent;
	margin: 40px auto 20px;
	border: 1px solid #555555;
	border-spacing: 0px;
    border-spacing: 0px;
 	padding: 5px; 
		vertical-align: top;
/*		font: 1em Verdana, Arial, Trebuchet, sans-serif;	*/
	}

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

/*ok*/TD.tete {
	width: 100%;
	height: 160px;
	min-height: 160px;
	overflow: visible;
	background-color: transparent;
	margin-top: 0em; 
	border-top: 0px;
	border-left: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	padding: 0%;
		/*background-image: url(../../images/nice/header.gif);*/
		background-repeat: no-repeat;
		background-position: top left;
		z-index: 1;
		text-align: center;
	}

/*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;
		color: #003333;
		text-align: center;
	}
	
	
/*ok*/DIV.tete-gauche {
color: #83959C;	
float: left; 
position: relative;
top: 0px;	
left: 0px;
	min-height: 0px;/*?*/
	overflow: hidden;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
		z-index: 10;
display: none;
	}

DIV.tete-gauche-texte {
display: none;
	width:0px; 
	}
/*	
DIV.tete-centre {
color: #83959C;	
float: left; 
display: block;
position: relative;
top: 0em;
	width: 50%;
	overflow: auto;
margin-left: 250px;
margin-top: 50px;
	padding: 0%;
		z-index: 5;
		text-align:left;
font-size: 0.8em;
	}
DIV.tete-centre ul {

}
	
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;
		font-size: 0.8em;
		line-height: 1.4em;
	}
*/
DIV.tete-centre, Div.tete-droite {
	height: 0px;
	}

TD.hierarchie {
	width: 100%;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
	border-top: 1px dotted #222222;
	border-bottom: 1px dotted #222222;
	padding: 7px 15px 7px 15px;
		text-align: left;
	}

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

DIV.division-corps-gauche {
	background-color: transparent;
	margin-top: 30px;
	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: transparent url(../../images/etoile.jpg) no-repeat left;
	margin-top: 0px;
	border: 0px none;
	padding-left: 15px;
	padding-top: 0%;
	padding-bottom: 0%;
		z-index: 10;
		text-align:left;
	}
	
/*ok*/TD.corps-gauche {
	width: 25%;/*?*/
	background-color: transparent;
	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: transparent;
	margin-top: 0em;
	margin-right: 0%;
	border: none;
	padding: 10px 10px 10px 10px;
		z-index: 10;
		color: #003333;
		vertical-align : top;
		text-align:left;
	}
	
/*ok*/DIV.corps-droit-encart {
float: right;
	width: 20%;
	background-color: transparent;
	margin-left: 2%;
	border: 1px dotted #222222;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	padding-right: 2%;
		z-index: 1;
		text-align: left;
	}

DIV.corps-droit-encart UL.menupuce {
	margin-left: -20px;
	}

	/* descriptif rubrique */
/*ok*/DIV.texte-rubrique {
    width: 96%;
	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;
	}

/*ok*/DIV.texte-rubrique-menuf {
    width: 68%;
	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;
	}

/* 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 {
/*	display:none;*/
}

DIV.corps-droit-rubrique-article {
	padding: 1%;
}

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 "Time New Roman",Georgia,"Courrier New",sans-serif;
		color: #fff;
		text-align: center;
	}

/*******************************************************************************************************************/
/*                                                                            		E.SPIP									     	                */
/******************************************************************************************************************/
	
P.spip LI {
	list-style-type:square;
	list-style-image:url(../../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  {
	}

p.spip_note { 
	font: 0.8em "Time New Roman",Georgia,"Courrier New",sans-serif; 
	}

.spip_documents{
	margin-left: 2%;
	margin-bottom: 2%;
	margin-right: 2%;
		font-size : 0.7em;
}

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;
	font: 1em "Time New Roman",Georgia,"Courrier New",sans-serif;
		color:#003333;
}

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

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

.spip_bouton { 
	background-color:#D6D9D6;
	font: 1em "Time New Roman",Georgia,"Courrier New",sans-serif;
		color:#003333;
		font-weight: normal;
	}	

.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;
	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 "Time New Roman",Georgia,"Courrier New",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									     	                */
/******************************************************************************************************************/	
		
.reponse_formulaire {
	font-weight: normal;
	font-size: 100%;
	color: #003333;
	}

/** FORUM **/
DIV.forum-decompte {
	background-color: transparent;
	border: 1px solid #003333;
	padding: 0.5%;
	}

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

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

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

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

DIV.corps-message {
	overflow: auto;
	}

DIV.forum-form-reponse {
	background: transparent;
	}
/** FORUM, fin **/
	
/*ok*/DIV.petit {
	font: 0.8em "Time New Roman",Georgia,"Courrier New",sans-serif;
	color: #666666;
	text-align: left;
	}

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

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

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

.spacer {
	height: 5px;
	clear: both;
	}

.spacer03 {
	height: 5px;
	font-size: 0.3em;
	clear: both;
	}

/**IMAGES **/
IMG {
	border: 0px;	
	margin-right: 5px;
	margin-left: 5px;
	}

.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 #003333;
    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;					
	text-decoration: none; 	
}
*/
a:link, a:visited {
	color:#DB0000;					
	text-decoration: none;
}

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

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

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

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


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

.onglet-division-corps-gauche a:hover {
	color: #9C2C08;	
	text-decoration: none;
}
*/
.hierarchie a:link, .hierarchie a:visited {
/*		color: white;	*/
/*		text-decoration: none;*/
}

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



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

DD {margin: 0px;}

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(../../puce.gif);
	list-style-position:inside;
/*	font: 0.8em Verdana, Arial, 'Times New roman', serif; */
/*	margin-left: 0em; */
	text-align: left;
}

UL.menupuce {
	/*list-style-image: url(../../images/etoile.jpg);*/
	}

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

ul#menulist li ul{ display:none; }

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

ul#menulist {
   position: static;
	left: 0px;
	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: #d10019;
	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: 99%;
}

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

ul#menulist a:link, ul#menulist a:visited {
  display:block;
	font: 1em Verdana, Arial, 'Times New roman', sans-serif;
	color: #FFFFFF;	
  width:100%;
  text-decoration: none;
  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: 1em '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;	
}
									                         
										                         

/*********/



                                    											         	    	                    															  
/* 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;
	}

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;
	}

H4 {
	color: #d10019;				
	text-align: left;
	font: bold 1em Verdana, Arial, 'Times New roman', sans-serif;
	}

H5 {
	color: fuchsia;				
	font:  1em 'Times New roman', Verdana, Arial, sans-serif;
 	}
*/

h1, h2, h3, h4, h5, h6 {
font-family:"Courrier New",Georgia,"Time New Roman",serif;
}
h1, h2, h3 {
font-weight:600;
}
h4, h5, h6 {
font-weight:400;
margin-bottom: 0px;
}
h1 {
font-size:1.6em;
}
h2 {
font-size:1.4em;
}
h3 {
font-size:1.3em;
}
h4 {
font-size:1.2em;
}
h5 {
font-size:1.1em;
}
h6 {
font-size:1em;
}
h1.hr-1 {
background-image:url(../../images/line.gif);
background-position:center top;
background-repeat:no-repeat;
padding-bottom:30px;
text-align:center;
}
	
/** LIENS ************************************************************************/
/*
a:link {
	color:#0000FF;
	}
a:visited {
	color:#d10019;
	}
a:hover {
	color:#FF9933;
	}
a:link H1, a:link H2, a:link H3, a:link H4, a:link H5 {
	color:#d10019;
	}
a:visited H1, a:visited H2, a:visited H3, a:visited H4, a:visited H5 {
	color:#d10019;
	}
a:hover H1, a:hover H2, a:hover H3, a:hover H4, a:hover H5 {
	color:#FF9933;
	}
a.banlieues:link, a.banlieues:visited {
	color: #d10019;
	}
a.banlieues:hover {
	color: #FF9933;
	}
	
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: #d10019;
	text-decoration: none;
	}
.hierarchie a:hover {
	color: #FF9933;
	text-decoration: none;
	}

.division-corps-gauche a:link, .division-corps-gauche a:visited {
	font-size: 1.em; 
	font-family: Verdana,Arial,'Times New roman',serif;
	color: #669999; 	

	}
.division-corps-gauche a:hover {
	color: #FF9933;	

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

	}
.onglet-division-corps-gauche a:link, .onglet-division-corps-gauche a:visited {
	font-size: 1.em; 
	font-family: Verdana,Arial,'Times New roman',serif;
	color: #FFFFFF;	
	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: #FF9933;	
	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;
	}
*/						
/** BOUTONS ***********************************************************************************/


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

/*3*/DIV.tete-haute SELECT.forml {
	background-color: #d10019;
	border-color: #d10019;
	width: 20%;
	color: #669999;
	}           
/*4*/DIV.tete-droite .forml {
	background-color: #d10019;
	/*width: 75%;*/
	color: #669999;
	}
/*4*/DIV.tete-droite h3, DIV.tete-centre h3 {
	padding-top: 0px;
	}
/*5*/.formrecherche {
	background-color: #D6D9D6;
	font: 1em "Time New Roman",Georgia,"Courrier New",sans-serif;
	/*width: 75%;*/
	color: #003333;
	}

/* Special */
.droits {
   font-size: 0.5em;
   }

.droits a:link, .droits a:visited {
   color: #AAAAAA;
   font-size: 75%;
   font-style: italic;
   }

.droits a:hover {
   color: #666666;
   font-size: 75%;
   font-style: italic;
   }

.sonore {

   }