/* CSS Document */
html, body{
	font-family: 'Lato', sans-serif; 
  
}
.font_corps{
  font-family: 'Lato', sans-serif;
  font-size: 0.8rem;
  font-weight: bold;
}


.font_corps_t2{
  font-family: 'Lato', sans-serif;
  font-size: 1.1rem;
  font-weight:400;
}

.font_corps_t3{
  font-family: 'Lato', sans-serif;
  font-weight:400;
}
.font_corps_t4{
  font-family: 'Lato', sans-serif;
  font-size: 0.9rem;
  font-weight: bold;
}
.font_corps_t5{
  font-family: 'Lato', sans-serif;
  font-size: 0.85rem;
  font-weight: bold;
}
.font_corps_t6{
  font-family: 'Lato', sans-serif;
  font-size: 0.82rem;
  font-weight: bold;
}

.font_titre {
	font-family: 'Lato', sans-serif;
	border-bottom: 1px solid #F6EEEE; 
	font-size:2.0rem;

}
.font_titre_t2 {
	font-family: 'Lato', sans-serif;
	font-size:2.0rem;
}
.font_titre_t2_noir {
	font-family: 'Lato', sans-serif;
	font-size:2.0rem;
	color: black;
}
.font_titre_t3 {
	font-family: 'Lato', sans-serif;
	font-size:2.0rem;
	font-weight: bold;
}

.centered {
  text-align: center;
}
/***********IMAGES**********/
.image_ronde{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
	-moz-box-shadow: 0px 0px 1px #343434;
	-webkit-box-shadow: 0px 0px 1px #343434;
	-o-box-shadow: 0px 0px 1px #343434;
	box-shadow: 0px 0px 1px #343434;

	margin-top:-00px;
	border:3px solid #F3F3F3;
	background-color:#F7F4F4;
    width:60px;
    height:60px;
}

.image_ronde_grande{
  overflow:hidden;
  -webkit-border-radius:80px;
  -moz-border-radius:80px;
  border-radius:80px;
-moz-box-shadow: 0px 0px 1px #343434;
-webkit-box-shadow: 0px 0px 1px #343434;
-o-box-shadow: 0px 0px 1px #343434;
box-shadow: 0px 0px 1px #343434;

margin-top:-00px;
border:3px solid #F3F3F3;
background-color:#F7F4F4;
  width:120px;
  height:120px;
}



/********** STYLE NAVBAR ***************/

.nav_css  {
	font-family: 'Lato', sans-serif;
border-bottom: 1px solid #F6EEEE; 

}


.dropdown-mega {
        max-height: 500px;
        overflow-y: auto;
    }

#container_produit {
  height: 400px;
  width: 400px;
  position: relative;
}
#image {
  position: absolute;
  left: 0;
  top: 0;
}

.concept-css-titre  {
  	font-family: 'Lato', sans-serif;
	font-size: 42px;
	font-weight: 300;
}
.concept-css-titre_2  {
  	font-family: 'Lato', sans-serif;
	font-size: 35px;
	font-weight: 300;
}
.concept-css-body  {
  	font-family: 'Merriweather', serif;
	font-weight: 200;
	font-size: 10px;
	letter-spacing: 0px;
}
.concept-css-body  {
  	font-family: 'Merriweather', serif;
	font-weight: 200;
	font-size: 16px;
	letter-spacing: 0px;
}
.card-body-css  {
      font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;
  }
#breadcrumbcss  {
	
   height:10px;

 
}
/****************cards ****************/



/* ==========================================================================

   Image Mask

   ========================================================================== */



.col-md-4 {
  padding-bottom: 20px;
}

.row {
  margin-right: 0px;
  margin-left: -15px;
}
.grid figure {

  margin: 0;

  position: relative;

}



.grid figure img {

  width: 100%;
	
  max-height: 300px;

  display: block;

 
	border: 1px solid #B29D9D;

}



.grid figcaption {

  position: absolute;

  top: 0;

  left: 0;

  padding: 20px;

  color: #fff;

  background: #E0BC9F;

}



.grid figcaption h5 {

  margin: 0;

  padding-top: 0px;

  padding-left: 20px;

  padding-bottom: 5px;

  color: #fff;

  font-weight: 700;

  text-align: left;

  letter-spacing: 2px;

}



.grid figcaption a {

  text-align: left;

  padding: 5px 10px;

  margin-left: 20px;

  display: inline-block;

  background: #2f2f2f;

  color: #fff;

  font-size: 13px;

}



/* Caption Style */



.mask figure {

  overflow: hidden;

}



.mask figure img {

  -webkit-transition: -webkit-transform 0.4s;

  -moz-transition: -moz-transform 0.4s;

  transition: transform 0.4s;

}



.mask figure:hover img, .mask figure.cs-hover img {

  -webkit-transform: translateY(-30px);

  -moz-transform: translateY(-30px);

  -ms-transform: translateY(-30px);

  transform: translateY(-30px);

}



.mask figcaption {

  height: 50px;

  width: 100%;

  top: auto;

  bottom: 0;

  opacity: 0;

  -webkit-transform: translateY(100%);

  -moz-transform: translateY(100%);

  -ms-transform: translateY(100%);

  transform: translateY(100%);

  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;

  -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;

  transition: transform 0.4s, opacity 0.1s 0.3s;

}



.mask figure:hover figcaption, .mask figure.cs-hover figcaption {

  opacity: 1;

  -webkit-transform: translateY(0px);

  -moz-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;

  -moz-transition: -moz-transform 0.4s, opacity 0.1s;

  transition: transform 0.4s, opacity 0.1s;

}

img {
  vertical-align: middle;
}

.mask figcaption a {

  position: absolute;

  top: 10px;

  bottom: 10px;

  right: 30px;

}



.modal-footer {
  background: #2b2b2b;
}
/********** STYLE DU CAROUSEL **********/

#carouselExampleControls img {
    max-height: 70vh;
    object-fit: cover;
}

/********** STYLE DES CARDS / LISTE DE PRODUITS **********/

.card {
    transition: .3s ease-out;
	font-family: 'Merriweather', serif;
	font-size: 14px;
	font-weight: 100;
 
}

.card:hover {
    -webkit-box-shadow: 10px 10px 48px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 10px 10px 48px 0px rgba(0,0,0,0.10);
    box-shadow: 10px 10px 48px 0px rgba(0,0,0,0.10);
}

.card-body a {
    color: #000000;
    text-decoration: none;
    transition: .3s ease-out;
	
}
.card-img-css{
    height: 20vh;
	object-fit: cover;
  }

.card-body a:hover {
    color: #0275d8;
}

@media (max-width: 768px) {
    .card img {
        max-height: 300px;
        object-fit:  contain;
    }
}




/*******************COOKIE***************/



.cookie-disclaimer {
  background: #000000;
  color: #FFF;
  opacity: 0.8;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 150px;
  position: fixed;
}
.cookie-disclaimer .container {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cookie-disclaimer .cookie-close{
  float: right;
  padding: 10px;
  cursor: pointer;
}