/** POP IN TV **/

#tv {
	position: fixed;
    bottom: 0;
    right: 0;
    z-index: 12;
	pointer-events: none;
	display: none;
}

#tv .close {
	position: absolute;
	bottom: max(290px, 20vw, 30vw);
    right: 8%;
	color: #FFF;
    font-size: 35px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
    opacity: 1;
    z-index: 12;
	cursor: pointer;
    pointer-events: auto;
	
}
	
#tv .close:hover {
	color:#AAAAAA;
}

#tv img.tv-front {
	position: absolute;
    bottom: 0vw;
    right: 0px;
    width: 25vw;
    min-width: 245px;
}

#tv img.tv-ground {
	position: absolute;
    bottom: 0vw;
    right: 0px;
    width: 28vw;
    min-width: 270px;
}	
	
#tv .tv-container { 
	position: relative;
    width: 25vw;
    height: 35vw;
    overflow: hidden;
    right: 0;
    bottom: 0;
	min-width: 240px;
    min-height: 335px;
}

img.tv-1, img.tv-2, img.tv-3, img.tv-4, img.tv-5 {
 	position: absolute;
    width: 33%;
    opacity: 0;
    transition: all 0.2s ease;
    pointer-events: initial;
    cursor: pointer;
	mix-blend-mode: lighten;
}

img.tv-1 {
	bottom: clamp(30px, 3vw, 3vw);
    right: clamp(134px, 13.7vw, 13.7vw);
    -webkit-animation: blink 3s infinite alternate;
    		animation: blink 3s infinite alternate;
}
img.tv-2 {
    bottom: clamp(28px, 2.75vw, 2.75vw);
    right: clamp(32px, 3.3vw, 3.3vw);
    transform: rotate(2deg);
    -webkit-animation: blink 5s infinite 2s alternate;
    		animation: blink 5s infinite 2s alternate;
}
img.tv-3 {
    bottom: clamp(112px, 11.5vw, 11.5vw);
    right: clamp(28px, 2.7vw, 2.7vw);
    -webkit-animation: blink 3s infinite 3s alternate;
    		animation: blink 3s infinite 3s alternate;
}
img.tv-4 {
    bottom: clamp(118px, 12vw, 12vw);
    right: clamp(128px, 13vw, 13vw);
    -webkit-animation: blink 4s infinite 1.5s alternate;
    		animation: blink 4s infinite 1.5s alternate;
}
img.tv-5 {
    bottom: clamp(212px, 21.5vw, 21.5vw);
    right: clamp(55px, 5.5vw, 5.5vw);
    transform: rotate(4deg);
    -webkit-animation: blink 2s infinite 0.5s alternate;
    		animation: blink 2s infinite 0.5s alternate;
}

img.tv-1:hover, img.tv-2:hover, img.tv-3:hover, img.tv-4:hover, img.tv-5:hover {
	opacity: 0.8;
    -webkit-animation: none;
    		animation: none;
}

#tv .tv-container .tv {
	position: absolute;
    bottom: 0vw;
    right: 0vw;
    width: 100%;
    clip-path: polygon(10.8% 35.8%, 41.2% 35.5%, 43.2% 4%, 82.3% 5.6%, 80% 37%, 90.5% 37%, 92.5% 38%, 91.5% 88%, 89% 96%, 49% 94.8%, 49% 96.2%, 8.8% 96.5%, 7.8% 66.5%, 11.9% 62.1%, 11.3% 60%);
    background-color: #4994c3;
	cursor: default;
    pointer-events: initial;
}

.tv-animation-container {
  background-image: url("../../../img/home/tv/tv-sprite.avif");
  background-size: max(125vw, 1230px);
  background-position: 0 0;
  width: 25vw;
  min-width: 245px;
  height: auto;
  aspect-ratio: 160 / 193;
  background-repeat: no-repeat;
  -webkit-animation: tv-noise 8s step-end 0s infinite;
          animation: tv-noise 8s step-end 0s infinite;
}

@media (max-width: 980px) {
	.tv-animation-container {
	  -webkit-animation: tv-noise-mob 8s step-end 0s infinite;
			  animation: tv-noise-mob 8s step-end 0s infinite;
	}
}

@-webkit-keyframes blink {
	0%,18%, 22%, 25%, 53%, 57%, 100% {
		opacity: 0.8;
	}
	10%, 14%, 80%, 82% {
		opacity: 0;
	}
}

