html {
	font-family: Helvetica;
	font-size: 16px;
	margin: 0px auto;
	background-color: #191a1f;
	color: #cccccc;
}

/************** BANDEAU ************/
#bandeau h1 {
	font-size: 25px;
	padding-left: 300px;
}
#bandeau {
	background-image:url("images/Bandeau.png");
	background-repeat:no-repeat;
	background-position:left;
	height:70px;
	margin-bottom: 30px;
}
#bandeau #titre{
	width: 500px;
	float: left;
}
#bandeau #headerMenu{
	float:right;
	display:block;
	margin-top: 35px;
	margin-right: 30px;
}

/************ FIN BANDEAU **********/

/**************  LOGIN  ************/

#divLogin{
	margin-left: 35px;
	margin-top: 100px;
}
#divLogin table{
	border-style: none;
	margin: 0;
	padding: 0;
}
#divLogin td{
	border-style: none;
	padding: 0 20px 20px 0;
	
}
#divLogin input{
	padding: 5px 15px;
}

#mdpoublie{
	color: #4897c2;
	font-size: 14px;
	cursor:pointer;
}
#email{
	width: 350px;
}
#ShowPwd, #ShowPwdU{
	padding: 5px 20px;
	margin-left: 6px;
	display: inline;
	background-image: url('images/oeil.png');
	background-repeat:no-repeat;
	background-position-x:left;
	background-position-y:center;
	background-position: 0 -2px;
	cursor: pointer;
}

/************* FIN LOGIN ***********/

/*********  BOUTON / INPUT  ********/

input[type=text], input[type=password], input[type=number] { 
    background-color: #232327;
	color: #cccccc;
	border-color: #204e8a;
	font-size: 16px;
}
input[type=number] { 
	width: 50px;
	-moz-appearance:textfield;
}
input[type=button], input[type=submit] { 
    background-color: #232327;
	color: #cccccc;
	border-color: #204e8a;
	font-size: 16px;
	cursor: pointer;
}

/******** FIN BOUTON / INPUT *******/

/************** MENU **************/

.menu ul{
	margin: 0;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 0;
	padding-bottom: 5px;

	border-width: 1px;
	border-style: none none solid none;
	border-color: #cccccc;
}
.menu li.menuItem{
	list-style-type: none;
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 2px;
}
.menu li.selected{
	border-width: 2px;
	border-style: none solid solid solid;
	border-color: #204e8a;
	border-radius: 5px;
}

.menu li.menuItem a {
	color: #cccccc;
	text-decoration: none;
}
.menu li.menuItem a:hover {
	cursor: pointer;
	color: #4897c2;
}
.menu li.selected a {
	color: #4897c2;
}

.menu .menuSubItems{
	border-style: solid;
	border-width: 1px;
	border-color: #204e8a;
	padding:5px;
	display: none; /*block;*/
	background-color: #232327;
	width: 110px;
}
.menu .menuSubItems li.menuItem{
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-image:none;
}
/************ FIN MENU ************/

/************ USER MENU ************/
.userMenu{
	min-width: 120px;
	text-align: right;
}
.userMenu ul{
	padding: 0;
	margin: 0;
	border-style: none
}
.userMenu li.menuItem{
	padding: 0;
	margin: 0;
	text-align: left;
	border-style: none
}
.userMenu a:hover {
	cursor:default;
	color: #cccccc;
}

#miUserName img{
	margin-right: 10px;
}


/********** FIN USER MENU **********/

/********************************************/
/************** DETAIL MACHINE **************/
/********************************************/

/************ SYNOPTIQUE MACHINE ************/
#divTitreMachine{
	display:inline-block;
	cursor: pointer;
}
#divTitreMachine span{
	color: #409cff;
	margin-left: 0px;
	margin-right: 10px;
}

#dMachineDiv{
    position: relative;
    top: 0%;
    left: 0%;
}

