@charset "UTF-8";
* {
	margin:0;
	padding:0;
	border: 0;
	line-height:normal;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	letter-spacing: normal; 
	word-spacing: normal; 
	text-rendering: optimizespeed;
	font-weight:400;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	text-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	-ms-text-shadow: border-box;
	-o-text-shadow: none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;
	text-size-adjust:none;
}
input, textarea, select, select option, option, button {
	font-size: inherit;
	-webkit-text-fill-color: currentcolor;
	font-family: inherit;
}
input:disabled, textarea:disabled, input:disabled::placeholder, textarea:disabled::placeholder, input::placeholder, textarea::placeholder {
	color:currentcolor;
	-webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
	opacity: 1; /* 2. correct opacity on iOS */
}
img, object, embed, canvas, video, audio, picture {
	max-width: 100%;
	height: auto;
}
:focus, img[usemap], map area{
	outline: none!important;
}
a{
	color: inherit; /* color black #4E4E4E => dark grey 4E4E4E*/
	text-decoration:none;
	cursor:pointer;
}
a img{ 
	border: 0; 
}
img{
	vertical-align: bottom;
}
pre { 
	white-space: pre-wrap; /* pour firefox et les <pre> */
} 
ul, li{
	list-style:none;
	overflow:hidden;
}
main, section, article{
	display: block;
	overflow:hidden;
}
html, body {
	background-color: #FFF;
	color: #4b4943;
	font-family: futura-pt, sans-serif;
	font-weight:normal;
}
html {
    font-size: 62.5%;
	width:100%;
	height:100%;
}
body {
    font-size: 18px;
	font-size: 1.8rem;
    line-height: normal; 
	margin: 0 auto;
	padding:0;
	width: 100%;
	min-width:1200px;
	min-height: 80%;
	text-align:center;
	font-weight:normal;
	word-wrap: break-word;
	position: relative;
}
h1, h2, h3, h4, h5, h6{
	font-size: 18px;
	font-size: 1.8rem;
	line-height:normal;
	font-weight:500;
}
strong, .strong{
	font-weight:500;
}
.bold{
	font-weight:600;
}
.normal{
	font-weight: normal !important;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.justify{
	text-align:justify;
	/*text-align-last: center;
	-webkit-text-align-last: center;
	-moz-text-align-last: center;
	-ms-text-align-last: center;
	-o-text-align-last: center;*/
}
.fll{
	float:left;
}
.flr{
	float:right;
}
.underline{
	text-decoration:underline;
}
.no-mg{
	margin:0;
}
.auto-mg{
	margin:auto;
}
.gris{
	color: #B8B8B8;
}
.gris a{
	color: #B8B8B8;
}
.gris_header{
	color: #c6c0c0;
}
.gris_header a{
	color: #c6c0c0;
}
.font-big-big{
	font-size:24px;
	font-size:2.4rem;
}
.font-big{
	font-size:22px;
	font-size:2.2rem;
}
.font-medium{
	font-size:18px;
	font-size:1.8rem;
}
.font-small{
	font-size:14px;
	font-size:1.4rem;
}
.ml0{
	margin-left:.5rem;
}
.ml1{
	margin-left:1rem;
}
.ml2{
	margin-left:2rem;
}
.ml3{
	margin-left:3rem;
}
.ml4{
	margin-left:4rem;
}
.ml5{
	margin-left:5rem;
}
.ml6{
	margin-left:6rem;
}
.ml7{
	margin-left:11.4rem;
}
.mt0{
	margin-top: .5rem;
}
.mt02{
	margin-top: .2rem;
}
.mt1{
	margin-top: 1rem;
}
.mt2{
	margin-top: 2rem;
}
.mt3{
	margin-top:3rem;
}
.mt4{
	margin-top:4rem;
}
.mt5{
	margin-top:5rem;
}
.mt6{
	margin-top:6rem;
}
.mt7{
	margin-top:7rem;
}
.mt8{
	margin-top:8rem;
}
.mr0{
	margin-right:.5rem;
}
.mr1{
	margin-right:1rem;
}
.mr2{
	margin-right:2rem;
}
.mr3{
	margin-right:3rem;
}
.mr4{
	margin-right:4rem;
}
.mb0{
	margin-bottom:0.5rem;
}
.mb1{
	margin-bottom:1rem;
}
.valt{
	vertical-align:top;
}
.valb{
	vertical-align:bottom;
}
.valm{
	vertical-align:middle;
}
.normal{
	font-weight:normal;
}
.dinl{
	display:inline;
}
.dinlb{
	display:inline-block;
}
.db{
	display:block;
}
.italic{
	font-style:italic;
}
.red{
	color: #BE6154;/* => #f3b47c new coulor orange instead of the old coulor red #FF7272*/
}
.pdt0{
	padding-top:.5rem;
}
.pdl0{
	padding-left:0.5rem;
}
.pdr0{
	padding-right:.5rem;
}
.pdlr1{
	padding-left:1rem;
	padding-right:1rem;
}
.no-disp{
	display:none;
}
.border{
	border:1px solid #FFF;

}
.linh1{
	line-height:1rem;
}
.linh1-5{
	line-height:1.5rem;
}
.linh2{
	line-height:2rem;
}
.black{
	color:#4b4943;
}
.green{
	color:#19c719;
}
.white{
	color:#FFF;
}
.pointer{
	cursor: pointer;
}

/******************************************************************* Header **************************************************/
.header{
	position:sticky;
	top:0;
	left:0;
	width:100%;
	min-width:100rem;
	height:auto;
	margin:0 auto;
	padding:0;
	color:#FFF;
	font-size:1.8rem;
	text-align:center;
	z-index:9;
	border: none;
}
.header .header_P1{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	overflow:visible;
	font-size:1.4rem;
	color:#FFF;
	background: rgba(0, 0, 0, 0.78);
	border-bottom:1px solid rgba(255,255,255,0.37) ;
	backdrop-filter: blur(40px);
	-webkit-backdrop-filter: blur(40px);
}
.header .Sheader_P1{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width:100%;
	max-width:1920px;
	height:auto;
	margin:0 auto;
	padding:0.7rem 2rem;
	text-align:center;
	overflow:visible;
	font-size:1.4rem;
	color:#FFF;
}
.header .header_P1 .menu1{
	display:flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	column-gap: 5rem;
}
.header .header_P1 .menu1 .mosaicfactory{
	width:110px;
	height:auto;
	margin:0;
	padding:0;
	padding-bottom:1px;
}
.header .header_P1 .menu1 .otherproducts{
	display:flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	column-gap: 3rem;
}
.header .header_P1 .menu1 .otherproducts a.active{
	text-decoration:underline;
}
.header .header_P1 .menu1 .otherproducts .new{
	padding: 0 0.5rem;
    color: #FFF;
    font-size: 1.4rem;
    background-color: #fa0504;
}
.header .header_P1 .menu2{
	display:flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	column-gap: 3rem;
}
.header .header_P1 .menu2 > *{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	column-gap: 3rem;
}
.header .header_P2{
	display: block;
	width:100%;
	height: auto;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
	text-align:center;
	color: #4b4943;
	overflow:visible;
	background: rgba(255, 255, 255, 0.3);
	position:relative;
	background: linear-gradient(45deg, rgba(237,237,237,0.3) 30%, rgba(211,207,190,0.3) 100%);
    border-bottom: 1px solid rgb(184, 184, 184, 0.3);
}
.header .header_P2::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(80px);
	-webkit-backdrop-filter: blur(80px);
}
.header .header_P2 .Sheader_P2{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	column-gap:1rem;
	width: 100%;
	max-width:1920px;
	margin: 0 auto;
	padding:2rem 2rem;
	text-align: center;
	position: relative;
}
.header .header_P2 .Sheader_P2 .MFZellige{
	position:relative;
	display: flex;
	width:177px;
	height: auto;
}
.header .header_P2 .Sheader_P2 .menu3{
	display:flex;
	flex-wrap:nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	column-gap: 4rem;
	font-size:1.8rem;
	color: #4b4943;
}
.header .header_P2 .Sheader_P2 .menu3 .interlinks{
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	column-gap: 3rem;
	row-gap: 1rem;
	font-size:1.8rem;
	color: #4b4943;
}
.header .header_P2 .Sheader_P2 .menu3 .interlinks a{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
    column-gap: 0.7rem;
	margin:0;
	padding:0;
	background: transparent;
}
.header .header_P2 .Sheader_P2 .menu3 .interlinks a:not(.panier){
	padding:0.5rem 1rem;
}
.header .header_P2 .menu3 .interlinks a:not(.panier)::after{
	content: "";
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	margin:0 auto;
	background: #343832;
	transform: scale(0);
	transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out;
	-ms-transition: transform 0.2s ease-in-out;
	-webkit-transition: transform 0.2s ease-in-out;
}
.header .header_P2 .Sheader_P2 .menu3 .interlinks a:not(.panier):hover::after{
	transform: scale(1);
}
.header .header_P2 .Sheader_P2 .menu3 .interlinks a.active:not(.panier)::after{
	transform: scale(1);
}
.header .header_P2 .Sheader_P2 .menu3 .interlinks .panier{
	display: none;
	width: 43px;
	height: 43px;
	transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
}
.header .header_P2 .Sheader_P2 .menu3 .interlinks .panier.active{
	display: block;
}
.header .header_P2 .Sheader_P2 .menu3 .interlinks .panier img{
	width:100%;
	height:auto;
	opacity:1;
	display:inline-block;
	vertical-align:middle;
}
.header .header_P2 .Sheader_P2 .menu3 .interlinks .panier .cart{
	width: 2.5rem;
	height: 2.5rem;
	text-align:center;
	font-weight:500;
	color: #4b4943;
	background: rgba(196,255,194);/* old one (255, 0, 0, 1) -> (243,180,124)*/
	margin: 0 auto;
	padding:0;
	border:1px solid #000;
	border-radius:3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
	font-size:1.8rem;	
	z-index:1;
	position: absolute;
	top: 0rem;
	left:0rem;
}
.header .header_P2 .Sheader_P2 .menu3 .menu_dupl .menu_toggle{
	width:50px;
	height:auto;
	position:relative;
	display:block;
	cursor:pointer;
}
.header .header_P2 .Sheader_P2 .menu3 .menu_dupl .menu_toggle img{
	width:100%;
	height:auto;
	opacity:1;
	display:inline-block;
	vertical-align:middle;
	transition:opacity 0.25s ease-in-out;
	-moz-transition:opacity 0.25s ease-in-out;
	-o-transition:opacity 0.25s ease-in-out;
	-ms-transition:opacity 0.25s ease-in-out;
	-webkit-transition:opacity 0.25s ease-in-out;
}
.header .header_P2 .Sheader_P2 .menu3 .menu_dupl .menu_toggle .img2{
	width:50px;
	height:auto;
	filter : alpha(opacity=100);
	opacity:1; 
	z-index:1;
}
.header .header_P2 .Sheader_P2 .menu3 .menu_dupl .menu_toggle:hover .img2{
	transform: scale(1.2);
}
.header .header_P2 .Sheader_P2 .menu3 .menu_dupl .menu_toggle .img1{
	position:absolute;
	right:0;
	bottom: 0;
	width:30px;
    height: auto;
	opacity:0;
	z-index:2;
}
.header .header_P2 .Notice{
	position: absolute;
	right: 2rem;
	top: 13.5rem;
}	
.header .header_P2 .Notice div{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: auto;
	height: auto;
	text-align: left;
	margin: auto;
	padding: 1rem 3rem 1rem 1rem;
	opacity: 1;
	border: 1px solid #FFF;
	background: black;
	font-size:1.4rem;
	color: #FFF;
	border-radius: 1.5rem;
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-o-border-radius: 1.5rem;
}
.header .header_P2 .Notice div button {
  background-color: transparent;
  position: absolute;
  width: auto;
  top: 0.2rem;
  right: 0.6rem;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  cursor: pointer;
}
#menu_toggle{
	display:none;
}
#menu_toggle:checked + .menu_toggle .img2{
	filter: alpha(opacity=0);
	opacity:0;
}
#menu_toggle:checked + .menu_toggle .img1{
	filter: alpha(opacity=100);
	opacity:1;
}
#menu_toggle:checked ~ .panel{
	width: 40rem !important;
	transition-duration: .2s;
	border-left:1px solid rgba(255,255,255,0.37);
}

