
 
  /*A l g e m e n e   i n s t e l l i n g e n*/
body      {
	background-color:#f6efcb;
	color: #3A421A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-repeat: repeat-x;
	background-attachment: fixed;
}

/* ----------couleur des liens si rien d'autre n'est déféni ailleurs------------- */
A:link    {/* couleur des liens*/
	color: #3A421A;
	text-decoration: none;
}                      							
A:visited {/* couleur des liens visités */
	color: #3A421A;
	text-decoration: none;
}                      
A:active  {/* couleur des liens actifs */
	color: #3A421A;
	text-decoration: none;
	}                      
A:hover  {/* couleur en passant sur le lien */
	color: #D3534B;
	text-decoration: none;
}     

  /*---------------------- h e a d e r s  et menus ------------------ */
.header {
	color: #8a9a40;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-color:#8a9a40;
} 

/* ---------- Entête de page--------------- */
.headertitle {
	background-color: #f5f5d2;
	color: #8a9a40;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	vertical-align: top;
	font-variant: small-caps;
}  

/* ---------------------titre en entête de page ----------------------*/
.subheader {
	background-color: #dede6b;
	color: #3A421A;
	font-weight: bold;
	font-size: 10pt;
	}  
	
	/* ------------sous titre en entête de page--------------- */
