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

/* Body */
html { height: 100%; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*color : #7A7D82;*/
	color : #000;
	text-align: center;
	margin: 0;
	padding: 0;
}
#container { width: 766px; height: 100%; margin-left: auto; margin-right: auto; display: block; text-align: left; }

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

A { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF6600; text-decoration: none; }
A:link { font-size: 1em; color: #FF6600; }
A:visited { color: #FF6600; }
A:active { }
A:hover { color : #FF9B03; }

/* ----------------------------------------------------------------------------------------------- */
/* Style des Formulaires html */
/* ----------------------------------------------------------------------------------------------- */
/* Boutons */
.Bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6C6C6C;
	font-size: 10px;
	border: 1px solid #6C6C6C;
	padding: 1px;
	background: #fff url(images/bouton.gif) repeat-x left top;
	height: 17px;
	cursor: hand;
	margin: 0px 2px;
}

/* Area Text */
.Txt_Area {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #6C6C6C;
	font-size: 10px;
	border: 1px solid #6C6C6C;
}
/* Input box */
.Txt_Input {
	font-family: Verdana, 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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #6C6C6C;
	border: 1px solid #6C6C6C;
	font-size: 10px;
	height: 17px;
}

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

/* En prévision d'un "title" de couleur */
.navtext { }
/* 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: Verdana, 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: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; color : #6C6C6C; padding: 5px; }
.Format_Petit_Tableau { font-family: Verdana, 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 {}
.Tablo_Main_Fond {
	background-color: #fff;
}

/* ----------------------------------------------------------------------------------------------- */
/* Structure générale de la page */
/* ----------------------------------------------------------------------------------------------- */

#HeaderOfPage { width: 766px; height: 169px; background : transparent url(images/bannerTop.png) no-repeat left top; }
#LogoITHS h1 { display: block; width: 274px; height: 45px; position: absolute; margin: 57px 0px 0px 44px; color: #7A7981; background : transparent url(images/ITHS_Logo.gif) no-repeat left top; }
#LogoITHS h2 { color: #7A7981; display: none; }
#HeaderOfPage a { display: block; width: 271px; height: 45px; margin: 0; padding: 0; text-indent: -3000px; color: #0E4096; text-decoration: none }
#BandoPub { 
	width: 468px; 
	height: 60px; 
	border: 1px #fff solid; 
	position: absolute; 
	margin: 0px; /* emplacement à définir */ 
	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: 340px; height: 45px; text-align: left; top: 0; margin: 57px 0px 0px 364px; color: #7D7C84; font-family : Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 14px; }

/* -- Sélection langues -- */

/* Menu Haut*/
#TopMenu_Left { width: 230px; height: 26px; background: transparent url(images/TopMenu_Left.png) no-repeat left top; font-size: 1px; text-align: left; }
#TopMenu_Middle { height: 26px; background: transparent url(images/TopMenu_Bkgd.png) repeat-x left top; font-size: 1px; }
#TopMenu_Right { width: 120px; height: 26px; background: transparent url(images/TopMenu_Right.png) no-repeat right top; font-size: 1px;}
#ContentTopMenu { position: absolute; width: 766px; height: 26px; top: 173px; padding: 0px; text-align: left; } 

/* Structure du cadre centrale */
#LeftPart { background: transparent url(images/bannerLeft_Bkgd.png) repeat-y 12px top; width: 230px; }
#ContentLeftMenus { width: 200px; _width: 230px; _height: 74px; min-height: 74px; background: transparent url(images/bannerLeft_Top.png) no-repeat left top; border: none; margin: 0; padding: 20px 0px 0px 30px; _padding: 20px 10px 0px 30px; }
#RightPart { background: transparent url(images/Page_Right.png) repeat-y right top; }
#RightPart_Top { width: 24px; min-width: 24px; height: 31px; min-height: 31px; background: transparent url(images/Page_RightTop.png) no-repeat right top; }

#BtmPage_Left { width: 230px; height: 24px; font-size: 1px; background: transparent url(images/bannerLeft_Btm.png) no-repeat 12px bottom; }
#BtmPage_Middle { height: 24px; font-size: 1px; background: transparent url(images/BtmPage_middle.png) repeat-x left bottom; }
#BtmPage_Right { width: 30px; height: 24px; font-size: 1px; background: transparent url(images/BtmPage_right.png) no-repeat right bottom;  }

/* Contenu de Page */
#ContentPage { font-family: Verdana, Arial, Helvetica, sans-serif; height: 100%; margin: 10px 0px 0px 0px; padding: 16px 0px 20px 20px; font-size: 10pt; background: transparent url(images/ContentPage_Left.gif) repeat-y left top; }

/* Menu Bas */
#BottomMenu { width: 742px; height: 34px; margin: 0px 12px 10px 12px; _padding: 10px 0px 0px 0px; text-align: right; align: right; background: transparent url(images/BtmMenu_Btm.gif) repeat-x center bottom; }

/* ----------------------------------------------------------------------------------------------- */
/* Style Page Centrale du Site */
/* ----------------------------------------------------------------------------------------------- */
/* Titre des Pages dans les Pages */
.GrandTab2:first-letter { font-size: 18px; font-weight: bold; }
.GrandTab2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-variant: small-caps; color: #FF6600; border-bottom: 2px solid #FF6600; padding: 0px 10px 0px 12px; }
.GrandTab2 h3 { margin: 0; padding: 0; }

#Page_Text { font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 14px; }
#Page_Text a { text-decoration: none; }

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


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

/* ----------------------------------------------------------------------------------------------- */
/* Style Top Menu */
/* ----------------------------------------------------------------------------------------------- */
/* Style général */
.Top_Menu { padding: 0px 2px; }

/* Liens du Top Menu */
a.Tab { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; white-space: nowrap; text-transform: uppercase; text-decoration: none; font-weight: bold; }
a.Tab:link { color: #fff; }
a.Tab:visited { color: #fff; }
a.Tab:active { }
a.Tab:hover { color: #FFCD05; }

/* Liens du Top Menu Active*/
a.Tab_Active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; white-space: nowrap; text-transform: uppercase; text-decoration: none; font-weight: bold; }
a.Tab_Active:link { color: #000; }
a.Tab_Active:visited { color: #000; }
a.Tab_Active:active { }
a.Tab_Active:hover { color: #FFCD05; }

/*Emplacement du Sous Top Menu*/
.DivSousTopMenu { }
.SousTopMenu { background-color: #FFCD05; border: 1px solid #FF6600; margin-top: 10px; }
.SousTopMenu tr { margin: 0; padding: 0; border: none; }
.SousTopMenu_Content { border: none; margin: 0; padding: 2px; }

/* Liens du Sous Top Menu */
A.SousTopMenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; white-space: nowrap;  text-decoration: none; font-weight: bold; border: none; padding: 2px; }
A.SousTopMenu:link { color: #fff; }
A.SousTopMenu:visited { color: #fff; }
A.SousTopMenu:active { }
A.SousTopMenu:hover { color: #FF6600; }

/* Liens du Sous Top Menu Active*/
A.SousTopMenu_Active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; white-space: nowrap;  text-decoration: none; font-weight: bold; border: none; padding: 2px; }
A.SousTopMenu_Active:link { color: #000; }
A.SousTopMenu_Active:visited { color: #000; }
A.SousTopMenu_Active:active { }
A.SousTopMenu_Active:hover { color: #FF6600; }

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

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


/* ----------------------------------------------------------------------------------------------- */
/* Menus GAUCHES */
/* ----------------------------------------------------------------------------------------------- */
.Menu_Left { width: 188px; margin-bottom: 10px; margin-left: 0px; padding: 0; background: none; }

/* Titre des Menus dans les Menus*/
.Tab2 { padding: 10px 0px 4px 0px; margin: 0px 0px 6px 0px; border-bottom: 2px solid #000; font-size: 12px; color: #000; text-transform: uppercase; font-weight: bold; }
.Menu_Left .Tab2 a { text-decoration: none; color: #000; }
.Menu_Left .Tab2 a:hover { color: #FF9B03; }


/* 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; float: left; margin: 0; padding: 0; }

/* Liens général */
a.Menu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #7A7D82; margin: 0; padding: 0; font-weight: normal; display: block; float: left; width: 100%; }
a.Menu:link { color : #7A7D82; }
a.Menu:visited { color : #7A7D82; }
a.Menu:active { }
a.Menu:hover { color : #000; }

/* Liens Sélectionnés */
a.Menu_Actif { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #FF6600; margin: 0; padding: 0; font-weight: normal; display: block; float: left; width: 100%; }
a.Menu_Actif:link { color: #FF6600; }
a.Menu_Actif:visited { color: #FF6600; }
a.Menu_Actif:active { }
a.Menu_Actif:hover { color: #000; }

/* Gestion de l'alignement des liens sur plusieurs lignes en décalant l'image de la puce */
.Menu img, .Menu_Actif img { display: block; position: absolute; margin: 4px 0px 0px -8px; float: left; }
a.Menu, a.Menu_Actif { text-indent: -0.3em; margin: 4px 0px 4px 7px; padding: 0px 20px 0px 0px; }

html>body .Menu img, html>body .Menu_Actif img { display: inline; position: static; margin: 4px 0px 0px -8px; float: none; }
html>body a.Menu, html>body a.Menu_Actif { }


/* Liens Sous Menu Ouvert */
a.Sous_Menu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #7A7D82; padding: 0px 0px 2px 14px; margin-left: 0px; background: transparent url(images/puce_ssrub.gif) no-repeat -3px 2px; display: block; float: left; width: 100%; }
a.Sous_Menu:link { color: #7A7D82; }
a.Sous_Menu:visited { color: #7A7D82; }
a.Sous_Menu:active { }
a.Sous_Menu:hover { color: #000; }

/* Liens Sous Menu Ouvert et Sélectionnés*/
a.Sous_Menu_Actif { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #FF6600; padding: 0px 0px 2px 14px; margin-left: 0px; background: transparent url(images/puce_ssrub.gif) no-repeat -3px 2px; display: block; float: left; width: 100%; }
a.Sous_Menu_Actif:link { color: #FF6600; }
a.Sous_Menu_Actif:visited { color: #FF6600; }
a.Sous_Menu_Actif:active { }
a.Sous_Menu_Actif:hover { color: #000; }

/* Force l'affichage des sous-menus */
/*
.Menu_Left div { display: block !important; }
*/
#ContentLeftMenus input.module { width: 180px; }


/* ----------------------------------------------------------------------------------------------- */
/* Menus DROITS */
/* ----------------------------------------------------------------------------------------------- */

/* Titre des Menus dans les Menus*/
.Tab2_D { }

/* Couleur Ligne de séparation */
.Ligne_D { }

.Menu_Right img { border: none; } 
/* Liens général */
A.Menu_D { }
A.Menu_D:visited { }
A.Menu_D:active { }
A.Menu_D:hover { }

/* Liens Sélectionnés */
A.Menu_Actif_D { }
A.Menu_Actif_D:link { }
A.Menu_Actif_D:visited { }
A.Menu_Actif_D:active { }
A.Menu_Actif_D:hover { }

/* Liens Sous Menu Ouvert */
A.Sous_Menu_D { }
A.Sous_Menu_D:link { }
A.Sous_Menu_D:visited { }
A.Sous_Menu_D:active { }
A.Sous_Menu_D:hover { }

/* Liens Sous Menu Ouvert et Selectionés*/
A.Sous_Menu_Actif_D { }
A.Sous_Menu_Actif_D:link { }
A.Sous_Menu_Actif_D:visited { }
A.Sous_Menu_Actif_D:active { }
A.Sous_Menu_Actif_D:hover { }


/* ----------------------------------------------------------------------------------------------- */
/* 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 */
.FooterLine {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #7A7D82;
	text-align: center;
	width: 766px;
	margin-bottom: 10px;
}
.Footer {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #7A7D82;
	text-align: center;
	white-space: nowrap;
}

/* Lien du Footer */
a.Footer_Lien { font-size: 10px; color: #7A7D82; }
a.Footer_Lien:link { color: #7A7D82; }
a.Footer_Lien:visited { color: #7A7D82; }
a.Footer_Lien:hover { color: #000; }

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

h4 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #7A7D82; } 
li { list-style-type: none; background: transparent url(images/puce_liste1.gif) no-repeat 0px 4px; _padding-left: 16px; margin: 16px 0px 4px 0px; }
html>body li { background: none; list-style-image: url(images/puce_liste1.gif); }
li li { list-style-type: none; background: transparent url(images/puce_liste2.gif) no-repeat 0px 4px; _padding-left: 16px; margin: 3px 0px; }
html>body li li { background: none; list-style-image: url(images/puce_liste2.gif); }
/*ul ul li { list-style-image: url(images/puce_liste2.gif); margin: 3px 0px; }*/

.TitreEncart { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; color: #FF6600; background: transparent url(images/Titre_Bkgd.gif) repeat-x left bottom; height: 22px; line-height: 22px; padding: 0px 6px; white-space: nowrap; }

a.alternate { color: #323964; }
A.alternate:visited { color: #323964; }
A.alternate:active { }
A.alternate:hover { color : #FF9B03; }

/* ----------------------------------------------------------------------------------------------- */
/* Catalogue */
/* ----------------------------------------------------------------------------------------------- */
table.Catalogue { margin: 4px 0px; }

.Catalogue thead tr { background-color: #FF6600; }
.Catalogue td { padding: 4px; }
.Catalogue thead { color: #fff; border-bottom: 2px solid #fff; }
.Catalogue .col2, .Catalogue .col3 { border-left: 1px solid #000; }
.Catalogue .col3 { border-right: 1px solid #000; }
.Catalogue tr.FirstLine { background-color: #EEEEEE; }
.Catalogue tr.FirstLine:hover { background-color: #F4E1C4; /*cursor: pointer;*/ }
.Catalogue .FirstLine a { display: block; width: 100%; height: 100%; background: transparent url(images/loupe.gif) no-repeat right bottom; padding-right: 20px; line-height: 12px; }
html>body .Catalogue .FirstLine a { background: transparent url(images/loupe.gif) no-repeat right center;  padding-right: 12px; line-height: 12px; display: block; width; auto; height: auto; }
.Catalogue .colLeft { background-color: #FF6600; color: #fff; border-right: 1px solid #000; }
.Detail { border-collapse: collapse; }
.Detail td {  border-bottom: 1px solid #000; border-top: 0px; }
.Detail td td, { border-bottom: none; }
.Detail .lastLine { border-bottom: none; }

.Array_Data select.Menu_Select { width: 480px; margin: 2px 0px; }

.Array_Data input.Bouton { width: 200px; margin: 4px 0px; }

/* Recherche personnalisée */
.Search h3 { font-size: 10pt; margin: 0px 0px 10px 0px; } 
.Search thead { font-weight: bold; } 
.Search td { font-size: 8pt; }
.Search select.Menu_Select { width: 380px; margin: 0px; }
.Search input.Bouton { width: 50px; margin: 0px 4px; }
.Search input.Module { width: 200px; margin: 0px; }
.SearchMulti td { border: 1px solid #fff; } 
/* ----------------------------------------------------------------------------------------------- */
/* Ajout Dernière Minute */
/* ----------------------------------------------------------------------------------------------- */