#dMachine #imgDMachine{
    width: 100%;
}
#dMachine .var{
    display: inline-block;
    /*border-width: 1;
    border-style: solid;
    border-color: #204e8a;*/
    color: #ff0000;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
#dMachine .varb{
    color: #cccccc;
}
#dMachine .varv{
    color: #5ec192;
}
#dMachine .varo{
    color: #ff8000;
}
#dMachine .varr{
    color: #ff0000;
}
#dMachine .var22{
    font-size: 22px;
}

/*****  Machine 125  *****/
#dMachine #TReact_125{
    position: absolute;
    top: 42%;
    left: 69%;
}
#dMachine #TRes_125{
    position: absolute;
    top: 57%;
    left: 69%;
}
#dMachine #PoidReact_125{
    position: absolute;
    top: 64%;
    left: 69%;
}
#dMachine #TFum_125{
    position: absolute;
    top: 20%;
    left: 63%;
}
#dMachine #PReact_125{
    position: absolute;
    top: 25%;
    left: 63%;
}
#dMachine #TS1_125{
    position: absolute;
    top: 46%;
    left: 48%;
}
#dMachine #TS2_125{
    position: absolute;
    top: 49%;
    left: 40%;
}
#dMachine #TS3_125{
    position: absolute;
    top: 52%;
    left: 31%;
}
#dMachine #TS4_125{
    position: absolute;
    top: 55%;
    left: 22%;
}
#dMachine #TS5_125{
    position: absolute;
    top: 58%;
    left: 13%;
}
#dMachine #TS6_125{
    position: absolute;
    top: 62%;
    left: 4%;
}
#dMachine #PTube_125{
    position: absolute;
    top: 45%;
    left: 4%;
}
#dMachine #TV4_125{
    position: absolute;
    top: 35%;
    left: 74.4%;
}
#dMachine #TV3_125{
    position: absolute;
    top: 34.5%;
    left: 77.6%;
}
#dMachine #TV2_125{
    position: absolute;
    top: 34%;
    left: 80.8%;
}
#dMachine #TV1_125{
    position: absolute;
    top: 33.5%;
    left: 84%;
}
#dMachine #RPM_125{
    position: absolute;
    top: 26%;
    left: 92%;
}
#dMachine #ROT_125{
    position: absolute;
    top: 32%;
    left: 91%;
    width:138px;
    height:138px;
    background-image: url('images/Rotation.gif');
	background-repeat:no-repeat;
	background-position-x:left;
	background-position-y:top;
}
#dMachine #Alarmes_125{
    position: absolute;
    top: 5%;
    left: 10%;
}
#dMachine #Etat_125{
    position: absolute;
    top: 5%;
    left: 30%;
}
#dMachine #VS1_125{
    position: absolute;
    top: 70%;
    left: 51%;
}
#dMachine #VS2_125{
    position: absolute;
    top: 70%;
    left: 42.5%;
}
#dMachine #VS3_125{
    position: absolute;
    top: 70%;
    left: 33.5%;
}
#dMachine #VS4_125{
    position: absolute;
    top: 74%;
    left: 24.5%;
}
#dMachine #VS5_125{
    position: absolute;
    top: 74%;
    left: 15.5%;
}
#dMachine #VS6_125{
    position: absolute;
    top: 74%;
    left: 6.5%;
}
#dMachine #VR1_125{
    position: absolute;
    top: 80%;
    left: 40%;
}
#dMachine #VR2_125{
    position: absolute;
    top: 85%;
    left: 13%;
}
#dMachine #VTotal_125{
    position: absolute;
    top: 82%;
    left: 52%;
}
#dMachine #PoidIn_125{
    position: absolute;
    top: 5%;
    left: 82%;
}
#dMachine #Matiere_125{
    position: absolute;
    top: 5%;
    left: 88%;
}

/*****  Machine 250  *****/

#dMachine #Etat_250{
    position: absolute;
    top: 5%;
    left: 30%;
}
#dMachine #Alarmes_250{
    position: absolute;
    top: 5%;
    left: 10%;
}

