/* beginning cssGloballayout */
body { 
color: #333333; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
color:#333;
margin: 20px 0 0 0; 
padding: 0; 
text-align:center;
}



/*reset*/

fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: inherit; font-style: inherit; font-family: inherit; }


h1, h2, h3, h4, h5, h6 {
 color:#000062;
}

a{
text-decoration:none;
color:#000062;
}

a:hover{
text-decoration:none;
color:#CC9900;
}

a img{
border:none;
}




/* beginning idmaster */ 
#master {
 margin: 0 auto; 
 width: 955px; 
 text-align:left;
 background-color:#EBEBE6;
} 
 /* end idmaster */
 
 
  /* beginning idheader */ 
#header { 
background-image:url(http://www.itbusiness.be/img_project/site/css/bckg_header.jpg); 
background-position:top left; 
background-repeat:repeat-x;
width:955px; 
height:152px; 
} 

/* end idheader */
#header_left{
	float:left;
}

#header_right{
position:relative; top:5px; left:480px;
width:350px;
text-align:left;
color:#1EA4C9;
font-size:0.87em;
line-height:1.3em;}

#header_right H2{
margin:0;
padding:0 0 5px 0;
font-size:1em;
color:#fff;
}


#header_right a{
color:#1EA4C9;
text-decoration:underline;
}

#header_right div{
	/*margin-bottom:0.18em;*/
}

#header_right a:hover{
color:#CC9900;
text-decoration:none;
}

#header_right form label{
	width:5em;
}

#header_right form input {
	padding:0.15em;
	/*width:9em;*/
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.87em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}


#basketInHeader{
padding-top:15px;
}

#submit-go {
	margin-top:1em;
	padding:0.2em;
	overflow:hidden;
	border:0;
	background-color:#FFF;
	display:block;
	cursor:pointer !important; cursor:hand;
}

#submit-go:hover {
	background-position:0 -26px;
}

/*.bouton{padding-left:50px;
}
 */ 

 #subHeader{
 height:30px;
 width:955px;
 background-image:url(http://www.itbusiness.be/img_project/site/css/bckg_menu.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 text-transform:uppercase;
 font-size:0.8em;
 }
 
 #containerMenu{
float:left;
margin-left:10px;}



#containerquickSearch{

height:20px;
color:#666;
float:right;
border-left:3px solid white;
padding-left:10px;
}

#containerquickSearch a{
padding:2px;
font-weight:bold;
text-decoration:none;
 border:1px solid #1EA4C9;
 color:#1EA4C9;}
 
 #containerquickSearch a:hover{
color:#CC9900;
}

#menuLangues{
/*position:relative; top:5px; left:105px;*/
float:right;
border-left:3px solid white;
padding:5px 5px 0 5px;
}

#menuLangues ul{
margin:0;
padding:0;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;

}

#menuLangues li{
  float: left;
  position: relative;
  margin-right: 5px;
 }

#menuLangues li a{
padding:2px 5px 3px 5px;
text-decoration:none;
color:#fff;
display:block;
}

#menuLangues li a:hover{
background-color:#000000;
color:#CC9900;
}

#menuLangues a.current{
 border:1px solid #1EA4C9;
 color:#1EA4C9;
 }

#ajaxload{
	color:#FFF;
	float:right;
padding:5px;
}


#breadcrumb{
clear:left;
padding:10px;
font-size:0.85em;
width:925px;
}

#breadcrumb a{
color:#000062;
text-decoration:none;
}

#breadcrumb a:hover{
color:#CC9900;
}

#breadcrumb span{

}
/* beginning idleft_Home */
 #left_Home {
font-size: 0.8em; 
 width: auto; 
 float: left;
 margin-bottom:20px;
 }

 .producstLeft{
 background-color:#fff;
 margin:20px 20px 0 20px;
padding:0 10px 0 10px;
 text-align:center;
 border:1px solid #808080;
 	-moz-border-radius:0.8em;
	-khtml-border-radius:0.8em;
 } 
 
 .partners{
 background-color:#fff;
 margin:20px 20px 0 20px;
 text-align:center;
 border:1px solid #808080;
 	-moz-border-radius:0.8em;
	-khtml-border-radius:0.8em;
 }
 
 #left_Home h1{
 color:#000062;
 }
 /* end idleft_Home */ 
 
/* beginning idmain_Home */
 #main_Home {
margin-left:40px;
 margin-bottom:30px;
 width:700px;
 font-size: 0.95em; 
 float: left;
 background-color:#EBEBE6; 
} 

#main_Home table {
	 font-size: 0.85em;
}

.mainHomeText{
	 width: 549px;
	padding-bottom:40px;
	text-align:justify;
}

 #main_Home h1{
 color:#000062;
 font-size:3em;
 }
 
 #main_Home img{border:1px solid gray;}