/****************************************************************************** Panel ****************************************************************************************/
.panel{
	position:absolute;
	top: 8.3rem;
	right: 0;
	width: 0;
	height:calc(100vh - 11.7rem);
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:1.8rem;
	color:#E9D1BB;
	background: rgba(0, 0, 0, 0.78);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	z-index:9;
	transition-duration: .2s;
	border-top:1px solid rgba(255,255,255,0.37);
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.panel::-webkit-scrollbar{
  display: none;
}
.panel ul{
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin:0 auto;
	padding:0;
	width: auto;
	height: auto;
	text-align:center;
	position:relative;
}
.panel ul li{
	display: block;
	margin:0;
	padding:1.5rem 3rem;
	width: 100%;
	height:auto;
	text-align:left;
	color: #ffffff;
	border-bottom:1px solid rgba(255,255,255,0.37);
}
.panel ul li.no-brd{
	border-bottom:none;
}
.panel ul li.mt{
	margin-top: 6rem;
}
.panel .gold a{
    color: #f7be00;
}
.panel ul li a{
	color: #ffffff;
	text-shadow: 5px 5px 5px #000000;
	  -webkit-text-shadow: 5px 5px 5px #000000;
	  -moz-text-shadow: 5px 5px 5px #000000;
	  -ms-text-shadow: 5px 5px 5px #000000;
	  -o-text-shadow: 5px 5px 5px #000000;
}
.panel ul li.media{
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	column-gap:1rem;
	border-bottom: none;
}
.panel ul li.media img{
	width:40px;
	height:auto;
}
.Notice{
	position: absolute;
	right: 2rem;
	top: 16.5rem;
}	
.Notice div{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: auto;
	height: auto;
	text-align: left;
	margin: auto;
	padding: 1rem 3rem 1rem 1rem;
	opacity: 1;
	border: 1px solid #FFF;
	background: black;
	font-size:1.4rem;
	border-radius: 1.5rem;
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-o-border-radius: 1.5rem;
}
.Notice div button {
  background-color: transparent;
  position: absolute;
  width: auto;
  top: 0.2rem;
  right: 0.6rem;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  cursor: pointer;
}
/************************ descriminateur langues **************************/
.descriminateur{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height: 100%;
	text-align:center;
	margin: 0;
	padding:0;
	z-index:9999999;
	color: #4b4943;
	background: rgba(255,255,255,0.3);
}
.descriminateur div.content{
	position: fixed;
	width: 100%;
	height: 100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	text-align:center;
	margin: 0;
	padding:0;
	opacity: 1;
	background: rgba(0,0,0,0.3);
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.descriminateur div.content span.barre{
	display: inline-block;
	vertical-align:middle;
	width: 0;
	height: 100%;
	text-align:center;
	margin: 0;
	padding:0;
}
.descriminateur div.content div{
	position:relative;
	display: inline-block;
	vertical-align:middle;
	max-width: auto;
	height: auto;
	text-align:left;
	margin: auto;
	padding:3rem 9rem;
	opacity: 1;
	border: 1px solid #000;
	background: white;
	border-radius:1.5rem;
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-o-border-radius: 1.5rem;
}
.descriminateur div.content div button{
	background-color:transparent;
	position:absolute;
	width:auto;
	top:0.7rem;
	right:1rem;
	margin:0;
	padding:0;
	border:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	cursor:pointer;
}
.descriminateur div.content div h1{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	color:#4b4943;
	font-size:2rem;
	text-align: center;
	font-style:normal;
	font-weight:600;
	text-decoration:none;
	line-height: normal;
}
.descriminateur div.content div ul.choixL{
	margin:0 auto;
	margin-top:2rem;
	text-align:center;
}
.descriminateur div.content div ul.choixL li{
	margin:0;
	padding:0;
	text-align:center;
	margin-top: 1rem;
}
.descriminateur div.content div ul.choixL li:first-of-type{
	margin:0;
}
.descriminateur div.content div ul.choixL li a{
	display: inline-block;
	margin:0;
	padding:0.4rem 1rem 0.6rem 1rem;
	font-size:1.8rem;
	border:1px solid #000;
	background-color: #000;
	color: #FFF;
	text-decoration:underline;
	border-radius: 0.8rem;
	-webkit-border-radius: 0.8rem;
	-moz-border-radius: 0.8rem;
	-ms-border-radius: 0.8rem;
	-o-border-radius: 0.8rem;
}
.descriminateur div.content div ul.choixL li:nth-of-type(2) a{
	background-color: #FFF;
	color: #4b4943;
	font-size:1.6rem;
}
.descriminateur div.content div h2{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	color:#4b4943;
	font-size:1.6rem;
	text-align: center;
	font-style:normal;
	text-decoration:none;
	line-height: 3rem;
	margin-top:2rem;
}
.descriminateur div.content div .others_lg {
	display: block;
	width:100%;
	margin-top:0.5rem;
	text-align:center;
}
.descriminateur div.content div .others_lg a{
	display: inline-block;
	margin-right:0.8rem;
	padding:0.5rem 1rem;
	font-size:1.4rem;
	border:1px solid #000;
	border-radius: 0.8rem;
	-webkit-border-radius: 0.8rem;
	-moz-border-radius: 0.8rem;
	-ms-border-radius: 0.8rem;
	-o-border-radius: 0.8rem;
}
.descriminateur div.content div .others_lg a:hover{
	text-decoration:underline;
}
.descriminateur div.content div .others_lg a:last-of-type{
	margin-right:0;
}
.descriminateur .content .popup2 {
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	row-gap: 0.5rem;
    margin: 0 auto;
    margin-top: 2rem;
    padding: 0;
}

/******* page review ************/
.header ul.header_P2_review{
	margin: 0;
	padding:1rem 0 0.5rem 0;
	text-align:center;
	border:none;
	border-bottom:1px solid #D0D0D0;
}
.header ul.header_P2_review li{
	font-size:14px;
	font-size:1.4rem;
	padding: 0 1rem;
	margin:0;
	border:none;
}
.header ul.header_P2_review li img{
	vertical-align:middle;
}
.header ul.header_P2_review li h1{
	font-size:60px;
	font-size:6rem;
	display:inline-block;
	margin:0 0 0 1rem;
	padding:0;
	line-height: normal;
	font-weight:500;
	vertical-align: middle;
}
.header ul.header_P2_review li h1 span{
	font-size:40px;
	font-size:4rem;
	font-weight:normal;
	color:#4b4943;
	font-style:italic;
	margin:0;
	padding:0;
}
.review_slide{
	width:33.3333333%;
	height:auto;
	margin:6rem auto 0 auto;
	padding:0;
	text-align:center;
	border:1pxs solid #000;
}

/******************************************************************************* Main *****************************************************************************************/
.main{
	margin:0 auto;
	padding:0;
	padding-bottom:3rem;
	width: 100%;
	max-width: 1920px;
	height:auto;
	overflow: visible;
}

/****************************************************************************** Page Index ************************************************************************************/
.page_index{
	display: block;
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align:center;
	overflow:hidden; 
	font-size:1.8rem;
}
.page_index .text1{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
    column-gap: 12%;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top: 2rem;
	padding:0 2rem;
	font-size:1.8rem;
	text-align:left;
	font-weight: 400;
    overflow: visible;
}
.page_index .text1 h1{
	flex: 1;
    font-size:1.8rem;
	text-align:left;
	font-weight: 400;
}
.page_index .divgallery .gallery .itemsgallery input{
	display: none
}
.page_index .divgallery .gallery .itemsgallery label{
    display: block;
    cursor: pointer;
}
/*.page_index .divgallery .gallery .itemsgallery > label:hover{
	-moz-box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, 0.6);
	-webkit-box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, 0.6);
	-o-box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, 0.6);
	box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, 0.6);
}*/
#verh_banner_cached:checked ~ .verh_banner_cached{
	display: block;
	-webkit-transition:height 0.5s ease-in; 
	-moz-transition:height 0.5s ease-in; 
	-o-transition:height 0.5s ease-in; 
	transition:height 0.5s ease-in; 
	-moz-box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, 0.6);
	-webkit-box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, 0.6);
	-o-box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, 0.6);
	box-shadow: 0px 0px 10px 5px rgba(192, 192, 192, 0.6);
}
.page_index .divgallery .gallery .verh_banner_cached{
	position: absolute;
    top: 0;
    left: 0;
    display: none;
	-webkit-transition:height 0.5s ease-in; 
	-moz-transition:height 0.5s ease-in; 
	-o-transition:height 0.5s ease-in; 
	transition:height 0.5s ease-in; 
    z-index: 2;
}
.page_index .divgallery .gallery .verh_banner_cached .Sverh_banner{
    padding: 2rem 2rem;
    background-color: #F6F5F3;
    border-top: 1px solid rgb(184, 184, 184, 0.3);
}
.page_index .divgallery .gallery .Sverh_banner h2{
    font-size:1.8rem;
	text-align:left;
	font-weight: 400;
    margin-top: 1rem;
}
.page_index .divgallery .gallery .Sverh_banner .verh_col{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
    column-gap: 2rem;
    text-align: center;
    margin-top: 1rem;
}
.page_index .divgallery .gallery .Sverh_banner .verh_col img{
	width: 100%;
	height: auto;
	aspect-ratio: 170/170;
}