/*****  Maquette  *****/

#dMachine #Etat_Maq{
    position: absolute;
    top: 5%;
    left: 30%;
}
#dMachine #Alarmes_Maq{
    position: absolute;
    top: 5%;
    left: 10%;
}
#dMachine #PoidReact_Maq{
    position: absolute;
    top: 13%;
    left: 46%;
}
#dMachine #VR1_Maq{
    position: absolute;
    top: 75%;
    left: 27%;
}
#dMachine #VR2_Maq{
    position: absolute;
    top: 78%;
    left: 6%;
}
#dMachine #VTotal_Maq{
    position: absolute;
    top: 86%;
    left: 1%;
}
#dMachine #PoidIn_Maq{
    position: absolute;
    top: 36%;
    left: 89%;
}
#dMachine #PoidSiloG_Maq{
    position: absolute;
    top: 59%;
    left: 66%;
}
#dMachine #PoidSiloD_Maq{
    position: absolute;
    top: 49%;
    left: 63%;
}

/********** FIN SYNOPTIQUE MACHINE **********/

/**************** LOG MACHINE ***************/

#dMachineLog{
	display: inline-block;
	vertical-align: top;
	width: 1200px;
}
#dMachineLog table{
	border-style: solid;
	border-width: 1px;
	border-color: #204e8a;
	border-collapse: collapse;
	margin-top: 15px;
	width: 100%;
}
#dMachineLog th{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #204e8a;
	border-collapse: collapse;
	padding: 3px;
}
#dMachineLog td{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #204e8a;
	border-collapse: collapse;
	padding: 3px;
}
#dMachineLog .cQuandH{
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
#dMachineLog .cQuiH{
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
#dMachineLog .cQuoiH{
	width: 60%;
	text-align: center;
	vertical-align: middle;
}
#dMachineLog .cQuand{
	text-align: center;
	vertical-align: middle;
}
#dMachineLog .cQui{
	text-align: center;
	vertical-align: middle;
}
#dMachineLog .cQuoi{
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
}
#dMachineLog .lPaire{
	background-color: #232327;
}
#dMachineLog .lImpaire{
	background-color: #303035;
}

/************* FIN LOG MACHINE *************/

/************ COMMANDES MACHINE ************/

#dMachineCmd{
	display: inline-block;
	vertical-align: top;
	margin-right: 100px;
	margin-bottom: 20px;
}

#dMachineCmd .dMachineCmdParam{
	margin-left: 20px;
	margin-top: 20px;
	vertical-align: middle;
}

.classSlider{
	display: inline-block;
	width:60px;
	height:35px;
	vertical-align: middle;
}
.classSliderOff{
	background-image: url('images/Off_petit.png');
	background-repeat:no-repeat;
	background-position-x:left;
	background-position-y:top;
	background-size: contain;
}
.classSliderOn{
	background-image: url('images/On_petit.png');
	background-repeat:no-repeat;
	background-position-x:left;
	background-position-y:top;
	background-size: contain;
}


/*********** FIN COMMANDES MACHINE **********/

/********************************************/
/************ FIN DETAIL MACHINE ************/
/********************************************/

/********************************************/
/************* SYNTHESE MACHINE *************/
/********************************************/

#sMachines{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width:97%;
}
#sMachines .sMachine{
	display:inline-block;
	margin:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
	border-width: 1px;
	border-style: solid;
	border-color: #204e8a;
	border-radius: 6px;
	width: 400px;
	height: 150px;
	background-repeat:no-repeat;
	background-position-x:center;
	background-position-y:center;
	background-size: contain;
	position: relative;
    top: 0%;
    left: 0%;
}
#sMachines .sMachine:hover{
	border-color: #cccccc;
	cursor: pointer;
}

#sMachines .sMachine .vars{
    display: inline-block;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}
