/*==============================================

    FONTS

 =============================================*/
@font-face {
  font-family: 'AlegreyaSansBold';
  src: url("../fonts/AlegreyaSansBold.eot");
  src: url("../fonts/AlegreyaSansBold.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSansBold.woff") format("woff"), url("../fonts/AlegreyaSansBold.ttf") format("truetype"), url("../fonts/AlegreyaSansBold.svg#AlegreyaSansBold") format("svg");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'AlegreyaSans-Medium';
  src: url("../fonts/AlegreyaSans-Medium.eot");
  src: url("../fonts/AlegreyaSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-Medium.woff") format("woff"), url("../fonts/AlegreyaSans-Medium.ttf") format("truetype"), url("../fonts/AlegreyaSans-Medium.svg#AlegreyaSans-Medium") format("svg");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'OpenSansRegular';
  src: url("../fonts/OpenSansRegular.eot");
  src: url("../fonts/OpenSansRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSansRegular.ttf") format("truetype"), url("../fonts/OpenSansRegular.svg#OpenSansRegular") format("svg");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'OpenSans-Bold';
  src: url("../fonts/OpenSans-Bold.eot");
  src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

/*==============================================

    GENERAL

 =============================================*/
* {
  outline: none; }

ul, p, h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0; }

a {
  color: inherit;
  text-decoration: none;
  outline: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease; }
  a:focus, a:visited, a:link {
    color: inherit;
    text-decoration: none;
    outline: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease; }

button {
  color: inherit;
  text-decoration: none;
  outline: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease; }

img {
  border: none; }

ol, ul, li {
  list-style-type: none; }

body {
  font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
  line-height: 25px;
  font-size: 14px; }

#wrapper {
  width: 100%;
  background: #eae5df; }

#page-wrapper {
  padding: 0 20px;
  /*min-height:800px;*/
  background: #fff; }

#page-inner {
  width: 100%;
  margin: 0 20px 10px 0px;
  background-color: #fff !important;
  padding: 30px 10px 30px 10px;
  min-height: 800px; }

.page-head-line {
  color: #000;
  font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
  border: 0 none; }

.btn {
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important; }

strong {
  font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif; }

/*==============================================

    LOGIN

 =============================================*/
.page-login .content-login {
  margin-top: 150px; }

.page-login .ct-login {
  border: 1px solid #d4d5d7;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); }

.page-login .panel-body {
  padding: 20px; }

.page-login .input-group {
  width: 100%; }

.page-login .panel-header {
  padding: 25px 0;
  background: url("../img/bg-login.png") repeat-x; }

.page-login label {
  line-height: 30px;
  font-family: 'AlegreyaSans-Medium', Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 31% !important;
  text-align: left;
  float: left;
  font-weight: 400;
  margin: 0; }

.page-login .form-group {
  overflow: hidden; }

.page-login input {
  box-shadow: inset 0 0 10px #d2d2d2;
  font-family: 'AlegreyaSans-Medium', Arial, Helvetica, sans-serif;
  background: #fff;
  background-image: none;
  border: 1px solid #d2d2d2;
  border-radius: 0;
  color: #666666;
  display: block;
  font-size: 14px;
  height: auto;
  padding: 5px 8px;
  -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 69% !important; }

.page-login .mdp-lost {
  color: #666;
  font-size: 16px;
  text-decoration: underline;
  font-family: 'AlegreyaSans-Medium', Arial, Helvetica, sans-serif;
  margin-top: 5px; }

.page-login .submit {
  background: #333333;
  border-bottom: 1px solid #a0a0a0;
  color: #fff;
  display: block;
  font-family: "AlegreyaSansBold",Arial,Helvetica,sans-serif;
  font-size: 20px;
  margin: 0 auto;
  padding: 3px 20px 0;
  text-align: center;
  text-transform: uppercase; }
  .page-login .submit:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.table-responsive table td a:hover, .navbar-cls-top .navbar-brand:hover, .ct-recherche .bt-search-new:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80); }

/*==============================================

    MENU

 =============================================*/
.navbar-cls-top .navbar-brand {
  padding: 7px 0;
  text-align: center;
  width: 265px;
  margin: 0 auto; }

