@import '../../roboto-fontface/css/roboto/roboto-fontface.css';
@import '../../roboto-fontface/css/roboto-condensed/roboto-condensed-fontface.css';
@import '../../roboto-fontface/css/roboto-slab/roboto-slab-fontface.css';

html, body {
    /*behavior: url("hover.htc");*/
   
    font-family: 'RobotoDraft', 'Roboto', sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    empty-cells: hide;
    background-color: #ffffff;
    color: #000000;
    background-position: left top;
    /*background-color:#00A0C6;
    background-color:#b6d257;
    background-image: url('../../../../../../images/libradatafond.png');*/
    background-repeat:repeat-x;
    height: 100%;
    width:  100%;
    margin: 0;
    
}
.content{
    height : 100% !important;
    width:  98%;
    margin: auto;
}
.table{
    color:black;
}
.table td{
    vertical-align: top !important;
}
.rnd_content table td{
    vertical-align: middle !important;
}

.cell_h1 {
  font-family: Roboto-Light;
  font-size: 42px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  color: var(--black);
}

.cell_courant {
  font-family: Roboto-Regular;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  color: var(--black);
}



.cell {
    /*font-size: 13px !important; */
    color:#F0F0F0;
    text-align:left;
    /*text-transform: uppercase;*/
    display: block;
    margin: 5px;
    color: #000000;
}
.cell_title {
    /*font-size: 12px !important; */
    color:#F0F0F0;
    text-align:center;
    display: block;
    margin: 15px;
}
.message_navigator {
    font-size: 14px !important; 
    color:#FF0000;
    font-weight: bold;
    text-align:center;
}
.title {
    font-weight: bold;
    text-align:left;
    /*font-size: 12pt !important; */
    color:black;
    text-transform: uppercase;
}

.cellCopy {
  font-family: Roboto-Regular;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.error {
    font-size: 11px; 
    color:red;
}
.text_box {
	
        width: 100px !important;
        border: 0px #CCCCCC solid !important;
        /*font-size:100%;*/
        display : inline-block !important;
        text-ident : 0px !important;
        margin : 0em !important;
        letter-spacing:normal !important;
        text-shadow : none;
        /*-moz-border-radius: 6px;
        -webkit-border-radius: 6px;*/
        font-family: 'RobotoDraft', 'Roboto', sans-serif;
        font-size: 14px;
}




 #rnd_container {width:90%;margin:0px;height: 100px}  
.rnd_top, .rnd_bottom {display:block; font-size:1px;}
.rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
.rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
.rnd_b2, .rnd_b3, .rnd_b4 {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.rnd_b1 {margin:0 5px; background:#FFFFFF;}
.rnd_b2 {margin:0 3px; border-width:0 2px;}
.rnd_b3 {margin:0 2px;}
.rnd_b4 {height:2px; margin:0 1px;}
.rnd_content {
    display:block;
    border:0 solid #FFFFFF;
    border-width:0 1px;
    padding: 0px;
    background:#FFFFFF;
    color:#000000;
}

.login {
    height: 100%;
    display: table;
    width:100%;
}

.btn-login{
  outline: none;
  border-radius: 37px;
  height: 48px;
  width: 375px;
  /*font-size: 12px;*/
  border: none;
  color: #fff;
  background-color: #5393e0;
}

.left {
  background-color: #FFFFF;
  height: 100%;
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  text-align: center;
}

.right {
  height: 100%;
  background-color: #F0F0F0;
  color: #000;
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

.right.form-control {
  height: 60px;
  padding: 16px 10px 0 10px;
  border: 1px solid #5393e0;
  box-shadow: 0 0 9px 0 rgba(55, 97, 148, 0.3);
  /*font-size: 16px;*/
  font-weight: 500;
  color: #000000;
}


.right label{
  color: #999999;
  /*font-size: 12px;*/
  padding-top: 6px;
  padding-left: 12px;
  font-weight: normal;
  position: absolute;
}

.btn-login{
  outline: none;
  border-radius: 37px;
  height: 35px;
  width: 100%;
  /*font-size: 12px;*/
  border: none;
  color: #000000;
  background-color: #F7A600;
  font-family: 'RobotoDraft', 'Roboto', sans-serif;
  font-size: 14px;
  cursor: pointer;
}

.pied{
    position: absolute;
    bottom: 10px;
    right: 10px;
}