#sMachines .sMachine .varso{
    color: #ff8000;
}
#sMachines .sMachine .varsr{
    color: #ff0000;
}
#sMachines .sMachine .varsv{
    color: #5ec192;
}
#sMachines .sMachine #nMachine{
	position: absolute;
    top: 10px;
    left: 10px;
	font-weight: normal;
    font-size: 16px;
}
#sMachines .sMachine #TReacts{
    position: absolute;
    top: 85%;
    left: 55%;
	color:#ff0000;
}
#sMachines .sMachine #VTotals{
    position: absolute;
    top: 85%;
    left: 27%;
}
#sMachines .sMachine #Mats{
    position: absolute;
    top: 85%;
    left: 3%;
}
#sMachines .sMachine #Etats{
    position: absolute;
    top: 10px;
    right: 10px;
}
#sMachines .sMachine #Alarmes{
    position: absolute;
    top: 25%;
    left: 6%;
}
#sMachines .sMachine .varsnoal{
	color:#cccccc;
	font-weight: normal;
    font-size: 18px;
}

/********************************************/
/*********** FIN SYNTHESE MACHINE ***********/
/********************************************/

/********************************************/
/***************** JOURNAL ******************/
/********************************************/

#divJournal {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
#divRJournal {
	width:90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
#divRJournal table{
	border-style: solid;
	border-width: 1px;
	border-color: #204e8a;
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}
#divRJournal th{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #204e8a;
	border-collapse: collapse;
	padding: 3px;
}
#divRJournal td{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #204e8a;
	border-collapse: collapse;
	padding: 3px;
}
#divRJournal .cMachineH{
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
#divRJournal .cQuandH{
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
#divRJournal .cQuiH{
	width: 15%;
	text-align: center;
	vertical-align: middle;
}
#divRJournal .cQuoiH{
	/*width: 56%;*/
	text-align: center;
	vertical-align: middle;
}
#divRJournal .cMachine{
	text-align: center;
	vertical-align: middle;
}
#divRJournal .cQuand{
	text-align: center;
	vertical-align: middle;
}
#divRJournal .cQui{
	text-align: center;
	vertical-align: middle;
}
#divRJournal .cQuoi{
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
}
#divRJournal .lPaire{
	background-color: #232327;
}
#divRJournal .lImpaire{
	background-color: #303035;
}


/***************** FILTRES ******************/

#divFJournal {
	width:90%;
	margin-left: auto;
	margin-right: auto;
}

#divFJournal .critereJ {
	display: inline-block;
	margin-right: 20px;
}
#navBarJ{
	text-align: right;
	color:#409cff;
	height: 20px;
}
#navBarJ a{
	padding-left: 4px;
	padding-right: 4px;
	cursor: pointer;
}

/********************************************/
/*************** FIN JOURNAL ****************/
/********************************************/

/********************************************/
/**************** PRODUCTION ****************/
/********************************************/

/***************** FILTRES ******************/

#divProduction {
	width:90%;
	margin-left: auto;
	margin-right: auto;
}

#divFProdcuction .critereP {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 25px;
}

/***************** RESULTS ******************/
/*#divRProdcuction{
	vertical-align: top;
}*/
#divRProdcuctionVal{
	vertical-align: top;
	display: inline-block;
	margin-right: 50px;
	margin-top: 30px;
}

#divRProdcuctionCharts{
	vertical-align: top;
	display: inline-block;
	width:850px;
}

#divPieMixParSorties{
	width: 380px;
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
}
#divPieMixParMatieres{
	width: 400px;
	display: inline-block;
	vertical-align: top;
}
#divGrphProduction{
	width: 800px;
	display: inline-block;
	vertical-align: top;
	margin-top: 30px;
}

#divRTotal{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 30px;
}

/********************************************/
/************** FIN PRODUCTION **************/
/********************************************/

/********************************************/
/**************** MAINTENANCE ***************/
/********************************************/

#maintenance {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}
#MtnResults {
	width:95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
