@charset "UTF-8";

/*------------- CAROUSEL PRINCPALE ---------------*/

.card {
  height: 480px; 
  width: 100%;
}

.card2 {
  height: 580px; 
  width: 52%;
  border: 1px solid #cecdcd;
  align-content: center;
  margin-left: auto;
  margin-right: auto;
}

.card-body {
  margin-top: 7px;
}

.card-body-carre {
  width: 100%;
  height: 315px;
  padding-top: 40px;
}

.card-body-carre2 {
  width: 100%;
  height: 295px;
  padding-top: 20px;
}

.card-title {
  color: #1364bc;
  text-align: center;
}

.card-title-essentiel {
  color: #c491a0;
  text-align: center;
}

.card-title-leader {
  color: #1364bc;
}
.card-text {
    margin-top: 10px;
    overflow: hidden;
    text-align: justify;
 }

.card-text2 {
position: fixed;
text-align: center;
bottom: 10px;
}

.card-leader {
  margin: 10px 21px 19px 21px;
  text-align: justify;
  align-content: center;
}

.card-leader-2 {
  margin: 10px 10px 19px 10px;
  text-align: justify;
  align-content: center;
}

.card-essentiel {
  margin-top: -25px;
  color:red;
  width: 55%;
  text-align: center;
  align-content: center;
  margin-left: auto;
  margin-right: auto;
  
}

.carousel-home {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  height: 280px;
  background-image: url("/images/fonds1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.carousel {
  display: -webkit-flex; /* Safari */
  -webkit-justify-content: center; /* Safari 6.1+ */
  display: flex;
  justify-content: center;
}
.carousel-home2 {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  height: 280px;
  background-image: url("/images/fonds2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.carre {
  color:red;
  font-size: 14px;
  font-weight: bold;
}
/*------------- CAROUSEL  ---------------*/

  /* Six columns side by side */
.column_prod {
  float: left;
  width: 25%;  /*16.66%;*/
  padding: 1.5px;
}

.active, .carou:hover {
  opacity: 1;
}

/* Position the image container (needed to position the left and right arrows) */
.image-logo {
    display: table-cell;
    text-align: center;
    color: black;
    text-decoration: none;
    padding-top: 10px;
    width: 25%;
    height: 165px;
 }
 .column_prod {
     border: 1px solid rgb(211, 210, 210);
     background-image: url("/images/700x400.jpg");
     background-position: 100%; 
     background-repeat: no-repeat;    
 }