.fade-animation.ng-enter, .animate-if.ng-leave {
	transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
}

.fade-animation.ng-enter,
.fade-animation.ng-leave.ng-leave-active {
	opacity:0;
}

.fade-animation.ng-leave,
.fade-animation.ng-enter.ng-enter-active {
	opacity:1;
}

.date-select{
	cursor: pointer;
}

/************************* Général *************************/
body{
	font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	background: #fafafa;
}

section{
	clear:both;
}

ul{
	padding: 0;
}


/*TUNER CAMPAGNE*/

.footer, #footer .footer-description
{
	display: none;
}

#cta-panier .prix {
	/*right: 33px !important;*/
	position: initial !important;
	margin-right: 5px !important;
}

.shop-info .ctaPanier {
	float: right !important;
}

.shop-info #cta-panier {
	margin: 0px !important;
	position: relative !important;
	bottom: 100px;
}

.center-column .tuner svg {
	height: 60vh;
}

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

.shop-info {
    overflow: initial !important;
    position: relative !important;
    top: 160px !important;
}

.center-column .tuner svg {
	height: 46vh !important;
}

div#cta-panier button:nth-child(2) {
	    width: 100% !important;
}
}


@media screen and (max-width: 1199px) and (min-width: 992px){
.center-column svg {
    height: 60vh !important;
}
}


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

/*
.tuner-content{
	background-color: #fff !important;
}*/


#description_fr .ta-scroll-window > .ta-bind {
    white-space: normal !important;
    /*word-wrap: break-word !important;*/
}



.btn, .btn:hover {
    box-shadow: none;
}

.container {
	padding-left: 0px !important;
	padding-right: 0px !important;
}


.tuner-content {
  transition: all linear 0.3s;
  opacity: 1;
}
.tuner-content.ng-hide {
  opacity: 0;
}


/* Design btn */
.btn-crowdfunding{
    color: #fff;
    font-family: 'SegoeWP-Bold' !important;
    margin: 0 auto;
    background: #00E676;
    border-radius: 50px;
    width: 264px;
    padding: 17px 0px;
    font-size: 16px;
    outline: none !important;
    background-image: -webkit-linear-gradient(#00e676, #00cd69);
    background-image: -o-linear-gradient(#00e676, #00cd69);
    background-image: -moz-linear-gradient(#00e676, #00cd69);
    background-image: linear-gradient(#00e676, #00cd69);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    margin-bottom: 20px !important;
}

.vue-fiche-product svg{
	    height: 310px !important;
}

.miniatures gen-image-produit svg {
	height: 55px !important;
}

.products {
	background: #fff;
	padding: 20px;
	border: 1px solid rgb(247, 247, 247);
    border-radius: 3px;
}

/*.view-product {
	    background: #fff;
    border: 1px solid rgb(247, 247, 247);
    padding-top: 15px;
    border-radius: 3px;
    max-width: 408px;
    float: right;
}*/

.label .preloader-wrapper.xsmall.active {
    width: 13px;
    height: 13px;
    position: relative;
    right: 8px;
    top: 2px;
}

.products > label {
    padding-bottom: 10px !important;
}

 .prix_vente gen-image-produit svg {
	height: 160px !important;
}

.btn-add-product {
	font-size: 13px;
    width: initial;
    padding: 6px 20px 6px 18px;
    position: relative;
    bottom: 3px;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
    background: #3d3;
    color: #fff;
   	transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    outline: none;
}

.btn-add-product:hover {
	color: #fff;
	opacity: 0.8;
}
.btn-add-product:focus {
	color: #fff;
}

button.btn.btn-add-product .fa {
    font-size: 11px;
}

.btn-crowdfunding:hover{
	color: white;
	/*background-color: #1da267;*/
}

.btn-crowdfunding:focus{
	color: white;
	box-shadow: none !important
}

.prix_vente img {
    max-height: 90px;
    width: inherit;
}

/*.btn-crowdfunding::after{
	position: absolute;
	content: '';
	z-index: -1;
	height: 8px;
	bottom: -4px;
	left: 0;
	right: 0;
	display: block;
	background-color: #1da267;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}*/

/*i.arrow{
	background: url("data:image/png;base64,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");
	width: 40px;
	height: 44px;
	display: inline-block;
	position: relative;

	position: absolute;
	right: 10px;
	top: 9px;
}
*/

.box-tools {
	    margin-right: 1px !important;
}

.btn-validate{
	background: #00b0ff;
}

.btn-cancel {
	    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

.btn-cancel:hover{
	background: #707070;
}

.vertical-align {
    display: flex;
    align-items: center;
}

/************************* Etapes *************************/
#liste-etapes {
    font-weight: bold;
    height: 77px;
    margin-top: 10px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
        margin-left: 0;
}

#liste-etapes a.etape{
	display: block;
	text-decoration: none;
	position: relative;
	width: 50px;
	height: 50px;
	align-self: flex-end;
	-webkit-transition: width .3s, height .3s;
	transition: width .3s, height .3s;
}

#liste-etapes a.etape div.titre{
	color: #cccccc;
	font-size: 16px;
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transition: top .3s;
	transition: top .3s;
}

#liste-etapes a.etape div.numero{
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 50px;
    border-radius: 3px;
    color: white;
    background-color: #cccccc;
    font-size: 18px;
}

/* Active */
#liste-etapes a.etape.active{
	width: 50px;
	height: 50px;
}