#MtnResults table{
	border-style: solid;
	border-width: 1px;
	border-color: #204e8a;
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}
#MtnResults th{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #204e8a;
	border-collapse: collapse;
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
}
#MtnResults td{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #204e8a;
	border-collapse: collapse;
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
}
#MtnRTable th.MtnRTableMTIDH{
	width: 30px;
}
#MtnRTable th.MtnRTableMH{
	width: 25%;
}
#MtnRTable th.MtnRTableCatH{
	width: 15%;
}
/*#MtnRTable th.MtnRTableOpH{
	width: 40%;
}*/
#MtnRTable th.MtnRTableOpPH{
	width: 15%;
}
#MtnRTable th.MtnRTableStH{
	width: 25%;
}
#MtnRTable tr:hover td{
	background-color: #484848;
	cursor: pointer;
}
#MtnRTable tr.lPaire{
	background-color: #232327;
}
#MtnRTable tr.lImpaire{
	background-color: #303035;
}

#MtnRTable td.MtnRTableOp{
	text-align: left;
}
#MtnRTable td.MtnRTableSt{
	text-align: left;
}
#MtnRTable tr.MtnStatusBientot{
	color: #ffcc00;
}
#MtnRTable tr.MtnStatusEnRetard{
	color: #ff2200;
}
#MtnRTable tr.MtnStatusFait{
	color: #5ec192;
}

#MtnCriteres{
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}
#MtnCriteres .critereM {
	display: inline-block;
	margin-right: 20px;
}

#navBarM{
	text-align: right;
	color:#409cff;
	height: 20px;
}
#navBarM a{
	padding-left: 4px;
	padding-right: 4px;
	cursor: pointer;
}

/********************************************/
#dialogEditMtnOp{
	font-family: Helvetica;
	font-size: 16px;
	background-color: #191a1f;
	color: #cccccc;
	padding: 30px;
	border-style: none;
	border-radius: 15px;
}
#divEditMtnOp{
	border-style: solid;
	border-width: 2px;
	border-radius: 5px;
	border-color: #204e8a;
	padding: 30px;
}
#divEditMtnOp table{
	margin-top: 30px;
}
#divEditMtnOp table, #divEditMtnOp td, #divEditMtnOp th{
	border-style: none;
}
#divEditMtnOp td{
	padding: 12px 0px 12px 15px;
	text-align: left;
}
#divEditMtnOp input{
	padding: 3px 10px;
}
#divEditMtnOp input[type=button]{
	margin-right: 15px;
}
#divEditMtnOp #dlgMtnOpHr{
	padding: 3px 10px;
	/*width:50px;
	margin-right: 8px;*/
}
/*#divEditMtnOp #dlgMtnOpMin{
	padding: 3px 10px;
	width:30px;
	margin-left: 8px;
}*/
#divEditMtnOp select, #divEditMtnOp input[type=datetime-local], #divEditMtnOp input[type=time]{
	background-color: #232327;
	color: #cccccc;
	border-color: #204e8a;
	font-size: 16px;
	cursor: pointer;
}
#divEditMtnOp #dlgMtnOpCmt{
	width: 400px;
}



/********************************************/
/************** FIN MAINTENANCE *************/
/********************************************/


/********************************************/
/******************* ADMIN ******************/
/********************************************/

#administration {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

#AdmCriteres{
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

#AdmResults {
	margin-top: 25px;
}

#AdmCriteres .critereM {
	display: inline-block;
	margin-right: 20px;
}

#navBarA{
	text-align: right;
	color:#409cff;
	height: 20px;
}
#navBarA a{
	padding-left: 4px;
	padding-right: 4px;
	cursor: pointer;
}

#AdmResults table{
	border-style: solid;
	border-width: 1px;
	border-color: #204e8a;
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}
#AdmResults th{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #204e8a;
	border-collapse: collapse;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}
#AdmResults td{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #204e8a;
	border-collapse: collapse;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

#AdmResults tr.lPaire{
	background-color: #232327;
}
#AdmResults tr.lImpaire{
	background-color: #303035;
}

