body{
}
#container{
    width:400px;
    margin:0 auto;
    margin-top:10%;
}
/* Bordered form */
form#login{
    width:100%;
    padding: 30px;
    border: 1px solid #f1f1f1;
    background: #63acd2;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    border-radius: 20px 20px 20px 20px;

}
#container h1{
    width: 38%;
    margin: 0 auto;
    padding: 0;
    color: #062e41;
}
#container h2{
    font-size:20;
    font-family: Arial;
    margin: 0;
    padding: 0;
    color: #062e41;
}
input#txtLogin, input#pwdLogin {
    width: 100%;
    padding: 12px 20px;
    margin: 0px 0px 10px;
    display: inline-block;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
}
/* Set a style for all buttons */
input#subLogin{
    background-color: #095274;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    border-radius: 10px 10px 10px 10px;
}
input#subLogin:hover{
    background-color: white;
    color: #095274;
    border: 1px solid #095274;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
   
}
#container a{
    color: #062e41;
    font-size: 14;
    font-weight: bold;
    font-family: Arial;
  }
#container a:visited {
    color: #062e41;
    font-size: 14;
    font-weight: bold;
    font-family: Arial;
  }
#container a:hover, a:active, a:focus {
    color:white;
    font-size: 14;
    font-weight: bold;
    font-family: Arial;
  }

#container2{
    width:800px;
    margin:0 auto;
    margin-top:10%;
}
form#creercompte{
    width:100%;
    padding: 30px;
    border: 1px solid #f1f1f1;
    background: #63acd2;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
form#confcompte{
    width:100%;
    padding: 30px;
    border: 1px solid #f1f1f1;
    background: #63acd2;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
form#envoiinfo{
    width:100%;
    padding: 30px;
    border: 1px solid #f1f1f1;
    background: #63acd2;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}form#contact{
    width:93%;
    padding: 30px;
    border: 1px solid #f1f1f1;
    background: #63acd2;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
#container2 a{
    color: #062e41;
    font-size: 14;
    font-weight: bold;
    font-family: Arial;
  }
#container2 a:visited {
    color: #062e41;
    font-size: 14;
    font-weight: bold;
    font-family: Arial;
  }
#container2 a:hover, a:active, a:focus {
    color:white;
    font-size: 14;
    font-weight: bold;
    font-family: Arial;
  }
#container2 h1{
    margin: 0;
    padding: 0;
    color: #062e41;
}
#container2 h2{
    font-size:18;
    font-family: Arial;
    margin: auto;
    padding: 0;
    color: #062e41;
}
#container2 h3{
    font-size:16;
    font-family: Arial;
    margin: 0;
    padding: 0;
    color: #062e41;
}
#container2 a{
    color: #062e41;
    font-size: 14;
    font-weight: bold;
    font-family: Arial;
  }
#container2 a:visited {
    color: #062e41;
    font-size: 14;
    font-weight: bold;
    font-family: Arial;
  }
#container2 a:hover, a:active, a:focus {
    color:white;
    font-size: 14;
    font-weight: bold;
    font-family: Arial;
  }

body#bodymenu{
    overflow: hidden;
}
input#txtField, input#pwdField {
    width: 100%;
    padding: 5px 5px;
    margin: auto;
    display: inline-block;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
    vertical-align: middle;
}
input#txtNumber1{
    width: 50px;
    padding: 5px 5px;
    margin: auto;
    display: inline-block;
    border: 1px solid #095274;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
    vertical-align: middle;
}
input#txtNumber2{
    padding: 5px 5px;
    margin: auto;
    display: inline-block;
    border: 1px solid #095274;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
    vertical-align: middle;
}
select#ordrecateg{
    width: 50%;
    padding: 5px 5px;
    margin: 0px 0;
    /*border: 1px solid #062e41;
    color: #062e41;*/
    border: 1px solid #095274;
    color: #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    vertical-align: middle;
    text-align: left;
}
select#ordreitem{
    width: 50%;
    padding: 5px 5px;
    margin: 0px 0;
    /*border: 1px solid #062e41;
    color: #062e41;*/
    border: 1px solid #095274;
    color: #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    vertical-align: middle;
    text-align: left;
}
select#ordrecategitm{
    width: 50%;
    padding: 5px 5px;
    margin: 0px 0;
    /*border: 1px solid #062e41;
    color: #062e41;*/
    border: 1px solid #095274;
    color: #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    vertical-align: middle;
    text-align: left;
}
select#TypeUtilisateur{
width: 60%;
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}

select#RegionHQ{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#Pays{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#Province{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#Etat{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#PaysGerant{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#ProvinceGerant{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#EtatGerant{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#PaysCoach{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#ProvinceCoach{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#EtatCoach{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}

select#Categorie{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#Item{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#Classe{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#Classe2{
width: 20%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#Pool{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#Equipe{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#Equipes{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#Duree{
width: 60%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
textarea#Message{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
input[type=submit] {
    background-color: #095274;
    color: white;
    padding: 10px 10px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    border-radius: 10px 10px 10px 10px;
}
input[type=submit]:hover {
    background-color: white;
    color: #095274;
    border: 1px solid #095274;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
}
input[type=button] {
    background-color: #095274;
    color: white;
    padding: 10px 10px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    border-radius: 10px 10px 10px 10px;
}
input[type=button]:hover {
    background-color: white;
    color: #095274;
    border: 1px solid #095274;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
}
   table#tblData{
    width:100%;
    border-collapse: collapse;
  }
   table#tblMenu{
    width:100%;
    border-collapse: collapse;
  }
  th#thHdrR{
    border:1px solid #062e41; 
    background-color: #6385d2;
    text-align: right;
    padding: 2px 5px;
    
 } 
  th#thHdr2L{
    height:40px;
    border:1px solid #095274; 
    text-align: left;
    vertical-align: middle;
    padding: 2px 5px;
    
 } 
  th#thHdr2L2{
    height:40px;
    border:1px solid #095274;
    background: white;
    text-align: left;
    vertical-align: middle;
    padding: 2px 5px;
    
 } 
  th#thHdr2TL{
    height:40px;
    border:1px solid #095274; 
    text-align: left;
    vertical-align: top;
    padding: 2px 5px;
    
 } 
