body{font-family: Roboto,sans-serif}
h1{font-family:'Expletus','TradeGothic','Raleway',sans-serif}
h2{text-transform:none}
.prel{position:relative;}
.m0-i{margin:0!important;}
.mB0-i{margin-bottom:0!important;}
.mB8-i{margin-bottom:8px!important;}
.mB12-i{margin-bottom:12px!important;}
.prixbarre{font-size:18px;color:#CC0000;white-space:nowrap}
.small{font-size:smaller}
.small_justify{font-size:smaller;text-align:justify}
.larger{font-size:larger}
.larger_justify{font-size:larger;text-align:justify}
.mt-7{margin:7px 0 0 0}
.img{width:100%;height:auto}
.header-right{padding:7px}
.footer-link-mobile{padding:7px; color:#999}
.titre_22px_2{font-family:'TradeGothic', 'Raleway', sans-serif; font-size:22px}
.titre_18px{font-family:'Expletus', 'TradeGothic', 'Raleway', sans-serif; font-size:18px}
.titre_22px{font-family:'Expletus', 'TradeGothic', 'Raleway', sans-serif; font-size:22px}
.titre_30px{font-family:'Expletus', 'TradeGothic', 'Raleway', sans-serif; font-size:30px}
.lien_produitcategorie{font-family:'Raleway', sans-serif; font-size:13px; color:#000; font-weight:bold}
.lien_TPL_Titre_Produits{font-family:'Raleway', sans-serif; font-size:18px; color:#000; font-weight:400}
.titres_Caroussel{text-transform:uppercase; color:#fff}
.bg-header{background-image:url(https://www.renovation-du-cuir.fr/images/bg-header.jpg); background-repeat:repeat}
.deg_header{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000+0,000+15,fff+50,000+85,000+85,000+100&1+0,0.83+15,0.83+85,1+100 */
background:-moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.83) 15%, rgba(255,255,255,0.83) 50%, rgba(0,0,0,0.83) 85%, rgba(0,0,0,1) 100%);
background:-webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.83) 15%,rgba(255,255,255,0.83) 50%,rgba(0,0,0,0.83) 85%,rgba(0,0,0,1) 100%);
background:linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.83) 15%,rgba(255,255,255,0.83) 50%,rgba(0,0,0,0.83) 85%,rgba(0,0,0,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=1);
}
.deg_headerv2{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000+0,000+15,fff+50,000+85,000+85,000+100&1+0,0.83+15,0.83+85,1+100 */
background:rgb(0,0,0);
background:-moz-linear-gradient(top, rgb(0,0,0) 0%, rgb(0,0,0) 57%, rgb(51,51,51) 70%, rgb(0,0,0) 100%);
background:-webkit-linear-gradient(top, rgb(0,0,0) 0%,rgb(0,0,0) 57%,rgb(51,51,51) 70%,rgb(0,0,0) 100%);
background:linear-gradient(to bottom, rgb(0,0,0) 0%,rgb(0,0,0) 57%,rgb(51,51,51) 70%,rgb(0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0);
}
#header_autre{background-color:#ac976d;background:#ac976d;padding:10px}
.mt-30{margin-top:30px}

@media (max-width:768px){
	.header_autre{height:170px}
}
@media (min-width:768px){
	.header_autre{height:120px}
}
.t_header_autre{color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 1)}
.t_header{margin-top:5px; font-family:'Roboto'; font-size:18px}

.horizontal:before{
	top:0;
	left:5%;
	width:90%;
	height:50px;
	border-radius:125px / 12px;
	box-shadow:0 0 8px #555;
}
.horizontal:after{
	bottom:0;
	left:5%;
	width:90%;
	height:50px;
	border-radius:125px / 12px;
	box-shadow:0 0 8px #565656;
}

.SM_Produits{
width:100%;	-webkit-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -o-transition:background 0.5s ease; -ms-transition:background 0.5s ease; transition:background 0.5s ease; cursor:pointer}
.SM_Produits a{text-decoration:none; color:gray}
.SM_Produits:hover a{color:#ac976e}

.produit_survol{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff+0,fafafa+100 */
background:#fafafa;; /* Old browsers */
background:-moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
background:-webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
background:linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fafafa',GradientType=1);
}

.produit_survol:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff+0,fff+42,ededed+100 */
background:rgb(255,255,255); /* Old browsers */
background:-moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(237,237,237,1) 100%);
background:-webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 42%,rgba(237,237,237,1) 100%);
background:linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 42%,rgba(237,237,237,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ededed',GradientType=1);
}

.modesemplois{
	padding:10px;
	width:80%;
	margin:auto;
	text-align:center;
	border:solid 5px #fff;
    border-radius:5px;	
	background:#000;
	background:-webkit-linear-gradient(top,#555 0%,#333);
	background:-moz-linear-gradient(top,#555 0%,#333);
	background:-o-linear-gradient(top,#555 0%,#333);
	background:-ms-linear-gradient(top,#555 0%,#333);
	background:linear-gradient(top,#555 0%,#333);
	

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transition:opacity 0.3s ease-in-out; 
	-moz-transition:opacity 0.3s ease-in-out; 
	-o-transition:opacity 0.3s ease-in-out; 
	-ms-transition:opacity 0.3s ease-in-out; 
	transition:opacity 0.3s ease-in-out;  		
}
.modesemplois:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.7;
	-webkit-transition:opacity 0.3s ease-in-out; 
	-moz-transition:opacity 0.3s ease-in-out; 
	-o-transition:opacity 0.3s ease-in-out; 
	-ms-transition:opacity 0.3s ease-in-out; 
	transition:opacity 0.3s ease-in-out;  		
}

.white-popup{
	position:relative;
	background:#FFF;
	padding:20px;
	width:auto;
	max-width:500px;
	margin:20px auto;
}

.h3f{color:#fff}
.description_theme{font-size:14px; font-style:italic}

.cmde_nuancier{padding:10px;width:490px;margin:auto;color:#fff;text-align:center;border:solid 5px #fff;border-radius:10px 10px 10px 10px;background:#bf0c1d;background:-webkit-linear-gradient(top,#d93433 0%,#bf0c1d);background:-moz-linear-gradient(top,#d93433 0%,#bf0c1d);background:-o-linear-gradient(top,#d93433 0%,#bf0c1d);background:-ms-linear-gradient(top,#d93433 0%,#bf0c1d);background:linear-gradient(top,#d93433 0%,#bf0c1d);box-shadow:0 0 5px 1px rgba(0,0,0,0.3);font-family:'Share Tech',sans-serif,Arial;font-size:24px;text-shadow:2px 2px 4px #333;cursor:pointer}.cmde_nuancier:hover{border:solid 5px #bf0c1d}

.ico_nuancier{position:relative; z-index:999; float:right;  width:100px; height:25px}

.input{background-color:#FFCC00; color:#000; font-weight:bold}

.bloc_nuanciers{float:left; width:150px; height:150px; cursor:pointer;	-webkit-transition:all 0.3s ease-in-out; 
	-moz-transition:all 0.3s ease-in-out; 
	-o-transition:all 0.3s ease-in-out; 
	-ms-transition:all 0.3s ease-in-out; 
	transition:all 0.3s ease-in-out;  }
.bloc_nuanciers:hover{-webkit-box-shadow:inset 0 0 0 10px #666;
    -moz-box-shadow:inset 0 0 0 10px #666;
    box-shadow:inset 0 0 0 10px #666}
.bloc_nuanciers_txt{text-align:center; padding:10px; color:#fff}

.bloc_nuanciersv2{float:left; width:250px; height:30px; cursor:pointer; margin:0 3px 3px 0;-webkit-transition:all 0.3s ease-in-out; 
	-moz-transition:all 0.3s ease-in-out; 
	-o-transition:all 0.3s ease-in-out; 
	-ms-transition:all 0.3s ease-in-out; 
	transition:all 0.3s ease-in-out;
	border:solid 1px #666;
	  }
.bloc_nuanciersv2:hover{border:solid 1px #56a017}

.bloc_nuanciersv3{width:88px;height:70px;cursor:pointer;margin:0 3px 3px 0;
	float:left;
	transition:all 0.3s ease-in-out;
	border:solid 1px #666;
}
.bloc_nuanciersv3:hover{border:solid 1px #56a017}

.bloc_nuanciersv4{float:left; width:28px; height:40px; cursor:pointer; margin:0 3px 3px 0;
	transition:all 0.3s ease-in-out;
	border:solid 1px #666;
}
.bloc_nuanciersv4:hover{border:solid 1px #56a017}

.bloc_nuanciers_txtv2{text-align:center; padding:5px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; word-wrap: anywhere;}
/*.bloc_nuanciers_txtv2:hover{color:#000}*/

.bloc_nuanciers_txtv3{text-align:center; padding:5px;  color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px}
.bloc_nuanciers_txtv3:hover{color:#000}


.vignette_nuancier_001{width:88px;min-height:50px;cursor:pointer;margin:0 3px 3px 0;border:solid 1px #666;border-radius: 5px;transition:transform,box-shadow 0.1s linear}
.vignette_nuancier_001.wide{width:150px;min-height:120px}
.vignette_nuancier_001 .bloc_nuanciers_txtv2{transition:opacity 0.1s linear;}
.vignette_nuancier_001:hover{
	transform: scale(1.05);
	box-shadow:0 0 0 1px #fff, 0 0 0 3px #b28422;
}
.vignette_nuancier_001.selected{
	transform: scale(1.15);
	box-shadow:0 0 0 1px #fff, 0 0 0 3px #b28422;
}
.vignette_nuancier_001:hover .bloc_nuanciers_txtv2{
	opacity:0;
}


.txt_noir{color:#000}

.TitreNoir_1{font-family:'Raleway', sans-serif; font-size:18px; font-weight:bold}
.TitresTplFooter{font-family:'Raleway', sans-serif; font-size:24px}
.TitresTplFooter2{font-family:'Raleway', sans-serif; font-size:20px}
.BG_OR{background:#ac976e; background-color:#ac976e; color:#fff}

a.lien_blanc:link{text-decoration:none; color:#fff; -webkit-transition:color .3s ease-in; -moz-transition:color .3s ease-in; -o-transition:color .3s ease-in; transition:color .3s ease-in}
a.lien_blanc:visited{text-decoration:none; color:#fff; -webkit-transition:color .3s ease-in; -moz-transition:color .3s ease-in; -o-transition:color .3s ease-in; transition:color .3s ease-in}
a.lien_blanc:hover{text-decoration:none;	color:#ac976d ; -webkit-transition:color .3s ease-in; -moz-transition:color .3s ease-in; -o-transition:color .3s ease-in; transition:color .3s ease-in}
.lien_blanc:hover{text-decoration:underline;cursor: pointer;}
a.lien_blanc:active{text-decoration:none; color:#fff; -webkit-transition:color .3s ease-in; -moz-transition:color .3s ease-in;-o-transition:color .3s ease-in; transition:color .3s ease-in}
.online-chat{
    position:fixed;
    bottom:-1px;
    right:60px;
    background-color:#8f0000;
    padding:10px 20px;
    z-index:99;
	border-radius:5px 5px 0 0;
}	

/*Backgrounds
---------------------------------- */

.pattern-9{
	background-image:url("https://www.renovation-du-cuir.fr/images/pattern-9.jpg");
	background-repeat:repeat;
	background-position:0 0;
}

.pattern-9b{background:#000}

.pattern-9b.lazy-bg-loaded{
	background-image:url("https://www.renovation-du-cuir.fr/images/pattern-9.jpg");
	background-repeat:repeat;
	background-position:0 0;
}

.pattern-9 .page-wrapper,
.pattern-9b .page-wrapper{-webkit-box-shadow:none;box-shadow:none}



.background-img-2{
	background:url("https://www.renovation-du-cuir.fr/images/background-img-2.jpg") 50% 0 no-repeat;
}
.background-img-2b{
	background:#000;
}
.background-img-2b.lazy-bg-loaded{
	background:url("https://www.renovation-du-cuir.fr/images/background-img-2b.jpg") 50% 0 no-repeat;
}	 
.background-img-3{
	background:#000;
}
.background-img-3.lazy-bg-loaded{
	background:url("https://www.renovation-du-cuir.fr/images/interface/canape-club.jpg") 50% 0 no-repeat;
}

/*MOBILE*/

.align-items-center{
	-ms-flex-align:center!important;
	align-items:center!important;
}
.d-flex{
	display:-ms-flexbox!important;
	display:flex!important;
}
.black-bg{background-color:#000; color:#fff}
.white-bg{background-color:#fff; color:#000}
.covid{margin:auto; background-color:#FFCC00; padding:10px; width:100%}

.obfs:hover{text-decoration:none; cursor:pointer; color:#ac976d;-webkit-transition:color .3s ease-in; -moz-transition:color .3s ease-in; -o-transition:color .3s ease-in; transition:color .3s ease-in}
.obfsblank:hover{text-decoration:none; cursor:pointer; color:#ac976d;-webkit-transition:color .3s ease-in; -moz-transition:color .3s ease-in; -o-transition:color .3s ease-in; transition:color .3s ease-in}

.obfs.obfswhite:hover{text-decoration:none; cursor:pointer; color:#fff;-webkit-transition:color .3s ease-in; -moz-transition:color .3s ease-in; -o-transition:color .3s ease-in; transition:color .3s ease-in}
.obfs.obfsblankwhite:hover{text-decoration:none; cursor:pointer; color:#fff;-webkit-transition:color .3s ease-in; -moz-transition:color .3s ease-in; -o-transition:color .3s ease-in; transition:color .3s ease-in}
/*.obfs .testm{}*/

.padding_bas_10px{padding:0 0 10px 0}


/*TAILLES*/
.w-100p{width: 100%}


/*WHITE SPACE*/
.ws-normal{white-space: normal;}


/*SÉLECTEUR DE COULEUR*/
.btn-currentSelectedColor{
	background: transparent;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: 1px solid #979797;
	transition: all .25s linear;
}
.btn-currentSelectedColor:hover,
.btn-currentSelectedColor:focus,
.btn-currentSelectedColor:active{
	opacity: .85;
}


/*FONT STYLES*/
.fw-bold{font-weight:bold}
.fw-300{font-weight:300}
.fw-500{font-weight:500}
.fs-110{font-size:110%}
.fs-115{font-size:115%}
.fs-120{font-size:120%}
.fs-125{font-size:125%}



/*PADDING*/
.pa-0-5{padding: 0 5px}


/*DISPLAY*/
.d-inblock-i{display: inline-block!important}


/* TEXT ALIGNMENT : 768+ */
@media only screen and (min-width: 48em) {
	.text-md-center{text-align: center}
	.text-md-left{text-align: left}
	.text-md-right{text-align: right}
	.text-md-justify{text-align: justify}
}

/*FLEXBOX*/
.flex-align-self-center{
	align-self: center;
}
.flex-i {
	display: flex!important;
}
.inlineflex-i {
	display: inline-flex!important;
}
.flex-dir-col {
	flex-direction: column;
}
.flex-justify-space-between {
	justify-content: space-between;
}
.flex-justify-center {
	justify-content: center;
}
.flex-align-items-center{
	align-items: center;
}
.flex-row {
	display: flex;
	flex-wrap: wrap;
}
.flex-col {
	display: flex;
	margin-bottom: 20px;
}
.flex-cnt {
	width: 100%;
	background-color: #ccc;
	padding: 10px;
}
.flex-grow {
	flex-grow: 1;
}
.flex-shrink {
	flex-shrink: 1;
}
.flex-dir-sm-col-md-row{
	flex-direction:column;
}
/* 768+ */
@media only screen and (min-width: 48em) {
	.flex-dir-sm-col-md-row{
		flex-direction:row;
	}
	.flex-grow-md{
		flex-grow:1;
	}
}



/*COLOR SELECTOR MODAL*/
.modal#choixcouleur{
	padding: 0!important;
}
.modal#choixcouleur .modal-body{
	padding: 4px;
}
/* Below 768 */
@media only screen and (max-width: 48em) {
	.modal#choixcouleur .modal-dialog{
		margin: 0!important;
	}
}

/*COLOR SELECTOR MODAL:RECAP*/
.colorSelectorRecap{
	/*display:table-row;*/
	display: flex;
	align-items: center;
	padding:4px;
	border-bottom:1px dashed #ac976e;
	background-color:rgba(172, 151, 109, .25);
}
.colorSelectorRecap:not(.forced){
	cursor:pointer;
}
.colorSelectorRecap:not(.forced):hover{
	background-color:rgba(172, 151, 109, .5);
}

.colorSelectorRecap img.recapIcon{
	margin:0 .4rem 0 0;
	height: 3.2rem;
	width: auto;
	border:1px solid rgba(0,0,0,.5);
	border-radius:3px;
}

.colorSelectorRecap .recapTitle{
	text-shadow: 0 0 3px #fff;
}

.colorSelectorRecap .colorSelectorChangeOptionBtn{
	margin-right:.4rem;
}
.colorSelectorRecap .colorSelectorChangeOptionBtn .t{
	display: none;
}



/*COLOR SELECTOR MODAL:PANEL*/
.colorSelectorPanel{
	text-align: center;
	padding: 0 .5rem;
}
.colorSelectorPanel .nextStep{
    display: block;
    margin-top: 2px;
    margin-bottom: -8px;
    color: #ac976e;
}
.colorSelectorPanel h4 .t{
	display:inline-block;
	border-radius:5px;
	padding: 6px;
	background-color:rgba(172, 151, 109, .25);
}

.colorSelectorPanel[data-step="listeNuanciers"] .btn{
	width:100%;
	white-space: normal;
	margin:10px 5px 0 5px;
	text-shadow: 0 0 1px #fff, 1px 1px 1px #fff;
	color: black;
	font-weight: 500;
}
.colorSelectorPanel[data-step="listeMarques"] .btn{
	width: calc(50% - 10px);
	margin: 10px 5px 0 5px;
	white-space: normal;
	text-shadow: 0 0 1px #fff, 1px 1px 1px #fff;
	color: black;
	font-weight: 500;
}

.colorSelectorPanel .btn-chooseMode{
	display:flex;
	flex-flow: column;
	align-items: center;
	/*justify-content:center;*/
	text-align: center;
	width:100%;
}

	/* 768+ */
	@media only screen and (min-width: 48em) {
		.colorSelectorRecapZone,
		.colorSelectorPanelZone{
			/*display: table;*/
		}
		.colorSelectorRecap .colorSelectorChangeOptionBtn{
			display: inline-flex;
			align-items: center;
			font-size: 1.3rem;
			padding:2px;
		}
		.colorSelectorRecap .colorSelectorChangeOptionBtn .t{
			display: block;
		}

		.colorSelectorPanel[data-step="prevOrderId"],
		.colorSelectorPanel[data-step="envoyerEchantillon"],
		.colorSelectorPanel[data-step="recevoirNuancierPapier"]{
			text-align: left;
			padding: 0 2rem;
		}

		.colorSelectorPanel .btn-chooseMode{
			display:inline-flex;
			flex-flow: row;
			text-align: left;
			width:auto;
			margin:10px;
		}
		.colorSelectorPanel[data-step="listeNuanciers"] .btn{
			width:calc(50% - 10px);
		}
		.colorSelectorPanel[data-step="listeMarques"] .btn{
			width: calc(20% - 10px);
			margin: 10px 5px 0 5px;
			white-space: normal;
		}

	}






.border-dashed-primary{
	border-top:1px dashed #ac976e;
	width: 100%;
	height:1px;
}



/*OL STYLE 001 - LAYOUT*/
ol.steps-01{
	list-style-type:none;
	padding: 0;
}
ol.steps-01 > li{
	counter-increment: section;
	position: relative;
	margin: 6rem auto;
}
ol.steps-01 > li h4{
	text-align: center;
	border-bottom: 2px solid;
}
ol.steps-01 > li > ul{
	padding-left: 0;
	list-style-type: none;
}
@media only screen and (min-width: 48em) {
	ol.steps-01{
		padding: 0 0 0 2rem;
	}
	ol.steps-01 > li{
		padding: 4px 32px;
		margin: 2rem auto;
	}
	ol.steps-01 > li h4{
		text-align: left;
		border-bottom: none;
	}
}
ol.steps-01 > li:before{
	content: counter(section);
	position: absolute;
	text-align:center;
	font-size: 140%;
	font-weight: bold;

	padding: 0 8px;
	right: calc(50% - 1.6rem);
	top:-3.6rem;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
}
@media only screen and (min-width: 48em) {
	ol.steps-01 > li:before{
		padding: 3px;
		right: 100%;
		top:.3rem;
		margin-right: -2rem;
		width: 4rem;
		height: 4rem;
	}
}

ol.steps-01 > li:first-child{
	margin-top: 3rem;
}
ol.steps-01 > li:last-child{
	margin-bottom: 3rem;
}


/*OL STYLE 001 - COLORS*/
ol.steps-01.in-default > li{
	border-color: #ac976e!important;
}
/*
ol.steps-01.in-default > li:nth-child(odd):before,
ol.steps-01.in-default > li:nth-child(even):before
*/
ol.steps-01.in-default > li:before{
	color:#fff;
	background-color: #ac976e;
	border: 2px solid #fff;
	box-shadow: 0 0 0 3px #ac976e;
}


.clearColorFilter{padding:8px 16px;}
.clearColorFilter .fa{position: relative;left:-4px;transform:scale(1.5);}

.light-masonry-cntnr{
	column-count: 2;
	column-gap: 0;
}


/* 768+ */
/*
@media only screen and (min-width: 48em){
}
*/


/* 1024+ */
@media only screen and (min-width: 64em){
	.light-masonry-cntnr{
		column-count: 3;
		column-gap: 0;
	}
}

.light-masonry-item{
	column-fill:initial;
	margin-bottom:1rem;
}