/*Pour ie
.ie .tracking-transport{
	width : 800px;
	height: 270px;
}
.ie .tracking-commande{
	width:400px;
	height : 270px;
}
.ie .tracking-dates{
	width:370px;
	height:270px
}
*/
#logo{
    max-width: 200px;
    max-height: 65px;
}
#containerLogin{    
    width: 1000px;
    height: 600px;  
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 100px;
}

 
#login{
    height : 600px;
}

.divColumn{
    float: left;
    margin-bottom: 15px;
}
.formLogin{
    position: relative;
    top : 250px;
    color:Black;
    font-weight: bold;
}



/* CSS Apliqué pour les formulaires afficher sur un petit écran-*/

@media screen and (min-width: 0px){
    /*Tous les élements ayant la classe suivante se positionneront à gauche quand l'écran est petit*/
    .col-min-1,.col-min-2,.col-min-3,.col-min-4,.col-min-5,.col-min-6,.ss-min,.ss-min-2,.ss-min-3,.ss-min-4,.ss-min-5,.ss-min-6,.ss-min-7,.ss-min-8,.p-min-1,.col-min-8{
        float: left;
    }
    .col-min-1 {
        width: 1000px;
    }
    .ss-min{
        width:300px;
        margin-right:25px;
    }
    .ss-min-2{
        width:300px;
        margin-right:25px;
    }
    .ss-min-eng{
        width: 740px;
    }
    .ss-min-2 fieldset{
        height:80px;
    }
    .ss-min fieldset{
        height:170px;
    }
    .ss-min-3  > fieldset {
        width:370px;
    }
    
    .ss-min-4 > fieldset{
        width:750px;
        height: 100px;
    }
    .ss-min-5 > fieldset{
        width:300px;
        height: 100px;
    }
    .col-min-2 > fieldset{
        height: 210px;
        width: 420px;
        padding:10px;
        margin-bottom:10px;
    }
    .col-min-3 > fieldset{
        height: 110px;
        width: 300px;
        padding:10px;
        margin-bottom:10px;
    }
    .col-min-4 > fieldset{
        height: 210px;
        width: 350px;
        padding:10px;
        margin-bottom:10px;
    }
    .col-min-5 > fieldset{
        height: 110px;
        width: 400px;
        padding:10px;
        margin-bottom:10px;
    }
    .col-min-6 > fieldset{
        height: 110px;
        width: 350px;
        padding:10px;
        margin-bottom:10px;
    }
    .col-min-8 > fieldset{
        height: 130px;
        width: 340px;
        padding:10px;
        margin-bottom:10px;
    }
    .col-min-7{
        width: 800px;
        float:left;
    }
    .col-min-7 > fieldset{
        height: 250px;
        width: 712px;
        padding:10px;
        margin-bottom:10px;
    }
    .p-min-1{
        float:left;
        padding-right:30px
    }
    .tracking-pousse-gauche{
        width:950px;
        float:left;
    }
    .tracking-pousse-gauche p{
        width:150px;
        float:left;
    }
    .tracking-pousse-gauche > fieldset{
        width:900px;
        height:100px;
    }
    .tracking-dates{
        width:370px;
        height:270px
    }
    .tracking-commande{
        width:400px;
        height : 270px;
    }
    .chargement_recherche_fieldset{
        width:500px;
    }
    .tracking-detail-fieldset-petit{
        width:320px;
        height:120px;
    }
    .tracking-transport{
		width : 800px;
		height: 170px;
	}
    .nonFloat{
    	float:none;
    }
    .englobeMed{
    	height: 420px;
    }
    .ss-min-6 > fieldset{
    	height : 220px;
    	width  : 330px; 
    }
    .ss-min-7 > fieldset{
    	width: 350px;
	    height: 220px;
    }
    .ss-min-8 > fieldset{
    	width: 220px;
	    height: 220px;
    }    
}