.container-fluid.info-product {
    padding: 10px 20px;
    position: relative;
    z-index: 0;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15), 0 0px 0px rgba(0, 0, 0, 0.45);
    bottom: 2px;
}

#liste-etapes a.etape.active::before{
/*	position: absolute;
	top: -9px;
	left: 29px;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5.5px 9px 5.5px;
	border-color: #1cc6dc transparent;*/
}

#liste-etapes a.etape.active div.titre{
	color: #1cc7dc;
	top: -24px;
}

#liste-etapes a.etape.active div.numero{
    background-color: #1cc7dc;
    text-shadow: 1px 1px 0px rgba(135, 135, 135, 0.2);
    line-height: 50px;
}

/* Success */
#liste-etapes a.etape.success{
	width: 50px;
	height: 50px;
}

#liste-etapes a.etape.success div.titre{
	color: #25cf83;
	top: -24px;
}

#liste-etapes a.etape.success div.numero{
	background-color: #25cf83;
	line-height: 50px;
}

/* Loader */
#liste-etapes .loader-etape1, #liste-etapes .loader-etape2{
	position: relative;
	top: 46px;
}

/************************* Description *************************/
#description{
	padding-top: 35px;
	color: #7d7d7d;
}

#description .input-alert{
	font-size: 12px;
}

#description .input-danger{
	color: #e74c3c;
}

#description .input-success{
	color: #25cf83;
}

#description .input-infos{
	color: #cacaca;
}

#description .input-warning{
	color: #FF9800;
    padding: 0.5em;
}

.input-alert.input-warning::before {
    content: " ";
    background-color: #ff8d00;
    height: 15px;
    width: 15px;
    display: inline-block;
    position: absolute;
    left: -4px;
    transform: rotate(45deg);
    z-index: -1;
}

#description .input-top{
	text-align: right;
	height: 0;
	position: relative;
	top: -1.3em;
}

#description input:focus, #description textarea:focus {
	border-color: #1cc7dc!important;
	box-shadow: none;
}

[type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after {
	top: 11px !important;
}

[type="checkbox"] + label {
	top: 0px !important;
}

.checkbox label {
	    padding-left: 35px;
}

.modal-backdrop.fade.in {
    height: 100%;
    position: fixed;
}

#description input.ng-valid, #description textarea.ng-valid {
/*text-align: center;*/
}

/*#description input.ng-valid {
	text-align: center !important;
}
*/
ul.uib-datepicker-popup.dropdown-menu.ng-scope {
    width: inherit;
    background: #fff !important;
}

#description input.ng-touched.ng-invalid, #description textarea.ng-touched.ng-invalid {
	border-color: #e74c3c;
}

#description .label{
    font-size: 18px;
    display: block;
    color: #3d3d3d;
    padding: 0;
    border-radius: 0;
    text-align: left;
    font-family: 'SegoeWP-SemiBold';
}

input#titre_fr {
    padding-left: 10px;
    margin: 0 !important;
    	background: #fff;
	border-radius: 2px;
}

#description .label span{
    color: #7d7d7d;
    font-size: 14px;
}

.ta-editor {
	margin: 20px 0 0 0 !important;
}

.ta-editor ul,
.ta-editor ol {
	padding-left: 15px !important;
}


#description .benefice-total{
	font-weight: bold;
	font-size: 60px;
	color: #00b0ff;
	line-height: 60px;
	padding-top: 3px;
	margin-bottom: 32px;
}

