/******************************
	MEGA MENU 
************************************/

/******************************
HEADER GENERAL
************************************/
#page #header .header-top ._desktop_quotecart{
	display: none!important;
}
.page-customer-account #page #header .header-top ._desktop_quotecart{
	display: block!important;
} 
#page #header .header-top{
	padding:0 0 30px;
}

/******************************
BARRE MENU TOP
************************************/

#page #header .header-nav{
	border:none;
	background-color:#1D1D1F;
	color:white;
	padding: 8px 0;
}

#page #header .header-nav .container{
	padding:0;
}

#page #header .separatorLine{
	display:none;
}

#page #header .header-nav .left-nav{
	margin:auto;
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	font-weight:400;
	font-size:13px;
}

#header .header-nav .trustpilot-widget{
	margin-left: -40px; 
}

#page #header .header-nav .right-nav{
	margin:0;
}

#header .header-nav .right-nav a{
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	font-weight:bold;
	font-size:13px;
	color:white;
	transition:all 0.4s;
}

#header .header-nav .right-nav a:before{
	content:"";
	background:url(/themes/TheStyle_child/assets/img/mega-menu/icon-mail.svg) no-repeat center center transparent;
	background-size:contain;
	display:inline-block;
	width:20px;
	height:20px;
	margin-right:5px;
	vertical-align: middle;
}

#header .header-nav .right-nav a.link-phone{
	margin-left:10px;
}

#header .header-nav .right-nav a.link-phone:before{
	background-image:url(/themes/TheStyle_child/assets/img/mega-menu/icon-phone.svg);
}

#header .header-nav .right-nav a:hover{
	color:#5AD187;
}


/******************************
LOGO + RECHERCHE + BTN
************************************/

#header .header-top .customContainer{
	width: 100%;
    max-width: 1400px;
	margin:auto;
}

/*Logo*/
#page #header .header-top .header_logo a img{
	height:auto;
	width:100%;
	max-width:143px;
}

/*Recherche*/
#page #header .search-widget{
	max-width:600px;
	padding:0;
	margin:0;
}
#header .search-widget .search-widget form{
	
}
#header .search-widget form input[type=text]{
	border-radius: 10px!important;

}
#page #header .header-top .search-widget form input[type=text]{
	box-shadow:none;
	background-color:#F5F5F5;
	border:none;
}

/*Langues*/
#header .language-selector{
	font-size:12px;
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
}

#header .language-selector .dropdown-arrow svg{
	width:14px;
	height:14px;
}

#header .language-selector ul.dropdown-menu{
	width:130%;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
    border: none;
}

/*Langues+Compte+Panier+Devis*/
#header .header-top .customContainer .header_account_cart{
	gap:20px;
}

/*Compte*/
#page #header .user-info,
#page #header .blockcart .blockcart-header,
#page #header .header-top ._desktop_quotecart{
	margin:0;
	padding:0;
}

#header .user-info a,
#page #header .blockcart .blockcart-header>a.shopping-cart,
#page #header .header-top .quotation_cart .header .quote-header-element.quote-icon{
	width:40px;
	height:40px;
	background-color:#1D1D1F;
	position:relative;
	flex-direction: column;
    align-items: center;
	transition:all 0.4s;
	border-radius:100%;
	display:flex;
	padding: 10px;
}

#header .user-info a img,
#page #header .blockcart .blockcart-header>a.shopping-cart img,
#header .header-top .quotation_cart .header .quote-header-element.quote-icon svg{
	display:none;
}

#header .user-info a:before,
#page #header .blockcart .blockcart-header>a.shopping-cart:before,
#header .header-top .quotation_cart .header .quote-header-element.quote-icon:before{
	content:"";
	background:url(/themes/TheStyle_child/assets/img/mega-menu/icon-compte.svg) no-repeat center center transparent;
	background-size:contain;
	width:20px;
	height:20px;
	position:absolute;
	left:auto;
	top:auto;
}

#header .user-info a:after,
#page #header .blockcart .blockcart-header>a.shopping-cart:after{
	content:"Compte";
	font-size:12px;
	display:block;
	text-align:center;
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	margin-top: 30px;
}

#header .user-info a:hover,
#page #header .blockcart .blockcart-header>a.shopping-cart:hover,
#header .header-top .quotation_cart .header:hover{
	opacity:0.7;
}

.lang-gb #header .user-info a:after{
	content:"Account";
}

.lang-es #header .user-info a:after{
	content:"Cuenta";
}

.lang-de #header .user-info a:after{
	content:"Konto";
}

/*Panier*/
#page #header .blockcart .blockcart-header>a.shopping-cart:before{
	background-image:url(/themes/TheStyle_child/assets/img/mega-menu/icon-panier.svg);
}

#page #header .blockcart .blockcart-header>a.shopping-cart:after{
	content:"Panier";
}

.lang-gb #page #header .blockcart .blockcart-header>a.shopping-cart:after{
	content:"Cart";
}

.lang-es #page #header .blockcart .blockcart-header>a.shopping-cart:after{
	content:"Carrito";
}

