.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

/* REGLES DE BASE POUR MOBILES */

.container{
  width:100%;
}

.responsive-check{
  float: none;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.navbar-toggle{
  display: block;
}

#menu > li{
  display: block !important;
  float:none !important;
}

#menu .montre{
  display: none;
}

#bandeau_gauche{
  text-align: center;
}

.baseline{
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  padding-top: 5px;
}

#colonne_centre{
  padding:20px 20px 30px 20px;
}

.document h1{
  font-size: 35px;
}

#pied_gauche{
  text-align: center;
}

#pied_droite{
  text-align: center;
}

/* REGLES POUR TOUS < 768px */

@media(min-width:768px){

  .col-sm-15{
    width: 20%;
    float: left;
  }

}

/* REGLES POUR TOUS < 992px */

@media(min-width:992px){

  .container{
    width:970px;
  }

  .responsive-check{
    float: left;
  }

  .navbar-toggle{
    display: none;
  }

  .col-md-15 {
    width: 20%;
    float: left;
  }

  #menu > li{
    display: inline-block !important;
    float:left !important;
  }

  #menu .montre{
    display: block;
  }

  #bandeau_gauche{
    text-align: left;
  }

  .baseline{
    text-align: left;
    font-size: 36px;
    line-height: 40px;
    padding-top: 30px;
  }

  #colonne_centre{
    padding:20px 50px 30px 50px;
  }

  .document h1{
    font-size: 48px;
  }

  #pied_gauche{
    text-align: left;
  }

  #pied_droite{
    text-align: right;
  }


}

/* REGLES POUR TOUS < 1200px */

@media(min-width:1200px){

  .container{
    width:1170px;
  }

  .col-lg-15 {
      width: 20%;
      float: left;
  }

}