.page_index .divgallery .gallery .Sverh_banner .flex{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
    column-gap: 2rem;
    font-size:1.8rem;
	text-align:left;
	font-weight: 400;
    margin-top: 4rem;
}
.page_index .divgallery .gallery .Sverh_banner .tradeshow{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 1rem;
    padding: 0;
}
.page_index .gamme{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top: 2rem;
	padding:0 2rem;
	font-size:1.8rem;
	position: relative;
}
.page_index .gamme .ref_zellige{
	position:absolute;
	top: 2rem;
	right: 4rem;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
	color:#fff;
	font-weight: 500;
}
.page_index .gamme .ref_zellige ul{
	position:absolute;
	margin: 0 auto;
	padding:0;
	font-size:0;
	width:40rem;
	height: 0;
	overflow: hidden;
	right:0;
	text-align:left;
	font-size:1.4rem;
	color: #4b4943;
    z-index:3;
	background:#fff;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px 0px #c0c0c0;
	-webkit-box-shadow: 0px 0px 10px 0px #c0c0c0;
	-o-box-shadow: 0px 0px 10px 0px #c0c0c0;
	box-shadow: 0px 0px 10px 0px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10);
	-webkit-transition:height 0.5s ease-in; 
	-moz-transition:height 0.5s ease-in; 
	-o-transition:height 0.5s ease-in; 
	transition:height 0.5s ease-in; 
}
.page_index .gamme .ref_zellige ul li {
	width:12.5%;
	text-align:left;
	display:inline-block;
	vertical-align: middle;
	border:0;
	margin:0;
	padding:0;
	line-height:2.5rem;
}
.page_index .gamme .ref_zellige ul li a {
	border:none;
	margin: 0;
	padding:0;
	width: 100%;
	height:100%;
	text-align:center;
	text-decoration:none;
	display:inline-block;
}
.page_index .gamme .ref_zellige ul li a:hover, .page_index .gamme .ref_zellige ul li a.active{
	text-decoration:none;
	font-weight:normal;
	background:#000;
	color:#FFF;
}
.page_index .gamme .ref_zellige:hover ul{
	height: auto;
}
.page_index .gamme .ref_zellige:hover > img {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.page_index .gamme .colours{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin:0 auto;
	margin-top: 2rem;
	padding:0;
	width:100%;
	height:auto;
	font-size:1.8rem;
	text-align:left;
}
.page_index .gamme .colours li{
	width:calc(100% * 1/11);
	height:auto;
	margin: 0;
	padding: 0;
	border: none;
}
.page_index .gamme .colours .pic img{
	width:100%;
	height:auto;
	aspect-ratio:1;
	cursor:pointer;
}
.page_index .gamme .colours li img.active{
	border:2rem solid #FFF;
	border-radius:100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
}
.page_index .gamme .colours li.dev_couleurs{
	display:none;
	width:100%;
	height:auto;
	text-align:center;
	margin:4rem auto;
	padding:0;
	padding-top:4rem;
	position:relative;
}
.page_index .gamme .colours li.dev_couleurs .close{
	position: absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	border: none;
	cursor:pointer;
}
.page_index .gamme .colours li.dev_couleurs .global{
	display:flex;	
	flex-wrap: nowrap;
	justify-content:space-between;
	align-items: stretch;
	align-content: center;
	column-gap: 3rem;
	width: 90%;
	height:auto;
	margin:0 auto;
	padding: 0;
	text-align: center;
	color:#4b4943;
	font-size:0;
}
.page_index .gamme .colours li.dev_couleurs .global li{
	display:flex;
	width:auto;
	margin: 0;
	padding:0;
	font-size:1.8rem;
	text-align:left;
}
.page_index .gamme .colours li.dev_couleurs .global li.formes{
	width:30%;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	row-gap:1rem;
}
.page_index .gamme .colours li.dev_couleurs .global li.formes p{
	display:block;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
	color:#4b4943;
	font-weight:500;
}
.page_index .gamme .colours li.dev_couleurs .global li.formes p span{
	display:block;
	font-weight:normal;
}

.page_index .gamme .colours li.dev_couleurs .global li.formes .shapes{
	font-size:0;
	margin-top: 1rem;
}
.page_index .gamme .colours li.dev_couleurs .global li.formes .shapes a{
	display:inline-block;
	vertical-align:top;
	width:20%;
	height:auto;
	text-align:center;
	font-size:1.4rem;
}
.page_index .gamme .colours li.dev_couleurs .global li.formes .shapes a span{
	display:block;
	margin-top:-1rem;
}
.page_index .gamme .colours li.dev_couleurs .global li.img{
	width:40%;
	/*max-width:540px;*/
	text-align:center;
	padding:5px;
}
.page_index .gamme .colours li.dev_couleurs .global li.img p{
	display:block;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
	color:#4b4943;
	font-weight:500;
}
.page_index .gamme .colours li.dev_couleurs .global li.img #img{
	position:relative;
	width: 100%;
	height: auto;
}
.page_index .gamme .colours li.dev_couleurs .global li #img .neutre{	
	display:flex;
	width: 100%;
	height:100%;
	z-index:0;
}
.page_index .gamme .colours li.dev_couleurs .global li #img .ombre{
	position:absolute;
	left: 50%;
	right:0;
    top: 50%;
	bottom:0;
	width: 100%;
	height: auto;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
}
.page_index .gamme .colours li.dev_couleurs .global li #img .layer{
	position:absolute;
	left: 50%;
	right:0;
    top: 50%;
	bottom:0;
	width: 100%;
	height: auto;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
}
.page_index .gamme .colours li.dev_couleurs .global li #epesseur{
	font-size:1.8rem;
	margin-top:2rem;
	font-weight:500;
}
.page_index .gamme .colours li.dev_couleurs .global li.info{
	width:30%;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .infocontent{
	width:100%;
	min-height: 100%;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	row-gap: 1rem;
	margin: 0;
	padding: 0;
}
.page_index .gamme .colours li.dev_couleurs .global .block{
	width:100%;
	height: auto;
}
/*.page_index .gamme .colours li.dev_couleurs .global li.info .stockdispo{
	display:block;
	width:100%;
	height: auto;
	text-align:center;
	margin:0;
    margin-top: 1rem;
	padding: 0 0.5rem;
	border:none;
    border-radius: 2rem;
	-moz-border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-o-border-radius: 2rem
	color:#4b4943;
	background-color: #F6F5F3;
}*/
.page_index .gamme .colours li.dev_couleurs .global .block .prods{
	display:block;
	padding-top: 2rem;	
}
.page_index .gamme .colours li.dev_couleurs .global .block .prods1{
	display:block;
	padding-bottom: 2rem;
}

.page_index .gamme .colours li.dev_couleurs .global li.info .stockdispo {
	display:flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 1rem;
    margin: 0 auto;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .stockdispo a{
	text-align:center;
	margin:0;
	padding:0.2rem 1.5rem;
	border:none;
    border-radius: 2rem;
	-moz-border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-o-border-radius: 2rem;
	color: #FFF;
	background-color: #000;
}	
.page_index .gamme .colours li.dev_couleurs .global li.info .stockdispo span{
	color:#19c719;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc{
	display:block;
	width: 100%;
	height: auto;
	margin:0;
	margin-top:1.5rem;
    margin-bottom: 2rem;
	padding: 0.5rem 1rem;
	text-align:left;
	font-size:1.8rem;
	border:1px solid #000;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	background:#fff;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc ul{
	width: 100%;
	display:block;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:0;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc li{
	width: 100%;
	display:block;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc .flex{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc .flex input.checkbox{
	display:inline-block;
	vertical-align: sub;
	width:1.8rem;
	height:1.8rem;
	margin:0 auto;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #FFF;
    border: 2px solid #000;
    outline: none;
	content: "";
	font-size:1.4rem;
	position:relative;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc .flex input.checkbox:checked:before {
    position:absolute;
	top:0;
	left:0;
	width:1.5rem;
	height:1.5rem;
	line-height:1.4rem;
	background-color: #000;
	color:#FFF;
	 -webkit-text-fill-color: #FFF;
	content: "\2714";
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc  input.text{
	width:9rem;
	height:3rem;
	line-height:3rem;
	text-align:center;
	margin:0;
	padding:0;
	background-color: #FFF;
	border:1px solid #000;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc ul#choixcaisse{
	display:none;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	font-size:0;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc ul#choixcaisse li{
	width:50%;
	height:auto;
	margin:0 auto;
	padding:0;
	color: #BE6154;
	font-size:1.8rem;
	text-align:left;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc ul#choixcaisse li:last-of-type{
	text-align:right;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc ul#choixcaisse label{
	cursor:pointer;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc ul#choixcaisse label{
	cursor:pointer;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc .msg{
	margin-top:0.5rem;
	font-size:1.4rem;
	text-align:center;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc .mt{
	margin-top:1rem;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc .verspanier{
	display:block;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	text-align:right;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc .verspanier a{
	display:block;
	text-align:center;
	margin:0;
	padding:0.5rem 0.5rem;
	border:none;
    border-radius: 2rem;
	-moz-border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-o-border-radius: 2rem;
	color: #FFF;
	background-color: #000;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .verssamples{
	display:block;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	text-align: center;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .verssamples a{
	display:flex;
	justify-content: center;
	align-items: center;
	column-gap: 1rem;
    margin: 0 auto;
    padding: 0;
	padding:0.5rem 0.5rem;
	border:none;
    border-radius: 2rem;
	-moz-border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-o-border-radius: 2rem;
	color:#4b4943;
	background-color: #F6F5F3;
    font-weight: 500;
}
.page_index .gamme .colours li.dev_couleurs .global li.info .calc .nodisplay{
	display:none;
}
.page_index .text2{
	display:flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	column-gap: 4rem;
	width:100%;
	margin: 0 auto;
	margin-top: 6rem;
	padding:0 2rem;
	text-align: left;
	color: #4b4943;
}
.page_index .text2 .flex{
	display:flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	row-gap: 2rem;
	color:#4b4943;
	text-align:left;
	margin:0 auto;
	padding:0;
}
.page_index .text2 .flex h2{
	width:100%;
	margin:0;
	padding:0;
	text-align: left;
	font-size:2.4rem;
	font-weight:500;
}
.page_index .imgsvg{
	display:flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-end;
    flex-grow: 1;
	color:#4b4943;
	text-align:center;
	width:100%;
	margin: 0 auto;
	margin-top: 3rem;
	padding:0;
}
.page_index .imgsvg img{
	cursor: pointer;
    max-width: 10rem;
}
.page_index .imgsvg img:hover{
	transform: scale(1.2);
}
.page_index .divgallery{
    width: 100%;
    height: auto;
    margin: 0 auto;
	margin-top: 6rem;
    padding: 0 2rem;
    text-align: left;
}
.page_index .gallery{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;
	column-gap:2rem;
	row-gap:2rem;
	margin:0 auto;
    margin-top: 1rem;
	padding:0;
}
.page_index .gallery .itemsgallery{
	width: calc((100% - 4rem) * 1/3);
	height: auto;
}
.page_index .itemsgallery a img{
	width: 100%;
	height: auto;
	aspect-ratio:612/245;
}
.page_index .itemsgallery .lazy{
    opacity: 0;
}
.page_index .itemsgallery img{
	transition: opacity .5s linear 0.2s;
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	-ms-transition: opacity .5s linear 0.2s;
	-o-transition: opacity .5s linear 0.2s;
	opacity: 1;
}
.page_index .itemsgallery > a{
	text-decoration: none;
	font-size: inherit;
	color: inherit;
	font-weight:inherit;
	flex:1;
}
.page_index .itemsgallery .descpic{
	font-size: 1.4rem;
	margin-top: 1rem;
    text-align: left;
}
.descpic strong{
	font-size: 1.8rem;
}
 .descdiv{
    margin-top: 0 !important;
    color: #FFF !important;
}
.descdiv strong{
	font-size: 2.2rem !important;
}
.page_index .itemsgallery .descpic a, .descdiv a{
	text-decoration: underline !important;
    color: inherit !important;
}
.pop_detailes{
	display:none;
	max-width: 95%;
	margin: 0 auto;
	padding:0;
	border: 1px solid #000;
	background: transparent;
	border-radius:0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	height:auto;
	color:inherit;
	font-size:inherit;
	position:relative;
	font-size:1.8rem;
}
.pop_detailes button{
	background-color:transparent;
	position:absolute;
	width:auto;
	top:0.5rem;
	right:0.5rem;
	margin:0;
	padding:0;
	border:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	cursor:pointer;
	z-index:3;
}
.pop_detailes.video{
	border: none;
	margin:auto;
	padding:0;
	vertical-align:bottom;
	max-width:none;
}
.pop_detailes.video video{
	border: none;
	margin:auto;
	padding:0;
	vertical-align:bottom;
	width:100%;
	height:auto;
	border-radius:0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}

/************************************************************************************************* Page Stock ***********************************************************************/
.filtre{
	width:100%;
	height:auto;
	margin:4rem auto 0 auto;
	padding:0 2rem;
	font-size:1.8rem;
	color:#4b4943;
	text-align:center;
}
.filtre .liens_stock_note{
	display:flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	column-gap: 2rem;
	width:100%;
	margin:0 auto;
	padding:0;
    padding-bottom: 4rem;
    border-bottom: 1px solid rgb(184, 184, 184, 0.5);
}
.filtre .liens_stock_note .liens_stock{
	flex: 1;
    display:flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	column-gap: 4rem;
	width:100%;
	margin:0 auto;
	padding:0;
}
.filtre .liens_stock_note .liens_stock a{
	display:flex;
    flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;
    font-size: 2.8rem;
    font-weight: 500;
    color: #B8B8B8;
    text-decoration:none;
    padding-left: 1rem;
    border: none;
    border-left: 3px solid #B8B8B8;
}
.filtre .liens_stock_note .liens_stock a img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 2rem;
}
.filtre .liens_stock_note .liens_stock a p{
    font-weight: 500;
}
.filtre .liens_stock_note .liens_stock a.active{
	color: #4b4943;
    border-left-color: #000;
}
.filtre .liens_stock_note h1{
	flex: 1;
	font-size:1.8rem;
	text-decoration:none;
    text-align: right;
    font-weight: 400;
}

/***************** tooltips *****************/
.tooltip1 span, .tooltip2 span, .tooltip3  span, .tooltip4  span, .tooltip5  span, .tooltip6  span{
	z-index:3;
	font-size:1.1rem;
	display:none; 
	padding:10px 15px;
	line-height:normal;
	font-weight:normal;
	text-align:left;
	white-space:normal;
	-moz-box-shadow: 0px 0px 10px 0px #c0c0c0;
	-webkit-box-shadow: 0px 0px 10px 0px #c0c0c0;
	-o-box-shadow: 0px 0px 10px 0px #c0c0c0;
	box-shadow: 0px 0px 10px 0px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.tooltip1 span {
	margin-top:20px; 
	margin-left:-120px;
	width:200px; 
}
.tooltip2 span {
	margin-top:23px; 
	margin-left:-80px;
	width:192px; 
}	
.tooltip3 span {
	margin-top:27px; 
	margin-left:-130px;
	width:260px; 
}
.tooltip4 span {
	margin-top:20px; 
	margin-left:-130px;
	width:260px; 
}
.tooltip5 span {
	margin-top:-140px; 
	margin-left:-110px;
	width:200px; 
}
.tooltip6 span {
	margin-top: -136px;
	margin-left: -171px;
	width: 373px;
}

.tooltip1 span p, .tooltip2 span p, .tooltip3 span p{
	padding:0;
	margin:auto; 
	font-weight:500;
	text-align:center;
}
.tooltip1 span span, .tooltip2 span span, .tooltip3 span span{
	padding:0;
	margin:0; 
	font-weight:normal;
}				
.tooltip1:hover span, .tooltip2:hover span, .tooltip3:hover span, .tooltip4:hover span, .tooltip5:hover span, .tooltip6:hover span{
	display:inline; 
	position:absolute; 
	border:0;  
	color:#4b4943;
	background:#fff;
}
.callout {
	z-index:3;
	position:absolute;
	border:0;
	top:-7px;
	left:105px;
}
.tooltip2 span img {
	z-index:3;
	position:absolute;
	border:0;
	top: -8px;
	left:64px;
}
.tooltip3 span img, .tooltip4 span img{
	z-index:3;
	position:absolute;
	border:0;
	top:-8px;
	left:115px;
}
.tooltip5 span img {
	z-index:3;
	position:absolute;
	border:0;
	top: 145px;
	left:90px;
}
.tooltip6 span img {
	z-index: 3;
	position: absolute;
	border: 0;
	top: 135px;
	left: 152px;
}

/***************** end tooltips *****************/
.resultats{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0;
    padding-top: 2rem;
	font-size:1.8rem;
	color:#4b4943;
	text-align:center;
    position: relative;
}
.resultats .filtres{
    position: absolute;
    top: 1.2rem;
    right: 2rem;
    display:flex;
	flex-wrap: nowrap;
	justify-content:flex-end;
	align-items: center;
	align-content: flex-end;
	column-gap: 2rem;
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0;
	font-size:1.8rem;
	font-weight:normal;
	overflow:visible;
}
.resultats .filtres li{
	display: block;
	font-size:1.8rem;
	color:#4b4943;
	margin:0;
	padding:0;
	text-align: center;
	overflow: visible;
	width:auto;
	height:auto;
	position:relative;
}
.resultats .filtres li.actl{
	font-size:1.4rem;
}
.resultats .filtres li.col_zellige, .resultats .filtres li.shapes_zellige{
	cursor:pointer;
	display: inline-block;
    width: auto;
    height: auto;
    min-width: 0;
    max-width: none;
	margin:0;
    padding: 0.5rem 1rem;
    padding-left: 3rem;
    border: 1px solid #000;
    background-color: #FFF;
    color: #4b4943;
	text-align: right;
    font-size: 1.8rem;
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    background-image: url(https://carreaux-zellige.com/images4/ZeCommun/search_black.svg);
    background-repeat: no-repeat;
    background-position: 1rem center;
    background-size: 15px auto;
}
.resultats .filtres li.col_zellige div, .resultats .filtres li.shapes_zellige div{
	position: absolute;
	right:-1px;
	top:-1px;
	display:none;
	margin:0 auto;
	padding:0;
	color:#4b4943;
	width:50rem;
	height:auto;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	background-color:#fff;
	z-index:3;
	overflow:hidden;
}
.resultats .filtres li div p{
	display:block;
	width:100%;
	height:auto;
	text-align:right;
	margin:0;
	padding:0.5rem 1rem;
	padding-left: 3rem;
	background-image: url(https://carreaux-zellige.com/images4/ZeCommun/search_black.svg);
    background-repeat: no-repeat;
    background-size: 15px auto;
}
.resultats .filtres li.col_zellige div p{
    background-position: right 14.8rem center;
}
.resultats .filtres li.shapes_zellige div p{
    background-position: right 12.8rem center;
}
.resultats .filtres li.col_zellige input, .resultats .filtres li.shapes_zellige input{
	display:none;
}
.resultats .filtres li.col_zellige label, .resultats .filtres li.shapes_zellige label{
	cursor:pointer;
}
.resultats .filtres li.col_zellige div ul, .resultats .filtres li.shapes_zellige div ul{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 0 1rem;
	text-align: left;
	background:#fff;
	font-size:0;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.resultats .filtres li.col_zellige div ul, .resultats .filtres li.shapes_zellige div ul{
	max-height:43rem;
	overflow:scroll;
	overflow-x: hidden;
}
.resultats .filtres li.col_zellige div ul li, .resultats .filtres li.shapes_zellige div ul li{
	display:inline-block;
	vertical-align: middle;
	text-align:center;
	width:18.4%;
	height:auto;
	border:none;
	margin: 0.5rem auto;
	margin-right:2%;
	padding:0;
	cursor:pointer;
	position:relative;
	border:1px solid #FFF;
}
.resultats .filtres li.col_zellige div ul li:nth-child(5n+5), .resultats .filtres li.shapes_zellige div ul li:nth-child(5n+5){
	margin-right:0;
}
.resultats .filtres li.shapes_zellige div ul li img{
	vertical-align: top;
	max-width:100%;
	height:auto;
}
.resultats .filtres li.shapes_zellige div ul li img.img1{
	filter : alpha(opacity=100);
	opacity:0; 
	transition:opacity 0.5s ease-in-out;
	-moz-transition:opacity 0.5s ease-in-out;
	-o-transition:opacity 0.5s ease-in-out;
	-ms-transition:opacity 0.5s ease-in-out;
	-webkit-transition:opacity 0.5s ease-in-out;
	z-index:1;
	width:100%;
}
.resultats .filtres li.shapes_zellige div ul li img.img2{
	position:absolute;
	left:0;
	right:0;
	z-index:2;
	width:100%;
	height:auto;
	opacity:1;
}
.resultats .filtres li.shapes_zellige div ul li:hover img.img1,  .resultats .filtres li.shapes_zellige div ul li.active img.img1{
	filter: alpha(opacity=0);
	opacity:1;
}
.resultats .filtres li.col_zellige ul li span{
	position:absolute;
	top:0.2rem;
	left:0.3rem;
	color:#FFF;
	font-size:1.4rem;
	-webkit-text-shadow: 0 0 5px black;
	-moz-text-shadow: 0 0 5px black;
	-o-text-shadow: 0 0 5px black;
	text-shadow: 0 0 5px black;
}
.resultats .filtres li.shapes_zellige ul li span{
	display:block;
	margin:0 auto;
	margin-top:0.3rem;
	padding:0;
	color:#4b4943;
	font-size:1.4rem;
}
#resultats{
	margin:0 auto;
	padding:0 1.4rem;
	/*padding-bottom:20rem;*/
	text-align: center;
}
#resultats ul.clonnes, #resultats ul.search{
	display:block;
	margin:0 auto;
	margin-bottom:2rem;
	padding:0;
	width:100%;
	min-width:100rem;
	text-align:left;
	font-size:0;
}
#resultats ul.search{
	margin-top:2rem;
}
#resultats ul.clonnes li, #resultats ul.search li{
	display:inline-block;
	vertical-align:top;
	margin:0 0 1rem 0;
	padding:0;
	text-align:left;
	width:11.1111111%;
	font-size:1.4rem;
	border:.6rem solid #FFF;
}
#resultats ul.clonnes li.w100{
	display:block;
	width:100%;
	max-width:none;
	font-size:1.8rem;
	border: none;
	font-weight:500;
	margin-bottom:1rem;
    padding-left: 0.6rem;
}
#resultats ul.clonnes li img, #resultats ul.search li img{
	width:100%;
	cursor:pointer;
	margin-bottom:0.5rem;
	border:1px solid #c9c9c9;
}
.ombre {
	-moz-box-shadow: 0px 0px 2px 1px #cfcfcf;
	-webkit-box-shadow: 0px 0px 2px 1px #cfcfcf;
	-o-box-shadow: 0px 0px 2px 1px #cfcfcf;
	box-shadow: 0px 0px 2px 1px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=1);
}

/********************* Get Detail ***************************/
#resultats .getdetail{
    display: block;
	margin:0 auto;
	padding:0;
	width: 90%;
	text-align:center;
	font-size:1.8rem;
}
#resultats .getdetail h1{
	font-size:2.2rem;
	text-align: left;
	cursor:pointer;
}
#resultats .getdetail h1{
    display:flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	column-gap: 2rem;
	width:100%;
	margin:0;
	padding:0;
}
#resultats .getdetail h1 p{
	display:flex;
    flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;
    font-size: 2.8rem;
    font-weight: 500;
    color: #4b4943;
    text-decoration:none;
    padding-left: 1rem;
    border: none;
    border-left: 3px solid #000;
}
#resultats .getdetail h1 p span{
    font-size: 1.8rem;
}
#resultats .getdetail h1 img{
	width:48px;
	height:auto;
}
#resultats .getdetail .block1{
	display:flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: center;
	column-gap: 0;
	margin:0 auto;
	margin-top:4rem;
	padding:0;
	width:100%;
	font-size:1.8rem;
	background:#fff;
}
#resultats .getdetail .block1 .part1{
	flex: 2;
    padding-right: 5rem;
    border-right: 1px solid rgb(184, 184, 184, 1);
    text-align: left;
}
#resultats .getdetail .block1 .part2{
	flex: 1;
    padding-left: 5rem;
    text-align: left;
}
#resultats .getdetail .block2{
	display:flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
	column-gap: 2.5rem;
	margin:0;
    margin-top: 1rem;
	padding:0;
	width:100%;
	font-size:1.8rem;
	background:#fff;
}
#resultats .getdetail .block2 > li{
	align-self: stretch;
}
#resultats .getdetail .block2 .encad{
	border:1px solid #c9c9c9;
}
#resultats .getdetail .block2 .getinfo{
	display:flex;
    flex: auto;
	justify-content: space-between;
	flex-direction: column;
    row-gap:3rem;
    text-align: left;
}
#resultats .getdetail .block2 .getinfo .flex{
	display:flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