.subheader em  {color: #3A421A; font-style: normal}   /* em-tag binnen subheader */


/* ------------------------------Grand titre sous le bandeau------------------------------*/
/*  se retrouve dans la fenêtre de confirmation de modification des données personnelles*/
.titlebar {
	color: #8a9a40;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#8a9a40;
	text-decoration: none;
	line-height: normal;
	font-variant: small-caps;
}   
.usertitlebar {/* se retrouve dans la fenêtre de confirmation de modification des données personnélles */
	font-size: 12pt;
	font-weight: bold;
	color: #3A421A;
	background-color: #fef9e0;
	text-decoration: none;
	font-variant: small-caps;
	border-top-color: #b9cd5a;
	border-left-color: #b9cd5a;
	border-bottom-color: #626e2b;
	border-right-color: #626e2b;
	border-style: solid;
	border-width: 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	list-style-type: disc;
	list-style-position: inside;
	text-indent: 10px;
}   /* titlebar with user data */
.submcancelbalk {/* ?????????????????????? je ne vois pas ou il se trouve ??????????????????*/

	
	text-align: center;
}   /*balk met submit/cancel buttons*/


/*---------------------------boutons dans la marge ----------------------------*/
.buttontekst {
	color: #626e2b;
	background-color: #b9cd5a;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border-top-color: #b9cd5a;
	border-left-color: #b9cd5a;
	border-bottom-color: #544e3c;
	border-right-color: #544e3c;
	border-style: solid;
	border-width: 1px;
 }
.buttontekst A:link {
	color: #544e3c;
}
.buttontekst A:visited {
	color: #544e3c;
}
.buttontekst A:hover {
	color:  #ffffff;
}


.buttonusagers {
	color: #544e3c;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background-image: url(images/test/lien-transsp5.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom;
	margin-bottom: 10px;
	padding-bottom: 14px;
 } 
 
 .buttonusagers A:link {
	color: #544e3c;

 }
 .buttonusagers A:hover {
	color: #D3534B;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;


	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom;


 }
 .buttonusagers A:visited{
	color: #544e3c;



 } 
 
 /*-------------------Boutons page active --------------------------*/
.buttontpageaccueil {
	color: #544e3c;
	background-color: #b9cd5a;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	width : 100%;
	height : 100%;
	border-top-color: #fef9e0;
	border-left-color: #fef9e0;
	border-bottom-color: #544e3c;
	border-right-color: #544e3c;
	border-style: solid;
	border-width: 1px;
}
.buttontpageaccueil A:link {
	color:  #544e3c;
	text-decoration: none;
}
.buttontpageaccueil A:visited {
	color: #544e3c;
	text-decoration: none;
}
.buttontpageaccueil A:hover {
	text-decoration:none;
	color:  #f7e389;	
}
 /*-------------------Boutons non actifs --------------------------*/
.buttontekstnoactive {
	color: #b9cd5a;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	width:100px;
}
/*-----------Les boutons de recherche --- attention reprend la couleur de police de (.tabactive A:visited )-----------------*/
.buttontekstRecherche{
	color: #3A421A;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	border-top-color: #f6efcb;
	border-left-color: #f6efcb;
	border-bottom-color: #544e3c;
	border-right-color: #544e3c;
	border-style: solid;
	border-width: 1px;
	background-color: #d4d0c8;
	background-image: url(images/test/Quel%20livre.png);
	background-repeat: no-repeat;
	background-position:left;
	padding-left: 23px;
 }
.buttontekstRecherche A:link {
	text-decoration:none;
	color: #3A421A;
}
.buttontekstRecherche A:visited {
	text-decoration:none;
	color: #3A421A;
}
.buttontekstRecherche A:hover {
	text-decoration:none;
	color: #D3534B;
}/*---------------Fin de Bouton de recherche -----------------*/
/*---------------Bouton d'aide------------------*/
.Helpbuttons {
	color: #544e3c;
	background-color: #b9cd5a;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	width:100px;
	border-top-color: #fef9e0;
	border-left-color: #fef9e0;
	border-bottom-color: #544e3c;
	border-right-color: #544e3c;
	border-style: solid;
	border-width: 1px;
}
.Helpbuttons A:link {
	text-decoration:none;
	color: #544e3c;
}
.Helpbuttons A:visited {
	text-decoration:none;
	color: #544e3c;
}
.Helpbuttons A:hover {
	text-decoration:none;
	color: #D3534B;	
}
/*------------------Fin de bouton d'aide-------------------*/
/*-------------------------------boutons dans la marge----------------------------------------*/
.buttontekst2 {
	color: #fef9e0;
	background-color: #c5c5c5;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	width:100px;
	border-top-color: #fef9e0;
	border-left-color: #fef9e0;
	border-bottom-color: #544e3c;
	border-right-color: #544e3c;
	border-style: solid;
	border-width: 0;
}
.buttontekst2 A:hover {
	text-decoration:none;
	color: #D3534B;	}
.buttontekst2 A:link { color: white; text-decoration: none  ; width : 100%; height : 100% }
.buttontekst2 A:visited { color: white; text-decoration: none ; width : 100%; height : 100% }

/*-------- boutons dans les services Usagers-------------*/
.listbuttons {
	color: #3A421A;
	background-color: #B9CD5A;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border-top-color: #fef9e0;
	border-left-color: #fef9e0;
	border-bottom-color: #544e3c;
	border-right-color: #544e3c;
	border-style: solid;
	border-width: 1px;
}
.listbuttons A:link {
	color: #FFFFFF;
	text-decoration: none;
	width : 100%;
	height : 100%;
	background-color: #B9CD5A;
}
.listbuttons A:visited {
	color: #FFFFFF;
	text-decoration: none;
	width : 100%;
	height : 100%;
	background-color: #B9CD5A;
}
.listbuttons A:hover {
	color: #D3534B;
	text-decoration: none;
	width : 100%;
	height : 100%;
	background-color: #B9CD5A;
}
.hmenuitem {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #8a9a40;
	background-color:#f6efcb;
}
.Fields {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #8a9a40;
	background-color:#f6efcb;
}
/*-------- Fin de boutons dans les services Usagers-------------*/
.fullbbbuttons {
	color:#FFFFFF;
	background-color:#8a9a40;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}
.fullbbbuttons A:link {
	width : 100%;
	height : 100%;
	color: #FFFFFF;
}
.fullbbbuttons A:visited {
	width : 100%;
	height : 100%;
	color: #FFFFFF;
}
.fullbbbuttons A:hover {
	width : 100%;
	height : 100%;
	color: #f7e389;
}
.button  {
	width : 100%;
	height : 100%;
}
.button A:link { }
.button A:visited { }


.StartElements {
	color: #3A421A;
	font-weight: normal;
	font-size: 10pt;
	vertical-align: middle;
	text-align: left;
} 

  /* t a b s */

  /* Note: 
     if you use Internet Explorer and want to change the colour of the button text within a tab 
     changing the .tabactive property will give undesired effects. Instead, you have to 
     explicitly add the class of the button within the tab, e.g. 
     .tabactive.buttontekst2 instead of just .buttontekst2.  
  */

/*-----------------------Onglet actif----------------*/
.tabactive {
	color: #3A421A;
	font-size: 10pt;
	text-align: center;    /*0066DD*/
	vertical-align: top;
	font-variant: small-caps;
	background-color: #b9cd5a;
	border-width: 1px;
	border-style:solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-style: none;
}

/*-----------------------???????????????????????----------------*/
.tabDatabase {
	color: #8a9a40;
	font-size: 10pt;
	text-align: center;
	background-color: #626e2b;
	vertical-align: top;

}
/*----------------tableau des restrictions de recherches (dans Recherche par index) ----------------------*/
.tabRestrictions {/*-----------------------2ème partie de recherche (titre)----------------*/
	color: #3A421A;
	font-size: 10pt;
	text-align: center;
	background-color: #f7e389;
	vertical-align: top;
}

#tableft { /*--------------------Titre des pages : en haut des pages aligné à gaughe------------------*/
	text-align:left;
	border-radius: 10px 10px;
}

#tabright { /*--------------------page1/10 : en haut des pages Détail mot clé sélectionné------------------*/
	text-align:right;
	font-size: 18px;
	font-variant: normal;
	border-radius: 10px 10px;
} 
.tabnoactive {
	color: #FFFFFF;
	font-size: 10pt;
	text-align: center;
	background-color: #f7e389;
	vertical-align: top;
	font-variant: small-caps;
	border-bottom:1px;
	border-bottom-style: dashed;
	border-bottom-color: #8A9A40;
}
.tabnoactive A:link {
	color: #626e2b;
	text-decoration: none;
	width : 100%;
	height : 100%;
} 
.tabnoactive A:visited {text-decoration: none ; width : 100%; height : 100% }
#tabitem {
	text-align:left;
	font-variant: normal;
} /*toute la recherche*/
#tabitem A:link {
	color: #8a9a40;
}  
#tabbutton {  text-align: left;}/*autour du bouton recherche*/
#tabboolbox {
	text-align: right;
	font-style: normal;
	font-variant: normal;
	font-size: 10px;
}/*boite recherche*/

