#main-footer {
    background-color: #fff;
}
.tbl tr td
{
padding: 10px; 
}
.bleu{color:#2098D1 !important;}
.rouge{color:#ae0000 !important;}

.dataTables_wrapper .dataTables_filter{  margin-right: 150px;}
#dhtmltooltip{
		position: absolute;
		width: 350px;
		border: 2px solid #2779AA;
		color: #2779AA;
		 background: white; /* Fallback */
	    background: -moz-linear-gradient(#eeefef, #ffffff 10%);
	    background: -ms-linear-gradient(#eeefef, #ffffff 10%);
	    background: -o-linear-gradient(#eeefef, #ffffff 10%);
	    background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff));
	    background: -webkit-linear-gradient(#eeefef, #ffffff 10%);
	    background: linear-gradient(#eeefef, #ffffff 10%);
		border-radius:5px; 
		padding: 2px;
		visibility: hidden;
		z-index: 100;
		opacity: 0.85;
		padding:10px;
		}
	
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.clearfix:after {
    display: table;
    clear: both;
}

label {
    display: inline-block;
    width: 5em;
  }
#footer-bottom {
    padding: 15px 0 5px;
    background-color: #efefef;
}
#footer-info, #footer-info a {color: #333;}

#dashboard .info {
    top:3%;
    text-align: center;
    display: block;
    width: 100%;
    font: bold 17px Lato, Arial;
    color: #111111;
    padding-bottom:1px;
}
#dashboard .info2 {
    top:42%;
    text-align: center;
    display: block;
    width: 100%;
    font: normal 16px Lato, Arial;
    color: black;
    padding-bottom:5px;
}
#dashboard .info3 {
    top:68%;
    text-align: center;
    display: block;
    width: 100%;
    font: normal 16px Lato, Arial;
    color: black;
    padding-bottom:5px;
}
.ui-datepicker td.ui-datepicker-current-day .ui-state-default {
    color: 
    #AE0000 !important;
}
.date{font-size: 20px;font-weight:bold;margin-top:-3px;}
.heure{font-size: 22px;font-weight:bold;margin-top:-10px;color:#2098D1;}
.Style4 {
    opacity: 0.1;
}
.Style4:hover {
    opacity: 0.9;
}


header, nav, section{display: block; box-sizing: border-box;}

#header{display: none;}
#nav_options{display: none;}

*{margin: 0; padding: 0;}
a{color: #2098D1; text-decoration: none;}
a:hover{text-decoration: underline;}
img{border: none;}

::-webkit-file-upload-button {cursor:pointer;}
::-webkit-selection, ::-moz-selection, ::selection {color: #fff; background: #2098D1;}
li{display: block; list-style: none;}

.clearfix{clear:both;float:none;}
.invisible{display: none!important;}
.cache{visibility: hidden;}
.center{text-align: center;}

body{background: #efefef; font: normal 13px/18px Lato, Arial; color: #444; height: 100%; -webkit-font-smoothing: antialiased!important;}
body.iframe{background: #ffffff; text-align: center; box-sizing: border-box; height: auto;}

section{margin: 0 0 0 80px; }

section.registre{padding: 1%; padding-top: 58px;}

input[type=password], input[type=text]{border: 1px solid #ddd; background: white; line-height: 19px; outline-width: 0; padding: 2px 3px; box-sizing: border-box; font: normal 14px/19px Lato, Arial; height: 27px; border-radius: 2px;}
input[type=password]:hover, input[type=text]:hover{border-color: #bbb;}
input[type=password]:focus, input[type=text]:focus{border-color: #2098D1!important;}

.negatif, .negatif input{color: #F9315D;}
.positif, .positif input{color: #97D42E;}

.negatif input:focus{color: #000;}
.positif input:focus{color: #000;}

.highlight{color: #2098D1;}
.highlight.blue{color: #0092ba!important;}
.highlight.purple{color: #523480!important;}

.clickable{cursor: pointer;}

.message_download{
	padding: 50px 200px;
	text-align: center;
	background-color: white;
	font-size: 20px;
	line-height: 35px;
}
.message_download h1{
	margin-bottom: 30px;
}

.feedback{
	text-align: center;
	margin-bottom: 10px;
	position: fixed;
	width: 100%;
	z-index: 2000;
	padding: 10px 0;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;0695607001
	background: rgba(62,221,184,.6);
	color: rgba(255,255,255,1);
}

.selection-box {
    position: absolute;
    background: transparent;
    border: 1px dotted #000;
}
.submit{border-radius:2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: normal 1em/1em Lato, Arial;padding: .4em 1em;display: inline-block;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #2098D1;border: 1px solid #369ec1;transition: all .3s;font-weight: bold;}
.submit:hover{border-radius:2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: normal 1em/1em Lato, Arial;padding: .4em 1em;display: inline-block;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #AE0000;border: 1px solid #AE0000;transition: all .3s;font-weight: bold;}
.submit2{border-radius:2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: normal 1em/1em Lato, Arial;padding: .4em 1em;display: inline-block;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #AE0000;border: 1px solid #AE0000;transition: all .3s;font-weight: bold;}

a {color:#2098D1;text-decoration:none;}

/***********************************************/
/******************** HEADER *******************/

#entete {height: 37px; position: relative; z-index: 30; background-color: #2098D1; padding-right: 3px;}
#entete > a{position: relative; float: right; font: normal 16px/35px Lato, Arial; padding: 0 10px; color: white; height: 37px;}


#entete > a.simple_link{position: relative; float: left; font: normal 12px Lato, Arial; padding: 0 10px; color: white; height: 33px; display: inline-block;line-height: 36px;}
#entete > a.simple_link:hover{background: none; }

#entete > div{position: relative; float: right; font: normal 16px/35px Lato, Arial; padding: 0 10px; color: white; height: 37px; cursor: default;}
#entete > div.profil{cursor: default; min-width: 120px; text-align: right;}
#entete > div.profil:after{display: inline-block; content: ''; width: 20px; height: 10px; background: url(/images/fleche_blanche_bas.png) no-repeat 7px;}
#entete > div.hover{background-color: #2bd5df;}
#entete > div.active{background-color: white; color: #2098D1; box-shadow: 0 1px 1px 0 rgba(0,0,0,.5);}
#entete > div.profil.active:after{background: url(/images/fleche_bleu_bas.png) no-repeat 7px;}
#entete > div#periode_essai{font-size: 0.95em;}
#entete > div#periode_essai a{color: white; text-decoration: none;}

#entete .profil ul.menu_profil{background-color: white; position: absolute; right: 0; width: 100%; display: none; box-shadow: 0 1px 1px 0 rgba(0,0,0,.5); text-align: left;}
#entete .profil ul.menu_profil li{border-top: 1px solid #efefef;}
#entete .profil ul.menu_profil li a{display: inline-block; padding: 10px; height: 100%; width: 100%; color: #bbb; font: normal 14px Lato, Arial; box-sizing: border-box;}
#entete .profil ul.menu_profil li a:hover{text-decoration: none; background-color: #efefef; color: #888;}
#entete .profil ul.menu_profil li:last-child a{color: #2098D1;}
#entete .profil.active .menu_profil{display: block;}

#entete .badges span{float: right; display: inline-block; width: 25px; height: 29px; margin-top: 4px; margin-left: 5px;}
#entete .badges span.star{background: url(/images/badges/badge_star.png) no-repeat;}
#entete .badges span.up{background: url(/images/badges/badge_up.png) no-repeat;}
#entete .badges span.diams{background: url(/images/badges/badge_diams.png) no-repeat;}
#entete .badges span.wings{background: url(/images/badges/badge_wings.png) no-repeat;}

/***************************************************/
/******************** NAVIGATION *******************/

nav#principal:before{background: #333; height: 100%; position: fixed; top: 0; width: 80px; content: ''; z-index: 0;}
nav#principal{position: absolute; top: 45;  z-index: 20;}
nav#principal > ul > li > a{
	display: block;
	width: 80px;
	height: 80px;
	font: normal 14px Lato, Arial;
	text-align: center;
	color: inherit;
	text-shadow: 0px 0px 1px rgba(0,0,0,0);
	text-decoration: none;
	/*padding-top: 40px;*/
}
nav#principal > ul > li > a > span{position: relative; display: block; font-size: 30px; width: 80px; text-align: center; top: 16px; margin-bottom: 14px;}
nav#principal > ul > li{position: relative; height: 80px; width: 80px; color: #f4f4f4; cursor: pointer;}
nav#principal > ul > li:hover{background: #222;}
nav#principal > ul > li.courant{background: #efefef; color: #555;}
nav#principal > ul > li.courant > a{background: #efefef; color: #555; font-weight: bold;}

nav#aide > ul > li > a{
	display: block;
	width: 80px;
	height: 80px;
	font: normal 14px Lato, Arial;
	text-align: center;
	color: inherit;
	text-shadow: 0px 0px 1px rgba(0,0,0,0);
	text-decoration: none;
	/*padding-top: 40px;*/
}
nav#aide{position: fixed; bottom: 0; z-index: 20;}
nav#aide > ul > li > a > span{position: relative; display: block; font-size: 30px; width: 80px; text-align: center; top: 16px; margin-bottom: 14px;}
nav#aide > ul > li{position: relative; height: 80px; width: 80px; color: #f4f4f4; cursor: pointer;}
nav#aide > ul > li:hover{background: #222;}
nav#aide > ul > li.courant{background: #efefef; color: #555;}
nav#aide > ul > li.courant > a{background: #efefef; color: #555; font-weight: bold;}

.sub_nav ul{font-size: 14px;}
.sub_nav ul li.sub_separator{height: 1px; margin: 2px 0; background-color: #efefef;}
.sub_nav ul li a{text-decoration: none; display: block; padding: 12px; color: #333; line-height: 23px; min-width: 150px;}
.sub_nav ul li a span{margin-right: 10px; font-size: 24px; float: left; color: #333;}
.sub_nav ul li a.sub_nav_banque{background: url(/images/sub_nav_banque.png) no-repeat 15px;}
.sub_nav ul li a.sub_nav_cash{background: url(/images/sub_nav_cash.png) no-repeat 15px;}
.sub_nav ul li a.sub_nav_clients{background: url(/images/sub_nav_clients.png) no-repeat 15px;}
.sub_nav ul li a.sub_nav_facture{background: url(/images/sub_nav_facture.png) no-repeat 15px;}
.sub_nav ul li a:hover{background-color: #f5f5f5;}

 /* The alert message box */
.alert2 {
  padding: 20px;margin:30px;
  background-color: #f44336; /* Red */
  color: white;font-weight:bold;font-size:16px;
  margin-bottom: 15px;
}
.alert1 {
  padding: 20px;margin:30px;
  background-color: #4CAF50; /* Red */
  color: white;font-weight:bold;font-size:16px;
  margin-bottom: 15px;
}
.alert3 {
  padding: 20px;margin:30px;
  background-color: #ff9800; /* Red */
  color: white;font-weight:bold;font-size:16px;
  margin-bottom: 15px;
}
.alert1 a,.alert2 a,.alert3 a{color: white;}
/* The close button */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
} 

.icon{opacity:70%;}
.icon:hover{opacity:100%;}

/**********************************************/
/******************** BLOCS *******************/

.bloc{position: relative; background-color: white;  width: 90%; margin: 1.5%; float: left; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.2); box-sizing: border-box; z-index: 0;}
.bloc div{height: 100%; box-sizing: border-box;}

.bloc.hsmall{height: 105px;padding:20px;}
.bloc.whalf{width: 47.0%;padding:20px;}
.bloc.wquarter{width: 22%;padding:20px;}
.bloc.large{width: 97%;padding:20px;text-align:left;}
.bloc.formulaire1{width: 60.0%;margin-left:20%;margin-right:20%;padding:20px;text-align:center;}
.formulaire2{width: 60.0%;margin-left:20%;margin-right:20%;margin-bottom:100px;text-align:center;}
.formulaire2 td{padding:20px;}

@media screen and (max-width: 1570px) {

  .bloc.whalf {width: 97%;padding:20px;}
  .bloc.wquarter {width: 47%;padding:20px;}
  .bloc.declarer a span{font-size: 1.1em;}
  .bloc.declarer > a > span{padding-top: 45px;}
  .bloc.formulaire1{width: 100.0%;margin-left:20px;margin-right:20px;}
  .formulaire2{width: 80.0%;margin-left:10%;margin-right:10%;margin-bottom:100px;text-align:center;}
  .bloc.formulaire1{width: 80.0%;margin-left:10%;margin-right:10%;margin-bottom:50px;padding:20px;text-align:center;}
}

@media screen and (max-width: 800px) {

  .bloc.whalf {width: 97%;padding:20px;}
  .bloc.wquarter {width: 97%;padding:20px;}
  .bloc.declarer a span{font-size: 1.1em;}
  .bloc.declarer > a > span{padding-top: 45px;}
  .formulaire2{width: 97.0%;margin-left:20px;margin-right:20px;margin-bottom:100px;text-align:center;}
  .bloc.formulaire1{width: 97.0%;margin-left:20px;margin-right:20px;margin-bottom:50px;padding:20px;text-align:center;}

}


/**********************************************/
/******************** INSCRIPTION *******************/

html { 
  font: normal 12px Lato;
  background: #f7f7f7;
}

#identification {
  position: absolute;
  left: 50%;
  margin-left: -270px;
  top: 200px;
  width: 540px;
  text-align: center;
}

h1 {
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 125px;
  color: #42474c;
  font-weight: 300;
  font-size: 60px;
  text-align: center;
}

.highlight {
  color: #3DB6E0;
}

h2 {
  font-weight: bold;
  font-size: 17px;
  text-transform: uppercase;
}



#identification p  {
  color: black;
  text-shadow: none;
  padding-left: 5px;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  margin: 5px 0 15px;
}

#identification form {
  border: 1px solid #efefef;
  background-color: #fff;
  margin-top: -4px;
  padding: 30px 80px 15px;
  text-align: left;
}

#identification form h2 {
  color: #42474c;
  font: 300 32px 'Ubuntu', sans-serif;
  margin: 0 0 30px;
}

#identification form p.message {
  font: normal 18px 'Ubuntu', sans-serif;
}

#identification form p.message.error {
  
  line-height: 20px;
  padding: 10px;
  font-size: 15px;
  color: #a94442;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  border-radius: 4px;


}

#identification form p.alerte {
  border: 2px solid #ff4302;
  color: #ff4302;
  padding: 10px;
  border-radius: 15px;
  background: rgba(255,255,255,.50);
}

#identification form p {
  color: #2098D1;
  text-shadow: none;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 15px;
}

#identification form p label {
  color: black;
  display: inline-block;
  width: 140px;
  text-align: right;
  padding-right: 20px;
}

/*
#identification form p.error:before  {
  display: inline-block;
  padding: 0 7px;
  border-radius: 15px;
  background-color: #ff4302;
  content: '!';
  position: absolute;
  left: 70px;
  color: white;
}*/

#identification form p.success  {
  color: #3c763d;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  padding: 10px; 
  border-radius: 4px;
}

/*#identification form p.success:before  {
  display: inline-block;
  padding: 0 5px;
  border-radius: 15px;
  background-color: #49b501;
  content: '✓';
  position: absolute;
  left: 20px;
  font-size: 0.8em;
  color: white;
}
*/
#identification form p.resterconnecte > * {
  cursor: pointer;
}

#identification form p.resterconnecte > input {
  width: auto;
}


#identification form p.resterconnecte {
  font-size: 13px;
  font-weight: normal;
  height: 50px;
}

#identification form p.resterconnecte a.rco {
  position: relative;
  top: -85px;
  text-decoration: none;
  color: #333;
  background: url(../images/checkbox.png) 0px 0px no-repeat;
  display: inline-block;
  text-indent: 25px;
  line-height: 17px;
  font-weight: 500;
}

#identification form p.resterconnecte a.rco:hover {
  background: url(../images/checkbox.png) 0px -17px no-repeat;
}

#identification form p.resterconnecte a.rco.checked {
  background: url(../images/checkbox.png) 0px -34px no-repeat;
}

#identification form p input {
  /*background: white;
  border: 1px solid #d1d8dd;
  border-left: 3px solid #1ac6ff;
  outline: none;
  color: #333;
  font: normal 19px Lato;
  padding: 9px;
  vertical-align: middle;
  width: 340px;
  margin:0;
*/
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  box-sizing: border-box;
}

#identification form p input:focus {
border-color: #1ac6ff;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/*
#identification form p input:hover {border-color:#FF4302;}
#identification form p input:focus {border-color:#FF4302;}*/

#identification form p button {
/*  background: #3DB6E0;
  border: 1px solid #1ac6ff;
  color: #fff;
  font: bold 19px Lato;
  padding: 20px;
  vertical-align: middle;
  display: block;
  width: 100%;
  margin-top: 50px;
  outline: none;*/

  background-color: #60c308;
  cursor: pointer;
  color: #FFF;
  font-size: 16px;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: bold;
  padding: 12px 15px;
  border: none;
  width: 100%;
  margin: 40px 0 0 0;
  transition: all .5s;
  border-radius: 4px;
}

#identification form p button:focus, #identification form p button:hover {
  background: #52ad02;
}