#resultats .getdetail .block2 .getinfo .encad{
	padding: 1rem;
    border: 1px solid #B8B8B8;
}
#resultats .getdetail .block2 .getinfo .mt{
	margin-top: 1rem;
}
#resultats .getdetail .block2 .getinfo .shape_size img{
	max-height: 100px;
}
#resultats .getdetail .block1 .part1 .block3{
	display:block;
	margin:0 auto;
	margin-top:4rem;
	padding:2rem;
	width:100%;
	font-size:1.8rem;
    text-align: left;
	background:#fff;
    border: 1px solid #B8B8B8;
}
#resultats .getdetail .block1 .part2 ul li.lot{
	display:inline-block;
	vertical-align:top;
	margin:0 auto;
	margin-right:3.5%;
	margin-top:1rem;
	padding:0;
	width:31%;
    max-width: 15rem;
	font-size:1.4rem;
}
#resultats .getdetail .block1 .part2 ul li.lot:nth-child(3n+3){
	margin-right:0;
}
#resultats .getdetail .block1 .part2 ul li.lot img{
	border:1px solid #c9c9c9;
}
#resultats .getdetail .block2 .getinfo input.text{
	width:9rem;
	height:3rem;
	line-height:3rem;
	margin:0 auto;
	padding:0;
	background-color: #FFF;
	border:1px solid #B8B8B8;
	text-align:center;
}
#resultats .getdetail .block2 .getinfo a.black{
	display: inline-block;
    margin: 0;
    margin-top: 1rem;
    padding:0.5rem 2rem;
	color:#FFF;
	background-color:#000;
	border:1px solid #000;
	text-align:center;
}
#resultats .getdetail .block2 .getinfo .verssamples a{
	display: inline-block;
	text-align:top;
	margin:0;
    margin-top: 1rem;
	padding:0.5rem 1rem;
	border:1px solid #000;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	color:#4b4943;
	background-color: #FFF;
}
#resultats .getdetail .block2 .getinfo .verssamples a::before{
	content: '';
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-image: url('https://carreaux-zellige.com/images4/ZeCommun/out_black.svg');
    background-repeat: no-repeat;
    margin-right: 0.5rem;
    background-position: center center;
}
#resultats .getdetail .block2 .getinfo ul#choixcaisse{
	display:none;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	font-size:0;
}
#resultats .getdetail .block2 .getinfo ul#choixcaisse li{
	width:50%;
	height:auto;
	margin:0 auto;
	padding:0;
	color: #BE6154;
	font-size:1.8rem;
	text-align:left;
}
#resultats .getdetail .block2 .getinfo ul#choixcaisse li:last-of-type{
	text-align:right;
}
#choixcaisse label{
	display:inline-block;
	vertical-align: middle;
	margin:0 auto;
	padding:0;
    background-color: #FFF;
	color:#BE6154;
	font-size:1.8rem;
	text-align:left;
}
#choixcaisse input.radio{
	width:1.5rem;
	height:1.5rem;
	display:inline-block;
	vertical-align: middle;
	margin:0 auto;
	margin-right:0.5rem;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #FFF;
	border:1px solid #000;
    border-radius: 1.5rem;
    content: '';
}
#choixcaisse input.radio:checked {
    background-color: #000;
}
#resultats .getdetail .block2 .getinfo .msg{
	margin-top:1rem;
	text-align:center;
	font-size:1.4rem;
}
#infocaisse, #msg{
	line-height:1em;
}

