@charset "UTF-8";
/**Table**/
@font-face {
  font-family: fontawesome;
  src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular?v=4.3.0") format("svg");
  font-weight: normal;
  font-style: normal; }
* {
  margin: 0;
  padding: 0;
  outline: none; }

a {
  cursor: pointer; }

optgroup {
  font-style: italic; }

html, body {
  width: 100%;
  height: 100%;
  font-size: 10px;
  font-family: Arial, sans-serif; }

img {
  border: none; }

ul, li {
  list-style-position: inside; }

p {
  margin-bottom: 10px; }

.clear {
  display: block;
  clear: both; }

.hidden {
  display: none; }

.image {
  display: block;
  overflow: hidden;
  width: 100%; }
  .image img {
    display: block;
    width: 100%; }

table {
  border-collapse: collapse; }

.file {
  display: inline-block;
  width: 38px;
  height: 38px;
  background: url("../img/files.png") no-repeat top left; }
  .file.aac {
    background-position: 0px 0px; }
  .file.ace {
    background-position: -44px 0px; }
  .file.ai {
    background-position: -90px 0px; }
  .file.arj {
    background-position: -136px 0px; }
  .file.avi {
    background-position: -182px 0px; }
  .file.bin {
    background-position: -232px 0px; }
  .file.bmp {
    background-position: -278px 0px; }
  .file.cab {
    background-position: -324px 0px; }
  .file.cue {
    background-position: -370px 0px; }
  .file.divx {
    background-position: -424px 0px; }
  .file.doc {
    background-position: -464px 0px; }
  .file.docx {
    background-position: -508px 0px; }
  .file.eps {
    background-position: -554px 0px; }
  .file.f {
    background-position: -600px 0px; }
  .file.flac {
    background-position: -646px 0px; }
  .file.flv {
    background-position: -694px 0px; }
  .file.gif {
    background-position: -740px 0px; }
  .file.gzip {
    background-position: -788px 0px; }
  .file.html {
    background-position: -834px 0px; }
  .file.ical {
    background-position: -880px 0px; }
  .file.indd {
    background-position: -926px 0px; }
  .file.inx {
    background-position: -972px 0px; }
  .file.iso {
    background-position: -1018px 0px; }
  .file.jpg {
    background-position: -1064px 0px; }
  .file.mov {
    background-position: -1110px 0px; }
  .file.mp3 {
    background-position: -1158px 0px; }
  .file.mpg {
    background-position: -1206px 0px; }
  .file.ods {
    background-position: -1250px 0px; }
  .file.pdf {
    background-position: -1298px 0px; }
  .file.php {
    background-position: -1346px 0px; }
  .file.png {
    background-position: -1390px 0px; }
  .file.pps {
    background-position: -1436px 0px; }
  .file.ppt {
    background-position: -1482px 0px; }
  .file.psd {
    background-position: -1530px 0px; }
  .file.qxd {
    background-position: -1572px 0px; }
  .file.qxp {
    background-position: -1630px 0px; }
  .file.rar {
    background-position: -1672px 0px; }
  .file.raw {
    background-position: -1714px 0px; }
  .file.rtf {
    background-position: -1760px 0px; }
  .file.svg {
    background-position: -1808px 0px; }
  .file.tar {
    background-position: -1854px 0px; }
  .file.tif {
    background-position: -1898px 0px; }
  .file.txt {
    background-position: -1946px 0px; }
  .file.vcf {
    background-position: -1994px 0px; }
  .file.wav {
    background-position: -2038px 0px; }
  .file.wma {
    background-position: -2085px 0px; }
  .file.xls {
    background-position: -2132px 0px; }
  .file.xlsx {
    background-position: -2177px 0px; }
  .file.xml {
    background-position: -2225px 0px; }
  .file.zip {
    background-position: -2842px 0px; }

.pages-picto {
  display: inline-block;
  background: url("../img/pictos.png") no-repeat top left;
  width: 38px !important;
  height: 38px !important;
  vertical-align: middle; }
  .pages-picto.group {
    background-position: 0px 0px; }
  .pages-picto.chat {
    background-position: -38px 0px; }
  .pages-picto.write {
    background-position: -76px 0px; }
  .pages-picto.hierarchy {
    background-position: -114px 0px; }
  .pages-picto.equipe-blanc {
    background-position: -152px 0px; }

.pages-picto-before {
  position: relative;
  margin-left: 42px !important; }
  .pages-picto-before:before {
    content: ' ';
    position: absolute;
    top: -5px;
    left: -42px !important;
    width: 38px !important;
    height: 38px !important;
    background-image: url("../img/pictos.png"); }
  .pages-picto-before.group:before {
    background-position: 0px 0px; }
  .pages-picto-before.chat:before {
    background-position: -38px 0px; }
  .pages-picto-before.write:before {
    background-position: -76px 0px; }
  .pages-picto-before.hierarchy:before {
    background-position: -114px 0px; }
  .pages-picto-before.equipe-blanc:before {
    background-position: -152px 0px; }

* {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box; }

