/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Meow+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sintony:wght@400;700&display=swap');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');

/*MENU*/
@import url('custom-2.css');
/*Product miniatures*/
@import url('custom-1.css');





@charset "UTF-8";
/*!
 * Bootstrap v4.0.0-alpha.5 (https://getbootstrap.com)
 * Copyright 2011-2016 The Bootstrap Authors
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */


body {
  font-family: "Sintony", serif;
  font-size: 1rem;
  letter-spacing:  0rem;
  line-height: 1.0em;
  color: #171717;
}


#footer , #footer .block_newsletter {
padding-top: 2.5rem;
background: #F0F0F0;
}

#footer .footer-container {
padding-top: 2.5rem;
background: #FFFFFF;
}



 #wrapper {
  padding-top: 1.563rem;
  background: #FAFAFA;
}





#content h2:before {
	content:"";
background-image: url('qj/qualijeux-icon-s.png');
background-position:
top right;
  background-repeat: no-repeat;
  background-size: auto 30px;
  border-bottom:solid 1px #353535;
  height: 30px;
  display: block;
  width: 100%;
  margin-bottom: 5px;
}  


#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title {
  text-align: left;
}

.carousel .carousel-item h2:before {
opacity:0;
border:none;
}

#wrapper .container{
background-image: url('qj/qualijeux-icon-s.png');
background-position:bottom right;
background-repeat: no-repeat;
background-size: auto 30px;

}  


#footer a[href="https://www.prestashop-project.org/"]{display:none;}





/*
@media (min-width: 1700px) {
  main .container {
    width: 1440px;
    max-width: 100%;
  }
}
*/	
	
.btn-secondary, .btn-tertiary {
  color: #232323;
  background-color: #FAFAFA;
  border-color: transparent;
}


/* CAROUSEL */

élément {
}
.carousel .carousel-item .caption {
  position: absolute;
  bottom: 0px;
  left: 0px;
  max-width: 100%;
  color: #fff;
  height: 100%;
  padding: 15px 50px;
  background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.0) 40%);
}

.carousel .carousel-item .caption .display-1 {
	font-family: "Meow Script", serif;
  font-size: 3rem;
  font-weight: 400;
  font-style: normal;
  text-transform: none!important;

}
.carousel .carousel-item .caption .caption-description h3 {
  font-size: 1.25rem;
  font-size: 3rem;
  font-weight: 900;
  text-transform:uppercase;
}
.carousel-inner {
  border-radius: 5px;
}


@media (max-width: 767px) {
  .carousel {
      display:none;
  }

}
@media (max-width: 991px) {
	  .carousel {
      display:none;
  }
   .carousel .carousel-item .caption .display-1,
.carousel .carousel-item .caption .caption-description h3,
.carousel .carousel-item .caption .caption-description p    {
      color: #fff;
  }
 }
 
 
 /* home_gallery */
 
 .page_home, .page_home_gallery {
  margin: 60px 0;
}

/* CUSTOM TEXTS */
#custom-text {
  padding: 0rem;
  margin-bottom: 0rem;
  text-align: inherit;
  background: transparent;
  border-radius: 2px;
}
/* BLOG LATEST POSTS */
.block.ets_block_latest.ets_blog_ltr_mode.page_home.ets_block_slider{
  background: transparent;
}


/* ch-GRID */

.ch-grid h1 {
  margin: 0 0 20px;
  font-size: 1.4rem;
  font-weight: 700;
}

.ch-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 200px);
  column-gap: 10px;
}


.img-1 { grid-area: im1; }
.img-2 { grid-area: im2; }
.img-3 { grid-area: im3; }
.img-4 { grid-area: im4; }
.img-5 { grid-area: im5; }
.img-6 { grid-area: im6; }


@media (max-width: 767px) {
	.ch-grid-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(5, 250px);
  gap: 15px;
}
.ch-grid-container {
 grid-template-areas:
	'im1'
	'im2'
	'im3'
	'im4'
	'im5'

;
}
}
@media (min-width: 768px) {
	.ch-grid-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 200px);
  gap: 16px 30px;
}
.ch-grid-container {
 grid-template-areas:
  'im1 im1 im3 im3 im3 im3'
  'im2 im2 im3 im3 im3 im3'
  'im2 im2 im4 im4 im5 im5'

;
}
}


.image-container {
  position: relative;
  margin-bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 3px;
  border-radius: 5px;
  overflow: hidden;
  background:#000;
}

.image-container img {
  width: 100%;
  height: 100%;

  object-fit: cover;
}

.image-container:hover img {
	filter: contrast(120%);
 opacity:0.8;
 transform: scale(110%) translate(-2.5%,0);

  transition-property: all;
	transition-timing-function: ease;
	transition-duration: 2s;
}

.image-container .grid-overlay {
	text-transform:uppercase;
}

.image-container .grid-overlay a:link,
.image-container .grid-overlay a:visited,
.image-container .grid-overlay a{
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    transparent,
    transparent,
    rgba(15, 15, 15, 0.9)
  );

  transition: all 0.2s ease-out;
  color : #FFF;
  padding:15px;
  font-size: calc(0.5em + 1vh + 1vmin);
  line-height: 1em;
  text-decoration:none;
}


.image-container:hover .grid-overlay a:focus,
.image-container:hover .grid-overlay a:active,
.image-container:hover .grid-overlay a{
	color : #FFF;
	text-decoration:none;
}

.image-container .grid-overlay h3 {

  margin: 10px;
  color: #fff;
  font-size: 1rem;
}

/* manufacturer */
body#manufacturer #main li.brand{
	display:block;
	border-radius: 10px;
	}
	
	
body#manufacturer #main li.brand .brand-infos{
	display:none;
}

body#manufacturer #main li.brand a {
  display: block;
  margin: 40px auto;
}

.blockreassurance_product .item-product svg path{
fill:#000;
}

.ets_blog_img_wrapper img, .blog-product-list img {
  max-width: 100%;width: 100%;
}



#ybc-mnf-block .ybc-mnf-block-title {
  margin-top: 0;
  display: none;
}

.ybc-mnf-block-a-img > img {
  border-radius: 100%;
  max-height: 125px;
  opacity: 0.7;
}