/************************************************************************************************* Page Panier ***********************************************************************/
.panier_page{
	width:70%;
	min-width:90rem;
	height:auto;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	color:#4b4943;
	font-size:1.8rem;
}
.panier_page .panier{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	color:#4b4943;
	font-size:1.8rem;
}
.panier_page .panier .TPanier{
	width: 100%;
	text-align:left;
	font-weight:normal;
	margin:0 auto;
	padding:0;
	display:table;
	table-layout: auto;
	border:none;
}
.panier_page .panier .TPanier th{
	font-size:2.4rem;
	text-align:center;
	font-weight:500;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
	position:relative;
}
.panier_page .panier .TPanier th img{
	width:48px;
	height:auto;
	position:absolute;
	left:0;
	bottom:0;
	margin:auto;
	cursor:pointer;
}
.panier_page .panier .TPanier tr.block{
	display:block;
	margin:0 auto;
	padding:2rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.panier_page .panier .TPanier td{
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	vertical-align: top;
}
.panier_page .panier .TPanier td table td{
	vertical-align: top;
}
.panier_page .panier .TPanier td.img{
	width:12%;
	padding-right:2rem;
}
.panier_page .panier .TPanier td.img img{
	width:100%;
}
.panier_page .panier .TPanier td.w1{
	width:25%;
}
.panier_page .panier .TPanier td.w2{
	width:40%;
}
.panier_page .panier .TPanier td.w3{
	width:23%;
	padding-left:2rem;
}
.panier_page .panier .TPanier td.w3 > *{
	text-align:right;
}
.panier_page .panier .TPanier td > table{
	min-width:100%;
}
.panier_page .panier .TPanier td input.metrage{
	display:inline-block;
	vertical-align: baseline;
	background-color: #FFF;
	color: #4b4943;
	-webkit-text-fill-color: #4b4943;
	border: none;
	font-weight: normal;
	text-align: right;
	width: 6rem;
	height: auto;
	margin:0 auto;
	padding:0;
}
.panier_page .panier .TPanier td .choixcaisse{
	display:none;
	width:100%;
	margin:0 auto;
	padding:0;
	font-size:0;
	text-align:left;
}
.panier_page .panier .TPanier td .choixcaisse li{
	display:inline-block;
	vertical-align:middle;
	width:50%;
	margin:0 auto;
	padding:0;
	text-align:left;
	font-size:1.4rem;
}
.panier_page .panier .TPanier td .choixcaisse li:last-of-type{
	text-align:right;
}
.panier_page .panier .TPanier td .choixcaisse li label{
	display:inline-block;
	vertical-align:middle;
	width:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
	color:#BE6154;
}
.panier_page .panier .TPanier td .choixcaisse li input.radio{
	width:1.5rem;
	height:1.5rem;
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	margin-right:0.5rem;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	background-color: #FFF;
	border:1px solid #000;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	content: '';
}
.panier_page .panier .TPanier td .choixcaisse li input.radio:checked {
    background-color:#000;
}
.panier_page .panier .TPanier td.pdl{
	padding-left:1rem;
}
.panier_page .panier .TPanier td.w3 a{
	width:60%;
	margin:1rem auto;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	background-color:#FFF;
	color:#4b4943;
	text-align:center;
	font-size:1.8rem;
	border:1px solid #000;
    border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
}
.panier_page .panier .TPanier td.w3 a.active{
	color:#BE6154;
	border:1px solid #BE6154;
}
.panier_page .panier .TPanier td label{
	cursor:pointer;
}
.panier_page .panier .TPanier td input.checkbox{
	display:inline-block;
	vertical-align: sub;
	width:2rem;
	height:2rem;
	margin:0 auto;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #FFF;
    border: 2px solid #000;
    outline: none;
	content: "";
	font-size:1.8rem;
	position:relative;
}
.panier_page .panier .TPanier td input.checkbox:checked:before {
    position:absolute;
	top:0;
	left:0;
	width:1.7rem;
	height:1.7rem;
	line-height:1.8rem;
	background-color: #000;
	color:#FFF;
	 -webkit-text-fill-color: #FFF;
	content: "\2714";
	text-align:center;
}
.panier_page .panier .TPanier tr.separation{
	height:1rem;
}
.panier_page .panier .TPanier td a.black{
	width:auto;
	height:auto;
	margin:0;
	padding:0.5rem 1rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#FFF;
	background-color:#000;
}
.panier_page .panier .TPanier td h2, .panier_page .panier .TPanier td h3{
	font-size:2.2rem;
	text-align:left;
	font-weight:500;
	margin:0 auto;
	padding:1rem 0 0 0;
	line-height:normal;
	font-style:normal;
}
.panier_page .panier .TPanier td h3{
	text-align:center;
}
.panier_page .panier .TPanier td .tree{
	margin:0 auto;
	margin-top:4rem;
	padding:0;
	border:none;
}
.panier_page .panier .TPanier td .photos{
	display:flex;
	justify-content: center;
	align-items: flex-start;
	column-gap: 6rem;
	font-size:1.4rem;
	margin:0 auto;
	padding:0 12rem;
	cursor:pointer;
}
.panier_page .panier .TPanier td .photos li img{
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
/*************** Devis ****************/

.panier_page .panier .TPanier.TDevis{
	width: 80%;
}
.panier_page .panier .TPanier.TDevis td.img{
	width:15%;
}
.panier_page .panier .TPanier.TDevis td.w1{
	width: 35%;
}
.panier_page .panier .TPanier.TDevis td.w2{
	width: 50%;
}
.panier_page .panier .TDevis .calcul_devis{
	width: 55%;
	min-width:60rem;
	text-align:center;
	font-weight:normal;
	margin:0 auto;
	padding:0;
	display:table;
	table-layout: auto;
}
.panier_page .panier .TDevis .calcul_devis td{
	vertical-align:top;
}
.panier_page .panier .TDevis .calcul_devis td.separation{
	width:1rem;
}
.panier_page .panier .TDevis .calcul_devis h2{
	font-size:2.2rem;
	text-align:center;
	font-weight:500;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
}
.panier_page .panier .TDevis .calcul_devis ul.calcul_trsp {
	font-weight:normal;
	margin:0 auto;
	padding:0;
	width: 100%;
	font-size:0;
	background-color:#FFF;
}
.panier_page .panier .TDevis .calcul_devis ul.calcul_trsp li{
	display:inline-block;
	vertical-align : middle;
	text-align:center;
	width:40%;
	margin:0 auto;
	margin-right:3%;
	padding: 0;
	font-size:1.8rem;
	color:#4b4943;
}
.panier_page .panier .TDevis .calcul_devis ul.calcul_trsp li:last-of-type{
	width:12%;
	margin-right:0;
}
.panier_page .panier .TDevis .calcul_devis ul.calcul_trsp li:last-of-type input{
	cursor:pointer;
}
.panier_page .panier .TDevis .calcul_devis ul.calcul_trsp li select{
	width: 100%;
	background-color: #FFF;
	font-weight : normal;
	text-align : center;
	margin:0 auto;
	padding:0 0.5rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#4b4943;
	-webkit-text-fill-color: #4b4943;
	font-size:1.8rem;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
}
.panier_page .panier .TDevis .calcul_devis ul.calcul_trsp li input{
	width: 100%;
	background-color: #FFF;
	font-weight : normal;
	text-align : center;
	margin:0 auto;
	padding:0 0.5rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#4b4943;
	-webkit-text-fill-color: #4b4943;
}	
.panier_page .panier .TDevis .calcul_devis ul.calcul_trsp li input.black{
	background-color: #000;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
}	
.panier_page .panier .TDevis .calcul_devis .radio{
	display:inline-block;
	vertical-align: middle;
	width:1.5rem;
	height:1.5rem;
	margin:0 auto;
	margin-left:0.5rem;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #FFF;
    border: 2px solid #000;
    outline: none;
	content: "";
	font-size:1.4rem;
	position:relative;
}
.panier_page .panier .TDevis .calcul_devis .radio:checked:before{
    position:absolute;
	top:0;
	left:0;
	width:1.3rem;
	height:1.3rem;
	line-height:1.3rem;
	background-color: #000;
	color:#FFF;
	 -webkit-text-fill-color: #FFF;
	content: "\2714";
}
.panier_page .panier .TDevis .calcul_devis input.NbTVA {
	width:100%;
	height:2.5rem;
	line-height:2.5rem;
	padding:0 0.5rem;
	border:none;
	background-color:#FFF;
	font-weight: normal;
	display:none;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#4b4943;
	-webkit-text-fill-color: #4b4943;
}
.panier_page .panier .TDevis .calcul_devis span#msgTVA  {
	display:inline-block;
	font-size:1.4rem;
	font-weight: normal;
}
.panier_page .panier .TDevis .calcul_devis td.sauvg a{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0.5rem 0;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#4b4943;
	background-color:#FFF;
}
.panier_page .panier .TDevis .calcul_devis td.cmd a{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0.5rem 0;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#FFF;
	background-color:#000;
}
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard{
	text-align:center;
	padding:0;
	margin:0 auto;
}
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard li{
	display:block;
	margin:0 auto;
	margin-bottom:1rem;
	padding:0;
	text-align:left;
}
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard li ul{
	width:100%;
	margin:0 auto;
	padding:0;
	font-size:0;
}	
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard li ul li{
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
}				
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard .email{
	display:none;
}
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard li ul li.label{
	width:30%;
}
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard li ul li.input{
	width:70%;
}						
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard input{
	font-weight:normal;
	background-color:#FFF;
	width:100%;
	height: 3rem;
	line-height: 3rem;
	text-align:left;
	border:1px solid #000;
	color:#4b4943;
	-webkit-text-fill-color: #4b4943;
	margin:0 auto;
	padding:0 0.5rem;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard input.mini-input{
	width:49%;
	margin-right:2%;
}	
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard input.mini-input.no-mg{
	margin:0;
}	
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard li.no-mg{
	margin:0;
}					
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard textarea{
	font-weight:normal;
	background-color:#FFF;
	color:#4b4943;
	-webkit-text-fill-color: #4b4943;
	width:100%;
	height: 10rem;
	margin:0;
	padding:0 0.5rem;
	text-align:left;
	vertical-align:middle;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard .submit{
	text-align:right;
	margin-top:1rem;
}
.panier_page .panier .TDevis .calcul_devis .formulaire_sauvegard .submit input{
	color: #FFF;
	-webkit-text-fill-color: #FFF;
	font-weight:500;
	background-color:#000;
	text-decoration: none;
	width: auto;
	height:auto;
	margin:0 auto;
	padding: 0 2rem;
	outline:none;
	cursor:pointer;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
/*************************** GetFormulaires **********************/
.panier_page .forms{
	width: 60%;
	height:auto;
	text-align:center;
	font-size:1.8rem;
	color:#4b4943;
	font-weight:normal;
	margin:0 auto;
	padding:0;
}
.panier_page .forms h1{
	font-size:2.4rem;
	text-align:center;
	font-weight:500;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
	position:relative;
}
.panier_page .forms h1 img{
	width:48px;
	height:auto;
	position:absolute;
	left:0;
	bottom:0;
	margin:auto;
	cursor:pointer;
}
.panier_page .forms h2{
	display:flex;
	justify-content: space-between;
	align-items: center;
	font-size:2.2rem;
	font-weight:normal;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	text-align:left;
}
.panier_page .forms .formulaire_commande{
	text-align:center;
	margin: 0 auto;
	margin-top:2rem;
	padding: 1rem 3rem;
	width:100%;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.panier_page .forms .formulaire_commande li{
	display:block;
	width:100%;
	height:auto;
	margin:1rem auto;
	padding:0;
	text-align:left;
}
.panier_page .forms .formulaire_commande li ul{
	width:100%;
	margin:0 auto;
	padding:0;
	font-size:0;
}	
.panier_page .forms .formulaire_commande li ul li{
	padding:0;
	margin:0 auto;
	display:inline-block;
	vertical-align:middle;
	color:#4b4943;
	font-size:1.8rem;
}		
.panier_page .forms .formulaire_commande li.mt{
	margin-top:7rem;
}
.panier_page .forms .formulaire_commande .email{
	display:none;
}
.panier_page .forms .formulaire_commande li ul li.label{
	width:40%;
	margin-right:2%;
}
.panier_page .forms .formulaire_commande li ul li.label.w100{
	width:100%;
	margin-right:0;
}
.panier_page .forms .formulaire_commande li ul li.input, .panier_page .forms .formulaire_commande li.input{
	width:58%;
}
.panier_page .forms .formulaire_commande li ul li.input.w100{
	width:100%;
}
.panier_page .forms .formulaire_commande input{
	font-weight:normal;
	background-color:#FFF;
	width:100%;
	height:2.5rem;
	line-height:2.5rem;
	text-align:center;
	border:1px solid #000;
	color:#4b4943;
	-webkit-text-fill-color: #4b4943;
	margin:0 auto;
	padding:0 1rem;
	font-weight: normal;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.panier_page .forms .formulaire_commande input.mini-input{
	width:49%;
	margin:0 2% 0 0;
}	
.panier_page .forms .formulaire_commande input.mini-input.no-mg{
	margin:0;
}	
.panier_page .forms .formulaire_commande li.no-mg{
	margin:0;
}					
.panier_page .forms .formulaire_commande textarea{
	font-weight:normal;
	background-color:#FFF;
	color:#4b4943;
	-webkit-text-fill-color: #4b4943;
	width:100%;
	height: 8rem;
	margin:0;
	padding:0 1rem;
	text-align:left;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}	
.panier_page .forms .formulaire_commande select{
	background-color : #FFF;
	border : 0;
	font-weight : normal;
	text-align : center;
	margin:0;
	padding:0 1rem;
	color:#4b4943;
	-webkit-text-fill-color: #4b4943;
	height:2.5rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.panier_page .forms .expedition{
	display:block;
	text-align:left;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	font-size:0;
}
.panier_page .forms .expedition span{
	display:inline-block;
	vertical-align:middle;
	width:50%;
	height:auto;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
}
.panier_page .forms .expedition span label, .panier_page .forms .expedition span input{
	display:inline-block;
	vertical-align:middle;
}
.panier_page .forms .radio, .panier_page .forms .checkbox{
	display:inline-block;
	vertical-align: middle;
	width:1.5rem;
	height:1.5rem;
	margin:0 auto;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #FFF;
    border: 2px solid #000;
    outline: none;
	content: "";
	font-size:1.4rem;
	position:relative;
}
.panier_page .forms .radio:checked:before, .panier_page .forms .checkbox:checked:before{
    position:absolute;
	top:0;
	left:0;
	width:1.3rem;
	height:1.3rem;
	line-height:1.3rem;
	background-color: #000;
	color:#FFF;
	 -webkit-text-fill-color: #FFF;
	content: "\2714";
}
.panier_page .forms .formulaire_commande.no-dispaly{
	display:none;
}
.panier_page .forms .submit{
	display:block;
	width:50%;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	outline:none;
	cursor:pointer;
	font-weight:normal;
	text-align:center;
	color:#FFF;
}
.panier_page .forms .submit input{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0.5rem 0;
	outline:none;
	cursor:pointer;
	font-weight:normal;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	background-color:#000;
	border: 1px solid #000;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
}
.devpanels_open{
	cursor:pointer;
}
#devpanels {
	margin: 0 auto;
	padding: 2rem;
	max-width: 72%;
	border: none;
	background: white;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
#devpanels .devpanels_close{
	background-color:transparent;
	position:absolute;
	top:0;
	right:0.5rem;
	cursor:pointer;
}
.popup_wrapper{
	cursor:pointer;
}
/*************************************************************************************** Page Order All Shapes ********************************************************************/
.order_all_shapes{
	display:block;
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0 2rem;
	color:#4b4943;
	font-size:1.8rem;
}
.order_all_shapes header{
	display:flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    align-content: center;
    column-gap: 2rem;
	width:100%;
	height:auto;
	margin: 0 auto;
    margin-top: 2rem;
	padding:0 2rem;
    text-align: left;
}
.order_all_shapes header h1{
	font-size:2.2rem;
    font-weight: 500;
    text-align: left;
}
.order_all_shapes .gotosim{
	display:flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: center;
    cursor: pointer;
    min-height: 42px;
    padding-left: 60px;
    background-size: 50px 42px;
    background-image: url("https://carreaux-zellige.com/images4/page_sim/personalize.svg");
    background-repeat: no-repeat;
	padding-bottom: 0.4rem;
}
/*.order_all_shapes .gotosim:hover {
  background-image: url("https://carreaux-zellige.com/images4/page_sim/personalize_Over.svg");
}*/
.order_all_shapes .gallery_panels{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	display: grid;
	grid-template-columns: repeat(7,1fr);
	grid-template-rows: repeat(6,1fr);
	grid-auto-columns: 1fr;
	gap: 10px 10px; 
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div1 div2 div3 div3 div3 div4"
		"div5 div5 div6 div3 div3 div3 div4"
		"div5 div5 div7 div7 div8 div9 div9"
		"div10 div11 div7 div7 div12 div9 div9"		
        "div13 div14 div14 div14 div12 div15 div15"
        "div16 div14 div14 div14 div17 div17 div17";
}
.order_all_shapes .gallery_panels > div{
    position:relative;
    transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.div1 { grid-area: div1;}
.div2 { grid-area: div2;}
.div3 { grid-area: div3;}
.div4 { grid-area: div4;}
.div5 { grid-area: div5;}
.div6 { grid-area: div6;}
.div7 { grid-area: div7;}
.div8 { grid-area: div8;}
.div9 { grid-area: div9;}
.div10 { grid-area: div10;}
.div11 { grid-area: div11;}
.div12 { grid-area: div12;}
.div13 { grid-area: div13;}
.div14 { grid-area: div14;}
.div15 { grid-area: div15;}
.div16 { grid-area: div16;}
.div17 { grid-area: div17;}
.div18 { grid-area: div18;}
.div19 { grid-area: div19;}
.div20 { grid-area: div20;}
.div21 { grid-area: div21;}
.div22 { grid-area: div22;}
.div23 { grid-area: div23;}
.div24 { grid-area: div24;}
.div25 { grid-area: div25;}
.div26 { grid-area: div26;}
.div27 { grid-area: div27;}
.div28 { grid-area: div28;}
.div29 { grid-area: div29;}
.div30 { grid-area: div30;}
.order_all_shapes .gallery_panels div a{
	flex:1;
}
.order_all_shapes .gallery_panels .lazy{
   opacity: 0;
}
.order_all_shapes .gallery_panels img, .order_all_shapes .gallery_panels video{
	width:100%;
	height: 100%;
	display:inline-block;
	vertical-align:bottom;
	border:none;
	transition: opacity .5s linear 0.2s;
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	-ms-transition: opacity .5s linear 0.2s;
	-o-transition: opacity .5s linear 0.2s;
	opacity: 1;
	/*border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;*/
}

#visage-caption{
	color:#FFFFFF !important;
	font-size:1.8rem !important;
}
#visage-caption a{
	color: inherit !important;
	font-size:1.8rem !important;
}
#visage-caption .divider{
	display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    column-gap: 2rem;
    margin: 0;
    margin-top: 4rem;
    padding: 0;
    cursor: pointer;
}
#visage-caption .divider img{
	width: 110px;
    height: auto;
}
#visage-caption .divider > span{
	flex: 1;
}
#visage-caption .divider span.sim{
    width: 100%;
    display: flex;
    margin-top: 2rem;
}
.order_all_shapes .zellige_panels{
	 width:100%;
	 margin-top:3.2rem;
}
.order_all_shapes .zellige_panels img{
	 width:100%;
	 height: auto;
}
.order_all_shapes .colours_dev{
    width:100%;
	min-width:100rem;
	height: auto;
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	column-gap:5%;
	margin: 4rem auto 0 auto;
	padding:0 2rem;
	font-size:1.8rem;	
	color:#4b4943;
}
.order_all_shapes .colours_dev li{
	flex: 1;
    display: table-cell;
	vertical-align:top;
	width: auto;
	height: auto;
	margin:0;
	padding:0;
	font-size:1.8rem;	
	text-align:left;
	overflow:visible;
}

.order_all_shapes .colours_dev h2{
	display:block;
	font-weight:500;
	font-size:1.8rem;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
	color:#4b4943;
	text-align:left;
}
.order_all_shapes .colours_dev h2.mt{
	margin-top:2rem;
}
.order_all_shapes .TBlocks{
	display:flex;
    justify-content: space-between;
    flex-flow: nowrap;
    align-items: flex-end;
	font-weight:500;
	font-size:1.8rem;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
	color:#4b4943;
	text-align:left;
    position: relative;
}
.order_all_shapes .colours_dev h3{
	display:block;
	font-weight:500;
	font-size:1.8rem;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	line-height:normal;
	font-style:normal;
	color:#4b4943;
	text-align:left;
}
.order_all_shapes .menu_formes{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	margin-top:0.5rem;
	padding:1rem;
	text-align: left;
	color:#4b4943;
	font-size:0;
	display:block;
	position:relative;
    background-color: #F9F9F8;
}
.order_all_shapes .menu_formes.mt{
	margin-top:1rem;
}
.order_all_shapes .menu_formes .layer{
	position:absolute;
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
	cursor:pointer;
}
.order_all_shapes .menu_formes .show_hide{
	display:none;
}
.order_all_shapes .menu_formes.active .show_hide{
	display:block;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.order_all_shapes .menu_formes.active .layer{
	display:none;
}
.order_all_shapes .menu_formes > a, .order_all_shapes .show_hide > a{
	display:inline-block;
	vertical-align:middle;
	width: 19.2%;
	margin:0.5% 0;
	margin-right:1%;
	padding:0;
	text-align: center;
	color:#4b4943;
	font-size:1.4rem;
	position:relative;
}
.order_all_shapes .menu_formes > a:nth-child(5n), .order_all_shapes .show_hide > a:nth-child(5n){
	margin-right:0;
}
.order_all_shapes .menu_formes a img{
	vertical-align: top;
	max-width:100%;
	height:auto;
}
.order_all_shapes .menu_formes a img.img1{
	filter : alpha(opacity=100);
	opacity:0; 
	transition:opacity 0.5s ease-in-out;
	-moz-transition:opacity 0.5s ease-in-out;
	-o-transition:opacity 0.5s ease-in-out;
	-ms-transition:opacity 0.5s ease-in-out;
	-webkit-transition:opacity 0.5s ease-in-out;
	z-index:1;
	width:100%;
}
.order_all_shapes .menu_formes a img.img2{
	position:absolute;
	left:0;
	right:0;
	z-index:2;
	width:100%;
	height:auto;
	opacity:1;
}
.order_all_shapes .menu_formes a:hover img.img1, .order_all_shapes .menu_formes a.active img.img1{
	filter: alpha(opacity=0);
	opacity:1;
}
.order_all_shapes .colours_dev li.col_sim{
	position:relative;
}
.order_all_shapes .colours_dev li.col_sim .opac{
	position:absolute;
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	padding-right:15%;
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.7);
	text-align:center;
}
.order_all_shapes .colours_dev li.col_sim .opac p{
	display:inline-block;
	margin:0 auto;
	margin-top:60%;
	padding:1.5rem 4rem;
	background-color:rgba(255, 255, 255, 1);
	font-size:1.8rem;
	text-align:center;
	color:#4b4943;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.order_all_shapes .colours_dev li .ref_zellige, .order_all_shapes .colours_dev li .col_zellige{
	font-weight:normal;
	font-size:1.8rem;
}
.order_all_shapes .colours_dev li .ref_zellige img, .order_all_shapes .colours_dev li .col_zellige img{
	vertical-align:middle;
}
.order_all_shapes .colours_dev li .ref_zellige label, .order_all_shapes .colours_dev li .col_zellige label{
	cursor:pointer;
	display: inline-block;
    width: auto;
    height: auto;
    min-width: 0;
    max-width: none;
    margin: 0 auto;
    padding: 0.5rem 1rem;
    padding-left: 3rem;
    border: 1px solid #000;
    background-color: #FFF;
    color: #4b4943;
    text-align: center;
    font-size: 1.8rem;
    border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    background-image: url(https://carreaux-zellige.com/images4/ZeCommun/search_black.svg);
    background-repeat: no-repeat;
    background-position: 1rem center;
    background-size: 15px auto;
}
.order_all_shapes .colours_dev li .ref_zellige input, .order_all_shapes .colours_dev li .col_zellige input{
	display:none;
}
.order_all_shapes .colours_dev li .ref_zellige ul, .order_all_shapes .colours_dev li .col_zellige ul{
	position:absolute;
	margin:.5rem auto 0 auto;
	padding:0;
	font-size:0;
	width:40rem;
	height:0rem;
	overflow: hidden;
	right:0;
	text-align:left;
    z-index:3;
	background:#fff;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px 0px #c0c0c0;
	-webkit-box-shadow: 0px 0px 10px 0px #c0c0c0;
	-o-box-shadow: 0px 0px 10px 0px #c0c0c0;
	box-shadow: 0px 0px 10px 0px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10);
	-webkit-transition:height 0.5s ease-in; 
	-moz-transition:height 0.5s ease-in; 
	-o-transition:height 0.5s ease-in; 
	transition:height 0.5s ease-in; 
}
.order_all_shapes .colours_dev li .ref_zellige ul li{
	width:16.66666667%;
	text-align:left;
	font-size:14px;
	font-size:1.4rem;
	display:inline-block;
	vertical-align: middle;
	border:0;
	margin:0;
	padding:0;
	line-height:2.5rem;
}
.order_all_shapes .colours_dev li .col_zellige ul li{
	width:12.5%;
	text-align:left;
	font-size:14px;
	font-size:1.4rem;
	display:inline-block;
	vertical-align: middle;
	border:0;
	margin:0;
	padding:0;
	line-height:2.5rem;
}
.order_all_shapes .colours_dev li .ref_zellige ul li a, .order_all_shapes .colours_dev li .col_zellige ul li a{
	border:none;
	margin: 0;
	padding:0;
	width: 100%;
	height:100%;
	text-align:center;
	text-decoration:none;
	display:inline-block;
}
.order_all_shapes .colours_dev li .ref_zellige ul li a:hover, .order_all_shapes .colours_dev li .ref_zellige ul li a.active, .order_all_shapes .colours_dev li .col_zellige ul li a:hover, .order_all_shapes .colours_dev li .col_zellige ul li a.active{
	text-decoration:none;
	font-weight:normal;
	background:#000;
	color:#FFF;
}
#ref_zellige:checked ~ #listref{
	height:25.5rem;
}
#ref_zellige:checked + label > img {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
#col_zellige:checked ~ #listgamme{
	height:27.5rem;
}
#col_zellige:checked + label > img {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.order_all_shapes .colours_dev li .gamme{
	display:block;
	width:100%;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	text-align: center;
	color:#4b4943;
	font-size:0;
	overflow:hidden;
}
.order_all_shapes .colours_dev li .gamme img{
	display:inline-block;
	vertical-align:middle;
	width: 12.5%;
	margin:0 auto;
	padding:0;
	text-align: center;
	color:#4b4943;
	border:1px solid #FFF;
	cursor:pointer;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.order_all_shapes .colours_dev li .gamme img:hover, .order_all_shapes .colours_dev li .gamme img.active{
	border:1px solid #000;
}
.order_all_shapes p.Metallic{
	margin-top:1rem;
}
.order_all_shapes p.Metallic a{
	display:inline-block;
	vertical-align:middle;
	width: 12.5%;
	margin:0 auto;
	padding:0;
	text-align: center;
	color:#4b4943;
	font-size:1.4rem;
	border:1px solid #FFF;
	position:relative;
}
.order_all_shapes p.Metallic a img{
	vertical-align: top;
	max-width:100%;
	height:auto;
}
.order_all_shapes p.Metallic a img.img1{
	filter : alpha(opacity=100);
	opacity:1; 
	transition:opacity 0.5s ease-in-out;
	-moz-transition:opacity 0.5s ease-in-out;
	-o-transition:opacity 0.5s ease-in-out;
	-ms-transition:opacity 0.5s ease-in-out;
	-webkit-transition:opacity 0.5s ease-in-out;
	z-index:1;
	width:100%;
}
.order_all_shapes p.Metallic a img.img2{
	position:absolute;
	left:0;
	right:0;
	z-index:2;
	width:100%;
	height:auto;
	opacity:0;
}
.order_all_shapes p.Metallic a:hover img.img2, .order_all_shapes p.Metallic a.active img.img2{
	filter: alpha(opacity=0);
	opacity:1;
}
.order_all_shapes .colours_dev .dev_sim{
	display: table-cell;
	vertical-align:top;
	min-width:495px;
    max-width:495px;
	height: auto;
	margin:0;
	padding:0;
	font-size:0;	
	text-align:center;
}
.order_all_shapes .colours_dev .dev_sim .LienSave{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
	font-size:1.8rem;
	font-weight:500;
}
.order_all_shapes .colours_dev .dev_sim .LienSave a{
	display:inline-block;
	font-size:1.4rem;
	margin:0;
	padding: 0;
    padding-top: 1rem;
	border:1px solid #FFF;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.order_all_shapes .colours_dev .dev_sim .LienSave a img{
	vertical-align:bottom;
}
.order_all_shapes .colours_dev .dev_sim .LienSave a span{
	display:none;
	margin-right:0.5rem;
}
.order_all_shapes .colours_dev .dev_sim .LienSave a:hover{
	padding:0.3rem 1rem;
	border:1px solid #000;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
}
.order_all_shapes .colours_dev .dev_sim .LienSave a:hover span{
	display:inline;
}
.order_all_shapes .colours_dev .dev_sim .LienSave a:hover img{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.order_all_shapes .colours_dev .dev_sim .dev_compos{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	margin-top:1rem;
	padding:0;
}
.order_all_shapes .colours_dev .dev_sim .dev_compos .devimg{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#CursorOfImage {
	position: absolute;
	top:0;
	left:0;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	pointer-events:none;
	visibility:hidden;
	border:1px solid #000;
	background-image: url(../sim3/images/commun/cursors/cursor.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: contain;
	z-index: 3;
}
#Tapis {
	width: 100%;
	height: auto;
	margin:0 auto;
	padding: 0;
	list-style-type: none;
	z-index: 0;
	border:1px solid #8C8C8C;/**/
	display:none;
	clear:both;
}
#Tapis img {
	cursor: none;
	border:0;
    width: 100%;
    height: auto;
}
#Bordure {
	position:relative;
	width:100%;
	height:auto;
	border: 0px solid #8C8C8C;
	margin:0 auto;
	clear:both;
}
#Bordure img {
	cursor: none;
	border:0;
    width: 100%;
    height: auto;
}		
#CadreMotif {
	width: 100%;
	height: auto;
	margin:0 auto;
	padding: 0;
	list-style-type: none;
	z-index: 0;
	/*border:1px solid #8C8C8C;*/
	display:none;
	clear:both;
}
#CadreMotif img {
	cursor: none;
	border:0;
    width: 100%;
    height: auto;
}
#CadreCarre {
	width: 100%;
	height: auto;
	margin:0 auto;
	padding: 0;
	list-style-type: none;
	z-index: 0;
	/*border:1px solid #8C8C8C;*/
	clear:both;
}
#CadreCarre img {
	cursor: none;
	border:0;
    width: 100%;
    height: auto;
}
#Cache {
	position:absolute;
	top:0;
	left:0;
	width: auto;
	height:100%;
	display:none;
}	
#Cache div{
	width: auto;
	height:auto;
	display:inline;
}
#Cache img{
	width:auto;
	height:auto;
	display:none;
}
.order_all_shapes .colours_dev .dev_sim .compositions{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
    column-gap: 10%;
	width: 100%;
	height:auto;
	margin:0 auto;
    margin-top: 1rem;
	padding:0;
	text-align:right;
}
.order_all_shapes .colours_dev .dev_sim .compositions .sizeshape{
	width:20%;
	height:auto;
	display:flex;
	margin:0;
	padding:0;
}
.order_all_shapes .colours_dev .dev_sim .compositions .combination{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-content: flex-end;
	column-gap : 0;
	width:60%;
	text-align:left;
	margin:0;
	padding:0;
}
.order_all_shapes .colours_dev .dev_sim .compositions .combination img{
	width:25%;
	height:auto;
	margin:0;
	padding:0;
	cursor:pointer;
}
.order_all_shapes .colours_dev .dev_sim .stockavailable{
	display:flex;
    flex-wrap: wrap;
    flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
    row-gap:0.5rem;
	text-align:left;
	font-size:1.8rem;
	margin: 0;
	padding:0;
}
.order_all_shapes .colours_dev .dev_sim .stockavailable .stockdispo{
	display:block;
	width: auto;
	text-align:left;
	margin:0;
	padding:1rem 2rem 1rem 1rem;
	border:1px solid #000;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.order_all_shapes .colours_dev .dev_sim .stockavailable .stockdispo a{
	display:flex;
    flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
    column-gap: 0.5rem;
	width: auto;
	text-align:left;
	margin:0;
	padding:0;
}
.order_all_shapes .colours_dev .dev_sim .msg{
	text-align:center;
    font-size: 1.8rem;
}
.order_all_shapes .colours_dev .calc{
	display:block;
	width: 100%;
	height: auto;
	margin:0 auto;
	margin-top:0.5rem;
	padding:2rem;
	text-align:left;
	font-size:1.8rem;
    background-color: #F9F9F8;
}
.order_all_shapes .colours_dev .calc h2{
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
	font-weight:500;
}
.order_all_shapes .colours_dev .calc h2 span{
	display:block;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:1.4rem;
	font-weight: normal;
}
.order_all_shapes .colours_dev .calc ul{
	width: 100%;
	display:block;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:0;
}
.order_all_shapes .colours_dev .calc ul li{
	width: 100%;
	display:block;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
}
.order_all_shapes .colours_dev .calc ul li.flex{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.order_all_shapes .colours_dev .calc ul li.flex.panel{
	display:block;
	font-size:0;
}
.order_all_shapes .colours_dev .calc ul li.flex.panel > span{
	display:inline-block;
	vertical-align:top;
	font-size:1.8rem;
	min-width:50%;
	margin-top:0.2rem;
	margin-bottom:0.2rem;
}
.order_all_shapes .colours_dev .calc ul li.flex.panel label{
	cursor:pointer;
}
.order_all_shapes .colours_dev .calc ul li.flex.panel a{
	border:none;
	margin:0;
	padding:0;
}
.order_all_shapes .colours_dev .calc ul li.flex input.checkbox{
	display:inline-block;
	vertical-align: sub;
	width:1.8rem;
	height:1.8rem;
	margin:0 auto;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #FFF;
    border: 2px solid #000;
    outline: none;
	content: "";
	font-size:1.4rem;
	position:relative;
}
.order_all_shapes .colours_dev .calc ul li.flex input.checkbox:checked:before {
    position:absolute;
	top:0;
	left:0;
	width:1.5rem;
	height:1.5rem;
	line-height:1.4rem;
	background-color: #000;
	color:#FFF;
	 -webkit-text-fill-color: #FFF;
	content: "\2714";
}
.order_all_shapes .colours_dev .calc ul li input.text{
	width:9rem;
	height:3rem;
	text-align:center;
	line-height:3rem;
	margin:0;
	padding:0;
	background-color: transparent;
	border:1px solid #000;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}
.order_all_shapes .colours_dev .calc ul li a{
	margin:0;
	padding:0.5rem 2rem;
	border:1px solid #000;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}
.order_all_shapes .colours_dev .calc ul li a.black{
	color:#FFF;
	background-color:#000;
}
.order_all_shapes .colours_dev .calc ul#choixcaisse{
	display:none;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	font-size:0;
}
.order_all_shapes .colours_dev .calc ul#choixcaisse li{
	width:50%;
	height:auto;
	margin:0 auto;
	padding:0;
	color: #BE6154;
	font-size:1.8rem;
	text-align:left;
}
.order_all_shapes .colours_dev .calc ul#choixcaisse li:last-of-type{
	text-align:right;
}
.order_all_shapes .colours_dev .calc ul li#msg{
	margin-top:1rem;
	font-size:1.4rem;
	text-align:center;
}
.order_all_shapes .colours_dev .calc ul li.mt{
	margin-top:1rem;
}
.order_all_shapes .colours_dev .dev_sim .verspanier{
	display:block;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	font-size:1.8rem;
	text-align:right;
}
.order_all_shapes .colours_dev .dev_sim .verspanier a, .order_all_shapes .colours_dev .dev_relief .verspanier a{
	display:block;
	text-align:center;
	margin:0;
	padding:0.5rem 1rem;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	color:#FFF;
	background-color:#000;
}
.order_all_shapes .colours_dev .calc ul li.nodisplay, .order_all_shapes .colours_dev .dev_sim .nodisplay{
	display:none;
}
#divformsim{
	width: 100%;
	height:auto;
	margin:0;
	margin-top:2rem;
	padding:0;
	text-align:center;
	z-index:3;
	overflow:hidden;
	display:none;
}	
#divformsim ul{
	margin:0;
	padding:0 2rem 0 2rem;
	text-align:center;
	list-style:none;
	background-color:#FFF;
}	
#divformsim ul li{
	display:block;
	text-align:left;
	padding:0;
	margin:.5rem 0 0;
	width: auto;
	height:auto;
	border:0;
	
	overflow:hidden;
	color:#4b4943;
	font-size:0;
}
#divformsim ul li#erreursim{
	font-size:1.4rem;
	height: 3rem;
	margin:0;
	padding:0;
}
#divformsim ul li.email{
	display:none;
}
#divformsim ul li label{
	display:inline-block;
	vertical-align: middle;
	width:30%;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0;
	font-size:1.8rem;
	font-weight:normal;
}
#divformsim ul li input{
	display:inline-block;
	vertical-align:middle;
	font-weight:normal;
	font-size:1.8rem;
	background-color:#FFF;
	width:70%;
	height: 3rem;
	text-align:left;
	border: 1px solid #000;
	color:#4b4943;
	-webkit-text-fill-color: #4b4943;
	margin:0;
	padding:0 0.5rem;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
#divformsim textarea{
	display:inline-block;
	vertical-align:top;
	font-weight:normal;
	font-size:1.8rem;
	background-color:#FFF;
	color:#4b4943;
	-webkit-text-fill-color: #4b4943;
	width:70%;
	height: 8rem;
	margin:0;
	padding:0 0.5rem;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	text-align:left;
	border: 1px solid #000;
}	
#divformsim input.submit{
	color: #4b4943;
	-webkit-text-fill-color: #4b4943;
	font-weight:500;
	font-size:1.8rem;
	background-color:#FFF;
	text-decoration:underline;
	width:auto;
	min-width:0;
	height: auto;
	line-height:normal;
	margin:0;
	padding:0;
	padding-right:16px;
	outline:none;
	cursor:pointer;
	border:0;
	background: url(https://carreaux-zellige.com/images4/ZeCommun/flechereduite.png) right no-repeat;
	float:right;
}
/*** part of relieve ***/
.order_all_shapes .colours_dev li.dev_relief{
	display: table-cell;
	vertical-align:top;
	min-width:495px;
    max-width:495px;
	height: auto;
	margin:0;
	padding:0;
	font-size:0;	
	text-align:center;
}
.order_all_shapes .colours_dev li.nodisplay{
	display:none;
}
.order_all_shapes .colours_dev li.dev_relief h2{
	display:block;
	font-weight:500;
	font-size:1.8rem;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
	color:#4b4943;
	text-align:left;
}
.order_all_shapes .colours_dev li.dev_relief h2.mt{
	margin-top:2rem;
}
.order_all_shapes .colours_dev li.dev_relief .dev{
	text-align:left;
	margin-top:1rem;
}
.order_all_shapes .colours_dev li.dev_relief .calc{
	display:block;
	width: 100%;
	height: auto;
	margin:0 auto;
	margin-top:1rem;
	padding:2rem;
	text-align:left;
	font-size:1.8rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	background:#fff;
}
.order_all_shapes .colours_dev li.dev_relief .calc ul{
	width: 100%;
	display:block;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:0;
}
.order_all_shapes .colours_dev li.dev_relief .calc ul li{
	width: 100%;
	display:block;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
}
.order_all_shapes .colours_dev li.dev_relief .calc ul li.flex{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.order_all_shapes .colours_dev li.dev_relief .calc ul li input.text{
	width:9rem;
	height:3rem;
	line-height:3rem;
	margin:0;
	padding:0;
	background-color: #FFF;
	border:1px solid #000;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}
.order_all_shapes .colours_dev li.dev_relief .verspanier{
	display:block;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	font-size:1.8rem;
	text-align:right;
}
.order_all_shapes .colours_dev li.dev_relief .verspanier a{
	display:inline-block;
	text-align:center;
	margin:0;
	padding:0.5rem 2rem;
	border:1px solid #000;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}
.order_all_shapes .colours_dev li.dev_relief .verspanier a.black{
	color:#FFF;
	background-color:#000;
}
.order_all_shapes .colours_dev li.dev_relief a.black span{
	display:block;
	font-size:1.4rem;
}
.order_all_shapes .colours_dev li.dev_relief .calc ul li#msg_relieve{
	margin-top:1rem;
	font-size:1.4rem;
	text-align:center;
}
.order_all_shapes .colours_dev li.dev_relief .calc ul li.mt{
	margin-top:1rem;
}

/************************************************************************************************Page photos **********************************************************************************/
.page_photos{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0;
	font-size:1.8rem;
	color:#4b4943;
}
.page_photos .text{
	width:100%;
	color:#4b4943; 
	text-align: left;
	margin:0 auto;
	margin-top:2rem;
	padding:0 2rem;
}
.page_photos .text h1{
	display:block;
	font-weight: normal;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
	color:#4b4943;
}
.page_photos .text a{
	color:#4b4943; /*#AFAFAF couleur gris plus leger que #888 pour les long text*/
	text-decoration:underline;
}
.page_photos .text p{
	font-weight:500;
}
.page_photos .filtre{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:2rem;
	padding:0 2rem;
    text-align: right;
}
.page_photos .filtre strong{
	float:left; 
	display:inline-block; 
	font-size:2.4rem; 
	font-weight:500; 
	vertical-align: bottom;
}
.page_photos .filtre input{
	display:none;
}
.page_photos .filtre legende{
	display: inline-block;
    margin: 0 auto;
    padding: 0;
}
#delet_filter:checked .filter{
	display: inline-block;
}
.page_photos .filtre .delete_filter{
	display: none;
    margin: 0 auto;
    padding: 0;
    text-decoration: underline;
}
.page_photos .filtre .espaces{
	display: inline-flex;
    justify-content: flex-end;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: center;
	gap: 2rem;
    margin: 0 auto;
    margin-left: 2rem;
    padding: 0;
}
.page_photos .filtre .espaces label{
	display:inline-block;
	margin:0;
	padding:0.5rem 1rem;
	text-align:center;
	font-size:1.8rem;
	width: auto;
	background:linear-gradient(45deg, rgba(237,237,237,0.3) 30%, rgba(211,207,190,0.3) 100%);
	border-radius:0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	border: 1px solid rgb(255, 255, 255, 0.3);
	cursor:pointer;
}
.page_photos .filtre .espaces input:checked+label{
	border: 1px solid rgb(184, 184, 184, 1);
}
.page_photos .photos{
	width:100%;
	height:auto;
	margin:0 auto;
    margin-top: 2rem;
	padding:0 1.5rem;
	display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.page_photos .photos .row{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	display: table;
    border-spacing: 5px 0;
}
.page_photos .photos .row > div{
    display: table-cell;
    cursor: pointer;
    transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.page_photos .photos .row > div.active{
    outline:2px solid #000;
}
.page_photos .photos div a{
	flex:1;
}
.page_photos .photos div img, .page_photos .photos div video{
	width:100%;
	height: 100%;
	display:inline-block;
	vertical-align:bottom;
	border:none;
}
.page_photos .photos .lazy{
   opacity: 0;
}
.page_photos .photos img, .page_photos .photos video{
	transition: opacity .5s linear 0.2s;
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	-ms-transition: opacity .5s linear 0.2s;
	-o-transition: opacity .5s linear 0.2s;
	opacity: 1;
}

.page_photos .photos .gallery_slider{
    position: relative;
    padding: 0 0.5rem;
}
.page_photos .photos .gallery_slider .filtred .slick-slide{
    cursor: pointer;
    margin: 0 2px;
}
.page_photos .photos .gallery_slider .filtrednext{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0;
    padding-left: 7%;
    padding-right: 0;
    cursor: pointer;
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.7) 40%, rgba(255,255,255,0.9) 60%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    z-index: 3;
}
.page_photos .photos .gallery_slider .filtrednext img{
    width: 50px;
    height: auto;
    vertical-align: bottom;
}
.page_photos .w100{
	display: none;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.page_photos .dev{
    display: flex;
    flex-direction: row;
    flex-flow: nowrap;
    justify-content: center;
    align-content: center;
    column-gap: 4rem;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 2rem 7%;
    background-color: #FFF;
}
.page_photos .dev .imgs{
    display: flex;
    flex-direction: row;
    flex-flow: nowrap;
    justify-content: center;
    align-content: center;
    column-gap: 1.5rem;
    width: auto;
    max-width: 60%;
    margin: 0;
    padding: 0;
}
.page_photos .dev .imgs > a{
    width: auto;
    max-width: 70%;
}
.page_photos .dev .infos{
    display: flex;
    flex-direction: column !important;
    flex-flow: wrap;
    justify-content: space-around;
    align-content: flex-start;
    min-width: 25%;
    margin: 0;
    padding: 0;
}
.page_photos .dev .infos .colors{
    display: flex;
    flex-direction: row !important;
    flex-flow: wrap;
    justify-content: flex-start;
    align-content: center;
    column-gap: 1.5rem;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.page_photos .dev .infos .colors a{
    width: 25%;
    max-width: 100px;
    height: auto;
}
.page_photos .dev .infos .colors img{
    vertical-align: bottom;
    width: 100%;
    height: auto;
}
.page_photos .dev .infos .desc{
    display: flex;
    flex-direction: column !important;
    flex-flow: wrap;
    justify-content: space-around;
    align-content: flex-start;
    row-gap:1rem;
    width: 100%;
    margin: 0;
    padding: 1rem;
    background-color: #F9F9F8;
    text-align: left;
}
.page_photos .dev .infos .desc p{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.page_photos .dev .infos .desc p span:first-of-type{
    display: inline-block !important;
    width: 20%;
}
.page_photos .dev .infos .desc .credit span:last-of-type{
    display: inline-block !important;
    vertical-align: top;
    width: 75%;
}
.page_photos .dev .infos .liens{
    display: flex;
    flex-direction: row;
    flex-flow: nowrap;
    justify-content: space-between;
    align-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
}
.page_photos .dev .infos .liens a{
    flex: none;
    display:flex;
    flex-direction: row;
    flex-flow: nowrap;
	justify-content: center;
	align-items: center;
    margin: 0;
    padding: 0.3rem 1.5rem;
    background-color: #F9F9F8;
    text-align: center;
}
.page_photos .dev .infos .liens .stockdispo{
	padding-left: 0;
}
.page_photos .dev .infos .liens .stockdispo img{
	width: 30px;
    height: auto;
}

#visage-caption{
	color:#FFFFFF ;
	font-size:1.8rem ;
}
#visage-caption p {
  margin-top: 0;
}
#visage-caption p span:first-of-type{
    display: inline-block ;
    width: 20%;
}
#visage-caption .credit span:last-of-type{
    display: inline-block ;
    vertical-align: top;
    width: 75%;
}
#visage-caption h1, #visage-caption h2, #visage-caption p, #visage-caption a{
	color: inherit ;
	font-size:1.8rem ;
}
/*#visage-caption .links{
	display:flex;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:2rem;
	padding:0 0.5rem 0.5rem 0;
	font-size:1.8rem !important;
}
#visage-caption .links a{
	flex:1;
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center ;
	align-content: center;
	column-gap:1rem;
	margin:0;
	padding:1rem 0;
	text-align:center;
	text-decoration:none;
	outline:none;
	border: none;
	border-radius:0.2rem;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	-ms-border-radius: 0.2rem;
	-o-border-radius: 0.2rem;
	font-weight:400;
	color:#242827 !important;
	background-color:#E9D1BB;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7); 
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7); 
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7); 
	-ms-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7); 
	-o-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.7); 
	font-size:1.8rem !important;
}*/
/*************************************************************************************** Page pieces speciales ********************************************************************/
.speciales_page{
	width:70%;
	min-width:100rem;
	height:auto;
	margin: 2rem auto 0 auto;
	padding:0;
	font-size:1.8rem;
	color:#4b4943;
}
.speciales_page .text{
	width:100%;
	color:#4b4943; /*#AFAFAF couleur gris plus leger que #888 pour les long text*/
	text-align: center;
	margin:0 auto;
	padding:0;
}
.speciales_page .text h1{
	display:block;
	font-weight:500;
	font-size:1.8rem;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
	color:#4b4943;
	text-align:left;
}
.speciales_page .text a{
	color:#4b4943; /*#AFAFAF couleur gris plus leger que #888 pour les long text*/
	text-decoration:underline;
}
.speciales_page h2{
	display:block;
	font-weight:500;
	font-size:1.8rem;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	line-height:normal;
	font-style:normal;
	color:#4b4943;
	text-align:left;
}
.speciales_page h1 span, .speciales_page h2 span{
	font-weight: normal;
	font-size:1.4rem;
}
.speciales_page ul.colours_shapes{
	width:85%;
	min-width:100rem;
	height: auto;
	display: table;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	font-size:0;
	display:none;
}
.speciales_page ul.colours_shapes li{
	width:auto;
	height: auto;
	display: table-cell;
	vertical-align:top;
	margin:0;
	padding:0;
	font-size:0;	
}
.speciales_page ul.colours_shapes li:first-of-type{
	width:60%;
	padding-right:4%;
	text-align:left;
}
.speciales_page ul.colours_shapes li:first-of-type area{
	cursor:pointer;
}
.speciales_page ul.colours_shapes li h2{
	display:block;
	font-weight:500;
	font-size:1.8rem;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
	color:#4b4943;
	text-align:left;
}
.speciales_page ul.colours_shapes li h2.mt2{
	margin-top:2rem;
}
.speciales_page ul.colours_shapes li h2 span{
	display:block;
	font-weight: normal;
	font-size:1.4rem;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
	color:#4b4943;
	text-align:left;
}
.speciales_page ul.colours_shapes li p.menu_pieces_speciales{
	width:100%;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	text-align: left;
	color:#4b4943;
	font-size:0;
	display:block;
}
.speciales_page ul.colours_shapes li p.menu_pieces_speciales img{
	width:100%;
	height:auto;
}
.speciales_page ul.colours_shapes li .gamme{
	width:100%;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	text-align: center;
	color:#4b4943;
	font-size:0;
	display:block;
}
.speciales_page ul.colours_shapes li .gamme img{
	display:inline-block;
	vertical-align:middle;
	width: 9.090909090909091%;
	margin:0 auto;
	padding:0;
	text-align: center;
	color:#4b4943;
	border:1px solid #FFF;
	cursor:pointer;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.speciales_page ul.colours_shapes li .gamme img:hover, .speciales_page ul.colours_shapes li .gamme img.active{
	border:2px solid #000;
}
.speciales_page ul.colours_shapes li:last-of-type{
	width:37%;
	text-align:center;
}
.speciales_page ul.colours_shapes li .dev{
	background-repeat:no-repeat;
	background-position:left;
	background-size: contain;
	text-align:left;
	margin-top:0.5rem;
	width:60%;
}
.speciales_page ul.colours_shapes .calc{
	display:block;
	width: 100%;
	height: auto;
	margin:0 auto;
	margin-top:1rem;
	padding:2rem;
	text-align:left;
	font-size:1.8rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	background:#fff;
}
.speciales_page ul.colours_shapes .calc.mt{
	margin-top:2rem;
}
.speciales_page ul.colours_shapes .calc ul{
	width: 100%;
	display:block;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:0;
}
.speciales_page ul.colours_shapes .calc ul li{
	width: 100%;
	display:block;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
}
.speciales_page ul.colours_shapes .calc ul li.flex{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.speciales_page ul.colours_shapes .calc ul li input.text{
	width:9rem;
	height:3rem;
	line-height:3rem;
	margin:0;
	padding:0;
	background-color: #FFF;
	border:1px solid #000;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}
.speciales_page ul.colours_shapes .calc ul#choixcaisse{
	display:none;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	font-size:0;
}
.speciales_page ul.colours_shapes .calc ul#choixcaisse li{
	width:50%;
	height:auto;
	margin:0 auto;
	padding:0;
	color: #BE6154;
	font-size:1.8rem;
	text-align:left;
}
.speciales_page ul.colours_shapes .calc ul#choixcaisse li:last-of-type{
	text-align:right;
}
.speciales_page ul.colours_shapes .calc ul li.msg{
	margin-top:1rem;
	font-size:1.4rem;
	text-align:center;
}
.speciales_page ul.colours_shapes .calc ul li.mt{
	margin-top:1rem;
}
.speciales_page ul.colours_shapes .verspanier{
	display:block;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	text-align:right;
	font-size:1.8rem;
}
.speciales_page ul.colours_shapes .verspanier a{
	display:block;
	text-align:center;
	margin:0;
	padding:0.5rem 2rem;
	border:1px solid #000;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}
.speciales_page ul.colours_shapes a.black{
	color:#FFF;
	background-color:#000;
}
.speciales_page ul.colours_shapes a.black span{
	display:block;
	font-size:1.4rem;
}
.speciales_page ul.colours_shapes .nodisplay{
	display:none;
}
#erreursim.red{
	color: #BE6154;
}
#erreursim.green{
    color:#19c719;
}
.speciales_page ul.photos{
	width:100%;
	margin:0 auto;
	margin-top:1rem;
	font-size:0;
}
.speciales_page ul.photos li{
	display:inline-block;
	vertical-align:top;
	width:15.83333%;
	height:auto;
	font-size:1.4rem;
	margin:0 1% 1% 0;
	text-align:center;
}
.speciales_page ul.photos li.no-mg{
	margin-right: 0;
}
.speciales_page ul.photos li img{
	vertical-align: bottom;
	width:100%;
	max-width: 270px;
	height:auto;
	cursor:pointer;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0;0.5rem;
	-o-border-radius: 0.5rem;
}
.speciales_page ul.photos li p{
	width:100%;
	margin:0 auto;
	padding:0;
	margin-top:0.5rem;
	text-align:left;
}
.speciales_page ul.photos li.colorlink{
	width:66%;
	margin-right: 0;
	transform: translateY(-65%);
	-webkit-transform: translateY(-65%);
	-moz-transform: translateY(-65%);
	-ms-transform: translateY(-65%);
	-o-transform: translateY(-65%);
}
.speciales_page ul.photos li.colorlink a{
	display:inline-block;
	margin:0 auto;
	margin-top:50%;
	padding:1rem 2rem;
	font-size:1.8rem;
	font-weight:500;
	border:1px solid #000;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0;0.5rem;
	-o-border-radius: 0.5rem;
}

