/* meyer reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*font-weight: inherit;*/
  /*font-style: inherit;*/
  font-size: 100%;
  /*font-family: inherit;*/
  vertical-align: baseline;
} 

body {
  behavior: url(../ie7/csshover.htc);/*ie6 hack*/
  background-color: #AAA;
  background-attachment: fixed;
  font-family: times, Geneva, Arial, Helvetica, sans-serif;
  background-image: url(../images/bg_body.jpg);
  background-repeat: repeat-y;
}

.all {
  background-color: #000;
  width: 820px;
  margin: auto;
  border: inset 4px green;
}

#monFlash1 {
  margin-left: 60px;
}

h1 {
display: inline;
  color: white;
  padding: 10px 0;
  font-size: 2em;
}

.baniere {
  padding: 0 0 0 300px;
}
.baniere img {
  margin: 0 auto;
  align: center;
}

div#menu {
float: left;
  top: 0;
  left: 0;
  padding-top: 30px;
  padding-left: 20px;
  width: 120px;
  color: #cec5bf;
  background:black; 
}

div#menu ul {
  list-style: none ;
}

div#menu ul ul {
  margin: 0 0 0 10px;
}

div#menu li {
  position: relative;
  padding: 5px;
  text-align: left;
  margin: 5px 0;
}

div#menu li a {
  color: white;
  display: block;
  text-decoration: none;
}
div#menu ul.niveau1 li.sous-menu:hover ul.niveau2 {
  /*display:block;*/
}

div#menu li a:hover,
div#menu li a:focus {
  font-weight: bold;
  color: #E3E;
}

div#menu ul ul {
  display: none;
  background-color: black;
  width: 110px;
}
ul#fabrication-moyens li#li-fabrication ul ,
ul#fabrication-prestation li#li-fabrication ul,
ul#entreprise-historique   li#li-entreprise ul,
ul#entreprise-organigramme li#li-entreprise ul,
ul#entreprise-localisation li#li-entreprise ul,
ul#entreprise-presentation li#li-entreprise ul,
ul#entreprise-coordonnees   li#li-entreprise ul {
  display: block;
}

ul#accueil li#li-accueil a,
ul#be li#li-be a,
ul#fabrication-prestation li#li-fabrication-prestation a,
ul#fabrication-moyens li#li-fabrication-moyens a,
ul#entreprise-historique li#li-entreprise-historique a,
ul#entreprise-presentation li#li-entreprise-presentation a,
ul#entreprise-organigramme li#li-entreprise-organigramme a,
ul#entreprise-localisation li#li-entreprise-localisation a,
ul#entreprise-coordonnees li#li-entreprise-coordonnees a,
ul#bureau li#li-bureau a,
ul#contact li#li-contact a,
ul#achats li#li-achat a,
ul#test li#li-test a,
ul#sav li#li-sav a,
ul#localisation li#li-localisation a{
  color: #E3E;
}

div#menu li.sous-menu {
}

#ccontent {
  font-size: 0.8em;
  width: 620px;
  background: url(../images/bg_content2.jpg) repeat-y right;
  padding:  0  20px 0 20px;
  margin: 0 0 10px 130px;
}

#content {
  position: relative;
  width: 600px;
  height: 550px;
  overflow: none;
  padding: 0 0 0 20px ;
  background: url(../images/bg_content.jpg) repeat-y left;
  background-color: #DDD;
}

#content * {
  margin: 5px 20px;
}

#content strong {
  margin: 0;
}

#content div  {
  margin-top: 20px;
}

#content h2, 
#content h3,
#content h4 {
  background: url("../images/bg_title.png") repeat-x bottom;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}
#content h2 {
  font-size: 2em; 
  margin-left: 50px;
  width: 450px;
}

#content h3 {
  font-size: 1.5em; 
  margin:0 0 10px 100px; 
  width: 400px;
}

#content h4 {
  margin: 10px 200px;
  font-size: 1.2em;
  width: 300px;
}
#content img {
  margin: 0 0 0 0 ;
}
#content img.right {
float : right;
}

#content img.left {
float : left;
}
#content img.botright {
  position: absolute;
  bottom: 5px;
  right: 90px;
}

#content img.botleft {
  position: absolute;
  bottom: 5px;
  left: 20px;
}

#content img.botmidleft {
  position: absolute;
  bottom: 5px;
  left: 90px;
}

#content img.center {
  margin-top: 50px;
}

#content a {
  margin: 0;
}

#content p {
  text-align: justify;
}
  
#content p.intro {
  text-align: center;
  margin: 10px 100px;
}

#content ul
{
  /*list-style-type: none;*/
  padding: 0;
/*  margin: 0 40px;*/
}

#content li
{
  /*background-image: url('../images/puce.gif');*/
  /*padding: 0px 0 0px 25px;*/
}

#content form {
margin: 50px auto;
}
#content form p {
  padding: 0;
  margin: 0 ;
  text-align: left;
}
#content form input,
#content form textarea {
margin: 5 0 ;
float: left;
}

#content form label
{
  float : left;
  width: 150px;
  text-align: right;
}

#content ul.images {
  list-style-type: none;
  font-size : 1.2em;
  width: 120px;
  float : left;
  padding: 0 0 0 20px;
}
#content ul.images li img {
  margin: 0 10px;
  padding:0;
}

#content ul.images li span,
#content a span {
  display:none;
}


#content a:hover span {
  display: block;  
  z-index:0;
  position: absolute;
  bottom: 90px;
  left: 10px;
  width : 200px;
  border: solid black 1px;
  padding-left: 5px;
  color: black;
  background-color: #FFF;
}

#content ul.images li{
width: 200px;
margin: 10px 0;
background : none;
}

#content ul.diago {
  float : left;
}
#content ul.diago li {
  padding:0 0 0 20px;
  margin: 30px 0 0 0;
}
#content ul.diago li + li{
  padding-left:70px;
  background-position:50px;
}
#content ul.diago li + li + li{
  padding-left:120px;
  background-position:100px;
}
#content ul.diago li + li + li + li{
  padding-left:170px;
  background-position:150px;
}
#content ul.diago li + li + li + li + li{
  padding-left:220px;
  background-position:200px;
}
#content ul.diago li + li + li + li + li + li{
  padding-left:270px;
  background-position:250px;
}

#content dt  {
background: url(../images/bg_def.png) repeat-x;*/
width: 40px; 
margin:10px;
float:left;
text-align: center;
font-weight: bold;
}

#content dd {
width: 480px;
float: left;
background: url(../images/bg_def.png) repeat-x;
margin:10px;
}

span.clear {
display:block;
color: red;
clear: both;
}


#footer a{
color: #FFF;
}

#footer p {
  margin: 1em 0 0 0;
  font-size: 0.8em;
  text-align: center;
  color: #FFF;
}

/* lightbox */
#lightbox{  position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }     
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}    
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }