@font-face {



  font-family: futurabooklt;



  src: url(../fonts/FuturaLT-Book.ttf);



}



@font-face {



  font-family: latolt;



  src: url(../fonts/Lato-Light.ttf);



}



@font-face {



  font-family: latomedium;



  src: url(../fonts/Lato-Medium.ttf);



}



body {



  font-family: Arial !important;



  font-weight: 300;



  font-size: 15px;



  color: #000 !important;



  padding-bottom:0 !important;



  background:#fff;



}



body,html{



  overflow-x: hidden;



}











.nav-side-menu {



  /*background: rgba(0, 0, 0, 0.5);*/



  padding: 0px;



  overflow: auto;



}







.nav-header-full {



  font-family: latolt;



  font-size: 12px;



  font-weight: 200;



  position: absolute;



  top: 0px;



  width: 100%;



  color: #e1ffff;



  z-index: 99999999;



}







.menu-list{



  background: #fff !important;



}



.justify{



  text-align: justify



}



.content-wrap section p{



  font-size: 15px;



  font-weight: normal;



  color:#000 !important;



  line-height: 22px



}



.nav-side-menu .brand {



  line-height: 50px;



  display: block;



  text-align: center;



  font-size: 14px;



  margin-bottom: 20px



}



.nav-side-menu .brand img{}



.nav-side-menu .toggle-btn {



  display: none;



}



.nav-side-menu ul,



.nav-side-menu li {



  list-style: none;



  padding: 0px;



  margin: 0px;



  line-height: 15px;



  cursor: pointer;



}



.nav-side-menu ul :not(collapsed) .arrow:before,



.nav-side-menu li :not(collapsed) .arrow:before {



  font-family: FontAwesome;



  content: "\f078";



  display: inline-block;



  padding-left: 10px;



  padding-right: 10px;



  vertical-align: middle;



  float: right;



}



.nav-side-menu ul .active,



.nav-side-menu li .active {



  background-color: #5cb85c;



}



.nav-side-menu ul .sub-menu li.active,



.nav-side-menu li .sub-menu li.active {



  color: #4D4A49;



}



.nav-side-menu ul .sub-menu li.active a,



.nav-side-menu li .sub-menu li.active a {



  color: #4D4A49;



}



.nav-side-menu ul .sub-menu li,



.nav-side-menu li .sub-menu li {



  background-color: #fff;



  border: none;



  line-height: 28px;



  border-bottom: 1px dotted #ccc;



  margin-left: 0px;



}



.nav-side-menu ul .sub-menu li:hover,



.nav-side-menu li .sub-menu li:hover {



  background-color: #fff;



}



.nav-side-menu ul .sub-menu li:before,

.nav-side-menu ul .sub-menu li:before,

.nav-side-menu li .sub-menu li:before {



  font-family: FontAwesome;



  content: "\f105";



  display: inline-block;



  padding-left: 10px;



  padding-right: 10px;



  vertical-align: middle;



}



.nav-side-menu li {



  padding-left: 0px;



  border-bottom: 1px dotted #E7E7E7;



}



.nav-side-menu li a {



  text-decoration: none;



  color: #4D4A49;



  font-size: 15px



}



.tp-caption{



  font-family: 'futurabooklt' !important



}







.nav-side-menu li.active a,.nav-side-menu li:hover a {



  color: #fff;



}



.nav-side-menu li a span.arrow::before{



  font-size: 10px !important;



}



.nav-side-menu li a i {



  padding-left: 10px;



  width: 20px;



  padding-right: 28px;



}



.nav-side-menu li:hover {



  background-color: #5cb85c !important;



  -webkit-transition: all 1s ease;



  -moz-transition: all 1s ease;



  -o-transition: all 1s ease;



  -ms-transition: all 1s ease;



  transition: all 1s ease;



}