h2{
    font-size:18;
    font-family: Arial;
    margin: auto;
    padding: 0;
    color: #062e41;
}
h3{
    font-size:16;
    font-family: Arial;
    margin: 0;
    padding: 0;
    color: #062e41;
}
h4{
    font-size:16;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
  }
h7{
    font-size:20;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
  }
  h8{
    font-size:14;
    font-family: Arial;
    color: #062e41;
    text-align: center;
  
  }

h9{
    font-size:20;
    font-weight: bold;
    font-family: Arial;
    color: red;
  }
  h10{
    font-size:24;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
  }
  h11{
    color: #062e41;
    font-size: 18;
    font-weight: bold;
    font-family: Arial;

  }
  h11n{
    color: #062e41;
    font-size: 18;
    font-family: Arial;

  }
  h12{
    font-size:14;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
  }
  h12b{
    font-size:16;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
  }
  h12c{
    font-size:16;
    font-family: Arial;
    color: #062e41;
  }
  h12r{
    font-size:14;
    font-family: Arial;
    color: #062e41;
  }
  h12rb{
    font-size:16;
    font-family: Arial;
    color: #062e41;
  }
h13{
    font-size:16;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    vertical-align: middle;
  }
h14{
    font-size:20;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    vertical-align: middle;
  }
h32{
    font-size:32;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    vertical-align: middle;
  }
hfct8b{
    font-size:8;
    font-weight: bold;
    font-family: Arial;
    color: black;
  }
hfct6b{
    font-size:6;
    font-weight: bold;
    font-family: Arial;
    color: black;
  }
hfct8{
    font-size:8;
    font-family: Arial;
    color: black;
  }
hfct6{
    font-size:6;
    font-family: Arial;
    color: black;
  }

hCatMenu{
    font-size:24;
    font-family: Arial;
    font-weight: bold;
    color: #000056;
    vertical-align: bottom;
  }
hSousCatMenu{
    font-size:16;
    font-family: Arial;
    font-weight: bold;
    color: #000056;
    vertical-align: bottom;
  }
hItemMenu{
    font-size:14;
    font-family: Arial;
    color: #000056;
    /*vertical-align: bottom;*/
  }
hItemMenuBold{
    font-size:14;
    font-family: Arial;
    font-weight: bold;
    color: #000056;
    /*vertical-align: bottom;*/
  }
hItemTrio{
    font-size:18;
    font-family: Arial;
    color: #000056;
    /*vertical-align: bottom;*/
  }
hItemTrioBold{
    font-size:18;
    font-family: Arial;
    font-weight: bold;
    color: #000056;
    /*vertical-align: bottom;*/
  }
hTaxesBold{
    font-size:18;
    font-family: Arial;
    font-weight: bold;
    color: #FF0000;
    /*vertical-align: bottom;*/
  }
hItemMenuInv{
    font-size:14;
    font-family: Arial;
    color: #E9F2F9;
    /*vertical-align: bottom;*/
  }
hSousItemMenu{
    font-size:12;
    font-family: Arial;
    color: #000056;
    /*vertical-align: bottom;*/
  }

td.descr:after {
    content: " ....................................................................................................................... ";
    position: absolute;
    vertical-align: bottom;
    padding-left: 5px;
    font-size:14;
    font-family: Arial;
    color: #000056;
}  