.lang-de #page #header .blockcart .blockcart-header>a.shopping-cart:after{
	content:"Warenkorb";
}

#header .blockcart .blockcart-header>a.shopping-cart span.cart-products-count,
#page #header .header-top .quotation_cart span.ajax_quote_quantity{
	background-color:#5AD187;
	color:black;
	top:-3px;
	right:-3px;
}

/*Devis*/
#header .header-top .quotation_cart .header{
	transition:all 0.4s;
}

#page #header .header-top ._desktop_quotecart .quotation_cart .header{
	padding:0;
	position:relative;
}

#page #header .header-top .quotation_cart .header .quote-header-element.quote-icon{
	background-color:#5AD187;
}

#page #header .header-top .quotation_cart .header .quote-header-element.quote-icon:before{
	background-image:url(/themes/TheStyle_child/assets/img/mega-menu/icon-devis.svg);
}

#page #header .header-top .quotation_cart .header .quote-header-element.quote-text{
	font-size:12px;
	 position: absolute;
    left: 11%;
    bottom: -27px;
}

#page #header .header-top .quotation_cart span.ajax_quote_quantity{
	color:#5AD187;
	background-color:black;
}

/******************************
MEGA MENU
************************************/

#header #mega_menu_plus{
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
}

#header .header-top .navfullContainer .header-navfull{
	background-color:white;
	box-shadow: 0 12px 16px rgba(0,0,0,0.15);
	max-height: 55px;
	height:100%;
	padding: 5px 0;
}

.container-mega-manu-kc{
	width: 100%;
    max-width: 1400px;
	margin:auto;
}

.container-mega-manu-kc #mega_menu_plus{
	border:none;
	margin:0 auto!important;
	width: 100%;
}

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content{
	border:none;
	margin: 0;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	gap: 10px;
}

/*Niveau 1*****************************************************/

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li{
	padding:0;
}

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li>a{
	transition:all 0.4s;
	padding: 0;
}

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li>a .menu-item-link-text{
	color:black;
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	font-weight:400;
	font-size:18px;
	transition:all 0.4s;
	padding:5px 10px;
	background-color:transparent;
	border-radius:100px;
	transition:all 0.5s;
}

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li:hover>a .menu-item-link-text{
	color:white;
	text-decoration:underline;
	padding:5px 10px;
	background-color:#5AD187;
	border-radius:100px;
	transition:all 0.5s;
}

.container-mega-manu-kc #mega_menu_plus li.submenu >a>span:after, .container-mega-manu-kc ul.treelinks li ul li a:after{
	color:black!important;
	transition:all 0.4s;
	content:"\f347";
	font-size: 12px;
    margin: 2px 0 0 3px;
}

.container-mega-manu-kc #mega_menu_plus li.submenu:hover >a>span:after{
	color:#8C8888!important;
	content:"\f347";
	margin: 2px 0 0 3px;
}

/*Menu Accueil*/
.container-mega-manu-kc #mega_menu_plus li.bamenuitem-mega-menu-kc-home a:before{
	content:"";
	background:url(/themes/TheStyle_child/assets/img/mega-menu/sigle-okamac.svg) no-repeat center center transparent;
	background-size:contain;
	width:17px;
	height:27px;
	display:inline-block;
	vertical-align: sub;transition:all 0.4s;
}

.container-mega-manu-kc #mega_menu_plus li.bamenuitem-mega-menu-kc-home a:hover:before{
	opacity:0.5;
}

.container-mega-manu-kc #mega_menu_plus li.bamenuitem-mega-menu-kc-home a .menu-item-link-text{
	display:none;
}

/*Menu Evennement (Soldes, Noel etc...)*/
#page .container-mega-manu-kc #mega_menu_plus li.bamenuitem-mega-menu-kc-evennement a .menu-item-link-text{
	font-weight:bold;
	color:#5AD187;
	transition:all 0.4s;
}

#page .container-mega-manu-kc #mega_menu_plus li.bamenuitem-mega-menu-kc-evennement a .menu-item-link-text:after,
.container-mega-manu-kc li.bamenuitem-mega-menu-kc-evennement ul.treelinks li ul li a:after{
	color:#5AD187!important;
}

#page .container-mega-manu-kc #mega_menu_plus li.bamenuitem-mega-menu-kc-evennement a:hover .menu-item-link-text,
#page .container-mega-manu-kc #mega_menu_plus li.bamenuitem-mega-menu-kc-evennement a:hover .menu-item-link-text:after{
	color:#8C8888!important;
}

/*Menu Compte + Panier (sticky)*/
.container-mega-manu-kc #mega_menu_plus li.bamenuitem-mega-menu-kc-btn a{
	position:relative;
	width:40px;
	height:40px;
	background-color:#1D1D1F;
	border-radius:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.container-mega-manu-kc #mega_menu_plus li.bamenuitem-mega-menu-kc-btn a:before{
	content: "";
    background: url(/themes/TheStyle_child/assets/img/mega-menu/icon-compte.svg) no-repeat center center transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: auto;
    top: auto;
}

