#content
{
	width: 1100px;
	min-height: 1000px;
	border-style: solid; 
	border: thin #efefef solid;
	border-bottom: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 7px;
}
.titre
{
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	margin-top: 20px;
}
fieldset
{
	border:none;
}
.nom_champ
{
	width: 400px;
	display: inline-block;
}
.valid, .valid2
{
	margin-top: 20px;
}
.valid input, .valid2 input
{
	width: 100%;
	margin: auto;
}
.valid2 input
{
	width: 910px;
	margin: auto;
}
div.erreur
{
	color:red;
	margin-left: 50px;
	margin-bottom: 10px;
}
div.message
{
	color:green;
	margin-left: 50px;
	margin-bottom: 10px;
}
div.choix
{
	margin-top: 7px;
}
div#searcher input[type='text']
{
	width:240px;
}
input[type='text'].searcher
{
	display: inline-block;
	width:300px;
}
input[type='text']
{
	margin-right: 20px;
}
h1
{
	font-size: 18px;
}
h2
{
	font-size: 18px;
}
table th, td
{
	width: 180px;
}
table.detail
{
	width: 640px;
	margin-left: 443px;
}
div.marge_left
{
	margin-left: 443px;
	margin-bottom: 14px;
	margin-top: 0;
}
table.detail th
{
	padding: 4px;
	font-size: 12px;
}
table.detail td
{
	padding: 2px;
	font-size: 10px;
}
table.borderless
{
	border: none;
	margin: auto;
}
table.borderless2
{
	border: none;
	/*margin-left: 100px;*/
}
table.borderless3
{
	border: none;
	/*margin-left: 100px;*/
}
table.borderless3 td, table.borderless3 th
{
	width: 120px;
}
td.border-right
{
	border: 1px solid grey;
	border-top: none;
	border-bottom: none;
	border-left: none;
}

.hiddenline
{
	display: none;
}
.composant
{
	width: 76px;
}
.composant_article
{
	width: 200px;
}
.current
{
	color: blue;
}
#menulist
{
	text-align: center;
	width: 600px;
	margin: auto;
	padding-top: 15px;
	margin-bottom: 15px;
}
#menulist span
{
	display: inline-block;
}
#menulist span a
{
	color: grey;
}
#menulist span a.current
{
	color: blue;
}

/* tri tableaux */
th.headerSortUp 
{ 
    background-image: url(../js/table_sorter/themes/blue/asc.gif); 
	background-repeat:no-repeat;
	background-position:100% 50%;
    /*background-color: #3399FF; */
}
th.headerSortDown 
{ 
    background-image: url(../js/table_sorter/themes/blue/desc.gif); 
	background-repeat:no-repeat;
	background-position:100% 50%;
   /*background-color: #344444; */
}


/* validation form */
#register-form, #register-form2, #register-form3, #register-form4 {
    background: url("form-fieldset.gif") repeat-x scroll left bottom #F8FDEF;
    border: 1px solid #DFDCDC;
    border-radius: 15px 15px 15px 15px;
    /*display: inline-block;*/
    margin-bottom: 30px;
    margin-left: auto;
	margin-right: auto;
    margin-top: 10px;
    padding: 25px 50px 10px;
    width: 650px;
}

#register-form2, #register-form3 {
    width: 1020px;
}
#register-form .fieldgroup, #register-form2 .fieldgroup, #register-form3 .fieldgroup, #register-form4 .fieldgroup{
    background: url("form-divider.gif") repeat-x scroll left top transparent;
    display: inline-block;
    padding: 8px 10px;
    width: 340px;
}
#register-form .fieldgroup label, #register-form2 .fieldgroup label, #register-form3 .fieldgroup label, #register-form4 .fieldgroup label{
    float: left;
    padding: 15px 0 0;
    text-align: right;
    width: 110px;
}
#register-form .fieldgroup input, #register-form .fieldgroup textarea, #register-form .fieldgroup select, #register-form2 .fieldgroup input, #register-form2 .fieldgroup textarea, #register-form2 .fieldgroup select, #register-form3 .fieldgroup input, #register-form3 .fieldgroup textarea, #register-form3 .fieldgroup select, #register-form4 .fieldgroup input, #register-form4 .fieldgroup textarea, #register-form4 .fieldgroup select {
    float: right;
    margin: 10px 0;
    height: 25px;
}
#register-form .submit, #register-form2 .submit, #register-form3 .submit, #register-form4 .submit {
    padding: 10px;
    width: 220px;
    height: 40px !important;
}
#register-form .fieldgroup label.error, #register-form2 .fieldgroup label.error, #register-form3 .fieldgroup label.error, #register-form4 .fieldgroup label.error {
    color: #FB3A3A;
    display: inline-block;
    margin: 4px 0 5px 125px;
    padding: 0;
    text-align: left;
    width: 220px;
}
table.detail td[id^="article_"] input, table.detail td[id^="quantite_"] input, table td[id^="raison_sociale_"] input, table td[id^="reference_"] input, table td[id^="designation_"] input, table td[id^="type_produit_"] input, table td[id^="code_"] input, table td[id^="four_"] input, table td[id^="article_"] input, table td[id^="densite_"] input, table td[id^="uf_"] input, table td[id^="pa_tarif_"] input, table td[id^="pr_au_kg_"] input, table td[id^="equivalent_"] input
{
	display: none;
}
#div-edit
{
	padding: 10px;
}
input[type='button'].edit-blanc
{
	background-color: white;
	border: 1px solid #ededed;
	color: black;
	width: 100px;
	height: 20px;
}
input[type='button'].edit-rouge
{
	background-color: red;
	border: 1px solid #ededed;
	color: black;
	width: 100px;
	height: 20px;
}
/* jquery autocomplete */
span.ui-helper-hidden-accessible
{
	display: none;
}
.ui-autocomplete 
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
	padding-left: 3px;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner-all 
{
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}
.ui-menu-item:hover
{
	background-color: #efefef;
}
.ui-state-hover, .ui-state-active 
{
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

button.open {
    background-image: url("../js/table_sorter/themes/blue/open.png");
    background-size: 30px 30px;
    border: 1px solid #EDEDED;
    color: #000;
    height: 32px;
    width: 30px;
}

button.open_none
{
	display: none;
}

div#total
{
	background-color:#DADDE6;
	min-height: 1000px;
}

div#content
{
	background-color:#ADB7DE;
}