/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3E5071;
}
body {
	background-color: #FFFFFF;
	margin:0;
	text-align:center;
}

#global { margin:0 auto; position:relative; width:979px; }

#header { display:block; width:100%; height:72px }

#header h1 { display:block; height:72px; width:244px; margin:0; background-image:url(../_img/h1_logo.jpg); text-indent:-9000px; overflow:hidden; float:left; }

#header ul { display:block; height:54px; width:530px; /*486*/ margin:0; margin-right:16px; padding:0; padding-top:15px; background-image:url(../_img/bg_header.jpg); background-repeat:no-repeat; float:right; list-style:none; }
#header ul li { float:left; }
#header ul li a { text-indent:-9000px; overflow:hidden; text-decoration:none; display:block; height:37px }

#n1 { width:79px; margin:0 0 0 19px; background-image:url(../_img/btn_accueil.jpg) }
#n2 { width:77px; margin:0 0 0 19px; background-image:url(../_img/btn_produits.jpg) }
#n3 { width:77px; margin:0 0 0 19px; background-image:url(../_img/btn_actu.jpg) }
#n4 { width:80px; margin:0; margin-left:130px; background-image:url(../_img/btn_contact.jpg) }

#n1:hover { background-image:url(../_img/btn_accueil_on.jpg) }
#n2:hover { background-image:url(../_img/btn_produits_on.jpg) }
#n3:hover { background-image:url(../_img/btn_actu_on.jpg) }
#n4:hover { background-image:url(../_img/btn_contact_on.jpg) }

#content { position:relative; clear:both; width:100%; height:446px }

#produits {
	position:absolute;
	top:378px;
	left:510px;
	width:400px;
	text-align:center;
	z-index: 100;
	height: 43px;
}
#produits h2 { display:none }
#produits a { display:block; text-indent:-9000px; overflow:hidden; text-decoration:none; float:left }
#produits #p1 { background-image:url(../_img/logo_micro_off.jpg); width:110px; height:35px; margin-right:20px; margin-left:0; margin-top:7px }
#produits #p1:hover { background-image:url(../_img/logo_micro_on.jpg) }
#produits #p2 { background-image:url(../_img/logo_quartz_off.jpg); width:61px; height:43px; margin-left:0px }
#produits #p2:hover { background-image:url(../_img/logo_quartz_on.jpg) }
#produits #p3 { background-image:url(../_img/logo_crec_off.jpg); width:61px; height:45px; margin-left:0px }
#produits #p3:hover { background-image:url(../_img/logo_crec_on.jpg) }
#produits #p4 { background-image:url(../_img/logo_microdul_off_lil.jpg); width:130px; height:27px; margin-left:0px; margin-top:8px; }
#produits #p4:hover { background-image:url(../_img/logo_microdul_on_lil.jpg) }

#texteaccueil { text-align:justify; position:absolute; top:15px; left:457px; width:468px; height:300px }
#texteaccueil p { margin:7px 0 }
#texteaccueil ul { margin:10px 5px; padding:0 15px; list-style-type: disc }

#contact { position:absolute; top:65px; left:471px; width:409px; text-align:justify }

#txtfichecontact { position:absolute; top:185px; left:471px; width:444px; text-align:justify }

#micro { position:absolute; left:179px; top:171px; width:182px; height:61px; z-index:1; background:transparent }
#micro:hover { background-image:url(../_img/logobig_micro_on.jpg) }


#creck { position:absolute; left:570px; top:161px; width:65px; height:71px; z-index:1; background:transparent }
#creck:hover { background-image:url(../_img/logobig_crec_on.jpg) }

#quartz { position:absolute; left:420px; top:160px; width:80px; height:74px; z-index:100; }

#quartzlist {
	position:absolute;
	left:450px;
	top:161px;
	z-index:10;
	visibility: hidden;
	height: 181px;
	width:139px; 
}
#quartzlist img { margin-bottom:4px; margin-left:-111px; }
#quartzlist ul { display:block; list-style:none; height:105px; width:139px; padding:0; margin:4px 0 0 -50px; background-image:url(../_img/menu_quartz_produits2.jpg) }
#quartzlist ul li { padding:1px 0 1px 0; }

#quartzlist2 {
	position:absolute;
	left:553px;
	top:378px;
	width:235px;
	height:69px;
	z-index:1000; 
	visibility:hidden;
}
#quartzlist2 ul { display:block; list-style:none; margin:2px 0 0 0; padding:3px 0 10px 0; background-image:url(../_img/menu_quartz.jpg) }
#quartzlist2 ul li { padding:2px }

#microdul { position:absolute; left:664px; top:185px; width:170px; height:35px; z-index:1; background:transparent }
#microdul:hover { background-image:url(../_img/logo_microdul_on.jpg) }

a {	color: #40A5FD }

div#footer { LEFT: 0px;	WIDTH: 100%; BOTTOM: 0px; MARGIN-BOTTOM:0px; MARGIN-LEFT: 0px; POSITION: absolute; HEIGHT: 15px; z-index: 1; visibility: visible }
div#footer a { color:#94A6C0 }