/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

body {
	font-family: 'Raleway';
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000;
    font-family: 'Raleway' !important;
}

/* police titre footer */
.ApColumn .title_block{
font-family: 'Raleway' !important;
}

/* Taille du logo ********************************/
.logo, .page-cms img.logo{
	max-width: 180px;
}

/*Taille du logo dans le menu de gauche quand il y a un menu mobile*/
.group-nav .wr-logo .logo{
	max-width: 185px;
}

/* couleur Menu qui il est en version menu mobile  */
#header .group-nav{
	background: #fff !important;
}
@media (min-width: 992px){
	#header .group-nav .block-social li {
	    color: #000;
	}
}

/* Taille du logo dans le footer*/
#footer .logo{
	max-width: 200px;
}

@media (max-width: 992px){
	/* Taille du logo sur mobile*/
	.logo{
		max-width: 185px;
	}
}

@media (max-width: 1199px){
	/*marge sur le logo en version mobile*/
	.box-top .ApColumn:nth-child(1) {
	    padding-top: 10px !important; 
	    padding-bottom: 0 !important;
	}
	/*marge à dtoite et gauche sur le header en mobile*/
	body:not(#index) .box-top, body .box-top{
		padding: 0 15px !important;
	}
}

/***********************************************/

/* boutons */
.btn{
	white-space: initial;
}
/******************************/


#content-wrapper .h1, #content-wrapper .h2, #content-wrapper .h3,#content-wrapper h1, #content-wrapper h2,#content-wrapper h3 {
   margin-top:30px;
}


#product-list-header .block-category.card h1, #product-list-header.h2{
	margin: 20px 10px 20px !important;
	font-size: 1.5em;
}

#search_filters .facet .collapse{
	overflow: auto !important;
	max-height: 800px;
	padding: 7px 4px;
}

.product-description img{
    max-width:100%;
}

/* gestion affichage miniature page produit */
.list-images-mobile{
	display: block;
}
.thumb, .slick-slide img{
    max-width:100%;
}

.slick-arrows .slick-arrow.slick-prev{
    left:-15px!important;
}

.slick-arrows .slick-arrow.slick-next{
    right:-15px!important;
}

/* correctif bug fenêtre inscription */
.leo-quicklogin-modal .lql-form-content input:before{
    width:0px !important;
}

/* affichage de menu déroulant compte client*/
#leo_block_top{
	margin : 0px;
	padding:0 25px;
}

.leo-megamenu .navbar-nav > li > a.dropdown-toggle:after{
	vertical-align: bottom;
}

.sidebar > div, .sidebar .block{
	margin: 15px 0;
	padding: 20px;
}

/*affichage texte réassurance dans produit pour aligner texte si plusieurs lignes */
.blockreassurance_product p{
	display: flex;
}
/* étiquette sur listing produit ********************************/
.product-flags .product-flag.new{ /* nouveau produit */
	display: none;
}

.product-flags .out_of_stock{ /* ruprture de stock*/
	background: #888;
	color: #fff;
	font-size: 1.2em;
}

.product-flags .on-sale{ /* cocher le en promo dans prix du produit*/
	background: #f06918;
	color: #fff !important;
	font-size: 1.2em;
	display: inline-block;

}
/********************************************************

/* champs input saisie info client */
#checkout #checkout-personal-information-step .tab-content .form-control{
	color: #000 !important;
}

/* popup condition générale dans panier */
.modal-content{
	padding: 15px;
}

/* centrage texte réinitialisation mot de passe */
#password .page-content{
    text-align: center;
}

/* Affichage du menu déroulant des sélécteur langues*/
.language-selector-wrapper{
    float: right;
    margin-top: 29px;
    margin-left: 15px;
    margin-right: 15px;
}
.language-selector{
	display: none;
}


/* Réglage affichage reste x montant avant livraison gratuite dans le panier Ajax */
.leo-dropdown-bottom .leo_free_price p{
    padding: 0 10px;
}