@media (max-width: 991px) {



  .nav-side-menu {



    position: relative;



    width: 100%;



    margin-bottom: 10px;



  }



  .nav-side-menu .toggle-btn {



    display: block;



    cursor: pointer;



    position: absolute;



    right: 10px;



    top: 10px;



    z-index: 10 !important;



    padding: 3px;



    background-color: #ffffff;



    color: #000;



    width: 40px;



    text-align: center;



  }



  .brand {



    text-align: left !important;



    font-size: 22px;



    padding-left: 20px;



    line-height: 50px !important;



  }



}







.nav-side-menu ul li,



.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li{



  padding: 12px 0 !important



}















.second-menu-head{



  /*  background-color: rgba(0, 186, 255, 0.6);



    background: rgba(0, 186, 255, 0.6);*/



  background-color: #307c7c;



  background: #307c7c;



  padding: 5px;



  float: right;



  margin-top: 25px;





  text-align: center



}



.second-menu-head ul{



  margin:10px 0 !important;



  padding: 0px !important;



}



.second-menu-head ul li{



  list-style-type: none;



  display: inline-block;



  color:#fff;



  padding:0 15px;



  border-right:1px solid #fff;



}



.second-menu-head ul li a{



  color:#fff;



  font-size: 16px



}



.second-menu-head ul li i{



  margin-right:10px;



}







.third-menu-head{



  /*background-color: rgba(0, 0, 0, 0.6);*/



  /*background: rgba(0, 0, 0, 0.28);*/



  padding: 15px 30px;



  margin: 25px;



  text-align: center;



  font-size: 35px;



  font-style: italic;



  border-radius: 10px;



  color:#fff;



  font-weight: 900;



  font-family: Arial !important;



}



