@import url(data:font/opentype;base64,"http://fonts.googleapis.com/css?family=Francois+One");

body {
   font-family: 'Open Sans';
   font-size: 1vw;
   overflow-y: auto;
  }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), 
       local('OpenSans-Light'), 
       url(data:font/opentype;base64,http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2'), 
       url(data:font/opentype;base64,http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
  }

#copyright {
  position: absolute;
  width: 13vw;
  height: 2vw;
  left: 100%;
  top: 100%;
  margin: -1.2vw 0px 0px -13vw;
  }
.txtSmall {
  font-family: 'tahoma';
  font-size: 0.7vw;
  color: #676767;
  }
.ZoneSaisie {
  width: 100%;
  font-family: 'Tahoma';
  font-size: 1vw;
  border: 1px solid #bababa;
  padding: 2px;
  }
.ZoneSaisie:disabled {
  background-color: #ffffff;
  }
.ZoneSaisie:focus {
  border-color:#5b9dd9;
  -webkit-box-shadow:0 0 2px rgba(30,140,190,.8);
  box-shadow:0 0 2px rgba(30,140,190,.8)
  }
.ZoneSaisieDate {
  width: 7vw;
  font-family: 'Open Sans';
  font-size: 1vw;
  border: 1px solid #bababa;
  text-align: center;
  }
.ZoneSaisieDate:focus {
  border-color:#5b9dd9;
  -webkit-box-shadow:0 0 2px rgba(30,140,190,.8);
  box-shadow:0 0 2px rgba(30,140,190,.8)
  }
.ZoneSaisieCenter {
  width: 100%;
  font-family: 'Open Sans';
  font-size: 1vw;
  text-align: center;
  border: 1px solid #bababa;
  }
.ZoneSaisieCenter:focus {
  border-color:#5b9dd9;
  -webkit-box-shadow:0 0 2px rgba(30,140,190,.8);
  box-shadow:0 0 2px rgba(30,140,190,.8)
  }
.ZoneSaisieTA {
  width: 96%;
  height: 100%;
  font-family: 'Tahoma';
  font-size: 12px;
  border: 1px solid #bababa;
  padding: 2px;
  resize:none;
  }
.ZoneSaisieTA:disabled {
  background-color: #ffffff;
  }
.ZoneSaisieTA:focus {
  border-color:#5b9dd9;
  -webkit-box-shadow:0 0 2px rgba(30,140,190,.8);
  box-shadow:0 0 2px rgba(30,140,190,.8)
  }
.btBouton {
  font-family: 'Tahoma';
  font-size: 12px;
  color: #ffffff;
  border: 1px solid #bababa;
  border-radius: 5px;
  background-color: #353535;
  height: 28px;
  font-weight: bold;
  }
.btBouton:hover {
  background-color: #216598;
  cursor: pointer;
  }
.btBoutonRed {
  font-family: 'Tahoma';
  font-size: 12px;
  color: #ffffff;
  border: 1px solid #bababa;
  border-radius: 5px;
  background-color: #DF0101;
  height: 28px;
  font-weight: bold;
  }
.btBoutonRed:hover {
  background-color: #8A0808;
  cursor: pointer;
  }
.btBoutonGreen {
  font-family: 'Tahoma';
  font-size: 12px;
  color: #ffffff;
  border: 1px solid #bababa;
  border-radius: 5px;
  background-color: #088A08;
  height: 28px;
  font-weight: bold;
  }
.btBoutonGreen:hover {
  background-color: #0B6138;
  cursor: pointer;
  } 
.txtNormal {
  font-family: 'tahoma';
  font-size: 0.7vw;
  color: #000000;
  }
.clTitre {
  padding: 3px;
  border:1px solid #bababa;
  border-radius: 5px;
  background-color: #e1e1e1;
  color: #000000;
  font-family: tahoma;
  font-size: 2vh;
  font-weight: bold;
  }
.clTitre2 {
  padding: 2px;
  border:1px solid #bababa;
  border-radius: 5px;
  background-color: #e1e1e1;
  color: #000000;
  font-family: tahoma;
  font-size: 14px;
  font-weight: bold;
  }
.imgUP_DOWN {
  width: 30px;
  height: 30px;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */  
  }
