/* CSS Document */

/* Reset CSS*/
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;
}
/* remember to define focus styles!*/
:focus {
	outline: 0;
}


body {
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
color:#333333;
}

#bandeau {
  position:fixed;
  top:0;
  background-image:url(img/bandeau.gif);
  background-position:top;
  background-repeat:repeat-x;
  height:42 px;
  width:100%;
  color:#FFFFFF;
}

#bandeau h1{  
  color:#FFFFFF;
  font-size:small;
  padding-left :15px;
  padding-top :2px;
}

#bandeau h1 a, #bandeau h1 a:hover, #bandeau h1 a:visited{  
  color:#FFFFFF;
  font-size:small;
  text-decoration:none;
}

/*Styles menu*/
.menu {
padding:0 0 0 15px; 
margin:0; 
list-style:none; 
height:21px; 
/*background:transparent url(menu/pro_drop4_back.gif); */
position:relative; 
z-index:500; 
font-family:arial, verdana, sans-serif;
color:#000000;
}

.menu li.top {
display:block; 
float:left;

}
.menu li a.top_link {
display:block; 
float:left; 
height:21px; 
line-height:22px;
color:#FFF;
text-decoration:none; 
font-size:small;
font-weight:bold;
padding:0 0 0 0px; 
cursor:pointer;
}

.menu li a.top_link span {
float:left; 
display:block; 
padding:0 10px 0 10px; 
height:21px;
}

.menu li a.top_link:hover {
color:#000000; 
background: url(img/menu-focus-G.gif) no-repeat left bottom; 
line-height:22px;
}

.menu li a.top_link:hover span {
background:url(img/menu-focus-D.gif) no-repeat right bottom;
}

.menu li:hover > a.top_link {
color:#000000; 
background: url(img/menu-focus-G.gif) no-repeat left bottom; 
line-height:22px;
}

.menu li:hover > a.top_link span {
background:url(img/menu-focus-D.gif) no-repeat right bottom;
}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu a:hover {visibility:visible; position:relative; z-index:200;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;
}

.menu ul.administrator {width:140px;}
.menu ul.stats {width:140px;}
.menu ul.files {width:190px;}
.menu ul.customers {width:140px;}
.menu ul.suppliers {width:140px;}
.menu ul.contacts {width:140px;}
.menu ul.parts {width:140px;}

.menu :hover ul {left:0; top:21px; background: #ECF6F9; padding:3px; border:1px solid #CCCCCC; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.menu :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.menu :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.menu :hover ul li a:hover {background:#E2EDF1; font-weight:bold;}

.menu li hr {
height: 1px;
line-height:1px;
margin: 0;
padding: 0;
color: #CCCCCC;
background-color: #CCCCCC;
border: 0;
}
/* fin style menu */

table {
  border-collapse: collapse;
  border: 2px solid #CCCCCC;
  font-family:verdana;
  font-size:11px;
  color: #333;
  background: #ECF6F9;
  }
td, th, tr {
  border: 1px solid #CCCCCC;
  padding: .1em;
  }
tbody td a {
  background: transparent;
  color: #333;
  text-decoration: underline;
  }
tbody td a:hover {
  background: CCC;
  color: #333;
  text-decoration: underline;
  }
tbody th a {
  background: transparent;
  color: #333;
  text-decoration: underline;
  font-weight:bold;
  }
tbody th a:hover {
  background: CCC;
  color: #333;
  text-decoration: underline;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
.odd {
  color: #333;
  background:#CCCC00;
  }
tbody tr:hover {
  color:#000000;
  background:#FCF6B9;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  color: #333;
  background: #ddd59b;
  }
  
#milieu {
  padding-top:40px;
  width:99%;
  margin:auto;
}

#milieu strong {
  display:block;
  margin:0;
  padding:0;
  font-weight:bold;
  /*padding-left:15px;*/
  padding-top:15px;
  padding-bottom:2px;
  }
 
#milieu h4 {
  text-align:center;  
  margin:auto;
  margin-top:40px;
  }

em {
  font-weight:bold;
  font-style:normal;
  padding:0;
  margin:0;
  } 
  
.connexion {
  text-align:center;  
  width:300px;
  margin:auto;
  margin-top:40px;
}

#footer, #footer a {
  font-size:8px;
  color:#CCCCCC;
  margin:auto;
  padding-top:15px;
}

#footer a {
  font-size:8px;
  color:#CCCCCC;
}

textarea {
	width:90%;
}

textarea, input, select {
	/*border:1px solid #CCCCCC;*/
	border:0;
	width:auto;
}
  
#lignequotation {  
  /*overflow:auto;*/
  overflow-x: hidden; overflow-y: scroll;
  /*height:280px;*/
  height:350px;
  }
  
.transparent {
  border-collapse: collapse;
  border: 0px solid #CCCCCC;
  font-family:Arial, Helvetica, sans-serif;
  font-size:small;
  color: #333;
  /*background:#FFF;*/
  width:100%;
  }
  
.transparent td, .transparent th, .transparent tr {
  border: 0px solid #CCCCCC;
  padding: .2em;
  }
.transparent tbody td a {
  background: transparent;
  color: #333;
  text-decoration: underline;
  }
.transparent tbody td a:hover {
  background: CCC;
  color: #333;
  text-decoration: underline;
  }
.transparent tbody th a {
  background: transparent;
  color: #333;
  text-decoration: underline;
  font-weight:bold;
  }
.transparent tbody th a:hover {
  background: CCC;
  color: #333;
  text-decoration: underline;
  }
.transparent tbody th, .transparent tbody td {
  vertical-align: top;
  text-align: left;
  }
.transparent tbody tr:hover {
  color:#000000;
  background:#FCF6B9;
  }
.transparent tbody tr:hover th {
  color: #333;
  background: #ddd59b;
  }


/*Taille des champs dans la quotation */
.nano {
	width:10px;
}
 
.micro {
	width:20px;
}

.mini {
	width:35px;
}

.medium {
	width:60px;
}

.maxi{
	width:90px;
}

.supermaxi{
	width:200px;
}

.ultra{
	width:360px;
}

.infobulle {
  /*position:relative;
  display:none;*/
  
	position: absolute;  
	display:none;	
    /*visibility : hidden;*/
    border: 1px solid Black;
    padding: 5px;
    font-size: 10px;
    background-color: #FFFFCC;
	}

/* Autocompletion */
.update{
	position:absolute;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}

ul.parts  {
	list-style: none;
	width:550px;
	background-color:white;
	border:1px solid #888;
	margin: 0;
	padding: 0;
	text-align: left;
}
ul.parts li.selected { background-color: #ffb; cursor: pointer; }
li.part {
	list-style-type: none;	
	display:block;
	margin:0;
	border-bottom:1px solid #888;
}

.invisible {
	display:none;
	}
	
.informal {
	font-weight:bold;
	}
	
#grandtotal {
	font-weight:bold;
	}