#AdmResults tr:hover td{
	background-color: #484848;
	cursor: pointer;
}

#AdmResults th.AdmRTableMH{
	width: 20%;
}
#AdmResults th.AdmRTableSte{
	width: 20%;
}
#AdmResults th.AdmRTableAdr{
	width: 20%;
}
#AdmResults th.AdmRTableTdmH{
	width: 20%;
}
#AdmResults th.AdmRTableMidH{
	width: 20%;
}
#AdmResults th.AdmRTablePMH{
	width: 30px;
}
#AdmResults td.AdmRTablePM div{
	padding: 5px 20px;
	display: inline;
	background-image: url('images/view_text.png');
	background-repeat:no-repeat;
	background-position-x:center;
	background-position-y:center;
	cursor: pointer;
}

#newMachineA, #newUserA, #newMaintenanceOpA{
	color:#4897c2;
	cursor: pointer;
}

#AdmResults th.AdmRTableUIdH{
	width: 50px;
}
#AdmResults th.AdmRTableUNH{
	width: 15%;
}
#AdmResults th.AdmRTableUPH{
	width: 15%;
}
#AdmResults th.AdmRTableUCH{
	width: 15%;
}
#AdmResults th.AdmRTableUAMH{
	width: 15%;
}
#AdmResults td.AdmRTableUAM{
	color:#4897c2;
}


#AdmResults th.AdmRTableMPIdH{
	width: 50px;
}
#AdmResults th.AdmRTableMPTH{
	width: 15%;
}
#AdmResults th.AdmRTableMPPH{
	width: 25%;
}
#AdmResults th.AdmRTableMPOH{
	text-align: left;
	padding-left: 20px;
}
#AdmResults td.AdmRTableMPO{
	text-align: left;
	padding-left: 10px;
}

#AdmResults .admEditForm table{
	border-style: none;
}
#AdmResults .admEditForm table td{
	padding-top: 20px;
	border-style: none;
	text-align: left;
}
#AdmResults .admEditForm table tr:hover td{
	background-color: #191a1f;
	cursor: default;
}
#AdmResults .admEditForm table td.label{
	width: 200px;
}
#AdmResults .admEditForm table td select{
	background-color: #232327;
	color: #cccccc;
	border-color: #204e8a;
	font-size: 16px;
	cursor: pointer;
}
#AdmResults .admEditForm table td datalist{
	background-color: #232327;
	color: #cccccc;
	border-color: #204e8a;
	font-size: 16px;
}
#AdmResults .admEditForm table td input[type=button], #AdmResults .admEditForm table td input[type=submit] { 
    background-color: #232327;
	color: #cccccc;
	border-color: #204e8a;
	font-size: 16px;
	cursor: pointer;
	margin-Right: 20px;
	margin-top: 20px;
	padding:5px 20px;
}
.resultFormAdmin{
	margin-bottom: 30px;
}

#AdmResults #admEditAMUser table{
	width: 600px;
}
#AdmResults #admEditAMUser td.amSuppr{
	width: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#AdmResults #admEditAMUser td.amm{
	text-align: left;
	padding-left: 15px;
}
.ShowAMSuppr{
	padding: 5px 20px;
	margin-left: 6px;
	display: inline;
	background-image: url('images/suppr.png');
	background-repeat:no-repeat;
	background-position-x:left;
	background-position-y:center;
	cursor: pointer;
}
#addAMSel{
	margin-left: 20px;
}

#AdmResults #admEditOp #opOp{
	width: 800px;
}




#admEditMachineMP{
	margin-top: 35px;
}