hMenuHeader{
    /*font-size: 44;
    font-family: Comic Sans MS;
    font-weight: 800;*/
    font-size: 4rem;
    font-weight: 900;
    font-family: 'Britannic Bold', cursive;
    /*color: #FFD426;*/
    color: #FFD011;
    background: -webkit-linear-gradient(90deg,#f1f1f1, #FFD011);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    /*text-shadow: .1em .1em 0 hsl(200 50% 30%);*/
    filter: drop-shadow(5px 5px #666);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

}
hMenuHeader2{
    /*font-size: 44;
    font-family: Comic Sans MS;
    font-weight: 800;*/
    font-size: 2rem;
    font-weight: 900;
    font-family: 'Britannic Bold', cursive;
    margin: 0px;
    padding: 0px;
    /*color: #FFD426;*/
    color: #FFD011;
    background: -webkit-linear-gradient(90deg,#f1f1f1, #FFD011);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    /*text-shadow: .1em .1em 0 hsl(200 50% 30%);*/
    filter: drop-shadow(4px 4px #666);
}
a:link, a:visited {
    color: #062e41;
    font-weight: bold;
    font-family: Arial;
  }
a:hover, a:active, a:focus {
    color: #062e41;
    font-size:25;
    font-weight: bold;
    font-family: Arial;
  }


div#entete { 
    position: relative;
    width:100%;
    height: 141;
    top:0;
    left:0;
    border: 2px solid #095274;
    overflow: hidden;
    background: #6385d2;
   
}
iframe#ientete { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  border: 0; 
}
div#menuAdminH{
    position: relative;
    width: 100%;
    height: 125;
    top:-2;
    overflow: hidden;
    border:2px solid #095274;
    visibility: visible;
    background: #6385d2;
}
iframe#imenuAdminH{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 125;
    border: 0;
    text-align: center;
    
}
div#menuAdminV{
    position: relative;
    width: 20%;
    height: 100%;
    top:-2;
    overflow: hidden;
    display: inline-block;
    border:2px solid #095274;
    visibility: visible;
    background: #6385d2;
    float: left;
}
iframe#imenuAdminV{
    position: absolute;
    height: 100%;
    width: 100%;
    border: none;
    text-align: center;
    overflow: hidden;

}
div#menuUserH{
    position: relative;
    width: 100%;
    height: 50;
    top:-2;
    overflow: hidden;
    border:2px solid #095274;
    visibility: visible;
    background: #6385d2;
}
iframe#imenuUserH{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 50;
    border: 0;
    text-align: center;
    
}
div#menuUserV{
    position: relative;
    width: 225;
    height: 100%;
    top:-2;
    overflow: hidden;
    display: inline-block;
    border:2px solid #095274;
    visibility: visible;
    background: #6385d2;
    float: left;
}
iframe#imenuUserV{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: none;
    text-align: center;
    overflow: hidden;
    background: #6385d2;
}
div#affichageH{
    position: relative;
    height: 100%;
    width: 100%;
    top: 0;
    border:0;
}
iframe#iaffichageH{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
    border: none;
    text-align: center;
    background-color: #afd6ea;
}
div#affichageV{
    position: absolute;
    width: 80%;
    height: 100%;
    display: inline-block;
    border: none;
    background-color: #afd6ea;
}
iframe#iaffichageV{
    position: absolute;
    width:99%;
    height: 100%;
    border: 0;
    text-align: center;
}
div#Calendrier { 
    position: relative;
    width:200px;
    border: 1px solid #062e41;
    height: 175px;
    visibility: none;
    display: none;
}
iframe#iCalendrier { 
  position: absolute; 
  width: 99%;
  height: 175px;
  border: none;


}
div#CalendrierRpt { 
    position: absolute;
    width:200px;
    border: 1px solid #062e41;
    height: 200px;
    visibility: none;
    display: none;
}
iframe#iCalendrierRpt { 
  position: absolute; 
  width: 99%;
  height: 200px;
  border: none;


}
div#Calendrier2 { 
    position: relative;
    width:200px;
    border: 1px solid #062e41;
    height: 175px;
    visibility: none;
    display: none;
}
iframe#iCalendrier2 { 
  position: absolute; 
  width: 99%;
  height: 175px;
  border: none;


}
div#items{
    position: relative;
    width: 70%;
    height: 56%;
    top:0;
    left:0;
    /*overflow: hidden;*/
    overflow: hidden;
    display: inline-block;
    /*border:2px solid #afd6ea;*/
    visibility: visible;
    /*background: #6385d2;*/
    background: #afd6ea;
    float: left;
}
iframe#iitems{
    position: absolute;
    height: 100%;
    width: 100%;
    border: none;
    text-align: center;
    overflow: hidden;

}
div#btncommande { 
    position: relative;
    width:100%;
    height: 42%;
    /*top:0;*/
    left:0;
    /*border: 2px solid #095274;*/
    /*border: 2px solid #6385d2;*/
    overflow: hidden;
    background: #6385d2;
   
}
iframe#ibtncommande { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 102%;
  overflow: hidden; 
  border: 0; 
}
div#transactionencours{
    position: absolute;
    width: 30%;
    height: 48%;
    top:15;
    left:70%;
    /*overflow: hidden;*/
    /*overflow: scroll;*/
    display: inline-block;
    /*border:2px solid #095274;*/
    /*border:2px solid #6385d2;*/
    visibility: visible;
    background: #6385d2;
    float: right;
}
iframe#itransactionencours{
    position: absolute;
    height: 100%;
    width: 100%;
    border: none;
    text-align: center;
    overflow: hidden;
    visibility: visible;
}
div#couponcuisine{
    position: absolute;
    width: 56cm;
/*    width: 40%;
    height: 48%;*/
    top:0;
    left:60%;
    /*overflow: hidden;*/
    /*overflow: scroll;*/
    display: inline-block;
    /*border:2px solid #095274;*/
    /*border:2px solid #6385d2;*/
    visibility: visible;
    background-color: white;
    float: right;
}
iframe#icouponcuisine{
    position: absolute;
    width: 5.6cm;
/*    height: 100%;
    width: 100%;*/
    border: none;
    text-align: center;
    overflow: visible;
    visibility: visible;
    background-color: white;
}

