@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');/*font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');/*font-family: 'Open Sans Condensed', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed&display=swap');/*font-family: 'Barlow Semi Condensed', sans-serif;*/

:root {
    --primaire: #000;
    --secondaire: #464646;
	--tertiaire: #fff;
	--primaire-opacite:0, 0, 0;
	--primaire-secondaire:0, 0, 0;
	--primaire-tertiaire:0, 0, 0;
	--font1:'Open Sans', sans-serif;
	--font2:'Open Sans Condensed', sans-serif;
}



body {

    line-height:1.5em;


}






/* HEADER */
#header { background: url(../charte/bandeau-header.jpg) no-repeat top fixed; width: 100%; height: 130px}
#logo {text-align:center; margin-top: 5px}
#slogan p {font-size:34px; font-family:var(--font2);text-align:right; margin-top: 50px; font-weight: bold}
#slogan p a {color:var(--primaire)}
#slogan p a:hover {text-decoration: none}
#slogan .icone {text-align: right; padding:5px 0px}
#slogan .icone a {color:var(--secondaire)}
#slogan .icone a:hover {text-decoration: none; color:var(--primaire)}
#slogan .langue p  {text-align: right; font-size: 14px; margin-top: 10px}



@media (max-width: 992px) {
#header { background:none; background-color:var(--tertiaire); width: 100%; height: auto}
#logo {text-align:center}
#slogan p {font-size:28px;text-align:center}
#slogan .icone {text-align: center; padding-top: 15px}
#slogan .langue p  {text-align: center; font-size: 14px; margin-top: 10px}
}
/*HEADER*/




/*hack menu sur smartphone*/
@media (max-width:700px) {
body {
    padding-top:0px!important;
}	
.navbar.fixed-left {
    position: relative!important;
}	
}
/*hack menu sur smartphone*/





/*COLONNES*/


/*COLONNES*/

/*INFOS*/
/*.infos { color: #690808; text-align: center; width: 100%;}*/
/*INFOS*/


/*CAROUSEL*/
.carousel-caption h2 { font-size:6vw;margin-top: -10%}
.carousel-caption p { font-size:1vw;}
.carousel-caption {

    position: absolute;
    right: 15%;
    bottom: 35%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color:var(--tertiaire);
    text-align: center;

}