.imgUP_DOWN:hover {
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */  
  }
.imgUP_DOWN2 {
  width: 25px;
  height: 25px;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */  
  }
.imgUP_DOWN2:hover {
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */  
  }
.clError {
  font-family: 'tahoma';
  font-size: 12px;
  color: #ff0000;
  font-weight: bold;
  width: 100%;
  }
.clQuestion {
  font-family: 'tahoma';
  font-size: 12px;
  color: #000080;
  font-weight: bold;
  width: 100%;
  }
/*
#lstML {
  width: 100%;
  height: 100%;
  z-index: 1000;
  }
.cliFrameListe {
  width: 100%;
  height: 80%;
  }
.zonePopin {
  position: fixed;
  border: 1px solid #bababa;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  width: 26vw;
  height: 10vw;
  margin-top: -5vw;
  margin-left: -13vw;
  background-color: #ffffff;
  font-size: 1vw;
  text-align: center;
  z-index:99999;
  }
.iconNewML {
  width:2.1vw;
  }
#header {
  position: fixed;
  width: 100%;
  height: 8vw;
  background-color: #ffffff;
  z-index: 11;
  }
.bandeau {
  position: absolute;
  background-image: url(/images/bandeau.png);
  background-size: 100% 100%;
  height: 7.9vw;
  width: 14vw;
  top: 0px;
  left: 0px;
  z-index: 0;
  }
.bandeau-titre {
  position: absolute;
  font-family: 'Francois One', sans-serif;
  font-size: 3vw;
  top: 1.8vw;
  left: 10vw;
  z-index: 0;
  color: #00a0d2;
  line-height: 2.5vw;
  text-align: left;
  }
.clParthena {
  font-size: 1.5vw;
  color: grey;
  }
.bandeau-ligne {
  position: absolute;
  top: 7.9vw;
  left: 0px;
  height: 1px;
  width: 100%;
  border-top: 1px solid #bababa;
  z-index:1;
  }
#logo {
  background-image: url(/images/logo.png);
  background-size: 100% 100%;
  width: 6vw;
  height: 6vw;
  cursor: pointer;
  border-radius: 10px;
  }
#logo:hover {
  background-image: url(/images/logout.png);
  }
.dvArdoises {
  position: absolute;
  left: 100%;
  top: 1vw;
  width: 50vw;
  margin-left: -50vw;
  }
.dvArdoisesAdm {
  position: absolute;
  left: 100%;
  top: 1vw;
  width: 60vw;
  margin-left: -60vw;
  }
.logoHeader {
  float: right;
  }
.ardoise {
  float: right;
  background-image: url(/images/ardoise.png);
  background-size: 100% 100%;
  width: 10vw;
  height: 6vw;
  z-index: 2;
  text-align: center;
  cursor: pointer;
  margin-right: 1vw;  
  }
#ardoiseNewMarketList {
  left: 15vw;
  }
#ardoiseModeleMarketList, #ardoiseAllMarketList {
  left: 25.5vw;
  }
#ardoiseParam {
  left: 36vw;
  }
.txtArdoise {
  position: relative;
  font-family: 'Francois One', sans-serif;
  font-size: 1.1vw;
  color: #ffffff;
  top: 1.4vw;
  }
.txtArdoise:hover {
  color: #ff0000;
  }

.ZoneOpacity {
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgb(119, 119, 119); 
  background: url('/images/bg-opacity.png') repeat;
  z-index:99998;
  }
.cliFrame {
  position: absolute;
  background-color:#dedede;
  border-width: 3px;
  border-style: solid;
  border-color: #44a2c9;
  }
textarea {
  resize:none;
  }
select {
  border: 1px solid #bababa;
  font-size: 1vw;
  }
.btButton {
  border: 1px solid #bababa;
  border-radius: 0.2vw;
  font-size: 0.8vw;
  font-weight: bold;
  height: 1.8vw;
  }
.btButton:hover {
  border: 1px solid #ff0000;
  cursor: pointer;
  background-color: #000000;
  color: #ffffff;
  }
.icon {
  width:1.8vw;
  }
.clMessERR {
  color: #ff0000;
  font-family: 'Open Sans';
  font-weight: bold;
  font-size: 1vw;
  }  
*/