@-webkit-keyframes tv-noise {
  0% { background-position: 0px 0px; }
  2% { background-position: -25vw 0; }
  4% { background-position: -50vw 0; }
  6% { background-position: -75vw 0; }
  8% { background-position: -100vw 0; }
  10% { background-position: 0 -30.15vw; }
  12% { background-position: -25vw -30.15vw; }
  14% { background-position: -50vw -30.15vw; }
  16% { background-position: -75vw -30.15vw; }
  18% { background-position: -100vw -30.15vw; }
  20% { background-position: 0 -60.31vw; }
  22% { background-position: -25vw -60.31vw; }
  24% { background-position: -50vw -60.31vw; }
  26% { background-position: -75vw -60.31vw; }
  28% { background-position: -100vw -60.31vw; }
  30% { background-position: 0 -90.46vw; }
  32% { background-position: -25vw -90.46vw; }
  34% { background-position: -50vw -90.46vw; }
  36% { background-position: -75vw -90.46vw; }
  38% { background-position: -100vw -90.46vw; }
  40% { background-position: 0 -120.62vw; }
  42% { background-position: -25vw -120.62vw; }
  44% { background-position: -50vw -120.62vw; }
  46% { background-position: -75vw -120.62vw; }
  48% { background-position: -100vw -120.62vw; }
  50% { background-position: 0 -150.77vw; }
  52% { background-position: -25vw -150.77vw; }
  54% { background-position: -50vw -150.77vw; }
  56% { background-position: -75vw -150.77vw; }
  58% { background-position: -100vw -150.77vw; }
  60% { background-position: 0 -180.94vw; }
  62% { background-position: -25vw -180.94vw; }
  64% { background-position: -50vw -180.94vw; }
  66% { background-position: -75vw -180.94vw; }
  68% { background-position: -100vw -180.94vw; }
  70% { background-position: 0 -211.11vw; }
  72% { background-position: -25vw -211.11vw; }
  74% { background-position: -50vw -211.11vw; }
  76% { background-position: -75vw -211.11vw; }
  78% { background-position: -100vw -211.11vw; }
  80% { background-position: 0 -241.26vw; }
  82% { background-position: -25vw -241.26vw; }
  84% { background-position: -50vw -241.26vw; }
  86% { background-position: -75vw -241.26vw; }
  88% { background-position: -100vw -241.26vw; }
  90% { background-position: 0 -271.4vw; }
  92% { background-position: -25vw -271.4vw; }
  94% { background-position: -50vw -271.4vw; }
  96% { background-position: -75vw -271.4vw; }
  98% { background-position: -100vw -271.4vw; }
  100% { background-position: 0 0; }
}
@keyframes tv-noise {
  0% { background-position: 0px 0px; }
  2% { background-position: -25vw 0; }
  4% { background-position: -50vw 0; }
  6% { background-position: -75vw 0; }
  8% { background-position: -100vw 0; }
  10% { background-position: 0 -30.15vw; }
  12% { background-position: -25vw -30.15vw; }
  14% { background-position: -50vw -30.15vw; }
  16% { background-position: -75vw -30.15vw; }
  18% { background-position: -100vw -30.15vw; }
  20% { background-position: 0 -60.31vw; }
  22% { background-position: -25vw -60.31vw; }
  24% { background-position: -50vw -60.31vw; }
  26% { background-position: -75vw -60.31vw; }
  28% { background-position: -100vw -60.31vw; }
  30% { background-position: 0 -90.46vw; }
  32% { background-position: -25vw -90.46vw; }
  34% { background-position: -50vw -90.46vw; }
  36% { background-position: -75vw -90.46vw; }
  38% { background-position: -100vw -90.46vw; }
  40% { background-position: 0 -120.62vw; }
  42% { background-position: -25vw -120.62vw; }
  44% { background-position: -50vw -120.62vw; }
  46% { background-position: -75vw -120.62vw; }
  48% { background-position: -100vw -120.62vw; }
  50% { background-position: 0 -150.77vw; }
  52% { background-position: -25vw -150.77vw; }
  54% { background-position: -50vw -150.77vw; }
  56% { background-position: -75vw -150.77vw; }
  58% { background-position: -100vw -150.77vw; }
  60% { background-position: 0 -180.94vw; }
  62% { background-position: -25vw -180.94vw; }
  64% { background-position: -50vw -180.94vw; }
  66% { background-position: -75vw -180.94vw; }
  68% { background-position: -100vw -180.94vw; }
  70% { background-position: 0 -211.11vw; }
  72% { background-position: -25vw -211.11vw; }
  74% { background-position: -50vw -211.11vw; }
  76% { background-position: -75vw -211.11vw; }
  78% { background-position: -100vw -211.11vw; }
  80% { background-position: 0 -241.26vw; }
  82% { background-position: -25vw -241.26vw; }
  84% { background-position: -50vw -241.26vw; }
  86% { background-position: -75vw -241.26vw; }
  88% { background-position: -100vw -241.26vw; }
  90% { background-position: 0 -271.4vw; }
  92% { background-position: -25vw -271.4vw; }
  94% { background-position: -50vw -271.4vw; }
  96% { background-position: -75vw -271.4vw; }
  98% { background-position: -100vw -271.4vw; }
  100% { background-position: 0 0; }
}