input#btnCategEn{
    /*background-color: yellow;*/
    color: black;
    padding: 0px 0;
    margin: 0px 0;
    border: 2px solid black;
    cursor: pointer;
    width: 100px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    border-radius: 10px 10px 10px 10px;
    white-space: normal;
}
input#btnCategDis{
    background-color: lightgray;
    color: black;
    padding: 0px 0;
    margin: 0px 0;
    border: 2px solid black;
    cursor: pointer; 
    width: 100px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    border-radius: 10px 10px 10px 10px;
    white-space: normal;
}
input#btnCateg2:hover{
    background-color: white;
    color: white;
    border: 1px solid #095274;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
   
}
input#btnItem{
    /*background-color: #095274;*/
    color: black;
    padding: 0px 0;
    margin: 0px 0;
    border: 2px solid black;
    cursor: pointer;
    width: 87px;
    height: 87px;
    font-size: 14px;
    font-weight: 900;
    font-family: Arial;
    border-radius: 10px 10px 10px 10px;
    white-space: normal;
}
input#btnItem:hover{
    background-color: white;
    color: #095274;
    border: 1px solid #095274;
    font-size: 12px;
    font-weight: 900;
    font-family: Arial;
   
}
input#btnCaisse{
    
    color: black;
    padding: 0px 0px;
    margin: 0px 0;
    border: 1px solid black;
    cursor: pointer;
    width: 57px;
    height: 57px;
    font-size: 12px;
    font-weight: 900;
    font-family: Arial;
    border-radius: 0px 0px 0px 0px;
    white-space: normal;
}
input#btnCaisse:hover{
    background-color: white;
    color: black;
    border: 1px solid black;
    font-size: 12px;
    font-weight: 900;
    font-family: Arial;
   
}
input#btnCaisse2{
    
    color: black;
    padding: 0px 0px;
    margin: 0px 0;
    border: 1px solid black;
    cursor: pointer;
    width: 57px;
    height: 57px;
    font-size: 14px;
    font-weight: 900;
    font-family: Arial;
    border-radius: 0px 0px 0px 0px;
    white-space: normal;
}
input#btnCaisse2:hover{
    background-color: white;
    color: black;
    border: 1px solid black;
    font-size: 14px;
    font-weight: 900;
    font-family: Arial;
   
}
input#btnCondOff{
    /*background-color: #6385d2;*/
    background-color: lightgray;
    color: #062e41;
    padding: 0px 0;
    margin: 0px 0;
    border: 1px solid #062e41;
    cursor: pointer;
    width: 160px;
    height: 23px;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    /*border-radius: 10px 10px 10px 10px;*/
    white-space: normal;
}
input#btnCondOff:hover{
    /*background-color: white;*/
    color: #062e41;
    border: 1px solid #062e41;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
   
}
input#btnCondOn{
    /*background-color: #6385d2;*/
    background-color: #00B050;
    color: #062e41;
    padding: 0px 0;
    margin: 0px 0;
    border: 1px solid #062e41;
    cursor: pointer;
    width: 160px;
    height: 23px;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    /*border-radius: 10px 10px 10px 10px;*/
    white-space: normal;
}
input#btnCondOn:hover{
    /*background-color: white;*/
    color: #062e41;
    border: 1px solid #062e41;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
   
}


input[type='label']{
    font-size: 18px;
    font-weight: bold;
    color: #062e41;
    background-color: #6385d2;
    border:none;
}
label#soustotal{
    font-size:32;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    background-color: #6385d2;
    border:none;
}
label#DuOuChange{
    font-size:32;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    background-color: #6385d2;
    border:none;
}
label#montantdu{
    font-size:32;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    background-color: #6385d2;
    border:none;
}
label#change{
    font-size:32;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    background-color: #6385d2;
    border:none;
}
select#NoLotPrnt{
width: 250px;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#DateRapportPrnt{
width: 250px;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#MoisRapportPrnt{
width: 250px;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
label#titrecp{
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    background-color: #6385d2;
    border:none;
}
label#titrecp2{
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    background-color: #ababab;
    border:none;
}
label#titrecp3{
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    background-color: #ababab;
    border:none;
}
label#titreprov2{
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    background-color: #ababab;
    border:none;
}
label#titreprov3{
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    background-color: #ababab;
    border:none;
}


input[type='radio']{
    color: #062e41;
}

input#GroupeCondiments{
    color:#062e41;
    margin: 2px 2px;
    padding: 10px 10px;
}
input#txtAffDigit {
    /* modif ici */
    /*width: 200px;*/
    width: 175px;
    height:100%;
    padding: 0px 0px;
    margin: 0px 0;
    display: inline-block;
    /* modif ici */
    /*border: 1px solid #095274;*/
    border: 0px;
    box-sizing: border-box;
    font-size: 40px;
    font-family: Arial;
    color: #062e41;
    /* modif ici */
    border-radius: 0px 10px 10px 0px;
    /*border-radius: 10px 10px 10px 10px;*/
    text-align: right;
}
/* modif ici */
input#txtQteDigit {
    width: 75px;
    height:100%;
    padding: 0px 0px;
    margin: 0px 0;
    display: inline-block;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 1px solid #095274;
    box-sizing: border-box;
    font-size: 40px;
    font-family: Arial;
    color: #062e41;
    /* modif ici */
    border-radius: 10px 0px 0px 10px;
    text-align: center;
}
input#btnAjoutCmd {
    background-color: lightgray;
    color: black;
    width:50px;
    padding: 5px 5px;
    margin: 5px 5;
    border: none;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial;
    border-radius: 0px 0px 0px 0px;
}
label#itmcmd{
    font-size: 32px;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    background-color: #6385d2;
    border:none;
}
label#itmqte{
    font-size: 32px;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    background-color: #6385d2;
    border:none;
}
input#txtData, input#pwdData {
    width: 100%;
    padding: 5px 5px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #095274;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
}
input#txtData8{
    padding: 5px 5px;
    margin: 0px 0;
    border: 1px solid #095274;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    vertical-align: middle;
    color: #062e41;
    text-align: left;
}
table#tblHdrFct1{
    text-align: center;
    font-size: 8;
    font-family: arial;
    font-weight: bold;
}
table#tblHdrFct2{
    text-align: center;
    font-size: 7;
    font-family: arial;
}
td#tdDtlFct1{
    text-align: left;
    font-size: 7;
    font-family: arial;
    font-weight: bold;
}
td#tdDtlFct2{
    text-align: left;
    font-size: 7;
    font-family: arial;
}



  td#tdIdMsg{
    border:1px solid #095274;
    text-align: center;
    padding: 2px 5px;
    
  }
  td#tdIdMsgSel{
    border:1px solid #095274;
    text-align: center;
    background-color: pink;
  }
  td#tdIdMsgAtt{
    border:1px solid #095274;
    text-align: center;
    background-color: #fefe33;
  }

  td#tdDetMsg{
    border:1px solid #095274;
    background-color: #FFFFFF;
    padding: 2px 5px;
    vertical-align: top;
  } 
  td#tdDetMsg2{
    border:1px solid #095274;
    background-color: #FFFFFF;
    padding: 0px 0px;
    vertical-align: middle;
  } 
  td#tdDetMsg3{
    border:1px solid #095274;
    background-color: #FFFFFF;
    padding: 2px 5px;
    vertical-align: middle;
  } 
  td#tdDetMsgC{
    border:1px solid #095274;
    background-color: #FFFFFF;
    padding: 2px 5px;
    text-align: center;
  } 
  td#tdDetMsgR{
    border:1px solid #095274;
    background-color: #FFFFFF;
    padding: 2px 5px;
    text-align: right;
  } 
  td#tdImgNews{
    border:1px solid #095274;
    background-color: #FFFFFF;
    padding: 0px 0px;
    text-align: center;
  } 
  td#tdDetMsgSel{
    border:1px solid #095274;
    background-color: pink;
    padding: 2px 5px;
    vertical-align: top
  } 
  td#tdDetMsgCSel{
    border:1px solid #095274;
    background-color: pink;
    padding: 2px 5px;
    text-align: center;
  } 
  td#tdDetMsgRSel{
    border:1px solid #095274;
    background-color: pink;
    padding: 2px 5px;
    text-align: right;
  } 
  td#tdImgNewsSel{
    border:1px solid #095274;
    background-color: pink;
    padding: 0px 0px;
    text-align: center;
  } 
  td#tdDetMsgAtt{
    border:1px solid #095274;
    background-color: #fefe33;
    padding: 2px 5px;
  } 
  td#tdDetMarge{
    border:1px solid #095274;
    background-color: #FFFFFF;
    padding: 10px 20px;
    vertical-align: middle;
  } 
  td#tdDetMargeC{
    border:1px solid #095274;
    background-color: #FFFFFF;
    padding: 10px 20px;
    text-align: center;
    vertical-align: middle;
  } 
 
  td#tdHdrR{
    border:1px solid #095274;
    text-align: right;
    background-color: #6385d2;
    padding: 2px 5px;
 } 
  td#tdHdrL{
    border:1px solid #095274;
    text-align: right;
    padding: 2px 5px;
 } 
  th#thHdrL2{
    height:40px;
    border:1px solid #095274; 
    background-color: #ababab;
    text-align: left;
    vertical-align: middle;
    padding: 2px 5px;
    
 } 