.filtre { background-color:#000}
.opaciter img { opacity:1;}
/*CAROUSEL*/

/*MENU*/

.navbar-brand {
    display: inline-block;
    padding-top: 0rem!important;
    padding-bottom: .0rem!important;
    margin-right: 0rem!important;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.nav { width: 100%}
#menu { background:#141719; width: 100% }
li.nav-item { background-color:#141719; width: 100%; border-bottom:0.01em dotted #fff; color:#fff}
.nav-link { color:#fff; padding: 15px 10px; text-align: center}
.nav-link:hover {background-color:#fff;  color:#343A40; border-radius:0px}
.nav-link.active {background-color:#fff;  color:#343A40; border-radius:0px}
.nav-pills .nav-link {
    border-radius:0rem;
}	


.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}	
.navbar-dark {background:#141719}
@media (max-width: 720px) {
.nav-link img  { width: 50%; text-align: center}
.navbar-brand img  { width: 50%; text-align: center}
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #141719;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #141719;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255, 255, 255, 1);
}

/*MENU*/



/*INTEGRATION*/
#section1 {background:#000; padding:20px 0px;color:#fff;}
@media (max-width: 992px) {
#section1 {background: none; background-color: #000; padding:60px 0px; min-height: 400px }
}
#section1 h1 { color:#fff; line-height:1.5em; text-align: center; font-family: 'Barlow Semi Condensed', sans-serif;}
#section1 p {line-height:1.5em}
#section1 .icone {color:var(--secondaire); text-align: center}
#section1 hr { border:2px solid #fff}



#section2 {background:#141719; padding:20px 0px;color:#fff;}
#section2 h2 { color: #fff; line-height:1.5em; text-align: center; padding-top: 20px;  font-family: 'Barlow Semi Condensed', sans-serif;}
#section2 p {color: #fff;line-height:1.5em}
#section2 .icone {color:#fff; text-align: center}
#section2 .btn { background-color:#fff; color:#000; text-align: center; margin-bottom: 10px; border-radius: 0%;}
#section2 .btn:hover { background-color:#ccc; color:#000; text-align: center}
#section2 .image-right {position:relative;width: 50%;float: right;}
@media (max-width: 992px) {
#section2 .image-right {position:relative;width: 100%;float: none; clear: both}
#section2 {height: auto}
}
#section2 hr { border:2px solid #fff}


#section3 {background:#141719; padding:20px 0px;color:#fff;}
#section3 h2 {padding-top:200px; color:#fff; font-size:45px; text-align: center;  font-family: 'Barlow Semi Condensed', sans-serif;}
@media (max-width: 992px) {
#section3 h2 {padding-top:50px}
}
#section3 p {text-align: center; font-weight:bold}
.parallax {
    /* The image used */
    background-image: url("../charte/img-parallax.jpg");

    /* Set a specific height */
    height:650px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
}


@media (max-width: 992px) {
.parallax {height: 450px;}
}


@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
}

#section4 {background:#000; padding:20px 0px;color:#fff;}
#section4 h2 { color:#fff; line-height:1.5em; text-align: left;  font-family: 'Barlow Semi Condensed', sans-serif;}
#section4 p {line-height:1.5em; text-align: justify}
#section4 a {color:#fff;}
#section4 .icone {color:#fff;text-align: center}
#section4 .btn { background-color:#fff; color:#000; text-align: center; margin-bottom: 10px}
#section4 .btn:hover { background-color:#fff; color:#000; text-align: center}
.patch{width: 170px; height: 170px; border-radius:100%; background-color:#fff;margin-top: 50px; padding-top:50px; color:#000;}
@media (max-width: 992px) {
.patch{margin-top: 20px;margin-left: 0%}
}
#section4 hr { border:2px solid #fff}


#section-rubrique {padding: 50px 0px; background: #000; color:#fff}
@media (max-width: 992px) {
#section-rubrique {padding: 70px 0px 40px; background: #000; color:#fff}
}
#section-rubrique hr { border-color:#fff}
#section-rubrique h1 { text-align: center;  font-family: 'Barlow Semi Condensed', sans-serif; color:#fff}
#section-rubrique h2 { text-align: center;  font-family: 'Barlow Semi Condensed', sans-serif; color:#fff}
#section-rubrique h3 { text-align: center;  font-family: 'Barlow Semi Condensed', sans-serif; color:#fff}
#section-rubrique a { color:#fff}




/*a, a:hover, a:visited {color:var(--secondaire);}*/


table td{padding:0.5em;border:1px solid #fff}
.fondgris1{background-color:#eaeee3}
.fondgris2{background-color:#e1f1c6}


h4{color:var(--primaire);}

.ekko-lightbox-nav-overlay a {
    color: #c97b17;
}

@media (max-width: 767px){
dl, ol, ul {
   
    margin-bottom: 0rem;
}
}




/* ANIMATION PHOTO - source : https://codepen.io/melnik909/pen/QgPpeg  */
.photobox{
  display: inline-block;
}

.photobox__previewbox{
  position: relative;
  overflow: hidden;
}

.photobox__preview{
  display: block;
  max-width: 100%;
}

.photobox__previewbox:before{
  content: "";
}

.photobox_type11 .photobox__previewbox:before{
  width: 0;
  height: 0;
  padding: 25%;
  background-color:rgba(161,152,132,0.5);
  border-radius: 50%;
  
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;

  transition: -webkit-transform calc(var(--photoboxAnimationDuration, .8s) / 2) ease;

  transition: transform calc(var(--photoboxAnimationDuration, .8s) / 2) ease;

  transition: transform calc(var(--photoboxAnimationDuration, .8s) / 2) ease, -webkit-transform calc(var(--photoboxAnimationDuration, .8s) / 2) ease;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  will-change: transform;
}

.photobox_type11:hover .photobox__previewbox:before{
  -webkit-transform: translate(-50%, -50%) scale(4);
          transform: translate(-50%, -50%) scale(4);
  transition-duration: var(--photoboxAnimationDuration, .8s);
}

.photobox_type11 .photobox__label{
  width: 95%;
  text-align: center;
  
  -webkit-transform: translate(-200%, -50%);
  
          transform: translate(-200%, -50%);
  transition: -webkit-transform calc(var(--photoboxAnimationDuration, .8s) / 2) ease-out;
  transition: transform calc(var(--photoboxAnimationDuration, .8s) / 2) ease-out;
  transition: transform calc(var(--photoboxAnimationDuration, .8s) / 2) ease-out, -webkit-transform calc(var(--photoboxAnimationDuration, .8s) / 2) ease-out;
  will-change: transform;
  
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
	font-size:22px;
}

.photobox_type11:hover .photobox__label{
  transition-duration: calc(var(--photoboxAnimationDuration, .8s) / 4);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);color:var(--tertiaire);
}

.photobox_type11 .photobox__preview{
	transition: -webkit-transform calc(var(--photoboxAnimationDuration, .8s) / 2) cubic-bezier(0.71, 0.05, 0.29, 0.9);
	transition: transform calc(var(--photoboxAnimationDuration, .8s) / 2) cubic-bezier(0.71, 0.05, 0.29, 0.9);
	transition: transform calc(var(--photoboxAnimationDuration, .8s) / 2) cubic-bezier(0.71, 0.05, 0.29, 0.9), -webkit-transform calc(var(--photoboxAnimationDuration, .8s) / 2) cubic-bezier(0.71, 0.05, 0.29, 0.9);
  will-change: transform;
	-webkit-transform: scale(1);
	        transform: scale(1);
}

.photobox_type11:hover .photobox__preview{
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}


/* FIN ANIMATION */



/* MASONRY */


.grid {
  background: #fff;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  float: left;
  padding:0.2em
}

.grid-item img {
  display: block;
  max-width: 100%;
}

@media screen and (max-width: 992px) {
.grid-sizer, .grid-item { width: 46%;
} 	
}
@media screen and (max-width: 767px) {
.grid-sizer, .grid-item { width: 100%;
} 	
}



/* FIN MASONRY */









@media screen and (max-width: 767px) {
/* DEBUT TABLEAU RESPONSIVE */


    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #eee; margin-top: 1em;}
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		/* border-bottom: 1px solid #eee; */
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }

/* FIN TABLEAU RESPONSIVE */

}

/*INTEGRATION*/



/*ADRESSE*/
#adresse { background-color:#fff; margin: 0; padding: 20px 0px; color:#000}
#adresse h2 { color:#000}
#adresse a {color:#000; text-decoration: none}
/*ADRESSE*/

/*MAP*/
#map {margin: 0; padding:0px}
/*MAP*/





/*FOOTER*/
#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}
.btn-top {
    color: #fff;
    background-color:#000;
}
.btn-top:hover {
      color: #fff;
    background-color:#000;
}


footer {
    background: #141719;
    padding: 20px;
   min-height: 100px;
	width: 100%;
	float: right;
}
footer p {color:#fff}
footer p a {color:#fff; font-weight: bold}
footer p a:hover {color:#fff; text-decoration: none}

.list-inline-item:not(:last-child) {

    margin-right: .1rem;

}

.list-inline-item a {color: var(--tertiaire); font-size: 12px}

div#logo-distributeur > a {text-decoration:none;display:block;width:50px;height:70px;background:none no-repeat top left transparent; margin: 0 auto} 
div#logo-distributeur > a.distal {background-image:url('../charte/logo-al.png')}
div#logo-distributeur > a.distar {background-image:url('../charte/logo-ar.png')}
div#logo-distributeur > a.distco {background-image:url('../charte/logo-co.png')}
div#logo-distributeur > a.disteo {background-image:url('../charte/logo-eo.png')}
div#logo-distributeur > a.distsi {background-image:url('../charte/logo-si.png')}
#liens-referencement {font-size:11px;text-align:center}
#liens-referencement a {color: var(--primaire)}
/*FOOTER*/



/*ACTUALITES*/
#actu-bloc1 { background: rgba( var(--primaire-opacite),0.1); padding:20px; border:5px solid  var(--tertiaire)}
.liens-actu {text-align: right;}
.liens-actu a {color: var(--primaire)}
.liens-actu a:hover {color: var(--primaire); text-decoration: none}
#actu-bloc2 { background: rgba( var(--primaire-opacite),0.1); padding:20px; border:5px solid  var(--tertiaire)}
#actu-bloc3 { background: rgba( var(--primaire-opacite),0.1); padding:20px; border:5px solid  var(--tertiaire)}

/*ACTUALITES*/


/*POP UP*/
#admodal a { color:  var(--tertiaire)}
/*POP UP*/


/*CATALOGUE*/
.liens-catalogue a {color: var(--tertiaire)}
.liens-catalogue a:hover {color: var(--primaire); text-decoration: none}

.breadcrumb .active {color: var(--secondaire)}

.card-product h4 {color: var(--primaire); font-family: var(--font2);}
.card-product .img-wrap {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    position: relative;
    height: 220px;
    text-align: center;
}
.card-product .img-wrap img {
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
}
.card-product .info-wrap {
    overflow: hidden;
    padding: 15px;
    border-top: 1px solid  var(--secondaire);
}
.card-product .bottom-wrap {
    padding: 15px;
    border-top: 1px solid var(--secondaire);
}

.label-rating { margin-right:10px;
    color: var(--secondaire);
    display: inline-block;
    vertical-align: middle;
}

.card-product .price-old {
    color: var(--secondaire);
}

.search {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.search * {
  outline: none;
  box-sizing: border-box;
}
.search__wrapper {
  position: relative;
}
.search__field {
  width: 50px;
  height: 50px;
  color: transparent;
  font-family: Lato, sans-serif;
  font-size: 1.35em;
  padding: 0.35em 50px 0.35em 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.search__field:focus {
  border-bottom-color: var(--secondaire);
  width: 50vw;
  color: var(--secondaire);
  cursor: default;
}
.search__field:focus ~ .search__icon {
  background-color: transparent;
  cursor: pointer;
  pointer-events: auto;
}
.search__icon {
  position: absolute;
  top: 0;
  right: 0;
  background-color:var(--tertiaire);
  width: 50px;
  height: 50px;
  font-size: 1.35em;
  text-align: center;
  border-color: transparent;
  border-radius: 50%;
  pointer-events: none;
  display: inline-block;
  transition: background-color 0.2s ease-in-out;
}
.search__field::-webkit-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-ms-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-webkit-input-placeholder[style*=hidden] {
  color: var(--secondaire);
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-moz-placeholder[style*=hidden] {
  color: var(--secondaire);
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field::-moz-placeholder[style*=hidden] {
  color: var(--secondaire);
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-ms-input-placeholder[style*=hidden] {
  color: var(--secondaire);
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}


ol li a {margin:0px 5px}
ol li.active {margin:0px 5px}

img {
  max-width: 100%; }

.preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 996px) {
    .preview {
      margin-bottom: 20px; } }

.preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
  .preview-thumbnail.nav-tabs li {
    width: 18%;
    margin-right: 2.5%; }
    .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block; }
    .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0; }
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

.tab-content {
  overflow: hidden; }
  .tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
            animation-name: opacity;
    -webkit-animation-duration: .3s;
            animation-duration: .3s; }

.card {
  margin-top: 50px;
  background: var(--tertiaire);
  padding: 3em;
  line-height:1.5em; }

@media screen and (min-width: 997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.colors {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.product-title, .price, .sizes, .colors {
  text-transform: UPPERCASE;
  font-weight: bold; }

.checked, .price span {
  color: var(--primaire); }

.product-title, .rating, .product-description, .price, .vote, .sizes {
  margin-bottom: 15px; }

.product-title {
  margin-top: 0; }

.size {
  margin-right: 10px; }
  .size:first-of-type {
    margin-left: 40px; }

.color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 2em;
  width: 2em;
  border-radius: 2px; }
  .color:first-of-type {
    margin-left: 20px; }

.add-to-cart, .like {
  background: var(--primaire);
  padding: 1.2em 1.5em;
  border: none;
  text-transform: UPPERCASE;
  font-weight: bold;
  color: var(--tertiaire);
  -webkit-transition: background .3s ease;
          transition: background .3s ease; }
  .add-to-cart:hover, .like:hover {
    background:var(--secondaire);
    color: var(--tertiaire); }

.not-available {
  text-align: center;
  line-height: 2em; }
  .not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color:var(--tertiaire); }



.tooltip-inner {
  padding: 1.3em; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
/*CATALOGUE*/


/*CARTE*/
h2.titrecarte {font-family: var(--font2); color: var(--secondaire); text-align: center; padding-bottom: 10px}
h3.sectionplat {font-family: var(--font2); color: var(--secondaire); font-size: 26px; text-align: center; background-color: bisque; padding: 10px 0px}
p.nomplat {font-family:  var(--font2); text-align: center}
p.prixplat {font-family:  var(--font2); color: coral; font-size: 20px; text-align: center}
hr.dashed { background-color:  var(--tertiaire); color:  var(--tertiaire); width:100%; border:none; border-bottom: dashed  var(--secondaire) 2px;} 
/*CARTE*/


/*FLEURISTE*/
#section-fleuriste h1 {text-align: center; font-family:  var(--font2)}
#section-fleuriste h2 {text-align: center; font-family:  var(--font2); color: var(--secondaire); font-size:30px; border-bottom : 1px solid  var(--secondaire); padding-bottom: 5px}
#section-fleuriste.btn { background-color: var(--tertiaire); color: var(--primaire); text-align: center; margin-bottom: 10px}
.description { text-align: justify}
/*FLEURISTE*/




/*Photos*/
#section-photo h1 {text-align: center; font-family:  var(--font2);}
.profile-card-1 {
  font-family:  var(--font1);
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  color: var(--tertiaire);
  text-align: center;
  height:368px;
  border:none;
	background-color: rgba( var(--primaire-opacite),0.5)
}
.profile-card-1 .background {
  width:100%;
  vertical-align: top;
  opacity: 0.6;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  transform: scale(1.4);	
}


.profile-card-1:hover .background {
  width:100%;
  vertical-align: top;
  opacity: 0.4;
  -webkit-filter: blur(0px);
  filter: blur(0px);
}



.profile-card-1 .card-content {
  width: 100%;
  padding: 15px 25px;
  position: absolute;
  left: 0;
  top: 5%;
}
.profile-card-1 .profile {
  border-radius: 50%;
  position: absolute;
  bottom: 50%;
  left: 50%;
  max-width: 100px;
  opacity: 1;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(255, 255, 255, 1);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.profile-card-1 h2 {
  margin: 0 0 5px;
  font-weight: 600;
  font-size:25px;
}
.profile-card-1 h2 small {
  display: block;
  font-size: 15px;
  margin-top:10px;
}
.profile-card-1 i {
  display: inline-block;
    font-size: 16px;
    color:  var(--tertiaire);
    text-align: center;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    line-height:1.5em;
    border-radius: 50%;
    margin:0px 5px;
}
.profile-card-1 .icon-block{
    float:left;
    width:100%;
    margin-top:15px;
}
.profile-card-1 .icon-block a{
    text-decoration:none;
}
.profile-card-1 i:hover {
  background-color: var(--tertiaire);
  color: var(--secondaire);
  text-decoration:none;
}
/*Photos*/


/*toolbar*/
#toolbar {background-color:#fff; min-height:30px; padding: 10px 0px; border-bottom:1px solid #3d3d3d}

/*langue*/
.langue  {background-color: #fff}
.langue a {color: #000}
/*fin langue*/


/*search*/
.hero-area .advance-search {
    background: #fff;
    padding: 40px 30px;
    border-radius: 3px;
    margin-bottom: -50px;
    box-shadow: -1px 3px 6px rgba(0, 0, 0, 0.12);
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
/*search*/



/*Panier*/
ul.dropdown-cart{
    min-width:250px;
}
ul.dropdown-cart li .item{
    display:block;
    padding:3px 10px;
    margin: 3px 0;
}
ul.dropdown-cart li .item:hover{
    background-color:#f3f3f3;
}
ul.dropdown-cart li .item:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left{
    float:left;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
    float:left;
}
ul.dropdown-cart li .item-left span.item-info{
    margin-left:10px;   
}
ul.dropdown-cart li .item-left span.item-info span{
    display:block;
}
ul.dropdown-cart li .item-right{
    float:right;
}
ul.dropdown-cart li .item-right button{
    margin-top:14px;
}
/*fin panier*/
/*fin toolbar*/



.overflow {overflow: hidden}

@media (max-height: 900px) {
.overflow {overflow: auto scroll}
}


::-webkit-scrollbar {
      width: 15px;
} /* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-track {
      background-color: #b46868;
} /* the new scrollbar will have a flat appearance with the set background color */
 
::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2); 
} /* this will style the thumb, ignoring the track */
 
::-webkit-scrollbar-button {
      background-color: #7c2929;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

.lien{
  background-color: white;
  padding: 15px;
  color: black !important;
  text-decoration: none;
  border: solid 3px white;
}

.lien:hover{
  background-color: black;
  padding: 15px;
  color: white !important;
  text-decoration: none;
  border: solid 3px white
}

.encart-partenaire{
  border: solid 3px white;
  padding: 15px;
  padding-top: 25px
}

.mt-lg-5{margin-top: 90px !important}

@media (max-width: 900px) {
  .mt-lg-5{margin-top: 0px !important}
}


.col-2_4,
.col-sm-2_4,
.col-md-2_4,
.col-lg-2_4,
.col-xl-2_4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2_4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2_4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-2_4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-2_4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2_4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}






.gallery img {
    width: 100%; /* Occupe toute la largeur de la colonne */
    height: 400px; /* Hauteur fixe */
    object-fit: cover; /* Coupe l'image au centre */
}

.gallery2 img {
    width: 100%; /* Occupe toute la largeur de la colonne */
    height: 400px; /* Hauteur fixe */
    object-fit: cover; /* Coupe l'image au centre */
}

#section-galerie {background:none}




.gal {

	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;


	}
.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {

.gal {
-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
}