/*
Theme Name: Mariage.fr
Theme URI: http://www.mariage.fr
Description: Le thème officiel pour le site de Mariage.fr
Version: 1.0
Author: ohmyweb + w-prog
Author URI: http://www.ohmyweb.fr + http://www.w-prog.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.onlyMobile{
	display: none;
}

.onlyDesktop{
	display: block;
}

@media screen and (max-width: 750px) {

	.onlyMobile{
		display: block;
	}
	.onlyDesktop{
		display: none;
	}
	

}	
::-moz-selection { /* Code for Firefox */
	background: pink;
	color:#fff;
}
::selection {
	background: pink;
	color:#fff;
}

html,body {
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background: #fff;
	color: #6f6f6f;
}
h1, h2, h3, h4, h5 {font-weight: 400;}

b, strong {font-weight: 700;}
a {color: #ee97ae; text-decoration: none;}
a:hover, a:active, a:focus {color: #f95381; text-decoration: none;}
.clearspace {clear: both; margin-top: 30px; margin-bottom: 30px;}
.lead {margin-top: 30px; font-size: 18px;}
.imgfull{
	width: 100%;
	margin: 0 auto;
	height: auto;
}
.pink {color: #ee97ae;}
.pink-red {color: #f95381;}
.very-strong {font-weight: 900; color: #ccc; font-size: 1.3em;}
.small-lead {margin-top: 15px; font-size: 16px;}
.txt-top{position: relative; display: inline-block;}
.txt-top::after{
	content: 'Top !';
	display: inline-block;
	vertical-align: text-top;
	color: #fbbbcc;
	margin-left: 2px;
	text-align: center;
	background: transparent;
	line-height: 5px;
	font-size: 12px;
	font-weight: 600;
}
.familleTitre.txt-top::after{
	margin-left:5px;
}
.txt-new{position: relative; display: inline-block;}
.txt-new::after{
	content: 'New !';
	display: inline-block;
	vertical-align: text-top;
	color: #fbbbcc;
	margin-left: 2px;
	text-align: center;
	background: transparent;
	line-height: 5px;
	font-size: 12px;
	font-weight: 600;
}
.familleTitre.txt-new::after{
	margin-left:5px;
}
.list-no-padding {padding-left: 20px;}


@font-face {
	font-family: "mariagefr";
	src:url("fonts/mariagefr.eot?v=1.0");
	src:url("fonts/mariagefr.eot?v=1.0#iefix") format("embedded-opentype"),
	url("fonts/mariagefr.woff?v=1.0") format("woff"),
	url("fonts/mariagefr.ttf?v=1.0") format("truetype"),
	url("fonts/mariagefr.svg?v=1.0#mariagefr") format("svg");
	font-weight: normal;
	font-style: normal;

}

@keyframes pulse {
	0%, 10% { transform: scale(1);}
	12% { transform: scale(1.3); }
	15% { transform: scale(1); }
	20% { transform: scale(1.2); }
	30%, 50% { transform: scale(1); }
	52% { transform: scale(1.3); }
	55% { transform: scale(1); }
	60% { transform: scale(1.2); }
	70%, 90% { transform: scale(1); }
}
@keyframes bounce {
	0%, 5%, 30%, 60%, 80%, 100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	20% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	40% {
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}
@keyframes fade-on {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes highlight_btn {
	0% {
		-moz-box-shadow: 0px 0px 0px 0px rgba(240,164,184,1);
		-webkit-box-shadow: 0px 0px 0px 0px rgba(240,164,184,1);
		-o-box-shadow: 0px 0px 0px 0px rgba(240,164,184,1);
		box-shadow: 0px 0px 0px 0px rgba(240,164,184,1);
	}
	50% {
		-moz-box-shadow: 0px 0px 20px 10px rgba(240,164,184,0.4);
		-webkit-box-shadow: 0px 0px 20px 10px rgba(240,164,184,0.4);
		-o-box-shadow: 0px 0px 20px 10px rgba(240,164,184,0.4);
		box-shadow: 0px 0px 20px 10px rgba(240,164,184,0.4);
	}
	100% {
		-moz-box-shadow: 0px 0px 0px 0px rgba(240,164,184,0.5);
		-webkit-box-shadow: 0px 0px 0px 0px rgba(240,164,184,0.5);
		-o-box-shadow: 0px 0px 0px 0px rgba(240,164,184,0.5);
		box-shadow: 0px 0px 0px 0px rgba(240,164,184,0.5);
	}
}
@keyframes show-right-slide {
	0% {right: -100%;}
	100% {right: 0;}
}
@keyframes hide-right-slide {
	0% {right: 100%;}
	100% {right: 0;}
}


@keyframes slideBottom {
	from {top:-100%;}
	to {top:0%;}
}
@-webkit-keyframes slideBottom {
	from {top:-100%;}
	to {top:0%;}
}
@keyframes slideTop {
	from {top:0%;}
	to {top:-100%;}
}
@-webkit-keyframes slideTop {
	from {top:0%;}
	to {top:-100%;}
}

@keyframes slideRight {
	from {left:-100%;}
	to {left:0%;}
}
@-webkit-keyframes slideRight {
	from {left:-100%;}
	to {left:0%;}
}
@keyframes slideLeft {
	from {left:0%;}
	to {left:-100%;}
}
@-webkit-keyframes slideLeft {
	from {left:0%;}
	to {left:-100%;}
}


/***> Menu hamurger */
#voile{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background-color: #000;
	opacity: 0.8;
	z-index: 15;
}
header .top-bar.menu2020 ul li{
	vertical-align: middle;
}
header .top-bar.menu2020 ul li a{
	padding-top: 0px;
	padding-bottom: 0px;
}

header .top-bar ul li.organiser{
	min-height:51px;
	padding-top: 15px;
}

header .top-bar ul li a::after{
	bottom: 2px!important;
}

header .top-bar ul li a.icon_menu::after, 
header .top-bar ul li nav.menuburger a::after {
	background-color: transparent;
}

.fa-bars{
	color:white;
}

header .top-bar.menu2020 ul li a.icon_menu{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

header .top-bar.menu2020 ul li a.icon_menu:hover{
	color:#E4829F;
	text-decoration: none;
}
header .top-bar.menu2020 ul li a.icon_menu:hover .fa-bars{
	color:#E4829F;
}
header .top-bar.menu2020 ul li a.icon_menu{
	padding-left: 20px;
}

header .top-bar.menu2020 ul li a.icon_menu .fa-bars{
	font-size: 2.5em;
	opacity: 0.8;
}

.menuburger {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	-webkit-overflow-scrolling: touch;
	background-color: #d45a72;
	width: 450px;
	z-index: 20;
	height:fit-content;
}

.menuburger .fa-home{
	padding-right: 12px;
	padding-top: 2px;
	color: #F3D7DB;
}

/* Un lien par ligne */
.menuburger a {
	display: block;
	height: 40px;
	text-align: left;
	line-height: 40px;
	border-bottom: 1px solid #cfcfcf; 
}

.invisible{
	display: none!important;
}
.visible{
	display: block!important;
}

.menuburger.visible {animation:.5s slideBottom ease forwards; transition-delay:0;}
.menuburger.invisible {animation:.5s slideTop ease forwards; transition-delay:0;}

header .top-bar.menu2020 .menuburger a{
	height: 53px;
	/*padding-left: 15px;*/
	padding-left: 25px;
	text-transform: uppercase;
}

header .top-bar.menu2020 .menuburger a.titre span.titre{
	padding-top: 2px;
	position: absolute;
	top: 4px;
	color: #F3D7DB;
	padding-left: 15px;
	font-size: 140%;
}
header .top-bar.menu2020 .menuburger a.titre .fa-close{
	padding-top: 2px;
}
header .top-bar.menu2020 .menuburger a.titre .fa-close.fa-2x{
	opacity: 0.8;
}

header .top-bar.menu2020 .menuburger a{
	font-weight: 400;
	font-size: 17px;
	padding-top: 4px;
	letter-spacing: -0.6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
header .top-bar.menu2020 ul li .menuburger a.principale{
	background-color: #eff5f7;
	color: #fa7094;
}

header .top-bar.menu2020 .menuburger a.famille{
	background-color: #ffffff;
	color: #998286;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

header .top-bar.menu2020 ul li .menuburger a.famille:hover{
	background-color: #eff5f7;
	color: #fa7094;
}

header .top-bar.menu2020 .menuburger a.famille.choix{
	color:#fa7094;
	background-color: #eff5f7;
}

header .top-bar.menu2020 .menuburger a.famille.espace{
	background-color: white;
}
header .top-bar.menu2020 .menuburger a.famille.boutique{
	background-color: #f4d6dc;
}

header .top-bar.menu2020 .menuburger a.famille.ouvert{
	background-color: #eff5f7;
	color: #fa7094;
	/*padding-left: 10px;*/
}

header .top-bar.menu2020 .menuburger.menuorganisation a.famille.ferme{
	/*margin-bottom: 5px;*/
	border-bottom:0px;
}

header .top-bar.menu2020 .menuburger a.famille.ferme button.btn{
	display: none;
}

header .top-bar.menu2020 .menuburger a.famille.ouvert button.btn{
	color: white;
	background-color: #e4b7c2;
	float: right;
	margin-right: 5px;
	display: inline-block;
	margin-top: -3px;
	outline: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

header .top-bar.menu2020 .menuburger a.famille.ouvert button.btn:hover{
	background-color: #d45a72;
}

header .top-bar.menu2020 .menuburger a.famille.ouvert button.btn.oeil{
	color:#fa7094;
	background-color: transparent;
	margin-top:-1px;
	margin-right: 0px;
}

header .top-bar.menu2020 .menuburger a.famille.ouvert button.btn.oeil:hover{
	color: #d45a72;
}

header .top-bar.menu2020 .menuburger a .fa-chevron-down,
header .top-bar.menu2020 .menuburger a .fa-chevron-right{
	float: right;
	color: #fa7094;
	padding-top: 10px;
	font-size: 110%;
	padding-right: 20px;
}

header .top-bar.menu2020 .menuburger a.famille.ouvert .fa-chevron-left{
	display: inline-block!important;
	margin-right: 10px;
}

header .top-bar.menu2020 .menuburger a.famille.ferme .fa-chevron-left{
	display: none!important;
}

header .top-bar.menu2020 .menuburger a.famille.ouvert .fa-chevron-right{
	display: none!important;
}

header .top-bar.menu2020 .menuburger a.famille.ferme .fa-chevron-right{
	display: block!important;
}

header .top-bar.menu2020 ul.sousOrganisation,
header .top-bar.menu2020 ul.sousFamille,
header .top-bar.menu2020 ul.sousFamilleManuel,
header .top-bar.menu2020 ul.sousCouleur,
header .top-bar.menu2020 ul.sousMatiere,
header .top-bar.menu2020 ul.sousTheme{
	float: none;
	background-color: #fff;
}
header .top-bar.menu2020 ul.sousMatiere{
	/*float: left;*/
}

header .top-bar.menu2020 ul.sousOrganisation li,
header .top-bar.menu2020 ul.sousCouleur li,
header .top-bar.menu2020 ul.sousTheme li,
header .top-bar.menu2020 ul.sousMatiere li,
header .top-bar.menu2020 ul.sousFamilleManuel li,
header .top-bar.menu2020 ul.sousFamille li{
	border-bottom: 1px solid #cfcfcf;  
	width: 100%;
	/*padding-left: 0px;*/
	padding-left: 20px;
} 

header .top-bar.menu2020 ul.sousOrganisation li a,
header .top-bar.menu2020 ul.sousFamilleManuel li a,
header .top-bar.menu2020 ul.sousCouleur li a,
header .top-bar.menu2020 ul.sousTheme li a,
header .top-bar.menu2020 ul.sousMatiere li a,
header .top-bar.menu2020 ul.sousFamille li a{
	color: #998286;
	font-weight: normal;
	border-bottom:0px; 
	padding-left: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size: 16px;
	display: list-item;
	list-style-position: inside;
	list-style-type: disc;
} 

header .top-bar.menu2020 ul.sousFamille li:hover{
	background-color: #eff5f7;
}
header .top-bar.menu2020 ul.sousFamille li a:hover{
	color: #fa7094;
}

header .top-bar.menu2020 ul.sousFamilleManuel li:hover{
	background-color: #eff5f7;
}
header .top-bar.menu2020 ul.sousFamilleManuel li a:hover{
	color: #fa7094;
}

header .top-bar.menu2020 ul.sousTheme li:hover{
	background-color: #eff5f7;
}
header .top-bar.menu2020 ul.SousTheme li a:hover{
	color: #fa7094;
}

header .top-bar.menu2020 ul.sousOrganisation li:hover{
	background-color: #eff5f7;
}
header .top-bar.menu2020 ul.sousOrganisation li:hover ul{
	background-color: white;
}


header .top-bar.menu2020 ul.sousOrganisation li a:hover{
	color: #fa7094;
}


header .top-bar.menu2020 ul.sousCouleur{
	/*text-align: center;*/
	padding-left: 40px;
	padding-bottom: 25px;
	padding-top: 25px;
}
header .top-bar.menu2020 ul.sousCouleur li{
	padding-top: 2px;
	padding-bottom: 2px;
	height: 54px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
header .top-bar.menu2020 ul.sousCouleur li:hover{
	background-color: #eff5f7;
	opacity: 0.5;
}
header .top-bar.menu2020 ul.sousCouleur li a:hover{
	color: #fa7094;
}

header .top-bar.menu2020 ul.sousMatiere li:hover{
	background-color: #eff5f7;
}
header .top-bar.menu2020 ul.sousMatiere li a:hover{
	color: #fa7094;
}


header .top-bar.menu2020 ul.sousCouleur li{
	width: 35px;
	height: 35px;
	border: 1px solid #dedede;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
	margin-right: 40px;
	border-radius: 50%;
	padding: 0px;
}

header .top-bar.menu2020 ul.sousCouleur li.noborder{
	border:0px;
}

header .top-bar.menu2020 ul.sousCouleur li a.coul-1{
  width: 100%;
  height:100%;
  border-radius: 50%;
  display:block;
  
}


header .top-bar.menu2020 ul li .menuburger a.menu-boutique{
	background-size: cover;
	height: 150px;
	padding: 0px;
	margin: 0px;
	line-height: 33px;
}

header .top-bar.menu2020 ul li .menuburger a.menu-boutique .titre{
	background-color:#d45a72;
	text-transform: uppercase;
	padding: 4px;
	padding-top: 5px;
	padding-left:26px;
	font-weight: 100;
	display: block;
	width:230px;
	height: 40px;
}

header .top-bar.menu2020 ul li .menuburger a.espace.m40{
	height: 33px;
}

.noborder{
	border: 0px!important;
}
.noborderbottom{
	border-bottom: 0px!important;
}
.withborderbottom{
	border-bottom: 1px solid #cfcfcf!important;;
}

header .top-bar.menu2020 ul li .menuburger a.menu-dragees-bapteme{
	background-image:url('/img/menu-dragees-bapteme.jpg');
}

header .top-bar.menu2020 ul li .menuburger a.menu-dragees-communion{
	background-image:url('/img/menu-dragees-communion.jpg');
}

header .top-bar.menu2020 ul li .menuburger a.menu-deco-noel{
	background-image:url('/img/menu-deco-noel.jpg');
}
/*
header .top-bar.menu2020 ul.sousOrganisation{
	
}
*/

header .top-bar.menu2020 ul.sousOrganisation li{
	padding: 0px;
	border-bottom: 1px solid #cfcfcf;
}

header .top-bar.menu2020 ul.sousOrganisation li:last-child{
	border-bottom: 0px;
}

header .top-bar.menu2020 ul.sousOrganisation li a{
	list-style: none;
	background-color: #eff5f7;
	color: #fa7094;
	border-bottom: 1px solid #cfcfcf;
}

/*
header .top-bar.menu2020 ul.sousOrganisation li ul.sousmenu {
}
*/

header .top-bar.menu2020 ul.sousOrganisation li ul.sousmenu li{
	border: 0px;
	border-bottom: 1px solid #cfcfcf;
	padding-left: 95px;;

}

header .top-bar.menu2020 ul.sousOrganisation li ul.sousmenu li:last-child{
	border-bottom: 0px;
}
header .top-bar.menu2020 ul.sousOrganisation li ul.sousmenu li a{
	list-style: disc;
	background-color: transparent;
	padding-left: 10px;
	color:#998286;
	border-bottom: 0px;
}

header .top-bar.menu2020 .menuburger .bulle{
	width: 35px;
    height: 35px;
	border-radius: 50%;
	background-color: #f097af;
	color:white;
    float: left;
    margin-top: 1px;
    padding-top: 4px;
	margin-right: 10px;
	position: relative;
}

header .top-bar.menu2020 .menuburger .bulle span{
	position: absolute;
	top:-3px;
	left: 12px;
	font-size: 18px;
}

/*header
-----------------------------------------------------------*/

header .top-bar {
	min-height: 50px;
	width: 100%;
	background: #d45a72;
	color: #fff;
}
header .top-bar div.container {position: relative;}
header .top-bar ul {margin: 0; padding: 0; position: static; display: inline-block; float: left;}
header .top-bar ul li{ padding: 0 20px; font-size: 16px; display: inline-block;}
header .top-bar ul li:first-child {padding-left: 0;}
header .top-bar ul li a{ 
	padding: 15px 0; 
	display: block;
	position: relative;
	font-weight: 300;
	color: #fff;
}
header .top-bar ul li a::after{ 
	content: '';
	display: block;
	position: absolute;
	bottom: 10px;
	height: 1px;
	width: 0;
	background-color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
header .top-bar ul li a:hover, header .top-bar ul li a:active,header .top-bar ul li.active a{  color: #fff;}
header .top-bar ul li a:hover::after, header .top-bar ul li a:active::after,header .top-bar ul li.active a::after{ width: 100%;}
header .top-bar ul li.dropdown {position: static;}
/*.dropdown .dropdown-menu { display: none;  opacity: 0;}*/
/*.top-bar .dropdown:hover .dropdown-menu { display: block;  opacity: 1; animation-name: fade-on;   animation-duration: 0.5s;}*/
.top-bar .dropdown.open .dropdown-menu { display: block;  opacity: 1; animation-name: fade-on;   animation-duration: 0.5s;}

.top-bar .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	min-width: 160px;
	width: 100%;
	height: auto;
	padding: 15px;
	margin:0;
	z-index: 1000;
	display: none;
	float: left;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background: url(img/topnav-dropdown-bg.jpg) no-repeat center;
	background-color: #fff;
	background-size: contain;
	color: #8c8c8c;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 20px solid #d7d7d7;
	border-top: none;
	border-bottom: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow:none;
}
.top-bar .dropdown-menu::before, .dropdown-menu::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 40px;
	height: 100%;
	background-color: #d45a72;
}
.top-bar .dropdown-menu::before {left: -60px;}
.top-bar .dropdown-menu::after {right: -60px;}
header .top-bar ul li.dropdown div.dropdown-menu ul {padding: 0; padding-bottom: 20px;}
header .top-bar ul li.dropdown div.dropdown-menu ul li.title a {font-weight: 400; font-size: 17px; padding-bottom: 6px;}
header .top-bar ul li.dropdown div.dropdown-menu ul li {display: block; padding: 0;}
header .top-bar ul li.dropdown div.dropdown-menu ul li a{
	display: inline-block; 
	color: #8c8c8c;
	font-size: 16px;
	padding: 3px 0;
	font-weight: 400;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
header .top-bar ul li.dropdown div.dropdown-menu li a:hover{color: #ee97ae;}
header .top-bar ul li.dropdown div.dropdown-menu ul li a::after{ 
	bottom: 2px;
	background-color: #ee97ae;
}

header .top-bar .phone{
	display: inline-block;
	color: #f7cbd4;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 13px;
	vertical-align: text-top;
	line-height: 0px;
	font-size: 18px;
	font-weight: 600;
	margin: 0 auto;
}
header .top-bar .phone::before{
	content: '';
	display: inline-block;
	height: 29px; width: 29px;
	margin-right: 15px; margin-bottom: -6px;
	background: url(img/phone-ico.png) no-repeat center;
	background-size: contain;
}
header .top-bar .link {
	display: inline-block;
	padding: 15px 0;
	color: #fff;
	font-size: 16px;
	position: relative;
	margin: 0px 0px 0px 24px;
}
header .top-bar .link::after{ 
	content: '';
	display: block;
	position: absolute;
	bottom: 10px;
	height: 1px;
	width: 0;
	background-color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
header .top-bar .link:hover, header .top-bar .link:active {color: #fff;}
header .top-bar .link::after{ 
	content: '';
	display: block;
	position: absolute;
	bottom: 10px;
	height: 1px;
	width: 0;
	background-color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
header .top-bar .link:hover::after{ width: 100%;}

/*---header content ----*/

header .logo {
	position: relative; 
	padding: 0;
	display: block; 
}
header .logo::before {
	content: '\f004';
	font-family: "FontAwesome"; font-size: 14px; text-align: center; color: #ee97ae;
	display: block; position: absolute; bottom: 67%; 
	left: 29.15%; 
	left: 36.42%; 
	width: 20px;
	animation: pulse 4s;
}
header .logo:hover::before {
	animation: bounce 1.5s ;
}
header .logo img{
	width: 100%;
	max-width: 390px;
	height: auto;
	margin-top: 15px;
}
header .logo h1, header .logo span {
	display: block;
	color: #ee97ae;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.1;
	font-weight: 300;
	padding: 0 4px ;
	margin: 0;
	margin-top: -10px;
}
header .big-content {height:140px; margin: 0; text-align: center; padding-left: 40px;}

header .small-content {height:35px; margin: 0; }
header .panier {margin: 0; color: #d6d5d4; font-weight: 600; font-size: 21px; letter-spacing: -1px; text-align: center; padding: 0;}
header .panier a {margin: 0; display: block; color: #d3d3d3;}
header .panier a::before {
	content: '';
	display: inline-block;
	width: 40px; 
	height: 34px;
	margin-right: 4px; margin-bottom: -5px;
	/*background: url(img/panier-ico.jpg) no-repeat center;*/
	background: url(img/panier-ico-2020.png) no-repeat center;
	background-size: 40px 34px;
}

header .search { margin: 0; padding: 0; }
.form-control {border-radius: 0; }
.input-group-btn>.btn {border-radius: 0;}
.search .input-group { display: block;}
.search .input-group .form-control { 
	font-family: 'Open Sans', sans-serif;
	 /*position: absolute;*/ 
	 width: 100%; 
	 left: 0; 
	 right: 0; 
	 border-radius: 7px;
}
.search .input-group .btn {position: absolute; top:0; right: 0px; border: none; font-size: 18px; line-height: 20px; background-color: transparent; z-index: 10;}
.search .input-group .btn:hover {background-color: transparent; color:#66AFE9; border: none;}


/*---- header nav --------------------------------------------------*/

header nav.navbar {display: block; margin: 15px 0; padding: 0;}
header nav.navbar ul.nav {
	position: relative; 
	display: block;  
	width: 100%; 
	text-align: center;
	font-size: 0;
	border: 1px solid #e0e0e0; border-left: none; border-right: none;
}
header nav.navbar ul.nav:last-child {border-top: none;}
header nav.navbar ul.nav>li {border-right: 1px solid #e0e0e0; margin: 0 auto; float: none; display: inline-block;}
header nav.navbar ul.nav>li:last-child {border-right: none;}
header nav.navbar ul.nav>li>a {
	display: block;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
	padding: 15px;
	color: #a4a4a4;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
header nav.navbar ul.nav>li>a:hover, 
header nav.navbar ul.nav>li>a:active, 
header nav.navbar ul.nav>li.active>a, 
header nav.navbar ul.nav>li.dropdown:hover>a{
	background-color: #ee96ad; color: #fff;
}
header nav.navbar ul.nav>li>a:focus {background-color: transparent; color: #a4a4a4;}
header nav.navbar ul.nav>li.dropdown {position: static;}
/*header nav.navbar ul.nav>li.dropdown:hover .dropdown-menu { display: block;  opacity: 1; animation-name: fade-on;   animation-duration: 0.5s;}*/
header nav.navbar ul.nav>li.dropdown.open .dropdown-menu { display: block;  opacity: 1; animation-name: fade-on;   animation-duration: 0.5s;}
header nav.navbar ul.nav>li .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 5%;
	right: 5%;
	min-width: 160px;
	width: 90%;
	max-width: 1200px;
	height: auto;
	padding: 15px;
	margin:0 auto;
	z-index: 1000;
	display: none;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #f1f1f1;
	color: #8c8c8c;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 20px solid #d7d7d7;
	border-top: none;
	border-bottom: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow:none;
}
header nav.navbar ul.nav>li .dropdown-menu::before, .dropdown-menu::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 40px;
	height: 100%;
	background-color: #d45a72;
}
header nav.navbar ul.nav>li .dropdown-menu::before {left: -60px;}
header nav.navbar ul.nav>li .dropdown-menu::after {right: -60px;}
header nav.navbar ul.nav>li.dropdown div.dropdown-menu ul {padding: 0; padding-bottom: 20px;}
header nav.navbar ul.nav>li.dropdown div.dropdown-menu ul li.title a, header nav.navbar ul.nav>li.dropdown div.dropdown-menu ul li.title  {font-weight: 400; font-size: 17px; padding-bottom: 6px; }
header nav.navbar ul.nav>li.dropdown div.dropdown-menu ul li {display: block; padding: 0;}
header nav.navbar ul.nav>li.dropdown div.dropdown-menu ul li a{
	display: inline-block;
	position: relative; 
	color: #8c8c8c;
	font-size: 16px;
	padding: 3px 0;
	font-weight: 400;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
header nav.navbar ul.nav>li.dropdown div.dropdown-menu li a:hover{color: #ee97ae;}
header nav.navbar ul.nav>li.dropdown div.dropdown-menu li a::before{ 
	content: '';
	display: block;
	position: absolute;
	bottom: 2px;
	height: 1px;
	width: 0;
	background-color: #ee97ae;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
header nav.navbar ul.nav>li.dropdown div.dropdown-menu li a:hover::before,
header nav.navbar ul.nav>li.dropdown div.dropdown-menu li a:active::before,
header nav.navbar ul.nav>li.dropdown div.dropdown-menu li.active a::before{ width: 100%;}

.img-submenu {
	display: inline-block;
	float: right;
	padding: 10px;
	border: 1px solid #bfbfbf;
	border-radius: 10px;
	box-shadow: 2px 4px 12px #00000014;
	background-color: #fff;
}
.img-submenu.fp-submenu {
	display: inline-block;
	float: right;
	padding: 10px;
	border: none;
	background-color: transparent;
}
.img-submenu img {max-width: 100%; height: auto;}

ul.colors-trie>li:not(.title) {
	display: inline-block!important;
	width: 25px;
	height: 25px;
	margin: 15px 15px 0 0;
	border: 1px solid #dedede;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
ul.colors-trie>li:not(.title):hover {opacity: 0.5;}
ul.colors-trie>li:not(.title)>a::before{display: none!important;}
ul.colors-trie>li:not(.title)>a { display:block; width: 100%; height: 100%; border-radius: 50%;}
ul.colors-trie>li:not(.title)>a.coul-1 { background-color: #fff;}
ul.colors-trie>li:not(.title)>a.coul-2 { background-color: #f8f4cf;}
ul.colors-trie>li:not(.title)>a.coul-3 { background-color: #d8d7d6;}
ul.colors-trie>li:not(.title)>a.coul-4 { background-color: #fdcad8;}
ul.colors-trie>li:not(.title)>a.coul-5 { background-color: #bee5fc;}
ul.colors-trie>li:not(.title)>a.coul-6 { background-color: #f4617e;}
ul.colors-trie>li:not(.title)>a.coul-7 { background-color: #eca1f1;}
ul.colors-trie>li:not(.title)>a.coul-8 { background-color: #36b8e7;}
ul.colors-trie>li:not(.title)>a.coul-9 { background-color: #6fef42;}
ul.colors-trie>li:not(.title)>a.coul-10 { background-color: #834517;}
ul.colors-trie>li:not(.title)>a.coul-11 { background-color: #cf3044;}
ul.colors-trie>li:not(.title)>a.coul-12 { background-color: #f42b2b;}
ul.colors-trie>li:not(.title)>a.coul-13 { background-color: #f1c087;}
ul.colors-trie>li:not(.title)>a.coul-14 { background: url(img/coul-14.png) no-repeat center;}
ul.colors-trie>li:not(.title)>a.coul-15 { background: url(img/coul-15.png) no-repeat center;}
ul.colors-trie>li:not(.title)>a.coul-16 { background-color: #000000;}
ul.colors-trie>li:not(.title)>a.coul-17 { background-color: #752c9b;}
ul.colors-trie>li:not(.title)>a.coul-18 { background-color: #323b76;}
ul.colors-trie>li:not(.title)>a.coul-19 { background-color: #bcd3a8;}
ul.colors-trie>li:not(.title)>a.coul-20 { background-color: #ffb54c;}
ul.colors-trie>li:not(.title)>a.coul-21 { background: url(img/coul-16.png) no-repeat center;}
ul.colors-trie>li:not(.title)>a.coul-22 { background: url(img/coul-17.png) no-repeat center;}
ul.colors-trie>li:not(.title)>a.coul-25 { background-color: #fdd6c8;}
ul.colors-trie>li:not(.title)>a.coul-26 { background-color: #c15741;}

header nav.navbar ul.nav>li.dropdown div.dropdown-menu ul li ul.col-2{
	display: inline-block;
	width: 50%;
}

.bapteme{
	background-color: #FDF8E6;
}
.themesh{
	background-color: #d4f5f8;
}
.promoh{
	background-color: #fde7ed;
}


/* maint - centent ----------------------------------------------*/
#main {overflow: hidden;}

/*** Header carousel */
#carouselHeader .carousel-inner>.item>a>img:hover{
	opacity: 0.8;
}

/* home carousel
------------------------------------------------------*/
/*#home-slider {background: url(img/home-slider-bg.jpg) repeat-x bottom ; padding-top:15px; margin-bottom: 15px;}*/
#home-slider {background: url(img/background-blanc.jpg) repeat-x bottom ; padding-top:15px; margin-bottom: 15px;}
#home-slider > .container {background-color: #fff; padding: 0;}
#home-slider .carousel-inner>.item {width: 100%;}
#home-slider .feature {height: 465px; position: relative;}
#home-slider .feature > a {display: block; height: 100%; width: 100%; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
#home-slider .feature > a::after {
	content: '';
	position: absolute;
	display: block;
	height: 60px; width: 100%;
	bottom: 0; left: 0; right: 0;
	z-index: 5; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#home-slider .feature > a:hover::after {
	width: 100%; height: 15%;
	bottom: 0; left: 0; right: 0;
}
#home-slider .feature:nth-child(odd) > a::after { background-color: rgba(238,150,173,0.5);}
#home-slider .feature:nth-child(even) > a::after { background-color: rgba(169,242,247,0.5);}
#home-slider .feature > a > h2 {
	display: block; 
	position:absolute; bottom: 0; left: 0; right: 0;
	height: 60px; padding: 15px; margin: 0;
	text-align: center; color: #404040; text-transform: uppercase; font-size: 21px; font-weight: 400; line-height: 28px;
	vertical-align: middle;
	z-index: 6;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#home-slider .feature > a:hover > h2 {
	left: 0; right: 0; bottom: 8%; margin-bottom: -30px;
	height: 60px; padding: 15px;
	vertical-align: middle;
}
#home-slider .feature > a:hover {opacity: 0.8;}
#home-slider .feature.deco-mariage > a { background-image: url(img/decoration-mariage.jpg);}
#home-slider .feature.dragees-mariage > a { background-image: url(img/dragees-mariage.jpg);}
#home-slider .feature.bougies-mariage > a { background-image: url(img/bougies-mariage.jpg);}
#home-slider .feature.cadeaux-inv > a { background-image: url(img/cadeau-invites-mariage.jpg);}
#home-slider .feature.accessoires-mariage > a { background-image: url(img/accessoires-mariage.jpg);}
#home-slider .feature.rose-gold > a { background-image: url(img/mariage-gold-chic-dore.jpg);}
#home-slider .feature.sortie-eglise > a { background-image: url(img/feature-sortie-eglise.jpg);}
#home-slider .feature.deco-voiture > a { background-image: url(img/feature-deco-vintage.jpg);}

#home-slider .feature.dragees-bapteme > a { background-image: url(img/dragees-bapteme.jpg);}
#home-slider .feature.dragees-pour-bapteme > a { background-image: url(img/dragees-pour-bapteme.jpg);}
#home-slider .feature.contenant-bapteme > a { background-image: url(img/contenant-dragees-bapteme.jpg);}
#home-slider .feature.rubans-bapteme > a { background-image: url(img/rubans-bapteme.jpg);}
#home-slider .feature.etiquette-prenom-dragees > a { background-image: url(img/etiquette-prenom-dragees.jpg);}
#home-slider .feature.candy-bar > a { background-image: url(img/candy-bar.jpg);}
#home-slider .feature.deco-table-bapteme > a { background-image: url(img/deco-table-bapteme.jpg);}
#home-slider .feature.cadeaux-invites-bapteme > a { background-image: url(img/cadeau-invite-bapteme.jpg);}

#home-slider .carousel-indicators {width: auto; bottom: 70px; left: auto; right: 30px; margin: 0; opacity:0.8;  z-index: 10;}
#home-slider .carousel-indicators li { 
	background-color: #fff; 
	/*background-color: #9B9B9B; */
	border: 1px solid #aaa; 
	width: 20px; 
	height: 20px;
}
#home-slider .carousel-indicators li.active { 
	/*background-color: #dedede;*/
	/* background-color: #9B9B9B; */
	background-color: #666666; 
	background-color: #525353; 
	background-color: #404040; 
	
}


#home-slider #home-carousel {position: relative;}
#home-slider #home-carousel .carousel-control {
	position: absolute;
	top: 45%; margin-top: -33px;
	bottom: 0;
	width: auto;
	height: 66px;
	padding: 0;
	font-size: 66px;
	font-family: "FontAwesome";
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	background:transparent;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#home-slider #home-carousel:hover .carousel-control{ opacity: 1;}
#home-slider #home-carousel .carousel-control.left {left: 15px;} #home-slider #home-carousel .carousel-control.right {right: 15px;}
#home-slider #home-carousel .carousel-control.left::before, #home-slider #home-carousel .carousel-control.right::before {
	display: inline-block;
	height: 30px; width: 30px; 
	text-align: center;
}
#home-slider #home-carousel .carousel-control.left::before {content: "\f104";} #home-slider #home-carousel .carousel-control.right::before {content: "\f105";}
#home-slider #home-carousel .carousel-control.left:hover::before, #home-slider #home-carousel .carousel-control.right:hover::before {color: #F1A3CB;}
#home-slider .reassu-col > .row {position: relative; height: 465px;}
#home-slider .reassu-col > .row > div {position: static;}
.assu-block {
	display: block; 
	height: 125px;
	padding: 20px 15px; 
	margin-bottom: 10px; 
	text-align: center; 
	border-radius: 10px;
	box-shadow: inset 0 0 0 1px #d5d5d5;  
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;  
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.assu-block:hover {box-shadow: inset 0 0 0 4px #d5d5d5;}
.assu-block > span {display: block; color:#9b9b9b; font-size:28px; font-weight: 400; text-transform: uppercase; letter-spacing: -1px; }
.assu-block > strong {display: block; color:#f95381; font-size:38px; line-height: 30px; letter-spacing: -2px; }
#home-slider .reassu-col .feature.deco-vintage {height: 60px; position: absolute; bottom: 0; left: 15px; right: 15px;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
#home-slider .reassu-col .feature.deco-vintage:hover {height: 100%; bottom: 0; left: 15px; right: 15px; }
#home-slider .reassu-col .feature.deco-vintage::before {
	content: '';
	position: absolute;
	display: block;
	height: 60px; width: 100%;
	bottom: 0; left: 0; right: 0;
	opacity: 0;
	/*background-image: url(img/feature-deco-vintage.jpg);  background-position: center; background-repeat: no-repeat; background-size: cover;*/
	background-image: url(img/feature-deco-sauge-green-mobile.jpg);  background-position: center; background-repeat: no-repeat; background-size: cover;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#home-slider .reassu-col .feature.deco-vintage:hover::before {
	width: 100%; height: 100%;
	bottom: 0; left: 0; right: 0;
	opacity: 1;
}

.mariage_droite_fixe {
  position: relative;
  overflow: hidden;
}
.mariage_droite_fixe .video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.mariage_droite_fixe a,
.mariage_droite_fixe h2 {
  position: relative;
  z-index: 1;
}

.mariage_droite_fixe{
	background-image: url(img/feature-deco-sauge-green.jpg);  
	background-position: center; 
	background-repeat: repeat; 
	background-size: cover;
	border-radius: 10px;
}

.mariage_droite_fixe a::after{
	content:" ";
	background-color: rgba(238, 150, 173, 0.8)!important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#home-slider .reassu-col .feature.bapteme-lin {height: 60px; position: absolute; bottom: 0; left: 15px; right: 15px;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
#home-slider .reassu-col .feature.bapteme-lin:hover {height: 100%; bottom: 0; left: 15px; right: 15px; }
#home-slider .reassu-col .feature.bapteme-lin::before {
	content: '';
	position: absolute;
	display: block;
	height: 60px; width: 100%;
	bottom: 0; left: 0; right: 0;
	opacity: 0;
	background-image: url(img/bapteme-lin.jpg);  background-position: center; background-repeat: no-repeat; background-size: cover;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#home-slider .reassu-col .feature.bapteme-lin:hover::before {
	width: 100%; height: 100%;
	bottom: 0; left: 0; right: 0;
	opacity: 1;
}


#hexag-pushs2020{
	margin: 10px auto; 
	margin-bottom: 40px; 
	display: inline-block; 
	width: 100%;
}



/*-- hexagone push
-----------------------------------------------------------------------*/
#hexag-pushs {
	margin: -32px auto; 
	margin-bottom: 40px; 
	display: inline-block; 
	display: block; 
	width: 100%;
}
#hexag-pushs.margt0.margb0{ margin-top: 0px; margin-bottom: 0px;}
#hexag-pushs.margt0 ul.lead{ margin-top: 0px;}
#hexag-pushs .container {
	margin: 0 auto;
	padding: 15px;
	background-color: #eee;
}
#hexag-pushs .push {
	position: relative;
	text-align: center;
}
#hexag-pushs .push .svg-wrap {
	position: relative; min-height: 250px;
}
#hexag-pushs .push .svg-wrap .hex-border {
	fill:#f4f4f4;
	/*filter: drop-shadow(16px 16px 10px black);*/
	filter: drop-shadow(4px 4px 6px rgba(0,0,0,0.3));
	/*filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.2));*/
	z-index: 0;
	border-radius: 5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#hexag-pushs .push:hover .svg-wrap .hex-border {
	fill:#f7cbd6;
}
#hexag-pushs .push .svg-wrap .hex-mask {
	transform-origin: 0 -10%;
}
#hexag-pushs .push .svg-wrap .hex-mask > polygon {
	transform: scale(1);
}
#hexag-pushs .push .svg-wrap .svg-graphic {
	margin: 0 auto;
	position: relative;
	min-height: 250px;
	display: block;
	z-index: 0; 
}
#hexag-pushs .push .svg-wrap svg image {
	margin: auto;
	text-align: center;
	z-index: 0;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#hexag-pushs .push:hover .svg-wrap svg image { opacity: 0.7;}

#hexag-pushs .push h3, 
#hexag-pushs .push h2, 
#hexag-pushs .push h4, 
#hexag-pushs .push h5, 
#hexag-pushs .push h6{
	margin-top: -50px;
	color: #f28aa5;
	font-size: 24px;
	letter-spacing: -2px; font-weight: 900;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#hexag-pushs.containerSousFamille{
	margin-top: 30px;
}

#hexag-pushs.containerSousFamille a{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	box-sizing: border-box;
}

#hexag-pushs.containerSousFamille a img.ronde{
	box-sizing: border-box;
}

#hexag-pushs.containerSousFamille a:hover img.ronde{
	/*border: 4px solid #d5d5d5;*/
	/*box-shadow: inset 0 0 0 4px #d5d5d5;*/
	-moz-box-shadow: 1px 1px 4px 0px #656565;
	-webkit-box-shadow: 1px 1px 4px 0px #656565;
	-o-box-shadow: 1px 1px 4px 0px #656565;
	box-shadow: 1px 1px 4px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
	
}

#homePage #hexag-pushs.containerSousFamille{
	margin-top: 0px;
	margin-bottom: -20px;
}

#hexag-pushs.containerSousFamille .push{
	/*margin-bottom: 30px;*/
	overflow: hidden;
}

#hexag-pushs .push h3.titreSousFamille{
	margin-top: 10px;
	color: #f28aa5;
	font-size: 18px;
	letter-spacing: -1px; 
	font-weight: 400;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: inline-block;
	min-width: 90px;
	white-space: nowrap;
} 

#hexag-pushs .push:hover h3.titreSousFamille{
	margin-top: 10px;
	color: #ee97ae;
}

#hexag-pushs.containerSousFamille .push h3 > span{
	color: #ee97ae;
	/*color: #ccc;*/
}

#hexag-pushs .push h3.titreSousFamille:after{
	content: '';
    display: block;
    margin: auto;
    height: 1px;
    width: 0;
    background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
#hexag-pushs .push:hover h3.titreSousFamille:after{
	width: auto;
	background: #ee97ae;
	/*background:#ccc;*/
}


#side-content #hexag-pushs.containerSousFamille > div:last-child{
	float: none;
	background-color: transparent;
	padding: 0px;

}
#hexag-pushs img.ronde{
	border: 1px solid #C6C6C6bd;
	overflow:hidden;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
	border-radius:50%;
	/*
    width:200px;
	height:200px;
	*/
	width:98%;
	max-width: 190px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover img.ronde{
	border: 1px solid #f55683;
	/* box-shadow: inset 0 0 0 1px #f55683;*/
	opacity: 0.7;
}

#hexag-pushs .push:hover h3, 
#hexag-pushs .push:hover h2, 
#hexag-pushs .push:hover h4, 
#hexag-pushs .push:hover h5, 
#hexag-pushs .push:hover h6{margin-top: -45px;  }
#hexag-pushs .push h3 > span, 
#hexag-pushs .push h2 > span,
#hexag-pushs .push h4 > span,
#hexag-pushs .push h5 > span,
#hexag-pushs .push h6 > span {color: #ccc;}
#hexag-pushs .push  span.sub-title {
	display: block;
	margin: 15px auto 0;
	color: #b4b4b4;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#hexag-pushs .push:hover  span.sub-title {margin-top: 10px;}
#hexag-pushs .push span.push-bot {
	display: block;
	padding: 5px 15px;
	color: #b4b4b4;
	background-color: #eee;
	font-size: 15px;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#hexag-pushs .push span.push-bot::after {
	content: '';
	display: block; position: absolute;
	bottom: 11px; left: 0; right: 0; height: 11px; width: 100%;
	background: url(img/push-bot-after.png) no-repeat center;
	z-index: 0;
}
#hexag-pushs .push:hover span.push-bot { color: #f28aa5;}

/* slider products
----------------------------------------------------------------------------------*/
.title-block {padding: 15px; background-color: #eee; color: #9b9b9b; font-size: 26px; font-weight: 400; text-align: center; }
.title-block2 {padding: 15px; background-color: #eee; color: #ee9fae; font-size: 26px; font-weight: 400; text-align: center; }

.slider-products {margin: 0 15px 30px 15px;}
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 30px;
	height: 60px;
	margin-top: -70px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev {left: -25px;} .slick-next {right: -25px;}
.slick-prev::before {
	content: "\f104";
}
.slick-next::before {
	content: "\f105";
}
.slick-prev:before, .slick-next:before {
	font-family: "FontAwesome";
	font-size: 60px;
	line-height: 1;
	color: #e4e4e4;
	z-index: 10;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.slick-prev:hover:before, .slick-next:hover:before {color: #ee96ad;}

/* prod liste
-----------------------------------------------------*/
.prod-liste { height:320px; padding: 15px; position: relative; display: block; }
.prod-liste figure {display: block; text-align: center; padding: 20px; box-shadow: inset 0 0 0 1px #d8d8d8; border: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease; }
.prod-liste:hover figure {box-shadow: inset 0 0 0 1px #f55683; }
.prod-liste figure > img {margin: auto; border: none; opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease;  transition: opacity 0.3s ease; }
.prod-liste:hover figure > img {opacity: 0.7; border: none; box-shadow: none;}
.prod-liste > h2, .prod-liste > h3, .prod-liste > h4, .prod-liste > h5 { margin:10px auto 0; height: 40px; font-weight: 300; line-height: 20px; color:#333; font-size: 14px; text-align: center; overflow: hidden;}
.prod-liste .last-price, .prod-detail .last-price {margin-top: 5px;  display: block; padding: 0; font-size: 18px; line-height: 30px; color: #b1b1b1; font-weight: 400; position: relative; text-align: center;}
.prod-liste .last-price::after, .prod-detail .last-price::after {
	content: '';
	position: absolute;
	top: 14px;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 2px;
	background-color: #cf97a1;
	transform: rotate(-10deg);
}
.prod-liste .price, .prod-detail .price {display: block; padding: 0; margin-top: 5px; color: #f95381; font-size: 26px; line-height: 24px; font-weight: 600; letter-spacing: 0px; text-align: center;}
.prod-liste .price small, .prod-detail .price small {font-size: 16px;}
.prod-liste .price i, .prod-detail .price i {font-size: 23px; font-style: normal;}

/*quick-addcart-popup -----------------------------*/
@keyframes show_element {
	from {
		opacity: 0;
		transform: scale(0.8);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
.mfp-auto-cursor .mfp-content {width: auto;  margin: 30px auto 5px;
	-webkit-animation-name: show_element;
	animation-name: show_element;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation-play-state: running;
}
.quick-addcart-popup > .prod-detail {background-color: #fff; border-radius: 5px; margin: 0 auto; float: none; width: 100%; max-width: 991px; height: 100%;}
.quick-addcart-popup > .mfp-close { color: #fff; font-size: 50px; top: -40px; right: 0;}

.quick-addcart-popup > .prod-detail .carousel-prod .carousel-inner {height: 430px; margin-bottom: 15px;}
.quick-addcart-popup > .prod-detail .add-cart { margin: 25px 0 0!important;}
.quick-addcart-popup > .prod-detail .add-cart .bt-commander_like,
.quick-addcart-popup > .prod-detail .add-cart .bt-commander {
	margin: 30px auto 25px;
}

/* prod detail
---------------------------------------------------------------------------*/
.prod-detail {margin-bottom: 30px; float: left;}
.prod-detail .like-hgroup {display: block; width: 100%; float: left; padding: 10px 15px; margin: 15px 0; background-color: #fef8fa;}
.prod-detail hgroup h1, .prod-detail hgroup h2, .prod-detail hgroup h3, .prod-detail hgroup h4, .prod-detail hgroup h5,
.prod-detail .like-hgroup h1, .prod-detail .like-hgroup h2, .prod-detail .like-hgroup h3, .prod-detail .like-hgroup h4, .prod-detail .like-hgroup h5 {
	display: inline-block; margin: 0; float: left;
	color: #666; font-size: 24px; font-weight: 400;
}
.prod-detail hgroup div, .prod-detail .like-hgroup div {float: right;}
.prod-detail hgroup div .last-price,
.prod-detail hgroup div .price,
.prod-detail .like-hgroup div .last-price,
.prod-detail .like-hgroup div .price {float: left; margin-left: 30px; margin-top: 0;}

/* Main carousel style */
.carousel-prod {
	width: 100%;
}
.carousel-prod .carousel-inner {
	width: 100%;
	height: 450px;
	border:1px solid #fae0e7;
}
.carousel-prod .carousel-inner .item {
	width: 100%; height: 100%; position: relative; overflow: hidden;
	-webkit-transition: transform .1s ease-in-out;
	-moz-transition: transform .1s ease-in-out;
	-o-transition: transform .1s ease-in-out;
	-ms-transition: transform .1s ease-in-out;
	transition: transform .1s ease-in-out;
}
.carousel-prod .carousel-inner .item > img {
	display: block; position: absolute; height: auto; max-height: 100%; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.carousel-prod .carousel-inner .item a {display: block; width:100%; height: 100%; }
/* Indicators list style */
.carousel-prod .carousel-indicators {
	position: relative;
	margin: 5px -5px;
	width: 103%;
	bottom: 0;
	left: 0;
}
/* Indicators list style */

.carousel-prod .carousel-indicators li {
	border: medium none; position: relative; overflow: hidden;
	border-radius: 0;
	float: left;
	height: 144px; width: 144px;
	margin: 5px;
	border: 1px solid #fae0e7;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.carousel-prod .carousel-indicators li > img {
	display: block; position: absolute; height: auto; max-height: 100%; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); 
	border: none;
}
.carousel-prod .carousel-indicators li > img:hover, .carousel-prod .carousel-indicators li > img:focus  { border:none; }
.carousel-prod .carousel-indicators.more-indicators li {height: 106px; width: 106px;}
.carousel-prod .carousel-indicators li.active {
	border: 1px solid #F55683;
	opacity: 0.7;
}
/* Indicators images style */
/*.carousel-prod .carousel-indicators img {
    float: left;
    height: 54px;
    left: 0;
    width: 100px;
    }*/
    /* Indicators active image style */
    .carousel-prod .carousel-indicators .active img {
    	/*border: 2px solid #428BCA;*/
    	opacity: 0.7;
    }

    /* carrousel control -----*/
    .carousel-prod .carousel-control {
    	position: absolute;
    	top: 0;
    	bottom: 0;
    	left: 0;
    	width: 15%;
    	font-size: 20px;
    	color: #fff;
    	text-align: center;
    	text-shadow: 0 1px 2px rgba(0,0,0,.6);
    	background-color: transparent;
    	filter: alpha(opacity=0);
    	opacity: 0;
    /*-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;*/
}
.carousel-prod:hover .carousel-control { opacity: 1; }
.carousel-prod .carousel-control.left {
	right: auto;
	left: 0;
	background: transparent;
}
.carousel-prod .carousel-control.left .glyphicon-chevron-left,
.carousel-prod .carousel-control.right .glyphicon-chevron-right { height: auto; width: auto; margin-top: -25px; font-size: 50px; }
.carousel-prod .carousel-control.left .glyphicon-chevron-left:before {content:"\f104"; font-family: "FontAwesome";}
.carousel-prod .carousel-control.right {
	right: 0;
	left: auto;
	background: transparent;
}
.carousel-prod .carousel-control.right .glyphicon-chevron-right:before {content:"\f105"; font-family: "FontAwesome";}
.carousel-prod .carousel-control:hover {color: #ee97ae;}

/* 

====== Zoom effect ======

*/
.mfp-zoom-in {
	/* start state */
	/* animate in */
	/* animate out */
}
.mfp-zoom-in .mfp-with-anim, .mfp-zoom-in .mfp-container {
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg, .mfp-zoom-in.mfp-bg .prod-detail {
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim, .mfp-zoom-in.mfp-ready .mfp-container  {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim, .mfp-zoom-in.mfp-removing .prod-detail {
	transform: scale(0.8);
	opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg, .mfp-zoom-in.mfp-removing.mfp-bg .prod-detail {
	opacity: 0;
}
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 5px;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mfp-figure figure {
	margin: 0;
	background-color: #fff;
	border-radius: 5px;
}
.mfp-bottom-bar {
	margin-top: 0px;
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-bottom-bar .mfp-counter {font-size: 14px;}
button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	touch-action: manipulation;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #FFF;
	top: 100%;
	margin-top: -5px; 
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
	font-size: 40px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mfp-arrow-right:before {
	border-left: none;
	content: '\f105';
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mfp-arrow-left:before {
	border-right: none;
	content: '\f104';
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mfp-arrow:before {
	border-top-width: 0;
	border-bottom-width: 0;
	border:none;
	opacity: 0.7;
}
.mfp-arrow:before, .mfp-arrow:after {
	font-family: "FontAwesome";
	color: #fff;
	font-size: 60px;
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: none;
}

/*details -----------------------------------------------------*/
.prod-detail-txt {padding-left: 0; }
.avis-clients-content {
	display: block; float:left; width: 100%; padding: 10px 0;
	border:1px solid #fae0e7; font-size: 15px;
}
.avis-clients-content .liste-stock .row>div {position: relative;  }
.avis-clients-content .liste-stock .row>div:first-child::after {
	content: '\f0da'; font-family: "FontAwesome"; color:#eed1d8; 
	position: absolute; top: 1px; right: 0; 
}
.avis-clients-content .liste-stock .row div:last-child {text-align: center;}
.avis-clients-content .liste-stock .row div:last-child a[aria-expanded="false"] {font-weight: 400;}
.avis-clients-content .liste-stock .row div:last-child a[aria-expanded="true"], 
.avis-clients-content .liste-stock .row div:last-child a:hover  {font-weight: 600; color:#f95381; }
.avis-clients-content .stars-rate-img {margin-top: 3px;}
.fb-btn, 
.goog-btn,
.pint-btn,
.mail-btn {
	display: inline-block; 
	/* float: left; */
	/*padding: 0 15px 0 0; */
	border-radius: 36px;
	border: 1px solid #f7dbdd;
	text-align: center;
	margin: 0 auto;
	width: 35px;
	padding: 0px;
	height: 35px;
	margin-right: 10px;
	padding-top: 4px;

	color: #f7dbdd; 
	font-size: 18px; 
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	-ms-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
.avis-clients-content .fb-btn:hover, 
.avis-clients-content .goog-btn:hover,
.avis-clients-content .pint-btn:hover,
.avis-clients-content .mail-btn:hover {color: #fb7ea1;}
.avis-clients-content .fb-btn::after  {content: '\f09a'; font-family: "FontAwesome";}
.avis-clients-content .goog-btn::after {font-family: "mariagefr" !important; content: "g";}
.avis-clients-content .pint-btn::after {content: '\f231'; font-family: "FontAwesome";}
.avis-clients-content .mail-btn::after {content: '\f003'; font-family:"FontAwesome"; font-size: 19px; line-height: 17px;}

.avis-clients-content .liste-stock .row:nth-last-child(1)>div.col-xs-6::after{
	content: '';
}

.avis-clients-content .collapse {width: 100%; float: left; margin-top: 15px; position: relative;}
.avis-clients-content .collapse > div > p {padding: 10px 0; border-top: 1px solid #f7dbdd;}
.avis-clients-content .collapse > div:first-child > p {border-top:none;}
.avis-clients-content .collapse > div > p > img {float: left; margin-right: 10px; margin-top: 4px;}
.avis-clients-content .collapse > div label {font-weight: 400;}
.avis-clients-content .collapse .avis-prod-close {
	display: inline-block; position: absolute; 
	bottom: 0px; 
	right: 10px;
	padding: 7px; margin: 0; background-color: #d45a72; border-radius: 4px;
}
.avis-clients-content .collapse .avis-prod-close:hover {background-color: #fb7ea1; color: #fff;}
.avis-clients-content .collapse .avis-prod-close::after {content: ''; display: block; width: 13px; height: 13px; background: url(img/cross.png) no-repeat center; }

.add-cart {margin: 25px 0; }
.add-cart table {width: 100%; margin: 0 auto;}
.add-cart table tr td {padding: 2px 10px;}
.add-cart table tr td select.form-control {
	display: block;
	width: 100%;
	height: 30px;
	padding: 4px 10px;
	font-size: 14px;
	line-height: 10px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.add-cart-btn, .bt-commander, .bt-commander_like,
.add-cart-btn:active, .bt-commander_like:active , .bt-commander:active,
.add-cart-btn:focus, .bt-commander_like:focus , .bt-commander:focus, 
.btn-se-connecter, .btn-se-connecter:active, .btn-se-connecter:focus{
	display: inline-block; position: relative;
	margin: 30px auto; padding: 8px 10px 8px 50px;
	background-color: #d45a72; border:1px solid #d6bdc2; border-radius: 5px;
	color: #fff; font-size: 18px; font-weight: 400; text-align: center;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.add-cart-btn::before, .bt-commander_like::before ,.bt-commander::before {
	content: ''; display: inline-block; position: absolute;
	width: 28px; height: 27px; top: 8px; left: 10px;
	background: url(img/add-cart-btn-ico.png) no-repeat center; 
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.add-cart-btn:hover, .bt-commander_like:hover , .bt-commander:hover {background-color: #ee97ae; color: #fff;}
.add-cart-btn:hover::before, .bt-commander_like:hover::before ,.bt-commander:hover::before {left: 15px;}


/* Addcart-popup
-------------------------------------------------------------------------------------------------*/

.mfp-auto-cursor .mfp-content {width: auto;  margin: 0 auto; }
.addcart-popup {background-color: #fff; border: 10px solid #d8d7d6; margin: 0 auto; padding: 30px 15px; width: 100%; max-width: 800px;  height: 100%; float: left; text-align: center;}
.addcart-popup > img {margin: 0px auto 5px;}
.addcart-popup p.lead {font-size: 16px;}
.addcart-popup p.lead.pink {font-size: 20px; margin-bottom: 30px;}
.addcart-popup .center-in-box > p.lead.pink {margin-bottom: 0px;}
.addcart-popup form, .addcart-popup .center-in-box {width: 100%; max-width: 900px; margin: 0 auto; padding: 0 20px; display: inline-block;}
.addcart-popup .radio, .addcart-popup .radio + .radio {
	margin: 0;
}
.addcart-popup .checkbox, .addcart-popup .radio {
	width: 150px; 
	/*height: 165px;*/
	height: 185px;
	padding: 0px; margin: 0 auto;
	border:1px solid #fcabc1;
	line-height: 30px;
	position: relative;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.addcart-popup .checkbox label, .addcart-popup .radio  label {
	font-size: 15px; font-weight: 300; text-transform: none; padding: 15px; 
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.addcart-popup .radio  label .croissy{
	font-size: 13px;
	white-space: nowrap;
}
.addcart-popup .checkbox label > strong, .addcart-popup .radio  label > strong {
	font-size: 18px; text-transform: uppercase; font-weight: 600; 
}
.addcart-popup .checkbox label > strong.pink-red, .addcart-popup .radio  label > strong.pink-red {
	font-size: 21px; text-transform: uppercase; font-weight: 600; 
}

/* Cachons la case à cocher */
.addcart-popup .checkbox [type="checkbox"]:not(:checked),
.addcart-popup .checkbox [type="checkbox"]:checked,
.addcart-popup [type="radio"]:not(:checked),
.addcart-popup [type="radio"]:checked {
	display: none;
}
.addcart-popup .checkbox [type="checkbox"]:not(:checked) + label,
.addcart-popup .checkbox [type="checkbox"]:checked + label,
.addcart-popup [type="radio"]:not(:checked) + label,
.addcart-popup [type="radio"]:checked + label {
	position: relative;
	width: 100%; height: 100%;
	cursor: pointer;
}
.addcart-popup .checkbox [type="checkbox"]:not(:checked) + label:before,
.addcart-popup .checkbox [type="checkbox"]:checked + label:before,
.addcart-popup [type="radio"]:not(:checked) + label:before,
.addcart-popup [type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left:50%; 
	bottom: 15px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 22px; height: 20px;
	border: 3px solid #f3abbe;
	background: #fff;
	border-radius:50%;
	box-shadow: none;
}
.addcart-popup .checkbox [type="checkbox"]:not(:checked) + label:after,
.addcart-popup .checkbox [type="checkbox"]:checked + label:after,
.addcart-popup [type="radio"]:not(:checked) + label:after,
.addcart-popup [type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	background-color: #f95381;
	border-radius: 50%;
	left: 50%; 
	bottom: 20px;
	margin-left: -6px;
	width: 12px;  height: 10px;
	transition: all .2s;
}
.addcart-popup .checkbox [type="checkbox"]:not(:checked) + label:after,
.addcart-popup [type="radio"]:not(:checked) + label:after {
	opacity: 0; /* coche invisible */
	transform: scale(0); /* mise à l'échelle à 0 */
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
}
.addcart-popup .checkbox [type="checkbox"]:checked + label:after, 
.addcart-popup [type="radio"]:checked + label:after {
	opacity: 1; /* coche opaque */
	transform: scale(1); /* mise à l'échelle 1:1 */
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
.addcart-popup .checkbox [type="checkbox"]:checked + label, 
.addcart-popup [type="radio"]:checked + label {
	background-color: #eee;
	-webkit-box-shadow: 0px 0px 0px 3px #fcabc1;
	-moz-box-shadow: 0px 0px 0px 3px #fcabc1;
	box-shadow: 0px 0px 0px 3px #fcabc1;
}
/* aspect désactivée */
.addcart-popup .checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
.addcart-popup .checkbox [type="checkbox"]:disabled:checked + label:before,
.addcart-popup [type="radio"]:disabled:not(:checked) + label:before,
.addcart-popup [type="radio"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
.addcart-popup [type="radio"]:not(:checked) + label:before,
.addcart-popup [type="radio"]:checked + label:before,
.addcart-popup [type="radio"]:not(:checked) + label:after,
.addcart-popup [type="radio"]:checked + label:after{border-radius: 50%;}



.quick-addcart-popup .mfp-close.btn-pink,
.addcart-popup .mfp-close.btn-pink  {
	display: inline-block; position: relative;
	margin: 30px auto 20px; padding: 10px 15px;
	background-color: #d45a72; border:1px solid #d6bdc2; border-radius: 5px;
	color: #fff; font-size: 16px; font-weight: 400; text-align: center;
	box-shadow: none;
	text-shadow: none;
	width: auto;
	height: auto;
	line-height: initial;
	right: auto;
	top: auto;
	opacity: 1;
	font-family: inherit;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.quick-addcart-popup .mfp-close.btn-pink:hover,
.addcart-popup .mfp-close.btn-pink:hover {
	background-color: #ee97ae; color: #fff;
}
.addcart-popup > .prod-detail .add-cart { margin: 25px 0 0!important;}
.addcart-popup > .prod-detail .add-cart .add-cart-btn {margin: 30px auto 25px;}
.addcart-popup .interest-prods {padding: 0 50px; margin: auto;}
.addcart-popup .interest-prods > p.lead.pink {margin:10px 0 20px; }
.addcart-popup  .prod-liste {height: auto; padding: 0 15px;}

.addcart-popup #list-of-prods a.prod-liste{
	border-left: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
}
.addcart-popup #list-of-prods.interest-prods > a.col-sm-4.prod-liste:last-child{
	border-right: 1px solid #d8d8d8;
}

.btn-pink { 
	display: inline-block; position: relative;
	margin: 30px auto; padding: 10px 15px;
	background-color: #d45a72; border:1px solid #d6bdc2; border-radius: 5px;
	color: #fff; font-size: 16px; font-weight: 400; text-align: center;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.btn-pink:hover {background-color: #ee97ae; color: #fff;}

blockquote {margin-left: 150px; padding: 0 15px;}


/*--- promotion produits -------------------------------------------------------*/
.promo-top {position: relative;}
.promo-top::before {
	content: 'PRIX';
	position: absolute; z-index: 2;
	color: #9b9b9b; line-height: 70px; font-size: 14px; font-weight: 600; text-align: center;
	bottom: 10px; right: 10px; width: 52px; height: 52px;
	background-color: #fff; box-shadow: 0 0 0 1px #f0d5e4; border-radius: 50%;
}
.promo-top::after {
	content: 'TOP';
	position: absolute; z-index: 2;
	bottom: 10px; right: 10px; width: 52px; height: 52px;
	color: #f95381; font-size: 16px; font-weight: 600; line-height: 40px; text-align: center; vertical-align: middle;
}
.promo-top::after::first-line {color: #333;}
.carousel.promo-top::before, .carousel.promo-top::after { top: 10px;}

.promo {position: relative;}
.promo::before {
	content: '';
	position: absolute; z-index: 2;
	bottom: 10px; right: 10px; width: 52px; height: 52px;
	background-color: #fff; box-shadow: 0 0 0 1px #f0d5e4; border-radius: 50%;
}
.promo::after {
	content: attr(data-promo);
	position: absolute; z-index: 2;
	bottom: 10px; right: 10px; width: 52px; height: 52px;
	color: #f95381; font-size: 18px; font-weight: 600; line-height: 50px; text-align: center; vertical-align: middle;
}
.carousel.promo::before, .carousel.promo::after { top: 10px;}



/*-  side-content
-----------------------------------------------------------------------*/
#side-content {width: auto; }
#side-bar + #side-content {width: 80%; padding: 0;}
#side-content .breadcrumb {
	padding: 0;
	margin-bottom: 15px;
	list-style: none;
	background-color: transparent;
	border-radius: 0px;
	color: #a5a5a5;
	font-size: 16px;
}
#side-content .breadcrumb a, #side-content .breadcrumb span {color: #a5a5a5; font-size: 16px; padding: 0 3px; font-weight: 400;}
#side-content .breadcrumb a:first-child {padding-left: 3px;}
#side-content .breadcrumb a .fa-home {font-size:  23px; padding: 7px;}
#side-content .breadcrumb a:hover, #side-content .breadcrumb a:hover span{color: #ee97ae;}

.breadcrumb>li+li:before{
	content:'';
	display: none;
}

#side-content .head-list > div:first-child {padding-right: 0;}
#side-content .head-list .like-hgroup, #side-content .head-list hgroup {display: block; float: left; background-color: #ee97ae; padding: 15px; width: 100%; margin:0 -15px 15px 0;}
#side-content .head-list .like-hgroup span, #side-content .head-list hgroup span {font-size: 18px; color: #f8d1db; padding: 0;}
#side-content .head-list .like-hgroup h1,
#side-content .head-list .like-hgroup h2,
#side-content .head-list .like-hgroup h3,
#side-content .head-list hgroup h1,
#side-content .head-list hgroup h2,
#side-content .head-list hgroup h3 {font-size: 26px; color: #fff; text-align: center; text-transform: uppercase; font-weight: 400; padding:0; margin: 0;}
#side-content .head-list.small-head-list {margin-top: 15px;}
#side-content .head-list.small-head-list .like-hgroup, #side-content .head-list.small-head-list hgroup {text-align: center;}
#side-content .head-list.small-head-list .like-hgroup h1,
#side-content .head-list.small-head-list .like-hgroup h2,
#side-content .head-list.small-head-list .like-hgroup h3,
#side-content .head-list.small-head-list hgroup h1,
#side-content .head-list.small-head-list hgroup h2,
#side-content .head-list.small-head-list hgroup h3 {
	display: inline-block; padding:0; margin: 0 auto; position: relative;
	font-size: 21px; color: #fff; text-align: center; text-transform: uppercase; font-weight: 400;
}
#side-content .head-list.small-head-list .like-hgroup h1:after,
#side-content .head-list.small-head-list .like-hgroup h2:after,
#side-content .head-list.small-head-list .like-hgroup h3:after,
#side-content .head-list.small-head-list hgroup h1:after,
#side-content .head-list.small-head-list hgroup h2:after,
#side-content .head-list.small-head-list hgroup h3:after {
	content: '\f0d7'; font-family: "FontAwesome"; color: #f6c6d3; font-size: 40px; line-height: 18px;
	display: inline-block; padding:0px 5px 0 30px; transform: translateY(5px);
}
#side-content .head-list.small-head-list .like-hgroup small, 
#side-content .head-list.small-head-list .like-hgroup small,
#side-content .head-list.small-head-list .like-hgroup small,
#side-content .head-list.small-head-list hgroup small, 
#side-content .head-list.small-head-list hgroup small,
#side-content .head-list.small-head-list hgroup small { 
	color: #fff; font-size: 18px; font-weight: 300; text-transform: none; display: inline-block; margin-right: 10px; 
}

#side-content .head-list .head-list-img {padding-left: 0; margin-top: -60px;}
#side-content .head-list .head-list-txt {padding-right:20px;  color: #6f6f6f; font-size: 16px; font-weight: 300;}
#side-content .head-list .head-list-txtpetit {padding-right:20px;  color: #6f6f6f; font-size: 14px; font-weight: 300;}

/* pagination
-----------------------------------------------------*/
#side-content .content-pagination {padding: 15px 0 0 ; margin-top: 10px; text-align: center;}
#side-content .content-pagination div {display: inline-block; float: left; padding: 0 15px;}
#side-content .content-pagination > div:last-child {float: right;}
#side-content .content-pagination div:only-child { margin: 0 auto; display: inline-block; float: none;}
#side-content .content-pagination select.form-control {
	display: inline-block;
	width: auto;
	height: auto;
	margin-left: 10px;
	padding: 2px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}

#side-content .content-pagination select[name="nbproduitparpage"].form-control{
	width:55px;
}
#side-content .content-pagination .display-type-blocks {
	display: inline-block; 
	width: 24px; height: 18px; margin: 5px 10px;
	background: url(img/display-type-ico.jpg) no-repeat center -18px;
}
#side-content .content-pagination .display-type-blocks.active, 
#side-content .content-pagination .display-type-blocks:hover {background-position: center top;}
#side-content .content-pagination .display-type-lines {
	display: inline-block; 
	width: 24px; height: 18px; margin: 5px 10px;
	background: url(img/display-type-ico.jpg) no-repeat center bottom;
}
#side-content .content-pagination .display-type-lines.active, 
#side-content .content-pagination .display-type-lines:hover {background-position:center -36px ;}

#side-content .content-pagination .pagination { display: inline-block; padding-left: 0; margin: 0; border-radius: 0;}
#side-content .content-pagination .pagination li {margin: 0 4px; display: inline-block;}
/*
#side-content .content-pagination .pagination li:first-child {margin-left: 0;} 
#side-content .content-pagination .pagination li:last-child {margin-right: 0;}
#side-content .content-pagination .pagination li:first-child a,
#side-content .content-pagination .pagination li:last-child a{background: transparent; border:none; font-size: 16px; line-height: inherit;}
#side-content .content-pagination .pagination li:first-child a:hover,
#side-content .content-pagination .pagination li:last-child a:hover {color: #ee97ae;}
*/
#side-content .content-pagination .pagination li.previous {margin-left: 0;}
#side-content .content-pagination .pagination li.next {margin-right: 0;}
#side-content .content-pagination .pagination li.previous  a,
#side-content .content-pagination .pagination li.next a{background: transparent; border:none; font-size: 16px; line-height: inherit;}
#side-content .content-pagination .pagination li.previous  a:hover,
#side-content .content-pagination .pagination li.next a:hover {color: #ee97ae;}

#side-content .content-pagination .pagination li a,
#side-content .content-pagination .pagination li span {
	color: #555; border-radius: 4px; padding: 4px 9px;
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
}
#side-content .content-pagination .pagination>.active>a, 
#side-content .content-pagination .pagination>.active>a:focus, 
#side-content .content-pagination .pagination>.active>a:hover, 
#side-content .content-pagination .pagination>.active>span, 
#side-content .content-pagination .pagination>.active>span:focus, 
#side-content .content-pagination .pagination>.active>span:hover {
	z-index: 3;
	padding: 4px 9px;
	color: #fff;
	cursor: default;
	background-color: #ee97ae;
	border-color: #ccc;
}
#side-content .content-pagination .pagination>li>span {color: #555; background: transparent; border: none; }
#side-content #hexag-pushs > div:last-child { float: left; background-color: #eee; padding: 15px 0;}

#side-content .content-pagination + .reassu-blocks {margin-top: 60px; }
#side-content .assu-block > span {display: block; color:#9b9b9b; font-size:24px; font-weight: 400; text-transform: uppercase; letter-spacing: -1px; }
#side-content .assu-block > strong {display: block; color:#f95381; font-size:34px; line-height: 30px; letter-spacing: -2px; }


/*-  list-of-prods
-------------------------------------------------------------*/

#list-of-prods .prod-liste,
#side-bar .prod-liste { height:auto; padding: 15px; position: relative; display: block; overflow: visible; }
#side-bar .prod-liste { padding: 0; }
#list-of-prods .prod-liste div.quick-links,
#side-bar .prod-liste div.quick-links {position: absolute; top: 0; left: 0; right: 0; z-index: -10; opacity: 0; -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
#list-of-prods .prod-liste:hover div.quick-links,
#side-bar .prod-liste:hover div.quick-links {opacity: 1; z-index: 10;}
#list-of-prods .prod-liste div.quick-links > a.quick-detail,
#side-bar .prod-liste div.quick-links > a.quick-detail {
	position: absolute; display: block; width: 60px; height: 60px; border-radius: 50%;
	top: 60px; left: 35px; background-color: rgba(255,104,145,0.7); 
	color: #fff; font-size: 15px; line-height: 58px; text-align: center; text-transform: uppercase;
	transform: translateX(-100%); opacity: 0;
	-webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease;
}
#list-of-prods .prod-liste div.quick-links > a.quick-addcart,
#side-bar .prod-liste div.quick-links > a.quick-addcart {
	position: absolute; display: block; width: 60px; height: 60px; border-radius: 50%;
	top: 60px; right: 35px;  background: rgba(255,104,145,0.7) url(img/prod-liste-cart-ico.png) no-repeat center;
	transform: translateX(100%); opacity: 0;
	-webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease;
}
#side-bar .prod-liste div.quick-links > a.quick-detail {left: 15px;}
#side-bar .prod-liste div.quick-links > a.quick-addcart {right: 15px;}

#list-of-prods .prod-liste:hover div.quick-links > a.quick-detail, 
#list-of-prods .prod-liste:hover div.quick-links > a.quick-addcart,
#side-bar .prod-liste:hover div.quick-links > a.quick-detail, 
#side-bar .prod-liste:hover div.quick-links > a.quick-addcart {transform: translateX(0); opacity: 1;} 
#list-of-prods .prod-liste div.quick-links > a.quick-detail:hover, 
#list-of-prods .prod-liste div.quick-links > a.quick-addcart:hover,
#side-bar .prod-liste div.quick-links > a.quick-detail:hover, 
#side-bar .prod-liste div.quick-links > a.quick-addcart:hover {background-color: rgba(255,104,145,1);}
#list-of-prods .prod-liste > a,
#side-bar .prod-liste > a {
	display: block; 
	width: 100%; 
	height: 100%; 
	border: 1px solid #ccc;
	border-radius: 10px;
	box-shadow: 2px 4px 12px #00000014;
	float: left; 
	padding: 0; 
	height: 100%; 
	overflow: hidden; 
	-webkit-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; 
	-o-transition: border-color 0.3s ease; -ms-transition: border-color 0.3s ease;  
	transition: border-color 0.3s ease; 
}
#list-of-prods .prod-liste:hover > a{border-color: #f55683; padding: 0;}
#side-bar .title-cross-prod-blue .prod-liste:hover > a {border-color: #A1D6E6; padding: 0;}
#side-bar .title-cross-prod-pink .prod-liste:hover > a {border-color: #EE97AE; padding: 0;}
#list-of-prods .prod-liste figure,
#side-bar .prod-liste figure  {display: block; position: relative; text-align: center; margin: 13px; border: none; box-shadow: none; min-height: 184px;}
#list-of-prods .prod-liste:hover figure,
#side-bar .prod-liste:hover figure { box-shadow: none; }
#list-of-prods .prod-liste figure::before, #list-of-prods .prod-liste figure::after,
#side-bar .prod-liste figure::before, #side-bar .prod-liste figure::after  {right:5px; bottom: 5px; z-index: 1;}
#list-of-prods .prod-liste figure > img,
#side-bar .prod-liste figure > img {
	margin: auto; border: none; opacity: 1; position: absolute; top: 50%; left: 50%;/* right: 13px; bottom: 13px;*/  
	-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	-webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease;  transition: opacity 0.3s ease; 
}
#list-of-prods .prod-liste:hover figure > img,
#side-bar .prod-liste:hover figure > img {opacity: 0.7;}
.prod-liste  h2, .prod-liste  h3, .prod-liste  h4, .prod-liste  h5 { margin:10px auto 0; padding: 0 8px; height: 40px; font-weight: 300; line-height: 20px; color:#333; font-size: 14px; text-align: center;}
#list-of-prods .prod-liste .last-price,
#side-bar .prod-liste .last-price  {margin-top: 10px; display: block; height: 40px; padding: 0; font-size: 18px; line-height: 30px; color: #b1b1b1; font-weight: 400; position: relative; text-align: center;}
#list-of-prods .prod-liste .last-price::after,
#side-bar .prod-liste .last-price::after {
	content: '';
	position: absolute;
	top: 14px;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 2px;
	background-color: #cf97a1;
	transform: rotate(-10deg);
}
#list-of-prods .prod-liste .price,
#side-bar .prod-liste .price {display: block; height: 40px; padding: 0; margin-top: 10px; color: #f95381; font-size: 26px; line-height: 24px; font-weight: 600; letter-spacing: 0px; text-align: center;}
#list-of-prods .prod-liste .price small,
#side-bar .prod-liste .price small {font-size: 16px;}
#list-of-prods .prod-liste .price i,
#side-bar .prod-liste .price i {font-size: 23px; font-style: normal;}

/*- side bar ------------------------------------------------------------*/

#side-bar {width: 20%; padding: 5px 30px 15px 0; }
#side-bar .title-side-bar {display: block; margin: 50px 0 15px; color: #ee97ae; font-size: 21px; font-weight: 400; text-transform: uppercase;}
#side-bar .nav>li {border-bottom: 1px solid #ececec; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;} 
#side-bar .nav>li:hover{border-bottom:1px solid #ee97ae;}
#side-bar .nav>li>a[aria-expanded="true"] + ul.panel-collapse {border-bottom:2px solid #ee97ae;}
#side-bar .nav>li:first-child {border-top: 1px solid #ececec;}
#side-bar .nav>li>a {position: relative; padding: 10px 16px 10px 0; color:#a0a0a0; text-transform: uppercase; font-size: 14px; background-color: transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
#side-bar .nav>li>a:hover, #side-bar .nav>li>a:focus {background-color: transparent; color: #ee97ae;}
#side-bar .nav>li>a[aria-expanded="true"] {padding-left: 5px; color: #ee97ae; }
#side-bar .nav>li>a[aria-expanded="false"]:after {
	content: "\f107";
	display: inline-block;
	position: absolute; top: 50%; right: 5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
	font-family: "FontAwesome";
	font-size: 12px;
	line-height: 20px;
}
#side-bar .nav>li>a[aria-expanded="true"]:after {
	content: "\f106";
	display: inline-block;
	position: absolute; top: 50%; right: 5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
	font-family: "FontAwesome";
	font-size: 12px;
	line-height: 20px;
}
#side-bar .nav>li>ul.panel-collapse {border-top:2px solid #ee97ae; border-bottom:2px solid #ee97ae; padding-left: 0px; font-size: 14px; background-color: #f8f8f8;}
#side-bar .nav>li>ul.panel-collapse>li {display: block; padding:0 5px; border-bottom:1px solid #ececec; list-style: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
#side-bar .nav>li>ul.panel-collapse>li:hover {border-bottom:1px solid #ee97ae;}
#side-bar .nav>li>ul.panel-collapse>li:last-child {border:none;}
#side-bar .nav>li>ul.panel-collapse>li>a {display: block; padding: 7px 0; color:#a0a0a0; background-color: transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
#side-bar .nav>li>ul.panel-collapse>li>a:hover {color: #ee97ae;}
#side-bar .nav>li>ul.panel-collapse>li.bold>a {font-weight: bold;}


#side-bar .colors-trie {
	padding-left: 0;
	/*max-width:140px;*/
	max-width:171px;
}
#side-bar ul.col-sm-6 li {list-style: none;}
#side-bar ul.col-sm-6 li>a {position: relative; padding: 5px 0; color:#a0a0a0; text-transform: uppercase; font-size: 14px; display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
#side-bar ul.col-sm-6 li>a:hover {background-color: transparent; color: #ee97ae;}
#side-bar ul.col-sm-6 li>a::after{ 
	content: '';
	display: block;
	position: absolute;
	bottom: 2px; left: 0;
	height: 1px;
	width: 0;
	background-color: #ee97ae;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#side-bar ul.col-sm-6 li>a:hover::after{ width: 100%;}

#side-bar #slider-range {margin:0 10px 0 5px;}
#side-bar #slider-range .ui-state-active {border-color: #e6577d; background-color: #ea7796;}

#side-bar .title-cross-prod-blue, #side-bar .title-cross-prod-pink{float: left; margin: 50px 0 0 0;}
#side-bar .title-cross-prod-blue>span {
	display: block;
	width: 100%;
	float: left;
	padding: 10px 0;
	margin-bottom:-1px;
	background-color: #a1d6e6;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#side-bar .prod-liste > a{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;

}

#side-bar .title-cross-prod-pink>span {
	display: block;
	float: left;
	width: 100%;
	padding: 10px 0;
	margin-bottom:-1px;
	background-color: #ee97ae;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/* Cart (panier)
----------------------------------------------------------------------------------*/
.cart-steps {
	display: block;
	width: 100%;
	float: left;
	padding-right: 25px;
	margin: 15px 0;
}
.cart-steps > div {
	position: relative;
	padding: 10px 15px;
	text-align: center; text-transform: uppercase; font-size: 16px;
	background-color: #eee;
}
.cart-steps > div::after {
	content: ""; display: block; position: absolute;
	top: 0; bottom: 0; right: -27px; width: 28px;
	background: url(img/cart-step.png) no-repeat center;
	z-index: 1;
}
.cart-steps > div.active {
	background-color: #F096AE; color: #fff;
}
.cart-steps > div.active::after {
	content: ""; display: block; position: absolute;
	top: 0; bottom: 0; right: -27px; width: 28px;
	background: url(img/cart-step-on.png) no-repeat center;
	z-index: 1;
}
.cart-steps > div.active > span {font-size: 16px; padding: 0; margin: 0 auto; display: block; line-height: 16px;}
.cart-steps > div > a {font-size: 16px; padding: 0; margin: 0 auto; display: block; color:#666; line-height: 16px; }
.cart-steps > div > a:hover {color:#F096AE; }
.cart-steps > div.active > a {color: #fff;} .cart-steps > div.active > a:hover {text-decoration: underline;}

.cart-table {  display: block; width: 100%; float: left; background-color: #eee; padding: 15px; padding-bottom: 0; margin: 15px auto 60px;}
.cart-table .title-cart {
	margin: 5px auto;
	color: #9b9b9b;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
}
.cart-table .title-cart.ico-cart {position: relative;}
.cart-table .title-cart.ico-cart::after {
	content: '';
	display: inline-block;
	width: 34px;
	height: 34px;
	margin: 0 15px; transform: translateY(2px);
	/*background: url(img/cart-ico.png) no-repeat center;*/
	background: url(img/panier-ico-2020.png) no-repeat center;
	background-size: contain;
}
.cart-table .small-title {
	margin: 15px auto;
	color: #F096AE;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
}
.cart-table .cell-white-table {
	background-color: #fff;
	padding: 5px 30px;
	margin-bottom: 15px;
}
/*.cart-table .cell-white-table + .cell-white-table {margin-top: 15px;}*/
.cart-table table.table_commande {
	width: 100%; background-color: #fff; text-align: center; /*vertical-align: middle;*/
}
.cart-table table.table_commande td, .cart-table table.table_commande th {padding: 15px 10px; text-align: center; vertical-align: top;}
.cart-table table.table_commande tbody td {padding: 25px 10px 20px;}
.cart-table table.table_commande td.cart_description > strong {margin-top: 0; display: block; color: #F096AE;}
/*.cart-table table th {font-weight: 400; text-transform: uppercase;}*/
.cart-table table.table_commande thead { border-bottom: 1px solid #ddd;}
.cart-table .cart_item { border-bottom: 1px solid #ddd; }
.cart-table .cart_item .cart_product .img-product {
	display: block; width: 70px; height:70px; margin: 0 auto;
	background-repeat: no-repeat; background-size: contain; background-position: center; 
}
.cart-table .cart_trash a {color: #888; font-size: 18px;}
.cart-table .cart_trash a:hover {color: #F096AE;}
.cart-table .cart_quantity .form-control { width: auto; margin: 0 auto;}
.cart-table .cart_total, .cart-table .price {min-width: 130px; padding-left: 20px; position: relative; font-weight: 600;}
.cart-table .cart_item .cart_total::after, .cart-table .price::after  { 
	content: ''; position: absolute; display: block;
	top: 10px; bottom: 10px; left: 10px;
	border-left: 1px solid #ddd; 
}
.cart-table table.table_commande .cart_total_article td {text-align: right!important; font-size: 16px; padding: 10px 10px;}
.cart-table table.table_commande .cart_total_article td.price { color: #F096AE; text-align: center!important; }
.cart-table table.table_commande .cart_total_article td.price::after {bottom: 0;}
.cart-table table.table_commande .cart_total_expedition {border-bottom: 1px solid #ddd;}
.cart-table table.table_commande .cart_total_expedition td { text-align: right!important; font-size: 16px; padding: 10px 10px;}
.cart-table table.table_commande .cart_total_expedition td.price {text-align: center!important; color: #F096AE;}
.cart-table table.table_commande .cart_total_expedition td.price:after {top: 0;}
.cart-table table.table_commande .cart_total_price td.cart_trash {
	/*padding-top: 20px; padding-bottom: 20px; padding-right: 20px; */
	text-align: center; text-transform: uppercase; font-size: 19px; transform: translateX(1px);
}
.cart-table table.table_commande .cart_total_price td {
	/*padding-top: 20px; padding-bottom: 20px; padding-right: 20px; */
	text-align: center; text-transform: uppercase; font-size: 19px;
}
.cart-table table.table_commande .cart_total_price td.price { color: #f95381; text-align: center!important; }

.cart-table table.table_commande.register {
	font-size: 18px; 
	border:1px solid #ddd; background-color: #f7f7f7; 
	margin-top: 30px; margin-bottom: 30px;
}
.cart-table table.table_commande.register tr td:first-child {text-align: left; padding-left:20px; padding-right: 20px; }

.cart-table .form-group input, .cart-table .form-group select, .cart-table .form-group textarea {background-color: #f7f7f7;}
.cart-table .form-inline {margin: 10px 0;}
.cart-table .form-inline .form-group .form-control { width: auto; display: inline-block; margin: 0 5px; }
.cart-table .form-group > strong + label {margin-left: 30px;}
.cart-table .checkbox {margin-bottom: 20px;}
.like-label_checkbox {color: #333; cursor: pointer;}

#payment .radio label {
	width: 100%; height: 100%; padding: 15px; padding-left: 60px; margin: 5px 0; position: relative;
	border:1px solid #ddd; border-radius: 4px;
	background-color: #f7f7f7;
}
#payment .radio label > img {
	display: inline-block; 
	float: right; 
	margin-left: 15px;
	width: 200px; 
	padding: 7px 10px; 
	background-color: #fff; 
	border-radius: 4px;
}

/* Cachons la case à cocher */
#payment .checkbox [type="checkbox"]:not(:checked),
#payment .checkbox [type="checkbox"]:checked,
#payment [type="radio"]:not(:checked),
#payment [type="radio"]:checked {
	display: none;
}
#payment .checkbox [type="checkbox"]:not(:checked) + label,
#payment .checkbox [type="checkbox"]:checked + label,
#payment [type="radio"]:not(:checked) + label,
#payment [type="radio"]:checked + label {
	position: relative;
	width: 100%; height: 100%; padding-left: 60px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
#payment .checkbox [type="checkbox"]:not(:checked) + label:before,
#payment .checkbox [type="checkbox"]:checked + label:before,
#payment [type="radio"]:not(:checked) + label:before,
#payment [type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left:15px; top: 22px;
  /*-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);*/
  width: 26px; height: 26px;
  border: 3px solid #f3abbe;
  background: #fff;
  border-radius:50%;
  box-shadow: none;
}
#payment .checkbox [type="checkbox"]:not(:checked) + label:after,
#payment .checkbox [type="checkbox"]:checked + label:after,
#payment [type="radio"]:not(:checked) + label:after,
#payment [type="radio"]:checked + label:after {
	content: '';
	position: absolute; left:20px; top: 27px;
	background-color: #f95381;
	border-radius: 50%;
	width: 16px;  height: 16px; 
	transition: all .2s;
}
#payment .checkbox [type="checkbox"]:not(:checked) + label:after,
#payment [type="radio"]:not(:checked) + label:after {
	opacity: 0; /* coche invisible */
	transform: scale(0); /* mise à l'échelle à 0 */
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
}
#payment .checkbox [type="checkbox"]:checked + label:after, 
#payment [type="radio"]:checked + label:after {
	opacity: 1; /* coche opaque */
	transform: scale(1); /* mise à l'échelle 1:1 */
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
#payment .checkbox [type="checkbox"]:checked + label, 
#payment [type="radio"]:checked + label {
	background-color: #eee;
	-webkit-box-shadow:inset 0px 0px 0px 3px #fcabc1;
	-moz-box-shadow:inset 0px 0px 0px 3px #fcabc1;
	box-shadow:inset 0px 0px 0px 3px #fcabc1;
}
/* aspect désactivée */
#payment .checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
#payment .checkbox [type="checkbox"]:disabled:checked + label:before,
#payment [type="radio"]:disabled:not(:checked) + label:before,
#payment [type="radio"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
#payment [type="radio"]:not(:checked) + label:before,
#payment [type="radio"]:checked + label:before,
#payment [type="radio"]:not(:checked) + label:after,
#payment [type="radio"]:checked + label:after{border-radius: 50%;}


/*** Case à cocher Mode de livraison */

#livraison .radio label {
	width: 100%; height: 100%; padding: 15px; padding-left: 60px; margin: 5px 0; position: relative;
	border:1px solid #ddd; border-radius: 4px;
	background-color: #f7f7f7;
}
#livraison .radio label > img {
	display: inline-block; 
	float: right; 
	margin-left: 15px;
	width: 200px;
	padding: 7px 10px; 
	background-color: #fff; 
	border-radius: 4px;
}


/* Cachons la case à cocher */
#livraison .checkbox [type="checkbox"]:not(:checked),
#livraison .checkbox [type="checkbox"]:checked,
#livraison [type="radio"]:not(:checked),
#livraison [type="radio"]:checked {
	display: none;
}
#livraison .checkbox [type="checkbox"]:not(:checked) + label,
#livraison .checkbox [type="checkbox"]:checked + label,
#livraison [type="radio"]:not(:checked) + label,
#livraison [type="radio"]:checked + label {
	position: relative;
	width: 100%; height: 100%; padding-left: 60px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
#livraison .checkbox [type="checkbox"]:not(:checked) + label:before,
#livraison .checkbox [type="checkbox"]:checked + label:before,
#livraison [type="radio"]:not(:checked) + label:before,
#livraison [type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left:15px; top: 22px;
	width: 26px; height: 26px;
	border: 3px solid #f3abbe;
	background: #fff;
	border-radius:50%;
	box-shadow: none;
}
#livraison .checkbox [type="checkbox"]:not(:checked) + label:after,
#livraison .checkbox [type="checkbox"]:checked + label:after,
#livraison [type="radio"]:not(:checked) + label:after,
#livraison [type="radio"]:checked + label:after {
	content: '';
	position: absolute; left:20px; top: 27px;
	background-color: #f95381;
	border-radius: 50%;
	width: 16px;  height: 16px; 
	transition: all .2s;
}
#livraison .checkbox [type="checkbox"]:not(:checked) + label:after,
#livraison [type="radio"]:not(:checked) + label:after {
	opacity: 0; /* coche invisible */
	transform: scale(0); /* mise à l'échelle à 0 */
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
}
#livraison .checkbox [type="checkbox"]:checked + label:after, 
#livraison [type="radio"]:checked + label:after {
	opacity: 1; /* coche opaque */
	transform: scale(1); /* mise à l'échelle 1:1 */
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
#livraison .checkbox [type="checkbox"]:checked + label, 
#livraison [type="radio"]:checked + label {
	background-color: #eee;
	-webkit-box-shadow:inset 0px 0px 0px 3px #fcabc1;
	-moz-box-shadow:inset 0px 0px 0px 3px #fcabc1;
	box-shadow:inset 0px 0px 0px 3px #fcabc1;
}
/* aspect désactivée */
#livraison .checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
#livraison .checkbox [type="checkbox"]:disabled:checked + label:before,
#livraison [type="radio"]:disabled:not(:checked) + label:before,
#livraison [type="radio"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
#livraison [type="radio"]:not(:checked) + label:before,
#livraison [type="radio"]:checked + label:before,
#livraison [type="radio"]:not(:checked) + label:after,
#livraison [type="radio"]:checked + label:after{border-radius: 50%;}


.cart-table .btn-step-back {
	display: inline-block; padding: 10px 15px ; float: left; margin: 10px 0;
	background-color: #eee;  border-radius: 5px;
	color: #aaa; font-weight: 400; text-align: center; font-size: 16px;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.cart-table .btn-step-back:hover {color: #F096AE; background-color: #f3f3f3;}
.cart-table .btn-step-back::before {
	content: "\f053"; font-family: "FontAwesome"; margin: 0 10px;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.cart-table .btn-step-back:hover::before {
	margin: 0 15px 0 5px;
}
.cart-table .btn-step-valid {
	display: inline-block; padding: 10px 15px; float: right; margin: 10px 0;
	background-color: #d45a72; border:1px solid #d6bdc2; border-radius: 5px;
	color: #fff; font-size: 16px; font-weight: 400; text-align: center;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.cart-table .btn-step-valid:hover {background-color: #ee97ae;}
.cart-table .btn-step-valid::after {
	content: "\f054"; font-family: "FontAwesome"; margin: 0 10px;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.cart-table .btn-step-valid:hover::after {
	margin: 0 5px 0 15px;
}
.cart-table .btn-step-valid.btn-big {
	float: none; margin: 20px auto 40px; text-align: center; 
	font-size: 18px; text-transform: uppercase;
	animation: highlight_btn 2s ;
	animation-iteration-count: infinite;
}
.cart-table .btn-step-valid.btn-big:hover {background-color: #f95381;}


/* list-avis 
---------------------------------------------------------------------------------*/
#list-avis {margin: 15px 0;}
#list-avis > .avis_container {
	border-bottom: 2px solid #f0c5ce;
	padding: 15px 0; min-height: 120px; height: auto;
}
#list-avis > .avis_container:first-child { border-top: 2px solid #f0c5ce; }
#list-avis > .avis_container > div:first-child { padding-left: 0; } #list-avis > article > div:last-child { padding-right: 0; }
#list-avis > .avis_container > div .avis-stars {display: inline-block; width: 120px; height: auto; margin-right:15px; vertical-align: top; }
#list-avis > .avis_container > div .avis-notes {
	display: inline-block; position: relative; width: 60px; height: 25px; margin-bottom: 60px;
	font-size: 21px; text-align: center;
}
#list-avis > .avis_container > div .avis-notes::after {
	content: '';  display: block; position: absolute; top: 28px; left: 0; right: 0;
	width: 60px; height: 60px;
	background: url(img/crawn.jpg) no-repeat center; background-size: contain;
}


/* sitemap
--------------------------------------------------------------------------*/
.sitemap h1, .sitemap h2, .sitemap h3, .sitemap h4, .sitemap h5, .sitemap h6, .sitemap span, .sitemap strong  { margin: 0; position: relative;}
.sitemap li {list-style: none;}
.sitemap ul {padding-left: 35px; margin: 15px 0;}
.sitemap > li > a { color: #ef9cb2!important;}
.sitemap  li  a {
	display: block; padding: 5px 0;
	/*border: 1px solid #ddd; border-left: 20px solid #ddd; */
	color: #aeaeae; font-weight: 300!important;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.sitemap > li > a { color: #ef9cb2;}
.sitemap  li  a > *::before { content: "\f061"; font-family: "FontAwesome"; margin-right: 10px; display: inline-block; font-size: 0.9em; color: #ef9cb2;}
.sitemap  li  a > h3::before {display: none; /* content: "\f068"; font-family: "FontAwesome"; margin-right: 10px; display: inline-block; font-size: 0.9em; color: #aeaeae;*/}
.sitemap  li  a > h4::before, .sitemap  li  a > span::before { content: "\f105"; font-family: "FontAwesome"; margin-right: 10px; display: inline-block; font-size: 0.9em; color: #ef9cb2;}
.sitemap  li  a:hover,
.sitemap > li > a:hover {  padding-left: 5px; color: #f95381; }
.sitemap > li > ul > li {margin-top: 15px;}
.sitemap strong { font-size: 30px; font-weight: 400;}
.sitemap span { font-size: 18px; font-weight: 400;}
.sitemap span.like-h3 {font-size: 24px; font-weight: 400;}
.sitemap span.like-h2 {padding-top: 5px;}
.sitemap a.invisible {height: 43px;}
/*.sitemap > li > ul > li > a {
  display: block; padding: 10px 15px;
  border: 1px solid #ddd; border-left: 15px solid #ddd; color: #a4a4a4; font-weight: 900!important;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.sitemap > li > ul > li > a:hover {  padding-left: 20px; border-left: 20px solid #ef9cb2; color: #ef9cb2; }
.sitemap > li > ul > li > ul > li > a {
  display: block; padding: 10px 15px;
  border: 1px solid #ddd; border-left: 10px solid #ddd; color: #a4a4a4; font-weight: 600!important;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.sitemap > li > ul > li > ul > li > a:hover {  padding-left: 20px; border-left: 15px solid #ef9cb2; color: #ef9cb2; }
.sitemap > li > ul > li > ul > li > ul > li > a {
  display: block; padding: 10px 15px;
  border: 1px solid #ddd; border-left: 5px solid #ddd; color: #a4a4a4; font-weight: 600!important;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.sitemap > li > ul > li > ul > li > ul > li > a:hover {  padding-left: 20px; border-left: 10px solid #ef9cb2; color: #ef9cb2; }*/


/* BTN & util
-------------------------------------------------------------------*/

.btn-colissimo {display: inline-block; margin: 5px 10px 5px 0; width: 83px; height:54px; background: url(img/colissimo.png) no-repeat center; opacity: 0.7; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn-colissimo:hover {opacity: 1;}
.btn-bnp {display: inline-block; margin: 5px 10px; width: 52px; height:52px; background: url(img/bnp.png) no-repeat center; opacity: 0.7; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn-bnp:hover {opacity: 1;}

.btns-folow a {display: inline-block; margin: 5px 10px 5px 0; width: 35px; height:35px; background: url(img/btns-folow.png) no-repeat; opacity: 0.7; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.btns-folow a:hover {opacity: 1;}
.btns-folow a.fb {background-position: top;} .btns-folow a.pint {background-position: 0 -35px;} .btns-folow a.goog {background-position: 0 -70px;}  .btns-folow a.blog {background-position: bottom;}

article.row.clearspace {margin-top: 0px; margin-bottom: 30px;}

.main-title { color: #ef9cb2; text-transform: uppercase; font-size: 26px; line-height: 21px; position: relative; margin: 20px 0;}
.main-title2 { color: #ef9cb2; text-transform: uppercase; font-size: 26px; line-height: 21px; font-weight: 400; position: relative; margin: 20px 0;}
.main-title2 img { vertical-align: text-top;}


.check-list {padding: 5px 0;}
.check-list li {list-style: none;}
.check-list li::before {content: "\f00c"; font-family: "FontAwesome"; color: #ef9cb2; margin-right: 10px;}
.arrow-list {padding: 5px 0;}
.arrow-list li {list-style: none;}
.arrow-list li::before {content: "\f054"; font-family: "FontAwesome"; color: #ef9cb2; margin-right: 10px;}

.blocks_features { padding: 15px; text-align: center;}
.blocks_features > div {
	padding: 15px; display: inline-block; margin: 0 auto; min-width: 130px; width: auto; color: #9e9e9e;
	border:1px solid #f0a4b8; text-align: center; font-size: 15px; line-height: 26px;
}
.blocks_features > div > strong {font-size: 20px;}
.blocks_features > div > strong.pink-red {font-size: 26px; line-height: 50px;}
.blocks_features > div > img {margin: 10px auto 5px;}

.block-border {padding: 30px; border:1px solid #ef9cb2; margin-top: 15px; margin-bottom: 15px;}

.small-title {
	margin: 15px auto;
	font-size: 1.5em;
	color: #F096AE;
	font-weight: 400;
	text-transform: uppercase;
}

.normal-btn {
	display: inline-block; padding: 10px 15px; margin: 10px 0;
	background-color: #ccc; border-radius: 5px;
	color: #fff; font-size: 14px; font-weight: 400; text-align: center; text-transform: uppercase;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.normal-btn:hover {background-color: #ee97ae; color: #fff;}

/*articles-txt-------------------------------*/
.articles-txt {margin: 15px 0; padding: 0 40px;}
.articles-txt .small-title {height: 45px; margin-top: 20px;}
.articles-txt a img{opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.articles-txt a:hover img {opacity: 0.7;}
.articles-txt p {height: 225px;}

/*share-links--------------------*/



.share-links {margin: 30px 0; }
.share-links a{
	margin-right: 15px;
	vertical-align: middle;
}
.share-links > p > span {display: inline-block; margin-right: 15px; font-size: 15px;}
.fb-btn, 
.goog-btn,
.pint-btn,
.twit-btn,
.print-btn,
.mail-btn {
	display: inline-block;
	padding: 6px; 
	width: 36px; 
	height: 36px;
	/*
	color: #fff; 
	background-color: #ddd;
	*/
	font-size: 28px; 
	line-height: 24px;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	-ms-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
.share-links .fb-btn:hover, 
.share-links .goog-btn:hover,
.share-links .pint-btn:hover,
.share-links .twit-btn:hover,
.share-links .print-btn:hover,
.share-links .mail-btn:hover {color: #fff; background-color: #f0a4b8;}
.share-links .fb-btn::after  {content: '\f09a'; font-family: "FontAwesome";}
.share-links .goog-btn::after {font-family: "mariagefr" !important; content: "g"; font-size: 17px; line-height: 23px!important;}
.share-links .pint-btn::after {content: '\f231'; font-family: "FontAwesome";}
.share-links .twit-btn::after {content: '\f099'; font-family:"FontAwesome";}
.share-links .print-btn::after {content: '\f02f'; font-family: "FontAwesome";}
.share-links .mail-btn::after {content: '\f1fa'; font-family:"FontAwesome"; font-size: 19px; line-height: 17px;}

/*-----forms-------------*/

.form-group input, .form-group  select, .form-group textarea{border-radius: 4px; }
.form-group  select.form-control + span.form-control-feedback {right: 30px;}
.has-success .checkbox, .has-success .checkbox-inline, 
.has-success .control-label, .has-success .help-block, 
.has-success .radio, .has-success .radio-inline, 
.has-success.checkbox label, .has-success.checkbox-inline label, 
.has-success.radio label, .has-success.radio-inline label {color: #6bc76c;}
.has-success .form-control {border-color: #6bc76c;}
.has-success .form-control-feedback {color: #6bc76c;}
.has-success .form-control:focus {
	border-color: #60c761;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #60c761;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #60c761;
}
.has-error .checkbox, .has-error .checkbox-inline, 
.has-error .control-label, .has-error .help-block, 
.has-error .radio, .has-error .radio-inline, 
.has-error.checkbox label, .has-error.checkbox-inline label, 
.has-error.radio label, .has-error.radio-inline label {color: #f96d6a;}
.has-error .form-control { border-color: #f96d6a;}
.has-error .form-control-feedback { color: #f96d6a; font-size: 16px; line-height: 36px;}
.has-error .form-control:focus { 
	border-color: #da110d;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da110d;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da110d;
}

.error{
	color: #f96d6a;
	border-color: #f96d6a;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da110d;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da110d;
	border-radius: 10px;
	padding:10px;
	margin:10px
}

.success{
	color: #6bc76c;
	border-color: #60c761;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #60c761;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #60c761;
	border-radius: 10px;
	padding:10px;
	line-height: 30px;
}

.success p,.error p{ margin: 0px;}

.success em,
.error em{
	visibility: hidden;
}
.sql_error{
	color: #f96d6a;
}
.sql_error em{
	visibility: hidden;
}

/****** Style Star Rating *****/


a.rate-stars {
	display: block;
	width: 138px; height: 24px; margin: 3px 15px;
	background: url(img/rate-stars-bg.png) no-repeat center; background-size: contain;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.rate-stars:hover {opacity: 1;}

.rating { 
	border: none;
	margin: 5px 15px 0 10px;
	float: left;
	height: 24px;
	opacity: 0.8;
}
.rating:hover {opacity: 1;}

.rating > input { display: none; }
/*.rating > label:before {
  content: '';
  position: absolute; top: 0; left: 0;
  height: 24px;
  }*/
  .rating > label:after { 
  	margin: 0 2px;
  	font-size: 24px; line-height: 15px;
  	font-family: FontAwesome;
  	display: inline-block;
  	content: "\f005";
  }

  .rating > .half:after { 
  	content: "\f089";
  	position: absolute;
  }

  .rating > label { 
  	color: #bbbaba; 
  	float: right; 
  }

  /***** Highlight Stars on Hover *****/

  .rating > input:checked ~ label, /* show gold star when clicked */
  .rating:not(:checked) > label:hover, /* hover current star */
  .rating:not(:checked) > label:hover ~ label { color: #f6adc0;  } /* hover previous stars in list */

  .rating > input:checked + label:hover, /* hover current star when changing rating */
  .rating > input:checked ~ label:hover,
  .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
  .rating > input:checked ~ label:hover ~ label { color: #e77794;  }





/* back to top
----------------------------------------------------------------*/

.cd-top {
	display: inline-block;
	width: 40px; height: 40px;
	position: fixed;
	bottom: 50%;
	right: 10px;
	border-radius: 50%;
	color: #fff; text-align: center; font-size: 24px;
	overflow: hidden;
	background-color: rgba(238, 189, 199, 0.9);
	visibility: hidden;
	opacity: 0;
	z-index: 20;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top:after {content: '\f106'; font-family: "FontAwesome"; color: #fff;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .8;
}
.no-touch .cd-top:hover {
	background-color: #e77794;
	opacity: 1;
}



/*  footer
-----------------------------------------------------------*/
footer {  position: relative;  padding: 30px 0 45px; margin-top: 30px;  background-color: #eee;  color: #707070;}
footer::after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 18px; background-color: #eebdc7;}
footer a {color: #707070;} footer a:hover {color: #ee96ad;}
footer strong.title {text-transform: uppercase; font-size: 18px; margin: 10px 0; display: block;}
footer ul {padding: 0 0 10px 0;}
footer ul li {list-style: none; display: block;}
footer ul li a {display: inline-block; color: #707070; font-weight: 300; position: relative; padding: 2px 0; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
footer ul li a::after{ 
	content: '';
	display: block;
	position: absolute;
	bottom: 2px;
	height: 1px;
	width: 0;
	background-color: #ee96ad;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
footer ul li a:hover, footer ul li a:active { color: #ee96ad;}
footer ul li a:hover::after, footer ul li a:active::after { width: 100%;}
footer span.lead {font-size: 18px; line-height: 30px;}

.loader{ 
	background-image: url('img/ajax-loader.gif'); 
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center; 
	display: block; 
	width: 16px; 
	height: 16px; 
	margin: 50px auto;
}

.rupture::before{
	background: url('img/rupture.png') no-repeat center;
	width: 28px;
	height: 27px;
}
.rupture{
	background-color: #ee97ae;
}
.fc_rose{
	color:#ea7796;
}
.fc_green{
	color:#36b720;
}
.bold{
	font-weight: bold;
}
.fc-success{
	color:#3e8f3e;
}
.fc-defaite{
	color:#761c19;
}
#side-content .head-list.small-head-list .like-hgroup h2 a{
	color:#fff;
}
#side-content .head-list.small-head-list .like-hgroup h2 a:hover{
	/*color:#ea7796;*/
	text-shadow: 1px 1px 12px #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.disabled{
	opacity: 0.3;
}
.souligne{ text-decoration: underline;}
.gras{ font-weight: bold;}
.btn-danger{
	background-color: #d45a72;
	/*border: 1px solid #d6bdc2;*/
	border-color: #d6bdc2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-danger:hover{
	background-color: #ee97ae;
	border-color: #d6bdc2;
}


.box_litige{
	border-radius: 10px;
}
.box_litige_top {
	border-radius: 10px 10px 0px 0px;
}
.box_litige_bottom {
	border-radius: 0px 0px 10px 10px;
}
.bg_rose{
	background-color:#fdeff7;
}
.bg_violet{
	background-color:#ee97ae;
}
.bg_bleu{
	background-color:#fdeff7;
}
.fc_blanc{
	color: #fff;
}

.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs28{font-size:28px;}
.fs32{font-size:32px;}

.left{float: left;}
.right{float: right;}
.clear{ clear: both;}

.w30{width:30px;}
.w50{width:50px;}
.w180{width:180px;}
.w370{width:370px;}
.w430{width:430px;}

.h43{height:43px;}
.h60{height:60px;}
.h75{height:75px;}

.wp5{width:5%;}
.wp10{width:10%;}
.wp20{width:20%;}
.wp25{width:25%;}
.wp30{width:30%;}
.wp33{width:33%;}
.wp40{width:40%;}
.wp50{width:50%;}
.wp60{width:60%;}
.wp66{width:66%;}
.wp70{width:70%;}
.wp25{width:25%;}
.wp80{width:80%;}
.wp90{width:90%;}
.wp100{width:100%;}
.marg10I{margin: 10px!important;}
.marg20I{margin: 20px!important;}
.margin-center{margin:0 auto;}
.margt0{margin-top: 0px;}
.margt5{margin-top: 5px;}
.margt10{margin-top: 10px;}
.margt20{margin-top: 20px;}
.margt30{margin-top: 30px;}
.margt40{margin-top: 40px;}
.margt50{margin-top: 50px;}
.margb0{margin-bottom: 0px;}
.margb5{margin-bottom: 5px;}
.margb10{margin-bottom: 10px;}
.margb15I{margin-bottom: 15px!important;}
.margb20{margin-bottom: 20px;}
.margb30{margin-bottom: 30px;}
.margb40{margin-bottom: 40px;}
.margb50{margin-bottom: 50px;}
.margl0{margin-left: 0px;}
.margl5{margin-left: 5px;}
.margl10{margin-left: 10px;}
.margl20{margin-left: 20px;}
.margl30{margin-left: 30px;}
.margl40{margin-left: 40px;}
.margl50{margin-left: 50px;}
.margr0{margin-right: 0px;}
.margr5{margin-right: 5px;}
.margr10{margin-right: 10px;}
.margr20{margin-right: 20px;}
.margr30{margin-right: 30px;}
.margr40{margin-right: 40px;}
.margr50{margin-right: 50px;}
.pad10{padding:10px;}
.pad20{padding:20px;}

/* CAROUSEL CAPTION
-------------------------------------------------- */
.carousel-caption{
	width:100%;
	background-color:#FEF8FA ;
	opacity:0.8;
	/*color:#EE97AE;*/
	color:#FB4B7B;
	text-shadow: none;
	left:0px;
	right:0px;
	bottom:0px;
	height:45px;
	font-size:20px;
	padding-bottom:0px;
	padding-top:4px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu-nouveaute, .menu-promo{
	color:#fff!important;
	background-color: #E7819F!important;
}
.menu-nouveaute:hover, .menu-promo:hover{
	background-color: #F4386D!important;
}
.menu-nouveaute:hover{
	/* border-left:1px solid #fff; */
}

.liste-stock img.puce-stock{
	vertical-align: top;
	padding-top: 4px;
	width: 13px;
	margin-left: 2px;
}

/**** Panier step 2 formulaire adresse */
/*#panier_step2 .cart-table .btn-step-valid,*/
#panier_step3 .cart-table .btn-step-valid{
	margin: 0px;
	border: 0px;
	padding: 0px;
	float: none;
	cursor: pointer;
	outline: none;
}

/*#panier_step2 .cart-table .bouton .etape_suivante,*/
#panier_step3 .cart-table .bouton .etape_suivante{
	display: inline-block;
	padding: 10px 15px;
	float: right;
	margin: 10px 0;
	background-color: #d45a72;
	border: 1px solid #d6bdc2;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}
/*#panier_step2 .cart-table .bouton .etape_suivante::after,*/
#panier_step3 .cart-table .bouton .etape_suivante::after{
	content: "\f054";
	font-family: "FontAwesome";
	margin: 0 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*#panier_step2 .cart-table .btn-step-valid,*/
#panier_step3 .cart-table .btn-step-valid{
	background-color: transparent;
}

/*#panier_step2 .cart-table .bouton .etape_suivante:hover,*/
#panier_step3 .cart-table .bouton .etape_suivante:hover{
	background-color: #ee97ae;
}

.fc_rose{
	color:#f95381;
}

#hexag-pushs .lead{
	text-transform: uppercase;
	background-color: #F5F5F5;
	color: #D15B72;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 400;
}

.ideesShopping .lead{
	position: relative;
	
}
#hexag-pushs.containerSousFamille.ideesShopping .lead{
	padding-top:2px;
	/*padding-bottom:2px;*/
	display: inline-block;
	width: 100%;
	padding-top: 0px;
}

#hexag-pushs.containerSousFamille.ideesShopping .lead .conteneur{
	display: inline-block;
	padding-top: 2px;
}

.ideesShopping span.texte{
	/*
	display: inline-block;
	padding-top: 2px;
	*/
	display: block;
    padding-top: 3px;
    float: left;
}
.ideesShopping span.chariot{
	padding-left:20px;
	padding-top: 0px;
    display: inline-block;
}

.ideesShopping span.chariot img{
	width: 32px;
	/*position: absolute;
	top:3px;
	*/
	/*
	left : 30px;
	top:0px;
	*/
}

.choix-couleur .colors-trie{
	list-style: none;
}

header .info_livraison img{
	width:100%;
	height:auto;
}

/* SELECT 2 */
.select2-container{

}
.form-group .select2-container--default .select2-selection--single{
	height: 34px;
	background-color: #f7f7f7;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{

}
.select2-container--default .select2-selection--single .select2-selection__arrow{

}
.select2-container--default .select2-selection--single .select2-selection__arrow b{

}

#myModalDestination{
	max-width: initial;
	width: fit-content;
}
#myModalDestination form{
	max-width: initial;
	width: fit-content;
}

.code_promo .input-group{
	padding-left:10px; margin:0 auto; width:170px;
}
.code_promo .btn-pink{
	margin:0px; padding:0px;height:34px;width:43px; border:0px;
}

/*** Menu 2024 */
header nav.navbar ul.nav{
	border: 0px;
}
header nav.navbar ul.nav>li{
	border-right: 0px;
	margin-bottom: 5px;
}

header nav.navbar ul.nav>li>a{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    border: 1px solid #EEE;
}
header nav.navbar ul.nav>li>a:hover{
	border-color: #EE97AE;
}
header nav.navbar ul.nav > li > a.themesh{
	border-color: #d4f5f8;
}

header nav.navbar ul.nav > li > a.menu-nouveaute,
header nav.navbar ul.nav > li > a.menu-promo
{
	border-color: #EE97AE;
}
header nav.navbar ul.nav > li .dropdown-menu{
	margin-top: -5px;
	border-radius: 10px;
	box-shadow: 2px 4px 12px #00000014;
}
.top-bar .dropdown-menu{
	border-radius: 10px;
	box-shadow: 2px 4px 12px #00000014;
	/*height: 492px;*/
}
header nav.navbar ul.nav>li .dropdown-menu::before, 
.top-bar .dropdown-menu::before,
.dropdown-menu::after{
	display: none;
}
/*** End Menu 2024 */
/*** Home page : Nouveautés, meilleurs ventes*/
.prod-liste figure{
	border-radius: 10px;
	/*
	border:1px solid #d8d8d8;
	box-shadow: 2px 4px 12px #00000014;
	*/
}
#hexag-pushs .container{
	border-radius: 10px;
}

/*** Fiche produit*/
.avis-clients-content,
.carousel-prod .carousel-inner, 
.carousel-prod .carousel-indicators li{
	border-radius: 10px;
}
/*
.carousel-prod .carousel-inner .item > img{
	top:auto;
	left: auto;
	transform: none;
}
*/
.addcart-popup #list-of-prods a.prod-liste{
	border-radius: 10px;
}
#home-slider .feature > a{
	border-radius: 10px;
}
#home-slider .feature:nth-child(odd) > a::after,
#home-slider .feature:nth-child(even) > a::after{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


/*** Mobile */
#home-slider .reassu-col .feature.deco-vintage::before{
	border-radius: 10px;
}
.image_homepage a img{
	border-radius: 10px;
}

/*** Modal code promo */
#myModal_PubPopUp.modal .modal-body{
	padding: 8px;
}
#myModal_PubPopUp.modal .modal-content{
	border-radius: 10px;
}
#myModal_PubPopUp.modal .modal-body img{
	border-radius: 10px;
}
#myModal_PubPopUp.modal .close{
	color: #FFF; 
	opacity:1;
	font-size: 40px;
	font-size: 72px;
	text-shadow:none;
	height: 0px;
	margin-top: -5px;
	width: 100%;
    text-align: right;
}

.modal-dialog-centered{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem* 2) );
}
.modal-dialog-centered::before {
	content:" ";
	display: block;
	height: calc(100vh - (1.75rem* 2) );
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media screen and (max-width: 1200px) {
	header .top-bar ul li a, header .top-bar a.link,  header .top-bar a.phone{ font-size: 15px;}
	header .top-bar .phone::before{ height: 24px; width: 24px; margin-top: 5px; margin-right: 10px; margin-bottom: -6px;}

	header .logo::before {
		font-size: 15px; 
		bottom: 67%; 
		/* left: 35%;*/
		left: 35.5%;
	}

	header nav.navbar ul.nav>li>a {font-size: 14px; padding: 15px 10px;}

	#hexag-pushs .push h3 {font-size: 18px; }

	.btns-folow a {margin: 5px 7px 5px 0;}

	#side-bar .prod-liste  h2,
	#side-bar .prod-liste  h3,
	#side-bar .prod-liste  h4,
	#side-bar .prod-liste  h5 { margin:0px auto; padding: 0 5px; height: 50px; font-weight: 300; line-height:20px; color:#333; font-size: 14px; text-align: center;}
	#side-bar .prod-liste div.quick-links > a.quick-detail {left: 15px;}
	#side-bar .prod-liste div.quick-links > a.quick-addcart {right: 15px;}
	#side-bar .prod-liste .last-price  {font-size: 14px; line-height: 30px;}
	#side-bar .prod-liste .last-price::after { margin-left: -30px; width: 60px;}
	#side-bar .prod-liste .price {font-size: 22px; line-height: 24px;}
	#side-bar .prod-liste .price small {font-size: 12px;}
	#side-bar .prod-liste .price i {font-size: 18px;}

	#side-content .assu-block > span {display: block; color:#9b9b9b; font-size:24px; font-weight: 400; text-transform: uppercase; letter-spacing: -1px; }
	#side-content .assu-block > strong {display: block; color:#f95381; font-size:30px; line-height: 30px; letter-spacing: -2px; }

	.carousel-prod .carousel-inner { height: 371px;}
	.carousel-prod .carousel-indicators {width: 103%;}
	.carousel-prod .carousel-indicators li { height: 118px; width: 118px;}
	.carousel-prod .carousel-indicators.more-indicators li {height: 86px; width: 86px;}

	.quick-addcart-popup > .prod-detail .carousel-prod .carousel-inner {height: 440px; }

	.articles-txt p {height: 310px;}
	.carousel-caption {
		font-size: 18px;
	}

}
@media screen and (max-width: 991px) {
	header .top-bar ul li {padding:0 10px; }
	header nav.navbar ul.nav>li>a {font-size: 12px; padding: 15px 5px;}
	header .top-bar ul li.dropdown div.dropdown-menu ul li.title a {font-size: 16px;}
	header .top-bar ul li.dropdown div.dropdown-menu ul li a{ font-size: 14px;}

	header .logo::before {font-size: 12px; bottom: 67%; left: 35.2%;}
	header .logo h1, header .logo span {margin-top: 0;}
	header .panier {font-size: 18px; letter-spacing: -1px; padding: 0;}
	header .panier p::before {  width: 32px; height: 24px;  margin-right: 0px; background-size: contain;}

	header nav.navbar ul.nav>li.dropdown div.dropdown-menu ul li.title a {font-size: 15px;}
	header nav.navbar ul.nav>li.dropdown div.dropdown-menu ul li a { font-size: 13px;}

	#home-slider .reassu-col > .row {position: relative; height: auto;}
	.reassu-blocks {margin-top: 30px;}
	.reassu-feature {position: relative; margin-top: 30px;}
	.reassu-blocks .assu-block {padding: 25px 2px;}
	.reassu-blocks > .row div:nth-child(2) .assu-block, .reassu-blocks > .row div:last-child .assu-block {margin-bottom:0!important; }
	.reassu-blocks .assu-block > span {font-size: 24px;}
	.reassu-blocks .assu-block > strong {font-size: 30px;}
	#home-slider .reassu-col .feature.deco-vintage {height: 260px; position: relative; bottom: 0; left: 0; right: 0; }
	#home-slider .reassu-col .feature.deco-vintage:hover {height:  260px; bottom: 0; left: 0; right: 0; }
	#home-slider .reassu-col .feature.deco-vintage > a {height: 100%;}
	#home-slider .reassu-col .feature.deco-vintage::before { height: 100%; width: 100%;  opacity: 1;}
	#home-slider .reassu-col .feature.bapteme-lin {height: 260px; position: relative; bottom: 0; left: 0; right: 0; }
	#home-slider .reassu-col .feature.bapteme-lin:hover {height:  260px; bottom: 0; left: 0; right: 0; }
	#home-slider .reassu-col .feature.bapteme-lin > a {height: 100%;}
	#home-slider .reassu-col .feature.bapteme-lin::before { height: 100%; width: 100%;  opacity: 1;}

	#side-bar .nav>li>a{font-size: 12px;}
	#side-bar ul.col-sm-6 li>a{font-size: 12px;}

	#side-bar .title-cross-prod-blue>span, #side-bar .title-cross-prod-pink>span { font-size: 14px;}
	#side-bar .prod-liste div.quick-links > a.quick-detail {left: 5px; width: 50px; height: 50px; font-size:12px; line-height: 48px; }
	#side-bar .prod-liste div.quick-links > a.quick-addcart {right: 5px; width: 50px; height: 50px;}
	#side-bar .prod-liste  h2,
	#side-bar .prod-liste  h3,
	#side-bar .prod-liste  h4,
	#side-bar .prod-liste  h5 { margin:0px auto; padding: 0 5px; height: 60px; font-weight: 300; line-height:16px; color:#333; font-size: 14px; text-align: center;}
	#side-bar .prod-liste .last-price  {font-size: 12px; line-height: 20px; height: 25px;}
	#side-bar .prod-liste .last-price::after {top: 6px; margin-left: -25px; width: 50px;}
	#side-bar .prod-liste .price {font-size: 18px; line-height: 14px; height: 25px;}
	#side-bar .prod-liste .price small {font-size: 12px;}
	#side-bar .prod-liste .price i {font-size: 16px;}

	#side-content .head-list hgroup h1,
	#side-content .head-list hgroup h2  {font-size: 24px; color: #fff;}
	#side-content .content-pagination {padding: 0 15px;}
	#side-content .content-pagination > div {display: inline-block; float: left; padding: 0 5px;}
	#side-content .content-pagination .display-type-lines, #side-content .content-pagination .display-type-blocks { margin: 5px ;}
	#side-content .content-pagination select.form-control {margin-left: 5px;}
	#side-content .content-pagination .pagination li {margin: 0;}
	#side-content .content-pagination > div .pagination-sm>li>a,
	#side-content .content-pagination > div .pagination-sm>li.active>a,
	#side-content .content-pagination > div .pagination-sm>li.active>a:hover,
	#side-content .content-pagination > div .pagination-sm>li>span { padding: 2px 6px;}
	#side-content .head-list hgroup span {font-size: 14px; line-height: 24px;}
	#side-content .assu-block > span {display: block; color:#9b9b9b; font-size:20px; line-height: 36px; font-weight: 400; text-transform: uppercase; letter-spacing: -1px; }
	#side-content .assu-block > strong {display: block; color:#f95381; font-size:26px; line-height: 36px; letter-spacing: -2px; }

	.carousel-prod .carousel-inner { height: 285px;}
	.carousel-prod .carousel-indicators {width: 104%;}
	.carousel-prod .carousel-indicators li { height: 88px; width: 88px;}
	.carousel-prod .carousel-indicators.more-indicators li {height: 88px; width: 88px;}

	.quick-addcart-popup > .prod-detail .carousel-prod .carousel-inner {height: 400px; }

	.addcart-popup .interest-prods {padding: 0 60px;}

	.blocks_features.col-sm-3{
		width:50%;
		float: left;
		padding:0px;
		height:215px;
	}


}
@media (min-width: 768px) and (max-width: 991px) {
	.carousel-caption {
		font-size: 16px;
	}
	
}


@media screen and (max-width: 750px) {

	#hexag-pushs.containerSousFamille .push{
		float: left;
		width: 50%;
	}

	/*** Frais de port + zone de livraison dans panier-step1.php */
	.zoneLivraison .fraisPort{
		display:block;
	}
	.zoneLivraison .space{
		display:none;
	}
	#myModalDestination .col-sm-3,		
	.addcart-popup .col-sm-3{
		width: 50%;
		padding: 0px;
		float: left;
		margin-bottom: 0;
		z-index: 1;
		position: relative;
		margin-top: 10px;
	}

	.code_promo .input-group{
		width:100%;
	}

}
	




@media screen and (max-width: 360px) {

	#hexag-pushs.containerSousFamille .push h3.titreSousFamille{
		font-size: 17px;
		letter-spacing: -1px;
	}

	#hexag-pushs.containerSousFamille .push{
		margin-bottom: 0px;
	}
	#myModalDestination .lead.pink{
		/*font-size: 14px;*/
	}
	#myModalDestination{
		padding:0px!important;
	}
	#myModalDestination p.lead.pink{
		margin-bottom:0px;
	}
	#myModalDestination .btn-pink{
		margin: 0px;
	}

	

}