.container-mega-manu-kc #mega_menu_plus li.bamenuitem-mega-menu-kc-btn a .menu-item-link-text{
	display:none;
}

.container-mega-manu-kc #mega_menu_plus li.bamenuitem-mega-menu-kc-btn:hover a{
	background-color:#1D1D1F!important;
	opacity:0.5;
}

.container-mega-manu-kc #mega_menu_plus li.bamenuitem-mega-menu-kc-panier a:before{
	background-image: url(/themes/TheStyle_child/assets/img/mega-menu/icon-panier.svg);
}


/*Submenu - Dropdown simple*****************************************************/
.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent>.sub .submenu-container ul>li>a{
	border: none;
    padding: 12px 20px!important;
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	transition:all 0.4s;
	line-height: normal;
}

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent>.sub .submenu-container ul>li>a:hover{
	text-decoration:underline;
	color:#8C8888!important;
}

.container-mega-manu-kc ul.treelinks li ul li:hover>a:after{
	content:"\f345";
	margin: 2px 0 0 3px;
}



/*Submenu - Mega menu categories*****************************************************/

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent>.sub{
	border:none;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .submenu-container{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	align-items:flex-start;
	justify-content: space-between;
	gap:30px;
}

.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-link .sub .rows,
.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .rows{
	display: flex;
    margin: 0;
	flex-direction: row;
    flex-wrap: wrap;
	align-items:flex-start;
	gap:20px;
}
#header #mega_menu_plus .bamenuitem-mega-menu-kc-reparation .bloc-cat{
	width:23%;
}
.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .rows .cols .content_submenu{
	padding:0;
}

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent>.sub .content_submenu ul{
	background:none;
}

.container-mega-manu-kc .cols .content_submenu .titlesub{
	border:none;
	margin:0;
	padding:0!important;
}

.container-mega-manu-kc .mg-menu > li.submenu:hover > a:before{
	content:none;
}


/*Blocs categories + Blocs listes*****************************************************/
.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-link .sub .rows,
#mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_0{
	width:70%;
	padding:30px 0 0 30px!important;
}
.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-link .sub .rows{
	width:100%;
}
#mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_0 .cols{
	float:none;
	width:31%;
}


/*Blocs cat*/

#header #mega_menu_plus .bloc-cat{
	background: url(/themes/TheStyle_child/assets/img/mega-menu/menu-mac-book-air.jpg) no-repeat bottom right #F5F5F5;
	background-size:contain;
	height:140px;
	position: relative;
	transition:all 0.4s;
	display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 0 10px 10px;
	backdrop-filter: opacity(0.5);
}

#header #mega_menu_plus .menu-macbook-pro{
	background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-mac-book-pro.jpg);
}

#header #mega_menu_plus .menu-macbook-12{
	background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-mac-book-12.jpg);
}
#header #mega_menu_plus .bloc-cat.menu-reparation-batterie{
	background-image: url(/themes/TheStyle_child/assets/img/mega-menu/reparation-batterie.jpg);
}
#header #mega_menu_plus .bloc-cat.menu-reparation-hp{
	background-image: url(/themes/TheStyle_child/assets/img/mega-menu/reparation-hp.jpg);
}
#header #mega_menu_plus .bloc-cat.menu-forfait-diag{
	background-image: url(/themes/TheStyle_child/assets/img/mega-menu/reparation-diagnostic.jpg);
}
#header #mega_menu_plus .bloc-cat.menu-reparation-ecran{
	background-image: url(/themes/TheStyle_child/assets/img/mega-menu/reparation-ecran.jpg);
}
#header #mega_menu_plus .bloc-cat:before{
	content:"";
	left:0;
	top:0;
	bottom:0;
	right:auto;
	background-color:#5AD187;
	background-blend-mode: multiply;
	position:absolute;
	z-index: -1;
	transition:all 0.5s;
	opacity:0.5;
	width:0;
}
#header #mega_menu_plus .bloc-cat:hover:before{
	content:"";
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	background-color:#5AD187;
	background-blend-mode: multiply;
	position:absolute;
	transition:all 0.5s;
}

#header #mega_menu_plus .bloc-cat .titlesub{
	width:100%;
}

#header #mega_menu_plus .bloc-cat .menu-item-link-text{
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	font-weight:bold;
	color:black;
	font-size:14px!important;
	line-height: normal;
	display: inline-block;
	transition:all 0.4s;
}

#header #mega_menu_plus .bloc-cat:hover .menu-item-link-text{
	color:white;
}

#header #mega_menu_plus .bloc-cat .menu-item-link-text span{
	display:block;
	font-weight:300;
}

#header #mega_menu_plus .bloc-cat .menulink li a{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	transition:all 0.4s;
}

#header #mega_menu_plus .bloc-cat .menulink li a .menu-item-link-text{
	display:none;
}

#header #mega_menu_plus .bloc-cat .titlesub a.titlesub_link{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 0 10px 10px;
}

