/* chris surcharge template css */

.text-danger{
	color:#dc3545;
}
.hide{
	display: none !important;
}
.btn-decoration{
	text-decoration: underline;
}
.error-border{
	border: 1px solid red;
}
.btn-color-white{
	color: #fff !important;
}

.product-thumb-img{
	width: 315px !important;
	height: 280px !important;
	object-fit: cover !important;
}
.product-thumb-index{
	width: 168px !important;
	height:190px !important;
	object-fit: cover !important;
}


/* HEADER */ 
.auth-header{
    margin-right:1.5rem;
}
.auth-header i{
    font-size:2.8rem;
    cursor: pointer;
}
.no-list-style{
	list-style: none;
}
.p-l-1-r{
	padding-left:1rem;
}
.home-categories-menu{
	background:#fff;
}
.home-categories-menu>li:not(:last-child)>a{
	border-bottom: 1px solid var(--color2);
}
.mobile-menu-container .input-wrapper .form-control{
	margin-right:9px;
}
.mobile-menu-container .input-wrapper .btn-search{
	width: 44px;
	height:40px;
	border-radius: 20px;
	background:#4F5EA8;
}
.mobile-menu-container .input-wrapper .btn-search img{
	width: 24px;
	height:24px;
}







/* HEADER PANIER */
.product.product-cart .product-quantity:after, .product.product-compare .product-quantity:after, .product.product-wishlist .product-quantity:after{
	/*margin-left: 0;
	text-transform: lowercase;*/
	content:"";
}
.product.product-cart .product-quantity:before, .product.product-compare .product-quantity:before, .product.product-wishlist .product-quantity:before{
	content:"x";
	text-transform: lowercase;
	margin-right:0;
	font-size:12px;
}
.product-cart{
	position: relative;
}
.remove-cart-product{
	position: absolute;
    left: 0px;
    top: -10px;
    background: #42519C;
    border-radius: 100px;
    height: 20px;
    width: 20px;
    color: #fff;
    padding:5px !important;
}
.remove-cart-product:hover{
	color: #42519C;
	background: #fff;
	border:1px solid #42519C;
}
.remove-cart-product i{
	font-size: 14px;
}


/* INDEX */
.home-service-list .icon-box-side {
	/*padding: 0 20px;*/
	padding: 0 5px;
}

.testimonial-author-thumbnail img{
	height: 100% !important;
}
.testimonial-para{
	min-height: 105px;
}


/* BREADCRUMB DES PAGES */
.page-header{
	height: 120px;
	background: var(--color2);
}
.page-header .breadcrumb{
	padding-bottom: 0;
}



/* DETAIL */
.quantity.qtePanier{
	padding-top: 10px;
}
.alert_order{
	display: inline-flex; 
	height:30px; 
	margin-bottom:20px; 
	color:red;
}
.alert_order i{
	padding: 7px;
}
.alert_order p{
	line-height: 30px; 
	font-weight: bold;
}


.breadcrumb-ariane {
	 display: block;
	 padding: 10px;
	 font-family: sans-serif;
}
.breadcrumb-ariane .breadcrumb_list {
	 display: flex;
	 padding: 0;
	 margin: 0;
	 list-style: none;
}
.breadcrumb-ariane .breadcrumb_item:not(.breadcrumb_item--current):after {
	 content: "/";
	 display: inline-block;
	 margin: 0 5px;
}
.breadcrumb-ariane .breadcrumb_link {
	 color: #1955c1;
	 font-size:10px;
}
.breadcrumb-ariane .breadcrumb_link:hover, .breadcrumb_link:focus {
	 text-decoration: none;
	 color: #002f69;
}
.breadcrumb-ariane .breadcrumb_item--current .breadcrumb_link {
	 color: #1d1e22;
	 font-weight: bold;
}




/* FOOTER */
.footer-bottom, .footer-bottom .container, .footer-bottom .container-fluid{
	justify-content: center;
}




/* LOGIN & REGISTER */
.invalid-feedback {
    color: #dc3545;
    font-size: 0.875em;
}






/* INFORMATIONS */
#paniers_terms{
	border-top: 1px solid #e1e1e1;
	padding-top: 2rem;
}
.product-tr{
border-bottom: 1px solid #e1e1e1;
}
.product-tr .product-name{
padding-top:1rem !important;
padding-bottom: 1rem !important;
}




/* MEMBRE ORDER DETAIL */
.order-product-name span{
	font-size:10px;
}
.product-ref{
	font-size:10px;
	font-weight: 200;
}





/* CART */
.shop-table img{
	height: 100px;
	width:100px;
	object-fit: cover;
}
@media (min-width: 992px){
    .cart.main .product-close {
        width: 12.3rem;
    }
}

.cart .product-remove{
    margin:auto;
}
.product-close .product-close-sure{
	width:180px;
    background:#fff;
    color:#222;
    display: inline-flex;
    margin-bottom: 10px;
    border-radius: 3px;
    position: absolute;
    top:0;
    left:50%;
    transform: translate(-50%, 20px);
}
.product-close .product-close-sure::after{
    content:""; 
    position: absolute;
    bottom:-15px;
    left:50%;
    transform: translate(-50%, -50%);
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top: 10px solid #222;
}
.product-close .product-close-sure a{
    padding: 5px 10px;
    border: 1px solid #222;
}
.product-close .product-close-sure a:first-child{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.product-close .product-close-sure a:last-child{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}












/* _________ SURCOUCHE GRAPHQIUE _________ */



	/* HEADER  */
	.header-middle{
		padding-top:3.7rem;
		padding-bottom: 2.6rem;
	}
	.header-middle .logo{
		min-width: 259px;
		margin-right: 2.25rem;
		margin-right: 3.6rem;
	}
	.header-middle .logo p{
		color:#3A3A3A;
		font-family: 'Poppins';
		font-style: normal;
		font-weight: 300;
		font-size: 15px;
		margin-top: 5px;
		margin-bottom: 0;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.3px;
	}
	.header-search.hs-simple{
		height: 44px;
		margin-right: 5rem;
	}
	.header-search.hs-simple input.form-control{
		max-width: 524px;
	    height: 44px;
	    background: #F2F2F2;
	    border-radius: 60px;
	    border:none;
	}
	.header-middle .icon-box{
		display: -webkit-box;
	}
	.header-middle .icon-box-side .icon-box-content{
		height: 26px;
    	margin-top: 10px;
	}
	.header-middle .icon-box-icon{
	    position: relative;
	    width: 44px;
	    height: 44px;
	    border-radius: 100px;
	    border: 1px solid #4F5EA8;
	}
	.header-middle .icon-box-icon img{
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
	}
	.header-middle .icon-box-title{
		font-weight: 300;
		text-transform: inherit;
		letter-spacing: inherit;
		margin-bottom: 0;
		font-size: 13px;
	}
	.header-search.hs-simple .btn-search{
		background: #4F5EA8;
		border-radius: 60px;
		width: 54px;
		height: 44px;
	}
	.icon-box-side .icon-box-content{
		line-height: 13px;
		width: 85%;
	}
	.icon-box-side .icon-box-icon{
		margin-right: .5rem;
	}


	.menu .submenu>a{
		background: linear-gradient(180deg, #4F5EA8 0%, #4F5EA8 0.01%, #31418D 100%);
		border-radius: 70px;
	}
	.menu .submenu .filter-btn{
		padding: 15px;
		width: 218px;
		height:46px; 
		line-height: 0;
		background: linear-gradient(180deg, #4F5EA8 0%, #4F5EA8 0.01%, #31418D 100%);
	}
	.menu>.submenu>.filter-btn:before{
		content: "";
		position: absolute;
		border:1px solid #FFFFFF;
		width: 21px;
		height:21px;
		border-radius: 100px;
		right:10px;
		top:12px;

	}
	.menu>.submenu>.filter-btn:after{
		position: absolute;
		right: 16px;
	}
	.main-nav .menu>li{
		margin-right: 2.125rem;
		margin-right: 2.6rem;
	}
	.menu>li>a{
		font-weight: 300;
		font-size: 14px;
		line-height: 21px;
		text-transform: initial;
	}
	.menu .active>a:not(.menu-title), .menu li:hover>a:not(.menu-title){
		font-weight: 700;
		font-size: 14px;
	}
	.menu .menu-title{
        position: relative;
    }
    .menu .menu-title:after{
        content: "";
        position: absolute;
        bottom:-10px;
        left:10px;
        border:1px solid #C6CADF;
        width: 126px;
    }


	.menu-grid-sort-by {
	    display: grid;
	    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	    gap: 10px;
	}

	.menu-grid-sort-by li {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}


	/* SUBMENU */
	.header-bottom .filter-btn span{
		font-weight: 700;
		font-size: 12px;
		line-height: 18px;
		color: #FFFFFF;
		text-transform: initial;
	}

    .megamenu{
        padding:7px;
    }
    .megamenu .row>*{
        padding:8px;
    }
    .megamenu .menu-banner img{
        border-radius: 50px 0px 0px 50px;
        position: relative;
    }
    .megamenu .menu-banner figure:after{
        content: "";
        position: absolute;
        top:43px;
        right:0px;
        background-image: url('../../template/images/site/banner-name.png');
        background-repeat: no-repeat;
        width:29px;
        height:100%;
    }
    .megamenu ul li a{
        padding: 0.5rem 0px 0.5rem 1rem;
		position: relative;
		padding-left: 30px;
    }

	.megamenu ul li a .wrap_picto{
		width: 35px;
		height: 35px;
		left: -11px;
		position: absolute;
		top: -3px;
	 
    }
	.megamenu ul li a svg, 	.megamenu ul li a img{
		
		height: 100%;
		width: 100%;
		object-fit: contain;
		
	 }


    .megamenu .menu-banner1{
        padding:0;
    }
    .megamenu .menu-banner1 img{
        height: 100%
    }







	/* TESTIMONIALS */
	.testimonial-title{
		/*
		font-family: 'Poppins';
		font-style: normal;
		*/
		font-weight: 700;
		font-size: 28px;
		line-height: 28px;
		text-align: center;
		color: #343534;
	}
	.testimonial-info cite{
		display: block;
		height:48px;
		position: relative;
	}
	.testimonial-info cite:after{
		content:'';
		position: absolute;
		width:53px;
		height:4px;
		background: #4F5EA8;
		border-radius: 40px;
		left:50%;
		bottom:-24px;
		transform: translate(-50%, 0);
	}
	.testimonial-info cite label{
		/*
		font-family: 'Poppins';
		font-style: normal;
		*/
		font-weight: 600;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: #101010;
	}
	.testimonial-info cite span{
		/*
		font-family: 'Poppins';
		font-style: normal;
		*/
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: rgba(30, 30, 30, 0.6);
		margin-top:0;
		text-transform: initial;
	}
	.testimonial-centered{
		padding: 2rem 1rem 2rem;
	}
	.testimonial-centered blockquote{
		margin-top:51px;
		margin-bottom: 0;
	}
	.testimonial-centered blockquote p{
		/*
		font-family: 'Poppins';
		font-style: normal;
		*/
		font-weight: 400;
		font-size: 16px;
		line-height: 21px;
		text-align: center;
		color: rgba(30, 30, 30, 0.6);
		max-height: 65px;
		overflow: hidden;
	}
	.testimonial-centered.testimonial-border{
	    background: #FFFFFF;
	    border: 1px solid #C6CADF;
	    /*box-shadow: 10px 24px 54px rgba(0, 0, 0, 0.08);*/
	    border-radius: 16px;
	    max-width: 345px;
	    margin:auto;
	    max-height: 228px;
	}









	/* FOOTER */ 
	.footer{
		background: linear-gradient(180deg, #302D63 0%, #201E47 100%);
		border-radius: 130px 130px 0px 0px;
		position: relative;
	}
	.logo-footer, .logo-footer img{
		width: 239px;
	}
	.logo-footer p{
		color:#fff;
		font-family: 'Poppins';
		font-style: normal;
		font-weight: 300;
		font-size: 12px;
		margin-top: 5px;
		margin-bottom: 0;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.3px;
		line-height: 13px;
	}
	.widget-newsletter .widget-title{
		font-weight: 700;
		font-size: 16px;
		line-height: 19px;
		margin-bottom: 0;
	}
	.widget-newsletter p{
		font-weight: 400;
		font-size: 16px;
		line-height: 19px;
		color: #fff;
	}
	.footer-top{
		padding: 4rem 0 6rem 0;
		border-bottom: 1px solid #6D6A98;
	}
	.footer-middle{
		padding: 40px 0 40px 0px;
		border-bottom: 1px solid #6D6A98;
	}
	.footer-middle .widget-title{
		text-transform: initial;
		padding: 0;
	}
	.footer-middle .widget-body li{
		margin-bottom: 0;
		color: #C6CADF;
		font-weight: 300;
	}
	.footer-middle .widget-body.widget-hover li a:hover{
		background:#fff;
		color:#302D63;
	}
	.footer-middle .widget-body.widget-hover li a:hover i{
		color: #302D63;
	}
	.footer-middle .widget-body li .footer-action{
		border: 0.5px solid #FFFFFF;
	    border-radius: 50px;
	    padding: 4px 14px;
	}
	.footer-middle label{
		text-transform: initial;
		color: #C6CADF;
	}
	.widget-newsletter input{
		background: #EFF0FF;
		border-radius: 60px;
	}
	.widget-newsletter .input-wrapper-inline{
		max-width: 42.9rem;
		height:4.3rem;
	}
	.footer .copyright{
		color:#C6CADF;
		font-weight: 300;
	}
	.widget.widget-info a{
		font-weight: 300;
	}
	.footer-socials{
		margin-top:16px;
		display: inline-flex;
	}
	.footer-socials li a{
		position: relative;
		display: block;
		width: 30px;
		height:30px;
		border:1px solid #fff;
		border-radius: 100px;
		margin-right:18px;
	}
	.footer-socials li a i{
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		color: #fff;
	}
	.footer-middle .widget:not(.widget-about){
		margin-bottom:0px;
	}
	.widget-newsletter .btn.btn-newsletter{
		height:43px !important;
		margin-left: -40px;
		line-height: 13px;
		background: #5C58A5;
		padding: 0;
		max-width: 18.3rem;
		width:100%;
	}
	.widget-newsletter .btn.btn-newsletter:hover{
		border:none !important;
	}
	.widget-newsletter .btn.btn-newsletter:hover span{
		color: #fff;
	}
	.btn-newsletter{
		width:161px;
		color: #fff;
	}
	.btn-newsletter span{
		font-weight: 700;
		font-size: 16px;
		line-height: 19px;
		color: #FFFFFF;
	}
	.btn-newsletter .icon-btn-arrow{
		top:10px !important;
	}
	.btn-newsletter .icon-btn-arrow img{
		margin-left:0 !important;
		width:9px;
	}
	.footer-bootom{
		padding: 3.3rem 0 2.6rem 0;
	}
	.f-myAccount{
		max-width: 140px;
		max-width: 240px;
		margin:auto!important;
	}




	/* INDEX */ 
    .owl-carousel-index .owl-stage-outer{
        background: linear-gradient(0deg, #101838 0%, rgba(0, 0, 0, 0) 100%);
        border-radius: 0px 130px 130px 130px;
    }
    .intro-slider .home-slider-figure{
        position: relative;
    }
    .intro-slider .home-slider-figure:after{
        content:'';
        position:absolute;
        left:0; top:0;
        width:100%; 
        height:100%;
        display:inline-block;
        background: linear-gradient(0deg, #101838 0%, rgba(0, 0, 0, 0) 100%);
    }
    .intro-slider .banner-logo{
        margin-top:190px;
    }
    .intro-slider .banner-logo img{
        max-width: 420px;
        margin: auto;
    }
    .intro-slider .banner-btn{
    	position: relative;
    	width: 169px;
    	height:46px;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        background: transparent;
        border:1px solid #fff;
        text-transform: initial;
        border-radius: 100px !important;
    }
    .intro-slider .banner-btn span{
        position: absolute;
        left:33px;
    }
    .intro-slider .banner-btn .icon-btn-arrow{
        height:21px;
        width: 21px;
        position: absolute;
        right:16px;
        top:13px;
        border:1px solid #fff;
        border-radius: 100px;
    }
    .intro-slider .banner-btn .icon-btn-arrow img{
    	margin-top:3px;
    	margin-left:-5px;
    	height:14px;
	}
	.intro-slider .banner-btn:hover{
		background:#fff;
	}
	.intro-slider .banner-btn:hover span{
		color: #4F5EA8;
	}
	.intro-slider .banner-btn:hover .icon-btn-arrow{
		background: #4F5EA8;
	}
    .intro-slider .banner-subtitle{
		font-family: 'Poppins';
		font-style: normal;
		font-weight: 500;
		font-size: 24px;
		line-height: 26px;
		text-align: center;
		color: #FFFFFF;
		margin-bottom: 3.7rem;
	}
    .intro-slider.owl-carousel .owl-nav button{
        width: 69px;
        height: 69px;
        background:red;
    }
    .intro-slider.owl-carousel .owl-nav button.owl-prev{
        background: url('../../template/images/site/slider-prev.svg') no-repeat;
        left:22px;
	    width: 68px;
	    height: 69px;
	    background-size: contain;
	    background-repeat: no-repeat;
    }
    .intro-slider.owl-carousel .owl-nav button.owl-prev:hover{
        background: url('../../template/images/site/slider-prev.svg') no-repeat;
	    background-size: contain;
	    background-repeat: no-repeat;
    }
    .intro-slider.owl-carousel .owl-nav button.owl-prev:before{
        content:'';
    }
    .intro-slider.owl-carousel .owl-nav button.owl-next{
        background: url('../../template/images/site/slider-next.svg') no-repeat;
        right:22px;
    	width: 68px;
	    height: 69px;
	    background-size: contain;
	    background-repeat: no-repeat;
    }
    .intro-slider.owl-carousel .owl-nav button.owl-next:hover{
        background: url('../../template/images/site/slider-next.svg') no-repeat;
	    background-size: contain;
	    background-repeat: no-repeat;
    }
    .intro-slider.owl-carousel .owl-nav button.owl-next:before{
        content: '';
    }




    .intro-slide3 .banner-fond{
        background: #4F5EA8;
        width: 630px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
    }
    .intro-slide3 .banner-fond:before{
        content: "";
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height: 100%;
        background-image: url('../../template/images/site/banner-before.png');
        background-repeat: no-repeat;
    }
    .intro-slide3 .b-c-left{
    	top:278px !important;
    }
    .intro-slide3 .b-c-left h2{
        width: 485px;
        text-align: left;
        font-weight: 300;
        font-size: 48px;
        line-height: 48px;
        color: #3A3A3A;
        background: #fff;
        padding: 5px 10px;
        text-transform: uppercase;
        margin-bottom: -5px !important;

    }
    .intro-slide3 .b-c-left h4{
        margin-bottom: 0 !important;
        width: 655px;
        text-align: left;
        font-weight: 300;
        font-size: 48px;
        line-height: 48px;
        color: #3A3A3A;
        background: #fff;
        padding: 5px 10px;
        text-transform: uppercase;
    }
    .intro-slide3 .btn-banner-left{
        background:#fff;
        width: 210px;
        padding: 28px 16px;
    }
    .intro-slide3 .btn-banner-left .icon-btn-arrow{
        height: 27px;
        width: 27px;
        top:14px;
        right:14px;
    }
    .intro-slide3 .btn-banner-left span{
        font-weight: 700;
        font-size: 18px;
        line-height: 19px;
        color: #4F5EA8;
    }
    .intro-slide3 .btn-banner-left .icon-btn-arrow.icon-fleche img{
        margin-left:1px;
        margin-top:6px;
    }
    .intro-slide3 .btn-banner-left:hover{
    	background: transparent;
    	border:1px solid #fff !important;
    }
    .intro-slide3 .btn-banner-left:hover span{
    	color: #fff;
    }
    .intro-slide3 .btn-banner-left:hover .icon-btn-arrow.icon-fleche{
    	background: #fff;
    }









    	/* SERVICES */
        .home-service-list .icon-box-side{
            display: -webkit-box;
        }
    	.icon-serv-icn{
    		width: 49px;
    		height:49px;
			border: 1px solid #4F5EA8;
    		border-radius: 100px;
    		position: relative;
    		display: flex;
    		margin-right: 10px;
    		margin-top:8px;
    	}
    	.icon-serv-icn .icon-serv-img{
    		position: absolute;
    		left:50%;
    		top:50%;
    		transform: translate(-50%, -50%);
    	}
    	.icon-box1 .icon-serv-icn img{
    		width: 31px;
    		height:29px;
    	}
       	.icon-box2 .icon-serv-icn img{
    		width: 36px;
    		height:34px;
    	}
       	.icon-box3 .icon-serv-icn img{
    		width: 27px;
    		height:31px;
    	}
       	.icon-box4 .icon-serv-icn img{
    		width: 50px;
    		height:22px;
    	}	




    	/* PRODUITS */
    	    .mask_group{
                position: relative;
                height: 480px;
                height: 520px;
            }
            .mask_group:before{
                content: '';
                position:absolute;
                top:212px;
                left:0px;
                width: 100%;
                height: 100%;
                background-image: url('../../template/images/site/mask_group.png');
                background-size: auto;
                background-repeat: no-repeat;
            }
            .mask_group .title-wrapper{
                border-bottom: none;
                padding-top: 53px;
                padding-bottom: 29px;
            }
            .mask_group .title-wrapper h2{
                font-size: 28px;
                line-height: 42px;
                color: #4F5EA8;
                padding: 0;
            }
            .btn-see-more{
                background: linear-gradient(180deg, #4F5EA8 0%, #4F5EA8 0.01%, #31418D 100%);
                border-radius: 70px !important;
                color: #fff !important;
                text-transform: initial;
                border: none;
                height: 46px;
                position: relative;
                width:188px;
            }
            .btn-see-more span{
                position: absolute;
                left:22px;
                line-height: 20px;
            }
            .btn-see-more .icon-btn-more{
                position: absolute;
                width: 21px;
                height: 21px;
                border:1px solid #fff;
                border-radius: 100px;
                right:16px;
                top:13px;
            }
            .btn-see-more:hover{
            	background: #fff;
            	border: 1px solid #4F5EA8;
            }
            .btn-see-more:hover span{
            	color: #4F5EA8;
            }
            .btn-see-more:hover .icon-btn-more{
            	background:#4F5EA8;
            }



			/*.btn-cart-custom{
				height: 30px;
			    background-color: #4F5EA8!important;
			    border-color: #4F5EA8!important;
			    border-radius: 20px 20px 0 0;
			    text-transform: initial;
			    font-style: normal;
			    font-weight: 700;
			    font-size: 10px;
			    line-height: 15px;
			    color: #FFFFFF;
			    position: relative;
			}*/
            .product .product-action .btn-cart-custom{
                height:30px;
                background-color:#4F5EA8!important;
                border-color:#4F5EA8!important;
                border-radius: 20px 20px 0 0;
                text-transform: initial;
                font-style: normal;
                font-weight: 700;
                font-size: 10px;
                line-height: 15px;
                color: #FFFFFF;
                position: relative;
            }

            .product .product-action .btn-cart-custom span{
                position: absolute;
                left:28px;
                line-height: 15px;
            }
            .product .product-action .btn-cart-custom .icon-btn-cart{
                position: absolute;
                width: 21px;
                height:21px;
                border:1px solid #fff;
                border-radius: 100px;
                right:35px;
				text-align: center;
				background-color: #FFF;
            }
			.product .product-action .btn-cart-custom .icon-btn-cart svg {
				width: 11px;
				margin: auto;
				margin-top: 0px;

				width: 11px;
				margin: auto;
				margin-top: 0px;
				position: absolute;
				top: -3px;
				left: 4px;


			}
            .product .product-action .btn-cart-custom .icon-btn-cart img{
                width: 17px;
                margin-top: 4px;
            }




			.cta-figure::after{
                content:'';
                position:absolute;
                left:0; top:0; bottom:0; right:0;
                width:100%; 
                height:100%;
            }
            /*.cta-figure-left::after{
                background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 101.54%);
            }*/
            /*.cta-figure-right::after{
                background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 101.54%);
                transform: rotate(180deg);
            }*/
            .banner1 .banner-content{
                right: inherit;
            }
            .banner1 .banner-content .banner-subtitle{
                max-width: 202px;
                max-width: 500px;
                padding-top: 5px;
                padding-left:7px;
                margin-bottom: -5px;
            }
            .banner1 .banner-content .banner-title{
                max-width: 184px;
                max-width: 540px;
                padding: 6px 5px;
            }
            .banner2 .banner-content .banner-subtitle{
                padding-top:6px;
                padding-right:11px;
                max-width: 185px;
                margin-left: auto;
                margin-bottom: -5px;
            }
            .banner2 .banner-content .banner-title{
                padding: 6px 11px 6px 7px;
                max-width: 243px;
                margin-left: auto;
            }
            .banner4 .banner-content .banner-subtitle{
                /*max-width: 115px;*/
                max-width: 215px;
                margin-left: auto;
                padding-top: 6px;
                padding-right: 11px;
                margin-bottom: -5px;
            }
            .banner4 .banner-content .banner-title{
                /*max-width: 156px;*/
                max-width: 300px;
                margin-left: auto;
                padding: 5px 11px;
            }


            .banner3{
                background:#4F5EA8;
                min-height: 300px;
            }
            .banner3:before{
                content: '';
                position:absolute;
                top:25px;
                left:0px;
                width: 100%;
                height: 100%;
                background-image: url('../../template/images/site/mask_group_color.png');
                background-size: auto;
                background-repeat: no-repeat;
            }
            .banner3 .input-wrapper .form-control{
                width: 294px;
                height:43px;
                background:#403D73;
                border-radius: 60px;  
                margin-bottom: 39px; 
            }
			.banners-section .banner {
				border-radius: 9px;
				max-height: 300px;
				overflow: hidden;
			}
            .banners-section .banner-subtitle{
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 300;
                font-size: 26px;
                line-height: 26px;
                color: #FFFFFF;
                text-transform: uppercase;
                margin-bottom: 0;
            }
            .banners-section .banner-title{
                text-transform: uppercase;
                color: #fff;
                font-size: 26px;
                line-height: 26px;
                margin-left: 0;
            }
            .banners-section .banner-bg{
                background:#4F5EA8;
            }
  
            .btn-fleche{
                color:#4F5EA8;
                text-transform: initial;
                position: relative;
                height: 43px;
                background: #FFFFFF;
                border-radius: 60px;
                border: none;
                width:auto;
			    padding-right: 25px !important;
			    text-align: center;
			    padding-left: 21px !important;
            }
            .btn-fleche span{
                padding-right: 17px;
            }
            .btn-fleche img{
            	position: absolute;
			    right: 11;
			    right: 11px;
			    top: 11px;
            }
            .btn-fleche:hover{
                background:#4F5EA8;
                color:#fff;
                border:1px solid #4F5EA8;
            }
            .btn-fleche:hover span{
            	color: #fff;
            }
            .btn-fleche:hover img{
            	background: #fff;
            	border-radius: 100px;
            }
            .banner3 .input-wrapper .btn.btn-md{
                text-transform: initial;
                position: relative;
                height: 43px;
                background: #FFFFFF;
                border-radius: 60px;
                width: auto;
                color: #4F5EA8;

			    position: relative;
			    padding-right: 40px !important;
			    text-align: center;
			    padding-left: 21px !important;	
            }
            .banner3 .input-wrapper .btn.btn-md{
                padding-right: 17px;
            }
            .banner3 .input-wrapper .btn.btn-md img{
            	position: absolute;
			    right: 11;
			    right: 11px;
			    top: 11px;
            }
            .banner3 .input-wrapper .btn.btn-md:hover{
            	background:#4F5EA8;
            	border:1px solid #fff;
            }
            .banner3 .input-wrapper .btn.btn-md:hover span{
            	color: #fff;
			}
            .banner3 .input-wrapper .btn.btn-md:hover img{
            	background: #fff;
            	border-radius: 100px;
			}












	/* ABOUT */ 
	.page-header{
		height:108px;
		background: linear-gradient(180deg, #4C5AA9 0%, #3B499A 100%);
		border-radius: 0px 0px 50px 50px;
		position: relative;
	}
	/*.page-header{
		height:108px;
		background-image: url('../../template/images/site/page-header.png');
		background-repeat: no-repeat;
		background-color:transparent;
	}*/
	.page-header:before{
		content:"";
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background-image: url('../../template/images/site/page-header-before.png');
		background-repeat: no-repeat;
	}
	.page-header>.breadcrumb li, .page-header>.breadcrumb li a, .page-header>.page-subtitle, .page-header>.page-title{
		/*
		font-family: 'Poppins';
		font-style: normal;
		*/
		font-weight: 700;
		font-size: 36px;
		line-height: 54px;
		z-index: 1;
	}
	.iframe-video{
		border-radius: 40px;
	}
	.customer-section .section-subtitle, .store-section .section-subtitle{
		/*
		font-family: 'Poppins';
		font-style: normal;
		*/
		font-weight: 500 !important;
		font-size: 16px;
		color: #ACB8F1;
	}
	.btn-about{
		width:188px;
	}

	.abt-sect-numbers{
		border-radius: 250px;
		max-height: 245px;
	}

	.team-section .section-subtitle{
		/*
		font-family: 'Poppins';
		font-style: normal;
		*/
		font-weight: 500 !important;
		font-size: 16px;
		color: #ACB8F1;
	}
	.team-section .member img{
		max-width: 257px;
		max-height: 255px;
		border-radius: 9px;
		margin:auto;
	}
    .team-section .team-member {
        position: relative;
        overflow: hidden;
        display: inline-block;
    }

    .team-section .team-member img {
        width: 100%;
        height: auto;
        display: block;
    }

    .team-section .team-member::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../../template/images/site/team-overlay.png') no-repeat;
        background-size: cover;
    }





	/* NOS PRODUITS */
	.elm-filter{
		display: inline-flex;
	}
	.elm-filter .logo-filter{
		width: 41px;
	    height: 41px;
	    border: 1px solid #4F5EA8;
	    border-radius: 100px;
	    position: relative;
	    margin-right: 16px;
	}
	.elm-filter .logo-filter img{
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
	}
	.sidebar-content .widget{
		border-top: none;
	}

	.btn-prdts-liste{
		height:46px !important;
		font-size: 14px !important;
		line-height: 21px !important;
	}
	.btn-prdts-liste span{
		left: 63px !important;
	}
	.btn-prdts-liste .icon-btn-cart{
		right:47px !important;	
		width: 31px !important;
		height: 31px !important;
	}
	.btn-prdts-liste .icon-btn-cart img{
		margin-top: 10px !important;
		margin-left: 5px;
	}
	.product-cat{
		font-weight: bold;
		font-size: 13px;
		color:#4F5EA8;
	}
	.product .product-details .product-name{
		white-space: normal;
	}





	/* PRODUCT DETAIL */
	.product-meta{
	    /*
	    font-family: 'Poppins';
	    font-style: normal;
	    */
	    font-weight: 500;
	    font-size: 16px;
	    line-height: 14px;
	    color: #ACB8F1;
	}
	.btn-product-detail-add{
		border: 0;
	    flex: 1;
	    min-width: 13rem;
	    font-size: 1.4rem;
	    border-radius: 0.3rem;
	    background-color: var(--color2);
	    transition: background-color 0.3s;
	    color: #fff;
	    cursor: pointer;
	    max-width: 20.7rem;
	    height: 4.5rem;
	    z-index:1;
	}
	.btn-prdts-detail{
		in-width: 282px !important;
		min-width: 270px !important;
	}
	.btn-prdts-detail span{
		left:64px !important;
	}
	.btn-prdts-detail .icon-btn-cart{
		position: absolute;
		right:51px;
		top: 50%;
		transform: translate(0, -50%);
		width: 31px;
		height:31px;
		border:1px solid #FFFFFF;
		border-radius: 100px;
	}
	.btn-prdts-detail .icon-btn-cart img{
		width:18px;
		margin-top:8px;
		margin-left:-2px;
	}
	.nav-item-desc{
		display: inline-flex;
	}
	.logo-description{
		height:41px;
		width: 41px;
		position: relative;
		border:1px solid #4F5EA8;
		border-radius: 100px;
		margin-bottom: 10px;
		left:20px;
	}
	.logo-description img{
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
	}
	.nav-item-desc a{
		padding: 0 !important;
	    padding-left: 35px !important;
	    /*
	    font-family: 'Poppins';
	    font-style: normal;
	    */
	    font-weight: 700 !important;
	    font-size: 28px !important;
	    line-height: 40px !important;
	    text-align: center;
	    color: #3A3A3A !important;
	}
	.home .nav.nav-tabs .nav-link:before{
		left:-25px;
		right:40px;
	}
	.single-product .title{
		/*
		font-family: 'Poppins';
		font-style: normal;
		*/
		font-weight: 700;
		font-size: 28px;
		line-height: 19px;
		text-align: center;
		color: #3A3A3A;
		padding:0;
		margin-bottom: 3.6rem;
	}
	.single-product .product-single img{
		top:60%;
		top:50%;
		right:-70px;
	}
	.crsl-other-prdts .owl-stage-outer{
		max-width: 892px;
		background:#fff;
		margin:auto;
		padding: 5px;
	}
	.i-g-d-m{
		margin-right: 2.5rem !important;
	}
	.product-meta-blue{
		color: #4F5EA8;
	}
	.product-meta-black{
		color: #222;
	}



	/* CONTACT */
    .page-contact .grey-section{
        padding: 2.5rem 3.2rem 1.4rem;
        padding: 0;
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
        width: 616px;
    } 
    .page-contact .grey-section .contact-infos{
    	/*margin-left:31px;*/
    	padding: 0 30px;
    }
    .page-contact .grey-section .contact-infos hr{
    	margin-bottom: 1rem;
    	border: 1px solid #6D6A98;
    	margin-top:0px;
    }
	.page-contact .reseau-icon{
		position: relative;
		border-radius: 100px;
		width: 40px;
		height:40px;
		display: inline-block;
		border: 1px solid #4F5EA8;
		text-align: center;
		margin:0px 24px 0px 0px;
	}
	.page-contact .reseau-icon i{
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		color:#4F5EA8;
	}
	.page-contact .reseau-icon:hover{
		background: #4F5EA8;
	}
	.page-contact .reseau-icon:hover i{
		color: #fff;
	}


	.contact-section form p{
	    /*
	    font-family: 'Poppins';
	    font-style: normal;
	    */
	    font-weight: 500;
	    font-size: 16px;
	    line-height: 14px;
	    color: #ACB8F1;
	    text-transform: initial !important;
	}
	.contact-section form h2{
		/*
		font-family: 'Poppins';
		font-style: normal;
		*/
		font-weight: 700;
		font-size: 28px;
		line-height: 42px;

		color: #343534;
	}
	.contact-section .form-control{
	    border: 1px solid #C6CADF;
	}
	.contact-section textarea{
		min-height: 13.5rem;
	}
	.btn-contact{
		width:126px;
	}








	/* AUTH / REGISTER */
	.container>.login-popup{
		max-width: inherit;
		box-shadow: none;
		padding:0;
		display: inline-flex;
		width:100%;
		justify-content: center;
	}
	.text-danger-vik{
		color:#F1A40D;
	}
	.login-popup .form-group label{
	    /*
	    font-family: 'Poppins';
	    font-style: normal;
	    */
	    font-weight: 500;
	    font-size: 16px;
	    line-height: 14px;
	    color: #666666;
	    margin-bottom: 10px;
	}
	.login-popup .form-box{
		margin-left: 39px;
		width: 605px;
		max-width: 605px;
		display: inline-grid;
		align-items: end;
	}
	.login-popup .form-box.lost-mdp{
		align-items: center;
	}
	.login-popup .form-footer{
		margin-bottom: 4rem;
	}
	.login-popup .lost-link{
		/*
		font-family: 'Poppins';
		font-style: normal;
		*/
		font-weight: 500;
		font-size: 16px;
		line-height: 14px;
		color: #666666;
		text-decoration: underline;
	}
	.btn-special-next{
		width:154px;
	}
	.btn-special-prev{
		width:254px;
	}
	.btn-login{
		width: 154px;
	}
	.btn-register{
		width:134px;
	}
	.btn-reinitialisation{
		width: 134px;
	}
	.btn-login .icon-btn-arrow img{
		margin-top:-20px;
		margin-left: -10px;
	}
	#etape1 .btn-register-reverse{
		background: #fff;
		border:1px solid #42519C !important;
	}
	#etape1 .btn-register-reverse span{
		color: #42519C !important;
		left:50%;
		transform: translate(-50%, -50%);
	}
	#etape2 .btn-register-reverse{
		background: #fff !important;
		border: 1px solid #42519C !important;
	}
	#etape2 .btn-register-reverse span{
		color: #42519C !important;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#etape2 .btn-register-reverse .icon-btn-arrow{
		background:#42519C;
		right:0;
		left:15px;
		top:12px;
		transform: rotate(180deg);
	}
	.circle_auth_right{
		position: absolute;
		top:134px;
		right:-40px;
	}
    .circle_auth_left{
        position: absolute;
        left:0;
        bottom:-125px;
    }
    .select-border{
    	border-radius: 100px !important;
    }
    





	/* CART RIGHT ELEMENT */ 
	.btn-seeCart{
		max-width:170px;
		margin:auto;
	}
	.btn-seeCart span{
		left:50% !important;
		top:50% !important;
		transform: translate(-50%, -50%) !important;
	}

	.cart-dropdown .cart-action .btn-destroyCart{
		background: #fff !important;
		border: none !important;
		max-width: 170px;
		margin:auto;
		position: relative;
	    padding: 0 !important;
	    height: 25px !important;
	    line-height: 25px;
	}
	.cart-dropdown .cart-action .btn-destroyCart span{
		color: #42519C !important;
		top:50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-weight: 400;
	}
	.cart-dropdown .cart-action .btn-destroyCart .icon-btn-arrow{
		background:#42519C;
		right:0;
		left:15px;
		top:12px;
		transform: rotate(180deg);
	}
	.cart-dropdown .products, .compare-dropdown .products, .wishlist-dropdown .products{
		max-height: 500px;
	}



	/* MON PANIER */
	.step-by .title.title-step.active{
		color: var(--color2);
	}
	.btn-cartEmpty{
		margin-top: 0 !important;
	}
	#view_shopping .cart-actions .btn-goProducts{
		background: #fff !important;
		border: 1px solid #42519C !important;
		width: 205px;
	}
	#view_shopping .cart-actions .btn-goProducts span{
		color: #42519C !important;
		left: 50%;
		top:50%;
		transform: translate(-50%, -50%);
	}
	#view_shopping .cart-actions .btn-goProducts .icon-btn-arrow{
		background:#42519C;
		right:0;
		left:15px;
		top:12px;
		transform: rotate(180deg);
	}
	.btn-cartNext{
		width: 161px;
	}
	.cart-empty .btn-cartThank{
		width: 231px;
	}

	/* MES INFORMATIONS */
	.checkout .btn-order{
		max-width: 250px;
	}
















	/* DEFAULT */
	.mobile-menu .active{
		color:var(--color2);
	}
	.form-control{
		min-height: 4.4rem;
	}
	.relative{
		position: relative;
	}
	input{
		border-radius: 60px !important;
	}
	input::placeholder {
	    color: #ABB0CC !important;
	}
	textarea{
		border-radius: 20px !important;
	}
	textarea::placeholder{
	    color: #ABB0CC !important;
	}
	.p-l-4{
		padding-left:40px;
	}
	.mt-12{
		margin-top: 7rem;
	}
	.pb-12{
		padding-bottom:7rem;
	}
	.pb-14{
		padding-bottom:8rem;
	}
	.pb-16{
		padding-bottom:9rem;
	}
	.pt-12{
		padding-top: 7rem;
	}
	.pt-16{
		padding-top:;
	}
	.circle_left{
		position: absolute;
		top:0;
		left:0;
		transform: translate(0, -50%);
	}
	.circle_right{
		position: absolute;
		top:0;
		right:0;
		transform: translate(0, -50%);
	}
    .icon-btn-arrow.icon-fleche{
        border:1px solid #4F5EA8 !important;
    }
    .footerMode{
        position: relative;
        /*padding-top:190px;*/
        padding-top: 160px;
    }
    .showTestimonials{
    	/*margin-bottom: -179px;*/
    	margin-bottom: -139px;
    }
    .owl-theme .owl-dots .owl-dot.active span{
    	width:10px;
    	height:10px;
    	background-color: #5C58A5
    }
    .owl-theme .owl-dots .owl-dot span{
    	width: 10px;
    	height:10px;
    	background-color: rgba(136, 136, 136, 0.32);
    	border: none;
    }
    .color-footer{
        background: transparent;
    }
    .color-footer-white{
    	background: transparent !important;
    }
    .color-footer-grey{
    	background: #F6F7F9 !important;
    }



	/* BTN */
	.btn-color{
    	position: relative;
    	height:46px !important;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        text-transform: initial;
		background: linear-gradient(180deg, #4F5EA8 0%, #4F5EA8 0.01%, #31418D 100%);
		border-radius: 70px !important;
		border:none !important;
    }
    .btn-color span{
        position: absolute;
        left:22px;
        top:50%;
        transform: translate(0, -50%);
        color:#fff;
    }
    .btn-color .icon-btn-arrow{
        height:21px;
        width: 21px;
        position: absolute;
        right:16px;
        top:13px;
        border:1px solid #fff;
        border-radius: 100px;
    }
    .btn-color .icon-btn-arrow img{
    	margin-top:3px;
    	margin-left:-10px;
    	height:14px;
	}
	.btn-color:hover{
		border: 1px solid #4F5EA8 !important;
		background: #fff;
	}
	.btn-color:hover span{
		color: #4F5EA8;
	}
	.btn-color:hover .icon-btn-arrow{
		background: #4F5EA8;
	}
	.btn-color:hover .icon-btn-cart{
		background:#4F5EA8;
	}





	/* ________ ESPACE USER REFONTE __________ */


	.home .nav.nav-tabs .nav-item-member{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 18px;
	}
	.home .nav.nav-tabs .nav-item-member .logo-description{
		margin-bottom: 0;
		left:0;
	}
	.home .nav.nav-tabs .nav-item-member a{
	    font-weight: 700;
	    font-size: 28px;
	    line-height: 42px;
	    color: #343534 !important;
	    max-width: 233px;
	    padding-top:0;
	    padding-bottom: 0;
	}	
	.home .nav.nav-tabs .nav-i-m a:before{
		content: none;
	}
	.home .nav.nav-tabs .nav-i-m a:after{
		content: none;
	}
	.home .nav.nav-tabs .nav-link{
		font-weight: 400;
		font-size: 14px;
		line-height: 21px;
		color: #000000;
		padding: 12px 0px 12px 16px;
	}
	.home .nav.nav-tabs .nav-link span{
		margin-left: 18px;
	}
	.tab-vertical-member{
		justify-content: center;
	}
	.tab-vertical-member .nav-tabs{
		margin-right:21px;
	}
	.tab-vertical .nav-tabs{
		border-right:none;
	}
	.member-content{
		background: #F6F7F9;
	    border-radius: 0px 50px 50px 0px;
	    padding: 15px 21px;
	    max-width: 78.5rem;
	}
	.member-content .title{
		font-weight: 700;
		font-size: 17px;
		line-height: 26px;
		color: #343534;
		padding-bottom:0;
		margin-bottom: 29px;
	}
	.member-content p{
		font-weight: 400;
		font-size: 14px;
		line-height: 21px;
		color: #3A3A3A;
	}
	.member-content p a{
		color: #4F5EA8 !important;
	}
	.btn-member{
		width: 180px;
	}
	.btn-infos{
		width:126px;
	}
	.circle_member_right{
		position: absolute;
		top:134px;
		right: -30px;
	}
	.circle_member_left{
		position: absolute;
		bottom:-160px;
		left: 0;
	}






.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.badge-danger {
    color: #fff;
    background-color: #dc3545 !important;
}
.badge-success {
    color: #fff;
    background-color: #28a745 !important;
}
.badge-warning {
    color: #212529;
    background-color: #ffc107 !important;
}





/* MODAL */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
  position: relative;
  background-color: #fff;
  margin: 10% auto;
  padding: 20px;
  border: 1px solid #ccc;
  width: 80%;
  max-width: 600px;
}

.modal-close {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
.btn-adresses{
  position: relative;
  height: 46px !important;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: initial;
  background: #fff;
  border-radius: 70px !important;
  border: 1px solid #4F5EA8;
  color:#4F5EA8;
}
.btn-adresses:hover{
  background:linear-gradient(180deg, #4F5EA8 0%, #4F5EA8 0.01%, #31418D 100%);
  color: #fff;
  border:none;
}




/* CSS CHECKBOX IN SWITCH */
    .switch-site {
      position: relative;
      display: inline-block;
      width:50px;
      height: 20px;
      top:4px;
      left:20px;
    }
    .switch-site input { 
      opacity: 0;
      width: 0;
      height: 0;
    }
    .slider-site {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }
    .slider-site:before {
      position: absolute;
      content: "";
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
      height: 20px;
      width:20px;
      left:2px;
      bottom:0;
    }
    .slider-site.round-site {
      border-radius: 34px;
    }
    .slider-site.round-site:before {
      border-radius: 50%;
    }
    input:checked + .slider-site {
        background-color: var(--color2); !important
    }
    input:focus + .slider-site {
      box-shadow: 0 0 1px #2196F3;
    }
    input:checked + .slider-site:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    } 






.progress-bar-msg {
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.alert-success .progress-bar-msg{
	background-color: #a8c26e;
}
.alert-danger .progress-bar-msg{
	background-color: #f6d6d5;
}

.progress-inner-msg {
  height: 100%;
  width: 0;
  transition: width 0.1s ease-in-out;
}
.alert-success .progress-inner-msg{
	background-color: #506b14;
}
.alert-danger .progress-inner-msg{
	background-color: #6d1a17;
}




/* MEMBRE DASHBOARD */
.box-dashboard{
	border: 1px solid #5C58A5;
	text-align: center;
	border-radius: 20px;
	background: linear-gradient(180deg, #4F5EA8 0%, #4F5EA8 0.01%, #31418D 100%)
}
.box-dashboard h3{
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}
.box-dashboard p{
	font-size: 25px;
	margin-bottom: 10px;
	color:#fff !important;
}






/* MOTEUR RECHERCHE FILTRE OPTION */
	#moteur_facette{
	    background: #F2F3F4;
	    padding:25px 20px;
	    position: relative;
	    margin-bottom:15px
	}
	#moteur_facette .btn-recherche{
		display: inline-flex;
		align-items: center;
	}
	#moteur_facette .btn-recherche #btn-recherche-filter{
		background:linear-gradient(180deg, #4F5EA8 0%, #4F5EA8 0.01%, #31418D 100%);
		color: #fff;
		font-weight:700;
		font-size:12px;
		padding: 10px 15px;
		text-align: center;
		border-radius: 70px;
		width: 100%;
	}
	#moteur_facette .list-valeurs input{
	    margin-right:5px;
	    float:left
	}
	#moteur_facette .champs-facette{
	    float:left;
	    background: #E3E4E5;
	    margin:0 11px 0 0;
	    padding:8px;
	    font-size: 13px;
	    width:86px;
	    width:125px;
	    position: relative;
	    margin-bottom: 5px;
	}
	#moteur_facette .list-valeurs{
		font-size: 12px;
	    position: absolute;
	    top: 36px;
	    left: 0;
	    padding: 10px;
	    width: 160px;
	    width: max-content;
	    background: #EAEAEA;
	    z-index: 999;
	    display: none;
	} 
	#moteur_facette .champs-facette span{
	    display: block;
	    float:left;
	    margin-top:-4px;
	    font-size:12px;
	    margin-right: 4px;
	}
	#moteur_facette .title-facette{
	    font-weight:400;
	    position: relative;
	    cursor: pointer;
	}
	#moteur_facette .title-facette img{
		position: absolute;
		top:50%;
		right: 0px;
		transform: translate(0%, -50%);
	}
	#moteur_facette .champs-facette .filter-choose{
	    display: block;
	    clear: both;
	    cursor: pointer;
	    margin-top: 5px;
	    float:left;
	}
	#moteur_facette .champs-facette .filter-choose input{
		margin-top:0;
	}
	/*champs selectionnéés dans les filtres*/
	#filtre_selected{
	    background: #F2F3F4;
	    margin:25px 0;
	    padding:15px 15px 5px 15px;
	}
	#filtre_selected .title{
	    display:block;
	    float:left;
	    margin:5px 10px 0 0;
	}
	.one-selected-filter{
	    float:left;
	    background: #E3E4E5;
	    padding:5px 10px;
	    font-size:12px;
	     margin:0 10px 10px 0;
	     cursor: pointer;
	}
	.one-selected-filter .delete:before{
	    content: "\f464";
	    display: inline-block;
	    -webkit-font-smoothing: antialiased;
	    font-family: 'dashicons';
	    font-size:16px;
	    color: #5561B4;
	    height: 16px;
	    line-height: 20px;
	    vertical-align: top;
	    margin-left:5px
	}
	#moteur_facette .filter-choose input[type="checkbox" i] {
	    background-color: initial;
	    cursor: default;
	    appearance: auto;
	    box-sizing: border-box;
	    margin: 3px 3px 3px 4px;
	    padding: initial;
	    border: initial;
	}






/* pagination */
	.toolbox-pagination{
		justify-content: center;
		align-items: center;
	}
	.page-item .page-link{
		width:40px;
		height:40px;
		border-radius: 100px;
		background:linear-gradient(to bottom, #F9F9F9, #F0F0F0) repeat scroll 0 0 #FFFFFF;
		border:1px solid rgba(0, 0, 0, 0.07);
	}
	.page-item.active .page-link{
		background:linear-gradient(to bottom, #4B57AB, #5864B7);
		color:#fff;
	}



									.box-fiche-product{
										width: 100%;
										background:#F2F2F2;
										padding: 10px;
										margin-bottom: 20px;
									}
									.box-fiche-product h3{
										font-size:14px;
									}
									.box-fiche-product #list-product-file{
										list-style: none;
										padding:0;
										margin-bottom: 0;
									}
									.box-fiche-product #list-product-file li{

									}
									.box-fiche-product #list-product-file li a{
										text-decoration: underline;
									}
									.box-fiche-product #list-product-file li a i{
										margin-right: 10px;
									}
									.box-fiche-product #list-product-file li a:hover{
										text-decoration: none;
									}




									/*#download-product{
										position: absolute;
										right:0;
										top:0;
										background:linear-gradient(180deg, #4F5EA8 0%, #4F5EA8 0.01%, #31418D 100%);
										padding: 5px 10px;
									}
									#download-product i{
										color: #fff;
									}
									#download-product:hover{
										background:#fff;
										border:1px solid #4F5EA8;
									}
									#download-product:hover i{
										color: #4F5EA8;
									}*/
									.dwl-prod{
										color:#4F5EA8;
										text-decoration: underline;
										margin-bottom: 1.8rem;
									}





/* filtre gauche */
.active_left_filter_fam.with-ul .left_filter_fam_link{
	background: var(--color2);
	color: #fff;
	padding:10px 0px;
	padding:10px;
}
.active_left_filter_fam.with-ul .left_filter_fam_link .nb_prods_fam{
	color: #fff;
}
.active_left_filter_fam.with-ul ul{
	display: block;
}
.active_left_filter_cat a{
	text-decoration: underline;
	color: var(--color2);
}



.mini-product-thumb{
	height: 100%;
}
.mini-product-thumb img{
	height: 100% !important;
	object-fit: contain;
}