.hotdeal{
float:left;
margin-right:20px;
width:155px;
height:155px;
margin-top:10px;
font-size:0.8em;
font-weight:bold;
}
 
 /* end idmain_Home */  
 
#mainProductsSearch{
	border-left: 1px solid #808080;
	border-bottom: 1px solid #808080;
	padding:6px;
	}
	
.productsQuery{
	padding-right:10px;
	margin-right:5px;
	border:1px solid #808080;
}


#main_Products{
margin-left:20px;
 margin-bottom:30px;
 width:700px;
 font-size: 0.95em; 
 float: left;
 background-color:#EBEBE6;
 }
 
#main_Products h5{
	 color:#000062;}
	 
.productContainer{
	border-bottom:1px solid #808080;
	margin-bottom:20px;
	padding-bottom:10px;
}

#orderBtn_1 img{
border:none;
}
	 
.shortDescriptionProducts{
	font-size:0.8em;
	text-align:justify;
}

.blueItalic{
	font-size:0.8em;
	color:#000062;
	font-style:italic;
}

.productsImgContainer{
background-color:#fff;
 /*margin:20px 20px 0 20px;*/
padding:7px;
text-align:center;
 border:1px solid #808080;
 	-moz-border-radius:0.8em;
	-khtml-border-radius:0.8em;
 }
 
/* .columns {
padding-bottom:0px;
}*/

 /* beginning classcolAdjust */
.colAdjust {
visibility:hidden;
}
/* end classcolAdjust */


#listMenuRoot{
padding:0;
list-style:none;
}



.menulist {
margin: 0;
padding: 0;
}

.menulist ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* Submenus (tags) are hidden and absolutely positioned downwards from their parent */
      .menulist ul {
      visibility: hidden;
      position: absolute;
      top: 3.2em; /* I'm using ems rather than px to allow people to zoom their font */
      left: 0px;
      width:100px;
     
      }

      /* Second and third etc. level submenus - position across from parent instead */
      .menulist ul ul {
      top: 0px;
      left:102px;
	 }

      

      /*
    * All menu items ( tags). 'float: left' lines them up horizontally, and they are
      positioned relatively to correctly offset submenus. Also, they have overlapping borders.
      */
      .menulist li {
      float: left;
      position: relative;
      font-size:9px;
	  width:100px;
      margin-right: 5px;
     border:1px solid #6C6C6C;
      }
	

      /* Items in submenus - override float/border/margin from above, restoring default vertical style */
      .menulist ul li {
      float: none;
      margin-right: 0;
	  font-size:inherit;
      margin-bottom: -1px;
background-color:#666;

      }

      .menulist ul>li:last-child {
      margin-bottom: 1px;
      }
	  
/*	  .menulist ul ul li {
      float: none;
      margin-right: 0;
	  font-size:inherit;
      margin-bottom: -1px;
	  width:100px;
      }*/
		
      /* Links inside the menu */
      .menulist a {
      display: block;
      padding: 5px;
      color: #fff;
      text-decoration: none;
      }

      /* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
      .menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
      color: #FFF;
      background-color: #FF9933;
      }
      .menulist a.highlighted {
       color: #FFF;
      background-color:#1EA4C9;
      }
	  
	   .menulist a.current{
      border-bottom: 3px solid #FF9933;
      }

      /*
      If you want per-item background images in your menu items, here's how to do it.
      1) Assign a unique ID tag to each link in your menu, like so:
      2) Copy and paste these next lines for each link you want to have an image:
      .menulist a#xyz {
      background-image: url(out.gif);
      }
      .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
      background-image: url(over.gif);
      }
      */

      /* Only style submenu indicators within submenus. */
      .menulist a .subind {
      display: none;
      }
      .menulist ul a .subind {
      display: block;
      float: right;
	  /*padding-right:30px;*/
      }

      /* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
      .menulist a {
      float: left;
      }
      .menulist ul a {
      float: none;
      }
      /* */
      .menulist a {
      float: none;
      }
      /* */


      /* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). */
      * html .menulist ul li {
      float: left;
      height: 1%;
      }
      * html .menulist ul a {
      height: 1%;
      }
      /* End Hack */
	  
	  .clearLeft{
	  clear:left;
	  }
	  
#sitemap{
margin-top:40px;
padding-top:10px;
margin-bottom:20px;
width:auto;
background-color:#CCC;
}

#sitemap .column {
float: left;
width: 125px; /* 160-15 */
height:auto;
padding: 0 0 0 15px;

}

.clearfix {display: inline-block;}