#header #mega_menu_plus .bloc-cat .titlesub a.titlesub_link span{
	font-family: "sf_pro",Arial,Helvetica,Open Sans,sans-serif;
    font-weight: bold;
    color: black;
    font-size: 14px!important;
	transition:all 0.4s;
}

#header #mega_menu_plus .bloc-cat .titlesub a.titlesub_link span span{
	font-weight:300;
}

#header #mega_menu_plus .bloc-cat:hover .titlesub a.titlesub_link span{
	color:#8C8888;
}

/*Bloc cat mobile (Tous nos macs)*/

.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_3{
	display:none;
}

#header #mega_menu_plus .mobile-cat{
	background-image:none;
	background-color:#1D1D1F;
	display:none;
}

#header #mega_menu_plus .mobile-cat .menu-item-link-text{
	color:white;
}

#header #mega_menu_plus .mobile-cat:after{
	content: "\f344";
    font-family: /*'FontAwesome'!important*/dashicons;
	color:white;
	position:absolute;
	right:10px;
	bottom:10px;
	font-size:22px;
}

#header #mega_menu_plus .mobile-cat .titlesub a.titlesub_link span{
	color:white;
}

.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_3{
	padding:0!important;
}


/*Blocs listes*/

#header #mega_menu_plus .bloc-liste{
	width:66%;
	margin-top: 30px;
}
#header #mega_menu_plus .menu-modele,
#header #mega_menu_plus .menu-memoire{
	width:30%;
}
#header #mega_menu_plus .menu-annees.bloc-liste .menuhtml ul li{
width:auto;
margin-right:40px;
}
#header #mega_menu_plus .bloc-liste .titlesub .menu-item-link-text{
	color:black;
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	font-weight:bold;
	font-size:18px!important;
	display:block;
	border-bottom:1px solid black;
	padding-bottom: 5px;
	margin: 0 0 15px;
}

#header #mega_menu_plus .bloc-liste .titlesub .menu-item-link-text:before{
	content:"";
	background:url(/themes/TheStyle_child/assets/img/mega-menu/icon-utilisation.svg) no-repeat center center transparent;
	background-size:contain;
	width:27px;
	height:25px;
	display:inline-block;
	margin-right:5px;
	vertical-align: text-bottom;
}
#header #mega_menu_plus .menu-modele.bloc-liste .titlesub .menu-item-link-text:before{
	content:"";
	background:url(/themes/TheStyle_child/assets/img/mega-menu/computer.svg) no-repeat center center transparent;
	background-size:contain;
	width:27px;
	height:25px;
	display:inline-block;
	margin-right:5px;
	vertical-align: text-bottom;
}
#header #mega_menu_plus .menu-annees.bloc-liste .titlesub .menu-item-link-text:before{
	content:"";
	background:url(/themes/TheStyle_child/assets/img/mega-menu/year.svg) no-repeat center center transparent;
	background-size:contain;
	width:27px;
	height:25px;
	display:inline-block;
	margin-right:5px;
	vertical-align: text-bottom;
}

#header #mega_menu_plus .menu-memoire .titlesub .menu-item-link-text:before{
	background-image:url(/themes/TheStyle_child/assets/img/mega-menu/icon-memoire-ram.svg);
	width:22px;
	height:22px;
}

#header #mega_menu_plus .bloc-liste .menuhtml ul{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
	gap: 8px;
}

#header #mega_menu_plus .bloc-liste .menuhtml ul li{
	width:31%;
}

#header #mega_menu_plus .bloc-liste .menuhtml ul li a{
	display:inline;
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	font-weight:normal;
	transition:all 0.4s;
	padding:0!important;
}

#header #mega_menu_plus .bloc-liste .menuhtml ul li a:before{
	content:"\f345";
	display: inline-block;
    font-family: dashicons!important;
    font-weight: 400;
    font-style: normal;
	font-size: 10px;
    vertical-align: middle;
    margin-right: 3px;
}

#header #mega_menu_plus .bloc-liste .menuhtml ul li a:hover{
	text-decoration:underline;
	color:#8C8888!important;
}


/*Bloc promo*****************************************************/

#mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_1{
	width:26%;
	padding:30px 30px 0 0!important;
}

#header #mega_menu_plus .bloc-promo{
	width:100%;
	float:none;
	background-color:#F5F5F5;
	position:relative;
	padding:25px;
}

#header #mega_menu_plus .bloc-promo:after{
	content:"";
	background-color:#5AD187;
	width:100%;
	height:130px;
	position:absolute;
	left:0;
	top:0;
}

#header #mega_menu_plus .bloc-promo .content_submenu{
	position: relative;
    z-index: 10;
}

#header #mega_menu_plus .bloc-promo .titlesub .menu-item-link-text{
	text-transform:uppercase;
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	display: block;
    text-align: center;
	font-weight: bold;
    font-size: 22px!important;
	margin-bottom:5px;
	color:white;
}

#header #mega_menu_plus .bloc-promo ul.menuproduct{
	padding:0;
	margin:0;
	background:none;
}