/*links niet onderstrepen */ 
.listitemextend {
	color: #3A421A;
	font-weight: normal;
	font-size: 9pt;
	vertical-align: top;
	font-variant: normal;
} /*de link items van de lijst*/
.listitemextend A:link {
	color: #3A421A;
	text-decoration: none
} 

/*links niet onderstrepen */ 

.SearchPartHeader {
	background-color: #dede6b;
	color: #3A421A;
	font-weight: normal;
	font-size: 10pt
}
.SearchPartText {
	background-color: #dede6b;
	color: #3A421A;
	font-weight: normal;
	font-size: 8pt
}
.SearchPartText A:link {
	color: #3A421A;
	text-decoration: none
} /*links niet onderstrepen */ 
.SearchPartText A:visited {
	color: #3A421A;
	text-decoration: none
} /*links niet onderstrepen */ 
.SearchPartText A:hover {
	color: #D3534B;
	text-decoration: none
} /*links niet onderstrepen */ 
.SearchPartCounter {
	background-color: #dede6b;
	color: #3A421A;
	text-align: right;
	font-weight: normal;
	font-size: 8pt;
}

   /* v o l l e d i g e  b e s c h r i j v i n g */
.descrname { /*------------description détaillée des énoncés + dans fenetre login ----------------------*/
	color: #3A421A;
	font-weight: bold;
	font-size: 10pt;
	vertical-align: top;
	background-color: #f6efcb;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	text-align: left;
}   /* veldnaam in beschrijving */
.descrnamecurs {/*------------???----------------------*/
	color: #3A421A;
	font-style: italic;
	font-size: 12px;
	vertical-align: top;
	background-color: #f6efcb;
	text-align: left;
}   /* veldnaam in beschrijving */
.descrdata {/*------------description détaillée des données etc----------------------*/
	color: #3A421A;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	vertical-align: top;
	background-color: #f6efcb;
	text-align: left;
} 
TD {
	vertical-align: top;
	font-size: 10px;
	text-align: center;
}
			  /* veldwaarde in beschrijving */
