* 									{ margin: 0; padding: 0; }
table, td, tr { border: none;}
body								{ background-color: #d3e1ec; font: 11px/14px Geneva, Arial, Helvetica, sans-serif;  } 

a, a:visited { color: #696a6a; text-decoration: none; font-weight: bold; }

a:hover { color: #CCC; }
ul									{ list-style: none; }
p { margin: 0 0 8px 0; }

img { border: none; margin: 0; padding: 0;}


#container { width: 889px; position: absolute; left: 50%; top: 50px; height: 644px; margin: 0px 0 0 -443px; }
#bande { width: 50%; position: absolute; left: 50%; top: 258px; margin: 0px 0 0 0; background-color: #789bbd; height: 81px; overflow: hidden; }
#col1 { float: left; width: 190px; }
#col2 { float: left; width: 520px; }
#col3 { float: left; }
#content { margin: 0 0 0 0; width: 520px; background-color: white;}



/** Menu **/

 a.expertise {
    margin-bottom: 2px;
        float: left;
  display:block;
  
          width: 190px;
  
          height: 38px;
  
          background: url("../img/site/btn1.jpg") 0 0 no-repeat;
  
          text-decoration: none;
  
      }
	  
	   a:hover.expertise {
  
     
          background-position: 0 -38px;
  
      }
 a.accessoires {
  margin-bottom: 2px;
        float: left;
  display:block;
  
          width: 190px;
  
          height: 39px;
  
          background: url("../img/site/accessoires.jpg") 0 0 no-repeat;
  
          text-decoration: none;
  
      }
	  
	   a:hover.accessoires {
  
     
          background-position: 0 -39px;
  
      }


a.produits {
  margin-bottom: 2px;
        float: left;
  display:block;
  
          width: 190px;
  
          height: 39px;
  
          background: url("../img/site/btn2.jpg") 0 0 no-repeat;
  
          text-decoration: none;
  
      }
	  
	   a:hover.produits {
  
     
          background-position: 0 -39px;
  
      }




/** ITEM **/


.qitem {
	width:166px;
	height:166px;	
	border:1px solid #b2b2b2;	
	margin:5px 5px 5px 0;
	background-color: white;
	float: left;
	
	/* required to hide the image after resized */
	/*overflow:hidden;*/
	
	/* for child absolute position */
	/*position:relative;
	*/
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}
.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		/*z-index:200;*/
	}
.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		text-align: center;
		display:block;
		width: 166px;
		margin: 131px auto auto;
		border-top: 1px solid white;
		background-color: #0082c8;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		

	}
.qitem .caption h4 {
			font-size:12px;
			padding:10px 5px 10px 8px;
			margin:0;
			color: white;
			font-size: 14px;
		}
	.qitem .caption p {
			font-size:10px;	
			padding:3px 5px 5px 8px;
			margin:0;
		}
		
		.qitem .dropdown { margin-top: 166px; margin-left: -1px; }

/* 
	LEVEL ONE
*/
ul,  li { list-style: none; list-style-type: none; }
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; color: #555; background-image: url('../../img/site/menu.png'); background-position: 0 0px; text-align: center; line-height: 31px; width: 168px; height: 31px; }
ul.dropdown a:hover		            { color: #999; }
ul.dropdown a:active                { color: #555; }
ul.dropdown li a                    { display: block; line-height: 31px; width: 168px; height: 31px; 
	 								  color: #555; background-image: url('../img/site/menu.png');}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              { color: black;  }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 168px; height: 32px; line-height: 32px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: bold;  background-image: url('../../img/site/menu.png'); background-position: 0 0; color: #0083c5; 
									 float: none;   }

ul.dropdown ul li.hover,
ul.dropdown ul li:hover                { /*background-position: 0 -31px; color: #f6f6f6*/ }



								  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ width: 100%; display: inline-block; color: #0083c5;} 
ul.dropdown ul li a:hover					{ background-position: 0 -31px; color: #f6f6f6;} 
ul.dropdown ul li.title a:hover					{ } 
/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown ul ul li { border-bottom: 1px solid white;  }
ul.dropdown li:hover > ul 			{ visibility: visible; }
























	 
	
	  
	  
	  
	    a.alltemp {
   margin-right: 15px;
        float: left;
  display:block;
  
          width: 96px;
  
          height: 16px;
  
          background: url("../img/site/alltemp.gif");
  
          text-decoration: none;
  
      }
	  
	   a:hover.alltemp {
  
     
          background-position: 0 -16px;
  
      }
	  
	  
	  
	
	  
	
	

	  
	  a.gea {
	    background: url("../img/logo/gea.gif") 0 0 no-repeat;
	  }
	   a.adp {
	    background: url("../img/logo/adp.gif") 0 0 no-repeat;
	  }
	    a.comfort-aire {
	   background: url("../img/logo/comfort-aire.gif") 0 0 no-repeat;
	  }
	  
	  a.conserv {
	  	   background: url("../img/logo/conserv.gif") 0 0 no-repeat;
	  }
	  
	    a.dca {
	  	   background: url("../img/logo/dca.gif") 0 0 no-repeat;
	  }
	  
	   a.henry {
	  	   background: url("../img/logo/henry.gif") 0 0 no-repeat;
	  }
	  
	  a.kool-air {
	  background: url("../img/logo/kool-air.gif") 0 0 no-repeat;
	  } 
	  
	  a.lifebreath {
	  background: url("../img/logo/lifebreath.gif") 0 0 no-repeat;
	  }
	  
	  a.packless {
	  background: url("../img/logo/packless.gif") 0 0 no-repeat;
	  }
	  
	  a.refco {
	  background: url("../img/logo/refco.gif") 0 0 no-repeat;
	  }
	  
	  a.sharp {
	  background: url("../img/logo/sharp.gif") 0 0 no-repeat;
	  }
	  
	  a.toyo {
	  background: url("../img/logo/toyo.gif") 0 0 no-repeat;
	  }
	  
	  a.oceanaire {
	  background: url("../img/logo/oceanaire.gif") 0 0 no-repeat;
	  }
	  
	  a.alltemp {
	  background: url("../img/logo/alltemp.gif") 0 0 no-repeat;
	  }
	  
	  a.eubank {
	  background: url("../img/logo/eubank.gif") 0 0 no-repeat;
	  }
	  
	  a.spinnaker {
	  background: url("../img/logo/spinnaker.gif") 0 0 no-repeat;
	  }
	  
	  a.galanz {
	  background: url("../img/logo/galanz.gif") 0 0 no-repeat;
	  }
	  
ul.logo { margin-left: 6px; }
ul.logo li { width: 125px; display: block; float: left; text-align: center; height: 40px; margin-bottom: 5px;}
ul.logo li a:link, ul.logo li a:visited {  display: block; width: 125px; height: 40px; text-indent: -9999px;}
ul.logo li a:hover { background-position: 0 -40px; }