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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-decoration:none;
}
html, body {background-color : #EBE0D5;}
#conteneur,  #contenu, #header, #footer {
		width: 1335px;
		vertical-align: middle;
		box-sizing:border-box;
	 }
#conteneur {background-color : #003d7d; min-height:100%;margin:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:white;
		font-weight:normal;
		/*003d7d*/
	}
#header{height:140px;}
#contenu {clear:both; min-height:520px;overflow: hidden; position:relative;}
#footer{height:100px}
#presentateur {width:70%; height:auto; float:left;}
#presentateur h1 {padding:20px; width:200px;margin:20px 10px 20px 60px; float:left;}
#login { float:left; width:30%;}
h1{font-size:30px;color:white;font-family:Arial, Helvetica, sans-serif;vertical-align: middle;margin:0; border:0; padding:45px; }
h2{font-size:20px;color:white;font-family:Arial, Helvetica, sans-serif;vertical-align: middle;margin:0; border:0; padding:5px; }
h1, h2, #colD label{color:#989898;}

#login label{width:120px; float: left;}
#colD #form button {margin:15px 0px 0px 140px;}
.button_note{background-color: #C0DFF9;border-radius: 11px;clear:both}
#submit {margin-left:118px; }
#logUser {clear:both; height:60px; padiing:3px;}
#logUser p {clear:both;padding-top:5px; margin:0; border:0}



li, ul {
	list-style: none;
}

.clear{clear:both;}
/* Style du contenu*/

/* style de la partie gauche du contenu*/

#colG{float:left;width:300px; padding-left: 15px;margin:0 0 0 50px; min-height:700px; position:relative;}


#tri{margin-left:6px; vertical-align:baseline;}
#blocTri{padding:0; float:left;}
#blocTri label{padding:5px 5px 0 0; text-transform: none;}
#blocTri input{padding-left:2px;border-radius:5px;color:#3a3a3a;font-family:Arial, Helvetica, sans-serif;font-size:14px;}

label{color:white;font-family:Arial, Helvetica, sans-serif;font-size:14px;float:left;padding-top:3px;/*text-transform:uppercase;*/}

#listeClient,#listeApprovisionnement,#listeUsine,#listeEmballage,#listeCategorie,#listeCotation,#listeType,#listeProduit,#listeFormat,#listeFabrication,#listeEntrepot,#listeExpediteur,#listeTransporteur,#listeShipment,#listeMarque,#listeProduction,#listeShift{margin-top:10px;margin-bottom:10px;width:290px;border-radius:5px;}
optgroup{margin-left:10px;}
#flecheBas{ float:right; background: url(images/btnFlecheBas.png) no-repeat 0 0;margin:0 10px 0 5px;width:25px; height:25px;}
#flecheHaut{ float:right; background: url(images/btnFlecheHaut.png) no-repeat 0 0;margin:0 10px 0 5px;width:25px; height:25px;}
h3{font-size:10px;color:white;font-family:Arial, Helvetica, sans-serif; cursor: default;}
#ajouter{float:left;}
#supprimer0{float:left;margin-left:10px;}


/* style de la partie droite du contenu*/


#colD{float:left;width:750px;padding: 15px; min-height:600px; position:relative;}
#colD label{width:140px;}
#colD #form input,#colD #form select {width:330px;border-radius:5px;padding-left:2px;}
#colD #form p {margin-top: 10px;}
.erreur-message{background: url(images/btnSupprimerPetit2.png) no-repeat 0 0;padding:0 0 0 15px; color:#ff5b5b;margin:0 0 0 10px;display:none;}
#colD #form .confirm-message{background: url(images/btnSupprimerPetit2.png) no-repeat 0 0;padding:0 0 0 15px; color:#508bbd;margin:0 0 0 10px;display:none;float: right;}
#colD  textarea{width:560px; height:60px}
#div_discussion{clear:both;margin:10px 10px 0 0;}
.modifieNote, .supprimerNote {margin-left:20px;}
#usine{display:none}

.enregistrer {font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:16px;font-weight:normal;}
.appel {font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:12px;font-weight:normal;}


.enregistrer .ajouter .supprimer0 .supprimer1 .ajouter1 {cursor:pointer;}
#hautConteneurDate  {min-height:100px; margin: 5px 5px 5px 25px;width:auto;overflow:hidden;}
#hautConteneurDate form div {margin-left:55px; float:left;}

#titrerapport h2{text-align: center; width:auto!important; margin:20px 0px;}

/*

#tableauRapport{clear:both;}
#tableauRapport{margin:10px 5px 5px 55px; min-height : 300px; }
#tableauRapport .ligneTab {height:25px;margin:auto; }
#tableauRapport .tableauRapport{height:25px;margin:auto; min-width:300px;}
#tableauRapport .tableauRapport th {border:1px solid white;border-radius:5px;text-align:center;}
#tableauRapport .tableauRapport .nomProduit {min-width:450px;text-align:center;}
#tableauRapport .tableauRapport .nbrCaisse {min-width:230px;text-align:right; padding-right:20px;}
#tableauRapport .tableauRapport .idproduit {width:45px;text-align:center;}
#conteneurRapport #listeRapport th{border:white 1px solid;height:35px;color:white;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:14px;font-weight:normal;padding-top:10px;}
#conteneurRapport #listeRapport td{margin:0 auto;border:white 1px solid;text-align:left;height:30px;color:white;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:14px;font-weight:normal;padding-bottom:5px; }
#conteneurRapport #listeRapport #entete td{padding-top: 5px; padding-left:20px}
#conteneurRapport #listeRapport td input{display:block;margin-top:4px!important;}#tableauRapport #listeRapport {width:850px;text-transform:uppercase; margin-bottom:30px;text-align:center;}

*/

.table-wrapper{background:white; color:black; width:1200px;}

#contenuAccueil .appel{ height:28px; }
#datepickerP{z-index : 10000;}

#contenuRapport input{padding-left:4px;border-radius:5px;width:200px!important;color:#3a3a3a;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding-bottom:2px;height:15px;}

#contenuRapport #form label{padding-top:8px;}
.classtype {color: white; font-family:Arial, Helvetica, sans-serif;font-size:15px; min-height:50px; text-align: center; padding-top: 5px; }
.classtitre {color: white; font-family:Arial, Helvetica, sans-serif;font-size:15px; min-height:50px; text-align: left; padding-top: 25px; }

#contenuHaut { min-height: 500px;}
#contenuBas { min-height: 120px; position:relative;}

#menu li{z-index : 20;}
#contenuShipment #contenuHaut #colD {margin-top:2px;}
#prepaid  {width:20px;}

#colD #form .option {width:20px;}
#colD #envoyer {margin-right:60px;}
#colD #form #divoptcotation {width:200px;float:left;}
#contenuAccueil {margin-left:350px;}
#contenuAccueil img {height:750px; width:617px;margin-left:auto;margin-right:auto;}

#popupBackground {display:none; position:absolute; width:100%; }

#clientrapport{ width: 300px;}

/*Tableau de produits*/
#tableauProduit #listeProduit{border:1px solid white;border-radius:5px;width:600px;text-transform:uppercase;text-align:center;}

#listeProduit th{border:white 1px solid;height:35px;color:white;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:14px;font-weight:normal;padding-top:5px;}
#listeProduit td{margin:0 auto;border:white 1px solid;text-align:left;height:30px;color:white;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:14px;font-weight:normal;padding-bottom:10px;min-width:100px}
#listeProduit td input, #listeProduit td div{display:block;margin:8px 4px 4px 10px;}

#tableauProduit #listeProduit .nomLigne{width:450px;}
#tableauProduit #listeProduit .caisseLigne{width:100px; text-align: right;}
#tableauProduit #listeProduit input.poids{width:100px; text-align: right;}

#tableauProduit #listeProduit .supLigne{width:100px;}
#datepickerP{z-index : 10000;}

#listeProduit #NomP{min-width : 300px;}
#listeProduit td.nom_produit{background:white;text-transform: none; color:#000; padding:5px; font-size:13px;}

/* Shipments */
#tableauProduit #listeProduit.tableau-livraisons{ width:1200px; }
#tableauProduit #listeProduit.tableau-livraisons .nomLigne{width:800px;}


/*Tableau de deuxieme transformation*/
#tableau-deuxieme-transformation{border-radius:5px;width:600px;text-transform:uppercase;text-align:center; width:100%; margin-bottom:400px;}
#tableau-deuxieme-transformation th{border:white 1px solid;height:20px;color:white;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:14px;font-weight:normal; padding:3px;}
#tableau-deuxieme-transformation td{margin:0 auto;border:white 1px solid;text-align:left;height:20px;color:white;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:14px;font-weight:normal;padding:0px;}
#tableau-deuxieme-transformation .empty{border:none; background:none;}

#tableau-deuxieme-transformation select{position:relative;}

#tableau-deuxieme-transformation .separator td{border:none;}

#tableau-deuxieme-transformation .nomLigne{width:450px;}
#tableau-deuxieme-transformation .caisseLigne{width:100px; text-align: right;}

#tableau-deuxieme-transformation tr.produit td{background:white;text-transform: none; color:#000; padding:5px; font-size:13px;}
#tableau-deuxieme-transformation tr.produit td.empty{ background:none; border:none; }
#tableau-deuxieme-transformation tr.produit td.operation{ background:none; border:1px solid white; }

#tableau-deuxieme-transformation .description .chosen-container{width:260px!important; text-transform:none!important;}

#tableau-deuxieme-transformation .description{width:450px;}
#tableau-deuxieme-transformation select{width:450px;}

#tableau-deuxieme-transformation td.cases{
	width:75px; height:20px; padding:0px;
}

#tableau-deuxieme-transformation td.cases input{
	width:65px; padding:0px 5px;
}