#description .form-group{
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
    border: 1px solid rgb(247, 247, 247);
    border-radius: 3px;
    box-shadow: 0px 1px 1px #cacaca;
}


#description .form-group .label{
	margin-bottom: 14px;
}

#description input{
    height: 35px;
    background: #fff;
    border-radius: 2px;
    font-family: 'SegoeWP-SemiBold';
    color: #3d3d3d !important;
}

#description textarea{
	height: 100px;
}

#description .objectif_vente{
	margin: 0;
}

#description input#objectif_vente{
	text-align: center;
	height: 36px;
	margin: 0px !important;
}

#description .benefice-unitaire{
	font-size: 16px;
}

#description .benefice-unitaire span{
	font-size: 20px;
	font-weight: 600;
	color: #00b0ff;
	margin-left: 22px;
	position: relative;
	top: 1px;
}

.form-control {
	color: #3d3d3d !important;
	font-size: 16px !important;
}

#description .prix_vente{
	border-top: 1px solid #ebebeb;
	padding: 15px;
	/*position: relative;*/
	margin: 0;
	background: #fff;
	border-radius: 2px;
}

.info-couleurs-produit {
	 border: 1px solid #ebebeb;
    padding: 15px;
	background: #fff;
	border-radius: 2px;
    margin: 0;
}

#description .prix_vente .close{
	width: 15px;
	height: 15px;
	position: absolute;
	top: 5px;
	right: 10px;
}

#description .prix_vente input{
    text-align: center;
    width: 80px;
}

#description .prix_vente .input-group-addon{
	font-weight: bold;
	width: 47px;
}

#description .checkbox input{
	width: 20px;
	height: 20px;
	position: relative;
	margin: 0;
}

.info-couleurs-produit > span:nth-of-type(1) {
    display: block;
    width: 100%;
    padding: 10px;
}

#description .checkbox{
	margin: 0;
}

#description .preview{
	text-align: center;
	min-height: 400px;
	margin-top: 20px;
}

#description .preview svg rect, #description .preview svg image, .prix_vente svg image {
	cursor: pointer;
}

#description .preview svg {
	outline: none;
}

.preview gen-image-produit svg {
	height: 410px;
}

#description .preview img, #description .preview svg{
    width: initial;
    max-height: 450px;
}

#description .selection-face{
    /*padding: 5px 10px;*/
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0px !important;
}

.selection-face gen-image-produit svg {
	height: 50px;
	width: 43px;
}

#description .selection-face img{
    height: 58px;
    display: inline-block;
    cursor: pointer;
    margin: 0 2px;
}

.right-column .vues-produit {
    margin-bottom: 20px;
}

/*h2 {
	font-size: 18px;
    color: #545454;
    font-family: 'Montserrat' !important;
    text-transform: uppercase !important;
    font-weight: 900;
    margin-top: 0px !important;
    padding: 0px !important;
}*/

#description .recap-livraison{
	background: #fafafa;
	padding: 20px 40px;
	border-radius: 8px;
	margin-top: -20px;
	position: relative;
}

#description .recap-livraison .modifier{
    cursor: pointer;
    color: #00b0ff;
    font-size: 12px;
    padding-top: 5px;
    padding-left: 5px;
}

#description .recap-livraison .modifier:hover {
	text-decoration: underline;
}

/* Slider */
.rz-pointer {
	top: -9px!important;
	width: 27px!important;
	height: 27px!important;
	background-color: #16a2b3!important;
}

.rz-pointer::after {
	background: transparent!important;
}

.rz-bar {
	-webkit-border-radius: 20px!important;
	-moz-border-radius: 20px!important;
	border-radius: 20px!important;
	height: 15px!important;
	top: 13px!important;
}

.rz-selection {
	-webkit-border-radius: 20px!important;
    -moz-border-radius: 20px!important;
    border-radius: 20px!important;
}

.rz-ticks{
	padding: 0px 13px!important;
}

.tick{
	height: 15px!important;
}

.tick-value{
	top: -20px!important;
}

.indicator{
	left: -3px;
	font-size: 9px;
}

.indicator::after{
	position: absolute;
	content: '';
	border-left: 1px solid #dcdcdc;
	width: 1px;
	height: 7px;
	left: 50%;
	bottom: -8px;
}

/* Modal */
#renseignement-livraison{
	margin: 15px;
}

#renseignement-livraison .input-alert{
	font-size: 12px;
}

