body {
  color                 : #666666;
  font-family           : "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size             : 12px;
  margin                : 0;
  padding               : 0;
  width : 100%
}
html{
  width : 100%
}

input, textarea, select {
  font                  : normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#imgaccueil img{
float:left;
margin-right:10px;
}
h1, h2 {
  color                 : #7cd300;
  font-weight           : normal;
	
}
h1 {
  font-size             : 2.6em;
  letter-spacing        : -1px;
	
}
h2 {
  height                : 21px;
	line-height           : 21px;
  font-size             : 1.8em;
}
img {
  border                : none;
}


/********** Header **********/

#header {
    height: 21px;
    margin: 0 auto;
    width: 100%;
}


/********** Logo ***********/

#logo {
   float: left;
    height: 97px;
    margin-left: 0;
    margin-top: 2px;
    width: 53%;
}
#logoAgence {
   float: left;
    margin-left: 1%;
    margin-top: 25px;
    width: 15%;
}

#agenceShow {
font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
font-size:larger;
color:red;
font-weight:bold;
}


 


#deconnection
{
  float: left;
  margin-top: 37px;
  width: 23%;
}

#tableaustat {
    height: 1500px;
    margin-top: 0;
    width: 100%;
}
/**CGJT7-892VK-HYR4G-DPHV2-WVHCD ******** Menu **********/

#topmenu {
  float                 : right;
}

#topmenu ul {
  list-style            : none;
  margin                : 0;
  padding               : 40px 0 0 0;
}

#topmenu li {
  display               : inline;
}

#topmenu a {
  width                 : 129px;
  height                : 90px;
	float                 : left;
  color                 : #ffffff;
	font-size             : 1.3em;
  display               : block;
  text-align            : center;
  text-decoration       : none;
	padding-top           : 30px;
  background            : url(../images/img02.png);
}




/********** Main Content **********/
#main_container {
    margin: 0;
    padding-top: 3px;
    width: 100%;
}

#main {
  width                 : 100%;
  float                 : left;
	
}

#right {
  width                 : 200px;
  float                 : right;
  padding               : 12px 0 0 30px;
  background            : url(../images/img03.gif) repeat-y;
}


#dotted_separator {
  background            : url(../images/img04.gif) repeat-x;
}

/********** Bottom Content **********/

#bottom {
clear:both;
color:#008C00;
margin-left:45px;
width:98%;
}


/*******Form-password*****/

#form-pwd{
    height: 100%;
    margin-left: 0.5%;
    margin-top: 15px;
    padding: 56px 17px 126px 19px;
    width: 96%;
}
#form-aide{
    height: 100%;
    margin-left: 0.5%;
    margin-top: 15px;
    padding: 56px 17px 126px 19px;
    width: 96%;
}
#afficherPage{
  height: auto;
  margin-left: 0.5%;
  width: 99%;
}
#bilanPage{
  height: auto;
  margin-left: 0.5%;
  width: 99%;
}
#nouveau{
  margin-top: 15px;
  height: auto;
  margin-left: 0.5%;
  width: 99%;
}

#encaisse{
  height: auto;
    margin-left: 0.5%;
    margin-top: 15px;
    width: 99%;
}

#passwordPage{
    height: 100%;
    width: 100%;
}

#bodycontenaire{
    height: auto;
    width: 100%;
}


#form-pwd input[type=text], #form-pwd input[type=password]{
width: 100%;
}
#form-pwd input[type=text].login{
margin-top:10px;

}

#form-pwd #labellogin{
    float: left;
    margin-left: 5%;
    margin-top: 10px;
    width: 10%;
}

#form-pwd #divlogin{
    float: left;
    width: 30%;
}
#form-pwd #labelville{
   float: left;
    margin-left: 2%;
    margin-top: 10px;
    width: 5%;
}
#form-pwd #divville{
    float: left;
    margin-top: 10px;
    width: 15%;
}
#form-pwd #labelpassword-pwd{
    float: left;
    margin-left: 5%;
    margin-top: 20px;
    width: 10%;
}
#form-pwd #divpassword-pwd{
 float: left;
    margin-top: 10px;
    width: 30%;
}


#tableauAfficher{
    height: auto;
    margin-top: 15px;
    width: 100%;
}

#tableaubilan{
    height: auto;
    margin-top: 0px;
    width: 100%;
}

#select-pays{
width : 100%;
}

#labelpays{
margin-left : 2%;
}


#form-pwd input[type=text].prenom-pwd{
margin-left:67px;
margin-top:10px;

}

#form-pwd input[type=password].password-pwd{
    margin-top: 10px;
}


#form-new{
    height: auto;
    width: 100%;
    margin-bottom:20px;
}

#form-encaisse{
    height: auto;
    width: 100%;
    margin-bottom:20px;
}

#expediteur-colis, #destinateur-colis, #expediteur-colisvoiture, #destinateur-colisvoiture{
float:left;
padding-top:0px;
}
#expediteur-colisS, #destinateur-colisS{
float:left;
padding-top:0px;
}
#main_container #msgerror{
margin-left:45px;
}

#prestation{
    margin-bottom: 40px;
    margin-left: 1%;
    margin-top: 15px;
    padding-left: 1%;
    width: 97%;
}

#camera {
    float: left;
    margin-left: 0.5%;
    width: 49%;
}

#photoshow {
    float: left;
    width: 49%;
    margin-top:10px;
}
#photoshowS {
    float: left;
    margin-left: 6%;
    margin-top: 10px;
    width: 90%;
}

#dragandrophandler
{
  border: 2px dotted #0b85a1;
  color: #92aab0;
  font-size: 200%;
  height: 117px;
  margin-bottom: 10px;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  width: 97%;
}

.progressBar {
   border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
    float: left;
    height: 22px;
    margin: 0 10px 5px 5px;
    overflow: hidden;
    vertical-align: top;
    width: 17%;
}
 
.progressBar div {
  float:left;
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #0ba1b5; border-radius: 3px;
}
.statusbar
{
   border-top: 1px solid #a9ccd1;
    min-height: 25px;
    padding: 10px 10px 0;
    vertical-align: top;
    width: 88%;
}
.statusbar:nth-child(odd){
    background:#EBEFF0;
}
.filename
{
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 38%;
}
.filename2
{
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 82%;
}

.filesize
{
   color: #30693d;
    display: inline-block;
    float: left;
    margin-left: 10px;
    margin-right: 5px;
    vertical-align: top;
    width: 10%;
}
.abort{
    background-color: #a8352f;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    margin-left: 45px;
    padding: 4px 15px;
    vertical-align: top;
    width: 6%;
    }
    
    .download{
   background-color: #a8352f;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    margin-left: 45px;
    padding: 5px 8px;
    vertical-align: top;
    width: 9%;
    }
  .sendmail {
    background-color: #e78f08;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    margin-left: 22px;
    padding: 5px 7px;
    vertical-align: top;
    width: 10%;
}

#photoshowSv {
    float: left;
    margin-left: 1%;
    margin-top: 10px;
    width: 100%;
}

#photoshowSv .field {
    float: left;
    width: 49%;
}
#photoshowSv .field
{
    margin-left: 1%;
    width: 49%;
    margin-top: 10px;
}
#save {
    margin-bottom: 10px;
    margin-left: 15px;
    margin-top: 18px;
    width: 40%;
}


#form-afficher{
margin-left: 1%;
width: 98%;
margin-bottom: 50px;
}

#form-bilan{
margin-left: 1%;
width: 98%;
margin-bottom: 50px;
height:auto;
}



#destinateur-colis #labeltelephonedestinateur, #destinateur-colisvoiture #labeltelephonedestinateur{
    float: left;
    margin-top: 10px;
    width: 17.5%;
}
#destinateur-colis #divtelephonedestinateur, #destinateur-colisvoiture #divtelephonedestinateur{
width:80%;
float:left;
margin-top: 10px;
}

#destinateur-colis #labelmaildestinateur, #destinateur-colisvoiture #labelmaildestinateur{
width: 17.5%;
float:left;
margin-top: 10px;
}
#destinateur-colis #labelagence, #destinateur-colisvoiture #labelagence{
width: 17.5%;
float:left;
margin-top: 10px;
}
#destinateur-colis #divmaildestinateur, #destinateur-colisvoiture #divmaildestinateur{
width:80%;
float:left;
margin-top: 10px;
}

#destinateur-colis #inputagence, #destinateur-colisvoiture #inputagence{
width:30%;
float:left;
margin-top: 10px;
margin-bottom: 9px;
}


#destinateur-colis #labelprenomdestinateur, #destinateur-colisvoiture #labelprenomdestinateur{
    float: left;
    margin-top: 10px;
    width: 17.5%;
		margin-top: 10px;
}
#destinateur-colis #divprenomdestinateur, #destinateur-colisvoiture #divprenomdestinateur{
width:80%;
float:left;
margin-top: 10px;
}

#destinateur-colis #labelnomdestinateur, #destinateur-colisvoiture #labelnomdestinateur{
width: 17.5%;
float:left;
margin-top: 20px;
}

#destinateur-colis #divnomdestinateur, #destinateur-colisvoiture #divnomdestinateur
{
  width:80%;
  float:left;
  margin-top: 20px;
}

#destinateur-colis #labelCividestinateur, #destinateur-colisvoiture #labelCividestinateur{
width: 17.5%;
float:left;
margin-top: 20px;
}

#destinateur-colis #divCividestinateur, #destinateur-colisvoiture #divCividestinateur
{
  width:80%;
  float:left;
  margin-top: 20px;
}

#destinateur-colis input[type=text], #destinateur-colisvoiture input[type=text]{
width: 70%;
 height: 25px;
}
#destinateur-colis fieldset, #destinateur-colisvoiture fieldset{
padding-left: 2%;
}

#encaisse-paris #dateencaisse{
	 margin-left: 0.2%;
	 width: 20%;
         margin-top: 28px;
}
#encaisse-paris #dateoperation{
   margin-left: 0.2%;
    margin-top: 28px;
    width: 12%;
}
#encaisse-paris #montant{
    margin-left: 2.2%;
    margin-top: 28px;
    width: 13%;
}



    
#encaisse-paris #montantprevu{
   margin-left: 2%;
   width: 20%;
   margin-top: 28px;
}
#encaisse-paris #beneficiaire{
    margin-left: 2%;
    margin-top: 28px;
    width: 17%;
    
}


#encaisse-paris #montantencaisse{
    margin-left: 2%;
    width: 23%;
    margin-top: 28px;
}
#encaisse-paris #objet{
 margin-left: 2%;
    margin-top: 28px;
    width: 25%;
}


    
#encaisse-paris #adminencaisse{
    margin-left: 2%;
    width: 25%;
    margin-top: 28px;
}

#encaisse-paris #typeopedation{
   margin-left: 2%;
    margin-top: 28px;
    width: 14%;
}

    
    
#encaisse-paris #encaissecommentairesP{
    margin-left: 2%;
    margin-top: 50px;
    width: 82%;
}

fieldset .encaisse{
    margin-bottom: 30px;
    margin-left: 1%;
    margin-top: 20px;
    padding-bottom: 30px;
    padding-left: 1%;
    padding-top: 15px;
    width: 96%;
}

#stat-grah {
    float: left;
    margin-left: 1%;
    margin-top: 20px;
    padding-bottom: 10pt;
    width: 47%;
}
#stat-grah2 {
    float: left;
    margin-left: 1%;
    margin-top: 3px;
    padding-bottom: 10pt;
    width: 50%;
}

fieldset.payslegend{
    margin-bottom: 18px;
    margin-left: 1%;
    margin-top: 20px;
    padding-left: 1%;
}
fieldset .statchiffreArecu {
    margin-bottom: 18px;
    margin-left: 1%;
    margin-top: 3px;
    padding-left: 1%;
    padding-top: 15px;
    width: 96%;
}

fieldset .statchiffreArecaletrecu {
    margin-bottom: 5px;
    margin-left: 1%;
    margin-top: 3px;
    padding-left: 1%;
    padding-top: 15px;
    width: 96%;
}
fieldset .statchiffreArecaletrecu legend{
    height: 20px;
    width: 43%;
		margin-top:23px;
		margin-bottom:25px;
}

fieldset .graphtypecolis legend{
    height: 20px;
    width: 43%;
		margin-top:23px;
		margin-bottom:25px;
}

fieldset.graphtypecolis {
    margin-bottom: 18px;
    margin-left: 1%;
    margin-top: 5px;
    padding-left: 1%;
}

fieldset.statgraphique2 {
    margin-bottom: 18px;
    margin-left: 1%;
    margin-top: 20px;
    padding-left: 1%;
}

fieldset .statgraphique2 legend{
    height: 20px;
    width: 23%;
		margin-top:23px;
}

fieldset .statgraphique legend{
    height: 20px;
    width: 23%;
		margin-top:23px;
}

fieldset .statchiffreArecu legend{
    height: 20px;
    width: 33%;
		margin-top:23px;
		margin-bottom:25px;
}

fieldset .encaisse legend{
    height: 20px;
    width: 40%;
}

fieldset .historique legend{
    height: 20px;
    width: 16%;
}

fieldset .payslegend legend{
    height: 20px;
    width: 16%;
}




#dateencaissePV{
	float:left;
  margin-left: 1%;
  margin-top: 4px;
  width: 24%;
}

#montantencaissePV{
  margin-left: 1%;
  margin-top: 24px;
  width: 20%;
}

#montantprevuPV{
    margin-left: 6%;
    margin-top: 4px;
    width: 40%;
}

#adminencaissePV{
    margin-left: 9%;
    margin-top: 24px;
    width: 26%;
}
#encaissecommentairesPV{
    margin-left: 1%;
    margin-top: 9px;
    width: 67%;
}


#adminencaisseinputPV{
    width: 100%;
}



#encaisse-paris input[type=text].dateencaisseinputP{
height: 25px;
width: 100%;
}

#encaisse-paris input[type=text].dateoperationinputP{
height: 25px;
width: 100%;
}

#encaisse-paris input[type=text].montantinputP{
height: 25px;
width: 100%;
}

#encaisse-paris input[type=text].montantprevuinputP{
height: 25px;
width: 100%;
}
#encaisse-paris input[type=text].beneficiaireinputP{
height: 25px;
width: 100%;
}


#encaisse-paris input[type=text].montantencaisseinputP{
height: 25px;
width: 100%;
}

#encaisse-paris input[type=text].objetinputP{
height: 25px;
width: 100%;
}


#encaisse-paris select.adminencaisseinputP{
height: 25px;
width: 100%;
}

#encaisse-paris select.typeopedationinputP{
height: 25px;
width: 100%;
}


#expediteur-colis .field
{
width: 100%;
}
#expediteur-colisvoiture .field
{
width: 100%;
}

#expediteur-colis #labeltelephoneexpediteur, #expediteur-colisvoiture #labeltelephoneexpediteur{
    float: left;
    margin-top: 10px;
    width: 17.5%;
}
#expediteur-colis #divtelephoneexpediteur, #expediteur-colisvoiture #divtelephoneexpediteur{
width:80%;
float:left;
margin-top: 10px;
}




#expediteur-colis #labelmailexpediteur, #expediteur-colisvoiture #labelmailexpediteur{
width: 17.5%;
float:left;
margin-top: 10px;
}
#expediteur-colis #divmailexpediteur, #expediteur-colisvoiture #divmailexpediteur{
width:80%;
float:left;
margin-top: 10px;
margin-bottom: 4px;
}

#expediteur-colis #labeladresseexpediteur, #expediteur-colisvoiture #labeladresseexpediteur{
width: 17.5%;
float:left;
margin-top: 10px;
}
#expediteur-colis #divadresseexpediteur, #expediteur-colisvoiture #divadresseexpediteur{
width:80%;
float:left;
margin-top: 10px;
margin-bottom: 4px;
}

#expediteur-colis #labelCiviexpediteur, #expediteur-colisvoiture #labelCiviexpediteur{
width: 17.5%;
float:left;
margin-top: 10px;
}
#expediteur-colis #divCiviexpediteur, #expediteur-colisvoiture #divCiviexpediteur{
width:80%;
float:left;
margin-top: 10px;
margin-bottom: 4px;
}

#expediteur-colis #labelprenomexpediteur, #expediteur-colisvoiture #labelprenomexpediteur{
    float: left;
    margin-top: 10px;
    width: 17.5%;
		margin-top: 10px;
}
#expediteur-colis #divprenomexpediteur, #expediteur-colisvoiture #divprenomexpediteur{
width:80%;
float:left;
margin-top: 10px;
}

#expediteur-colis #labelnomexpediteur, #expediteur-colisvoiture #labelnomexpediteur{
width: 17.5%;
float:left;
margin-top: 20px;
}
#expediteur-colis #divnomexpediteur, #expediteur-colisvoiture #divnomexpediteur{
width:80%;
float:left;
margin-top: 20px;
}