@media screen and (min-width: 1250px) {
    .f-med-1 {
        width: 350px;
        float:none;
    }  
    .float-med{
    	float:left;
    }  
    .f-med-1 > fieldset{
        width:300px; 
        height:110px;
    }
    .f-med-2 > fieldset{
        width:300px;
        height: 50px;
    }
    .f-med-3 > fieldset{
        width:370px;
        height: 50px;
    }
    
    .tracking-pousse-gauche{
        width:350px;
    }
    .tracking-pousse-gauche fieldset{
        width:300px;
        height:240px;
    }
    .tracking-dates{
        width:300px;
        height:270px
    }
    .tracking-commande{
        width:400px;
        height:270px;
    }
    .tracking-transport{
		width : 350px;
		height: 270px;
	}
    .englobeMed{
    	height: 300px;
    }
}


@media screen and (min-width: 1400px) {
    .tracking-detail-fieldset-petit{
        width:250px;
        height:220px;
    }
}

@media screen and (min-width: 1450px) {
    .f-med-3 {
        float:none;
    }
    .f-med-4 > fieldset {
        width:180px;
        height: 210px;
    }

}
@media screen and (min-width:1600px){
    .f-ml-5,.f-ml-6,.f-ml-7{
        float : left;
    }
    .f-ml-5 > fieldset{
        width: 300px;
        height: 250px;
    }
    .f-ml-6 > fieldset{
        width:800px;
        height: 250px;
    }
    .f-ml-7 > fieldset{
        width:400px;
        height: 150px;
    }
}
@media screen and (min-width: 1705px) {
    .col-large-1,.col-large-2,.ss-large,.ss-large-2,.ss-large-3{
        float: left;
        margin:0;
    }
      
    .col-large-1 {
        width: 975px;
    }
    .col-large-2 {
        width: 640px;
    }
    .ss-large{
        width:300px;
        margin-right:25px;
    }
    .ss-large-2{
        width:300px;
    }
    .ss-large fieldset , .ss-large-2 fieldset{
        height:210px;
    }
    .ss-large-3{
        width:300px;
    }
    .ss-large fieldset , .ss-large-2 fieldset{
        height:172px;
    }
    .ss-large-3 fieldset{
        height:60px;
    }  
}

/* Formulaire recherche commande */


.col{
    width: 25%;
    float:left;
}
.ligne{
	padding-top : 10px;
	padding-bottom : 10px;
    width: 100%;
}
.align-right{
    display: block;
    width: 50%;
    text-align: right;
    float: left;
    padding-right: 10px;
}



.buton_enregistrer{
    width: 33%;
    margin-left: auto;
    margin-right: auto;

}

.btn_edt_tracking{
    width: 33%;
    margin-left: auto;
    margin-right: auto;

}

.button{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: inherit;
    margin-top: 4px;
}

.liste_statut{
    margin-top : 10px;
}

.liste_statut > li{
    float:left;
    width: 30%;
    list-style : none;
}

.centreButton{
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}
.btn_edt_tracking{
    text-align: center;
}

.colCgtCreer{
    float: left;    
    width:49%;
}
.ligneCGT{
    width: 100%;
    height: 35px;
}
.alignCgtChampCreer{
    float:left;
    text-align: right;
    padding-right:15px;
    width:140px;
    color: #2e6e9e;
}
#search-form .colCgtCreer input, select {
     margin-top: 0px; 
     height: 22px;
}

#search-form .colCgtCreer input, select[multiple] {
    margin-top: 0px;
    height: 50px;
}

.alignCgtChampEditer{
    float:left;
    text-align: right;
    padding-right:15px;
    width:109px;
    color: #2e6e9e;
}

.alignCgtChampEditerGrand
{
    float:left;
    text-align: right;
    padding-right:15px;
    width:150px;
    color: #2e6e9e;
}
.espaceVertical{
    margin-bottom: 10px;
}
.centrerElementEntete{
    width: 50%;
    float: left;
    height: 14px;
    margin-bottom: 10px;
}

.centrerElementEntete2{
    float: left;
    height: 14px;
    margin-bottom: 10px;
}

.div_dt_remise{
	text-align: center;
}
.contLeft{
    text-align: right;
    font-weight:bold;
    margin-right: 5px;
}
/*Left Formulaire*/
.contDetailOttOrderLeft,.contDetailOttActorLeft,
.contDetailOtdOrderLeft,.contDetailOtiOrderLeft,
.contDetailOtiArticleLeft{
	width: 120px;
}
.contDetailOtdArticleLeft{
	width: 100px;	
}
.contDetailOftLeft,.contCreerChtLeft{
	width: 150px;
}
.contCreerChtRight,.contDetailChtRight{
	width: 210px;	
}
.contDetailOtdChtLeft,
.contEditOftOrderLeft,
.contEditOftOrderLeft,.contEditOftmOrderLeft{
	width: 160px;	
}