body {
  min-width: 1200px;
  background-color: #FFF; }


input.text, input[type=text], input.password, input[type=password], input.email, input[type=email], input[type=tel], textarea, select {
  border: 1px solid #d5d5d5;
  padding: 10px;
  font-size: 1.4em;
  width: 60%;
  vertical-align: middle;
  -moz-box-shadow: inset 0 0 10px 0 #fbfbfb;
  -webkit-box-shadow: inset 0 0 10px 0 #fbfbfb;
  -o-box-shadow: inset 0 0 10px 0 #fbfbfb;
  box-shadow: inset 0 0 10px 0 #fbfbfb;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=$color, Direction=Nan, Strength=$blur); }
  input.text::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input.password::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input.email::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #C9C9C9;
    font-style: italic; }
  input.text:-moz-placeholder, input[type=text]:-moz-placeholder, input.password:-moz-placeholder, input[type=password]:-moz-placeholder, input.email:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=tel]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
    /* Firefox 18- */
    color: #C9C9C9;
    font-style: italic; }
  input.text::-moz-placeholder, input[type=text]::-moz-placeholder, input.password::-moz-placeholder, input[type=password]::-moz-placeholder, input.email::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    /* Firefox 19+ */
    color: #C9C9C9;
    font-style: italic; }
  input.text:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input.password:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input.email:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #C9C9C9;
    font-style: italic; }
  input.text:focus, input[type=text]:focus, input.password:focus, input[type=password]:focus, input.email:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus {
    border-color: #6fb3e0;
    -moz-box-shadow: 0 0 4px 0 #6fb3e0;
    -webkit-box-shadow: 0 0 4px 0 #6fb3e0;
    -o-box-shadow: 0 0 4px 0 #6fb3e0;
    box-shadow: 0 0 4px 0 #6fb3e0;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=$color, Direction=Nan, Strength=$blur); }

/* Style des boutons Valider et Annuler  */
input.submit, input[type=submit], button[type=submit], input.reset, input[type=reset], button[type=reset], button.classique {
  cursor: pointer;
  font-weight: bold;
  padding: 6px 30px; }
  input.submit.reset, input.submit[type=reset], input[type=submit].reset, input[type=submit][type=reset], button[type=submit].reset, button[type=submit][type=reset], input.reset.reset, input.reset[type=reset], input[type=reset].reset, input[type=reset][type=reset], button[type=reset].reset, button[type=reset][type=reset], button.classique.reset, button.classique[type=reset] {
    background-color: #FFF;
    border: 6px solid #FFF;
    color: #a2a2a2; }
    input.submit.reset:before, input.submit[type=reset]:before, input[type=submit].reset:before, input[type=submit][type=reset]:before, button[type=submit].reset:before, button[type=submit][type=reset]:before, input.reset.reset:before, input.reset[type=reset]:before, input[type=reset].reset:before, input[type=reset][type=reset]:before, button[type=reset].reset:before, button[type=reset][type=reset]:before, button.classique.reset:before, button.classique[type=reset]:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      font-size: 1.4em; }
    input.submit.reset:hover, input.submit[type=reset]:hover, input[type=submit].reset:hover, input[type=submit][type=reset]:hover, button[type=submit].reset:hover, button[type=submit][type=reset]:hover, input.reset.reset:hover, input.reset[type=reset]:hover, input[type=reset].reset:hover, input[type=reset][type=reset]:hover, button[type=reset].reset:hover, button[type=reset][type=reset]:hover, button.classique.reset:hover, button.classique[type=reset]:hover {
      border-color: #e6e6e6; }
  input.submit.submit, input.submit[type=submit], input.submit.classique, input[type=submit].submit, input[type=submit][type=submit], input[type=submit].classique, button[type=submit].submit, button[type=submit][type=submit], button[type=submit].classique, input.reset.submit, input.reset[type=submit], input.reset.classique, input[type=reset].submit, input[type=reset][type=submit], input[type=reset].classique, button[type=reset].submit, button[type=reset][type=submit], button[type=reset].classique, button.classique.submit, button.classique[type=submit], button.classique.classique {
    color: #FFF;
    background: #6fb3e0;
    border: 6px solid #6fb3e0; }
    input.submit.submit:before, input.submit[type=submit]:before, input.submit.classique:before, input[type=submit].submit:before, input[type=submit][type=submit]:before, input[type=submit].classique:before, button[type=submit].submit:before, button[type=submit][type=submit]:before, button[type=submit].classique:before, input.reset.submit:before, input.reset[type=submit]:before, input.reset.classique:before, input[type=reset].submit:before, input[type=reset][type=submit]:before, input[type=reset].classique:before, button[type=reset].submit:before, button[type=reset][type=submit]:before, button[type=reset].classique:before, button.classique.submit:before, button.classique[type=submit]:before, button.classique.classique:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      font-size: 1.4em; }
    input.submit.submit:hover, input.submit[type=submit]:hover, input.submit.classique:hover, input[type=submit].submit:hover, input[type=submit][type=submit]:hover, input[type=submit].classique:hover, button[type=submit].submit:hover, button[type=submit][type=submit]:hover, button[type=submit].classique:hover, input.reset.submit:hover, input.reset[type=submit]:hover, input.reset.classique:hover, input[type=reset].submit:hover, input[type=reset][type=submit]:hover, input[type=reset].classique:hover, button[type=reset].submit:hover, button[type=reset][type=submit]:hover, button[type=reset].classique:hover, button.classique.submit:hover, button.classique[type=submit]:hover, button.classique.classique:hover {
      background-color: #459dd7; }
  input.submit.preview, input[type=submit].preview, button[type=submit].preview, input.reset.preview, input[type=reset].preview, button[type=reset].preview, button.classique.preview {
    background-color: #87b87f;
    border-color: #87b87f; }
    input.submit.preview:before, input[type=submit].preview:before, button[type=submit].preview:before, input.reset.preview:before, input[type=reset].preview:before, button[type=reset].preview:before, button.classique.preview:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      font-size: 1.4em; }
    input.submit.preview:hover, input[type=submit].preview:hover, button[type=submit].preview:hover, input.reset.preview:hover, input[type=reset].preview:hover, button[type=reset].preview:hover, button.classique.preview:hover {
      background-color: #68a65e; }
  input.submit.mini, input[type=submit].mini, button[type=submit].mini, input.reset.mini, input[type=reset].mini, button[type=reset].mini, button.classique.mini {
    border-width: 3px;
    padding: 2px;
    font-size: 1em; }
    input.submit.mini:before, input[type=submit].mini:before, button[type=submit].mini:before, input.reset.mini:before, input[type=reset].mini:before, button[type=reset].mini:before, button.classique.mini:before {
      margin: 0;
      font-size: 1.2em; }

/* style des labels incluant  l'alignement vertical des éléments suivants */
label {
  font-size: 1.4em;
  display: inline-block;
  width: 30%;
  margin: 2px 5px 0 0;
  text-align: right;
  color: #444444; }

/* style dela 1ère ligne du header */
#header {
  position: relative;
  z-index: 2;
  display: block;
  background-color: #438eb9; }
  ul
  #header, #header li {
    position: relative;
    display: block;
    list-style: none; }
  #header li:hover > a, #header li.selected > a {
    opacity: 1;
    background-color: #549ac1; }
  #header li:hover:hover > ul, #header li.selected:hover > ul {
    display: block; }
  #header > ul > li {
    float: left; }
    #header > ul > li ul {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      background-color: #438eb9;
      width: 200px;
      z-index: 51; }
      #header > ul > li ul li a {
        border-top: 1px solid #7ab0cf; }
        #header > ul > li ul li a:before {
          display: inline-block;
          font-family: 'fontawesome';
          margin-right: 0.5em;
          font-weight: normal;
          font-size: 1em;
          speak: none;
          content: "";
          vertical-align: middle; }
      #header > ul > li ul ul {
        top: 0;
        left: 200px; }
  #header a {
    display: block;
    padding: 17px;
    font-size: 1.3em;
    opacity: 0.7;
    height: 52px;
    font-weight: bold;
    text-decoration: none; }
    #header a.home:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0;
      vertical-align: bottom; }
    #header a.themes:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      font-size: 1.4em;
      margin: 0;
      margin-right: 0.6em;
      vertical-align: bottom; }
    #header a.themes:after {
      display: inline-block;
      font-family: 'fontawesome';
      margin-left: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0;
      margin-left: 0.6em;
      vertical-align: bottom; }
    #header a.admin:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      font-size: 1.4em;
      margin: 0;
      margin-right: 0.6em;
      vertical-align: bottom; }
    #header a.ged:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      font-size: 1.4em;
      margin: 0;
      margin-right: 0.6em;
      vertical-align: bottom; }
    #header a.caret-right:after {
      display: inline-block;
      font-family: 'fontawesome';
      margin-left: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      float: right;
      margin: 0;
      vertical-align: bottom; }
    #header a.settings:after {
      display: inline-block;
      font-family: 'fontawesome';
      margin-left: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0;
      margin-left: 0.6em;
      vertical-align: bottom; }
    #header a.settings:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      font-size: 1.4em;
      margin: 0;
      vertical-align: bottom; }
    #header a.editos:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      font-size: 1.4em;
      margin: 0;
      margin-right: 0.6em;
      vertical-align: bottom; }
    #header a.site:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      font-size: 1.4em;
      margin: 0;
      margin-right: 0.6em;
      vertical-align: bottom; }
    #header a.site:after {
      display: inline-block;
      font-family: 'fontawesome';
      margin-left: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0;
      margin-left: 0.6em;
      vertical-align: bottom; }
    #header a.medias:after {
      display: inline-block;
      font-family: 'fontawesome';
      margin-left: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0;
      margin-left: 0.6em;
      vertical-align: bottom; }
    #header a.medias:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      font-size: 1.4em;
      margin: 0;
      margin-right: 0.6em;
      vertical-align: bottom; }
    #header a.translate:before, #header a.traductions:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      font-size: 1.4em;
      margin: 0;
      margin-right: 0.6em;
      vertical-align: bottom; }