#expediteur-colis input[type=text], #expediteur-colisvoiture input[type=text]{
 width: 70%;
 height: 25px;
}









#expediteur-colisS label.nomexpediteur{
    margin-left: 12%;
    width: 70%;
}
#expediteur-colisS label.prenomexpediteur{
   margin-left: 6.7%;
    width: 70%;
}
#expediteur-colisS label.telephoneexpediteur{
    margin-left: 3.6%;
    width: 70%;

}
#expediteur-colisS label.mailexpediteur{
    margin-left: 14.5%;
    width: 70%;
}

#expediteur-colisS div.field{
	margin-top: 5px;
}
#destinateur-colisS div.field{
	margin-top: 5px;
}

#prixcolisS div.field, #prixcolisSv div.field{
margin-top: 10px;
}

#identifiantcolisS div.field{
	margin-top: 12px;
}


#infocolisS label.nowdate{
    width: 100%;
}

#infocolisS label.indexcolisipnut{
    width: 100%;
}


#infocolisS label.initRTinput{
    width: 100%;
}






#prixcolisS label.typecolisinput, #prixcolisSv label.typecolisinput{
   margin-left: 5%;
    width: 70%;
}

#prixcolisS label.quipayeinput, #prixcolisSv label.quipayeinput{
		margin-left: 13%;
    width: 70%;
}


#prixcolisS label.prixcolisinput, #prixcolisSv label.prixcolisinput{
		margin-left: 9%;
    width: 70%;
}
#prixcolisS label.montantinput, #prixcolisSv label.montantinput{
      margin-left: 1%;
      width: 70%;
}

#prixcolisS label.deviceinput, #prixcolisSv label.deviceinput{
    margin-left: 4%;
    width: 45%;
}

#destinateur-colisS label.nomdestinateur{
    margin-left: 12%;
    width: 70%;
}
#destinateur-colisS label.prenomdestinateur{
   margin-left: 6.7%;
    width: 70%;
}
#destinateur-colisS label.telephonedestinateur{
    margin-left: 3.6%;
    width: 70%;

}
#destinateur-colisS label.maildestinateur{
    margin-left: 14.5%;
    width: 70%;
}
#expediteur-colisS fieldset, #destinateur-colisS fieldset{
	padding-left: 2%;
	height:120px;
}


#expediteur-colis fieldset, #expediteur-coliscolis fieldset{
padding-left: 2%;
}
#trier{
margin-left:36pt;

}
#filtre
{
    height: 100px;
    margin-left: 1%;
    margin-top: 12px;
    padding-top: 8px;
    width: 55%;
		 padding-bottom: 30px;
}
#filtreconfection {
    height: 100px;
    margin-left: 2%;
    margin-top: 12px;
    padding-bottom: 30px;
    padding-top: 8px;
    width: 30%;
}

#listebilanenvoyer
{
    height: auto;
    margin-top: 12px;
    padding-top: 8px;
    width: 48%;
    padding-bottom: 30px;
}
#listecolisconfection
{
    height: auto;
    margin-top: 12px;
    padding-top: 8px;
    width: 22%;
    padding-bottom: 30px;
}

#listebilanvalider
{
    height: auto;
    margin-left: 0%;
    margin-top: 12px;
    padding-top: 8px;
    width: 49%;
    padding-bottom: 30px;
}

#listebilanrecus
{
    height: auto;
    margin-left: 1.5%;
    margin-top: 12px;
    padding-top: 8px;
    width: 49%;
    padding-bottom: 30px;
}

#newsvols
{
    height: 85px;
    margin-left: 1.5%;
    margin-top: 12px;
    padding-bottom: 10px;
    padding-top: 8px;
    width: 98%;
}

#newsvolsedit {
    height: 115px;
    margin-left: 1.5%;
    margin-top: 12px;
    padding-bottom: 10px;
    padding-top: 8px;
    width: 98%;
}

#newsballon
{
    height: 53px;
    margin-left: 1.5%;
    margin-top: 12px;
    padding-bottom: 10px;
    padding-top: 8px;
    width: 56%;
}
#corbeille {
    height: 53px;
    margin-left: 1.5%;
    margin-top: 12px;
    padding-bottom: 10px;
    padding-top: 8px;
    width: 10%;
}
#corbeilleCamion {
    height: 53px;
    margin-left: 1.5%;
    margin-top: 12px;
    padding-bottom: 10px;
    padding-top: 8px;
    width: 10%;
}
#newsballonfield
{
    height: 100%;
    width: 98%;
}
#automatiqueballonfield
{
    height: 100%;
    width: 98%;
}
#automatiqueballon
{
    height: 52px;
    margin-left: 0.5%;
    margin-top: 12px;
    padding-bottom: 10px;
    padding-top: 8px;
    width: 30%;
}

#ballonkilo
{
   float: left;
    height: 28px;
    margin-bottom: 8px;
    margin-left: 2%;
    width: 65%;
}
#tabs2
{
 width: 99.7%;
}

#tabs2 ul
{
 width: 80%;
}


#bateaukilo {
  float: left;
  height: 28px;
  margin-bottom: 8px;
  margin-left: 5%;
  width: 53%;
}

#okballon
{
float:left;
width: 40%;
}


#nouveauballon
{
    height: 28px;
    margin-top: 3px;
    width: 100%;
}

#inputkginput
{
    height: 26px;
    margin-top: 3px;
    width: 100%;
    margin-left:1%;
     width: 74%;
}




#ballonsautomatiques
{
   height: 28px;
    margin-left: 10.5%;
    margin-top: 3px;
    width: 84%;
}

#okballon
{
    height: 28px;
    margin-bottom: 2px;
    margin-left: 16.5%;
    margin-top: 6px;
    width: 13%;
}
#okvalidervols
{
  height: 28px;
    margin-bottom: 3px;
    margin-left: 6.5%;
    margin-top: 6px;
    width: 30%;
}

#editballon
{
    height: 24px;
    margin-bottom: 2px;
    margin-left: 6%;
    margin-top: 6px;
    width: 13%;
}
#enregistrerballon {
    float:right;
    height: 23px;
    margin-bottom: 2px;
    margin-right: 7%;
    margin-top: 6px;
    width: 22px;
}

#doctballon
{
   height: 24px;
    margin-bottom: 2px;
    margin-left: 1%;
    margin-top: 6px;
    width: 13%;
}
}

#listeballonvalider
{
    height: auto;
    margin-left: 1.5%;
    padding-top: 1px;
    width: 100%;
    padding-bottom: 30px;
}

#listeballonvalider
{
    height: auto;
    margin-left: 1.5%;
    padding-top: 15px;
    width: 100%;
    padding-bottom: 20px;
}
#listeballonconfection
{
    height: auto;
    margin-left: 1.5%;
    padding-top: 30px;
    width: 100%;
    padding-bottom: 20px;
}
#confectionnementarriver {
    height: auto;
    margin-left: 0.5%;
    width: 98.5%;
}

#confectionnement {
    height: auto;
    margin-left: 0.5%;
    width: 76.5%;
}


#inputkg {
  float:left;
  width: 54%;
}

#btnew {
    float: left;
    margin-left: 1%;
    width: 41%;
}
#inputdt{
    float: left;
    margin-left: 1%;
    width: 19%;
    margin-top: 10px;
}

#inputnov{
  margin-top: 10px;
    float: left;
    margin-left: 1%;
    width: 19%;
}
#inputcmpny{
    float: left;
    margin-left: 1%;
    width: 19%;
    margin-top: 10px;
}
#inputpers{
    float: left;
    margin-left: 1%;
    width: 18%;
    margin-top: 10px;
}
#inputpers input, #inputcmpny input,#inputnov input,#inputdt input
{
  height: 25px;
}

#inputdtedit{
    float: left;
    margin-left: 1%;
    width: 22%;
    margin-top: 10px;
}

#inputnovedit{
  margin-top: 10px;
    float: left;
    margin-left: 1%;
    width: 22%;
}
#inputcmpnyedit{
    float: left;
    margin-left: 1%;
    width: 22%;
    margin-top: 10px;
}
#inputpersedit{
    float: left;
    margin-left: 1%;
    width: 22%;
    margin-top: 10px;
}

#inputpersedit input, #inputcmpnyedit input,#inputnovedit input,#inputdtedit input
{
  height: 25px;
}

#btvol {
    margin-top: 23px;
    float: left;
    margin-left: 2%;
    width: 19%;
}

