/**
 * PrestaShop module created by VEKIA, a guy from official PrestaShop community ;-)
 *
 * @author    VEKIA MILOSZ MYSZCZUK VATEU: PL9730945634
 * @copyright 2010-2023 VEKIA
 * @license   This program is not free software and you can't resell and redistribute it
 *
 * CONTACT WITH DEVELOPER http://mypresta.eu
 * support@mypresta.eu
 */
 

/*VERTICAL MENU*/
#categories_block_left .vertical{
  position:relative;
  width:33%;
  z-index:4;
}

#categories_block_left .vertical li::before, #left-column > div > div.category_106::before,
 #left-column > div > div.category_3::before, #left-column > div > div.category_4::before,
  #left-column > div > div.category_5::before, #left-column > div > div.category_6::before,
  #left-column > div > div.category_119::before, #left-column > div > div.category_120::before
 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, 
        rgba(255, 255, 255, 0.3) 0%, 
        rgba(255, 255, 255, 0) 50%);
    transform: translateX(-100%);
    transition: transform 0.5s ease;
	filter: blur(25px); /* Ajuste l’intensité */
  opacity: 0.68;pointer-events: none;
  }
#categories_block_left .vertical li, #left-column > div > div.category_106,
 #left-column > div > div.category_3, #left-column > div > div.category_4,
  #left-column > div > div.category_5, #left-column > div > div.category_6,
  #left-column > div > div.category_119, #left-column > div > div.category_120 {
    transition: all 0.3s ease;
	
}
#categories_block_left .vertical li:hover, #left-column > div > div.category_106:hover, 
 #left-column > div > div.category_3:hover, #left-column > div > div.category_4:hover,
  #left-column > div > div.category_5:hover, #left-column > div > div.category_6:hover,
  #left-column > div > div.category_119:hover, #left-column > div > div.category_120:hover {
    transform: translateX(10px);
}

#categories_block_left .vertical li:hover::before, #left-column > div > div.category_106:hover::before,
 #left-column > div > div.category_3:hover::before, #left-column > div > div.category_4:hover::before,
  #left-column > div > div.category_5:hover::before, #left-column > div > div.category_6:hover::before,
  #left-column > div > div.category_119:hover::before, #left-column > div > div.category_120:hover::before  {
    transform: translateX(100%);
	
}
/* ALL UL */
#categories_block_left .vertical ul{
  list-style: none;
}
/* ALL LI */
#categories_block_left .vertical li{
  position:relative;
}
/* ALL A */
#categories_block_left .vertical a{
	text-align:left;
  display:block;
  color: rgba(0, 0, 0, 0.8);
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
 /* border-bottom:1px dotted #eee;
  border-top: 1px dotted #fff;*/
  text-decoration:none;
  padding:10px 15px;
  /*background:#f8f8f8;*/
  transition:0.2s;
}
/* ALL A HOVER */
#categories_block_left .vertical a span {
	
	 display: inline-block; /* nécessaire pour certains navigateurs */
  break-inside: avoid;
}
/* INNER UL HIDE */
#categories_block_left .vertical ul ul{
  position:absolute;
  left:0%;
  top:0;
  width: 40vw;
  visibility:hidden;
  opacity:0;
  transition: transform 0.2s;
  transform: translateX(50px);
}
/* INNER UL SHOW */
#categories_block_left .vertical li:hover > ul{
  left:100%;
  visibility:visible;
  opacity:1;
  transform: translateX(0px);
}

#categories_block_left .vertical li:hover, #categories_block_left .vertical li:hover a:hover {
  /*background:#f0f0f0;*/
}

#categories_block_left .vertical li:hover li{
  border-left:1px solid #fff;
}

#categories_block_left .vertical li:hover ul{
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; 
}

.verticalblockcategories .selected {
  border: 1px solid #adadad!important;
  border-bottom: 1px dotted #adadad!important;
  border-top: 1px dotted #adadad!important;
  background: #FFF!important;
}

.verticalblockcategories .selected {
  border: 1px solid #adadad!important;
  border-bottom: 1px dotted #adadad!important;
  border-top: 1px dotted #adadad!important;
  background: #FFF!important;
}
.category_106, .category_4, .category_5, .category_3, .category_6,.category_119, .category_120 {
	margin-bottom:0;
}
 .category_h1_106 ,  .category_h1_3,  .category_h1_4 , .category_h1_5,  .category_h1_3 ,  .category_h1_119,  .category_h1_120{	 
	border-radius: 5vh !important;
    border-end-end-radius: 0 !important;
	 border-end-start-radius: 0 !important;
	padding:5px;
	width:100% !important;
	text-align:center ;
 }
.category_106>a, .category_4>a, .category_5>a, .category_3>a, .category_6>a, .category_119>a,  .category_120>a{
	border-radius: 64px 0% 0px 64px !important;
}
.tree>#categories_block_left .vertical li a {
	
}

.feuilleMenu {
  border-radius: 0 0 350px 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  break-inside: avoid-column;
  orphans: 10;
  column-gap: 0;
  padding: 0;
  margin: 0;
  padding-right: 10vh;
  border: 0;
  gap: 0;
  width: 40vw; /* largeur élargie */
  padding-bottom: 5vh;
}