#page #header #mega_menu_plus .bloc-promo ul.menuproduct li a{
	padding:0!important;
}

#page #header #mega_menu_plus .bloc-promo ul.menuproduct li img{
	height: auto;
    width: 100%;
    max-width: 200px;
	transition:all 0.4s;
	mix-blend-mode:multiply;
}

#header #mega_menu_plus .bloc-promo ul.menuproduct li{
	border:none;
	width:100%;
	padding:0;
	transition:all 0.4s;
}

#header #mega_menu_plus .bloc-promo ul.menuproduct li:hover{
	background:none;
}

#header #mega_menu_plus .bloc-promo ul.menuproduct li .name{
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	font-weight:bold;
	font-size:14px;
	min-height: inherit;
	padding:10px 0 20px;
	transition:all 0.4s;
}

#header #mega_menu_plus .bloc-promo ul.menuproduct li .price{
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	font-weight:bold;
	color:#5AD187;
	font-size:18px;
	float: none;
    display: inline-block;
	width: auto;
	vertical-align: middle;
}

#header #mega_menu_plus .bloc-promo ul.menuproduct li .old_price{
	float: none;
    display: inline-block;
	width: auto;
	vertical-align: middle;
	margin-left:10px;
}

#header #mega_menu_plus .bloc-promo ul.menuproduct li:hover .name{
	color:#8C8888;
}

#page #header #mega_menu_plus .bloc-promo ul.menuproduct li:hover img{
	opacity:0.7;
}


/*Bloc titre categorie background*****************************************************/

#mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_2{
	width:100%;
	padding:0;
	background:url(/themes/TheStyle_child/assets/img/mega-menu/bg-submenu-mac-book.jpg) no-repeat center center transparent;
	background-size:cover;
	align-items:center;
	padding:30px!important;
	position:relative;
}

#mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_2 .cols{
	width:48%;
} 

#header #mega_menu_plus .bloc-title-cat .titlesub .menu-item-link-text{
	text-transform:uppercase;
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	font-weight:300;
	color:black;
	font-size:30px!important;
	line-height: normal;
	transition:all 0.4s;
}

#header #mega_menu_plus .bloc-title-cat .titlesub .menu-item-link-text span{
	display:block;
	font-weight:bold;
	line-height: 1;
}

#header #mega_menu_plus .bloc-title-cat .titlesub a span{
	color:black;
	font-weight:bold;
	transition:all 0.4s;
}

#header #mega_menu_plus .bloc-title-cat .titlesub a span span{
	font-weight:bold;
}

#header #mega_menu_plus .bloc-title-cat ul.menulink li a{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#header #mega_menu_plus .bloc-title-cat ul.menulink li a .menu-item-link-text{
	display:none;
}

#header #mega_menu_plus .bloc-desc-cat .content_submenu,
#header #mega_menu_plus .bloc-desc-cat .content_submenu p{
	font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
	font-weight:300;
	color:black;
	font-size:17px;
	line-height: normal;
	margin:0;
	transition:all 0.4s;
}

#header #mega_menu_plus .row_2:hover .bloc-desc-cat .content_submenu p,
#header #mega_menu_plus .row_2:hover .bloc-title-cat .titlesub .menu-item-link-text,
#header #mega_menu_plus .bloc-title-cat:hover .titlesub a span{
	color:#8C8888;
}

/*Submenu iMac*/
#header #mega_menu_plus .bamenuitem-menu-imac .sub .row_0 .bloc-cat{
	width:23%;
}

#header #mega_menu_plus .menu-imac-21 {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-imac-21.jpg);
}

#header #mega_menu_plus .menu-imac-24 {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-imac-24.jpg);
}

#header #mega_menu_plus .menu-imac-27 {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-imac-27.jpg);
}

#header #mega_menu_plus .menu-imac-2015 {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-imac-2015.jpg);
}

#header #mega_menu_plus .menu-imac-2017 {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-imac-2017.jpg);
}

#header #mega_menu_plus .menu-imac-2019 {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-imac-2019.jpg);
}

#header #mega_menu_plus .menu-imac-2020 {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-imac-2020.jpg);
}

#mega_menu_plus .bamenuitem-menu-imac .sub .row_2{
	background-image: url(/themes/TheStyle_child/assets/img/mega-menu/bg-submenu-imac.jpg);
}

/*Submenu Mac*/
#header #mega_menu_plus .menu-mac-mini {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-mac-mini.jpg);
}

#header #mega_menu_plus .menu-mac-pro {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-mac-pro.jpg);
}

#header #mega_menu_plus .menu-mac-studio {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-mac-studio.jpg);
}

#mega_menu_plus .bamenuitem-menu-mac .sub .row_2{
	background-image: url(/themes/TheStyle_child/assets/img/mega-menu/bg-submenu-mac.jpg);
}

/*Submenu iPad*/
#header #mega_menu_plus .menu-ipad-air {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-ipad-air.jpg);
}

