@font-face {
	font-family: 'Raleway';
	src: url('/fonts/Raleway/Raleway-Regular.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-Black.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-BlackItalic.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-Bold.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-BoldItalic.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-ExtraBold.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-ExtraBoldItalic.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-ExtraLight.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-ExtraLightItalic.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-Italic.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-Light.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-LightItalic.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-Medium.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-MediumItalic.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-SemiBold.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-SemiBoldItalic.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-Thin.ttf') format('truetype'),
        url('/fonts/Raleway/Raleway-ThinItalic.ttf') format('truetype');
}

html {    
    scroll-behavior: smooth;
}

body {
    font-family: 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.master_foot {
    /*float:left;*/
    width: 100%;
    /*margin-right:inherit;*/
    position:relative;
    bottom:0;
    /*height:150px;*/
}
.master_text {
    margin:10px;
    /*color:#7b91a2;*/
    text-align:center;
    color: #FFFFFF;
}
.master_text a {
    color: #FFFFFF;
}
#ddlLanguages {
    color: black;
}
.rowtext_center{
  text-align:center;
}
.rowtext_left{
  text-align:left;
}
.rowtext_right{
  text-align:right;
}
div.Authentification { 
 background-color : #fff;
  border-style : solid;
  border-color : #3276b1;
   border-radius : 4px;
  border-width : 2px;
  max-height : 400px;
  width: 300px;
} 
div.Authentification2 { 
 background-color : #fff;
  border-style : solid;
  border-color : #3276b1;
   border-radius : 4px;
  border-width : 2px;
  max-height : 300px;
  width: 350px;
} 

/*.text_normal {
	color:#05315c;
    font-family:'Lato Heavy';
  
}*/
.text_bold {
  text-align:center;
  font-weight: bold;
}
.text_rouge {
	color:#ed5858;
    /*font-family:'Lato Heavy';*/
    font-size:9px;
}

.divOubli
{
    /*font-style: normal;
    font-variant: normal;
    font-weight: 500;*/
    font: normal normal 500 14px/16px 'Raleway';
    color: #FFFFFF;
    text-shadow: 0px 0px 7px #000000;
    margin-top: 50px;
    margin-bottom: 25px;
}

@font-face { 
  font-family:'Lato Heavy';
   src: url('../font/Lato-Heavy.ttf'); 	
}
@font-face { 
  font-family:'Lato Regular';
   src: url('../font/Lato-Regular.ttf'); 	
} 
.btn_connecter {
    position: absolute;
    width: auto;
    text-align: center;
    color: #1F2A4E;
    font: normal normal bold 22px/35px 'Raleway';
    text-transform: uppercase;
    width: 50% !important;
    min-width: 205px;
    border-radius: 30px;
    /* Permet de centrer le bouton */ 
    left: 50%;
    transform: translateX(-50%);
}

 .btn_savoirPlus {
    font: normal normal bold 22px/24px 'Raleway';
    color: #005EAA;
    text-align: center;
    text-transform: uppercase;
    width: 50% !important;
    min-width: 205px;
    background-color: #FFFFFF;
    border-radius: 30px;
    padding:10px;
 }

  .btnContact {
    display: block;
    font: normal normal bold 22px/35px 'Raleway';
    color: #005EAA;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    width: 50% !important;
    min-width: 205px;
    background-color: #FFFFFF;
    border: 3px solid #005EAA;
    border-radius: 50px;
    padding:10px;
    margin: 50px;
 }

  .btnDevenirExploitant {
    display: block;
    font: normal normal bold 22px/35px 'Raleway';
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    width: 40% !important;
    min-width: 205px;
    background-color: #005EAA;
    border-radius: 30px;
    padding:10px;
    margin: 50px;
  }

 .color-6b87a0 {
	color:#6b87a0;
}

.right {
  text-align: right;
  margin-right: 1em;
}

.left {
  text-align: left;
  margin-left: 1em;
}



 

.div_select { 
 
 /*background-color :#3276b1;
 color :#fff;*/

 color :#3276b1;
 margin: 4px;
 /*border-radius : 2px;*/
 Font-Weight: Bold;
} 
.listebox { 
 padding-left: 0px; 
 border-width:0px;   
}
.trait_dessus 
{ 
/*border-top: 1px solid #000;*/ 
width : 100%; 
} 
.hidden-field
{
     display:none;
}

.GridViewSimple { 
    background-color: #fff;
  
}