/* Titre des catégorie dans page listing *****************************/
#product-list-header .block-category.card h1{
	    margin: 20px 0px 20px !important;
	    font-size: 1.9em;
}
/* hauteur min sur les produits dans les pages de listing pour éviter les trous quand des titres passent sur 2 lignes */
.thumbnail-container{
	margin-bottom: 5px !important;
    min-height: 460px;
}

/* Titre des produits dans les pages de listing */
.thumbnail-container .product-title{
	text-transform: none;
}

/* Met en arrière plan les titres qui se trouve dans créative élément pour que ça passe sous les menu */
.elementor-widget-wrap{
	z-index:0 !important;
}

/* Décalage des messages de confirmation sur la gauche afin de voir le picto */
.alert ul{
	padding-left: 20px;
}

/* Alignement des informations Prévenez-moi lorsque le produit est disponible */
.js-mailalert{
    text-align:left !important;
}

/* Gestion affichage message bandeau */
.header-banner .container p{
    padding:0px !important;
    margin:0px !important;
}

/* masquer les étoiles décalée dans les avis **********************/
div.star:before{
	display: none;
}

/* Masque icon dans page mot de passe perdu */
.ps-alert-success svg{
	display: none;
}

/* Hamonisation espace entre index et les autres pages */
.box-top {
    padding: 0 60px !important;
}

/* Affichage état stock fiche produit **********************/
#product-availability{
    margin-top:20px;
    padding:0px;
    text-transform:none;
}
#product-availability .product-available{
    padding: 8px 10px;
    margin: 10px 0px;
    background:green;
    color:#fff;
}
#product-availability .product-last-items{
    padding: 8px 10px;
    margin: 10px 0px;
    background:orange;
    color:#fff;
}
#product-availability .product-unavailable{
    padding: 8px 10px;
    margin: 10px 0px;
    background:red;
    color:#fff;
}

/* Largeur du menu mobile à 100% ******************************************************/
.off-canvas-nav-megamenu .offcanvas-mainnav{
	min-width: 234px;
    width: 100vw !important;
}

/* Gestion affichage du nom des produits dans les listing ***********************************/
.thumbnail-container .product-title a{
	display: block !important;
}
.leo-widget .thumbnail-container .product-title{
	height: auto !important;
	white-space: normal !important;
}
.elementor-product-miniature .elementor-title, .elementor-product-miniature .elementor-category{
	    white-space: normal !important;
}

/* Règlage footer **********************************************/

.h3-footer-info{ /*footer 3*/
	padding:40px 0 !important;
}

/* Custom picto sociaux pied de page / footer ***************/
.block-social {
	float: left;
}
.block-social ul{
	text-align: left;
	padding-top: 7px;
}
.block-social li{
	border: 2px solid #666666;
    border-radius: 7px;
}
.block-social li:before{
	font-size: 20px !important;
}
.whatsapp {
	float: left;
}

.whatsapp img{
	max-width: 30px !important;
    padding: 7px 10px 10px 0 !important;
    box-sizing: content-box;
}

/* Règlage logo page paiement **********************************************/
.payment-options img{
    max-height:25px !important;
}



/* Règlage copy right ***************************************************/
.nqt-copyright{
	text-align: center;
    font-size: 10px;
    padding: 30px 0;
}
.nqt-copyright a{
	color: #999;
}
.box-copyright:before{
	background: none !important;
}
.footer-container{
	padding-top: 30px !important;
}
.box-footer {
	padding-bottom: 30px !important;
}

.footer-container .h2-boxfooter{
	padding: 20px 0 !important;
}


/* ajout des tirets pour liste à puce dans les pages de contenus */
#wrapper .elementor-text-editor ul {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 1em !important;
}
#wrapper .elementor-text-editor ul li{
    list-style: none !important;
}
#wrapper .elementor-text-editor ul li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}


/* affiche le sous menu sur mobile sur clic plutôt que rediriger sur la page principale de la catégorie parente */
.off-canvas-nav-megamenu .nav li.dropdown .caret {
    width:100%;
}
.off-canvas-nav-megamenu .nav li.dropdown .caret:before{
    text-align:right;
    padding-right:25px;
}
.off-canvas-nav-megamenu .nav li.open-sub > .caret:before{
    transform: none;
    content:"\f106"
}

/* couleur menu mobile au clique */
.navbar-header .navbar-toggler:focus, .navbar-header .navbar-toggler:hover{

	border-color: #000;
    background: #000;
}

/***************************************************/


@media (max-width: 1199px){
	.box-copyright {
		margin-top: 0px !important;
	}

	.page-home > div {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
	}
}
/****************************************************/


@media (min-width: 768px){

	/*Affichage sous menus ***********************************/

	/* décaler sous menu pour pouvoir cliquer plus facilement */
	.level2 .dropdown-sub{
        left: 180px !important;
        top: -20px !important;
	}
	/*******************************************************/

	/** Fil d'ariane ************************/
	#wrapper .breadcrumb:before {
	    top: 0;
	    left: 50%;
	    right: auto;
	    bottom: 0;
	    z-index: -1;
	    margin-left: -50vw;
	    width: 100vw;
	    background: #f2f2f4 center top no-repeat;
	    background-size: cover;
	    background-position: center left;
	}
	#wrapper .breadcrumb{
	    margin:0px 0 40px;
	    height: 40px;
	    padding: 10px;
	}
	#wrapper .breadcrumb h1{
		font-size: 30px;
    	margin: 0 0 5px;
	}

	#wrapper .breadcrumb ol {
	    font-size: 13px;
	}
	/****************************************************/


	.footer-container .h2-boxfooter {
		padding: 20px 0 !important;
	}
}

@media (min-width: 1200px){
	/*supprime la marge en dessus du fil d'ariane */
	#wrapper{ 
		padding-top: 0px;
	}

	.block-social li:before{
		font-size: 30px;
	}

	.leo-megamenu .navbar-nav > li + .nav-item{
		margin-left: 0px;
	}

	.leo-megamenu .navbar-nav > li.active > a:before, .leo-megamenu .navbar-nav > li:hover > a:before, .leo-megamenu .navbar-nav > li:focus > a:before{
		height:3px;
	}

	#main .page-header{
		margin-top: 20px;
	}

	/* Mise en page pied de page */
	.footer-container .ApColumn .title_block{
		margin: 0 0 10px;
	}
	.footer-container .ApLink li a{
		line-height: 15px;
	}
	.box-copyright{
		padding: 10px 0;
	}
	/*******************************************/

}

/* deco titre sous catégorie dans listing ***************/

.subcategory-block{
	border: 1px solid #f4f4f4;
	padding: 10px;
}

 #content-wrapper h3, #content-wrapper .h3{
	margin-top: 0 !important;
}

/*********************************************/

/* couleur texte champs formulaire ***************/
body#checkout .form-control{
    color: #000 !important;
}

/* profil 7 */
@media (min-width: 1200px){
	#page .h7-boxtop .h7-wrlogo {
	    position: relative;
	    top: initial;
	    left: initial;
	    margin: 0 auto;
	    display: table;
	}
}



/*Css pour MegaMenu **********************************************/
.bottomnav{
	display: none;
}
.menuHome2 .mm_menus_li{
	width: 100%;
}

.ybc-menu-toggle{
	font-size: 0px; /* masque le mot menu quand le menu est fermé */
}