#header #mega_menu_plus .menu-ipad-pro {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-ipad-pro.jpg);
}

#header #mega_menu_plus .menu-ipad-mini {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-ipad-mini.jpg);
}

#mega_menu_plus .bamenuitem-menu-ipad .sub .row_2{
	background-image: url(/themes/TheStyle_child/assets/img/mega-menu/bg-submenu-ipad.jpg);
}

/*Submenu Accessoires*/
#header #mega_menu_plus .menu-adaptateurs-apple {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-accessoire-adaptateur.jpg);
}

#header #mega_menu_plus .menu-chargeurs-apple {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-accessoire-chargeur.jpg);
}

#header #mega_menu_plus .menu-claviers-apple {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-accessoire-clavier.jpg);
}

#header #mega_menu_plus .menu-souris-apple {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-accessoire-souris.jpg);
}

#header #mega_menu_plus .menu-trackpad-apple {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-accessoire-trackpad.jpg);
}

#header #mega_menu_plus .menu-airpods-apple {
    background-image: url(/themes/TheStyle_child/assets/img/mega-menu/menu-accessoire-airpods.jpg);
}

#mega_menu_plus .bamenuitem-menu-accessoires .sub .row_2{
	background-image: url(/themes/TheStyle_child/assets/img/mega-menu/bg-submenu-accessoires.jpg);
}

/*Liens contact et telephone (mobile) */

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li.bamenuitem-mobile-link{
	display:none;
}

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li.bamenuitem-mobile-link>a{
	display:flex;
	flex-direction:row;
	align-items:center;
	gap:6px;
}

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li.bamenuitem-mobile-link>a:before{
	content:"";
	background:url(/themes/TheStyle_child/assets/img/mega-menu/icon-mail-black.svg) no-repeat center center transparent;
	background-size:contain;
	width:20px;
	height:20px;
	display:inline-block;
}

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li.bamenuitem-mobile-phone>a:before{
	background-image:url(/themes/TheStyle_child/assets/img/mega-menu/icon-phone-black.svg);
}

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li.bamenuitem-mobile-link>a .menu-item-link-text{
	color:black;
	font-weight:bold;
}


/*Sticky menu*****************************************************/

.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li.bamenuitem-mega-menu-kc-home,
.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li.bamenuitem-mega-menu-kc-btn{
	display:none;
}

.header-top.fixed .container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li.bamenuitem-mega-menu-kc-home,
.header-top.fixed .container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li.bamenuitem-mega-menu-kc-btn{
	display:inline-block;
}


/******************************
MEDIAS QUERIES
************************************/


/*1750px*************************************************/

@media (max-width: 1750px) {
	#page #header .header-nav .container{
		width:100%;
		max-width:1400px;
	}
} /*End 1750px*/



/*1440px*************************************************/

@media (max-width: 1440px) {
	
} /*End 1440px*/


/*1280px*************************************************/

@media (max-width: 1280px) {
	
	/*Barre top*/
	#page #header .header-nav{
		padding:8px 30px;
	}
	
	/*Logo recherche btn*/
	#page #header .header-top .customContainer{
		padding:20px 30px;
	}
	
	/*Mega menu*/
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li>a .menu-item-link-text{
		font-size:16px;
	}
	
	#mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_0{
		padding: 20px 0 0 20px!important;
	}
	
	#mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_1{
		padding: 20px 20px 0 0!important;
	}
	
	#header #mega_menu_plus .bloc-promo{
		padding:18px;
	}
	
	#header #mega_menu_plus .bloc-promo .titlesub .menu-item-link-text{
		font-size: 18px!important;
	}
	
	#header #mega_menu_plus .bamenuitem-menu-imac .sub .row_0 .bloc-cat {
		width: 22%;
		height: 100px;
	}
	
	#header #mega_menu_plus .bloc-liste .menuhtml ul li {
		width: 48%;
	}
	
	#header #mega_menu_plus .bloc-title-cat .titlesub .menu-item-link-text{
		font-size: 22px!important;
	}
	
	#header #mega_menu_plus .bloc-desc-cat .content_submenu, #header #mega_menu_plus .bloc-desc-cat .content_submenu p{
		font-size:15px;
	}
	
	#mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_2 .cols{
		width:26%;
	}
	
	#mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_2 .bloc-desc-cat{
		width:70%;
	}
	
	#header #mega_menu_plus .bloc-liste .menuhtml ul{
		gap:0 5px;
	}
	
} /*End 1280px*/


/*1024px*************************************************/