.GridViewSimple tr  {
   
    border-bottom-width:1px; 
    border-bottom-color:#F2F7F5;
    border-bottom-style:solid;
}
.listeRow {
 margin-top:5px;
 margin-left:10px;
 max-width:150px;  
 /*width :auto;*/
 /*height: 15px;*/
 color: #555;
 background-color: #fff;  
 border: 1px solid #000;
 -webkit-appearance: none;
 -moz-appearance: none;
 cursor:pointer;
 background: url(../img/calendar.PNG) 98% / 12% no-repeat #fff;
  border-radius : 3px;
}
.calender{
 /*margin-top:5px;*/
 margin-left:10px;
 max-width:120px;
 /*height: 22px;*/
 /*color: #555;*/
 /*background-color: #fff;*/  
 border: 1px solid #000;
 cursor:pointer;
 background: url(../img/calendar.PNG) 98% / 12% no-repeat #fff;
  border-radius : 4px;
   font-size:14px;
}

.table table  tbody  tr  td a ,
.table table  tbody  tr  td  span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}


.table table > tbody > tr > td > span {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}

.table table > tbody > tr > td:first-child > a,
.table table > tbody > tr > td:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.table table > tbody > tr > td:last-child > a,
.table table > tbody > tr > td:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.table table > tbody > tr > td > a:hover,
.table   table > tbody > tr > td > span:hover,
.table table > tbody > tr > td > a:focus,
.table table > tbody > tr > td > span:focus {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}


.txtfail {

 color:#ed5858;
 border: solid;
 border-color: #cecfd1;
 
 background-color:#ed5858
}
.div_site { 
background-color : #fff;
border: 1px solid;
border-color : #ddd;
border-radius : 4px;
margin: 5px;
width:260px;
height:300px; 
} 
.div_site:hover {
border-color : #3276b1;
} 


.div_detail { 
    
background-color : #fff;
border: 1px solid;
border-color :#fff;
border-radius : 4px;
margin: 5px;
width:250px;
height:200px; 
max-height:200px; 
overflow:auto;

}

.colonne1 {
    margin-top:10px;
    margin-left:10px;
	float: left;
	/*width: 110px;*/
	/*background: lightblue;*/
}
.colonne2 {
     margin-top:10px;
    margin-right:10px;
	float: right;
	width: 40px;
	/*background: burlywood;*/
}
.colonne3 {
    margin-top:10px;
    margin-left:0px;
	float: left;
	width: 30px;
	
}
.colonne4 {
    margin-top:10px;
   margin-right:0px;
	float: right;
	width: 190px;
	/*background: burlywood;*/
}

.colonne5 {
   
  margin-top:5px;
   margin-left:20px;
	float: left;
	width: 145px;
}
.colonne6 { 
     
     margin-top:5px; 
   margin-right:5px;
	float: right;
	width: 65px;
}
.trait
{
    float:left;
/*margin-top:60px;*/
margin-left:15px;
background-color: lightsteelblue;
height: 0.5pt;
width: 230px;
}

.div_vert {
  font-size:12px;
  color : #22b620;
} 
.div_orange {
  font-size:12px;
  color : #ff6a00;
} 
.div_rouge {
  font-size:12px;
  color : #ff0010;
} 
.text_titre_filtre {
     text-align:center;
  font-weight: bold;
   font-size:14px;
   color:#337ab7;
}
.text_type_machine {
    font-size:12px;
    text-align:left;
}
.text_blue {
     font-size:12px;
  
    color:#337ab7;
}
.text_orange {
     font-size:12px;
    color:#ff6a00;
}
.text_red {
     font-size:12px;
    color:#ed5858;
}
.text_black {
     font-size:12px;
    color:#555;

}
.div_align_left{
     text-align:left;
}
.listeRow {   
 width : 250px;
 height: 28px;
 
}
.divviewservStat
{
    overflow:auto;
   
    /*width: 740px;*/
    height: 580px;
   
}

/*.mycheckbox input[type="checkbox"] 
{ 
    margin-right: 5px; 
    margin-left: 10px; 

}*/
.mycheckbox  { 
  padding-right: 10px;
  padding-left: 10px;
  text-indent: 15px;
  font-size:17px;
  
    }  
.mycheckbox2  { 
  padding-right: 10px;
  padding-left: 10px;
  font-size:15px;
  text-indent: 15px;
  /*opacity: 0.8;*/   
    }      