#renseignement-livraison .input-danger {
    color: #fff;
    background: #e74c3c;
    padding: 3px 10px;
    border-radius: 2px;
}

#renseignement-livraison .input-infos{
	color: #cacaca;
}

/*#renseignement-livraison .form-group{
	margin-bottom: 30px;
}
*/
#renseignement-livraison textarea{
	font-size: 20px;
	font-weight: 200;
}


#renseignement-livraison input, #renseignement-livraison select{
    text-align: center;
    height: 40px;
    font-weight: 200;
    margin-bottom: 0px;
}

#renseignement-livraison input:focus, #renseignement-livraison textarea:focus, #renseignement-livraison select:focus{
	border-color: #1cc7dc!important;
	box-shadow: none;
}

#renseignement-livraison input.ng-valid, #renseignement-livraison textarea.ng-valid, #renseignement-livraison select.ng-valid {
	border-color: #25cf83;
}

#renseignement-livraison input.ng-touched.ng-invalid, #renseignement-livraison textarea.ng-touched.ng-invalid, #renseignement-livraison select.ng-touched.ng-invalid {
	border-color: #e74c3c;
}

#renseignement-livraison .btn{
	width: 100%;
	color: white;
	font-size: 14px;
}

/* Data tip */
[data-tip] {
	position: relative;
	cursor: help;
	border-bottom: 1px dotted #aaa;
}

[data-tip]:hover:after,
[data-tip]:focus:after {
	content: attr(data-tip);
	position: absolute;
	top: 1.5em;
	left: 0;
	padding: 5px 10px;
	background: #fcfcfc;
	color: #545454;
	border-radius: 10px;
	z-index: 1;
	width: 350px;
	white-space: normal;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
}
[data-tip]:focus {
	outline: none;
}

[data-tip]:hover:before,
[data-tip]:focus:before {
	content: "▲";
	position: absolute;
	top: .4em;
	left: 22px;
	font-size: 30px;
	color: #fcfcfc;
}


@media screen and (min-width: 1200px) {
/*.shop-info #cta-panier {
	margin-top: 25px !important;
}*/
.shop-info .information-prix {
	margin-top: 20px !important;
}
}

@media screen and (max-width: 1199px) and (min-width: 991px){
/*.shop-info #cta-panier {
	margin-top: 28px !important;
}*/
.shop-info .information-prix {
	margin-top: 0px !important;
}
}

@media screen and (max-width: 990px) and (min-width: 767px){
.shop-info #cta-panier {
	margin-top: 33px !important;
}
}

@media screen and (max-width: 766px){
.shop-info #cta-panier {
	margin-top: 0px !important;
}
}

@media screen and (max-width: 771px){
.shop-info #cta-panier {
	bottom: 136px !important;
}
}

#noTrespassingOuterBarG {
	width: 118px !important;
}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	#tuner-view .right-column {
		top: 160px !important;
	}
}

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

.couleurs-produit {
    /*position: inherit !important;*/
/*    visibility: visible !important;
    opacity: 1 !important;*/
}

.left-column, .right-column{
    margin-top: 78px !important;
}

div#cta-panier button {
    width: 100%;
}
}

/*  .sticks {
    display: none;
  }*/
  .is-sticky .sticks {
    display: block;
  }
  .is-sticky .not-sticky {
    display: none;
  }

  .preview .preloader-wrapper.big.active {
    top: 132px;
    position: relative;
}

/*.bloc-produit button{
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    opacity: 0;
}
*/

/*.bloc-produit button:nth-of-type(1), .bloc-produit button:nth-of-type(2)
{
	visibility: hidden;
	opacity: 0;
	background: transparent;
}*/

.bloc-produit .produit:hover button:nth-of-type(1)
{
	visibility: visible;
	display: block;
	opacity: 1;
	height: 30px;
	background: rgba(0, 0, 0, 0.7);

}

#changer-produit .content-produit .bloc-produit .produit .price {
	right: 8px;
}

.bloc-produit button:nth-of-type(1) {
    border: none;
    opacity: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    font-family: 'segoeWP-SemiBold';
    font-size: 12px;
    height: 0px;
    z-index: 1;
    transition: all 100ms ease-in 0s;
    bottom: 2px;
        width: 96%;
}

.checkbox-active {
    position: absolute;
    z-index: 2;
    bottom: -9px;
    width: 100%;
}
.textCheck span {
	cursor: pointer;
    position: relative;
    top: 0px;
    left: 9px;
    font-family:'SegoeWp-SemiBold';
    color: #7d7d7d;
        width: 100%;
    position: absolute;
}