@media (max-width: 1024px) {
	
	/*Barre top*/
	#page #header .header-nav {
		padding: 8px 20px;
	}
	
	#page #header .header-nav .container{
		flex-direction: row;
	}
	
	/*Logo + recherche + btn*/
	#page #header .header-top .customContainer {
		padding: 20px;
	}
	
	#page #header .header-top .search-widget form input[type=text]{
		font-size:13px;
		height: auto;
	}
	
	#page #header .search-widget form button[type=submit]{
		top:5px;
	}
	
	/*Mega menu*/
	.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .submenu-container{
		gap:20px;
	}
	
	#header #mega_menu_plus .bloc-cat{
		height:110px;
	}
	
	#header #mega_menu_plus .bloc-liste{
		margin-top:10px;
	}
	
	#header #mega_menu_plus .bloc-liste .titlesub .menu-item-link-text{
		font-size: 15px!important;
		margin: 0 0 6px;
	}
	
	#header #mega_menu_plus .bloc-liste .titlesub .menu-item-link-text:before,
	#header #mega_menu_plus .menu-memoire .titlesub .menu-item-link-text:before{
		width: 20px;
		height: 20px;
	}
	
} /*End 1024px*/


/*960px*************************************************/

@media (max-width: 960px) {
	
	/*Barre top*/
	#page #header .header-nav {
		padding: 8px 15px;
	}
	
	#header .header-nav .right-nav a{
		font-size:10px;
	}
	
	#page #header .header-nav .left-nav{
		font-size: 11px;
	}
	
	#header .header-nav .trustpilot-widget {
		margin-left: -123px;
	}
	
	.lang-de #header .header-nav .trustpilot-widget {
		margin-left: -138px;
	}
	
	/*Logo + recherche + btn*/
	#page #header .header-top .customContainer {
		padding: 15px;
	}
	
	#page #header .search-widget{
		max-width: 280px;
	}
	
	#page #header .header-top .search-widget form input[type=text] {
		font-size: 11px;
	}
	
	/*Mega menu*/
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li>a .menu-item-link-text {
		font-size: 14px;
	}
	
	.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_0{
		width:100%;
		padding: 20px 20px 0 20px!important;
	}
	
	.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_1{
		display:none;
	}
	
	.header-top.fixed .container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content > li.bamenuitem-mega-menu-kc-btn{
		display:none;
	}
	#header #mega_menu_plus .bamenuitem-mega-menu-kc-reparation .bloc-cat{
		width:48%!important;
	}
	
} /*End 960px*/


/*768px*************************************************/

@media (max-width: 768px) {
	#header #mega_menu_plus .bamenuitem-mega-menu-kc-reparation .bloc-cat{
		width:48%!important;
	}
	.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-link .sub .rows{
		padding:0!important;
	}
	/*Barre top*/
	#header .header-nav .container::after{
		content:none;
	}
	
	#page #header .header-nav .right-nav{
		display:none!important;
	}
	
	#page #header .header-nav .left-nav{
		margin:0;
	}
	
	/*Logo + btn*/
	#header .user-info a:after, #page #header .blockcart .blockcart-header>a.shopping-cart:after{
		content:none!important;
	}
	
	#page #header .header-top .header_logo a img{
		max-width:100px;
	}
	
	#header .header-top .customContainer .header_account_cart {
		gap: 10px;
	}
	
	#page #header .header-top .customContainer>div{
		justify-content: flex-start;
	}
	
	/*Mega menu mobile*/
	.header-top.fixed .container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li.bamenuitem-mega-menu-kc-home{
		display:none;
	}
	
	#header .fixpaddingsize2018{
		padding:0;
	}
	
	#header .header-top .navfullContainer .header-navfull{
		height: auto;
		max-height: inherit;
		padding: 0;
	}

	
	/*Label menu*/
	#header #mega_menu_plus .mobi a{
		background-color:#F5F5F5;
		border:none;
		text-align:left;
		padding: 17px 15px;
	}
	
	#header #mega_menu_plus .mobi a .menu-item-link-text{
		font-family:"sf_pro",Arial,Helvetica,Open Sans,sans-serif;
		font-weight:400;
		font-size:13px;
		letter-spacing:2px;
		color:#1D1D1F;
		display: flex;
		align-items: center;
	}
	
	
	#mega_menu_plus .mobi a:hover .menu-item-link-text:before{
		content:"\f00d";
	}
	
	/*Recherche*/
	#page #header .header-top>.customContainer #search_widget{
		display:block;
		width:250px;
	}
	
	#page #header .header-top .customContainer .header_search{
		position: absolute;
		right: 15px;
		top: 113px;
	}
	
	#page #header .header-top .search-widget form input[type=text]{
		background-color:white;
	}
	
	#page #header .header-top.fixed .customContainer .header_search{
		position:fixed;
		top: 8px;
		z-index: 50000;
	}
	
	/*Submenu*/
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content{
		display: block;
		position: relative;
		z-index: 500;
	}
	
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent{
		border:none;
		padding:0 15px;
	}
	
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent>a{
		width: auto;
		/*border-bottom: 1px solid #f5f5f5;*/
		transition:all 0.4s;
		position: initial;
	}
	
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent>a:after{
		content:"";
		width:95%;
		height:1px;
		background-color:#f5f5f5;
		display:block;
		transition:all 0.4s;
		position: absolute;
		left: auto;
		bottom: auto;
		z-index:90;
	}
	
	.container-mega-manu-kc #mega_menu_plus li.submenu>.submore:after, 
	.container-mega-manu-kc .cols .content_submenu .titlesub:after{
		width:70%;
		z-index:99999;
		text-align:right;
		color:#1D1D1F;
		transition:all 0.4s;
		right:20px;
		color: black !important;
    	transition: all 0.4s;
   		 content: "\f347";
    		font-size: 12px;
			font-family: dashicons !important;
			font-weight: 400;

	}
	
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent.show-submenu>a{
		/*border-color:#8C8888;*/
		text-decoration:none;
		color:#8C8888;
	}
	
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent.show-submenu>a:after{
		background-color:#8C8888;
	}
	
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent.show-submenu>a .menu-item-link-text,
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li:hover>a .menu-item-link-text{
		text-decoration:none;
		color:#8C8888;
	}
	
	.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_0{
		padding:20px 0 0!important;
	}
	
	#header #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_0 .bloc-cat{
		width:48%!important;
	}
	
	#header #mega_menu_plus .bloc-liste, 
	.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_2{
		display:none;
	}
	
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content li.mainmenu-parent>.sub .submenu-container ul>li>a{
		padding: 12px 0!important;
	}
	
	.container-mega-manu-kc li.bamenuitem-mega-menu-kc-evennement ul.treelinks li ul li a:after{
		content:none;
	}
	
	.container-mega-manu-kc li.bamenuitem-mega-menu-kc-evennement ul.treelinks li ul li .submore:after{
		color:#5AD187;
	}
	
	/*Affichage mobile cat + liens contact/telephone*/
	#header #mega_menu_plus .mobile-cat{
		display:flex;
	}
	
	.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_3{
		display:flex;
	}
	
	#header #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_3 .bloc-cat{
		width:48%!important;
		position: absolute;
		bottom: 10px;
		right: 6px;
	}
	
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content.show-ul>li.bamenuitem-mobile-link{
		display:block;
	}
	
	.container-mega-manu-kc #mega_menu_plus ul.mg-menu.menu-content>li.bamenuitem-mobile-link>a:after{
		content:none;
	}
	
	
} /*End 768px*/