.descrdata A:link {
	color: #3A421A;
	text-decoration: underline
} /*links niet onderstrepen */ 
.descrdata A:visited {
	color: #3A421A;
	text-decoration: underline
} /*links niet onderstrepen */ 
.descrdata A:hover {
	color: #D3534B;
	text-decoration: none
} /*links niet onderstrepen */ 

  /*------- pour tableaux-----------*/
  .tabs  {
	border-color: #8a9a40;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: none;
	border-width: 1px;
}
 /*-----------------------Tableau de Listes dans arbre de recherche ---------------------*/
  
.TreeTable {
	color: #3A421A;
	font-size: 10pt;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-top-color: #dede6b;
	border-left-color: #dede6b;
	border-bottom-color: #8a9a40;
	border-right-color: #8a9a40;
	border-style: solid;
	border-width: 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #f7e389;
}
 /*----------------------- Titre de la liste en 3 colonnes ---------------------*/
.TreeElement {
	font-size: 10pt;
	color: #3A421A;
	text-decoration : none;
	text-align: left;
	text-decoration : none;
	font-variant: small-caps;
	font-weight: normal;
}
 /*-------------------- Liens sur Eléments de la liste en 3 colonnes ------------------*/
.TreeElement A:link {
	font-weight: bold;
}
.TreeElement A:visited {
	font-weight: bold;
	color: #606000;
}
.TreeElement A:hover {
	color : #D3534B;
}

   /* l i s t s */
   /*--------------  Tableaux ----------------------*/
.listheadpages {   /*--------------  Ligne du titre du tableau (page n° + nombre de réponses) ----------------------*/
	background-color: #dede6b;
	color: #3A421A;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
	border-top-color: #8a9a40;
	border-left-color: #8a9a40;
	border-right-color: #8a9a40;
	border-width: 1px;
	border-bottom-style: none;
	border-right-style: solid;
	border-top-style: solid;
	border-left-style: solid;
} 
.listhead { /*--------------  ligne des titres dans colonnes ----------------------*/
	background-color: #b9cd5a;
	color: #3A421A;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	font-variant: small-caps;
	border-top-color: #8a9a40;
	border-left-color: #8a9a40;
	border-right-color: #8a9a40;
	border-width: 1px;
	border-bottom-style: none;
	border-right-style: solid;
	border-top-style: solid;
	border-left-style: solid;
} 

/*header bij een lijst met links*/
.listsubhead {
	background-color: #dede6b;
	color: #3A421A;
	font-weight: normal;
	font-size: 10pt;
	text-align: left;
	vertical-align: middle;
} 
/*---------------------dans résultat de recherche: une ligne sur 2 dans le tableau-----------------------------*/
.listitemOdd {/*---------------------dans résultat de recherche: 1ère ligne du tableau-----------------------------*/
	color: #3A421A;
	font-weight: normal;
	font-size: 9pt;
	background-color: #f5f5d2;
	vertical-align: middle;
	border-top-color: #8a9a40;
	border-left-color: #8a9a40;
	border-right-color: #8a9a40;
	border-width: 1px;
	border-bottom-style: none;
	border-right-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	text-align: left;
} 

/*--texte avec lien------------*/
.listitemOdd A:link {
	color: #3A421A;
	text-decoration: none
} /*-------les liens visités-------*/ 
.listitemOdd A:visited {
	color: #3A421A;
	text-decoration: none
} 	
.listitemOdd A:hover {
	color: #D3534B;
	text-decoration: none
} 

.listitemEven {/*---------------------dans résultat de recherche: 2ème ligne du tableau-----------------------------*/
	background-color: #eeeeb5;
	color: #3A421A;
	font-weight: normal;
	font-size: 9pt;
	vertical-align: middle;
	border-top-color: #8a9a40;
	border-left-color: #8a9a40;
	border-right-color: #8a9a40;
	border-width: 1px;
	border-bottom-style: none;
	border-right-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	text-align: left;
} 
.listitemEven A:link {
	color: #3A421A;
	text-decoration: none
} 
.listitemEven A:visited {
	color: #3A421A;
	text-decoration: none
} 
.listitemEven A:hover {
	color: #D3534B;
	text-decoration: none
} 