th#thHdrLInfo{
    border:1px solid #095274; 
    background-color: #6385d2;
    text-align: left;
    vertical-align: middle;
    padding: 10px 20px;
    
 } 
 th#thId{
    height:40px;
    border:none; 
    text-align: left;
    vertical-align: middle;
    padding: 2px 5px;
    
 } 

  th#thHdrL{
    height:40px;
    border:1px solid #095274; 
    background-color: #6385d2;
    text-align: left;
    vertical-align: middle;
    padding: 2px 5px;
    
 }
  th#thHdrL3{
    height:25px;
    border:1px solid #095274; 
    background-color: #6385d2;
    text-align: left;
    vertical-align: middle;
    padding: 0px 5px;
 } 
   th#thHdrC{
    height:40px;
    border:1px solid #062e41; 
    background-color: #6385d2;
    text-align: center;
    vertical-align: middle;
    padding: 2px 5px;
 } 
  th#thHdrC2{
    height:25px;
    border:1px solid #095274; 
    background-color: #6385d2;
    text-align: center;
    vertical-align: middle;
    padding: 0px 5px;
 } 

input#chkAllData{
    width: 15px;
    height: 15px;
    border: 1px solid #095274;
    box-sizing: border-box;
    box-shadow:2px 2px;
    padding:0;
    margin: 0;
    color: #404040;
}
input#chkOneData{
    width: 13px;
    height: 13px;
    border: 1px solid #095274;
    box-sizing: border-box;
    box-shadow:2px 2px; 
    padding:0;
    margin: 0;
    color: #062e41;
}

input#chkData{
    width: 20px;
    height: 20px;
    border: 1px solid #095274;
    box-shadow:2px 2px; 
    box-sizing: border-box;
    
    color: #404040;
}
input#chkData2{
    width: 13px;
    height: 13px;
    border: 1px solid #095274;
    box-shadow:2px 2px; 
    box-sizing: border-box;
    
    color: #404040;
}
input#timeData {
    width: 75%;
    padding: 3px 3px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #095274;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
    background-color: white;
}
input#Generer{
    background-color: #062e41;
    color: white;
    padding: 8px 8px;
    margin: 0px 0;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;

}
input#Generer:hover{
    background-color: white;
    color: #062e41;
    border: 1px solid #062e41;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
   
}
input#Reattribuer{
    background-color: #062e41;
    color: white;
    padding: 8px 8px;
    margin: 0px 0;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;

}
input#Reattribuer:hover{
    background-color: white;
    color: #062e41;
    border: 1px solid #062e41;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
   
}

/* old css styles */
























input#titre{
    border: 1px solid #18752D;
    background-color: : #67BE4B;
    color: #18752D;
    font-size: 20;
    font-weight: bold;
    font-family: Arial;
}




/* Full-width inputs */
input#txtData5, input#pwdData {
    width: 70%;
    padding: 5px 5px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
}
input#txtData4, input#pwdData {
    width: 100%;
    padding: 3px 5px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 18px;
    font-family: Arial;
    color: #062e41;
}

input#timeData2 {
    width: 100%;
    padding: 3px 1px;
    display: inline-block;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
    background-color: white;
}
input#txtData2{
    padding: 5px 5px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #095274;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
}
input#txtData3{
    width: 100%;
    padding: 5px 0px;
    margin: 0px 0px;
    display: inline-block;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
    text-align: center;
}
input#txtData7{
    width: 100%;
    padding: 5px 5px;
    margin: 0px 0px;
    display: inline-block;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
    text-align: right;
}
input#txtGrandTotal{
    width: 100%;
    padding: 5px 5px;
    margin: 0px 0px;
    display: inline-block;
    border: none;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    text-align: right;
    background-color: #FFFFFF;
}
input#txtData6{
    width: 100%;
    padding: 5px 5px;
    margin: 0px 0px;
    display: inline-block;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
    text-align: left;
}