.draggablecamion
{
    height: auto;
    margin-left: 1.5%;
    margin-top: 4px;
    padding-top: 4px;
    width: 22%;
    padding-bottom: 30px;
    float:left;
}


.draggableballon
{
   float: left;
    height: auto;
    margin-left: 1.5%;
    margin-top: 4px;
    padding-bottom: 30px;
    padding-top: 4px;
    width: 41%;
}

.draggablevol
{
    height: auto;
    margin-left: 1.5%;
    margin-top: 4px;
    padding-top: 4px;
    width: 28%;
    padding-bottom: 30px;
    float:left;
}


#draggableballon2
{
    height: auto;
    margin-left: 1.5%;
    margin-top: 4px;
    padding-top: 4px;
    width: 20%;
    padding-bottom: 30px;
    float:left;
}
#draggableballon3
{
    height: auto;
    margin-left: 1.5%;
    margin-top: 4px;
    padding-top: 4px;
    width: 20%;
    padding-bottom: 30px;
    float:left;
}

.draggableballon h1
{
  padding-left:5px;
}

#listerawcolis {
    list-style-type: none;
    margin-left: -12%;
    margin-top: 10px;
    width: 95%;
}
#listerawcolis li
{
 margin-top: 4px;
}
#listebilanenvoyerfield
{
    height: 100%;
    margin-bottom: 45px;
    padding-left: 2%;
    padding-top: 15px;
    width: 98%;
}
#labelColisimg
{
    padding-top: 0px;
}
#labelColistxt
{
    padding-top: 15px;
}



#listecolisconfectionfield
{
    height: 100%;
    padding-left: 2%;
    padding-top: 1px;
    width: 98%;
}

#listeballonvaliderfield
{
    height: 100%;
    padding-left: 1%;
    padding-top: 15px;
    width: 96%;
}
#listeballonconfectionfield
{
    height: 100%;
    padding-left: 1%;
    padding-top: 15px;
    width: 96%;
}

#listebilanrecusfield
{
    height: 100%;
    padding-left: 1%;
    padding-top: 15px;
    width: 96%;
}
#montanttotaldiv{
    height: 100%;
    padding-left: 1%;
    padding-top: 15px;
    width: 97%;
}
#montanttotaltotaldiv{
   height: 100%;
    margin-left: 26%;
    padding-left: 1%;
    padding-top: 15px;
    width: 47%;
}

#filtrefield
{
    height: 100%;
    padding-left: 2%;
    padding-top: 15px;
    width: 98%;
}
#exporttoexcelfield
{
		height: 100%;
    padding-left: 2%;
    padding-top: 15px;
    width: 96%;
}
#bilanjour, #rechercheconfection
{
    height: auto;
    padding-left: 1%;
    padding-top: 15px;
    width: 98%;
}
#exporttoexcel
{
    height: 100px;
    margin-left: 1%;
    margin-top: 12px;
    padding-bottom: 30px;
    padding-top: 8px;
    width: 42%;
}
#referencecolisinput,#referenceballoninput,#referencevolinput
{
   height: 20px;
    margin-left: 5%;
    width: 60%;
}
#nomexpcolis,#nomexpballon,#nomexpvol
{
   height: 20px;
    width: 90%;
}

#nomdestcolis,#nomdestballon,#nomdestvol
{
   height: 20px;
   width: 93%;
}



#divdatefinexport
{
    margin-left: 2%;
    width: 25%;
}

#buttonexport
{
    width: 100%;
}
#divbuttonexport
{
    margin-top: 21px;
    width: 35%;
}

#divdatedebutexport
{
    margin-left: 2%;
		width: 25%;
}
#divdatedebutexport input
{
    width: 100%;
}
#divdatefinexport input
{
    width: 100%;
}

#labeldatefinexport
{
    margin-left: 6%;
    width: 13%;
}
#labeldatedebutexport
{
  width: 16%;
}

#labeldatedebutexport label
{
  width: 100%;
}
#labeldatefinexport label
{
  width: 100%;
}

#messageaide
{
    margin-left: 1%;
    padding-bottom: 20px;
    padding-left: 2%;
    padding-top: 13px;
		margin-top:25px;
    width: 92%;
}

#messageaideEnvoyer
{
    margin-left: 1%;
    padding-bottom: 20px;
    padding-left: 2%;
    padding-top: 13px;
    width: 75%;
		margin-top:15px;
		
}


#reponseaide
{
    background-color: #FFA500;
    margin-top: 15px;
    padding-bottom: 20px;
    padding-left: 2%;
    padding-top: 13px;
    width: 75%;
}

.reponseaide
{
    background-color: #FFA500;
    margin-top: 15px;
    padding-bottom: 20px;
    padding-left: 2%;
    padding-top: 13px;
    width: 75%;
}

#messageenvoyer
{
   background-color: #B0E0E6;
    margin-left: 2%;
    margin-top: 5px;
    padding-bottom: 15px;
    padding-left: 2%;
    padding-top: 13px;
    width: 75%;
		
}
#nomdemandeur
{
    font-family: Sans-serif;
    font-size: 0.8em;
    margin-left: 2%;
    margin-top: 15px;
    width: 80%;
}



#divaide
{
   margin-left: 15%;
    margin-top: 20px;
    width: 70%;
}
#saisismessage
{
    margin-left: 11%;
    margin-top: 50px;
    width: 78%;
}


#msgaide
{
    font-family: Sans-serif;
    font-size: 1.2em;
    height: 99px;
    width: 80%;
}


#form-aide input[type="submit"] {
    border: 1px outset #0000FF;
    float: inherit;
    margin-top: 20px;
		margin-left: 3%;
    padding: 0;
    text-align: center;
    width: 20%;
}


		
#Labellefiltre{
margin-left:1%;
}

#filtre input[type=text].numeroID{
margin-left:1%;
width:80%;

}

#filtre input[type=text].usernom{
margin-left:1%;
width:80%;
}

#filtre input[type=text].userprenom{
margin-left:1%;
width:80%;
}

#filtre input[type=text].dtExpedition{
margin-left:1%;
width:80%;
}

#filtre input[type=text].referencecolis{
margin-left:1%;
width:80%;
}



#filtre input[type=text].userTelephone{
margin-left:1%;
width:80%;
}

#filtre input[type=text].prixColis{
margin-left:1%;
width:80%;
}

#filtre input[type=text].dtReception{
margin-left:1%;
width:80%;
}

#filtre input[type=text].typeColis{
margin-left:1%;
width:80%;
}

#tbullistecolis ul li
{
   height: 17pt;
    list-style-type: none;
    margin-bottom: 2pt;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}


#tbul ul li
{
    float: left;
    height: 17pt;
    list-style-type: none;
    margin-bottom: 2pt;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    text-align: center;
}
#tbulA ul li
{
    float: left;
    height: 17pt;
    list-style-type: none;
    margin-bottom: 2pt;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    text-align: center;
}
#tbulP ul li
{
    float: left;
    height: 17pt;
    list-style-type: none;
    margin-bottom: 2pt;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    text-align: center;
}


#tbul ul :hover {
background-color:#58FAF4;
}

#tbulA ul :hover {
background-color:#58FAF4;
}
#tbulP ul :hover {
background-color:#58FAF4;
}

#tbul #tuple{
width: 100%;	
}
#tbulA #tuple{
width: 100%;	
}
#tbulP #tuple{
width: 100%;	
}
#tbul #tuple .status
{
  margin-left: 0.3%;
    width: 2.1%;
}
#tbul #tuple .bilanstatus
{
  margin-left: 0.3%;
    width: 5.1%;
}
#tbul #tuple .numeroID
{
    margin-left: 0.5%;
    width: 9.5%;
}
#tbul #tuple .bilannumeroID
{
    margin-left: 0px;
    width: 16.6%;
}


#tbulA #tuple .numeroID
{
width: 9.5%;
}
#tbulP #tuple .numeroID
{
width: 9.5%;
}
#tbulA #tuple a
{
font-size: 11px;
}
#tbulP #tuple a
{
font-size: 11px;
}
#tbul #tuple .expediteur
{
 width: 13.2%;
 margin-left: 0.4%;
}
#tbul #tuple .bilanquipaye
{
    margin-left: 0.5%;
    width: 17.4%;
}
#tbul #tuple .bilanquipayesuivi
{
    margin-left: 0.5%;
    width: 15%;
}

#tbulA #tuple .expediteur
{
 width: 13.2%;
 margin-left: 0.4%;
}