.listAssHead {
	background-color: #dede6b;
	color: #3A421A;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
	border-top-color: #8a9a40;
	border-left-color: #8a9a40;
	border-right-color: #8a9a40;
	border-width: 1px;
	border-bottom-style: none;
	border-right-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	font-variant: small-caps;
	}
	
.listAss {
	color: #3A421A;
	font-weight: normal;
	font-size: 8pt;
	background-color: #f5f5d2;
	vertical-align: middle;
	font-variant: normal;
	text-align: left;
} }
/*-------------------------------*/
  /*------- Fin tableaux-----------*/
   /*------------------------Titre du message d'erreur--------------------------- */
.message {
	font-size: 16px;
	color: #fef9e0;
	text-align: center;
	font-variant: small-caps;
	border-top-color: #fef9e0;
	border-left-color: #fef9e0;
	border-bottom-color: #544e3c;
	border-right-color: #544e3c;
	border-style: solid;
	border-width: 1px;
	background-color: #D3534B;
	padding: 3px;
}
/*-------------------Encadré pour les messages d'aide des ??? --------------------------*/
.messageaide {
	color: #626e2b;
	background-color: #f5f5d2;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	vertical-align: top;
	border-top-color: #b9cd5a;
	border-left-color: #b9cd5a;
	border-bottom-color: #626e2b;
	border-right-color: #626e2b;
	border-style: solid;
	border-width: 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
 }
/*-------------------Encadré pour note de bas de page--------------------------*/
.notebasdepage {
	color: #626e2b;
	background-color: #f5f5d2;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-top-color: #b9cd5a;
	border-left-color: #b9cd5a;
	border-bottom-color: #626e2b;
	border-right-color: #626e2b;
	border-style: solid;
	border-width: 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
 }
  /* se trouve dans la partie compte utilisateurs dans un tableau */
.menutext {
	background-color:#f5f5d2;
	font-weight: normal;
	font-size: 10pt;
	color: #3A421A;	
}
.menutext A:link {
	color: #3A421A;
	text-decoration: none;
}
.menutext A:visited {
	color: #3A421A;
	text-decoration: none;
}
.menutext A:hover {
	color: #D3534B;
	text-decoration: none;
}

  /* w a r n i n g */
.warning {
	font-size: 10pt;
	font-weight: normal;
	color: #D3534B;
	background-color: #f5f5d2;
	text-decoration: none;
	font-variant: normal;
	border-color: #D3534B;
	border-width: 1px;
	border-style: solid;
	list-style-type: disc;
	list-style-position: inside;
	text-indent: 10px;
}


  /* form button */
.formbutton {
	color: #8a9a40;
	font-size: 10pt;
	font-weight:bold;
	text-align: center;
	background-color:#f6efcb;
	vertical-align: top;
}
.formbutton A:link {color: #8a9a40; text-decoration: none ; width : 100%; height : 100% } 
.formbutton A:visited {color: #8a9a40; text-decoration: none ; width : 100%; height : 100% }


/*========================   			 */
/* Couleurs utilisées        			 */
/*========================   			 */
/*  #544e3c   brun vert         texte  	 */
/*  #D3534B   rose rouge        A Hover 			*/
/*  #8a9a40   vert clair     			 */
/*  #3A421A   vert foncé     			 */
/*  #dede6b   vert très clair			 */

/*  #f5f5d2   fond clair 2  pour fond warning -listitemodd- menu**- ...   */

/*  #f7e389   jaune vif      			 */
/*  #f6efcb   fond clair      			*/
/*  #d4d0c8   Gris recherche  			*/
/*            */
/*          */
/*           */
/*========================    */

/* for the portal prototype - HDR18081 - coloured blocks to indicate which database a record is from */
.PortalDB1 {width:15px; text-align:center; background-color:crimson; color:#600000}
.PortalDB2 {width:15px; text-align:center; background-color:gold; color:#606000}
.PortalDB3 {width:15px; text-align:center; background-color:seagreen; color:#006000}
.PortalDB4 {width:15px; text-align:center; background-color:lightskyblue; color:#006060}
.PortalDB5 {width:15px; text-align:center; background-color:mediumaquamarine; color:#000060}
.PortalDB6 {width:15px; text-align:center; background-color:steelblue; color:#000060}
.PortalDB7 {width:15px; text-align:center; background-color:gainsboro; color:#000060}
