/* ----------------------------------------------------------------------------------------------- */
/*    
CSS by "Ink & Pix"
Copyright ©2005 "JB Management Consulting"
Do not copy without authorization of "Ink & Pix" and "JB Management Consulting"
(email : webmaster[arobase]inkandpix.be)                       
*/
/* ----------------------------------------------------------------------------------------------- */

/* Body */
html { height: 100%; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #63676A;
	scrollbar-face-color: #ACACAC;
	scrollbar-shadow-color: #292929;
	scrollbar-highlight-color: #E0E0E0;
	scrollbar-3dlight-color: #292929;
	scrollbar-darkshadow-color: #292929;
	scrollbar-track-color: #DEDEDE;
	scrollbar-arrow-color: #888888;
	margin: 0;
	padding: 0;
}
#Container { background: transparent url(images/bg.gif); }

/* ----------------------------------------------------------------------------------------------- */
/* Liens Standard du Body */
/* ----------------------------------------------------------------------------------------------- */

A { font-size: 1em; font-family : Arial, Helvetica, sans-serif; color : #3A5686; text-decoration: none; font-weight: normal; }
A:link { font-size : 1em; color : #3A5686; }
A:visited { /*color: #97A8B4;*/ color: #616E84; }
A:active { }
A:hover { color : #000; }
/*
table A { font-size : 1em; font-family : Arial, Helvetica, sans-serif; color : #795836; text-decoration : underline; font-weight: bold; }
table A:link { font-size : 1em; color : #795836; }
table A:visited { color : #BCAB9A; }
table A:active { }
table A:hover { color : #000; }
*/
/* ----------------------------------------------------------------------------------------------- */
/* Style des Formulaires html */
/* ----------------------------------------------------------------------------------------------- */
/* Boutons */
.Bouton {
	font-family : Arial, Helvetica, sans-serif;
	color : #6C6C6C;
	font-size : 10px;
	padding: 1px;
	/*
	border : 1px solid #6C6C6C;
	background : #fff url(images/bouton.gif) repeat-x left top;
	background-color: #E0E0E0;
	*/
	height : 17px;
	cursor: hand;
	margin: 0px 2px;
}
BannerD .Bouton { width: 74px; }

/* Area Text */
.Txt_Area {
	font-family : Arial, Helvetica, sans-serif;
	background-color : #fff;
	color : #6C6C6C;
	font-size : 10px;
	border : 1px solid #6C6C6C;
}
/* Input box */
.Txt_Input {
	font-family : Arial, Helvetica, sans-serif;
	background-color : #fff;
	color : #6C6C6C;
	font-size : 10px;
	border : 1px solid #6C6C6C;
}
/* Taille et couleur des modules News et Recherche */
.Module {
	font-family : Arial, Helvetica, sans-serif;
	background-color : #fff;
	color : #6C6C6C;
	font-size : 10px;
	border : 1px solid #6C6C6C;
	width : 74px;
	height: 17px;
}

/* Select box dans liste Menu */
.Menu_Select {
	font-family : Arial, Helvetica, sans-serif;
	background-color : #fff;
	color : #6C6C6C;
	border : 1px solid #6C6C6C;
	font-size : 10px;
	height: 17px;
}
#SBSelect {
	font-family : Arial, Helvetica, sans-serif;
	background-color: #fff;
	color : #6C6C6C;
	border: 1px solid #6C6C6C;
	font-size: 10px;
	width: 330px;
	height: 17px;
}
.option { width: 100%; margin: 0px 4px; }

#ContentPage table.Array_Contour select.Menu_Select { width: 466px; _width: 476px; margin-bottom: 2px; }
#ContentPage table.Array_Contour select.Module { width: 476px; margin-top: 4px; float: left; }
#ContentPage table.Array_Contour .bouton { margin: 4px 0px 0px 0px; width: 100%; }

/* ----------------------------------------------------------------------------------------------- */
/* Style Général du Site */
/* ----------------------------------------------------------------------------------------------- */
/* taille des tableaux par defaut dans l'editeur */
table, td, p { font-size : 10pt; font-family : Arial, Helvetica, sans-serif; }

/* En prévision d'un "title" de couleur */
.navtext {
	width : auto;
	font-size : 10px;
	border-width : 1px;
	border-style : outset;
	border-color : #000;
	background-color : White;
	color : #3F3F3F;
	font-family: Arial, Helvetica, sans-serif;
}
/* Photos et Images */
.Photo {
	margin : 8px;
}
/* Tailles TEXTE */
.Texte_09_Pix {font-size : 9px;}
.Texte_10_Pix {font-size : 10px;}
.Texte_11_Pix {font-size : 11px;}
.Texte_12_Pix {font-size : 12px;}
.Texte_13_Pix {font-size : 13px;}
.Texte_14_Pix {font-size : 14px;}
.Texte_15_Pix {font-size : 15px;}
.Texte_16_Pix {font-size : 16px;}
.Texte_17_Pix {font-size : 17px;}

/* Style textes de la page Contact*/
.Contact { font-size : 11px; font-family : Arial, Helvetica, sans-serif; text-decoration : none; font-weight : normal; color: #6C6C6C; text-align : left; }
/* Les tableau Préformatés en tailles 11 Pix*/
.Format_Petit_Tableau_Titre { font-size : 11px; font-family : Arial, Helvetica, sans-serif; text-decoration : none; font-weight: bold; color : #6C6C6C; padding: 5px; }
.Format_Petit_Tableau { font-family : Arial, Helvetica, sans-serif; font-size : 11px; padding: 5px; }

/* Couleurs ou fond du site de taille fixe */
/* Ne sert que dans des cas particuliers */
.Tablo_Main { font-size: 10pt; }
.Tablo_Main_Fond {
	background-color: #fff;
	font-size: 10pt;
}

/* ----------------------------------------------------------------------------------------------- */
/* Structure générale de la page */
/* ----------------------------------------------------------------------------------------------- */
#topOfPage { height: 138px; }
#HeaderOfPage { width: 886px; height: 138px; background : transparent url(images/bannertop.jpg) no-repeat left top; }
#HeaderOfPage h1 { display: block; width: 243px; height: 87px; position: absolute; margin: 18px 0px 0px 38px; color: #0E4096; background : transparent url(images/JBMC_Logo.gif) no-repeat left top; }
#HeaderOfPage h2 { color: #597BB7; display: none; }
#HeaderOfPage h1 a { display: block; width: 243px; height: 87px; margin: 0; padding: 0; text-indent: -3000px; color: #0E4096; }
#BandoPub { 
	width: 468px; 
	height: 60px; 
	border: 1px #fff solid; 
	position: absolute; 
	margin: 34px 0px 0px 372px; 
	z-index: 10; 
	background: transparent url(images/fondPub.png); 
	/* IE5.5/6 hack */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fondPub.png", sizingMethod="scale");
	_background: none; 
	display: none;
}

#LineUp { position: absolute; width: 220px; height: 75px; text-align: right; top: 0; margin: 30px 0px 0px 476px; color: #fff; font-family : "Tahoma", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 16px; }

#middlePage { background: transparent url(images/contentPage_bckgrd.gif) repeat-y 0px 0px; }
#ContentGC { background: transparent url(images/contentPage_top.gif) no-repeat -2px 0px; }
#bottomPage { height: 54px; }

/* ------------------- */
/* Banner de recherche */
/* ------------------- */
#SearchBanner { /*display: none;*/
	position: absolute;
	top: 144px;
	margin-left: 250px;
	padding: 12px 10px 0px 20px;
	width: 505px;
	height: 63px;
	text-align: left;
	z-index: 20;
	background: transparent url(images/SB_Bg2.gif) no-repeat;
	font-size: 10px;
}
.SBTitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; }
#SearchBanner label span { font-size : 11px; }
#SearchBanner label.SearchForm { background: transparent url(images/ico_loupe.gif) no-repeat 0px  6px; height: 20px; display: inline; padding: 10px 3px 0px 26px; float: left; width: 69px; }
#SearchBanner .SearchFilter { background: transparent url(images/ico_loupe2.gif) no-repeat left 4px; padding: 10px 0px  0px 30px; margin: 1px 16px 2px 10px; height: 20px; font-size: 11px; font-weight: bold; } 
#SearchBanner label.Newsletter { background: transparent url(images/ico_news.gif) no-repeat; height: 20px; display: inline; padding: 2px 0px 0px 26px; float: left; width: 72px; }
#SearchBanner label { _width: 100px; }
#SearchBanner .MembersArea { background: transparent url(images/ico_private.gif) no-repeat 4px -1px; padding: 3px 0px  0px 30px; margin: 0px 16px 2px 10px; height: 20px; font-weight: bold; } 
#SearchBanner a, #SearchBanner a:link, #SearchBanner a:visited { font-size: 11px; color: #3A5686; }
#SearchBanner a:hover { color: #000; }
#SearchBanner form { float: left; display: block; }
#SearchBanner input { float: left; margin-top: 7px; }
#SearchBanner input.Bouton { width: 24px; margin: 6px 0 0 0; height: 19px; }
html>body #SearchBanner input.Bouton { height: 19px; }
.ModuleSearch, .ModuleNews {
	font-family : Arial, Helvetica, sans-serif;
	background-color : #fff;
	color : #6C6C6C;
	font-size : 10px;
	border : 1px solid #6C6C6C;
	/*width : 74px;*/
	width : 120px;
	margin: 7px 1px 0px 4px;
	display: block;	
}
/* -- Sélection langues -- */
#SelectLang { color: #fff; font-size: 8px; line-height: 9px; position: absolute; z-index: 100; top: 30px; margin-left: 300px; }
#SelectLang a { color: #fff; text-decoration: none; padding: 4px 0px; }
#SelectLang a.selectLg { font-weight: bold; }
#SelectLang .inactive { color: #999999; padding: 4px 0px; }

/* -- Bords Page -- */
#sideleft { background: transparent url(images/SideLeft.gif) repeat-y right top; width: 50%; }
#sideright { background: transparent url(images/SideRight.gif) repeat-y left top; width: 50%; }

/* Menus Gauches */
#LeftPart { width: 220px; height: 100%; padding: 0px; }

#LeftPart_Bottom { height: 19px; font-size: 1px; background: transparent url(images/LeftMenuBckd_bottom.gif) no-repeat left bottom; }
#LeftBanner { width: 210px; margin: 10px 0px 0px 17px; background: transparent url(images/LeftMenuBckd_middle.gif) repeat-y left top; text-align: right; } 

#ContentLeftMenus { /*position: relative;*/ width: 220px; margin: 0px; padding: 20px 0px 0px 18px; background: transparent url(images/LeftMenuBckd_top.gif) no-repeat left top; text-align: left; z-index: 10; }


/* Contenu de Page */
#ContentPage { width: 100%; height: 100%; margin: 0px; padding: 90px 40px 0px 0px; font-size: 10pt; /*background: transparent url(images/contentPage_top2.gif) repeat-x left top;*/ }
#ContentPage_bottom { height: 20px; background: transparent url(images/contentPage_bottom.gif) no-repeat 0px 0px;font-size: 1px; }

/* Menu Bas */
#BottomMenu { width: 857px; margin: 0px 10px 10px 18px; text-align: left; align: left; }
#Bmenu table { /*border-bottom: 1px dashed #fff;*/ margin-bottom: 2px; text-align: left; align: left; }
/* ----------------------------------------------------------------------------------------------- */
/* Style Page Centrale du Site */
/* ----------------------------------------------------------------------------------------------- */
/* Titre des Pages dans les Pages */
.GrandTab2 { }

/* Fond des Pages du Site*/
.Tablo_Main_Frame {
	background-color: #fff;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding : 5px;
}
/* Fond des Pages du BO*/
.Tablo_Main_Bo {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding : 5px;
	background-color : #fff;
}


/* ----------------------------------------------------------------------------------------------- */
/* Style des tableaux html */
/* ----------------------------------------------------------------------------------------------- */
/* Titre des tableaux html */
.Array_Titre {
	font-family : Arial, Helvetica, sans-serif;
	background-color : #EBEBEB;
	color : #63676A;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding: 2px 5px;
}	
/* Données des tableaux html */
.Array_Data {
	font-family : Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	color: #63676A;
	font-size: 11px;
	padding: 2px 5px;
}
/* Fond des tableaux html */
.Array_Contour {
	font-size : 11px;
	border: 1px solid #B8B8B2;
	background-color: #fff;
	margin: 0px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Style Top Menu */
/* ----------------------------------------------------------------------------------------------- */
/* Style général */
.Top_Menu { display: none; }

/* Liens du Top Menu */
a.Tab { }
a.Tab:link { }
a.Tab:visited { }
a.Tab:active { }
a.Tab:hover { }

/* Liens du Top Menu Active*/
a.Tab_Active { }
a.Tab_Active:link { }
a.Tab_Active:visited { }
a.Tab_Active:active { }
a.Tab_Active:hover { }

/*Emplacement du Sous Top Menu*/
.DivSousTopMenu { }
.SousTopMenu { }
.SousTopMenu_Content { }

/* Liens du Sous Top Menu */
A.SousTopMenu { }
A.SousTopMenu:link { }
A.SousTopMenu:visited { }
A.SousTopMenu:active { }
A.SousTopMenu:hover { }

/* Liens du Sous Top Menu Active*/
A.SousTopMenu_Active { }
A.SousTopMenu_Active:link { }
A.SousTopMenu_Active:visited { }
A.SousTopMenu_Active:active { }
A.SousTopMenu_Active:hover { }

/* ----------------------------------------------------------------------------------------------- */
/* Style Bottom Menu */
/* ----------------------------------------------------------------------------------------------- */
/* Style général */
.Bottom_Menu {
	padding: 0px 0px 2px 0px;
	margin : 0px;
	text-align: left;
	align: left;
}
#BottomMenu img { margin: 0px 0px; }
/* Liens du Bottom Menu */
a.Bottom_Tab { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #fff; margin: 0px 4px 0px 4px; font-weight: normal; }
a.Bottom_Tab:link { color: #fff; }
a.Bottom_Tab:visited { color: #fff; }
a.Bottom_Tab:active { }
a.Bottom_Tab:hover { color: #97A8B4; }

/* Liens du Bottom Menu Active*/
a.Bottom_Tab_Active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #fff; margin: 0px 4px 0px 4px; font-weight: normal; }
a.Bottom_Tab_Active:link { color: #fff; }
a.Bottom_Tab_Active:visited { color: #fff; }
a.Bottom_Tab_Active:active { }
a.Bottom_Tab_Active:hover { color: #97A8B4; }


/* ----------------------------------------------------------------------------------------------- */
/* Menus GAUCHES */
/* ----------------------------------------------------------------------------------------------- */
.Menu_Left { width: 174px; margin-bottom: 10px; }

/* Titre des Menus dans les Menus*/
.Tab2 { border-bottom: 2px solid #0E4096; font-size: 11px; color: #0E4096; text-transform: uppercase; font-weight: bold; }

/* Couleur Ligne de séparation */
.Ligne {
	background: transparent url(images/line.gif) repeat-x center;
	height : 10px;
	display: block;
	clear: both;
	float: left;
}
.Menu_Left img { border: none; }

/* Liens menu Prestations */

/* Liens général */
a.Menu { font-size: 8pt; text-decoration: none; color: #4B4C4E; padding: 2px 16px 2px 0px; font-weight: normal; display: block; float: left; width: 100%; }
a.Menu:link { color : #4B4C4E; }
a.Menu:visited { color : #4B4C4E; }
a.Menu:active { }
a.Menu:hover { color : #101111; }

/* Liens Sélectionnés */
a.Menu_Actif { font-size: 8pt; text-decoration: none; color: #101111; padding: 2px 16px 2px 0px; font-weight: normal; display: block; float: left; width: 100%; }
a.Menu_Actif:link { color : #101111; }
a.Menu_Actif:visited { color: #101111; }
a.Menu_Actif:active { }
a.Menu_Actif:hover { color : #101111; }

/* Gestion de l'alignement des titres sur 2 lignes en décalant l'image */
.Menu img, .Menu_Actif img { display: block; position: absolute; margin: 4px 0px 0px -8px; float: left; }
a.Menu, a.Menu_Actif { text-indent: -0.2em; margin-left: 6px; padding: 0 4px 0 4px; }
html>body .Menu img, html>body .Menu_Actif img { margin: 4px 0px 0px -12px; }
html>body a.Menu, html>body a.Menu_Actif { padding: 0 0 0 4px; width: auto; }


/* Liens Sous Menu Ouvert */
a.Sous_Menu { font-size: 7pt; text-decoration: none; color: #000; padding: 0px 0px 0px 8px; margin: 0px 0px 0px 1px; background: transparent url(images/puce_ssrub.gif) no-repeat 0px 5px; width: 100%; display: block; float: left; }
a.Sous_Menu:link { color : #000; }
a.Sous_Menu:visited { color : #000; }
a.Sous_Menu:active { color : #5B8498; }
a.Sous_Menu:hover { color : #3D5865; }

/* Liens Sous Menu Ouvert et Sélectionnés*/
a.Sous_Menu_Actif { font-size: 7pt; text-decoration: none; color: #000; padding: 0px 0px 0px 8px; margin: 0px 0px 0px 1px; background: transparent url(images/puce_ssrub.gif) no-repeat 0px 5px; width: 100%; display: block; float: left; }
a.Sous_Menu_Actif:link { color : #000; }
a.Sous_Menu_Actif:visited { color : #000; }
a.Sous_Menu_Actif:active { }
a.Sous_Menu_Actif:hover { color : #3D5865; }


/* ----------------------------------------------------------------------------------------------- */
/* Menus DROITS */
/* ----------------------------------------------------------------------------------------------- */
/* pas de menu droit */


/* ----------------------------------------------------------------------------------------------- */
/* Menus Gauche et Droit */
/* ----------------------------------------------------------------------------------------------- */
/* Fond des tableaux des Menus Gauches et Droites*/
.Tablo_Menu { background-color : transparent; }

.Fond_Menu_Gauche { }

.Fond_Menu_Droite { }

/* ----------------------------------------------------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------------------------------------------------- */
/* Style Footer Général */
.Footer {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #fff;
	text-align : left;
	white-space: nowrap;
}

#footer_topleft { width: 10px; height: 7px; background: transparent url(images/footer_topleft.gif) no-repeat right bottom; font-size: 1px; }
#footer_topmiddle { height: 7px; background: transparent url(images/footer_topmiddle.gif) repeat-x left bottom; font-size: 1px; }
#footer_topright { width: 19px; height: 7px; background: transparent url(images/footer_topright.gif) no-repeat left bottom; font-size: 1px; }
#footer_bottomleft { width: 10px; height: 15px; background: transparent url(images/footer_bottomleft.gif) no-repeat right top; font-size: 1px; }
#footer_bottommiddle { height: 15px; background: transparent url(images/footer_bottommiddle.gif) repeat-x left top; font-size: 1px; }
#footer_bottomright { width: 19px; height: 15px; background: transparent url(images/footer_bottomright.gif) no-repeat left top; font-size: 1px; }
#footer_middleleft { width: 10px; background: transparent url(images/footer_middleleft.gif) repeat-y right top; font-size: 1px; }

#FooterLine { background-color: #3A5686; text-align: left; color: #fff; padding-left: 8px; font-size: 10px; }
#BMenu { background-color: #3A5686; padding: 0px; text-align: left; }

#BMenu table { width: 1%; }
#footer_middleright { width: 19px; background: transparent url(images/footer_middleright.gif) repeat-y left top; font-size: 1px; }

/* Lien du Footer */
a.Footer_Lien { font-size: 10px; text-decoration: none; color: #7C5D3C; border-bottom: 1px solid #fff; }
a.Footer_Lien:link { color: #fff; }
a.Footer_Lien:visited { color: #fff; }
a.Footer_Lien:hover { color: #3A5686; background-color: #fff; }

/* ----------------------------------------------------------------------------------------------- */
/* Divers */
/* ----------------------------------------------------------------------------------------------- */
/* Warning du caddie*/
.CadWarning{
 font-size : 11px;
 font-family : Arial, Helvetica, sans-serif;
 color : #FF0000;
 font-weight : bold;
}

/* ----------------------------------------------------------------------------------------------- */
/* Ajout Dernière Minute */
/* ----------------------------------------------------------------------------------------------- */
/*
#BottomLeftMenu { width: 170px; margin-top: 10px; }
#BottomLeftMenu_Bg { background: url(images/LeftMenu_SubMenuBckgd.gif) no-repeat left bottom; }
#BottomLeftMenu td a, #BottomLeftMenu a { color: #4B4C4E; background: transparent url(images/puce_grey.gif) no-repeat 0px 4px; padding: 0px 0px 1px 10px; text-decoration: none; display: block; float: left; font-weight: normal; }
#BottomLeftMenu td a:hover, #BottomLeftMenu a:hover { text-decoration: underline; }
*/
#microMenu { }
/* --- Catalogue --- */
.Array_Data .Bouton { border-width: 1px; }

/* -- Cadre de Titre -- */
.title_frame { width: auto; height: 32px; background: transparent url(images/title_frame_right.gif) no-repeat right top; padding-right: 24px; vertical-align: middle; margin-bottom: 4px; }
.title_frame img { }
.title_frame h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	display: inline;
	line-height: 32px;
	clear: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: normal;
	vertical-align: middle;
	margin-bottom:
}