.header-right {
  color: #fff;
  padding: 15px 50px 5px 50px;
  float: right;
  font-size: 16px; }

.navbar-brand > img {
  display: inline-block; }

.active-menu-top {
  background-color: #000 !important; }

.arrow {
  float: right; }

.home {
  background: #fad4aa url("../img/home.png") no-repeat 37% center !important;
  padding-left: 46% !important; }

.fl {
  background: url("../img/close.png") no-repeat;
  height: 11px;
  position: absolute;
  right: 10px;
  top: 40%;
  width: 11px;
  z-index: 50000; }

.active > a > .fl {
  background: url("../img/open.png") no-repeat; }

.nav-second-level li {
  border-bottom: none !important; }
  .nav-second-level li a {
    background: #eae5df !important; }
    .nav-second-level li a:hover {
      background: #ddd7cf !important; }
  .nav-second-level li .active-menu {
    background: #ddd7cf !important; }

.sidebar-collapse {
  background: none;
  position: relative;
  z-index: 500000; }
  .sidebar-collapse .nav {
    background: none;
    position: relative;
    z-index: 500000;
    padding: 0; }
    .sidebar-collapse .nav > li > a {
      /*background: #eae5df;*/
      font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
      color: #333;
      font-size: 14px;
      text-shadow: none; }
    .sidebar-collapse .nav > li.active > a, .sidebar-collapse .nav > li > a:hover {
      background: #cfc9c2; }
  .sidebar-collapse .bg {
    background: #cfc9c2; }
  .sidebar-collapse > .nav > li > a {
    padding: 15px; }
  .sidebar-collapse .nav > li > a:hover, .sidebar-collapse .nav > li > a:focus {
    outline: 0; }

.nav-second-level > li:last-child > a:after, .nav-third-level > li:last-child > a:after {
  height: 50%; }

.navbar-side {
  border: none;
  background: #202020; }

.navbar-default {
  border: 0 none;
  border-radius: 0;
  background: url("../img/bg-header.png") repeat-x;
  height: 50px;
  margin-bottom: 0;
  z-index: 5; }
  .navbar-default .navbar-toggle {
    /*border-color:#fff;*/
    margin-top: 60px; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background: transparent; }
    .navbar-default .navbar-toggle .icon-bar {
      /*background-color:#FFF*/ }

.nav > li > a > i {
  margin-right: 10px; }

.navbar-side {
  /*min-height: 830px;*/ }

.navbar-header {
  width: 100%; }

/*==============================================

    NOTIFICATION  STYLES

 =============================================*/
.notifications-wrapper {
  float: right;
  margin-top: 12px;
  margin-right: 30px; }
  .notifications-wrapper li {
    display: inline-block; }
    .notifications-wrapper li .profil {
      background: #333333 url("../img/profil.gif") no-repeat left; }
    .notifications-wrapper li .off {
      background: #333333 url("../img/off.gif") no-repeat left; }
    .notifications-wrapper li .profil:hover {
      background: #fad4aa url("../img/profil.gif") no-repeat left !important;
      color: #333333; }
    .notifications-wrapper li .off:hover {
      background: #fad4aa url("../img/off.gif") no-repeat left !important;
      color: #333333; }
    .notifications-wrapper li a {
      color: #fff;
      font-size: 15px;
      font-family: 'AlegreyaSansBold', Arial, Helvetica, sans-serif;
      padding: 0 30px 0 40px; }
  .notifications-wrapper .nav > li > a:hover {
    text-decoration: none;
    background: #bfbdbd; }

.nav > li > a:focus {
  text-decoration: none;
  background: #bfbdbd; }

.notifications-wrapper .dropdown-menu {
  margin: 0px;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important; }

/*==============================================

    RECHERCHE STYLES

 =============================================*/
.ct-recherche {
  display: none;
  background: #edecec;
  height: 35px;
  margin: 0 15px;
  padding: 5px 10px; }

.search-new label {
  font-weight: 400;
  font-size: 13px;
  margin: 0 10px 0 0;
  float: left;
  line-height: 24px; }

.select-style {
  float: left;
  padding: 0;
  margin: 1px 20px 0 0;
  border: 1px solid #d2d2d2;
  width: 60px;
  height: 22px;
  overflow: hidden;
  background: #fff;
  line-height: 20px;
  background: #fff url("../img/select.gif") no-repeat 90% 55%; }
  .select-style select {
    color: #666;
    font-family: "OpenSansRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0 5px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .select-style select:focus {
      outline: none; }

.ct-recherche .bt-search-new {
  background: url("../img/recherche.gif") no-repeat;
  width: 181px;
  height: 22px;
  border: 0;
  float: left;
  margin-top: 1px; }

.gestion-reseaux {
  background: #cfcece url("../img/deg.gif") repeat-x;
  min-height: 37px;
  overflow: hidden;
  padding: 7px 0;
  margin: 0 15px; }
  .gestion-reseaux .pull-left a {
    float: left;
    margin: 0 35px 0 5px; }
    .gestion-reseaux .pull-left a img {
      margin-right: 8px; }
    .gestion-reseaux .pull-left a span {
      font-family: "OpenSansRegular",Arial,Helvetica,sans-serif;
      font-size: 12px; }

.current-notices ul {
  padding-left: 20px;
  list-style: decimal-leading-zero;
  line-height: 30px; }

.open-recherche {
  background: transparent url("../img/f-open.gif") no-repeat scroll 0 5px;
  float: right;
  height: 30px;
  width: 14px; }

.close-recherche {
  background: transparent url("../img/f-close.gif") no-repeat scroll 0 5px;
  float: right;
  height: 30px;
  width: 14px; }

.search-form {
  line-height: 23px;
  border: 1px solid #cecece;
  background: #fff;
  /*width: 150px !important;*/
  float: right;
  margin-right: 5px; }
  .search-form input {
    color: #666;
    background: #fff url("../img/loupe.gif") no-repeat 95% center;
    font-family: "OpenSansRegular",Arial,Helvetica,sans-serif;
    border: 0;
    /* width: 140px !important;*/
    font-size: 12px;
    padding: 0 10px; }

.list-reseaux {
  font-size: 12px; }
  .list-reseaux p {
    color: #333;
    margin-bottom: 20px;
    line-height: 24px; }

/*==============================================

    PANEL / ACCUEIL

 =============================================*/
.panel-default {
  border: 1px solid #d4d5d7;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  margin-bottom: 25px; }
  .panel-default > .panel-heading {
    border: 0 none;
    border-radius: 0 !important;
    background: url("../img/bg-panel.gif") repeat-x;
    height: 26px;
    padding: 0px 0 0 15px !important; }
    .panel-default > .panel-heading span {
      color: #000 !important;
      font-size: 14px;
      font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
      float: left; }
    .panel-default > .panel-heading a {
      line-height: 20px;
      float: right;
      padding: 2px 10px 0 0;
      font-family: "OpenSansRegular",Arial,Helvetica,sans-serif;
      font-size: 11px;
      background: url("../img/bg-panel.gif") repeat-x;
      height: 26px; }
      .panel-default > .panel-heading a:hover {
        text-decoration: underline; }
      .panel-default > .panel-heading a img {
        float: left;
        margin-right: 5px; }
  .panel-default .table-responsive {
    margin: 0; }
    .panel-default .table-responsive table {
      margin: 0; }
      .panel-default .table-responsive table td {
        color: #000;
        font-family: "OpenSansRegular",Arial,Helvetica,sans-serif;
        font-size: 12px;
        padding: 0 !important;
        text-align: left;
        text-transform: none; }

.panel-bottom {
  background: #d5d4d4; }
  .panel-bottom a {
    font-family: "OpenSansRegular",Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-align: center;
    display: block; }
    .panel-bottom a:hover {
      text-decoration: underline; }

.panel-default p {
  font-family: "OpenSansRegular",Arial,Helvetica,sans-serif;
  font-size: 12px; }

/*==============================================

    TABLE

 =============================================*/
.table-responsive {
  margin-top: 25px;
  font-weight: 400;
  font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 12px; }
  .table-responsive table th {
    font-weight: 400;
    font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    text-align: center;
    border: 0 !important; }
  .table-responsive table thead th.name {
    background: #eae9e9;
    text-align: left; }
  .table-responsive .table-striped > tbody > tr {
    border: 0 !important; }
    .table-responsive .table-striped > tbody > tr:nth-of-type(2n+1) {
      background: #fff; }
    .table-responsive .table-striped > tbody > tr:nth-of-type(2n+2) {
      background: #f7f7f7; }
  .table-responsive table thead {
    background: #f7f7f7; }
  .table-responsive table td {
    text-align: center;
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
    color: #666;
    text-transform: uppercase; }
  .table-responsive table .text-left {
    text-align: left !important; }
  .table-responsive table .checkbox {
    display: inline; }
  .table-responsive table th, .table-responsive table td {
    border: 0 !important; }
  .table-responsive table .not-Upp {
    text-transform: none; }

.pagination {
  width: 100%;
  margin: 10px 0; }
  .pagination label {
    font-weight: 400; }
  .pagination select {
    background: #f8f8f8;
    color: #666;
    float: right;
    font-size: 12px;
    margin-left: 10px;
    width: auto;
    padding: 2px 10px 2px 7px;
    height: auto; }

/*==============================================

    PAGE RESEAUX

 =============================================*/
.page-reseaux #wrapper {
  background: #fff;
  overflow: hidden;
  margin-bottom: 30px; }

header {
  margin: 15px 0 35px 0; }
  header p {
    text-align: center;
    font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 24px;
    margin-top: 15px;
    padding: 0 15px;
    line-height: 28px; }

#ct-wrapper-reseaux .gradient {
  background: url("../img/bg-reseaux.png") repeat-x left bottom; }

/* caption */
figure {
  cursor: pointer;
  display: block;
  margin: 30px 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  height: 300px; }
  figure img {
    /*width: 100%;*/ }

.caption {
  position: absolute;
  color: #fff;
  z-index: 100;
  left: 0;
  top: 0;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  background: rgba(249, 249, 249, 0.8);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249, 249, 249, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, rgba(249, 249, 249, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(249, 249, 249, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#000000', GradientType=0 ); }

.fade-caption {
  opacity: 0;
  height: 100%;
  margin: 0 6%;
  width: 88%; }

figure:hover .fade-caption {
  opacity: 1; }

figcaption h3 {
  font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 25px;
  margin: 0;
  padding: 10px 20px;
  position: relative;
  right: 100%;
  top: 30%; }

figcaption p {
  font-family: "OpenSansRegular",Arial,Helvetica,sans-serif;
  color: #fff;
  font-size: 14px;
  left: 100%;
  margin-bottom: 0;
  margin-top: 0;
  padding: 10px 20px;
  position: relative;
  font-style: italic;
  top: 24%;
  line-height: 18px; }

figure:hover h3, figure:hover p {
  left: 0; }

/*==============================================

    PAGE FORMUALIRE

 =============================================*/
.form-formulaire {
  font-family: "OpenSansRegular",Arial,Helvetica,sans-serif;
  font-size: 12px; }
  .form-formulaire .form-group {
    /*overflow: hidden;*/ }
    .form-formulaire .form-group .input-md {
      background: #fff;
      border: 1px solid #d2d2d2;
      border-radius: 0;
      color: #666;
      display: block;
      margin: 0 auto;
      padding: 0 10px;
      width: 75%; }
    .form-formulaire .form-group .bt {
      height: auto;
      line-height: 21px;
      margin: 0 5px !important;
      padding: 3px 12px; }
  .form-formulaire .bg-form {
    background: url("../img/bg-form.gif") repeat-x;
    height: 33px;
    padding: 3px 0; }
  .form-formulaire label {
    line-height: 21px;
    font-weight: 400;
    font-size: 12px;
    color: #333; }
  .form-formulaire .bloc-radio {
    background: #fff;
    color: #666;
    display: block;
    margin: 0 0 0 75px;
    width: 105px; }
  .form-formulaire .radio-inline input {
    margin-left: -17px; }
  .form-formulaire .bloc-radio label {
    margin-left: 5px; }
  .form-formulaire .ct-links {
    margin: 0 auto;
    overflow: hidden;
    width: 310px; }
  .form-formulaire .btn-form {
    float: left;
    background: #b9b8b8;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 0 none;
    color: #fff;
    display: inline-table;
    font-family: "OpenSans-Bold",Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 25px 20px 15px 0;
    padding: 2px 35px 2px 35px; }
    .form-formulaire .btn-form:last-child {
      margin-right: 0; }
    .form-formulaire .btn-form:hover {
      background: #333; }
  .form-formulaire .tab-content {
    padding: 30px;
    border-top: 0;
    border-left: 1px solid #d4d5d7;
    border-bottom: 1px solid #d4d5d7;
    border-right: 1px solid #d4d5d7;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    margin: 0 15px; }
  .form-formulaire .nav li {
    width: 33.33%;
    border: 1px solid #d5d1cd;
    border-bottom: 0;
    background: url("../img/onglet.gif") repeat-x;
    min-height: 26px;
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px; }
    .form-formulaire .nav li.active, .form-formulaire .nav li:hover {
      border: 1px solid #d5d1cd;
      border-bottom: 0;
      background: url("../img/onglet-active.gif") repeat-x;
      color: #000; }
    .form-formulaire .nav li.active a {
      background: transparent;
      color: #000; }
  .form-formulaire .nav > li > a {
    border-radius: 0;
    font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 14px;
    text-align: center;
    padding: 0; }
    .form-formulaire .nav > li > a:hover, .form-formulaire .nav > li > a:focus {
      background: transparent;
      color: #000; }
  .form-formulaire .nav-pills {
    padding: 0 15px; }
    .form-formulaire .nav-pills > li + li {
      margin-left: 0; }
  .form-formulaire .ombre {
    border: 1px solid #d4d5d7;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    padding: 15px 12%;
    margin-bottom: 10px; }

.input-file-container {
  position: relative;
  margin: 25px 0 10px 0; }

.js .input-file-trigger {
  margin: 0;
  background: #e5e4e4;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  padding: 3px 15px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease; }

.js .input-file {
  cursor: pointer;
  display: inline-block;
  height: 27px;
  left: 36px;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 145px; }
  .js .input-file:hover + .input-file-trigger, .js .input-file:focus + .input-file-trigger {
    background: #333;
    color: #fff; }

.js .input-file-trigger:hover, .js .input-file-trigger:focus {
  background: #333;
  color: #fff; }

.js .file-return {
  font-size: 12px;
  color: #333; }

.img-add {
  margin-bottom: 10px;
  line-height: 20px; }

.img-remove img {
  margin-right: 10px; }

#multiple-selection {
  padding: 0; }
  #multiple-selection .top-ct-filtre {
    background: url("../img/bg-filtre.png") repeat-x;
    height: 38px;
    padding: 8px 15px;
    overflow: hidden; }
    #multiple-selection .top-ct-filtre label {
      font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
      color: #666;
      margin: 0 8px 0 0;
      font-size: 13px; }
    #multiple-selection .top-ct-filtre input {
      height: 22px;
      margin-right: 10px;
      background: #fff;
      border: 1px solid #d2d2d2;
      border-radius: 0;
      color: #666;
      display: block;
      padding: 0 10px; }
    #multiple-selection .top-ct-filtre .select-style {
      margin: 0 20px 0 0;
      /*width: auto;*/ }
      #multiple-selection .top-ct-filtre .select-style select {
        padding: 0 45px; }
  #multiple-selection button[type="reset"] {
    line-height: 20px;
    background: #e5e4e4;
    border: 0 none;
    border-radius: 0;
    display: block;
    font-family: "OpenSansRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 1px 20px; }
    #multiple-selection button[type="reset"]:hover {
      background: #333;
      color: #fff; }

.ct-checklist h4 {
  font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 12px;
  text-align: center;
  background: #fdfdfd;
  padding: 10px 0; }

.ct-checklist .col-lg-6 {
  padding: 0; }
  .ct-checklist .col-lg-6:first-child h4 {
    border-left: 1px solid #d2d2d2; }
  .ct-checklist .col-lg-6:last-child h4 {
    border-right: 1px solid #d2d2d2; }

.checklist, .checklist-selected {
  border: 1px solid #d2d2d2;
  list-style: none;
  height: 170px;
  overflow: auto;
  padding: 15px 0 10px;
  border-top: 0; }

.checklist li, .checklist-selected li {
  margin: 0;
  padding: 0; }

.checklist label, .checklist-selected label {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  display: block;
  color: #666666;
  padding-left: 25px;
  font-size: 12px; }

.checklist input {
  margin: 0 5px 0 0 !important;
  float: left; }

.checklist span {
  display: block;
  line-height: 15px; }

.checklist-selected span {
  display: block;
  line-height: 15px; }

.checklist label:hover, .checklist-selected span:hover {
  background: #f1efec;
  color: #666666; }

.checklist label, .checklist-selected span {
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 5px 0 5px 20px; }

.checklist {
  border-right: 0; }

.checklist-selected {
  border-left: 0; }

/*==============================================

    FOOTER

 =============================================*/
footer {
  background: #cccccc;
  padding: 5px 0;
  color: #333;
  font-size: 12px;
  color: #333;
  text-align: center;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 50; }
  footer a {
    color: #333;
    font-size: 12px;
    font-family: 'AlegreyaSansBold', Arial, Helvetica, sans-serif; }
    footer a:hover {
      text-decoration: none;
      opacity: 0.8;
      filter: alpha(opacity=80); }

/* TABS MOBILE */
.tab-mobile {
  display: none; }

/*==============================================

    MEDIA QUERIES

  =============================================*/
@media (max-width: 1024px) {
  .checklist {
    border-right: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom: 0; }
  .checklist-selected {
    border-left: 1px solid #d2d2d2;
    border-top: 0; }
  .ct-checklist h4 {
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2; } }

@media (min-width: 775px) {
  .page-wrapper-cls {
    margin: 0 0 0 250px; }
  .navbar-side {
    z-index: 1;
    position: absolute;
    width: 250px;
    background: #eae5df;
    border-right: 1px solid #d6d7d9;
    border-bottom: 0 !important;
    box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.2);
    height: 100%;
    min-height: 130%; }
  #menuClose {
    visibility: hidden; }
  .table-responsive table td {
    padding: 8px 4px !important; }
  #multiple-selection .top-ct-filtre input {
    width: 20%; }
  #multiple-selection .top-ct-filtre .select-style select {
    padding: 0 31% 0 10%; } }

@media (max-width: 775px) {
  div.sidebar-collapse {
    display: none; }
  .navbar-toggle {
    display: block; }
  .page-login label, .page-login input {
    width: 100% !important; }
  .page-login .panel-header > img {
    width: auto;
    max-width: none; }
  #multiple-selection .top-ct-filtre .select-style {
    margin: 0; }
  #multiple-selection button, #multiple-selection #filtre, #multiple-selection #search {
    display: none !important; } }

@media (max-width: 480px) {
  .page-login .panel-header > img {
    width: 80%; } }

@media (min-width: 0px) and (max-width: 775px) {
  .panel-header img {
    height: auto;
    width: 100%;
    max-width: 100%; }
  .hide-mobile, .pagination {
    display: none; }
  .navbar-side {
    min-height: auto; }
  .navbar-default .navbar-toggle, .table-responsive {
    border: 0 none; }
  .navbar-default .navbar-toggle .icon-bar {
    background: #000; }
  #page-wrapper, #page-inner {
    min-height: auto; }
  .navbar-cls-top .navbar-brand {
    padding: 7px 0 7px 15px;
    width: auto; }
  .home {
    background-position: 42% center !important; }
  .notifications-wrapper {
    margin: 0;
    position: absolute;
    right: 25px;
    top: 12px; }
    .notifications-wrapper li a {
      width: 24px;
      height: 28px;
      padding: 0; }
      .notifications-wrapper li a span {
        display: none; }
    .notifications-wrapper li .profil {
      background: transparent url("../img/profil.gif") no-repeat left; }
    .notifications-wrapper li .off {
      background: transparent url("../img/off.gif") no-repeat left; }
  .navbar-cls-top {
    background: #eae5df none repeat scroll 0 0 !important;
    height: 100px !important;
    border-bottom: 1px solid #d3d4d7; }
  .navbar-header {
    background: transparent url("../img/bg-header.png") repeat-x scroll 0 0;
    height: 50px !important;
    width: 100%; }
  .navbar-side {
    height: 0; }
  .sr-only {
    display: block;
    border: 0 none;
    clip: initial;
    height: auto;
    left: 15px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 63px;
    width: auto;
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 14px; }
  /* TABS MOBILE */
  .gestion-reseaux {
    display: none; }
  .tab-mobile {
    display: block; }
    .tab-mobile .nav-tabs-mobile {
      border: 0; }
      .tab-mobile .nav-tabs-mobile li {
        height: 35px;
        margin-right: 8px;
        width: 34px;
        float: left; }
        .tab-mobile .nav-tabs-mobile li a {
          height: 35px;
          width: 34px; }
      .tab-mobile .nav-tabs-mobile .active {
        background: url("../img/tab-arrow.gif") no-repeat scroll center bottom;
        height: 50px; }
      .tab-mobile .nav-tabs-mobile .check.active .hover, .tab-mobile .nav-tabs-mobile .entree.active .hover, .tab-mobile .nav-tabs-mobile .recherche.active .hover {
        display: block !important; }
      .tab-mobile .nav-tabs-mobile .active a img, .tab-mobile .nav-tabs-mobile .hover {
        display: none !important; }
    .tab-mobile .tab-pane {
      background: #cdcccc url("../img/bg-tab.png") repeat-x;
      text-align: center;
      padding: 10px 0;
      overflow: hidden; }
    .tab-mobile .ct-recherche {
      background: transparent;
      display: block;
      height: 35px;
      margin: 0;
      padding: 0; }
      .tab-mobile .ct-recherche label {
        line-height: 20px; }
      .tab-mobile .ct-recherche .select-style {
        float: none;
        margin: 2px 0 0; }
      .tab-mobile .ct-recherche .bt-search-new {
        float: none;
        margin-top: 5px;
        text-align: center; }
    .tab-mobile .ct-center {
      margin: 0 auto;
      text-align: center;
      width: 100px; }
    .tab-mobile .add-reseaux li {
      line-height: 16px; }
      .tab-mobile .add-reseaux li a {
        color: #666;
        font-size: 12px; }
      .tab-mobile .add-reseaux li .selected {
        font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif; }
    .tab-mobile .search-form {
      float: none;
      margin: 0 auto;
      width: 150px !important; }
      .tab-mobile .search-form input {
        width: 140px !important; }
  .form-formulaire .btn-form {
    display: block;
    float: none;
    text-align: center;
    width: 97%;
    margin: 25px 0 0; }
  .form-formulaire .ct-links button {
    margin: 20px 0; }
  .form-formulaire .bloc-radio {
    margin: 0 auto; }
  .form-formulaire .nav-pills > li {
    border-radius: 0 !important;
    float: none;
    width: 100%; }
  .form-formulaire .nav > li > a {
    padding: 0;
    text-align: center; }
  .page-head-line {
    width: auto; }
  .form-formulaire .form-group .bt {
    margin: 0 !important; }
  #multiple-selection .top-ct-filtre .select-style {
    width: 77%;
    background-position: 98% 55%; }
    #multiple-selection .top-ct-filtre .select-style select {
      padding: 0 5px; }
  #multiple-selection .top-ct-filtre input {
    display: none; } }

/**POPUP**/
.white-popup-block {
  background: #fff none repeat scroll 0 0;
  margin: 40px auto;
  max-width: 33%;
  padding: 40px 20px 10px;
  position: relative;
  text-align: left; }

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8; }
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto; }

.mandatory {
  color: red;
  padding-top: 4px;
  display: none; }

.field-required, .field-email {
  border: 1px solid red !important; }

#form_forget_password {
  font-family: 'AlegreyaSans-Medium', Arial, Helvetica, sans-serif; }

.daterangepicker .ranges li {
  font-size: 12px !important; }

.panel-bottom a {
  font-size: 12px; }

.search-form {
  width: 80%; }
  .search-form input {
    width: 100%; }

.page-home .panel-body {
  height: 117px;
  overflow: auto; }

.table a:hover {
  text-decoration: underline !important; }

.ct-recherche {
  display: block; }

.table-responsive table thead th.name {
  background: none !important; }

.current {
  text-decoration: underline !important; }

.table-responsive table thead th.sort_asc, .table-responsive table thead th.sort_desc {
  background-color: #eae9e9 !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important; }

.table-responsive table thead th.sort_asc {
  background-image: url("../img/asc.png") !important; }

.table-responsive table thead th.sort_desc {
  background-image: url("../img/desc.png") !important; }

.bt {
  height: 22px;
  float: left;
  color: #fff !important;
  font-family: "OpenSansRegular",Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-size: 13px;
  font-weight: bold;
  line-height: 22px;
  padding: 0px 10px;
  border: none;
  background: transparent -webkit-linear-gradient(#c7c5c5, #afafaf) repeat scroll 0 0 !important;
  background: transparent linear-gradient(#c7c5c5, #afafaf) repeat scroll 0 0 !important;
  box-sizing: border-box;
  text-transform: none; }

.table .bt:hover {
  text-decoration: none !important;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.suggest_pwd {
  text-decoration: underline !important; }

.readonly {
  background-color: #d2d2d2 !important; }

/*.table-responsive table thead {background: #CFCECE;}*/
.form-formulaire .bloc-radio {
  width: auto; }

.table-responsive table th {
  color: #000 !important;
  vertical-align: middle !important; }

.table-responsive table td {
  vertical-align: middle !important; }

.checklist {
  border-right: 1px solid #d2d2d2;
  height: 260px; }

.checklist-selected {
  height: 260px; }

#msg_error {
  font-family: 'AlegreyaSans-Medium', Arial, Helvetica, sans-serif;
  font-size: 16px; }

#multiple-selection button[type="button"] {
  line-height: 20px;
  background: #e5e4e4;
  border: 0 none;
  border-radius: 0;
  display: block;
  font-family: "OpenSansRegular",Arial,Helvetica,sans-serif;
  font-size: 12px;
  padding: 1px 20px; }
  #multiple-selection button[type="button"]:hover {
    background: #333;
    color: #fff; }

.btn_select_option {
  border: none !important;
  padding: 0 0 0 8px !important;
  font-size: 12px !important;
  color: #666;
  background-color: #fff;
  max-width: 35px;
  overflow: hidden;
  height: 18px; }

/*.select-style .btn{border:none !important;padding:0 0 0 8px !important;font-size:12px !important;color:#666}*/
/*.select-style .btn:hover, .select-style .btn:active, .select-style .btn:focus{background-color:#fff !important;border-color:transparent !important}*/
.select-style .btn-group.open .dropdown-toggle {
  background-color: #fff !important;
  box-shadow: none; }

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
  background-color: #fff !important;
  box-shadow: none; }

.open > .dropdown-toggle.btn-default {
  background-color: #fff !important;
  box-shadow: none; }

.select-style .dropdown-menu > .active > a {
  color: #333; }
  .select-style .dropdown-menu > .active > a:hover, .select-style .dropdown-menu > .active > a:focus {
    color: #333; }

.select-style .caret {
  display: none; }

.select-style .dropdown-menu {
  border-radius: 0px; }

.select-style .form-control, .select-style .dropdown-menu label {
  font-size: 12px; }

.daterangepicker {
  font-size: 12px !important; }
  .daterangepicker .ranges li {
    font-size: 12px !important; }

@media (max-width: 775px) {
  .white-popup-block {
    max-width: 90%; }
  .table-responsive {
    margin-top: 10px; }
  .page-login .content-login {
    margin-top: 50px !important; }
  .pagination {
    display: block; }
  .bt {
    margin-top: 5px; }
  .search-new label {
    float: none; }
  .search-form .select-style {
    width: 80%;
    margin: 0 auto !important; }
  .search-new .bt {
    margin: 10px auto 5px !important;
    width: 80%;
    float: none; }
  .pagination .pull-left, .pagination .pull-right {
    display: none; }
  .ct-recherche {
    display: none; }
  .search-form {
    border: none !important; }
  .tab-mobile .search-form, .tab-mobile .ct-center {
    width: 100% !important; }
  .tab-mobile .search-form input {
    width: 76% !important; }
  /*.search-form .select-style select{width:95% !important}*/ }