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

#header { width:980px; height:140px; margin:auto; background:url('http://www.zoomcommunication.fr/eventssecurite/images/eventsecutite_header.jpg') no-repeat; }

#contener { width:980px; height:500px; margin:auto; }

#categorie { width:820px; margin: auto;  }

#produit { width:260px; height:240px; float:left; margin: 0px 10px 0px 0px; }

#lecteur { width:800px; height:600px; margin: auto; }

#lot { width:420px; height:80px; margin: 20px auto; }

#references { width:600px; margin: auto;  }


#logo { width:980px; height:118px; }


#menu { width:500px; height:30px; clear:both; text-align:center; float:right; margin: 100px 0 0 0;}

#navcontainer ul { padding-left: 0; background-color: #FFF; color: #213368; float: left; width: 100%; font-family: arial, helvetica, sans-serif; }
#navcontainer ul li { display: inline; }
#navcontainer ul li a { padding: 0.2em 1em; background-color: #FFF; color: #213368; text-decoration: none; float: left; border-right: 1px dashed #213368; }
#navcontainer ul li a:hover{ background-color: #3E9F51; color: #FFF; }


#footer { width:980px; height:50px; background:url('http://www.zoomcommunication.fr/eventssecurite/images/barre.jpg') no-repeat; margin:auto; }
#mentions { width:980px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration:none; font-weight:bold; padding : 15px; }


.Style1 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; }
.Style2 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight:bold; }
.Style3 { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; }
.Style4 {color: #ffcc00; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.infobulle{ position: absolute; visibility : hidden; border: 1px solid #000; padding: 5px; font-family: Verdana, Arial; font-size: 10px; background-color: #ffcc00; }

a:link { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration:none; font-weight:bold; }
a:visited { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; text-decoration:none; font-weight:bold; }
a:hover { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; text-decoration:none; font-weight:bold; }
a:active { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; text-decoration:none; font-weight:bold; }

a.bottom:link { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration:none; font-weight:bold; }
a.bottom:visited { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration:none; font-weight:bold; }
a.bottom:hover { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration:none; font-weight:bold; }
a.bottom:active { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration:none; font-weight:bold; }