.mycheckbox3  { 
  padding-right: 10px;
  padding-left: 10px;
  font-size:15px;
  text-indent: 15px;
 opacity: 0.6;   
    } 


.div_filtre_cln1 { 
background-color : lightsteelblue;
border: 2px solid;
border-color :lightsteelblue;
border-radius : 4px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
width:20px;
} 
.div_filtre:hover {
border-color : #3276b1;
} 
.trait_verticale
{
float:right;
margin-top:-90px;
margin-bottom:10px;
background-color: #ddd;
width: 2px;
height:110px;
max-height:110px;

}
.div_filtres { 
background-color : #fff;
border: 1px solid;
border-color : #ddd;
border-radius : 4px;
height:158px;
}
.border_right{
    border-style:solid;
    border-left:none;
    border-top:none;
    border-bottom:none;
    border-right-color:#ddd;
    height:130px;
    border-width:1px;
    width:1px;
}

.div_filtre { 
background-color : #337ab7;
border: 2px solid;
border-color : #337ab7;
border-top-left-radius : 4px;
border-bottom-left-radius : 4px;
float:left;
margin-left:-15px;
} 


.mar_left{
margin-left:-15px;
}

.pad_right{
float:left;
margin-left:5px;
}

.mycheckbox_filtre  { 
  /*padding-right: 10px;*/
  padding-left: 10px;
  font-size:12px;
  text-indent: 5px;
  /*opacity: 0.8;*/   
    } 
.mycheckbox_filtre2  { 
  /*padding-right: 5px;*/
  padding-left: 0px;
  font-size:12px;
  text-indent: 5px;
  /*opacity: 0.8;*/   
    } 

.navbar-menu {
  float: right;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-menu:hover,
.navbar-menu:focus {
  text-decoration: none;
}
.navbar-menu > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-menu,
  .navbar > .container-fluid .navbar-menu {
    margin-left: -15px;
  }
}
.master_lang {
    padding: 10px;
    text-align: center;    
    background: #005DAC 0% 0% no-repeat padding-box;
    height: auto;
    color: #fff;
}
.obligatoire {
    color: red;
}


.txtprice{
    font-size:12px;
    white-space:nowrap;
    text-align:center; 
    padding-right:20px; 
}

.divlblMaterielsregles {
    margin-left:20px;
}

.lblMaterielsregles{
    margin-right:30px;
    font-size:10px;
    
    
}

.listprograms {
    max-height: 800px; 
    overflow: Auto; 
    border: 2px solid;
    border-color : #ddd;
    border-radius : 4px; 
    padding:5px; 

}

.heure{
    float: left;
    margin-top: 0px;    
    width: 15px;
    height: 8px;
    margin-left: 0px;
    margin-bottom: 0px;
    cursor: pointer; 
    border-left:1px solid white; 
    border-bottom:1px solid white; 
    color: #797d82;
    font-family: '4365';
    font-size: 12px;
}

.creuse {    
    background-color: #6AAB00;
}

.pleine {
    background-color: #ed230b;
}

.daytxt{
     color: #797d82;
    font-family: '4365';
   font-size: 8px;
}

svg path {
    fill: #337ab7;
}

.svgactive path {
    fill: white;  
}

.svgstat div path {
    fill: transparent;   
}


input[type='checkbox'] {
    width: 13px;
    height: 13px;
    /*display: block;
	float: left;*/
    position: relative;
    cursor: pointer;
    margin-top: 5px;
}

    input[type='checkbox']:after {
        content: "";
        vertical-align: middle;
        text-align: center;
        line-height: 13px;
        position: absolute;
        cursor: pointer;
        height: 13px;
        width: 13px;
        left: 0;
        top: 0;
        font-size: 10px;
    }

    input[type='checkbox']:checked:hover:after {
        background: #337ab7;
    }

    input[type='checkbox']:checked:after {
        background: #337ab7;
        content: '\2714';
        color: #fff;
        border: none;
        border-radius: 4px;
    }

    input[type='checkbox'] + label {   
    }

    .HeaderHorizontalAlignRight {
        text-align:right;
    }


.main {
   min-height:100%;
   position:relative;
   padding-bottom:50px;   /* Hauteur du pied de page */
}

.align-items-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}

.noMarginRow {
    margin-right:0 !important;
    margin-left: 0 !important;
}

.noPadding {
    padding-right: 0 !important;
    padding-left:0 !important;
}