#tableau-deuxieme-transformation tr.sortant{
	display:none;
}

#tableau-deuxieme-transformation td.invalid{
	border:3px solid #ff9494;
}

#tableau-deuxieme-transformation input[type="submit"]{
	width:100%;
}



#tableauProduit h2{color:white; padding:30px 0px 10px 10px;}

.form-production p{
	clear:both;
}

#colD .form-production label{
	width:170px;
}

#colD .form-production #approvisionnement-complete-wrapper label{ width:auto; }
#colD .form-production #approvisionnement-complete-wrapper input{float:left; width:auto;}

#colD.production{width:790px;}

#colD.production #form button {margin:15px 0px 0px 170px;}

.loader{position:absolute; left:50%; margin-left:-50px; width:100px; height:100px; border-radius:50%; background:url('images/ajax-loader.gif') center center no-repeat white; box-shadow:0px 0px 13px rgba(0,0,0,0.5); top:200px; display:none; z-index:3;}

.loading .loader{display:block;}

.loading:before{
	width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:2; content:""; background:rgba(255,255,255,0.1);
}

/* chosen */
.chosen-container{width:100%!important;}
.chosen-results{color:black!important;}


#listeCotationPrix td#mail{
 display:none; padding:10px; text-transform: none;
}

#listeCotationPrix td#mail input{
 display:inline;
}