/* style de la 2e ligne du header */
#arianne {
  background: #f5f5f5;
  color: #555555;
  overflow: auto;
  border-bottom: 1px solid #e5e5e5; }
  #arianne a {
    text-decoration: none; }
  #arianne div {
    font-size: 14px;
    padding: 15px 10px 10px 100px; }
    #arianne div a {
      color: #4c8fbd; }
      #arianne div a:hover {
        text-decoration: underline; }

/* style du bouton vert en haut à gauche - 2e ligne du header */
.back, .new {
  float: left;
  font-size: 1.4em;
  margin-right: 0.75em;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  border: 5px solid #87b87f;
  background-color: #87b87f;
  text-decoration: none; }
  .back.back:before, .new.back:before {
    display: inline-block;
    font-family: 'fontawesome';
    margin-right: 0.5em;
    font-weight: normal;
    font-size: 1em;
    speak: none;
    content: "";
    vertical-align: middle;
    font-size: 1.2em;
    margin: 0; }
  .back:hover, .new:hover {
    background-color: #629b58; }

a {
  color: #FFF; }

.ordre tr, .ordre-parent tr {
  -webkit-transition: none 0s ease;
  -moz-transition: none 0s ease;
  -o-transition: none 0s ease;
  transition: none 0s ease; }

/* style de h1 et h2 en mode backoffice */
.backoffice-content {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  font-size: 16px;
  font-weight: lighter;
  max-width: 1400px; }
  .backoffice-content h1, .backoffice-content h2 {
    padding: 0;
    font-size: 24px;
    font-weight: lighter;
    color: #2679b5;
    margin-bottom: 10px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .backoffice-content h2 {
    font-size: 18px; }
  .backoffice-content h3 {
    font-size: 16px;
    color: black;
    font-weight: lighter;
  }
  .backoffice-content ul {font-size:16px;padding:0 40px;margin-bottom:10px}
  .backoffice-content ul li{list-style-image:url(../img/texte/puce.png);list-style-position:outside}


  table.list {
    margin: 0 auto 20px;
    width: 100%;
    border-collapse: collapse; }
  table.list .list {
    margin-bottom: 0; }
  table.list th.champ {
    width: 20%;
    min-width: 200px;
    max-width: 200px; }
  table.list thead tr {
    background: #f0f0f0;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #f8f8f8, #ececec);
    /* For Safari */
    background: -o-linear-gradient(bottom, #f8f8f8, #ececec);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #f8f8f8, #ececec);
    /* For Firefox 3.6 to 15 */
    background: -ms-linear-gradient(bottom, #f8f8f8, #ececec);
    background: linear-gradient(to bottom, #f8f8f8, #ececec);
    /* Standard syntax */ }
  table.list thead th {
    font-size: 1.4em;
    font-weight: bold;
    color: #666;
    text-align: left; }
    table.list thead th.list-titre {
      padding: 10px;
      color: #fff;
      font-size: 1.6em;
      border-color: #307ecc;
      background-color: #307ecc; }
    table.list thead th.action-n1 {
      width: 25px; }
    table.list thead th.action-n2 {
      width: 50px; }
    table.list thead th.action-n3 {
      width: 75px; }
    table.list thead th.action-n4 {
      width: 100px; }
    table.list thead th.action-n5 {
      width: 125px; }
    table.list thead th.select-multiple {
      width: 500px; }
    table.list thead th.center {
      text-align: center; }
    table.list thead th.visible, table.list thead th.ordre, table.list thead th.cdc, table.list thead th.number {
      width: 30px; }
    table.list thead th.date {
      width: 120px; }
    table.list thead th.datetime {
      width: 140px; }
    table.list thead th.mail {
      width: 250px; }
    table.list thead th.format {
      width: 100px; }
  table.list tfoot th {
    text-align: left;
    border: 1px solid #eff3f8;
    background-color: #eff3f8; }
    table.list tfoot th .resultat_pagination {
      padding: 10px;
      font-size: 1.4em;
      color: #666; }
      table.list tfoot th .resultat_pagination .pagination {
        float: right; }
        table.list tfoot th .resultat_pagination .pagination a {
          float: left;
          display: block;
          padding: 10px 0;
          width: 32px;
          border: 1px solid #d9d9d9;
          background-color: #fff;
          color: #6fb3e0;
          text-align: center;
          text-decoration: none; }
          table.list tfoot th .resultat_pagination .pagination a:hover, table.list tfoot th .resultat_pagination .pagination a.selected {
            color: #fff;
            background-color: #6faed9;
            border-color: #6faed9; }
    table.list tfoot th .resultat_pagination .pagination a + a {
      border-left: 0; }
  table.list tbody td,
  table.list thead th {
    padding: 5px 4px;
    border: 1px solid #e1e1e1;
    vertical-align: middle; }
  table.list tbody tr.focus {
    background: #d9edf7;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #d9edf7, #c9e5f2);
    /* For Safari */
    background: -o-linear-gradient(bottom, #d9edf7, #c9e5f2);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #d9edf7, #c9e5f2);
    /* For Firefox 3.6 to 15 */
    background: -ms-linear-gradient(bottom, #d9edf7, #c9e5f2);
    background: linear-gradient(to bottom, #d9edf7, #c9e5f2);
    /* Standard syntax */ }
    table.list tbody tr.focus td {
      border-color: #fff; }
  table.list tbody tr:hover {
    background-color: #FCFCE8; }
  table.list tbody tr.children > td {
    font-size: 1em; }
  table.list tbody tr.children td {
    background-color: #FFF; }
  table.list tbody tr.children > td {
    background-color: #444444;
    border-color: transparent;
    padding: 0 0 0 25px; }
  table.list tbody td {
    padding: 5px 4px;
    font-size: 1.2em;
    font-weight: normal;
    color: #333; }
    table.list tbody td.date, table.list tbody td.ordo {
      text-align: center; }
    table.list tbody td.champ {
      padding: 0 10px;
      text-align: right; }
  table.list tbody input[type=text] {
    width: 100%; }
  table.list .children-effect {
    -webkit-transition: none 0s ease;
    -moz-transition: none 0s ease;
    -o-transition: none 0s ease;
    transition: none 0s ease;
    overflow: hidden; }

a[class*="icon-"],
a.modif, a.suppr, a.folding,
.visibility, .validity, .coeur, a.sync {
  display: inline-block;
  font-size: 1.2em;
  padding: 2px 4px;
  margin: 0; }

a[class*="icon-"], a[class*="ajax-"], a.modif, a.suppr, a.folding, a.sync {
  display: inline-block;
  font-size: 1.2em;
  padding: 2px 4px;
  margin: 0;
  opacity: 0.5; }
  a[class*="icon-"]:hover, a[class*="ajax-"]:hover, a.modif:hover, a.suppr:hover, a.folding:hover, a.sync:hover {
    opacity: 1; }
  a[class*="icon-"].icon-update, a[class*="ajax-"].icon-update, a.modif.icon-update, a.suppr.icon-update, a.folding.icon-update, a.sync.icon-update {
    color: #62A0D3; }
    a[class*="icon-"].icon-update:before, a[class*="ajax-"].icon-update:before, a.modif.icon-update:before, a.suppr.icon-update:before, a.folding.icon-update:before, a.sync.icon-update:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
  a[class*="icon-"].icon-update-disabled, a[class*="ajax-"].icon-update-disabled, a.modif.icon-update-disabled, a.suppr.icon-update-disabled, a.folding.icon-update-disabled, a.sync.icon-update-disabled {
    color: #E9E9E9;
    opacity: 1; }
    a[class*="icon-"].icon-update-disabled:before, a[class*="ajax-"].icon-update-disabled:before, a.modif.icon-update-disabled:before, a.suppr.icon-update-disabled:before, a.folding.icon-update-disabled:before, a.sync.icon-update-disabled:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
  a[class*="icon-"].icon-delete, a[class*="icon-"].ajax-delete, a[class*="icon-"].ajax-delete-line, a[class*="ajax-"].icon-delete, a[class*="ajax-"].ajax-delete, a[class*="ajax-"].ajax-delete-line, a.modif.icon-delete, a.modif.ajax-delete, a.modif.ajax-delete-line, a.suppr.icon-delete, a.suppr.ajax-delete, a.suppr.ajax-delete-line, a.folding.icon-delete, a.folding.ajax-delete, a.folding.ajax-delete-line, a.sync.icon-delete, a.sync.ajax-delete, a.sync.ajax-delete-line {
    color: #E2735F; }
    a[class*="icon-"].icon-delete:before, a[class*="icon-"].ajax-delete:before, a[class*="icon-"].ajax-delete-line:before, a[class*="ajax-"].icon-delete:before, a[class*="ajax-"].ajax-delete:before, a[class*="ajax-"].ajax-delete-line:before, a.modif.icon-delete:before, a.modif.ajax-delete:before, a.modif.ajax-delete-line:before, a.suppr.icon-delete:before, a.suppr.ajax-delete:before, a.suppr.ajax-delete-line:before, a.folding.icon-delete:before, a.folding.ajax-delete:before, a.folding.ajax-delete-line:before, a.sync.icon-delete:before, a.sync.ajax-delete:before, a.sync.ajax-delete-line:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
  a[class*="icon-"].icon-archive, a[class*="ajax-"].icon-archive, a.modif.icon-archive, a.suppr.icon-archive, a.folding.icon-archive, a.sync.icon-archive {
    color: #574B43; }
    a[class*="icon-"].icon-archive:before, a[class*="ajax-"].icon-archive:before, a.modif.icon-archive:before, a.suppr.icon-archive:before, a.folding.icon-archive:before, a.sync.icon-archive:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "\f187";
      vertical-align: middle;
      margin: 0; }
  a[class*="icon-"].icon-book, a[class*="ajax-"].icon-book, a.modif.icon-book, a.suppr.icon-book, a.folding.icon-book, a.sync.icon-book {
    color: #0; }
    a[class*="icon-"].icon-book:before, a[class*="ajax-"].icon-book:before, a.modif.icon-book:before, a.suppr.icon-book:before, a.folding.icon-book:before, a.sync.icon-book:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "\f02d";
      vertical-align: middle;
      margin: 0; }  
    a[class*="icon-"].icon-calendar, a[class*="ajax-"].icon-calendar, a.modif.icon-calendar, a.suppr.icon-calendar, a.folding.icon-calendar, a.sync.icon-calendar {
    color: #0; }
    a[class*="icon-"].icon-calendar:before, a[class*="ajax-"].icon-calendar:before, a.modif.icon-calendar:before, a.suppr.icon-calendar:before, a.folding.icon-calendar:before, a.sync.icon-calendar:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "\f073";
      vertical-align: middle;
      margin: 0; }   
  a[class*="icon-"].icon-at, a[class*="ajax-"].icon-at, a.modif.icon-at, a.suppr.icon-at, a.folding.icon-at, a.sync.icon-at {
    color: #0; }
    a[class*="icon-"].icon-at:before, a[class*="ajax-"].icon-at:before, a.modif.icon-at:before, a.suppr.icon-at:before, a.folding.icon-at:before, a.sync.icon-at:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "\f1fa";
      vertical-align: middle;
      margin: 0; }      
  a[class*="icon-"].icon-calcul-actif, a[class*="ajax-"].icon-calcul-actif, a.modif.icon-calcul-actif, a.suppr.icon-calcul-actif, a.folding.icon-calcul-actif, a.sync.icon-calcul-actif {
    color: #00B050; }
    a[class*="icon-"].icon-calcul-actif:before, a[class*="ajax-"].icon-calcul-actif:before, a.modif.icon-calcul-actif:before, a.suppr.icon-calcul-actif:before, a.folding.icon-calcul-actif:before, a.sync.icon-calcul-actif:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
  a[class*="icon-"].icon-calcul-inactif, a[class*="ajax-"].icon-calcul-inactif, a.modif.icon-calcul-inactif, a.suppr.icon-calcul-inactif, a.folding.icon-calcul-inactif, a.sync.icon-calcul-inactif {
    color: #0;
    cursor: default; }
    a[class*="icon-"].icon-calcul-inactif:before, a[class*="ajax-"].icon-calcul-inactif:before, a.modif.icon-calcul-inactif:before, a.suppr.icon-calcul-inactif:before, a.folding.icon-calcul-inactif:before, a.sync.icon-calcul-inactif:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
  a[class*="icon-"].icon-building, a[class*="ajax-"].icon-building, a.modif.icon-building, a.suppr.icon-building, a.folding.icon-building, a.sync.icon-building {
    color: #574B43; }
    a[class*="icon-"].icon-building:before, a[class*="ajax-"].icon-building:before, a.modif.icon-building:before, a.suppr.icon-building:before, a.folding.icon-building:before, a.sync.icon-building:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
  a[class*="icon-"].icon-fileText, a[class*="ajax-"].icon-fileText, a.modif.icon-fileText, a.suppr.icon-fileText, a.folding.icon-fileText, a.sync.icon-fileText {
    color: #574B43; }
    a[class*="icon-"].icon-fileText:before, a[class*="ajax-"].icon-fileText:before, a.modif.icon-fileText:before, a.suppr.icon-fileText:before, a.folding.icon-fileText:before, a.sync.icon-fileText:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
  a[class*="icon-"].icon-check, a[class*="ajax-"].icon-check, a.modif.icon-check, a.suppr.icon-check, a.folding.icon-check, a.sync.icon-check {
    color: #00B050; }
    a[class*="icon-"].icon-check:before, a[class*="ajax-"].icon-check:before, a.modif.icon-check:before, a.suppr.icon-check:before, a.folding.icon-check:before, a.sync.icon-check:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
  a[class*="icon-"].icon-add, a[class*="ajax-"].icon-add, a.modif.icon-add, a.suppr.icon-add, a.folding.icon-add, a.sync.icon-add {
    color: #87b87f; }
    a[class*="icon-"].icon-add:before, a[class*="ajax-"].icon-add:before, a.modif.icon-add:before, a.suppr.icon-add:before, a.folding.icon-add:before, a.sync.icon-add:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
    a[class*="icon-"].icon-add.ajax-add, a[class*="ajax-"].icon-add.ajax-add, a.modif.icon-add.ajax-add, a.suppr.icon-add.ajax-add, a.folding.icon-add.ajax-add, a.sync.icon-add.ajax-add {
      opacity: 1;
      color: #FFF; }
      a[class*="icon-"].icon-add.ajax-add:before, a[class*="ajax-"].icon-add.ajax-add:before, a.modif.icon-add.ajax-add:before, a.suppr.icon-add.ajax-add:before, a.folding.icon-add.ajax-add:before, a.sync.icon-add.ajax-add:before {
        display: inline-block;
        font-family: 'fontawesome';
        margin-right: 0.5em;
        font-weight: normal;
        font-size: 1em;
        speak: none;
        content: "";
        vertical-align: middle; }
  a[class*="icon-"].icon-duplicate, a[class*="ajax-"].icon-duplicate, a.modif.icon-duplicate, a.suppr.icon-duplicate, a.folding.icon-duplicate, a.sync.icon-duplicate {
    color: #ff9100; }
    a[class*="icon-"].icon-duplicate:before, a[class*="ajax-"].icon-duplicate:before, a.modif.icon-duplicate:before, a.suppr.icon-duplicate:before, a.folding.icon-duplicate:before, a.sync.icon-duplicate:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
  a[class*="icon-"].icon-folder, a[class*="ajax-"].icon-folder, a.modif.icon-folder, a.suppr.icon-folder, a.folding.icon-folder, a.sync.icon-folder {
    color: #ff9100; }
    a[class*="icon-"].icon-folder:before, a[class*="ajax-"].icon-folder:before, a.modif.icon-folder:before, a.suppr.icon-folder:before, a.folding.icon-folder:before, a.sync.icon-folder:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
  a[class*="icon-"].icon-folding, a[class*="ajax-"].icon-folding, a.modif.icon-folding, a.suppr.icon-folding, a.folding.icon-folding, a.sync.icon-folding {
    color: #444444; }
    a[class*="icon-"].icon-folding:before, a[class*="ajax-"].icon-folding:before, a.modif.icon-folding:before, a.suppr.icon-folding:before, a.folding.icon-folding:before, a.sync.icon-folding:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
    a[class*="icon-"].icon-folding.unfold, a[class*="ajax-"].icon-folding.unfold, a.modif.icon-folding.unfold, a.suppr.icon-folding.unfold, a.folding.icon-folding.unfold, a.sync.icon-folding.unfold {
      -ms-transform: rotate(90deg);
      /* IE 9 */
      -webkit-transform: rotate(90deg);
      /* Safari and Chrome */
      transform: rotate(90deg); }
  a[class*="icon-"].icon-refresh, a[class*="ajax-"].icon-refresh, a.modif.icon-refresh, a.suppr.icon-refresh, a.folding.icon-refresh, a.sync.icon-refresh {
    color: #87b87f; }
    a[class*="icon-"].icon-refresh:before, a[class*="ajax-"].icon-refresh:before, a.modif.icon-refresh:before, a.suppr.icon-refresh:before, a.folding.icon-refresh:before, a.sync.icon-refresh:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }
  a[class*="icon-"].icon-sync, a[class*="ajax-"].icon-sync, a.modif.icon-sync, a.suppr.icon-sync, a.folding.icon-sync, a.sync.icon-sync {
    color: #FF6600; }
    a[class*="icon-"].icon-sync:before, a[class*="ajax-"].icon-sync:before, a.modif.icon-sync:before, a.suppr.icon-sync:before, a.folding.icon-sync:before, a.sync.icon-sync:before {
      display: inline-block;
      font-family: 'fontawesome';
      margin-right: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      margin: 0; }

a.modif {
  color: #62A0D3; }
  a.modif:before {
    display: inline-block;
    font-family: 'fontawesome';
    margin-right: 0.5em;
    font-weight: normal;
    font-size: 1em;
    speak: none;
    content: "";
    vertical-align: middle;
    margin: 0; }

a.suppr {
  color: #E2735F; }
  a.suppr:before {
    display: inline-block;
    font-family: 'fontawesome';
    margin-right: 0.5em;
    font-weight: normal;
    font-size: 1em;
    speak: none;
    content: "";
    vertical-align: middle;
    margin: 0; }

a.folding {
  color: #444444; }
  a.folding:before {
    display: inline-block;
    font-family: 'fontawesome';
    margin-right: 0.5em;
    font-weight: normal;
    font-size: 1em;
    speak: none;
    content: "";
    vertical-align: middle;
    margin: 0; }
  a.folding.unfold {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
    transform: rotate(90deg); }

a.sync {
  color: #FF6600; }
  a.sync:before {
    display: inline-block;
    font-family: 'fontawesome';
    margin-right: 0.5em;
    font-weight: normal;
    font-size: 1em;
    speak: none;
    content: "";
    vertical-align: middle;
    margin: 0; }

/* form */
fieldset {
  position: relative;
  padding: 5px 0;
  margin-bottom: 10px;
  border: none; }
  fieldset.slide, fieldset * {
    -webkit-transition: none 0s ease;
    -moz-transition: none 0s ease;
    -o-transition: none 0s ease;
    transition: none 0s ease; }
  fieldset legend {
    cursor: pointer; }
    fieldset legend:after {
      display: inline-block;
      font-family: 'fontawesome';
      margin-left: 0.5em;
      font-weight: normal;
      font-size: 1em;
      speak: none;
      content: "";
      vertical-align: middle;
      color: #8479B5; }
    fieldset legend a {
      display: inline-block;
      font-size: 0.5em;
      margin: 0 5px;
      color: #8479B5; }
  fieldset.close legend:after {
    display: inline-block;
    font-family: 'fontawesome';
    margin-left: 0.5em;
    font-weight: normal;
    font-size: 1em;
    speak: none;
    content: "";
    vertical-align: middle;
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Safari and Chrome */
    transform: rotate(0deg); }
  fieldset > div {
    -webkit-transition: none 0s ease;
    -moz-transition: none 0s ease;
    -o-transition: none 0s ease;
    transition: none 0s ease; }
    fieldset > div > div {
      margin-bottom: 5px; }
  fieldset + fieldset legend:after {
    display: inline-block;
    font-family: 'fontawesome';
    margin-left: 0.5em;
    font-weight: normal;
    font-size: 1em;
    speak: none;
    content: "";
    vertical-align: middle;
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -webkit-transform: rotate(-90deg);
    /* Safari and Chrome */
    transform: rotate(-90deg); }
  fieldset + fieldset > div {
    display: none; }

legend {
  display: block;
  padding: 5px 0;
  width: 100%;
  border-bottom: 1px dotted #e2e2e2;
  margin-bottom: 10px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: lighter;
  font-size: 21px;
  text-transform: capitalize;
  color: #8479B5; }
  legend span.format {
    margin-left: 10px;
    font-size: 14px;
    text-transform: none; }

form.backoffice-crud {
  padding: 0 0 80px;
  margin: 0 auto; }
  form.backoffice-crud .icheckbox_line-blue {
    max-width: 30%;
    margin-left: 30.5%; }
  form.backoffice-crud .iradio_line-blue {
    display: inline-block; }
  form.backoffice-crud .backoffice-valid {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%; }
    form.backoffice-crud .backoffice-valid .preview-line {
      display: inline-block; }
  form.backoffice-crud.backoffice-submit-unfixed {
    padding: 0; }
    form.backoffice-crud.backoffice-submit-unfixed .backoffice-valid {
      position: static;
      left: auto;
      bottom: auto;
      width: 100%; }
  form.backoffice-crud .line {
    display: -ms-flexbox;
    -ms-flex-pack: left;
    -ms-flex-align: center;
    display: -webkit-box;
    -webkit-box-pack: left;
    -webkit-box-align: center;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    display: -moz-box;
    -moz-box-pack: left;
    -moz-box-align: center;
    /* W3C */
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row;
    padding: 5px 0;
    border-bottom: 1px solid #E9E9E9;
    background-color: #FFF; }
    form.backoffice-crud .line > div {
      margin: 0 5px; }
      form.backoffice-crud .line > div label {
        width: auto; }
      form.backoffice-crud .line > div input, form.backoffice-crud .line > div select {
        padding: 5px;
        width: 150px;
        min-width: 150px; }
  table form.backoffice-crud {
    padding: 0; }
  form.backoffice-crud .champs {
    width: 100%;
    margin: 0 auto; }
  form.backoffice-crud p {
    margin-bottom: 5px; }
  form.backoffice-crud .backoffice-valid {
    text-align: center;
    padding: 10px 0;
    background: #EFF3F8;
    margin: 0;
    border-top: 1px solid #cdd8e3; }
  form.backoffice-crud label {
    text-align: right; }
  form.backoffice-crud input[type="file"],
  form.backoffice-crud input[type="text"],
  form.backoffice-crud input[type="email"],
  form.backoffice-crud input[type="password"],
  form.backoffice-crud input[type="tel"],
  form.backoffice-crud textarea,
  form.backoffice-crud select {
    border: 1px solid #d5d5d5;
    padding: 10px;
    font-size: 14px;
    color: #858585;
    width: 30%;
    /* min-width: 300px; */ }
    form.backoffice-crud input[type="file"][disabled=disabled],
    form.backoffice-crud input[type="text"][disabled=disabled],
    form.backoffice-crud input[type="email"][disabled=disabled],
    form.backoffice-crud input[type="password"][disabled=disabled],
    form.backoffice-crud input[type="tel"][disabled=disabled],
    form.backoffice-crud textarea[disabled=disabled],
    form.backoffice-crud select[disabled=disabled] {
      background: transparent;
      border-color: transparent; }
      form.backoffice-crud input[type="file"][disabled=disabled]:hover,
      form.backoffice-crud input[type="text"][disabled=disabled]:hover,
      form.backoffice-crud input[type="email"][disabled=disabled]:hover,
      form.backoffice-crud input[type="password"][disabled=disabled]:hover,
      form.backoffice-crud input[type="tel"][disabled=disabled]:hover,
      form.backoffice-crud textarea[disabled=disabled]:hover,
      form.backoffice-crud select[disabled=disabled]:hover {
        background: transparent; }
    form.backoffice-crud input[type="file"]:focus,
    form.backoffice-crud input[type="text"]:focus,
    form.backoffice-crud input[type="email"]:focus,
    form.backoffice-crud input[type="password"]:focus,
    form.backoffice-crud input[type="tel"]:focus,
    form.backoffice-crud textarea:focus,
    form.backoffice-crud select:focus {
      border-color: #6FB3E0;
      -moz-box-shadow: 0 4px 0 #6FB3E0 0;
      -webkit-box-shadow: 0 4px 0 #6FB3E0 0;
      -o-box-shadow: 0 4px 0 #6FB3E0 0;
      box-shadow: 0 4px 0 #6FB3E0 0;
      filter: progid:DXImageTransform.Microsoft.Shadow(color=$color, Direction=Nan, Strength=$blur); }
    form.backoffice-crud input[type="file"]:hover,
    form.backoffice-crud input[type="text"]:hover,
    form.backoffice-crud input[type="email"]:hover,
    form.backoffice-crud input[type="password"]:hover,
    form.backoffice-crud input[type="tel"]:hover,
    form.backoffice-crud textarea:hover,
    form.backoffice-crud select:hover {
      background-color: #FCFCE8; }
  form.backoffice-crud::-webkit-input-placeholder {
    color: #C9C9C9;
    font-style: italic; }
  form.backoffice-crud:-moz-placeholder {
    /* Firefox 18- */
    color: #C9C9C9;
    font-style: italic; }
  form.backoffice-crud::-moz-placeholder {
    /* Firefox 19+ */
    color: #C9C9C9;
    font-style: italic; }
  form.backoffice-crud:-ms-input-placeholder {
    color: #C9C9C9;
    font-style: italic; }
  form.backoffice-crud select {
    width: 30.8%; }
    form.backoffice-crud select.sizeT {
      width: 100%; }
    form.backoffice-crud select.type {
      min-width: inherit;
      width: auto; }
    form.backoffice-crud select.heure {
      min-width: inherit;
      width: auto; }
  form.backoffice-crud input.date {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    text-align: center; }
  form.backoffice-crud input.datetime {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    text-align: center; }
  form.backoffice-crud .icon-calendar {
    font-size: 1.5em;
    margin-left: 10px; }
  form.backoffice-crud textarea {
    vertical-align: top; }
  form.backoffice-crud textarea.tinymce, form.backoffice-crud textarea.rte {
    width: 100%;
    height: 300px; }

.icon-checked:before {
  display: inline-block;
  font-family: 'fontawesome';
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  color: #2BD04B;
  font-size: 1em;
  margin: 0; }

.icon-remove:before {
  display: inline-block;
  font-family: 'fontawesome';
  margin-right: 0.5em;
  font-weight: normal;
  font-size: 1em;
  speak: none;
  content: "";
  vertical-align: middle;
  color: #FF0000;
  font-size: 1em;
  margin: 0; }
  
#connect {
  width: 600px;
  margin: 50px auto;
  text-align: center; }
#connect .image {
    margin: 0 auto 10px;
    padding: 30px 30%; }
.home #connect .image {
      padding: 30px 35%; }
#connect img {
    width: 100%;
    display: block;
    margin: 0; }

.backoffice-container {
  position: relative;
  height: 70%; }
  
.backoffice-content .pictos {
  list-style: none;
  padding: 0 22%; }
  .backoffice-content .pictos li {
    float: left;
    width: 40px;
    margin: 0 5px 5px;
    background-color: #998764;
    text-align: center; }
    .backoffice-content .pictos li label {
      width: 30px;
      padding: 5px 5px;
      text-align: center; }
      .backoffice-content .pictos li label span {
        margin-bottom: 5px; }
  .backoffice-content .pictos.inputed {
    padding-left: 22%;
    padding-right: 0; }
    .backoffice-content .pictos.inputed li {
      width: 300px; }
    .backoffice-content .pictos.inputed label {
      width: 290px; }
    .backoffice-content .pictos.inputed p {
      background: #FFF; }
      .backoffice-content .pictos.inputed p span {
        margin-bottom: 0; }
    .backoffice-content .pictos.inputed span[class^=pictos] {
      margin: 0 auto; }
    .backoffice-content .pictos.inputed input {
      width: 240px;
      min-width: 240px; }

/*************************************/
.backoffice-content .column-left, .backoffice-content .column-right {
  float: left;
  width: 47.5%;
  margin: 0 1% 20px;
  border: 1px solid #cccccc; }

.backoffice-content .column-entete {
  background: #f7f7f7;
  color: #669fc7;
  font-size: 1.75em;
  padding: 8px 10px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px; }
  .backoffice-content .column-entete a {
    display: inline;
    float: right;
    padding: 0px 6px;
    border-width: 3px;
    margin-left: 10px;
    text-decoration: none; }
  .backoffice-content .column-entete span {
    margin-right: 8px; }

.backoffice-content .column-right {
  float: right; }

.backoffice-content.categories-container .column-left {
  width: 800px; }

.backoffice-content.categories-container .column-right {
  width: 500px; }

.backoffice-content ul.categories {
  list-style: none;
  display: block; }

.backoffice-content ul.categories li {
  float: left;
  position: relative;
  display: block;
  width: 350px;
  height: 207px;
  margin: 0 12px 25px 13px;
  background: #000;
  overflow: hidden;
  opacity: 0.85; }

.backoffice-content ul.categories li img {
  width: 100%; }

.backoffice-content ul.categories li.invisible {
  background: #999; }

.backoffice-content ul.categories li.invisible img {
  display: none; }

.backoffice-content ul.categories li:hover {
  opacity: 1; }

.backoffice-content ul.categories li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.backoffice-content ul.categories li .bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 10px; }

.backoffice-content ul.categories h2 {
  /*font-size: 22px;*/
  font-size: 1.9em;
  font-family: 'bebas_neueregular', arial;
  margin-bottom: 5px;
  color: #FFF;
  text-transform: uppercase; }

.backoffice-content ul.categories-select {
  list-style: none; }
  .backoffice-content ul.categories-select li {
    display: block;
    margin-bottom: 5px; }
    .backoffice-content ul.categories-select li select {
      vertical-align: top; }