/* Espace Client - Agestia -----------------------------------------------------



	LESS File



  - Edit @vars

  - Compile file on less2css.org

  - Save in user folder under 'style.css'





------------------------------------------------------------------------------*/

/* Selections */

* {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  /* prevent tap highlight color / shadow */

}

body {

  transition: all 0.2s ease-out;

}

.logo {

  background-image: url('logo.png');

  background-repeat: no-repeat;

  background-size: contain;

  width: 200px;

  height: 200px;

  /*float: left;*/

}

.button-success {

  background: #1cb841;

  /* this is a green */

}

.button-error {

  background: #ca3c3c;

  /* this is a maroon */

}

.button-warning {

  background: #df7514;

  /* this is an orange */

}

.button-secondary {

  background: #42b8dd;

  /* this is a light blue */

}



.pure-button{

  margin: 1px 0px;

}

::selection {

  color: #fff;

  text-shadow: none;

  background: #444;

}

::-moz-selection {

  color: #fff;

  text-shadow: none;

  background: #444;

}

/* Basics */

html,

body {

  width: 100%;

  height: 100%;

  font-family: "Merriweather", Helvetica, sans-serif;

  color: #444444;

  -webkit-font-smoothing: antialiased;

  background: #ffffff;

  margin: 0;

}

.error {

  border: 1px solid #D8D8D8;

  padding: 5px;

  border-radius: 5px;

  font-family: Arial;

  font-size: 14px;

  text-transform: uppercase;

  background-color: #fff9f2;

  color: #d30000;

  text-align: center;

  margin: auto;

  margin-bottom: 2em;

}

.formlogin {

  margin: auto;

  display: block;

  width: 650px;

}

.formlogin h1 {

  text-align: center;

  font-weight: normal;

  font-size: x-large;

  margin-top: 2em;

  margin-bottom: 2em;

}

#container {

  width: 340px;

  /*float: right;*/

  background: #fff;

  border-radius: 3px;

  border: 1px solid #ccc;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

  margin: auto;

  display: block;

}

#content {

  overflow: hidden;

  width: 70%;

  margin: auto;

}

.csstable {

  margin: auto;

  padding: 0px;

  width: 100%;

  max-width: 760px;

  background: none;

}

.csstable table {

  width: 100%;

  height: 100%;

  margin: 0px;

  padding: 0px;

  border-collapse: collapse;

  border-left: 1px solid black;

  border-bottom: 1px solid black;

  border-right: 1px solid black;

  box-shadow: 10px 10px 5px #888888;

}

.csstable tr:last-child td:last-child {

  -moz-border-radius-bottomright: 0px;

  -webkit-border-bottom-right-radius: 0px;

  border-bottom-right-radius: 0px;

}

.csstable table tr:first-child th:first-child {

  -moz-border-radius-topleft: 0px;

  -webkit-border-top-left-radius: 0px;

  border-top-left-radius: 0px;

}

.csstable table tr:first-child th:last-child {

  -moz-border-radius-topright: 0px;

  -webkit-border-top-right-radius: 0px;

  border-top-right-radius: 0px;

}

.csstable tr:last-child td:first-child {

  -moz-border-radius-bottomleft: 0px;

  -webkit-border-bottom-left-radius: 0px;

  border-bottom-left-radius: 0px;

}

.pure-table tbody tr.facture, .pure-table tbody tr.sel{

  cursor: pointer;

}

.pure-table tbody tr.facture:hover, .pure-table tbody tr.sel:hover{

  background-color: #CCC !important;

}



.legende {

  text-align: center;

  font-style: italic;

  font-size: 14px;

  margin: 0;

  margin-bottom: 0.5em;

  margin-top: 1em;

}

.csstable tr:nth-child(odd) {

  background-color: #DFEFFF;

}

.csstable tr:nth-child(even) {

  background-color: #ffffff;

}

.csstable td,

.csstable th {

  vertical-align: middle;

  border: 1px solid #000000;

  border-width: 0px 1px 1px 0px;

  text-align: left;

  padding: 7px;

  font-size: 12px;

  font-weight: normal;

  color: #000000;

}

.csstable tr:last-child td {

  border-width: 0px 1px 0px 0px;

}

.csstable tr td:last-child {

  border-width: 0px 0px 1px 0px;

}