@media (max-width: 992px){
	/* version mobile**/
	.ets_mm_megamenu .container {
	    background: none !important;
	}

	.pull-right{
		display: none; /* masque le mot retour quand menu ouvert*/
	} 
	.transition_floating .close_menu *, .transition_full .close_menu *, .ybc-menu-vertical-button .icon-bar{
		color: #fff !important; /*masque le mot menu quand menu ouvert*/
	}
	.close_menu .icon-bar, .ybc-menu-vertical-button .icon-bar{
		background-color: #000 !important;
	}
	.ybc-menu-vertical-button, .transition_floating .close_menu, .transition_full .close_menu{
		background: #fff !important;
	}
	/*fin version mobile*/
}
	
	/* menuHome2 ************************/
	@media (min-width: 768px){
		.menuHome2.ets_mm_megamenu .mm_columns_ul{
			top: initial;
			left: 280px;
		}
	}

	/* menuHome3 ************************/
	.menuHome3 .ybc-menu-toggle .icon-bar{
		background-color: #ffffff;
	}
	@media (min-width: 768px){
	    .ets_mm_megamenu.layout_layout5.menuHome3 {
	          background-color: inherit;
	     }
	}

	/* menuHome4 ************************/
	@media (min-width: 768px){

		.menuHome4.ets_mm_megamenu .mm_menus_li{
			width: 100%;
		}
		.menuHome4.ets_mm_megamenu .mm_columns_ul{
			top: initial;
			left: 280px;
		}
	}

	/* menuHome5 ************************/
	.menuHome5 .ybc-menu-toggle .icon-bar{
		background-color: #ffffff;
	}
	@media (min-width: 768px){

		.menuHome5.ets_mm_megamenu .mm_menus_li{
			width: 100%;
		}
		.menuHome5.ets_mm_megamenu .mm_columns_ul{
			top: initial;
			left: 280px;
		}
	}	

	/* menuHome6 ************************/
	@media (min-width: 768px){

		.menuHome6.ets_mm_megamenu .mm_menus_li{
			width: 100%;
		}
		.menuHome6.ets_mm_megamenu .mm_columns_ul{
			top: initial;
			left: 280px;
		}
	}

	/* menuHome7 ************************/
	.menuHome7 .ybc-menu-toggle .icon-bar{
		background-color: #ffffff;
	}
	@media (min-width: 768px){
	    .ets_mm_megamenu.layout_layout5.menuHome7 {
	          background-color: inherit;
	     }
	}

	/* menuHome8 ************************/

	@media (min-width: 768px){
	    .menuHome8.ets_mm_megamenu.layout_layout5:not(.ybc_vertical_menu) .mm_menus_ul{
	        text-align: center;
	    }
	}
	@media (min-width: 992px) {
	    .menuHome8 .mm_menu_content_title{
	        padding: 10px 15px !important;
	        display: initial !important;
	        float: none !important;
	        line-height: 2.3em;
	    }
	    .menuHome8 .mm_menus_li{
	       float: none !important;
	        display: inline-block !important;
	    }
	    .menuHome8.ets_mm_megamenu .mm_columns_ul{
	        top: 35px !important;
	        margin-top: 0;
	        padding-top: 0;
	    }
	    .menuHome8 .mm_columns_li{
	        text-align: left !important;
	    }
	}


	/* menuHome9 ************************/
	@media (min-width: 768px){

		.menuHome9.ets_mm_megamenu .mm_menus_li{
			width: 100%;
		}
		.menuHome9.ets_mm_megamenu .mm_columns_ul{
			top: initial;
			left: 280px;
		}
	}

	/* menuHome10 ************************/
	.menuHome10 .ybc-menu-toggle .icon-bar{
		background-color: #ffffff;
	}
	@media (min-width: 768px){
	    .ets_mm_megamenu.layout_layout5.menuHome10 {
	          background-color: inherit;
	     }
	}

	/* menuHome11 ************************/

	@media (min-width: 768px){
	    .menuHome11.ets_mm_megamenu.layout_layout5:not(.ybc_vertical_menu) .mm_menus_ul{
	        text-align: center;
	    }
	}
	@media (min-width: 992px) {
	    .menuHome11 .mm_menu_content_title{
	        padding: 10px 15px !important;
	        display: initial !important;
	        float: none !important;
	        line-height: 2.3em;
	    }
	    .menuHome11 .mm_menus_li{
	       float: none !important;
	        display: inline-block !important;
	    }
	    .menuHome11.ets_mm_megamenu .mm_columns_ul{
	        top: 35px !important;
	        margin-top: 0;
	        padding-top: 0;
	    }
	    .menuHome11 .mm_columns_li{
	        text-align: left !important;
	    }
	}


	/* menuHome12 ************************/
	@media (min-width: 768px){

		.menuHome12.ets_mm_megamenu .mm_menus_li{
			width: 100%;
		}
		.menuHome12.ets_mm_megamenu .mm_columns_ul{
			top: initial;
			left: 280px;
		}
	}



/* Fin mega menu *********************************************/