body {
  padding-top: 10px;
  /*background-color:#DDD;*/
  background-image: url("../../../images/image_fond_post_et_couleur_colorier.png"); /* The image used */
  background-color: #ffffff; /* Used if the image is unavailable */
  /*height: 500px; *//* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
    height:80%;
 background-size: cover;/* Resize the background image to cover the entire container */
}
      
html {
    height:80%;
}       
/*
https://bootstrapcreative.com/create-full-width-bootstrap-4-responsive-carousel/
.img-fluid {
    max-width: 100%;
    height: auto;
}
.carousel-item .img-fluid {
  width:100%;
  height:100%;
}
*/
[class*="col-"], footer {
 /* background-color: #DDD; */  /* lightgreen; */
  /*border: 2px solid black;
  border-radius: 6px;*/
  line-height: 40px;
  text-align: center;
}

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

/*important de mettre les règles dans cet ordre pour une surcharge cohérente*/
@media (min-width: 480px) {   
  .container {
    width: 458px;
  }
}
@media (min-width: 768px) {   
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.col-lg-offset-6 {
  margin-left: 50%;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

.pull-right {
  float: right !important;
}

.clearfix:after {   /* on réinitialise les éléments flottants*/
  clear: both;
}