.csstable tr:last-child td:last-child {

  border-width: 0px 0px 0px 0px;

}

.csstable th {

  background: -o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f));

  background: -moz-linear-gradient(center top, #005fbf 5%, #003f7f 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");

  background: -o-linear-gradient(top, #005fbf, 3f 7f);

  background-color: #005fbf;

  border: 0px solid #000000;

  text-align: center;

  border-width: 0px 0px 1px 1px;

  font-size: 14px;

  font-family: arial;

  font-weight: bold;

  color: #ffffff;

  cursor: pointer;

}

.csstable tr:first-child:hover th {

  background: -o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f));

  background: -moz-linear-gradient(center top, #005fbf 5%, #003f7f 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");

  background: -o-linear-gradient(top, #005fbf, 3f 7f);

  background-color: #005fbf;

}

.csstable tr:first-child th:first-child {

  border-width: 0px 0px 1px 0px;

}

.csstable tr:first-child th:last-child {

  border-width: 0px 0px 1px 1px;

}

.csstable tr td:nth-child(2),

.csstable tr td:nth-child(3),

.csstablecalendrier tr td:nth-child(1) {

  text-align: center;

}

.csstable td a {

  color: inherit;

  text-decoration: none;

}

.containerdossier {

  padding: 1em;

}

.lieu {

  font-size: 11px;

  font-style: italic;

  display: block;

  clear: both;

}

.extpdf {

  background: url(sprite.png) no-repeat 0 0 !important;

}

.extdoc,

.extdocx,

.extodt,

.extdot,

.extdotx,

.extrtf {

  background: url(sprite.png) no-repeat -16px 0 !important;

}

.extxls,

.extxlsx,

.extods {

  background: url(sprite.png) no-repeat -32px 0 !important;

}

.extppt,

.extpptx,

.extpps {

  background: url(sprite.png) no-repeat -96px 0 !important;

}

.extjpg,

.extjpeg,

.extgif,

.extpng,

.extbmp,

.exttif,

.exttiff {

  background: url(sprite.png) no-repeat -160px 0 !important;

}

.exttxt {

  background: url(sprite.png) no-repeat -64px 0 !important;

}

.extzip {

  background: url(sprite.png) no-repeat -80px 0 !important;

}

.exthtm,

.exthtml {

  background: url(sprite.png) no-repeat -128px 0 !important;

}

.ext {

  background: url(sprite.png) no-repeat -112px 0;

  width: 16px;

  height: 16px;

  display: inline-block;

  margin-right: 1em;

}

.document {

  margin-bottom: 0.5em;

  margin-left: 1.5em;

}

.document a {

  text-decoration: none;

}

.document a:hover {

  text-decoration: none;

  color: #2b2b2b;

}

.filters {

  display: none;

}

.formlogin form {

  margin: 0 auto;

  margin-top: 20px;

}

h1 {

  text-align: center;

}

header {

  padding: 1em;

  float: left;

  max-width: 222px;

}

header h2 {

  margin: 0;

}

label {

  font-size: 14px;

}

.formlogin label {

  color: #555;

  display: inline-block;

  margin-left: 18px;

  padding-top: 10px;

  font-size: 14px;

}

p a {

  font-size: 11px;

  color: #aaa;

  float: right;

  margin-top: -13px;

  margin-right: 20px;

}

p a:hover {

  color: #555;

}

#btn_logout {

  color: white;

  display: inline-block;

  background: #e0465f;

  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a82239), color-stop(1, #e14760));

  background-image: -moz-linear-gradient(center bottom, #a82239 0%, #e14760 100%);

  border: 1px solid #767676;

  padding: 6px 9px;

  color: #fff;

  text-shadow: 0 -1px #314866;

  border-radius: 3px;

  -webkit-transition: background .3s;

  -moz-transition: background .3s;

  text-decoration: none;

  margin-top: 2em;

  margin-bottom: 1em;

  width: 120px;

  display: block;

  text-align: center;

}

#btn_logout:hover {

  background: #a9233a;

  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7d192a), color-stop(1, #af3c4f));

  background-image: -moz-linear-gradient(center bottom, #7d192a 0%, #af3c4f 100%);

  color: #ffffff;

}

input {

  font-family: "Helvetica Neue", Helvetica, sans-serif;

  font-size: 12px;

  outline: none;

}

input[type=text],

input[type=password] {

  color: #777;

  padding-left: 10px;

  margin: 10px;

  margin-top: 12px;

  margin-left: 18px;

  width: 290px;

  height: 35px;

  border: 1px solid #c7d0d2;

  border-radius: 2px;

}

.formlogin input[type=text],

.formlogin input[type=password] {

  box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, 0.4), 0 0 0 5px #f5f7f8;

}