.third-menu-head span.tl-blue{ color: #3AB5FB }



.third-menu-head span.tl-orange{ color: #FD8902 }







.box-home{



  -webkit-box-shadow: 6px 10px 16px 0px rgba(0,0,0,0.75);



  -moz-box-shadow: 6px 10px 16px 0px rgba(0,0,0,0.75);



  box-shadow: 6px 10px 16px 0px rgba(0,0,0,0.75);



  padding: 15px;



  font-size: 20px;


  text-align:  center;


  /*opacity: 0.8;*/



  font-weight: bold;



  cursor: pointer



}



.box-home i{font-size: 18px}



.box-home:hover{



  opacity: 1



}



.box-home i{margin-right: 10px; font-size: 40px}



.firstbox{ background: #FFD37C ; }



.secondbox{ background: #F7A458 }



.thirdbox{background: #71B8EC}



.marginrow{



  margin:0 75px;



  min-height: 400px;



  position: relative



}



.bottomgrid{



  position: absolute;



  bottom: 0;



  width: 100%;



}



.content-block{



  clear: both;



  margin: 0 75px;

  /*margin-top: -50px;*/
  padding-top: -80px;

}



.txt-content{text-align: justify;}



.olga-content{clear: both;}







.tabs-style-linetriangle nav ul li a{ color:#4D4B4C; }



.tabs-style-linetriangle nav ul li.tab-current a,.tabs-style-linetriangle nav ul li a:hover{  color:#307c7c; text-decoration: none }



.content-wrap section{text-align: justify;}







h1 {



  color: #4D4B4C; font-family: 'futurabooklt', sans-serif; font-size: 28px; font-weight: 400; line-height: 32px; margin: 0 0 24px;



  letter-spacing: -2px;



}



.fa-margin-right{ margin-right: 12px }



.fa-margin-left{ margin-left: 12px }











.tabs-style-circle{ margin-top: 50px }







.tabs-style-circle nav li.tab-current::before,.tabs-style-circle nav li:hover::before{



  border: 1px solid #2CC185;



  opacity: 1;



  color:#2CC185;



}



.tabs-style-circle nav li::before{



  border: 1px dotted #4A4A4B;



  opacity: 1



}



.tabs-style-circle nav li a:hover{



  color:#2CC185;



}



.link-list-tab li{ list-style-type: none; font-size: 14px; padding: 5px 0; }







.slider {



  width: 50%;



  margin: 5px auto;



}







.slick-slide {



  margin: 0px 10px;



  border: 5px solid #307c7c;



}







.slick-slide img {



  width: 100%;



  -webkit-transition: opacity 0.35s,



  -webkit-transform 0.35s;



  transition: opacity 0.35s,



  transform 0.35s;



  -webkit-transform: scale3d(1,1,1);



  transform: scale3d(1,1,1);



}







.slick-slide img:hover {



  opacity: 0.6;



  -webkit-transform: scale3d(1.05,1.05,1);



  transform: scale3d(1.05,1.05,1);



}







.slick-prev:before,



.slick-next:before {



  color: #307c7c;



  font-size: 29px



}



#footer{background: #000000; color:#fff; text-align: center; padding: 20px;}



#postfooter{text-align: center; padding: 20px; border-top: 2px solid #DADADA;}



#postfooter a{ margin:0px 15px; }







.slick-dots li.slick-active button::before {



  opacity: .75;



  color: #307c7c;



}



.slick-dots li button::before {



  font-size: 12px;



  width: 30px;



  height: 30px;



  /*content: '•';*/



  opacity: .25;



  color: #307c7c;



}







@media only screen and (min-width : 768px) {







}











@media (min-width: 991px) {



  .nav-side-menu .menu-list .menu-content {



    display: block;



  }
  .nav-side-menu .menu-list-archive .menu-content {



    display: block;



  }



}







@media (max-width: 991px) {



  .nav-side-menu {



    left:0;



    top:0;



    padding: 5px 30px;



  }



  .brand img{



    height: 73px;



    width: auto;



  }



  .second-menu-head ul li a{



    font-size: 12px



  }



  .second-menu-head ul li{



    padding:0 10px;



  }



  .marginrow{



    margin:0 30px;



    min-height: 250px;



  }



  .box-home{



    min-height: 0px;



  }



  .content-block{


    margin: 0 40px;
  }







}



/* ####################################### PAGE INTERIEURE ########################################### */



.main-container{



  margin: 0 60px;



  background: #fff;



  box-shadow:0 0 8px rgba(0,0,0,0.25);



}



/* Menu vertical intérieur */



.header-info{



  margin:0 auto;



  width: 100%;



  text-align: center;



  padding: 10px;



}



.margin-min-right{



  margin-right:10px;



}



.margin-min-left{



  margin-right:10px;



}



.nav-side-menu-int {







}







.nav-header-full {



  font-family: latolt;



  font-size: 12px;



  font-weight: 200;



  position: absolute;



  top: 0px;



  width: 100%;



  color: #514f4f;



  z-index: 99999999;



}







.menu-list{



  background: #fff !important;

  border: 1px dotted #669c00;



}



.justify{



  text-align: justify



}



.content-wrap section p{



  font-size: 15px;



  font-weight: normal;



  color:#999;



  line-height: 22px



}



.nav-side-menu-int .brand {



  line-height: 50px;



  display: block;



  text-align: center;



  font-size: 14px;



  margin-bottom: 20px



}



.nav-side-menu-int .brand img{}



.nav-side-menu-int .toggle-btn {



  display: none;



}



.nav-side-menu-int ul,



.nav-side-menu-int #menu-content li {



  list-style: none;



  padding: 0px;



  margin: 0px;



  line-height: 35px;



  cursor: pointer;



}







.nav-side-menu-int ul :not(collapsed) .arrow:before,



.nav-side-menu-int li :not(collapsed) .arrow:before {



  font-family: FontAwesome;



  content: "\f078";



  display: inline-block;



  padding-left: 10px;



  padding-right: 10px;



  vertical-align: middle;



  float: right;



}



.nav-side-menu-int ul .active,



.nav-side-menu-int li .active {



  background-color: #57bdbd;



  border:1px dotted #E7E7E7;





}



.nav-side-menu-int ul .sub-menu li.active,



.nav-side-menu-int li .sub-menu li.active {



  color: #4D4A49;
  background-color: #57bdbd;
  padding-left: 25px !important;
  margin-left: 0px !important;


}



.nav-side-menu-int ul .sub-menu2 li.active,



.nav-side-menu-int li .sub-menu2 li.active {



  color: #4D4A49;
  background-color: #57bdbd;
  padding-left: 65px !important;
  margin-left: 0px !important;

}



.nav-side-menu-int ul .sub-menu li.active a,



.nav-side-menu-int li .sub-menu li.active a {



  color: #4D4A49;



}



.nav-side-menu-int ul .sub-menu2 li.active a,



.nav-side-menu-int li .sub-menu2 li.active a {



  color: #4D4A49;



}



.nav-side-menu-int ul .sub-menu li,



.nav-side-menu-int li .sub-menu li {



  background-color: #fff;



  border: none;



  line-height: 28px;



  border-bottom: 1px dotted #ccc;



  margin-left: 0px;



}



.nav-side-menu-int ul .sub-menu2 li,



.nav-side-menu-int li .sub-menu2 li {



  background-color: #fff;



  border: none;



  line-height: 28px;



  border-bottom: 1px dotted #ccc;



  margin-left: 0px;



}

.nav-side-menu-int ul .sub-menu li:hover,
.nav-side-menu-int li .sub-menu li:hover {
  background-color: #57bdbd;
}



.nav-side-menu-int ul .sub-menu2 li:hover,
.nav-side-menu-int li .sub-menu2 li:hover {
  background-color: #57bdbd;
}





.nav-side-menu-int ul .sub-menu li:before,



.nav-side-menu-int li .sub-menu li:before {



  font-family: FontAwesome;



  content: "\f105";



  display: inline-block;



  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  position: absolute;
  left: 20px;
}



.nav-side-menu-int ul .sub-menu2 li:before,



.nav-side-menu-int li .sub-menu2 li:before {



  font-family: FontAwesome;



  content: "\f105";



  display: inline-block;



  padding-left: 10px;



  padding-right: 10px;



  vertical-align: middle;

  left: 40px;

}



.nav-side-menu-int li {



  padding-left: 0px;



  border-bottom: 1px dotted #E7E7E7;



}



.nav-side-menu-int li a {



  text-decoration: none;



  color: #000 !important;



  font-size: 15px



}



.tp-caption{



  font-family: 'futurabooklt' !important



}







.nav-side-menu-int li.active a,.nav-side-menu-int li:hover a {



  color: #4D4A49;



}







.sub-menu  li.active a,.sub-menu li:hover a {



  color: #4D4A49;



}

.sub-menu2  li.active a,.sub-menu2 li:hover a {



  color: #4D4A49;



}



.nav-side-menu-int li a span.arrow::before{



  font-size: 10px !important;



}



.nav-side-menu-int li a i {



  padding-left: 10px;



  width: 20px;



  padding-right: 28px;



  /* A enlever si on veut icone en blanc*/



  color:#4D4A49;



}



.nav-side-menu-int li:hover {



  background-color: #57bdbd;



  -webkit-transition: all 1s ease;



  -moz-transition: all 1s ease;



  -o-transition: all 1s ease;



  -ms-transition: all 1s ease;



  transition: all 1s ease;



}



@media (max-width: 991px) {



  .nav-side-menu-int {



    position: relative;



    width: 100%;



    margin-bottom: 10px;



  }



  .nav-side-menu-int .toggle-btn {



    display: block;



    cursor: pointer;



    position: absolute;



    right: 10px;



    top: 10px;



    z-index: 10 !important;



    padding: 3px;



    background-color: #ffffff;



    color: #000;



    width: 40px;



    text-align: center;



  }



  .brand {



    text-align: left !important;



    font-size: 22px;



    padding-left: 20px;



    line-height: 50px !important;



  }



}







.nav-side-menu-int ul li,



.nav-side-menu-int ul .sub-menu li, .nav-side-menu-int li .sub-menu li{



  padding: 12px 0 !important



}



.nav-side-menu-int ul .sub-menu2 li, .nav-side-menu-int li .sub-menu2 li{



  padding: 22px 0 !important



}



.nav-side-menu-int .menu-list{border:1px solid #E7E7E7;}

.nav-side-menu-int .menu-list-archive{border:1px solid #E7E7E7;}

.nav-side-menu-int ul .sub-menu li, .nav-side-menu-int ul .sub-menu li.active{padding-left: 50px !important;
  padding-right: 30px !important;}
.nav-side-menu-int ul .sub-menu2 li{padding-left:70px !important;
  padding-right: 30px !important;}



@media (min-width: 991px) {



  .nav-side-menu-int .menu-list .menu-content {



    display: block;



  }
  .nav-side-menu-int .menu-list-archive .menu-content {



    display: block;



  }

}







@media (max-width: 991px) {



  .nav-side-menu-int {



    left:0;



    top:0;



    padding: 5px 30px;



  }



}



/* Fin menu vertical intérieur */







.second-menu-head-in{



  background-color: #307c7c;



  background: #307c7c;



  padding: 5px;



  float: right;



  margin-top: 25px;



  margin-right: 25px;



  text-align: center



}



.second-menu-head-in ul{



  margin:10px 0 !important;



  padding: 0px !important;



}



.second-menu-head-in ul li{



  list-style-type: none;



  display: inline-block;



  color:#fff;



  padding:0 15px;



  border-right:1px solid #fff;



}



.second-menu-head-in ul li a{



  color:#fff;



  font-size: 16px



}



.second-menu-head-in ul li i{



  margin-right:10px;



}







.third-menu-head-in{



  /* padding: 15px 30px;*/



  margin: 15px;



  text-align: center;



  font-size: 38px;



  border-radius: 10px;



  color:#73203c;



  text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);



  font-family: latomedium;



}



.third-menu-head-in span.tl-blue{ color: #388c97 }



.third-menu-head-in span.tl-orange{ color: #307c7c }



.with-border-bottom{ border-bottom: 1px solid #ccc; margin-bottom: 10px; box-shadow: 0 3px 2px -2px gray; }

/*.no-padding-right{padding-right: 0px}*/

.contenu-gauche{padding-right: 15px; width: 20%}

.contenu {
  width: 80%;
}
.contenu-page .tools-menu{
  width: 6%;
}
.contenu-page .col-md-11{
  width: 94%;
}

li span.arrow {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.nav-side-menu-int li{
  padding-right: 10px!important;
}
.nav-side-menu-int ul, .nav-side-menu-int li{
  position: relative;
}

.breadcrumb{background: none; color: #337ab7;}



.user-info{margin: 0 auto; width: 100%; text-align: center; padding: 5px;}



.collection-name{color:#337ab7;font-size: 19px; font-family: latomedium;}







thead input {



  width: 90%;



  padding: 3px;



  box-sizing: border-box;



  border:1px solid #A0A0A0;



}



.table{font-size: 11px; table-layout:fixed;}



.sticky-menu-tools{background: #3A4B55; color:#fff; position:fixed; z-index: 100}
.sticky-menu-tools-1{background: #fff; color:#fff; position:fixed; z-index: 100}


.sticky-menu-tools ul li{list-style-type: none}
.sticky-menu-tools-1 ul li{list-style-type: none}



.sticky-menu-tools ul {padding-left: 0 !important; text-align: center;}
.sticky-menu-tools-1 ul {padding-left: 35px !important; text-align: center;}


.sticky-menu-tools ul li a{color: #fff}
.sticky-menu-tools-1 ul li a{color: #fff}






.table th.table-check{



  width: 30px !important;



}
.table th.table-check-checkbox{



  width: 30px !important;
  padding-left: 0px !important;



}
.table th.table-check-checkbox div{



  width: 50px !important;
  text-align: center;
  margin-left: 0px;



}
.sticky-menu-tools ul li {



  border-bottom: 1px solid #7F898F;



  padding: 10px 15px;



}
.sticky-menu-tools-1 ul li {



  border-bottom: 1px solid #f9f9f9;







}



.sticky-menu-tools ul li:hover{ background:#7F898F; color: #fff !important  }
sticky-menu-tools-1 ul li:hover{ background:#fff; color: #fff !important  }






@media (max-width: 991px) {



  .third-menu-head-in{



    padding: 15px 30px;



    margin: 25px;



    text-align: center;



    font-size: 20px;



    border-radius: 10px;



    color:#4E5255;



    font-weight: bold;



  }



  .main-container{



    margin: 0px;



  }



  .second-menu-head-in{float:none; margin-right: 0px}



}











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



  /* Force table to not be like tables anymore */



  /*#no-more-tables table,



  #no-more-tables thead,



  #no-more-tables tbody,



  #no-more-tables th,



  #no-more-tables td,



  #no-more-tables tr {



  display: block;



  }*/







  /* Hide table headers (but not display: none;, for accessibility) */



  /* #no-more-tables thead tr {



   position: absolute;



   top: -9999px;



   left: -9999px;



   }







   #no-more-tables tr { border: 1px solid #ccc; }







   #no-more-tables td {



   /* Behave like a "row" */



  /*    border: none;



      border-bottom: 1px solid #eee;



      position: relative;



      padding-left: 50%;



      white-space: normal;



      text-align:left;



      }

*/



  /*

          #no-more-tables td:before {



          /* Now like a table header */



  /*    position: absolute;



      /* Top/left values mimic padding */



  /*   top: 6px;



     left: 6px;



     width: 45%;



     padding-right: 10px;



     white-space: nowrap;



     text-align:left;



     font-weight: bold;



     }

*/





  /*



  Label the data



  */



  /*  #no-more-tables th:before,td:before { content: attr(data-title); }*/



}





/*************slider home css****************/



/*.tp-banner-container {



    height: 140px !important;



}



.tp-bgimg.defaultimg {



    height: 60% !important;



}







.slotholder {



    height: 60% !important;



}*/



/* .nav-side-menu ul .sub-menu li a, .nav-side-menu li .sub-menu li a { padding: 10px 20px !important }*/

.access-button{ margin-bottom: 30px }



span.form-required {

  color: #f00;

}




/* Mon Custom*/
/*
 * Component: Small Box
 * --------------------
 */
.small-box {
  border-radius: 2px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box > .inner {
  padding: 10px;
}
.small-box > .small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.small-box > .small-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
  font-size: 38px;
  font-weight: bold;
  margin: 0 0 10px 0;
  white-space: nowrap;
  padding: 0;
}
.small-box p {
  font-size: 15px;
}
.small-box p > small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
}
.small-box h3,
.small-box p {
  z-index: 5px;
}
.small-box .icon {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 0;
  font-size: 90px;
  color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
  text-decoration: none;
  color: #f9f9f9;
}
.small-box:hover .icon {
  font-size: 95px;
}
@media (max-width: 767px) {
  .small-box {
    text-align: center;
  }
  .small-box .icon {
    display: none;
  }
  .small-box p {
    font-size: 12px;
  }
}

/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-waring,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
  background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-waring,
.modal-warning .modal-body {
  background-color: #f39c12 !important;
}
.bg-aqua{
  background-color: #337ab7 !important;
}

.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
  background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
  background-color: #00a7d0 !important;
}
.bg-blue-active {
  background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
  background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
  background-color: #008d4c !important;
}
.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}
[class^="bg-"].disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
/* Text colors */
.text-red {
  color: #dd4b39 !important;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #111111 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #00a65a !important;
}
.text-gray {
  color: #d2d6de !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #605ca8 !important;
}
.text-maroon {
  color: #d81b60 !important;
}
/*Hide elements by display none only*/
.hide {
  display: none !important;
}
/* Remove borders */
.no-border {
  border: 0px !important;
}
/* Remove padding */
.no-padding {
  padding: 0px !important;
}
/* Remove margins */
.no-margin {
  margin: 0px !important;
}
/* Remove box shadow */
.no-shadow {
  box-shadow: none!important;
}
/* Unstyled List */
.list-unstyled,
.chart-legend,
.contacts-list,
.users-list,
.mailbox-attachments {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* Remove border radius */
.flat {
  border-radius: 0 !important;
}
.text-bold,
.text-bold.table td,
.text-bold.table th {
  font-weight: 700;
}
/* _fix for sparkline tooltip */
.jqstooltip {
  padding: 5px!important;
  width: auto!important;
  height: auto!important;
}
/*
Gradient Background colors
*/
.bg-teal-gradient {
  background: #39cccc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
  background: -o-linear-gradient(#7adddd, #39cccc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}
.bg-light-blue-gradient {
  background: #3c8dbc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
  background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
  background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  color: #fff;
}
.bg-blue-gradient {
  background: #0073b7 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
  background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
  background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
  background: -o-linear-gradient(#0089db, #0073b7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
  color: #fff;
}
.bg-aqua-gradient {
  background: #00c0ef !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
  background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
  background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
  color: #fff;
}
.bg-yellow-gradient {
  background: #f39c12 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
  background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
  background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
  background: -o-linear-gradient(#f7bc60, #f39c12) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
  color: #fff;
}
.bg-purple-gradient {
  background: #605ca8 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
  background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
  background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
  background: -o-linear-gradient(#9491c4, #605ca8) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
  color: #fff;
}
.bg-green-gradient {
  background: #00a65a !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
  background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
  background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
  background: -o-linear-gradient(#00ca6d, #00a65a) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
  color: #fff;
}
.bg-red-gradient {
  background: #dd4b39 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
  background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
  background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
  background: -o-linear-gradient(#e47365, #dd4b39) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
  color: #fff;
}
.bg-black-gradient {
  background: #111111 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
  background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
  background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
  background: -o-linear-gradient(#2b2b2b, #111111) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
  color: #fff;
}
.bg-maroon-gradient {
  background: #d81b60 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
  background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
  background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
  background: -o-linear-gradient(#e73f7c, #d81b60) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
  color: #fff;
}
.connectedSortable {
  min-height: 100px;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sort-highlight {
  background: #f4f4f4;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}
.full-opacity-hover {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.full-opacity-hover:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.word-wrap{
  overflow-wrap: break-word;
}
td.details-control {
  background: url('../images/details_open.png') no-repeat center center;
  cursor: pointer;
}
tr.shown td.details-control {
  background: url('../images/details_close.png') no-repeat center center;
}
.dt-button.active {
  background: #5cb85c !important;

}
.dt-button{
  white-space: pre-wrap !important;

}
div.dt-button-collection {
  max-height: 350px;
  overflow-y: auto !important;
}


.content-block-header{
  margin: 0 40px;
}
.content-block-header{
  clear: both;
  margin: 0 75px;

  margin-top: -50px!important;


}

.slider-not-connected {
  width: 30%;
  margin: 5px auto;
}

/* Taille normale des titres sur un ordinateur */

/* Si on utilise un petit écran (que ce soit avec un ordinateur dans une petite fenêtre ou avec un smartphone), les titres sont réduits */
@media only screen and (max-width: 992px) {
  .word-text {
    font-size: 1rem !important;
  }
}