@-webkit-keyframes tv-noise-mob {
  0% { background-position: 0px 0px; }
  2% { background-position: -246px 0; }
  4% { background-position: -492px 0; }
  6% { background-position: -738px 0; }
  8% { background-position: -984px 0; }
  10% { background-position: 0 -297px; }
  12% { background-position: -246px -297px; }
  14% { background-position: -492px -297px; }
  16% { background-position: -738px -297px; }
  18% { background-position: -984px -297px; }
  20% { background-position: 0 -595px; }
  22% { background-position: -246px -594px; }
  24% { background-position: -492px -594px; }
  26% { background-position: -738px -594px; }
  28% { background-position: -984px -594px; }
  30% { background-position: 0 -891px; }
  32% { background-position: -246px -891px; }
  34% { background-position: -492px -891px; }
  36% { background-position: -738px -891px; }
  38% { background-position: -984px -891px; }
  40% { background-position: 0 -1188px; }
  42% { background-position: -246px -1188px; }
  44% { background-position: -492px -1188px; }
  46% { background-position: -738px -1188px; }
  48% { background-position: -984px -1188px; }
  50% { background-position: 0 -1485px; }
  52% { background-position: -246px -1485px; }
  54% { background-position: -492px -1485px; }
  56% { background-position: -738px -1485px; }
  58% { background-position: -984px -1485px; }
  60% { background-position: 0 -1782px; }
  62% { background-position: -246px -1782px; }
  64% { background-position: -492px -1782px; }
  66% { background-position: -738px -1782px; }
  68% { background-position: -984px -1782px; }
  70% { background-position: 0 -2079px; }
  72% { background-position: -246px -2079px; }
  74% { background-position: -492px -2079px; }
  76% { background-position: -738px -2079px; }
  78% { background-position: -984px -2079px; }
  80% { background-position: 0 -2376px; }
  82% { background-position: -246px -2376px; }
  84% { background-position: -492px -2376px; }
  86% { background-position: -738px -2376px; }
  88% { background-position: -984px -2376px; }
  90% { background-position: 0 -2673px; }
  92% { background-position: -246px -2673px; }
  94% { background-position: -492px -2673px; }
  96% { background-position: -738px -2673px; }
  98% { background-position: -984px -2673px; }
  100% { background-position: 0 0; }
}
@keyframes tv-noise-mob {
  0% { background-position: 0px 0px; }
  2% { background-position: -246px 0; }
  4% { background-position: -492px 0; }
  6% { background-position: -738px 0; }
  8% { background-position: -984px 0; }
  10% { background-position: 0 -297px; }
  12% { background-position: -246px -297px; }
  14% { background-position: -492px -297px; }
  16% { background-position: -738px -297px; }
  18% { background-position: -984px -297px; }
  20% { background-position: 0 -595px; }
  22% { background-position: -246px -594px; }
  24% { background-position: -492px -594px; }
  26% { background-position: -738px -594px; }
  28% { background-position: -984px -594px; }
  30% { background-position: 0 -891px; }
  32% { background-position: -246px -891px; }
  34% { background-position: -492px -891px; }
  36% { background-position: -738px -891px; }
  38% { background-position: -984px -891px; }
  40% { background-position: 0 -1188px; }
  42% { background-position: -246px -1188px; }
  44% { background-position: -492px -1188px; }
  46% { background-position: -738px -1188px; }
  48% { background-position: -984px -1188px; }
  50% { background-position: 0 -1485px; }
  52% { background-position: -246px -1485px; }
  54% { background-position: -492px -1485px; }
  56% { background-position: -738px -1485px; }
  58% { background-position: -984px -1485px; }
  60% { background-position: 0 -1782px; }
  62% { background-position: -246px -1782px; }
  64% { background-position: -492px -1782px; }
  66% { background-position: -738px -1782px; }
  68% { background-position: -984px -1782px; }
  70% { background-position: 0 -2079px; }
  72% { background-position: -246px -2079px; }
  74% { background-position: -492px -2079px; }
  76% { background-position: -738px -2079px; }
  78% { background-position: -984px -2079px; }
  80% { background-position: 0 -2376px; }
  82% { background-position: -246px -2376px; }
  84% { background-position: -492px -2376px; }
  86% { background-position: -738px -2376px; }
  88% { background-position: -984px -2376px; }
  90% { background-position: 0 -2673px; }
  92% { background-position: -246px -2673px; }
  94% { background-position: -492px -2673px; }
  96% { background-position: -738px -2673px; }
  98% { background-position: -984px -2673px; }
  100% { background-position: 0 0; }
}