.formlogin input[type=text]:hover,

.formlogin input[type=password]:hover {

  border: 1px solid #b6bfc0;

  box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, 0.7), 0 0 0 5px #f5f7f8;

}

.formlogin input[type=text]:focus,

.formlogin input[type=password]:focus {

  border: 1px solid #a8c9e4;

  box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, 0.4), 0 0 0 5px #e6f2f9;

}

#formRecherche,

#formRecherche2 {

  display: block;

  width: 100%;

  max-width: 760px;

  margin: auto;

}

#formRecherche input,

#formRecherche2 input {

  width: 220px;

  height: 26px;

}

.h1deuxieme {

  margin-top: 2em;

  margin-bottom: 0em;

}

#lower {

  background: #ecf2f5;

  width: 100%;

  height: 69px;

  margin-top: 20px;

  box-shadow: inset 0 1px 1px #fff;

  border-top: 1px solid #ccc;

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

}

input[type=checkbox] {

  margin-left: 20px;

  margin-top: 30px;

}

.check {

  margin-left: 3px;

  font-size: 11px;

  color: #444;

  text-shadow: 0 1px 0 #fff;

}

input[type=submit] {

  float: right;

  margin-right: 20px;

  margin-top: 20px;

  height: 30px;

  font-size: 14px;

  font-weight: bold;

  color: #fff;

  background-color: #acd6ef;

  /*IE fallback*/

  background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));

  background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);

  background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);

  border-radius: 30px;

  border: 1px solid #66add6;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);

  cursor: pointer;

}

input[type=submit]:hover {

  background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));

  background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);

  background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);

}

input[type=submit]:active {

  background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));

  background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);

  background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);

}

footer {

  width: 100%;

  display: block;

  clear: both;

  margin: auto;

  bottom: 0;

  position: fixed;

  text-align: center;

  background: none repeat scroll 0 0 #ECECEC;

  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #ececec));

  line-height: 30px;

}

footer a {

  font-size: 14px;

  font-weight: bold;

  color: #b3052e;

}

@media (min-width: 1299px) {

  .csstable {

    /*margin:auto;*/

  }

  #formRecherche {

    margin: auto;

  }

  .legende {

    text-align: center;

    margin-left: 0;

  }

}

@media print {

  #formRecherche,

  .legende,

  nav,

  .logo {

    display: none;

  }

  .csstable {

    max-width: none;

    margin: 4px;

    width: 99%;

  }

  .csstable table {

    border-top: 1px solid black;

    box-shadow: none;

  }

  .csstable td {

    padding: 3px;

  }

  h1 {

    margin-top: 2em;

  }

  .containerdossier {

    padding: 0;

  }

}

/* ADD-on DESIGN -------------------------------------------------------------*/

.factdetails{

  width: 50%;

  background-color: #fff !important;

  text-align : left;

  vertical-align: top;

}



.csstables thead, table thead, .pure-table thead{

  text-align: center !important;

  background-color: #283744!important;

}



table td:hover.document {

  background-color: #badef9 !important;

}

table td:hover.del {

  background-color: #df7514 !important;

  color: #fff !important;

}

.custom-brand {

  float: left;

}

.rlogo {

  background-image: url('logo.png');

  width: 200px;

  height: 200px;

  background-repeat: no-repeat;

  background-size: contain;

  float: right;

}

.rlogo,

.client {

  margin-top: 50px;

}

.csstables{

  text-align: center;

}

.shadow {

  -webkit-box-shadow: 0 10px 6px -6px #777777;

  -moz-box-shadow: 0 10px 6px -6px #777777;

  box-shadow: 0 10px 6px -6px #777777;

}

a {

  color: #0d67af;

  text-decoration: none;

}