/*643px*************************************************/

@media (max-width: 643px) {
	
	#header #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_0 .bloc-cat {
		width: 47%!important;
	}

	#header #mega_menu_plus .bamenuitem-mega-menu-kc-reparation .bloc-cat{
		width:47%!important;
	}
	
} /*End 643px*/


/*490px*************************************************/

@media (max-width: 490px) {
	#header #mega_menu_plus .bamenuitem-mega-menu-kc-reparation .bloc-cat{
		width:100%!important;
	}
	#header .header-nav .trustpilot-widget {
		margin-left: -130px;
	}
	
	.lang-gb #header .header-nav .trustpilot-widget {
		margin-left: -123px;
	}
	
	.lang-es #header .header-nav .trustpilot-widget {
		margin-left: -111px;
	}
	
	#page #header .header-top>.customContainer #search_widget{
		width:212px;
	}
	
	#page #header .header-nav .left-nav{
		text-align: left;
		font-size: 10px;
	}
	
	#page #header .header-top .search-widget form input[type=text]{
		padding-left:10px;
		padding-right: 28px;
	}
	
	#page #header .search-widget form button[type=submit]{
		right:-5px;
	}
	
	.container-mega-manu-kc #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .rows{
		gap:15px;
	}
	
	#header #mega_menu_plus .bloc-cat .titlesub a.titlesub_link{
		padding:0;
	}
	
	#header #mega_menu_plus .bloc-cat .menu-item-link-text,
	#header #mega_menu_plus .bloc-cat .titlesub a.titlesub_link span{
		font-size:12px!important;
	}
	
} /*End 490px*/

/*360px*************************************************/

@media (max-width: 360px) {
	
	#page #header .header-nav {
		padding: 8px 10px;
	}
	
	#header .header-nav .trustpilot-widget {
		margin-left: -112px;
	}
	
	#page #header .header-top .customContainer {
		padding: 8px;
	}
	
	#page #header .header-top .header_logo a img {
		max-width: 80px;
	}
	
	#header .user-info a, #page #header .blockcart .blockcart-header>a.shopping-cart, 
	#page #header .header-top .quotation_cart .header .quote-header-element.quote-icon{
		width: 30px;
		height: 30px;
	}
	
	#header .user-info a:before, #page #header .blockcart .blockcart-header>a.shopping-cart:before, 
	#header .header-top .quotation_cart .header .quote-header-element.quote-icon:before{
		width: 15px;
		height: 13px;
	}
	
	#page #header .header-top .customContainer .header_search{
		right: 10px;
		top: 98px;
	}
	
	#page #header .header-top>.customContainer #search_widget {
		width: 100px;
	}
	
	#header #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_0 .bloc-cat {
		width: 100%!important;
	}
	
	#header #mega_menu_plus .bamenuitem-mega-menu-kc-submenu .sub .row_3 .bloc-cat{
		position:relative;
		width:100%!important;
		bottom: inherit;
		right: inherit;
	}
	
	
} /*End 360px*/