#tbul #tuple .expediteurfound
{
    margin-left: 0.4%;
    width: 12%;
}


		
#tbulP #tuple .expediteur
{
 width: 13.2%;
 margin-left: 0.4%;
}
#tbul #tuple .dtexpediteur
{
 width:13%;
 margin-left: 0.4%;
}

#tbul #tuple .dtexpediteurfound
{
    margin-left: 0.4%;
    width: 9%;
}
#tbul #tuple .expediteurtelfound
{
   margin-left: 0.4%;
		width: 8%;
}


#tbul #tuple .poidscolis
{
    margin-left: 0.4%;
    width: 8%;
}


#tbul #tuple .montant
{
    margin-left: 0.4%;
    width: 8.3%;
}


		
#tbul #tuple .montantsend
{
    margin-left: 0.4%;
    width: 7.7%;
}
#tbul #tuple .destinateurtel
{
    margin-left: 0.4%;
    width: 7.7%;
}
#tbul #tuple .bilanprix
{
    margin-left: 0.6%;
    width: 16%;
}
#tbul #tuple .destinateurtelfound
{
   margin-left: 0.4%;
   width: 8%;
}

#tbul #tuple .dtdestinateurfound
{
   margin-left: 0.4%;
   width: 8.5%;
}
#tbul #tuple .destinateur
{
  width: 13.2%;
  margin-left: 0.4%;
}
#tbul #tuple .destinateurfound
{
    margin-left: 0.4%;
    width: 12%;
}
#tbul #tuple .montantfound
{
    margin-left: 0.4%;
    width: 8.3%;
}

#tbul #tuple .dtdestinateur
{
    margin-left: 0.4%;
    width: 8%;
}
#tbul #tuple .colis
{
 width:10%;
 margin-left: 0.4%;
}
#tbul #tuple .colisfound
{
    margin-left: 0.4%;
    width: 10%;
}

		
#tbul #tuple .modif
{
 width: 2.5%;
 margin-left: 0.4%;
}

#tbul #tuple .modifsuivi
{
 width: 4%;
 margin-left: 0.8%;
}

#tbulA #tuple .modif
{
  width: 2.5%;
 margin-left: 1%;
}
#tbulP #tuple .modif
{
  width: 2.5%;
 margin-left: 1%;
}


#tbul #tuple .export
{
  width: 2.5%;
 margin-left: 0.5%;
}

#tbul #tuple .extend
{
 width: 2.2%;
 margin-left: 0.5%;
}


#tbul #tuple .bilanquipayesuivi,
#tbul #tuple .bilanmontantsuivi,
#tbul #tuple .datesuppr,
#tbul #tuple .bilannumeroID,
#tbul #tuple .bilanmontantpaye,
#tbul #tuple .bilanmontant,
#tbul #tuple .bilanprix,
#tbul #tuple .bilanquipaye,
#tbul #tuple .destinateurtel,
#tbul #tuple .colis,
#tbul #tuple .dtdestinateur,
#tbul #tuple .poidscolis,
#tbul #tuple .destinateur,
#tbul #tuple .montant,
#tbul #tuple .montantsend,
#tbul #tuple .dtexpediteur,
#tbul #tuple .expediteur,
#tbul #tuple .numeroID
{
height: 16pt;
margin-bottom: 1pt;
padding:0;
text-align:center;
}

#tbul #tuple .destinateurtelfound,
#tbul #tuple .expediteurtelfound,
#tbul #tuple .colisfound,
#tbul #tuple .dtdestinateurfound,
#tbul #tuple .destinateurfound,
#tbul #tuple .montantfound,
#tbul #tuple .dtexpediteurfound,
#tbul #tuple .expediteurfound
{
	height: 16pt;
	margin-bottom: 1pt;
	padding:0;
	text-align:center;
}

#encaissecommentairesP
{
	width: 75%;
	margin-top:20px;
}

#encaissecommentairesA
{
	width: 70%;
	margin-top:20px;
}

#tbul ul li.modif
{
width: 3%;
margin-left:0.3%;
}

#tbul ul li.export{
	width:3%;
}
#tbul ul li.extend{
	width:2.5%;
}

#num{
font-size:19pt;
}

#tbul ul li.prestataire
{
	width:6.5%;
}
#tbul ul li.cout
{
	width:5%;
}
#tbul ul li.datedebut
{
	width:6%;
}
#tbul ul li.datefin
{
	width:6%;
}


#tbul ul li.nbjours
{
	width:5%;
}

#tbul ul li.prixtotal
{
	width:5%;
}

#tbul ul li.remarques
{
	width:8%;
}



#identifiantcolisS,#prixcolisS,#photocolisS, #photocolisSv, #identifiantcolisSv, #prixcolisSv {
  float: left;
    margin-left: 1%;
    padding-bottom: 8px;
    padding-left: 1%;
}

#identifiantcolisS {
     width: 14%;
    margin-top: 25px;
}
#identifiantcolisSv .field
{
  float:left;
  width: 30%;
}

#identifiantcolisSv {
    margin-top: 6px;
    width: 96%;
}

#prixcolisS {
    height: 210px;
    margin-top: 25px;
     width: 30%;
    padding-top:10px;
}

#infocolisEncaissement .field
{
    margin-top: 10px;
}


#photocolisS {
  margin-top: 25px;
width: 32%;
}
#prixcolisSv {
    height: 210px;
    margin-top: 25px;
    padding-top: 10px;
    width: 29%;
}

#photocolisSv {
    margin-top: 25px;
    width: 63%;
}

#prestation-infoS {
float:left;
margin-left:5%;
width:43%;
}

#cout-infoS{
margin-left:2%;
width:100%;
}


#infoLivraison{
margin-left:2%;
width:100%;
}
#destidiv{
margin-left:2%;
width:100%;
}
#dtmisedispo{
margin-left:2%;
width:100%;
}
#infoLivraison select {
    display: inline-block;
    width: 190px;
}
#infoLivraison select {
    height: 30px;
    padding: 0 0 0 10px;
 }   

#destidiv select, #transitdiv select {
    display: inline-block;
    width: 190px;
}
#destidiv select, #transitdiv select {
    height: 30px;
    padding: 0 0 0 10px;
 }
 
 #dtmisedispo input {
    display: inline-block;
    width: 190px;
}
#dtmisedispo input {
    height: 25px;
    padding: 0 0 0 10px;
 }
 #plateforme{
   height: 25px;
    margin-left: 2px;
    margin-right: 45px;
 }
  #desti
  {
    height: 25px;
    margin-left: 67px;
    margin-right: 43px;
 }
   #destitransit
  {
    height: 25px;
    margin-left: 7px;
    margin-right: 32px;
 }

#desti span, #plateforme span,  #datedispo span, #dimentions span, #destitransit span
{
    color: #5a5655;
    font-weight: bold;
 }
   #datedate{
    height: 25px;
    margin-left: 0;
    margin-right: 8px;
 }
    
   #datedispo{
    height: 25px;
    margin-left: 1%;
    margin-right: 51px;
 }
 
    #datesouhaiteearrivee{
    margin-right: 12px;
 }
  
    #paysdepart{
margin-right: 12px;
 }
#pagedesti{
  margin-right: 12px;
 }
 
 #produit_7{
      margin-left: 12px;
    margin-top: 15px;
 }
 
  #modelediv{
  margin-left: 60px;
  margin-top: 15px;
 }
 
#produit_7 input {
    display: inline-block;
    width: 100%;
}

#datecirculationdiv
{
   margin-bottom: 15px;
    margin-left: 24px;
    margin-top: 30px;
}

#divlong
{
    margin-bottom: 15px;
    margin-left: 20px;
    margin-top: 19px;
}

#divlarge
{
    margin-bottom: 15px;
    margin-left: 20px;
    margin-top: 19px;
}

#divlhauteur
{
  margin-bottom: 15px;
  margin-left: 29px;
}

#divlhauteur input,
#divlarge input,
#divlong input,
#datecirculationdiv input,
#marque input
{
  height: 20px;
  margin-left: 10px;
}


 
#infoLivraison,#destidiv,#dtmisedispo, #transitdiv {
    float: left;
    margin-left: 1%;
    margin-top: 19px;
    padding-bottom: 4px;
    width: 100%;
}


#infocolis,#prixcolisdiv,#photocolisdiv, #voiturediv {
   float: left;
    margin-left: 1%;
    padding-bottom: 20px;
        margin-top: 25px;
}

#identifiantcolis {
    width: 100%;
}

#prixcolis {
   height: 100%;
   width: 98%;
}

#prixcolisdiv{
    height: 262px;
    width: 32%;
}