#listeCotationPrix td#mail label{
 width:auto; float:none;
}

#listeCotationPrix td#mail .erreur-message{
	display:none;
}


.button{ color:black; background:white; border-radius:3px; text-decoration:none; padding:5px 0px; display:block; width:100%; text-align:center;}
.button:hover{
	background:#f1f1f1;
}

a#confirmer-envoi-mail{margin:20px 0px 0px 0px;}

.logout{
  background: #ccc;
  color: black;
  padding: 5px 10px;
  border-radius: 5px;
  margin-top: 5px;
  display: inline-block;
}

#annee{float:left; margin-top:50px; display:none;}
#annee label{display:block; margin-bottom:8px; width:100%;}

/* Afficher le choix d'année seulement sur les pages où c'est pertinent */
.page-production #annee,
.page-shipment #annee,
.page-approvisionnement #annee,
.page-cotation #annee,
.page-deuxieme-transformation #annee{display:block;}

.alert-success {
  width: 330px;
  text-align: center;
  margin:10px auto;
  padding: 5px;
}

.page-shipment #colG,
.page-shipment #colD{min-height:0px;}
.page-shipment #contenuBas{clear:both; width:1200px; margin:0 auto;}

.table{border-collapse:collapse;}
th.numero{width:5%;}
/*th.type{width:15%;}*/
th.date{width:10%;}
/*th.bateau{width:30%;}*/
/*th.volume{width:35%;}*/

tr.row-total td{padding:10px; background:#003d7d; color:white;font-size:16px;}
td.volume{text-align:right; width:180px;}