#sitemap h6 {

	padding: 0;

	margin: 0 0 0 0;

	font-weight: bold;

	font-size: 0.69em;

	line-height: 1.36em; 

}	



#sitemap ul {

	position: relative;
	list-style-type:none;

	/*margin: 0 0 0.94em 0;*/

	margin: 0 0 1em 0;

	padding: 0;

}	



#sitemap ul li {

	font-size: 0.69em; /*16x0.69em = 11px */

	line-height: 1.36em; /*16x0.94em = 15px */;

}	



#sitemap a,

#sitemap a:link,

#sitemap a:active,

#sitemap a:visited {

	text-decoration: none;

	color: #808080;

}

#sitemap a:hover {

	text-decoration: underline;

}



#sitemap h6 a,

#sitemap h6 a:link,

#sitemap h6 a:active,

#sitemap h6 a:visited,

#sitemap h6 a:hover {

	color: #666;

}

#footer{
	border-top:1px solid #000062;
	padding:10px;
	width: 935px; 
    text-align:right;
    font-size:0.7em;
}


#footer a{
	color:#333;
	text-decoration: none;}

.smallText{
	font-size:0.7em;
}

.categoryButton {
	padding:10px;
	width: 150px; 
	height: 150px;
	text-align:center;
}

/* styles pour formulaires*/

fieldset div {
	margin:0.3em 0.3em;
	clear:both;
}

/*form {
margin:20px 0 0 0;
width:53em;}*/

/*STYLES FORMULAIRE CRÉATION COMPTE*/

#accountForm{
width:52em;
}

#accountForm label{
        padding:0.15em;
	text-align:right;
	margin-right:1em;
        margin-top:0.5em;
        float:left;
        font-size:0.95em;
        width:10.7em;
}

#accountForm input {
	padding:0.15em;
        margin-top:0.5em;
	/*width:10em;*/
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.3em;
	-khtml-border-radius:0.3em;
}

#accountForm legend {
	color:#F47C04;
        font-size:1.2em;
        }

#accountForm select {
width:12em;
margin-top:0.9em;
}

#accountForm legend span {
	width:10em;

}



/*FIN STYLES FORMULAIRE CRÉATION COMPTE*/



#loginForm label {
	float:left;
	width:10.7em;
        padding:0.15em;
	text-align:right;
	margin-right:1em;
        margin-top:0.5em;
}

#buyForm label {
	float:left;
        color:red;
	width:10.7em;
        padding:0.15em;
	text-align:right;
	margin-right:1em;
        margin-top:0.5em;
}

.mandatory{
       /* font-weight:bold;*/
}

.invalid{
clear:left;
font-weight:normal;
font-size:0.8em;
 text-align:left;        
color:red;
}

.inputHighlight{
        border: 1px solid red;
}

/*legend {
	color:#F47C04;
        font-size:1.2em;
        
}
legend span {
	width:10em;
	text-align:right;
}
input {
	padding:0.15em;
        margin-top:0.5em;
	width:15em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.3em;
	-khtml-border-radius:0.3em;
}
input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
*/
fieldset {
	border:1px solid #ddd;
	padding:0 0 0.5em;
}

.email {
	width:14em;
}

input.default {
	color:#bbb;
}

.submit-go {
       /* width:79px;*/
        font-size:0.8em;
	height:32px;
	color:#000;
	overflow:hidden;
	border:0;
	background-image:url(http://www.itbusiness.be/img_project/site/css/submitButton_Out.jpg); 
        background-repeat:no-repeat; 
        background-position:0 0;
	display:block;
	cursor:pointer !important; cursor:hand;
}
.submit-go:hover {
	background-color:#006ADF;
color:#fff;

.submit-go-large {
        width:120px;
        font-size:0.8em;
	height:27px;
	color:#000;
	overflow:hidden;
	border:0;
	background-image:url(http://www.itbusiness.be/img_project/site/css/submitButton_Out_large.jpg); 
        background-repeat:no-repeat; 
        background-position:0 0;
	display:block;
	cursor:pointer !important; cursor:hand;
}
.submit-go-large:hover {
	background-color:#fff;
        color:#000;
}

.bttnClassic_small{
padding:2px;
width:auto;
background-color:#F47C04;
}

.bttnClassic_small:hover {
background-color:#BEB2A8;
cursor:hand;
}

.catalogItem {
background-image:url(http://www.itbusiness.be/img_project/site/css/arrow_right.png); 
       background-repeat:no-repeat; 
       background-position:0 0;
       font-size:1em;
       padding-left:20px;
}

#footerGalerie table{
border-collapse:separate;
border-spacing:1em;
}

#footerGalerie a{
font-weight:bold;
}

#footerGalerie a:hover{
background-color:#000062;
color:#fff;
}








/* end cssGloballayout */