#photocolisdiv{
   height: auto;
    width: 40%;
}
#voiturediv{
   height: auto;
    width: 63%;
}

#infocolis{
   height: 220px;
   width: 22%;
}


#photocolis {
    width: 98%;
}

#prestation-info {
float:left;
margin-left:5%;
width:43%;
}

#cout-info{
margin-left:2%;
width:100%;
}
#Commentaires{
height: auto;
margin-left: 1%;
margin-top: 40pt;
padding-left: 1%;
padding-top: 15px;
width: 97%;
}
#CommentairesS {
 height: 120px;
 margin-left: 1%;
 margin-top: 10pt;
 padding-left: 1%;
 padding-top: 13px;
 width: 97%;
}
#CommentairesS textarea{
font-weight:12px;
width:80%;
margin-left:1px;
}
#Commentaires textarea{
font-weight:12px;
width:70%;
margin-left:1px;
}


#identifiantcolis #labelnowdate{
    float: left;
    margin-left: 2px;
    margin-top: 10px;
    width: 30%;
}
#identifiantcolis #divnowdate{
float:left;
width: 64%;
margin-top:10px;
}

#identifiantcolis #labelindexcolis{
float:left;
width: 30%;
margin-top:10px;
margin-left: 2px;
}
#identifiantcolis #divindexcolis{
float:left;
width: 64%;
margin-top:10px;
}

#identifiantcolis #labelinitRT{
float:left;
width: 30%;
margin-top:10px;
margin-left: 2px;
}
#identifiantcolis #divinitRT{
float:left;
width: 64%;
margin-top:10px;
}



#prixcolisdiv #labeltypeColis{
    float: left;
    margin-left: 1%;
    margin-top: 10px;
    width: 31%;
}
#prixcolisdiv #divtypeColis{
float: left;
    margin-top: 10px;
    width: 68%;
}

#prixcolisdiv #labelquipaye{
width: 31%;
float:left;
margin-top: 20px;
margin-left: 1%;
}
#prixcolisdiv #divquipaye{
float: left;
    margin-top: 20px;
    width: 68%;
		
}

#prixcolisdiv #labelprixcolis{
width: 31%;
float:left;
margin-top: 20px;
margin-left: 1%;
}
#prixcolisdiv #labelpayer{
width: 31%;
float:left;
margin-top: 20px;
margin-left: 1%;
}


#prixcolisdiv #labelpoidscolis{
width: 31%;
float:left;
margin-top: 20px;
margin-left: 1%;
}
#prixcolisdiv #labelunitcolis{
width: 12%;
float:left;
margin-top: 20px;
}

#prixcolisdiv #labelprixrestant{
width: 31%;
float:left;
margin-top: 20px;
margin-left: 1%;
}

#prixcolisdiv #labelvaleurcolis{
width: 31%;
float:left;
margin-top: 20px;
margin-left: 1%;
margin-bottom: 19px;
}


#prixcolisdiv #divprixcolis{
float: left;
    margin-top: 20px;
    width: 30%;
  margin-right: 2%;
}
#prixcolisdiv #divpayer{
float: left;
    margin-top: 20px;
    width: 30%;
margin-right: 2%;
}



#prixcolisdiv #divpoidscolis{
float: left;
    margin-top: 20px;
    width: 30%;
margin-right: 2%;
}

#prixcolisdiv #divprixrestant{
float: left;
    margin-top: 20px;
    width: 30%;
margin-right: 2%;
}

#prixcolisdiv #divdevisrestant{
float: left;
    margin-top: 20px;
    width: 30%;
    margin-right: 2%;
}

#prixcolisdiv #divvaleurcolis{
float: left;
    margin-top: 20px;
    width: 30%;
margin-right: 2%;
}

#prixcolisdiv #divdevisvaleurcolis{
float: left;
    margin-top: 20px;
    width: 30%;
    margin-right: 2%;
}


#prixcolisdiv #labelunitcolis{
  float: left;
  margin-top: 20px;
  width: 30%;
  margin-right: 2%;
}

#prixcolisdiv #poidscolisinput{
    width: 100%;
}





#prixcolisdiv #labeldeviscolis{
width: 32%;
float:left;
margin-top: 20px;
}
#prixcolisdiv #divdeviscolis{
float: left;
    margin-top: 20px;
    width: 18%;
}
#prixcolisdiv #divdevispayer{
float: left;
    margin-top: 20px;
    width: 18%;
}

#prixcolisdiv #valeurcolisinput,#prixcolisdiv #prixcolisinput, #prixcolisdiv #prixrestantinput,#prixcolisdiv #payerinput{
    width: 100%;
}


#identifiantcolis input[type=text].duree{
margin-left:59px;
margin-top:10px;
width:18%;
}

#identifiantcolis input[type=text].prestataire{
margin-left:32px;
margin-top:10px;
width:45%;
}
#cout-info input[type=text].cout{
margin-left:0.5%;
margin-top:10px;
width:8%;
margin-right:7%;
}
#cout-info input[type=text].nbjourst{
margin-left:2%;
margin-top:10px;
width:8%;
margin-right:10%;
}

#prestation-info input[type=text].datedebut{
margin-top:27px;
margin-left:17px;
width:54%;
}
#prestation-info input[type=text].datefin{
margin-top:10px;
margin-left:16px;
width:54%;
}
#cout-info input[type=text].prix{
margin-top:10px;
margin-left:1%;
width:15%;
}
#prestation-prix  #selctDuree{
margin-left:1%;
width:25%;
}

#attributs_encaisse
{
    height: 20px;
    margin-left: 0.4%;
    padding-top: 2px;
    width: 100%;
}




#volref
{
 font-size: 13px;
}


#attributs_encaisse .datevolvalider
{
    width: 22.5%;
}

#attributs_encaisse .voyageur
{
    margin-left: 0.5%;
    width: 20.5%;
}


#attributs_encaisse .referencevol
{
  margin-left: 0.5%;
    width: 17%;
}


#attributs_encaisse .nbcolis
{
	width: 13.5%;
        margin-left: 0.5%;
}


#attributs_encaisse .nbkilo
{
      width: 12.5%;
      margin-left: 0.5%;
}





#tbulA .datevolvalider
{
    height: 24px;
    margin-left: 0.5%;
    margin-top: 4px;
    padding-left: 1%;
    width: 16%;
}
#tbulA .voyageur
{
    height: 24px;
    margin-left: 0.5%;
    margin-top: 4px;
    padding-left: 1%;
    width: 20%;
}
#tbulA .referencevol
{
    height: 24px;
    margin-left: 0.5%;
    margin-top: 4px;
    padding-left: 1%;
    width: 20%;
}
#tbulA .nbcolis
{
    height: 24px;
    margin-left: 0.5%;
    padding-left: 1%;
    width: 12%;
    margin-top: 4px;
}
#tbulA .nbkilo
{
   height: 24px;
    margin-left: 0.5%;
    padding-left: 1%;
    width: 12%;
    margin-top: 4px;
}
#tbulA .modifvols
{
    margin-left: 0.5%;
    width: 3%;
    margin-top: 4px;
}



















#attributs_encaisse .dateencaisse
{
	width: 25.5%;
}
#attributs_encaisse .dateencaisseinput
{
width: 100%;
}
#tbulA .dateencaisse
{
    margin-left: 0.5%;
    padding-left: 1%;
    width: 23%;
}
#tbulP .dateencaisse
{
    margin-left: 0.5%;
    padding-left: 1%;
    width: 23%;
}

#attributs_encaisse .montantprevu
{
margin-left: 1%;
    width: 18%;
}

#attributs_encaisse .montantprevuinput
{
	width: 100%;
}

#tbulA .montantprevu
{
    margin-left: 1.7%;
    width: 17%;
}
#tbulP .montantprevu
{
    margin-left: 1.7%;
    width: 17%;
}

#attributs_encaisse .montantencaisse
{
    margin-left: 1%;
    width: 20%;
}
#tbulA .montantencaisse
{
    margin-left: 2%;
    width: 19%;
}
#tbulP .montantencaisse
{
    margin-left: 2%;
    width: 19%;
}



#attributs_encaisse .montantencaisseinput
{
 	width: 100%;
}

#attributs_encaisse .personneencaisse
{
    margin-left: 1%;
    width: 24%;
}

#tbulA .personneencaisse
{
    margin-left: 1.5%;
    width: 23%;
}
#tbulP .personneencaisse
{
    margin-left: 1.5%;
    width: 23%;
}

#attributs_encaisse .personneencaisseinput
{
	width: 100%;
}