input#chkAllData{
    width: 15px;
    height: 15px;
    border: 1px solid #062e41;
    box-sizing: border-box;
    box-shadow:2px 2px;
    padding:0;
    margin: 0;
    color: #404040;
}


input#chkData3{
    width: 15px;
    height: 15px;
    border: 1px solid #062e41;
    box-sizing: border-box;
    color: #062e41;
}
input#txtDataTemps{
    padding: 5px 5px;
    margin: 8px 0;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
    vertical-align: middle;
}
input#txtDateDuBI{
    padding: 5px 5px;
    margin: 0;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
    vertical-align: middle;
}
input#txtDateAuBI{
    padding: 5px 5px;
    margin: 0;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;
    vertical-align: middle;
}

input#mnyData{
    
    width: 100%;
    padding: 5px 5px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Arial;
    color: #062e41;

}


input#subGen{
    background-color: #062e41;
    color: white;
    padding: 8px 8px;
    margin: 0px 0;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;

}
input#subGen:hover{
    background-color: white;
    color: #18752D;
    border: 1px solid #18752D;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
   
}

input#Ajuster{
    background-color: #062e41;
    color: white;
    padding: 8px 8px;
    margin: 0px 0;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;

}
input#Ajuster:hover{
    background-color: white;
    color: #18752D;
    border: 1px solid #18752D;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
   
}


input#btnDisabled {
    background-color: lightgray;
    color: gray;
    padding: 10px 10px;
    margin: 8px 0;
    border: none;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    font
}
input#PrintRpt {
    background-color: #062e41;
    color: white;
    padding: 10px 10px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
}
input#PrintRpt:hover {
    background-color: white;
    color: #18752D;
    border: 1px solid #18752D;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
}
select#periodespaies{
width: 100%;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#client{
width: 100%;
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#employe{
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}

select#machine{
width: 100%;
padding: 5px 0px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#machine2{
width: 90%;
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#machine3{
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#outil{
width: 100%;
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#outil2{
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#vehicule{
width: 80%;
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#vehicule2{
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#datem{
width: 200px;
padding: 5px 5px;
font-family: Arial;
font-size: 14px;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#dateo{
width: 200px;
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#dateCT{
width: 250px;
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#dated{
width: 200px;
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#dateinv{
width: 100%;
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}
select#dateachat{
width: 100%;
padding: 5px 5px;
font-size: 14px;
font-family: Arial;
color: #062e41;
border: 1px solid #062e41;
box-sizing: border-box;
background: white;
}