#identification form p button:active {
  background: #1ac6ff;
  border:1px solid #1ac6ff;
  /*box-shadow: inset 0 -25px 35px rgba(255,255,255,.15), inset 0 -1px 0 rgba(255,255,255,.3), inset 0 1px 1px rgba(0,0,0,.2);*/
}

#identification form p.center {
  text-align: center;
}

#identification form p.center button {
  margin: 0;
}

#identification form p.right {
  text-align: right;
}

#identification form p.last {
  margin-bottom: 0px;
  margin-top: 35px;
}

#identification form p.last a {
  display: inline-block;
  text-decoration: none;
  color: #333;
  font-size: 0.8em;
  font-weight: normal;
}

#identification form p.last a:hover {
  text-decoration: underline;
}

.hide, .invisible {
  display: none!important;
}

@media screen and (max-device-width: 960px) {

  html { 
    background: url(/images/home/1.jpg);
  }

  #identification {
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 6%;
    width: 300px;
  }

  #identification img{
    width: 200px;
    /*height: 190px;*/
    margin-left: 50px;
  }

  #identification form {
    background: rgba(255,255,255,.25);
    margin-top: -4px;
    margin-bottom: 10px;
    padding: 15px 5px;
  }

  #identification form p input {
    width: 250px;
    font: bold 13px Lato;
  }

  #identification form p.last {
    display: none;
  }

  #identification form p {
    font-size: 13px!important;
    line-height: 15px!important;
  }

  .backstretch {
    display: none;
  }

  #identification form p button {
    margin-left: 130px;
    padding: 10px;
  }

}