#attributs_encaisse .commentaireencaisse
{
   margin-left: 0.5%;
    width: 18.7%;
}

#attributs_encaisse .commentaireencaisseinput
{
	width: 100%;
}

#tbulA .commentaireencaisse
{
    margin-left: 0.5%;
    width: 19%;
}
#tbulP .commentaireencaisse
{
    margin-left: 0.5%;
    width: 19%;
}
#tbulA .modifencaisse
{
    margin-left: 0.5%;
    width: 5%;
}
#tbulP .modifencaisse
{
    margin-left: 0.5%;
    width: 5%;
}

#attributs_ul
{
    height: 20px;
    margin-left: 0.4%;
    padding-top: 2px;
    width: 100%;
}
#attributs_ul ul.attribts
{
padding:0;
width:100%;
}

#attributs_ul ul.attribts li
{
	list-style-type:none;
	padding:0;
	float:left;
	margin:0;
	font-weight:bold;
	width:auto;
}

#attributs_ul .status
{
width: 2.5%;
}
#attributs_ul .bilanstatus
{
width: 5.5%;
}
#attributs_ul .numeroID
{
    margin-left: 0.4%;
    width: 9.7%;
}
#attributs_ul .bilannumeroID
{
    margin-left: 0.4%;
    width: 15.5%;
}
#attributs_ul .expediteur
{
    width: 13.5%;
    margin-left: 0.4%;
}
#attributs_ul .bilanquipayesuivi
{
    margin-left: 0.4%;
    width: 16%;
}
#attributs_ul .bilanquipaye
{
    margin-left: 0.4%;
    width: 18.5%;
}
#attributs_ul .expediteurfound
{
    width: 12%;
    margin-left: 0.4%;
}
#attributs_ul .dtexpediteurfound
{
    width: 9%;
    margin-left: 0.4%;
}
#attributs_ul .expediteurtelfound
{
    width: 8.3%;
    margin-left: 0.4%;
}


#attributs_ul .dtexpediteur
{
    width: 13%;
    margin-left: 0.4%;
}

#attributs_ul .montantsend
{
    width: 8%;
    margin-left: 0.4%;
}
#attributs_ul .bilanprix
{
    margin-left: 0.4%;
    width: 17%;
}
#attributs_ul .bilanprixsuivi
{
    margin-left: 0.4%;
    width: 16%;
}
#tabsul2
{
  width: 49%;
}
#tbul #tuple .bilanmontant
{
 margin-left: 0.4%;
  width: 16.5%;
}
#tbul #tuple .bilanmontantsuivi
{
 margin-left: 0.4%;
  width: 15%;
}
#tbul #tuple .bilanmontantpaye
{
    margin-left: 0.8%;
    width: 18.5%;
}
#tbul #tuple .datesuppr
{
    margin-left: 0.8%;
    width: 16.5%;
}
#tabsul2
{
margin-top: 3px;
}

#attributs_ul .bilanmontant
{
    margin-left: 0.4%;
    width: 19.2%;
}
#attributs_ul .bilanmontantsuivi
{
    margin-left: 0.4%;
    width: 17.5%;
}

#attributs_ul .bilanmontantpaye
{
    margin-left: 0.4%;
    width: 17.2%;
}

#attributs_ul .bilanmontantpayesuivi
{
    margin-left: 0.4%;
    width: 16%;
}

#attributs_ul .datesuppr
{
    margin-left: 0.4%;
    width: 16.2%;
}

#attributs_ul .montant
{
    width: 8.3%;
    margin-left: 0.4%;
}
#attributs_ul .poidscolis
{
    width: 8.3%;
    margin-left: 0.4%;
}

#attributs_ul .montantfound
{
   width: 8.7%;
    margin-left: 0.4%;
}
#attributs_ul .destinateur
{
    width: 13.5%;
    margin-left: 0.4%;
}
#attributs_ul .destinateurfound
{
    width: 12%;
    margin-left: 0.4%;
}
#attributs_ul .destinateurtel
{
		 width: 8.3%;
    margin-left: 0.4%;
}

#attributs_ul .destinateurtelsend
{
   margin-left: 0.4%;
    width: 7.7%;
}
#attributs_ul .poidscolissend
{
   margin-left: 0.4%;
    width: 8.2%;
}

#attributs_ul .colis
{
    width: 10%;
    margin-left: 0.4%;
    
}
#destinateurtelinput
{
    width: 100%;
    text-align:center;
    font-weight:bold;
}
#bilanmontantpayeinput.bilanmontantpayeinput,
#expediteurtelinput.expediteurtelinput,
#destinateurtelsendinput.destinateurtelsendinput,
#poidscolis.poidscolisinput,
#poidscolissendinput.poidscolissendinput,
#statusinput.statusinput,
#numeroIDinput.numeroIDinput,
#expediteurinput.expediteurinput,
#dtexpediteurinput.dtexpediteurinput,
#montantinput.montantinput,
#destinateurinput.destinateurinput,
#destinateurinput.destinateurinput,
#dtdestinateurinput.dtdestinateurinput,
#colisinput.colisinput
{
    width: 100%;
    text-align:center;
    font-weight:bold;
}

 
#tbul li input
{
	border:1px outset #0000FF;
	padding:0;
	text-align:center;
	width:105px;
}
#tbul li 
{
	border:1px outset #0000FF;
}

#tbulA li input
{
	border:1px outset #0000FF;
	padding:0;
	text-align:center;
	width:105px;
}
#tbulA li 
{
	border:1px outset #0000FF;
}
#tbulP li input
{
	border:1px outset #0000FF;
	padding:0;
	text-align:center;
	width:105px;
}
#tbulP li 
{
	border:1px outset #0000FF;
}



 
 .breadcrumbs
 {
 	margin-left:9%;
 }
 #form-pwd input[type=submit]
 {
 	border:1px outset #0000FF;
	width: 100%;
	padding:0px;
	text-align:center;
	float:inherit;
	margin-top:20px;
 }
 #form-pwd #btconnection{
	 margin-left: 5%;
    width: 25%;
	
}
  #prestation input[type=button]{
  		border:1px outset #0000FF;
  		text-align:center;
  }
 #prestation input[type=submit].newvalider
 {
   margin: 29px 5% 20px 1%;
    width: 27%;
	height: 33px;
 }
  #prestation input[type=submit].extendvalider
 {
	margin: 29px 5% 20px 1%;
    width: 27%;
	height: 33px;
 }
  #prestation input[type=button].extendannuler
 {
   margin: 29px 5% 20px 1%;
   width: 17%;
 }
 
 
 #prestation input[type=submit].updatevalider
 {
   margin: 29px 5% 20px 1%;
    width: 27%;
	height: 33px;
 }
 
  #prestation input[type=button].updateannuler
 {
   margin: 29px 5% 20px 1%;
   width: 17%;
 }
	#encaisse-paris input[type=submit].encaissevaliderP
 {
  margin: 20px 0 3px 1%;
    width: 40%;
 }
 
 #encaisse-paris input.operationvaliderP[type="submit"] {
    margin: 38px 0 10px 28%;
    width: 26%;
}
.listeoperation
{
  margin: 54px 0 2px 0;
  padding-top: 30px;
}

 #form-pwd input[type=button].facturegenerer
 {
   margin: 3px 8px 28px 1%;
    width: 40%;
 }
 
#form-pwd input[type=button].attestationgenerer
 {
    margin: 3px 0 3px 1%;
    width: 40%;
 }
 
 
 
  #prestation input[type=button].newannuler
 {
    margin: 29px 5% 20px 1%;
    width: 17%;
 }
 
 #prestation input[type=submit].annuler
 {
   		border:1px outset #0000FF;
  		text-align:center;
	margin-left:200pt;
	float:inherit;
 	border:1px outset #0000FF;
	margin-bottom:20px;
	margin-top:29px;
	width:16%;
 }
 
#plusprobale input[type=button].plusprobale{
border:1px outset #FFFFFF;
float:inherit;
margin-bottom:20px;
margin-left:23%;
margin-top:14px;
text-align:center;
width:50%;
font-size:19px;
}
input[type=button].suppTransfert{
border:1px outset #FFFFFF;
float:inherit;
margin-bottom:20px;
margin-left:23%;
margin-top:14px;
text-align:center;
width: 32%;
font-size:19px;
}

 
#plusprobale #lodergif{
margin-bottom:20px;
margin-left:45%;
margin-top:14px;
text-align:center;
 }

 