.contDetailOttChtLeft,.contDetailChtLeft{
	width: 220px;	
}
.contDetailOtiArticleRight,.contDetailOtiChtLeft {
    width: 230px;
}
.contEditRcoOEmploiLeft{
	width: 180px;	
}
.contDetailOttActorRight{
	width: 280px;	
}
.contEditOftPktLeft,.contEditOftmPktLeft,
.contEditRcoQteLeft,.contEditRcoOrderLeft
{
	width: 150px;
}
.cont{
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: top;
}
/*Right formulaire*/
.contDetailOttOrderRight{
	width: 120px;
}

.contDetailOttActorRight{
	width: 350px;	
}
.contDetailOttChtRight,.contDetailOftRight{
	width: 150px;
}	
.contDetailOtdChtRight,.contDetailOtdOrderRight{
	width: 160px;	
}
.contDetailOtdArticleRight, .contEditRcoOrderRight{
	width: 260px;
}
.contEditOftmOrderRight{
	width: 190px;	
}
.contEditRcoQteRight{
	width: 105px;
}
.contEditRcoEmploiRight{
	width: 70px;	
}

.contEditOftmPktRight,
.contEditOftOrderRight,.contEditOftPktRight
{
	width: 130px;
}
/* Ecran recherce OTT */
.searchOttOrder, .searchOttDate, .searchOttActor, .searchOttTransport {
	display: inline-block;
	vertical-align: top;
}
.searchOttOrder>fieldset {
	width: 500px;
	height: 220px;
}

.searchOttDate>fieldset {
	width: 250px;
	height: 220px;
}

.searchOttActor>fieldset {
	width: 375px;
	height: 220px;
}

.searchOttTransport>fieldset {
	width: 375px;
	height: 220px;
}
/* Ecran detail OTT*/
.detailOttOrder, .detailOttActor, .detailOttCht {
	display: inline-block;
	vertical-align: top;
}

.detailOttOrder>fieldset {
	height: 150px;
	width: 250px;
}
.detailOttActor>fieldset {
	height: 150px;
	width: 485px;
}

.detailOttCht>fieldset {
	height: 300px;
	width: 770px;
}
/*Search Otd*/
.searchOtdOrder {
	width: 350px;
}
/*Detail Otd*/
.detailOtdOrder, .detailOtdArticle, .detailOtdCht {
	display: inline-block;
	vertical-align: top;
}

.detailOtdOrder>fieldset {
	height: 120px;
	width: 290px;
}

.detailOtdArticle>fieldset {
	height: 120px;
	width: 375px;
}

.detailOtdCht>fieldset {
	height: 200px;
	width: 700px;
}
/*Search CHT*/
.searchCht>fieldset {
	width: 330px;
}

.searchChtSplit {
	display: inline-block;
	margin-right: 10px;
}
/*Detail CHT*/
.detailChtSplit,.editChtAddOttSearch,.editChtAddOttInfo {
	display: inline-block;
	vertical-align: top;
}

.editChtAddOttSearch>fieldset {
	height: 150px;
	width: 420px;
}

.editChtAddOttInfo>fieldset {
	height: 150px;
	width: 420px;
}

/*Search OTI*/
.searchOtiOrder, .searchOtiDate {
	display: inline-block;
	vertical-align: top;
}

.searchOtiOrder>fieldset {
	width: 430px;
	height: 250px;
}

.searchOtiDate>fieldset {
	width: 190px;
	height: 250px;
}

.searchOtiMtr>fieldset {
	width: 655px;
	height: 120px;
}

.searchOtiMtr1, .searchOtiMtr2 {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	margin-bottom: 15px;
}

.searchOtiMtr4 {
	display: inline-block;
}

.searchOtiMtr3 {
	display: block;
}
/*Detail OTI*/
.detailOtiCht, .detailOtiArticle, .detailOtiOrder, .detailOtiSplit {
	display: inline-block;
	vertical-align: top;
}