/*Authentification flotéo*/
.headerBody {
    width: 100%;
    height: 91px;
}

.headerLogo {
    /*background: transparent url('../img/logo_teameowash.png') 50% 50% no-repeat padding-box;
    height: 100%;*/
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;

}

.bodyImgBackground {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url('../img/fond_teameo.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    opacity: 1;
}

.txtWelcome {
    width:100%;
    margin: auto;
    margin-bottom:25px;
    text-align: center;
    font: normal normal normal 35px/40px 'Raleway';
    text-shadow: 0px 0px 20px #000000;
    letter-spacing: 0px;
    color: #FFF;
    opacity: 1;
}

.titleTeameoStyle {    
    font: normal normal 500 35px/40px 'Raleway';
}

.pnlLogin {
    margin-top: 150px;
    background: #005EAA 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 25px;
    border-radius: 10px;
}

login-form {
    margin: 0 24px;
}

.txtAcces {
    width:70%;
    margin: auto;
    margin-bottom:25px;
    text-align: center;
    font: normal normal 500 20px/25px 'Raleway';
    letter-spacing: 0px;
    color: #FFF;
    opacity: 1;
}

.sub_div {    
    position: absolute;
    bottom: 0px;
    /* Permet de centrer le bouton */ 
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.arrowBottom {
    text-align:center;
    /*margin-top: 50px;*/
}

.arrow {
    display:block;
    text-align: center;
    margin: auto;
    background-color: #FFF;
    width: 50px;
    height: 90px;
    background: transparent url('../img/scroll_down.png') 50% 50% no-repeat padding-box;
}

.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

.titleTeameo {
    font: normal normal 800 35px/30px 'Raleway';
    text-align: center;
    letter-spacing: 0px;
    color: #005EAA;
    text-transform: uppercase;
    opacity: 1;
    margin: 25px 0;
}

.infoWashcap {
    min-height: 620px;
    background: #005EAA 0% 0% no-repeat padding-box;
    padding: 25px 75px;
}

.titleWashcap {
    font: normal normal 800 35px/30px 'Raleway';
    color: #FFF;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 50px;
    opacity: 1;
}

.txtWashcap {
    font: normal normal normal 20px/30px 'Raleway';
    margin-bottom: 25px;
    color: #FFF;
    text-align: left;
}

.txtWashcapStyle {
    font: normal normal 600 20px/30px 'Raleway';
    color: #FFF;
    text-align: left;
}

.divStore {
    position: absolute;
    bottom: 0px;
    height: 85px;
    line-height: 85px;
    margin-bottom: 50px;
}

.pictoAppStore {
    width: 205px;
    height: 66px;
    background: transparent url('../img/picto_app_store.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-right: 45px;
    
    /* Permet de centrer le bouton */ 
    top: 50%;
    transform: translateY(-50%);
}

.pictoGooglePlay {
    width: 212px;
    height: 66px;
    background: transparent url('../img/picto_google_play.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    /* Permet de centrer le bouton */ 
    top: 50%;
    transform: translateY(-50%);
}

.pictoWashcap {
    /*width: 345px;*/
    height: 480px;
    background: transparent url('../img/telephone.png') 100% 0% no-repeat padding-box;
    right: -30px;
    opacity: 1;
    z-index: 2;
}

.footerBody {
    width: 100%;
    height: 114px;
    background: #005DAC 0% 0% no-repeat padding-box;
    opacity: 1;
}

.txtFloteoFooter {
    font: normal normal normal 16px/22px Myriad Pro;
    text-align: right;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-right: 10px;
    opacity: 1;
}

.pictoEASfooter {
    width: 199px;
    height: 75px;
    background: transparent url('../img/logo_eas_blanc.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

.txtTeameo {
    font: normal normal normal 20px/30px 'Raleway';
    margin-bottom: 20px;
}

.txtTeameoStyle {
    font: normal normal 600 20px/30px 'Raleway';
    color: #5F98CD;
}

@media (max-width: 800px) {
    .txtWelcome {
        font: normal normal bold 20px 'Raleway';
    }    
    .infoWashcap {
        padding: 25px 45px;
    }
    .txtWashcap {
        font: normal normal normal 16px 'Raleway';
    }
    .divStore {
        height: 132px;
    }
    .pictoAppStore {
        margin-right: 10px;
    }
}



@media (max-height: 760px) {
    .bodyImgBackground {
        height: auto;
    }
    .sub_div {
        position: relative;
    }
}