/** HEADER RED **/

#header2021:before {
	display: none;
}

.open_menu svg.logo.logo-desktop.img-responsive.cup,
.prevent-scroll svg.logo.logo-mobile.img-responsive.cup,
.stickySearch svg.logo.logo-desktop.img-responsive.cup,
.stickySearch svg.logo.logo-mobile.img-responsive.cup /*,
/*#index:not(.open_menu, .stickySearch) svg.logo.logo-desktop.img-responsive.classic,
#index:not(.stickySearch) #page:not(.prevent-scroll) svg.logo.logo-mobile.img-responsive.classic*/ {
    display: none;
}

.stickyHeader .header2021 .main_header.container,
.stickyHeader .header2021 .main_header.container,
.open_sous_menu .header2021 .main_header.container,
.open_menu .header2021 .main_header.container,
.header2021:hover .main_header.container {
    transition: all 0.1s ease;
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) #header2021:hover .block_menu,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .block_menu {
	border: none;
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover svg,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .logo-desktop,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .logo-mobile,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .logo_header,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .btn_outlet svg,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .main_header svg,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .main_header img,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .list_products img,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .menu_header .conciergerie img,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 svg,
#index:not(.open_menu, .stickySearch).stickySearch #page:not(.prevent-scroll) .header2021 svg,
#index:not(.open_menu, .stickySearch).stickySearch #page:not(.prevent-scroll) .btn_outlet svg,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .btn_outlet svg,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 .main_header img,
#index:not(.open_menu, .stickySearch).stickySearch #page:not(.prevent-scroll) .header2021 .main_header img,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .main_header img,
#index:not(.open_menu, .stickySearch).stickySearch #page:not(.prevent-scroll) .main_header img,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .list_products img,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 div.list_menu li.bobo_menu-container img,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .logo_header,
#index:not(.open_menu, .stickySearch).stickySearch #page:not(.prevent-scroll) .logo_header,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021.scrollUp div.list_menu .right_onglets .header_icons img {
	filter: none;
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 div.list_menu li.bobo_menu-container.sousmenu:hover .dropdown-item-service img,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .dropmenu_service .dropdown-item-service svg,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .header_icons .search_query_menu svg {
	filter: invert(1);
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .main_header.container,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 .main_header.container,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 .main_header.container,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .bobo_menu-container.espace-pro:hover .dropmenu_service,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) #menu1:hover .dropmenu_service,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .bobo_menu-container.sousmenu:hover .dropmenu_service {
	background-color: #411a1d !important;
	transition: all 0.3s ease;
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .menu_header ul li a,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .list_products > a > p,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header_icons .btn_outlet a,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 .contact_avant_vente p small,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 .menu_header ul li a,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .list_products > a > p{
	color: #FFFFFF;
}

@media (min-width: 1025px) {
	#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .header_icons .btn_outlet a,
	#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021:hover .contact_avant_vente a {
		color: #FFFFFF;
	}
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .main_header .wishlist:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .main_header .compte:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .main_header .big-block-cart:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .main_header .contact_avant_vente:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .main_header .btn_outlet:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .main_header .pop-up:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .list_products:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) div.list_menu li.bobo_menu-container:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .dropdown-item-service:hover,	
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .wishlist:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .compte:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .big-block-cart:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .contact_avant_vente:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .btn_outlet:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .search_query_menu:hover,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) .header2021 .pop-up:hover	{
	background-color: #301315;
}

#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) #header2021:hover #close_picto_menu>span,
#index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) #header2021:hover #close_picto>span,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 #close_picto_menu>span,
#index:not(.open_menu, .stickySearch).stickyHeader #page:not(.prevent-scroll) .header2021 #close_picto>span {
	background: #FFFFFF;
}

.has-mobile #index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) #closeMobile {
	background: #000000;
}
.has-mobile #index:not(.open_menu, .stickySearch) #page:not(.prevent-scroll) svg.croix_menu_mobile {
	filter: invert(1);
}

@media (max-width: 768px) {
	.contain-search {
		background: rgba(243, 243, 243, 0.75);
	}
}