.category_106 > ul > * > .feuilleMenu {	
		columns: 1;
  -webkit-columns:1 !important;
  -moz-columns: 1;
  width:30vw !important;
	background: #ff5a69!important;
	z-index:10;
  display:none;
}

.category_106 > ul > * > ul>li {
	break-inside: avoid-region;
	/*display: inline-block;*/
	display:none;
}
  
  
  
.feuilleMenu li {
  border-left:1px; padding-left:1px;
  margin-left:1px; font-size: 2vh;text-shadow: 
    2px 2px 4px rgba(0, 0, 0, 0.15), /* Ombre noire */
    0 0 8px rgba(255, 255, 255, 0.15); 
	font-weight: revert;

}
.feuilleMenu li:hover {
  font-weight:bolder;
  
}
.category_106>a,.category_106>ul, .category_h1_106, .category_106 > ul > * > ul  {
	background: #ff5a69!important;
  font-weight:bold;
}
.category_106>ul>li,.category_106 > ul > * > ul > li  {
border-color: #ff5a69!important;
}

.category_119>a,.category_119>ul, .category_h1_119, .category_119 > ul > * > ul  {
	background: #ffb7da!important;
  font-weight:bold;
}
.category_119>ul>li,.category_119 > ul > * > ul > li  {
border-color: #ffb7da!important;
}

.category_120>a,.category_120>ul, .category_h1_120, .category_120 > ul > * > ul  {
	background: #ff9b78!important;
  font-weight:bold;
}

.category_120>ul>li,.category_120 > ul > * > ul > li  {
border-color: #ff9b78!important;
}
.category_4>a,.category_4>ul, .category_h1_4, .category_4 > ul > * > ul{
	background: #ffeb82!important;
  font-weight:bold;
}
.category_4>ul>li ,.category_4 > ul > * > ul > li{
border-color: #ffeb82!important;
}
.category_5>a,.category_5>ul, .category_h1_5, .category_5 > ul > * > ul{
	background: #df89ff!important;
  font-weight:bold;
}
.category_5>ul>li,.category_5 > ul > * > ul > li {
border-color: #df89ff!important;
}
.category_3>a,.category_3>ul, .category_h1_3, .category_3 > ul > * > ul{
	background: #a5d200!important;
  font-weight:bold;
}
.category_3>ul>li,.category_3 > ul > * > ul > li {
border-color: #a5d200!important;
}
.category_6>a,.category_6>ul, .category_h1_6, .category_6 > ul > * > ul{
	background: #8ee8ff!important;
  font-weight:bold;
}
.category_6>ul>li,.category_6 > ul > * > ul > li {
border-color: #8ee8ff!important;
}

.category_6 > ul > * > .feuilleMenu {	
		columns: 1;
  -webkit-columns:1 !important;
  -moz-columns: 1;
  width:30vw !important;
	background: #8ee8ff!important;
	z-index:10;
  display:none;
}

.category_3 > ul > * > .feuilleMenu {	
		columns: 1;
  -webkit-columns:1 !important;
  -moz-columns: 1;
  width:30vw !important;
	background: #a5d200!important;
	z-index:10;
  display:none;
}

.category_5 > ul > * > .feuilleMenu {	
		columns: 1;
  -webkit-columns:1 !important;
  -moz-columns: 1;
  width:30vw !important;
	background: #df89ff!important;
	z-index:10;
  display:none;
}

.category_2 > ul > * > .feuilleMenu {	
		columns: 1;
  -webkit-columns:1 !important;
  -moz-columns: 1;
  width:30vw !important;
	background: #ffeb82!important;
	z-index:10;
  display:none;
}

.category_120 > ul > * > .feuilleMenu {	
		columns: 1;
  -webkit-columns:1 !important;
  -moz-columns: 1;
  width:30vw !important;
	background: #ff5a69!important;
	z-index:10;
  display:none;
}

.category_1119 > ul > * > .feuilleMenu {	
		columns: 1;
  -webkit-columns:1 !important;
  -moz-columns: 1;
  width:30vw !important;
	background: #ff5a69!important;
	z-index:10;
  display:none;
}
div.feuilleMenu {
    border-radius: 15px;
    width: 120px;
    padding: 10px;
    background: #BEBEBE;
}

.feuilleMenu {
    list-style: none !important;
}

div.feuilleMenu ul li {
    height: 40px;
    background: #E5E5E5;
}
#categories_block_left .vertical li img {
	
	height:5vh;
}
div.feuilleMenu ul li:last-child
{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
@media (orientation: portrait) {
  .desktop {
    display:none !important;
  }
  #categories_block_left .vertical {
    width: 90%;
}
}

@media (orientation:portrait) {
    .feuilleMenu { 
      visibility: hidden; display:none !important;
    }
	.carousel .carousel-item img  {
		height: auto !important;
	}
	.photo {
		height: auto !important;
	}
	
	.imgAccueil {
    height: auto; 
    width: 100%;
	}
	#centrale_menu {
		    display: none;
	}
}