#expediteur-colis
{
    margin-left: 1%;
    margin-top: 2%;
    padding-bottom: 10pt;
    width: 47%;
}
#expediteur-colisvoiture
{
    margin-left: 1%;
    margin-top: 2%;
    padding-bottom: 10pt;
    width: 35%;
}

#expediteur-colisS
{
    margin-left: 1%;
    margin-top: 2%;
    padding-bottom: 10pt;
    width: 49%;
}

#encaisse-paris
{
    margin-left: 1%;
    margin-top: 20px;
    padding-bottom: 10pt;
    width: 98%;
}
#encaisse-valid
{
	float:left;
    margin-left: 1%;
    margin-top: 2%;
    padding-bottom: 10pt;
    width: 100%;
}

#destinateur-colis
{
    margin-left: 1%;
    margin-top: 2%;
    padding-bottom: 10pt;
    width: 47%;
}
#destinateur-colisvoiture
{
    margin-left: 1%;
    margin-top: 2%;
    padding-bottom: 10pt;
    width: 35%;
}
 #destinateur-colisS
{
    margin-left: 1%;
    margin-top: 2%;
    padding-bottom: 10pt;
    width: 48%;
}

/********** Footer **********/

#footer {
width:98%;
}

#footer p {
  margin                : 0;
  padding               : 15px;
  font-size: 10px;
}

#legal {
  float                 : left;
}

#links {
  float                 : right;
}




/*#################### Joomla! CSS ####################*/

/********** Breadcrumbs **********/
#breadcrumbs {
  font-family           : Verdana, Helvetica, Arial, sans-serif;
  font-size             : 9px;
  padding-top           : 6px !important;
  padding-top           : 7px;
  padding-left          : 4px;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
  color                 : #000000;
  font-weight           : normal;
}

#breadcrumbs a:hover {
  color                 : #008c00;
  font-weight           : normal;
  text-decoration       : none;
}


/********** MainLevel Links **********/
a.mainlevel:link, a.mainlevel:visited {
  width                 : 100%;
  height                : 20px;
  line-height           : 20px;
  color                 : #555555;
  font-size             : 11px;
  vertical-align        : middle;
  text-align            : left;
  text-decoration       : none;
  padding-left: 10px;
}

a.mainlevel:hover {
  color                 : #ff9900;
  text-decoration       : underline;
}



/********** SubLevel Links **********/
a.sublevel:link, a.sublevel:visited {
  height                : 20px;
  color                 : #000000;
  font-size             : 11px;
  vertical-align        : middle;
  text-align            : left;
  text-decoration       : none;
  padding-left          : 1px;
}

a.sublevel:hover {
  color                 : #336699; 
  text-decoration       : none;
}


/********** Active MainLevel Links **********/
#active_menu {
  color                 :#ffcc00;
  font-weight           : bold;
}

a#active_menu:hover {
  color                 : #ff9900;
}


/********** MainMenu Links **********/
a.mainmenu:link, a.mainmenu:visited {
  color                 : #000080; 
  font-family           : Verdana, Helvetica, Arial, sans-serif;
  font-weight           : none;
}

a.mainmenu:hover {
  color                 : #000080;
  text-decoration       : underline; 
}


/********** Other Links **********/
a:link, a:visited {
  color                 : #7cd300;
  text-underline        : underline;
}

a:hover {
  text-decoration       : none;
}
  
  
/********** Modules **********/
table.moduletable {
  width                 : 100%;
  padding               : 0px;
	margin                : 20px 0 0 0;
  border-spacing        : 0px;
  border-collapse       : collapse;
	
}

table.moduletable th {
  height                : 21px;
	line-height           : 21px;
  color                 : #7cd300;
  font-weight           : normal;
  font-size             : 1.8em;
  text-align            : left;
  margin                : 0px 0px 2px 0px;
}

table.moduletable td {
  font-weight           : normal;
  padding               : 10px 0 0 0;
  margin                : 0;
}


/********** User Modules **********/
table.moduletable-user {
  width                 : 100%;
  margin-bottom         : 15px;
  padding               : 0px;
  border-spacing        : 0px;
  border-collapse       : collapse;
}

table.moduletable-user th {
  height                : 21px;
  color                 : #7cd300;
  font-weight           : normal;
  font-size             : 1.8em;
  line-height           : 21px;
  text-align            : left;
  margin                : 0px 0px 2px 0px;
  padding-left          : 4px;
}

table.moduletable-user td {
  font-weight           : normal;
  padding               : 10px 0 0 0;
  margin                : 0;
}


/********** Login Module **********/
.moduletable-login {
  margin                : 0 0 20px 0;
}


/********** Poll **********/
.poll {
  color                 : #666666;
  line-height           : 14px;
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 10px;
}

.pollstableborder {
  padding               : 1px;
  border                : 1px solid;
}




/*############### CONTENT ###############*/

/***** Header for contentpaneopen (Main Title) *****/
.contentheading {
  color                 : #7cd300;
  font-size             : 2.6em;
  text-align            : left;
  padding-top           : 10px;
}


/***** Home, Mambo License, Blog, Lower Content for Advanced Search *****/
.contentpaneopen {
  width                 : 100%;
}

/***** Title for Blog, News Feeds, Wrapper, Links, Advanced Search, Contact Us   *****/
.componentheading {
  color                 : #000000;
  font-size             : 14px;
  font-weight           : bold;
  text-align            : left;
  padding-top           : 10px;
  padding-left          : 10px;
}

/***** Top Content for Getting Started, FAQs, News Feeds, Links *****/
.contentdescription {
  padding-left          : 0px !important;
  padding-left          : 10px;
}

/***** Lower Content for Getting Started, FAQs, News Feeds, Wrapper, Links, Contact Us *****/
.contentpane {
  padding-top           : 10px;
  padding-left          : 10px;
}


/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
  color                 : #000000;
  font-size             : 12px;
  font-weight           : bold;
  text-align            : left;
  text-decoration       : none;
}

a.contentpagetitle:hover {
  color                 : #7B8DA1;
  font-size             : 12px;
  font-weight           : bold;
  text-align            : left;
  text-decoration       : underline;
  
}

a.category:link, a.category:visited {
  color                 : #333333;
  font-size             : 11px;
  font-weight           : bold;
}

a.category:hover {
  color                 : #008c00;
}


/********** Inner Content **********/
.sectiontableheader {
  color                 : #7B8DA1;
  font-weight           : bold;
  background-color      : #CCCCCC;
}

.sectiontableentry1 {
  background-color      : #F0F0F0;
}

.sectiontableentry2 {
  background-color      : #E0E0E0;
}


/********** Rating **********/
.content_rating {
  padding               : 5px;
}

.small {
  color                 : #bababa;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  text-decoration       : none;
}

.smalldark {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  text-decoration       : none;
}

.createdate {
  color                 : #bababa;
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 10px;
  text-align            : left;
}




/* Styles for dhtml tabbed-pages */
.ontab {
  color                 : #FFFFFF;
  font-weight           : bold;
  text-align            : center;
  background-color      : #ffae00;
  border-left           : outset 2px #ff9900;
  border-right          : outset 2px #808080;
  border-top            : outset 2px #ff9900;
  border-bottom         : solid 1px #d5d5d5;
    /* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
}

.offtab {
  font-weight           : normal;
  text-align            : center;
  background-color      : #e5e5e5;
  border-left           : outset 2px #E0E0E0;
  border-right          : outset 2px #E0E0E0;
  border-top            : outset 2px #E0E0E0;
  border-bottom         : solid 1px #d5d5d5;
    /* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
}

.tabpadding {
}

.tabheading {
  text-align            : left;
  background-color      : #ffae00;
}

.pagetext {
  visibility            : hidden;
  display               : none;
  position              : relative;
  top                   : 0;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
  background-color      : #f0f0f0;
}
.code {
  background-color      : #f0f0f0;
  border                : 1px solid #FFF;
}

/* Text passed with mosmsg url parameter */
.message {
  color                 : #ff6600;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10pt;
  font-weight           : bold;
  text-align            : center;
}

/* Javascript Back button */
.back_button {
  text-align            : center;
  margin-top            : 40px;
}

table.contenttoc {
  color                 : #333300;
  background-color      : #ffffff;
  border                : 1px solid #333;
}

table.contenttoc td {
  font-size             : 8pt;
  font-weight           : normal;
  text-align            : left;
}

table.searchinto {
  width                 : 100%;
}

table.searchintro td {
  color                 : #ffffff;
  font-weight           : bold;
  background-color      : #293C43;
}
.annuler a{
margin-left:650pt;
font-size:15pt;
font-weight:bold;
}