a#neg, #neg:visited{
    color: red;
    font-size: 18;
    font-weight: bold;
    font-family: Arial;
}
a#neg:hover, #neg:active, #neg:focus{
    color: #e1ef08;
    font-size: 18;
    font-weight: bold;
    font-family: Arial;
}
h72{
    font-size:18;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
  }
  h8R{
    font-size:18;
    font-family: Arial;
    color: #062e41;
    text-align: center;
  
  }
  
  h14C{
    font-size:18;
    font-weight: bold;
    font-family: Arial;
    padding:0;
    margin:0;
  }
  h14C2{
    font-size:18;
    font-weight: bold;
    font-family: Arial;
    padding:0;
    margin:0;
  }
  h15{
    font-size:21;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
  }
  h15LB{
    font-size:15;
    padding:0;
    margin:0;
    font-weight: bold;
    font-family: Arial;
    /*color: #09611D;*/
    color: #062e41;
    text-align: left;
  
  }

  h16{
    font-size:20;
    font-weight: bold;
    font-family: Arial;
    color: #FFFFFF;
  }
  h17{
    font-size:14;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    text-align: center;
  
  }
  h17R{
    font-size:14;
    font-family: Arial;
    color: #062e41;
    text-align: center;
  
  }
  h18{
    font-size:13;
    padding:0;
    margin:0;
    font-weight: bold;
    font-family: Arial;
    color: #062e41;
    text-align: center;
  
  }
    table#tblDataBI{
    width:100%;
    border-collapse: collapse;
  }
   table#tblData3{
    width:99%;
    border-collapse: collapse;
  }
  table#tblData2{
    width:100%;
    border-collapse: collapse;
    border-top: 1px solid #062e41;
    border-left: 1px solid #062e41;
    border-right: 1px solid #062e41;
    border-bottom: 1px solid #062e41;
    background-color: #09a02e;
  }
  table#tblData4{
    width:99.5%;
    border-collapse: collapse;
    border-top: 1px solid #062e41;
    border-left: 1px solid #062e41;
    border-right: 1px solid #062e41;
    border-bottom: 1px solid #062e41;
  }
  table#tblData5{
    width:99.5%;
    border-collapse: collapse;
    border-top: 1px solid #062e41;
    border-left: 1px solid #062e41;
    border-right: 1px solid #062e41;
    border-bottom: 1px solid #062e41;
    background-color: #09a02e;
  }
  table#tblData6{
    width:99.5%;
    border-collapse: collapse;
    border-top: 1px solid #062e41;
    border-left: 1px solid #062e41;
    border-right: 1px solid #062e41;
    border-bottom: 1px solid #062e41;
    background-color: #09a02e;
  }
  table#tblData7{
    width:99.5%;
    border-collapse: collapse;
    border-top: 1px solid #062e41;
    border-left: 1px solid #062e41;
    border-right: 1px solid #062e41;
    border-bottom: 1px solid #062e41;
  }
  table#tblData8{
    width:99.5%;
    border-collapse: collapse;
  }
  table#tblData9{
    border-collapse: collapse;
    border-top: 1px solid #062e41;
    border-left: 1px solid #062e41;
    border-right: 1px solid #062e41;
    border-bottom: 1px solid #062e41;
  }
  table#tblData10{
    border-collapse: collapse;
    border-top: 1px solid #062e41;
    border-left: 1px solid #062e41;
    border-right: 1px solid #062e41;
  }
  table#tblData11{
    width:99.5%;
    border-collapse: collapse;
    border-top: 1px solid #062e41;
    border-left: 1px solid #062e41;
    border-right: 1px solid #062e41;
  }
  table#tblData12{
    width:99.5%;
    border-collapse: collapse;
    border-bottom: 1px solid #062e41;
    border-left: 1px solid #062e41;
    border-right: 1px solid #062e41;
  }
  table#tblData13{
    border-collapse: collapse;
    border: none;
    padding:0;
    margin:0;
  }
   table#tblHeader{
    width:96%;
    border-collapse: collapse;
  }
   table#tblfrmHeader{
    border-collapse: collapse;
  }
   tr#trfrmHeader{
    
  }
  table#tblfrmdetail{
    width:96%;
    border-collapse: : collapse;
  }
  tr#trUL{
    border-bottom: :1px solid #062e41;
    text-align: center;
  }
  td#tdId{
    border:1px solid #062e41;
    text-align: center;
  }
  td#tdIdEncours{
    border:1px solid #062e41;
    text-align: center;
    background-color: #feb8cf;
  }
  td#tdId2{
    border:1px solid #062e41;
    text-align: center;
    background-color: #FFFFFF;
  }
  td#tdId3{
    text-align: center;
    padding: 1.5px;
  }
  td#tdMoney{
    border:1px solid #062e41;
    text-align: right;
  }
  td#tdMoneyDet{
    border:1px solid #062e41;
    background-color: #FFFFFF;
    text-align: right;
  }
  td#tdMoneyDetSel{
    border:1px solid #062e41;
    background-color: #B8E1F8;
    text-align: right;
  }
  td#tdDet{
    border:1px solid #062e41;
  } 
 td#tdDetEncours{
    border:1px solid #062e41;
    text-align: left;
    background-color: #feb8cf;
    padding: 2px 5px;
  }
  td#tdDetR{
    border:1px solid #062e41;
    text-align: right;
  } 
  td#tdDetR2{
    border:1px solid #062e41;
    text-align: right;
    background-color:#FFFFFF;
  } 
  td#tdDet2{
    border:1px solid #062e41;
    padding: 2px 5px;
  } 
  td#tdDet3{
    border:none;
    padding: 2px 5px;
  } 
  td#tdDet4{
    border:none;
    background-color: #128e2d;
    padding: 2px 5px;
  } 
  td#tdDet5{
    border:none;
    background-color: #062e41;
    padding: 2px 5px;
  } 
  td#tdDet6{
    border:1px solid #128e2d;
    background-color: #128e2d;
    padding: 2px 5px;
  } 
  td#tdDet7{
    border:none;
    padding: 2px 4px;
  } 
  td#tdHdrC{
    border:1px solid #062e41;
    background-color: #67BE4B;
    text-align: center;
 } 
   td#tdHdrC2{
    text-align: center;
 } 
  th#thHdrC4{
    background-color: #67BE4B;
    text-align: center;
    border:1px solid #062e41; 
 } 
  th#thHdrC3{
    text-align: center;
 } 
  th#thHdrC5{
    text-align: center;
    border:1px solid #062e41; 
    background-color: #67BE4B;
    padding: 2px 5px;
 } 
  td#tdHdrL{
    text-align: left;
    padding: 2px 5px;
 } 
  th#thHdrL4{
    border:1px solid #062e41;
    text-align: left;
    padding: 2px 5px;
 } 
  th#thHdrL5{
    text-align: center;
 } 
   th#thHdrL6{
    border:1px solid #062e41; 
    background-color: #67BE4B;
    text-align: center;
 } 
   th#thHdrL7{
    border:1px solid #062e41; 
    background-color: #67BE4B;
    text-align: left;
    padding: 0;
    margin: 0;
    
 } 
  th#thHdrL8{
    background-color: #67BE4B;
    text-align: left;
    padding: 2px 5px;
    border-bottom:2px solid #062e41;
}
  th#thHdrL9{
    background-color: #67BE4B;
    text-align: left;
    padding: 2px 5px;
    border-bottom:1px solid #062e41;
}
  th#thHdrL10{
    background-color: #67BE4B;
    text-align: left;
    padding: 2px 5px;
    border-left:1px solid #062e41;
    border-right:1px solid #062e41;
}

  th#thHdrR2{
    text-align: right;
    padding: 2px 5px;
 } 
  th#thCalL{
    border-left:1px solid #062e41; 
    border-top:1px solid #062e41; 
    border-bottom:1px solid #062e41; 
    background-color: #fd8e8b;
    text-align: left;
 } 
  th#thCalC{
    border-top:1px solid #062e41; 
    border-bottom:1px solid #062e41; 
    background-color: #fd8e8b;
    text-align: center;
 } 
  th#thCalR{
    border-right:1px solid #062e41; 
    border-top:1px solid #062e41; 
    border-bottom:1px solid #062e41; 
    background-color: #fd8e8b;
    text-align: right;
 } 
  th#thCal2C{
    border:1px solid #062e41;
    padding:0;
    margin:0; 
    background-color: pink;
    text-align: center;
    width: 14.25%;
 } 
  th#thCal3C{
    border:1px solid #062e41;
    padding:0;
    margin:0; 
    text-align: center;
    width: 14.25%;
 } 
  th#thCalSel{
    border:1px solid #062e41;
    padding:0;
    margin:0; 
    background-color: lightgray;
    text-align: center;
    width: 14.25%;
 } 
  th#thCalActiv{
    border:1px solid #062e41;
    padding:0;
    margin:0; 
    background-color: lightblue;
    text-align: center;
    width: 14.25%;
 } 