.mpmCat{
	margin-top: 35px;
	margin-left: 25px;
	/*padding-left: 5px;*/
	border-left-style:dotted;
	border-left-width: 1px;
	border-left-color: #5b5b5c;
}
.mpmOp{
	margin-top: 10px;
	margin-left: 25px;
}
.mpmCbOp{
	margin-right: 10;
}
.mpmCatTitle{
	display: inline;
	font-weight: bold;
}
.mpmCbOpDiv{
	display: inline;
}
.mpmOpDiv{
	display: inline;
	margin-left: 5px;
}
.mpmPer{
	margin-top: 15px;
	margin-left: 25px;
	/*padding-left: 5px;*/
	border-left-style:dotted;
	border-left-width: 1px;
	border-left-color: #5b5b5c;
}
.mpmPerTitle{
	display: inline;
}




.ftv{
	display: inline;
	cursor: pointer;
}
.ftvOpen{
	display: inline;
	padding: 5px 15px;
	background-image: url('images/bas.png');
	background-repeat:no-repeat;
	background-position-x:center;
	background-position-y:center;
}
.ftvClose{
	display: inline;
	padding: 5px 15px;
	background-image: url('images/droite.png');
	background-repeat:no-repeat;
	background-position-x:center;
	background-position-y:center;
}

/********************************************/
/***************** FIN ADMIN ****************/
/********************************************/

/********************************************/
/************** ENREGISTREMENTS *************/
/********************************************/

#divEnregs {
	width:90%;
	margin-left: auto;
	margin-right: auto;
}

/***************** FILTRES ******************/

#divFEnreg .critereE {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 25px;
}
#divFEnreg2 .critereE {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 25px;
}

/************* RESULTS ALARMES ***************/

#divPieAlarmes{
	width: 400px;
	display: inline-block;
	vertical-align: top;
}
#divBarAlarmes{
	width: 900px;
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
}
#divNbAlarmes{
	font-size: 26px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;
}
#divTableDuree{
	width: 800px;
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
}
#divTableDuree table{
	border-style: solid;
	border-width: 1px;
	border-color: #204e8a;
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

#divTableDuree td{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #204e8a;
	border-collapse: collapse;
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
}
#divTableDuree th{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #204e8a;
	border-collapse: collapse;
	padding: 3px;
}
#divTableDuree tr.lPaire{
	background-color: #232327;
}
#divTableDuree tr.lImpaire{
	background-color: #303035;
}
#divTableDuree tr:hover td{
	background-color: #484848;
	cursor: pointer;
}

/************** RESULTS GRAPH ***************/

#selMachine{
	font-size: 26px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;
}

#listChamps{
	width: 300px;
	margin-top: 30px;
	display: inline-block;
}
#filtreVar{
	width: 100%;
}
#listChamps .champEnreg{
	margin-top: 8px;
}
#divGraphEnreg{
	margin-top: 30px;
	width: 1200px;
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
}

/************ RESULTS PLASTIQUE *************/

#divPiePlastiques{
	width: 400px;
	display: inline-block;
	vertical-align: top;
}
#divPiePlastiques p{
	font-size: 22px;
	font-weight: bold;
}
#divBarPlastiques p{
	font-size: 22px;
	font-weight: bold;
}

#piePlastiques{
	margin-top: 50px;
}

#divPiePlastiques table{
	border-style: solid;
	border-width: 1px;
	border-color: #204e8a;
	border-collapse: collapse;
	margin-top: 30px;
	width: 100%;
}
#divPiePlastiques th{
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #204e8a;
	border-collapse: collapse;
	padding: 3px;
	font-size: 18px;
}
#divPiePlastiques td{
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	border-color: #204e8a;
	border-collapse: collapse;
	padding: 3px;
	padding-left: 20px;
	font-size: 18px;
}

#divBarPlastiques{
	vertical-align: top;
	display: inline-block;
	padding-left: 50px;
	width:850px;
}

#divDowloadCourbes{
	margin-top: 30px;
}

#divDowloadCourbes select{
	display: inline-block;
}

#downloadCourbeBtn{
	display: inline-block;
	margin-left: 20px;
	cursor:pointer;
}
#downloadCourbeBtn:hover{
	color: #409cff;
}

/********************************************/
/************ FIN ENREGISTREMENTS ***********/
/********************************************/