A:link {
font : 8pt Verdana, sans-serif;
text-decoration : none;
color : #ffff00;
}

A:visited {
font : 8pt Verdana, sans-serif;
text-decoration : none;
color : #ffff00;
}

A:active {
font : 8pt Verdana, sans-serif;
text-decoration : none;
color : #ffff00;
}

A:hover {
font : 8pt Verdana, sans-serif;
text-decoration : none;
color : #ff0000;
}
body {
font-weight : normal;
font-size : 12px;
color : #000;
line-height : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #ffffff; border: 0px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
p {
font-weight : normal;
font-size : 12px;
color : #ffffff;
line-height : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}

#content {
	/* defined in the head for ns4 compatibility */
	position:absolute; left:0px; top:0px;font: normal 8pt arial,sans-serif; color:#5a463c;
}

.surligne {
font-weight : normal;
font-size : 12px;
color : #666666;
line-height : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}

.surligne_text {
font-weight : bold;
font-size : 12px;
color : #ffff00;
line-height : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}

.valeur {
background-color : #7180d3;
font-size : 12px;
color : white;
padding-right : 2px;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 2px;
}



#ground {
left: 77px;
top: 70px;
position: absolute;
}
#frame {
left: 360px;
top: 107px; 
position: absolute;
}

#logo {
left: 77px;
top: 0px;
position: absolute;
}
#cercles {
z-index: 99;
left: 840px;
top: 40px;
position: absolute;
}
#bas {
left: 680px;
top: 380px;
position: absolute;
}
#bas_contact {
left: 520px;
top: 255px;
position: absolute;
}
#bas_produits {
left: 77px;
top: 255px;
position: absolute;
}

#courriel {
z-index: 99;
left: 445px;
top: 363px;
position: absolute;
}

#menu {
z-index:9;
left : 120px;
top : 85px;
position : absolute;
}

#info {
z-index: 99;
left: 315px;
 top: 245px;
  position: absolute;
}

#qui {
position:absolute; left:550px; top:275px; width:350px;
line-height: 150%;
}


#accueil {
left: 80px; top: 365px; position: absolute;
}
#hqi {
left: 80px; top: 465px; position: absolute;
}
#fluo {
left: 200px; top: 365px; position: absolute;
}
#projos {
left: 200px; top: 465px; position: absolute;
}
#ballasts {
left: 320px; top: 365px; position: absolute;
}
#accessoires {
left: 320px; top: 465px; position: absolute;
}


/* pages internes */
#accueil_interne {
left: 80px; top: 345px; position: absolute;
}
#hqi_interne {
left: 80px; top: 445px; position: absolute;
}
#fluo_interne {
left: 200px; top: 345px; position: absolute;
}
#projos_interne {
left: 200px; top: 445px; position: absolute;
}
#ballasts_interne {
left: 320px; top: 345px; position: absolute;
}
#accessoires_interne {
left: 320px; top: 445px; position: absolute;
}

	#navlist
	{
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 0px solid #000;
	}
	
	#navlist ul, #navlist li
	{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
	#navlist a:link, #navlist a:visited
	{
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #999;
	}
	
	#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
	{
	border-bottom: 4px solid #ff3366;
	padding-bottom: 2px;
	background: transparent;
	color: #0000ff;
	}
	
	#navlist a:hover { color: #0000ff; }
	
	


/* formulaire */	
	td, input, select, textarea
   { font-size:13px; font-family:Verdana,sans-serif; font-weight:normal; }
 input, select, textarea
   { color:#555555; }
 .passage, .champ
   { background-color:#ffc64b; width:200px; border:2px solid #6672bc; }
 .choix
   { background-color:#ffc64b; width:200px; border:2px solid #6672bc; }

 .Bouton
   { background-color:#ffc64b; color:#555555; width:100px; border:2px solid #6672bc; }

#contentMask {
position:absolute; left:550px; top:275px;
}

#contentMask {
position:absolute; left:550px; top:275px;
}

/* tooltip */
#tooltip {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	width: 280px;
	height: auto;
	
	border-top: solid 5px #FFC64B;
	padding: 5px;
	z-index: 1000;
	font: normal 11px verdana,arial,sans-serif;
	font-color: #ffffff;
	line-height: 130%;
   background-color : #7180d3;
   border-left: solid 0px #FFC64B;
	border-right: solid 0px #FFC64B;
   border-bottom: solid 2px #FFC64B;
	}
	
	

#galerie_hqi { 
z-index: 99;
left: 750px;
top: 280px;
position: absolute;
}
#galerie_hqi2 { 
z-index: 99;
left: 265px;
top: 290px;
position: absolute;
}

#description0 {
left: 500px; top: 370px; position: absolute; 
text-align: left;
}
#description {
left: 310px; top: 415px; position: absolute; 
text-align: left;
}
#description2 {
left: 310px; top: 485px; position: absolute; 
color: #0000ff; text-align: left;
}