div#divHeader{
    position: relative;
    width: 200px;
    background-color: #062e41;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #062e41;
}
div#divGrTot{
    position: relative;
    display: inline-block;
    height: 40px;
    visibility: visible;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
}
iframe#iGrTot { 
  position: absolute; 
  width: 100%;
  height: 40px;
  margin:0;
  padding:0;
    border: 1px solid #062e41;
}
div#machtemps { 
    position: relative;
    width:100%;
    border: none;
    height: 400px;
    visibility: visible;
    display: none;
   
}
iframe#imachtemps { 
  position: absolute; 
  width: 99%;
  height: 375px;
  border: 1px solid #062e41;
  background-color: #79DC59;
}
div#outilstemps { 
    position: relative;
    width:100%;
    border: none;
    height: 400px;
    visibility: visible;
    display: none;
   
}
iframe#ioutilstemps { 
  position: absolute; 
  width: 99%;
  height: 375px;
  border: 1px solid #062e41;
  background-color: #79DC59;
}
div#heures { 
    position: relative;
    width:100%;
    border: none;
    height: 400px;
    visibility: visible;
    display: none;
}
iframe#iheures { 
  position: absolute; 
  width: 99%;
  height: 375px;
  border: 1px solid #062e41; 
}
div#vehtemps { 
    position: relative;
    width:100%;
    border: none;
    height: 400px;
    visibility: visible;
    display: none;
   
}
iframe#ivehtemps { 
  position: absolute; 
  width: 99%;
  height: 375px;
  border: 1px solid #062e41; 
}
div#achatstemps { 
    position: relative;
    width:100%;
    border: none;
    height: 400px;
    visibility: visible;
    display: none;
   
}
iframe#iachatstemps { 
  position: absolute; 
  width: 99%;
  height: 375px;
  border: 1px solid #062e41; 
}
div#invtemps { 
    position: relative;
    width:100%;
    border: none;
    height: 400px;
    visibility: visible;
    display: none;
   
}
iframe#iinvtemps { 
  position: absolute; 
  width: 99%;
  height: 375px;
  border: 1px solid #062e41; 
}
div#travtemps { 
    position: relative;
    width:100%;
    border: none;
    height: 400px;
    visibility: visible;
    display: none;
   
}
iframe#itravtemps { 
  position: absolute; 
  width: 99%;
  height: 375px;
  border: 1px solid #062e41; 
}
div#paies { 
    position: relative;
    width:100%;
    height: 100%;
    visibility: visible;
}
iframe#ipaies { 
  position: absolute; 
  width: 99%;
  height: 100%;
  border: 1px solid #062e41;

}
div#HB { 
    position: relative;
    width:100%;
    height: 400px;
    visibility: visible;
    display: none;
}
iframe#iHB { 
  position: absolute; 
  width: 99%;
  height: 375px;
  border: 1px solid #062e41;

}
div#rptFP { 
    position: relative;
    width:100%;
    border: none;
    height: 100%;
    visibility: visible;
}
iframe#irptFP { 
  position: absolute; 
  width: 99%;
  height: 100%;
  border: 1px solid #062e41;


}
div#bilan { 
    position: relative;
    width:100%;
    border: none;
    height: 100%;
    visibility: visible;
}
iframe#ibilan { 
  position: absolute; 
  width: 99%;
  height: 100%;
  border: 1px solid #062e41;


}
div#projets { 
    position: relative;
    width:100%;
    border: none;
    height: 100%;
    visibility: visible;
}
iframe#iprojets { 
  position: absolute; 
  width: 99%;
  height: 100%;
  border: 1px solid #062e41;


}
div#temps { 
    position: relative;
    width:100%;
    border: none;
    height: 100%;
    visibility: visible;
}
iframe#itemps { 
  position: absolute; 
  width: 99%;
  height: 100%;
  border: 1px solid #062e41;


}
div#rptMenu { 
    position: relative;
    display: inline-block;
    height: 40px;
    border-radius: 10px 10px 0px 0px;
    background-color: #062e41;
    color: white;
    visibility: visible;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
}
div#rptMenu:hover{
    border: 1px solid #062e41;
    cursor: pointer;
    color: #e1ef08;
}

div#rptMenuAct { 
    position: relative;
    display: inline-block;
    height: 40px;
    border-radius: 10px 10px 0px 0px;
    background-color: #7f989e;
    color: white;
    visibility: visible;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
}
div#rptMenuAct:hover{
    cursor: pointer;
    color: #e1ef08;
}

iframe#irptMenu { 
  position: absolute; 
  width: 99%;
  height: 50px;
  border: none;


}
div#rptMain { 
    position: relative;
    width:100%;
    border: none;
    height: 400px;
    visibility: visible;
}
iframe#irptMain { 
  position: absolute; 
  width: 99%;
  height: 400px;
  border: none;


}
div#rptUM { 
    position: relative;
    width:100%;
    border: none;
    height: 150px;
    visibility: visible;
}
iframe#irptUM { 
  position: absolute; 
  width: 99%;
  height: 150px;
  border: 1px solid #062e41;


}
textarea#messagetxt{
    padding: 5px 5px;
    margin: 8px 0;
    border: 1px solid #062e41;
    box-sizing: border-box;
    font-size: 16px;
    font-family: Arial;
    color: #062e41;
    vertical-align: middle;
}