a:hover {

  color: #2b2b2b;

}

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

  /* #menu is the original menu */

  #menu {

    display: none;

  }

  .rlogo {

    display: none !important;

  }

  html,

  button,

  input,

  select,

  textarea,

  .pure-g [class*="pure-u"] {

    font-size: 12px;

  }

  #content {

    overflow: hidden;

    width: 90%;

    margin: auto;

  }

  .client {

    margin-top: 60px;

  }

}

/* Clearfix */

.clearfix:before,

.clearfix:after {

  content: " ";

  display: table;

}

.clearfix:after {

  clear: both;

}

.clearfix {

  *zoom: 1;

}

nav {

  height: 40px;

  line-height: 40px;

  width: 100%;

  background-color: #283744;

  font-size: 22px;

  position: fixed;

  top: 0;

}

nav ul {

  display: block;

  padding: 0;

  margin: 0 auto;

  height: 40px;

  text-align: right;

  float: right;

  width: 70%;

}

nav li {

  display: inline;

}

nav a,

nav a:hover {

  color: #ffffff;

  display: inline-block;

  padding: 0 0.5em;

  text-align: center;

  text-decoration: none;

  text-shadow: 1px 1px 0px #283744;

}

nav li a {

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

nav li:last-child a {

  border-right: 0;

}

nav a:hover,

nav a:active {

  background-color: #8c99a4;

}

nav #brand {

  float: left;

  width: 30%;

  text-align: center;

  color: #ffffff;

  font-weight: bold;

  line-height: 40px;

}

nav #pull {

  display: none;

  float: left;

  width: 30%;

  text-align: center;

  color: #ffffff;

  font-weight: bold;

  line-height: 40px;

  /* 	display: none; */

}

/*Styles for screen 515px and lower*/

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

  nav {

    width: 100%;

    font-size: 24px;

  }

  nav ul {

    display: none;

    margin-top: 60px;

    height: auto;

    width: 100%;

    float: none;

  }

  nav li {

    border-top: 1px solid #576979;

    display: inline;

    float: none;

    text-align: center;

    line-height: 60px;

  }

  nav #brand {

    display: none;

  }

  nav #pull {

    border-bottom: 1px solid #576979;

    display: block;

    text-align: center;

    background-color: #283744;

    width: 100% !important;

    position: fixed;

    font-size: 24px;

    height: 60px;

    line-height: 60px;

  }

  /*

	nav #pull:before {

		content:"";

		background: url('nav-icon.png') no-repeat;

		width: 30px;

		height: 30px;

		display: inline-block;

		position: absolute;

		left: 15px;

		top: 10px;

	} */

  nav li {

    display: block;

    float: none;

    width: 100%;

    background-color: #283744;

  }

  nav li a {

    width: 100%;

  }



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



  .formlogin{

    width: auto;

  }

  .logo{

    margin: auto;

  }

}





}

/* DROPZONE BASIC CSS --------------------------------------------------------*/

/*

 * The MIT License

 * Copyright (c) 2012 Matias Meno <m@tias.me>

 */

.dropzone,

.dropzone * {

  box-sizing: border-box;

}

.dropzone {

  display: none;

  position: relative;

  border: 1px dotted #555 ;

  min-height: 150px;

}

.dz-default {

  line-height: 150px;

}

.dropzone.dz-drag-hover {

  background-color: rgba(91, 181, 253, 0.2);

}

.dropzone .dz-preview {

  position: relative;

  display: inline-block;

  width: 120px;

  margin: 0.5em;

}

.dropzone .dz-preview .dz-progress {

  display: block;

  height: 15px;

  border: 1px solid #aaa;

}

.dropzone .dz-preview .dz-progress .dz-upload {

  display: block;

  height: 100%;

  width: 0;

  background: green;

}

.dropzone .dz-preview .dz-error-message {

  color: red;

  display: none;

}

.dropzone .dz-preview.dz-error .dz-error-message,

.dropzone .dz-preview.dz-error .dz-error-mark {

  display: block;

}

.dropzone .dz-preview.dz-success .dz-success-mark {

  display: block;

}

.dropzone .dz-preview .dz-error-mark,

.dropzone .dz-preview .dz-success-mark {

  position: absolute;

  display: none;

  left: 30px;

  top: 30px;

  width: 54px;

  height: 58px;

  left: 50%;

  margin-left: -27px;

}