.detailOtiArticle>fieldset {
	width: 363px;
	height: 120px;
}

.detailOtiOrder>fieldset {
	width: 250px;
	height: 120px;
}

.detailOtiCht>fieldset {
	width: 700px;
	height: 220px;
}

.detailOtiSplit {
	width: 340px;
}
/*Detail OFT*/
.detailOftOrder, .detailOftDate {
	display: inline-block;
	vertical-align: top;
}

.detailOftDate>fieldset, .detailOftOrder>fieldset {
	width: 330px;
	height: 120px;
}
/*Edit OFT*/
.editDest, .editExp, .editOftPkt, .editOftOrder {
	display: inline-block;
	vertical-align: top;
}

.editDest>fieldset, .editExp>fieldset, .editOftPkt>fieldset,
	.editOftOrder>fieldset {
	width: 300px;
	height: 180px;
}
/*Edit OFT Matiere*/
.editOftmDest, .editOftmExp, .editOftmPkt, .editOftmOrder {
	display: inline-block;
	vertical-align: top;
}
.editOftmDest>fieldset, .editOftmExp>fieldset{
	width: 250px;
	height: 200px;
}
.editOftmPkt>fieldset,.editOftmOrder>fieldset {
	width: 370px;
	height: 200px;
}
/*Edit Rapport Coupe Bilan*/
.editRcoOrder, .editRcoEmploi, .editRcoQte, .splitEditRcoQte {
	display: inline-block;
	vertical-align: top;
}

.splitEditRcoQte {
	width: 265px;
}

.editRcoOrder>fieldset {
	width: 425px;
	height: 190px;
}

.editRcoEmploi>fieldset {
	width: 260px;
	height: 190px;
}

.editRcoQte>fieldset {
	width: 560px;
	height: 190px;
}
.splitSearchOtt{
	display: inline-block;
	vertical-align: top;
	width: 200px;
}

@media screen and (min-width: 1200px) {
	/*Search OTI*/
	.searchOtiMtr>fieldset {
		width: 400px;
		height: 250px;
	}
	.searchOtiMtr1, .searchOtiMtr2 {
		display: inline-block;
		width: 190px;
		vertical-align: top;
		margin-bottom: 15px;
	}
	.searchOtiMtr4 {
		display: block;
	}
	.searchOtiMtr3 {
		display: inline-block;
	}
}

@media screen and (min-width: 1300px) {
	/* Ecran recherce OTT */
	.searchOttOrder>fieldset {
		width: 400px;
		height: 250px;
	}
	.searchOttDate>fieldset {
		width: 350px;
		height: 250px;
	}
	.searchOttActor>fieldset {
		width: 180px;
		height: 250px;
	}
	.searchOttTransport>fieldset {
		width: 180px;
		height: 250px;
	}
}

@media screen and (min-width: 1370px) {
	/* Ecran detail OTD*/
	.detailOtdOrder>fieldset {
		height: 250px;
		width: 210px;
	}
	.detailOtdArticle>fieldset {
		height: 250px;
		width: 260px;
	}
	.detailOtdCht>fieldset {
		height: 250px;
		width: 680px;
	}
	.contDetailOtdOrderRight{
		width: 80px;	
	}	
	.contDetailOtdArticleRight{
		width: 150px;
	}
}

@media screen and (min-width: 1450px) {
	/*Detail OTI*/
	.detailOtiArticle>fieldset {
		width: 300px;
		height: 220px;
	}
	.detailOtiOrder>fieldset {
		width: 210px;
		height: 220px;
	}
	.contDetailOtiOrderRight{
		width: 80px;	
	}
	.contDetailOtiChtRight{
		width: 90px;
	}
	.contDetailOtiArticleRight{
		width: 150px;
	}
}

@media screen and (min-width: 1600px) {
	/* Ecran detail OTT*/
	.detailOttOrder>fieldset {
		height: 260px;
		width: 210px;
	}
	.detailOttActor>fieldset {
		height: 260px;
		width: 410px;
	}
	.detailOttCht>fieldset {
		height: 260px;
		width: 760px;
	}
	.contDetailOttOrderRight{
		width: 80px;
	}
	.contDetailOttActorRight{
		width: 280px;	
	}
	div.line {
	float: left;
}