#simplis {
  cursor:pointer;
  background-color:#00BEC7;
  width: 100%;
  height: 94px;
  position: fixed;
  bottom:0;left:0;
  text-align:center;
  z-index: -1;
}

#simplis img{
  height:203px;
  position:fixed;
  bottom:-1px;
  margin:auto;
  left:0;
  z-index:-1;
}

#simplis .messagePartenaire{
  text-align:left;
  padding-left:254px;
  color:#FFF;
  float:left;
  width:40%;
}

#simplis .testMessagePartenaire {
  font-size:15px;
  margin-top:5px;
  margin-bottom:0px;
}
#simplis .testMessagePartenaire.important {
  font-size:25px;
}
#simplis .boutonMessagePartenaire{
  float:right;
  width:30%;
}

#simplis input{
  background-color:#FFF;
  color:#00BEC7;
  border-radius:5px;
  padding:9px 10px;
  margin-top:33px;
  margin-right: 100px;
  font-weight: 700;
  font-size: 14px;border:none;
  box-shadow: 1px 4px 4PX  rgb(0, 0, 0, 0.23);

}
@media screen and (max-width: 960px) {
  #simplis img{
    height:103px;
  }
  #simplis {
    height:47px;
  }
  #simplis .messagePartenaire{
    display:none;
  }
  #simplis input{
    margin-right: 0;
    margin-top:5px;
  }
}