/*************************************************************************************** Page Poser ********************************************************************/
.poser_photos{
	width:75%;
	min-width:100rem;
	height:auto;
	margin: 2rem auto 0 auto;
	padding:0 3rem;
	font-size:1.8rem;
	color:#4b4943;
}
.poser_photos h1{
	font-size:2.4rem;
	text-align:center;
	font-weight:500;
	margin:0;
	padding:0;
	line-height:normal;
	font-style:normal;
}
.poser_photos h1 span{
	display:block;
	font-size:1.8rem;
	text-align:center;
	font-weight: normal;
	margin:0 auto;
	padding:0;
}
.poser_photos ul{
	font-size:0;
	text-align:left;
}
.poser_photos ul li{
	display: inline-block;
	text-align:center;
	vertical-align:top;
	color: #4b4943;
	margin:0;
	padding:0;
}
.poser_photos ul:first-of-type li{
	width:24.25%;
	height:auto;
	font-size:1.8rem;
	margin:0 1% 2rem 0;
}
.poser_photos ul:last-of-type{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.poser_photos ul:last-of-type li:first-of-type{
	width:48%;
	height:auto;
	font-size:1.8rem;
	margin-right:4%;
}
.poser_photos ul:last-of-type li:last-of-type{
	width:48%;
}
.poser_photos ul li p{
	font-size:18px;
	font-size:1.8rem;
	text-align: left;
	font-weight: normal;
	margin:0;
	padding:0;
	line-height:normal;
	font-style:normal;
	color:#4b4943;
}
.poser_photos ul li.no-mg{
	margin-right: 0;
}
.poser_photos ul li img{
	vertical-align: bottom;
	max-width:100%;
	height:auto;
	margin-bottom:0.5rem;
}
.poser_photos a.telecharger{
	font-size:18px;
	font-size:1.8rem;
	color:#4b4943;
	display:block;
	width:100%;
	margin-top:2rem;
	text-align:center;
}
.poser_photos a.telecharger img{
	vertical-align: middle;
}

/*************************************************************************************** Page Fiche Technique ********************************************************************/
.fiche_technique{
	width:75%;
	min-width:100rem;
	height:auto;
	margin: 2rem auto 0 auto;
	padding:0 3rem;
	font-size:1.8rem;
	color:#4b4943;
}
.fiche_technique h1{
	font-size:24px;
	font-size:2.4rem;
	text-align:center;
	font-weight:500;
	margin:0 auto;
	padding:0;
	line-height:normal;
}
.fiche_technique h1 span{
	display:block;
	font-size:1.8rem;
	text-align:center;
	font-weight: normal;
	margin:0 auto;
	padding:0;
}
.fiche_technique h2{
	font-size:22px;
	font-size:2.2rem;
	text-align:center;
	font-weight:500;
	margin:2rem auto;
	padding:0;
	line-height:normal;
	font-style:normal;
}
.fiche_technique ul{
	font-size:0;
	text-align:left;
}
.fiche_technique ul li{
	display: inline-block;
	text-align: left;
	vertical-align:top;
	color: #4b4943;
	margin:0;
	padding:0;
}
.fiche_technique ul li{
	width:48%;
	height:auto;
	font-size:1.8rem;
	margin-right:4%;
}
.fiche_technique ul li p{
	font-size:18px;
	font-size:1.8rem;
	text-align: left;
	font-weight: normal;
	padding:0;
	line-height:normal;
	font-style:normal;
	color:#4b4943;
}
.fiche_technique ul li .Dpdf{
	margin-top:3rem;
}
.fiche_technique ul li h3.testing{
	margin-top:4.4rem;
}
.fiche_technique ul li span.food{
	display:block; 
	text-align: center;
}
.fiche_technique ul li span.food img{
	text-align: center;
}
.fiche_technique ul li.no-mg{
	margin-right: 0;
}
.fiche_technique ul li.voc{
	width:100%;
	height:auto;
	font-size:1.8rem;
	text-align:left;
}
.fiche_technique ul li.voc h2{
	text-align:left;
}

.fiche_technique ul li table{
	width:100%;
	text-align:left;
	margin: 0 auto;
	margin-top:3rem;
}
.fiche_technique ul li table td{
	padding: .2rem .5rem .2rem 0rem;
}
.fiche_technique ul li table td.imgA {
	padding: 0;
	vertical-align:top;
	width:39%;
}
.fiche_technique ul li table td.imgA img{
	width: 100%;
}

/*************************************************************************************** Page panneaux rigides / panneaux flexibles ********************************************************************/
.page_rigides_flexibles{
	width:75%;
	min-width:100rem;
	height:auto;
	margin: 2rem auto 0 auto;
	padding:0 3rem;
	font-size:1.8rem;
	color:#000;
	display:table;
}
.page_rigides_flexibles ul{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0;
	font-size:0;
}
.page_rigides_flexibles ul li{
	width: 46.5%;
	height:auto;
	display:table-cell;
	vertical-align:top;
	text-align:justify;
	margin: 0;
	padding:0;
	font-size:1.8rem;
}
.page_rigides_flexibles ul li.barre{
	width:7%;
	text-align:center;
	position:relative;
}
.page_rigides_flexibles ul li.barre hr{
	position:absolute;
	width:0;
	height:50%;
	display:block;
	margin:0;
	padding:0;
	top:30%;
	left:50%;
	border-left: 1px solid #D0D0D0;
}
.page_rigides_flexibles ul li h1, .page_rigides_flexibles ul li h2{
	font-weight:500;
	text-align:center;
	font-size:2.2rem;
}
.page_rigides_flexibles a{
	color:#000;
}
.page_rigides_flexibles ul li p{
	margin-top:1.5rem;
	text-align:justify;
}
0.page_rigides_flexibles ul li ul.rigides_photos_images{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	font-size:0;
	text-align:left;
}
.page_rigides_flexibles ul li ul.rigides_photos_images li{
	width:22%;
	height:auto;
	margin:1rem 0;
	margin-right:4%;
	padding:0;
	display:inline-block;
	vertical-align:top;
	font-size:1.4rem;
	text-align:center;
}
.page_rigides_flexibles ul li ul.rigides_photos_images li img{
	vertical-align: bottom;
	margin:0;
	padding:0;
}
.page_rigides_flexibles ul li ul.rigides_photos_images li.no-mg{
	margin-right: 0;
}
.page_rigides_flexibles p.galerie_panneaux{
	width:80%;
	margin: 0 auto;
	margin-top:6rem;
	padding:0;
	text-align:center;
	font-size:0;
	position:relative;
}
.page_rigides_flexibles p.galerie_panneaux img{
	display:inline-block;
	vertical-align:middle;
	width:60%;
	max-width: 667px;
	margin:0 1%;
}
.page_rigides_flexibles p.galerie_panneaux img:first-of-type, .page_rigides_flexibles p.galerie_panneaux img:last-of-type{
	width:1.2%;
	margin:0;
}
.page_rigides_flexibles p.galerie_panneaux a{
	position:absolute;
	top:2rem;
	bottom:0;
	left:10%;
	right:10%;
}

/************************************************************************************************MEDIA CSS**********************************************************************************/		
/*@media (max-width: 1280px) {
.modern_page, .modern_page_choix{
	width:93%;
}
.traditionel_page, .traditionel_page_choix{
	width:93%;
}

}

@media (max-width: 1024px) {
body {
	width: 1024px;
	min-height: 100%;
	margin:auto;
}

}*/