/*.bloc-produit button.button-ajouter {
    border: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #00cd69;
    background: #fff;
    font-family: 'segoeWP-Bold';
    font-size: 12px;
    padding: 3px 20px;

}*/
.bloc-produit button.button-ajouter .fa {
    font-size: 10px;
    position: relative;
    right: 3px;
}
/*.bloc-produit button.button-retirer {

border: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #fff;
    color: rgba(255, 0, 0, 0.69);
    font-family: 'segoeWP-Bold';
    font-size: 12px;
    padding: 3px 24px;
    display: block !important;
    visibility: visible !important;
	opacity: 1;
}
*/

.checkboxModal {
    display: block;
    width: 50px;
    background: #7d7d7d;
    height: 16px;
    border-radius: 50px;
    float: right;
        right: 12px !important;
    cursor: pointer;
    position: absolute;
}

.checkboxModal:before {
    content: "";
    position: absolute;
    right: 28px;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    border: none;
    z-index: 99 !important;
    box-shadow: inset 0 0 0 40px #fff, 0 1px 3px 0 #7d7d7d;
    aca: box-shadow 500ms ease-in 0s, left 100ms ease-in 0s;
    bottom: 86px;
    opacity: 1 !important;
    display: block;
    z-index: 999999;
    bottom: -3px;
    transition: all 100ms ease-in 0s;
    cursor: pointer;
}

.checkboxModal.product-active {
    background: #00cd69;
}

.checkboxModal.product-active:before {
    box-shadow: inset 0 0 0 40px #01a254, 0 0 1px 0 #000;
    right: 0px;
}

.bloc-produit button.button-ajouter {
    border: none;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background: transparent;
    font-family: 'segoeWP-Bold';
    font-size: 12px;
    padding: 0px;
    width: 96%;
    height: 100%;
}

.bloc-produit button.button-retirer {
    border: none;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #00cd69;
    background: url('../../../../images/check-circle.svg') rgba(255, 255, 255, 0.72) no-repeat;
    font-family: 'segoeWP-Bold';
    font-size: 12px;
    width: 96%;
    height: 100%;
    background-size: 25px 30px;
    background-position-x: 5px;
    border: 2px solid;
}

button.button-terminer {
    display: block;
    margin-left: auto;
    position: relative;
    right: 30px;
    top: 10px;
    padding: 10px 50px !important;
    background-color: #00cd69;
    color: #fff !important;
    text-align: center;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    font-family: 'SegoeWP-SemiBold';
    border-bottom: 3px solid #00bd61;
    border: none;
    border-radius: 3px;
}

button.button-terminer:hover {
	    background-color: #00bd61 !important;
}

button.button-terminer .fa {
    font-size: 12px;
}

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


.color-picker.center-column {
	width: 100% !important;
}

.color-picker.center-column input {
    position: initial !important;
    width: 20px !important;
}

}

.form-control {
	border: 1px solid #ccc !important;
}
#description input.ng-valid, #description textarea.ng-valid {
	border-color: #25cf83 !important;
}
#description input.ng-touched.ng-invalid, #description textarea.ng-touched.ng-invalid {
	border-color: #e74c3c !important;
}
#description input:focus, #description textarea:focus {
	border-color: #1cc7dc!important;
	box-shadow: none;
}
.ta-scroll-window > .ta-bind {
    height: auto !important;
    min-height: 300px !important;
    padding: 6px 12px !important;
}
nav.navbar.navbar-default.navbar-fixed-top {
	position: absolute !important;
}

.center-column .couleurs-produit {
  width: initial !important;
}

.pastille:hover a.couleur.check, .pastille:active a.couleur.check, .active a.couleur.check{
webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
    -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
    -o-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

/*.center-column .couleurs-produit .pastille a {
	    border: 1px solid #7d7d7d;
    border-radius: 0px;
    box-shadow: none;
    margin: 5px 3px;
    width: 19px;
    height: 19px;
}*/

/*par default*/

.h4, h4 {
    font-size: 14px !important;
    color: #242424 !important;
}

.default {
	margin: 0px 0px 40px 0px;
    overflow: hidden;
    max-height: 200px;
}

.default .preloader-wrapper.big.active {
    margin-top: 70px;
}
.default svg {
	max-height: 200px;
}

/*.couleur-default,.produit-default,.face-default {
    width: 30%;
    margin-bottom: 10px;
}*/