.navbar .container{
  margin-right: 15px;
  margin-left: 15px;
}

.navbar-wrapper {
  left:0;
  position:absolute;
  right:0;
  top:0;
  z-index:20;
}
.navbar-wrapper .container {
  padding-left:0;
  padding-right:0;
}
.navbar-wrapper .navbar {
  padding-left:15px;
  padding-right:15px;
}
.carousel {
  height:500px;
  margin-bottom:60px;
}
.carousel-caption {
  z-index:10;
}
.carousel .item {
  background-color:#777777;
  height:500px;
}
.carousel-inner > .item > img {
  height:500px;
  left:0;
  min-width:100%;
  position:absolute;
  top:0;
}
.marketing {
  padding-left:15px;
  padding-right:15px;
}
.marketing .col-lg-4 {
  margin-bottom:20px;
  text-align:center;
}
.marketing h2 {
  font-weight:normal;
}
.marketing .col-lg-4 p {
  margin-left:10px;
  margin-right:10px;
}
.featurette-divider {
  margin:80px 0;
}
.featurette-heading {
  font-weight:300;
  letter-spacing:-1px;
  line-height:1;
}
.marketing {
  padding-left:0;
  padding-right:0;
}
.navbar-wrapper {
  margin-top:20px;
}
.navbar-wrapper .container {
  padding-left:15px;
  padding-right:15px;
}
.navbar-wrapper .navbar {
  padding-left:0;
  padding-right:0;
}
.navbar-wrapper .navbar {
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
}
.carousel-caption p {
  font-size:21px;
  line-height:1.4;
  margin-bottom:20px;
}
.featurette-heading {
  font-size:50px;
}
.featurette-heading {
  margin-top:120px;
}

/* By Malou Ockenfels added styles */

.label a{
  color:white;
  text-decoration: none;
}
body {
  margin: 0;
  /*background: url(../img/pattern3.png);
  background-repeat: auto;*/
  font-family:'Open Sans', sans-serif,'Open Sans Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding-top: 50px;
  color:#5A5A5A;
  padding-bottom:40px;
}
.jsLogo{
  width:400px;
  margin: auto;
}
.jsLogoContainer{
  padding-top:100px;
  padding-bottom: 100px;
  background-color: #FFF;
}
#pret{
  background-color:#4CB0E7;
  color:white;
  text-align:center;
  padding-right: 100px ;
  padding-left: 100px ;
}
#pret .img-circle{
  background-color:#41B0E7;
  color:#000;
}

#gestion{
  background-color:#4CB0E7;
  color:white;
  text-align:center;
  padding-right: 100px ;
  padding-left: 100px ;
}
#gestion .img-circle{
  background-color:#41B0E7;
  color:#000;
}

#index-blue{
  background-color: #4CB0E7;
  padding-top: 50px;
  padding-bottom: 50px;
}
.indexPanel .panel-body{
  padding:30px;
  margin:auto;
}
.padding-top{
  padding-top:20px;
}
#UserViewForm{
  display:inline-table;
}
.table-container{
  margin-top: -16px;
}
#liste_matos{
  width:95%;
  margin: auto;
}
#index_matos_wrapper{
  max-width:1000px;
  margin:auto;
}
#liste_matos td, #liste_matos th{
padding-top:10px;
padding-bottom:10px;
}

.imageContainer{
  margin-top: 60px;
}

.thumbnail-list {
  /* remove default list styles */
  list-style: none;
  margin: 0;
  padding: 0;

}

.thumbnail-list li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  /* width:33.333%; */
  padding: 2%;
  border-left: 1px solid lightgrey;
  /*-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;*/

}

.pagination li a{
  cursor: pointer;
}

@font-face {
  font-family: 'Open Sans Regular';
  font-weight: 300;
  src: url(<?php echo $this->Html->url('/fonts/OpenSans-Regular.ttf'); ?>) format('truetype');
}
@media (max-width: 1199px) and (min-width: 991px){
  body{
    padding-top: 100px;
  }
  .jumbotron{
    margin-top: -80px;
  }
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
      margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
      display:block !important;
    }

    /* Table responsive */
    /*#liste_matos td::before {
      content: attr(data-th); 
      font-weight: bold;
      width: 6.5em;
      
    }
    #liste_matos td{
      display:block;
      border:none;
    }
    #liste_matos th{
      display:none;
    }
    #liste_matos tr{
      border-top:1px solid #DDD;
    }*/

}

@media (max-width: 767px) {
  .thumbnail-list li {width: 50%;}
}
@media (max-width: 480px) {
  .thumbnail-list li {width: 100%;}
}