@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;
	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;
	/*font-weight:400;
	font-smoothing: none;
	-webkit-font-smoothing: none;
	-moz-font-smoothing: none;
	-ms-font-smoothing: none;
	-o-font-smoothing: none;*/
}
html, body {
	background-color: #FFF;
	color: #343832;
	/*font-family: Arial, Helvetica, sans-serif; changé le 18Oct20121*/
	font-family: futura-pt, sans-serif;
	font-weight: 300;
}
html {
    font-size: 62.5%;
	width:100%;
	height:100%;
}
body {
    font-size: 19px;
	font-size:1.9rem; /* equiv 14px */
    line-height: normal; 
	margin: 0 auto;
	padding:0;
	width: 100%;
	height: auto;
	text-align:center;
	font-weight:300;
	word-wrap: break-word;
	position: relative;
}
input, textarea, select, button {
	font-family:inherit;
	color:currentcolor;
	-webkit-text-fill-color: currentcolor;
}
input:disabled, textarea:disabled, input:disabled::placeholder, textarea:disabled::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: 0;
}
sup{
    font-size: 1.2rem;
    vertical-align: super;
    position: relative;
    top: -0.2rem; 
}
a{
	color: inherit; /* color black #000 => dark grey 000*/
	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;
}
/*h1, h2, h3, h4, h5, h6{
	font-size: 18px;
	font-size:1.9rem;
	line-height:normal;
	font-weight:400;
}*/
strong, .strong{
	font-weight:400;
}
.bold{
	font-weight:600;
}
.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: #888;
}
.gris a{
	color: #888;
}
.font-big-big{
	font-size:24px;
	font-size:2.4rem;
}
.font-big{
	font-size:22px;
	font-size:2.2rem;
}
.font-medium{
	font-size:19px;
	font-size:1.9rem;
}
.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;
}
.mb3{
	margin-bottom:3rem;
}
.valt{
	vertical-align:top;
}
.valb{
	vertical-align:bottom;
}
.valm{
	vertical-align:middle;
}
.dinlb{
	display:inline-block !important;
}
.db{
	display:block;
}
.italic{
	font-style:italic;
}
.red{
	color: #BA3C3C;/* => new coulor orange instead of the old coulor red #FF7272*/
}
.green{
	color: #236014;/* => new coulor orange instead of the old coulor red #FF7272*/
}
.black{
	color:#343832;
}
.pdt0{
	padding-top:.5rem;
}
.pdl0{
	padding-left:0.5rem;
}
.pdl1{
	padding-left:1rem;
}
.pdr0{
	padding-right:.5rem;
}
.pdr1{
	padding-right:1rem;
}
.pdlr1{
	padding-left:1rem;
	padding-right:1rem;
}
.pdb1{
	padding-bottom:1rem;
}
.no-disp{
	display:none;
}
.border{
	border:1px solid #FFF;
}
.linh1{
	line-height:1rem;
}
.linh1-5{
	line-height:1.5rem;
}
.linh2{
	line-height:2rem;
}
.linh2-5{
	line-height:2.5rem;
}

/******************************************************************* Header **************************************************/
.header{
	position:sticky;
	top:0;
	left:0;
	width:100%;
	min-width:100rem;
	height:auto;
	margin:0 auto;
	padding:0;
	color:#343832;
	font-size:1.9rem;
	text-align:center;
	z-index:8;
	border: none;
}
.header .header_P1{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width:100%;
	height:3.2rem;
	margin:0 auto;
	padding:.2rem 2rem;
	text-align:center;
	overflow:visible;
}
.header .header_P1 .menu1{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	column-gap: 5rem;
}
.header .header_P1 .menu1 .MFactory{
	font-size:1.9rem;
    font-weight: 500;
}
.header .header_P1 .menu1 .italic{
	font-size:1.6rem;
    font-weight: 300;
}
.header .header_P1 .menu2{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	column-gap: 3rem;
	font-size:1.6rem;
}
.header .header_P2{
	width:100%;
	height: auto;
	margin:0 auto;
    margin-top: 0.5rem;
	padding:0 2rem;
	background-color:transparent;
	text-align:center;
	font-size:1.6rem;
    position: relative;
}
.header .header_P2 .samples{
	display:flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	width:100%;
	min-height: 9.5rem;
	margin:0 auto;
	padding:1rem 1.5rem 1rem 3rem;
	text-align:center;
	overflow:visible;
    border-radius: 5rem;    
    background-color: rgba(241, 241, 241, 0.2);
    backdrop-filter: blur(13px);
    border: 1px solid rgba(255, 255, 255, 0.42);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
}
.header .header_P2 .samples li{
	margin:0;
	padding:0;
	text-align:left;
	overflow:visible;
}
.header .header_P2 .samples li a{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
}
.header .header_P2 .samples li img{
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	padding:0;
}
.header .header_P2 .samples .menu1 a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
	width:100%;
	height:auto;
    font-size: 3rem;
    font-weight: 300;
}
.header .header_P2 .samples .menu1 a img{
    width: 2.5rem;
    height: auto;
}
.header .header_P2 .samples .menu1 a > span{
    text-align: left;
    margin-left: 1rem;
    font-weight: 400;
}
.header .header_P2 .samples .menu3{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 1.5rem;
	font-size:1.4rem;
}
.header .header_P2 .samples .menu3.noInd{
    min-width: 79%;
}
.header .header_P2 .samples .menu3 .tosamples{
    display: flex;
    flex-direction: row;
    flex-flow: nowrap;
    justify-content: flex-end;
    align-items: center;
    column-gap: 2rem;
	font-size:1.9rem;
    margin-right: 2rem;
    width: calc(100% - 20rem);
}
.header .header_P2 .samples .menu3 .block1{
    flex:2;
    display: flex;
    flex-direction: row;
    flex-flow: nowrap;
    justify-content: flex-end;
    align-items: center;
    column-gap: 1rem;
	font-size:1.9rem;
}
.header .header_P2 .samples .menu3 .block1 > a{
	flex: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: calc((100% - 3rem)/4);
    height: 7rem;
    margin:0 auto;
	padding:0;
	font-size:2.5rem;
    font-weight: 300;
    border-radius: 5rem;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	-ms-border-radius: 5rem;
	-o-border-radius: 5rem;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 1);
    position: relative;
}
.header .header_P2 .samples .menu3 .block1 .zellige:hover, .header .header_P2 .samples .menu3 .block1 .zellige.active{
	background-image: url("../images/commun/ZE.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.header .header_P2 .samples .menu3 .block1 .terrazzo img{
	width:60%;
	height:auto;
	opacity:1;
	display:inline-block;
	vertical-align:bottom;
	transition-duration: .25s;
}
.header .header_P2 .samples .menu3 .block1 .terrazzo .img1{
	position:absolute;
    top: 50%;
    left: 20%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	opacity:0;
}
.header .header_P2 .samples .menu3 .block1 .terrazzo:hover .img2, .header .header_P2 .samples .menu3 .block1 .terrazzo.active .img2{
	opacity:0;
}
.header .header_P2 .samples .menu3 .block1 .terrazzo:hover .img1, .header .header_P2 .samples .menu3 .block1 .terrazzo.active .img1{
	opacity:1;
}
.header .header_P2 .samples .menu3 .block1 .terrazzo:hover, .header .header_P2 .samples .menu3 .block1 .terrazzo.active{
	background-image: url("../images/commun/TR.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #FFF;
}
.header .header_P2 .samples .menu3 .block1 .terra:hover, .header .header_P2 .samples .menu3 .block1 .terra.active{
	background-image: url("../images/commun/TER.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #FFF;
}
.header .header_P2 .samples .menu3 .block1 .cement:hover, .header .header_P2 .samples .menu3 .block1 .cement.active{
	background-image: url("../images/commun/CC.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #FFF;
}

.header .header_P2 .samples .menu3 .block2{
    flex:1;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
	font-size:1.9rem;
}
.header .header_P2 .samples .menu3 .block2 > a{
	flex: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-width: calc((100% - 1rem)/2);
    height: 4rem;
    margin:0;
	padding:0;
	font-size:1.9rem;
    white-space: pre;
    border-radius: 2.5rem;
	-webkit-border-radius: 2.5rem;
	-moz-border-radius: 2.5rem;
	-ms-border-radius: 2.5rem;
	-o-border-radius: 2.5rem;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 1);    
}
.header .header_P2 .samples .menu3 .block2 .creatzo:hover, .header .header_P2 .samples .menu3 .block2 .creatzo.active{
	background-image: url("../images/commun/BW.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #FFF;
}
.header .header_P2 .samples .menu3 .block2 .granito:hover, .header .header_P2 .samples .menu3 .block2 .granito.active{
	background-image: url("../images/commun/BW.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #FFF;
}
.header .header_P2 .samples .menu3 .block2 .colour_chart:hover, .header .header_P2 .samples .menu3 .block2 .colour_chart.active{
	background-image: url("../images/commun/BW.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #FFF;
}
.header .header_P2 .samples .menu3 .block2 .bespoke:hover, .header .header_P2 .samples .menu3 .block2 .bespoke.active{
	background-image: url("../images/commun/BW.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #FFF;
}

.header .header_P2 .samples .menu3 > a, .header .header_P2 .samples .menu3 .menu_dupl{
	display: inline-flex;
    align-items: center;
    text-align: center;
    width: 5rem;
    height: 5rem;
    margin:0 auto;
	padding:0;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
    background-color: rgba(255, 255, 255, 1);    
}
.header .header_P2 .samples .menu3 a.panier{
	position: relative;
}
.header .header_P2 .samples .menu3 a.panier img{
	width:2.5rem;
	height:auto;
	margin: 0 auto;
	padding:0;
}
.header .header_P2 .samples .menu3 .cart{
	display:none;
	width: 2.4rem;
	height: 2.4rem;
	text-align:center;
	font-weight: 300;
	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: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	font-size:1.6rem;	
	z-index:2;
	position: absolute;
	top: 0.1rem;
	left: 1.2rem;
}
.header .header_P2 .samples .menu_dupl .menu_toggle{
	display:inline-flex;
    align-content: center;
	cursor:pointer;
	margin: 0 auto;
	padding:0;
    width: 100%;
    height: 100%;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
    position: relative;
}
.header .header_P2 .samples .menu_dupl .menu_toggle img{
	width:3rem;
	height:auto;
	opacity:1;
	display:inline-block;
	vertical-align:middle;
	transition-duration: .25s;
}
.header .header_P2 .samples .menu_dupl .menu_toggle .img2{
	filter : alpha(opacity=100);
	opacity:1; 
}
.header .header_P2 .samples .menu_dupl .menu_toggle .img1{
	position:absolute;
    top: 50%;
    left: 1rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	opacity:0;
}
.header .header_P2 .samples .menu_dupl .menu_toggle.active .img1{
	filter: alpha(opacity=100);
	opacity:1;
}
.header .header_P2 .samples .menu_dupl .menu_toggle.active .img2{
	filter: alpha(opacity=0);
	opacity:0;
}
#menu_toggle{
	display:none;
}
/*#menu_toggle:checked + .menu_toggle .img1{
	filter: alpha(opacity=100);
	opacity:1;
}
#menu_toggle:checked + .menu_toggle .img2{
	filter: alpha(opacity=0);
	opacity:0;
}*/
#menu_toggle:checked ~ .panel{
    display: block;
    max-width: 30rem;
    opacity: 1;
 
    @starting-style {
        max-width: 0;
          opacity: 0;
    }
}
.header .header_P2.mini{
	border:none;
}
.header .header_P2.mini .samples{
	justify-content: flex-end;
}
.header .affiche{
	position:absolute;
	top:0.7rem;
	left:0;
	right:0;
	width: 100%;
	max-width:1920px;
    margin: 0 auto;
	padding: 0 4rem;
	background-color: transparent;
	text-align:center;
    font-style: italic;
    font-size: 1.4rem;
    color: #f64f67;
}
.header .affiche a{
	font-weight:400;
    color: #f64f67;
    font-size: 1.4rem;
	text-decoration:underline;
}
.header .header_P2 .samples .menu3 .sign-in, .header .header_P2 .samples .menu3 .connected{
	text-align:center;
	font-size:1.9rem;
    cursor: pointer;
}
.header .header_P2 .samples .menu3 .sign-in.connexion{
    display: none;
}
.header .header_P2 .samples .menu3 .sign-in.deconnexion{
    display: inline-flex;
}
.header .header_P2 .samples .menu3 .connected.connexion{
    display: inline-flex;
}
.header .header_P2 .samples .menu3 .connected.deconnexion{
    display: none;
}
#sign-in, #membre{
    display: none;
}
.header .header_P2 .samples .menu3 .sign-in > label, .header .header_P2 .samples .menu3 .connected > label{
	display:inline-flex;
    align-content: center;
	margin: 0 auto;
    width: 100%;
    height: 100%;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}
.header .header_P2 .samples .menu3 .sign-in > label:first-of-type, .header .header_P2 .samples .menu3 .connected > label:first-of-type{
    cursor: pointer;
}
.header .header_P2 .samples .menu3 .sign-in > label img, .header .header_P2 .samples .menu3 .connected > label img{
	width:2rem;
	height:auto;
}
.header .header_P2 .samples .menu3 .sign-in div, .header .header_P2 .samples .menu3 .connected div{
    position: absolute;
	top: 100%;
    right: 2rem;
    margin: 0 auto;
    padding: 2rem 3rem 3rem 3rem;
    background-color: #FFF;
	-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
	-o-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;

    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(13px) brightness(90%);
    border: 1px solid rgba(255, 255, 255, 1);
}
.header .header_P2 .samples .menu3 .sign-in .connect, .header .header_P2 .samples .menu3 .connected .member_space{
    display: none;
}
.header .header_P2 .samples .menu3 .sign-in .connect{
    width: 50rem;
}
.header .header_P2 .samples .menu3 .sign-in .connect legend{
    font-size: 2.8rem;
    font-weight: 500;
    text-align: center;
}
.header .header_P2 .samples .menu3 .sign-in .connect fieldset{
	display:flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
    align-items: baseline;
	align-content: flex-end;
    column-gap: 1rem;
	width:100%;
    margin: 0;
    margin-top: 1.5rem;
    padding: 0;
    font-size:1.9rem;
    font-weight: 400;
    text-align: left;
}
.header .header_P2 .samples .menu3 .sign-in .connect fieldset label{
	white-space: nowrap;
}
.header .header_P2 .samples .menu3 .sign-in .connect fieldset:first-of-type:not(.passforget){
    margin-top: 3rem;
}
.header .header_P2 .samples .menu3 .sign-in .connect fieldset input{
	width:auto;
    height: 2rem;
    font-size:1.9rem;
    font-weight: 400;
    background-color: transparent;
    border-bottom: 1px solid #000;
}
.header .header_P2 .samples .menu3 .sign-in .connect button{
	width: auto;
    height: auto;
    margin: 0 auto;
    margin-top: 5rem;
    padding: 0.5rem 4rem;
    font-size:1.9rem;
    font-weight: 300;
    color: #FFF;
    text-align: center;
	background-color: #5E5E5E;
    border: none;
}
.header .header_P2 .samples .menu3 .sign-in .connect .passforget{
	display:flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
    align-items: center;
    column-gap: 0.5rem;
    font-size: 1.9rem;
    text-align: left;
    margin-top: 4rem;
}
.header .header_P2 .samples .menu3 .sign-in .connect .passforget input{
	width:2.5rem;
	height:2.5rem;
	line-height:2.5rem;
	margin:0;
    margin-left: 0;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #5E5E5E;
    content: '';
    color: #FFF;
    text-align: center;
    position: relative;
    font-size: 2.4rem;
    font-weight: 500;
}
.header .header_P2 .samples .menu3 .sign-in .connect .passforget input:checked:before{
    position:absolute;
	top:0;
	left:0.3rem;
	content: "\2714";
}
.header .header_P2 .samples .menu3 .sign-in .connect .resetpass{
	display:flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between!important;
    align-items: baseline;
    column-gap: 1rem;
    width: 100%;
    height: auto;
    font-size: 1.9rem;
    text-align: left;
    margin-top: 2rem;
    display: none;
}
.header .header_P2 .samples .menu3 .sign-in .resetpass button{
	width: auto;
    height: auto;
    margin: 0;
    margin-top: 0;
    padding: 0.5rem 3rem;
    font-size: 1.9rem;
    font-weight: 300;
    color: #FFF;
    text-align: center;
	background-color: #5E5E5E;
    border: none;
}
.header .header_P2 .samples .menu3 .sign-in .connect .newpassin{
    display: none;
}
.header .header_P2 .samples .menu3 .connected{
    display: none;
}
.header .header_P2 .samples .menu3 .connected .member_space{
	display:flex;
    flex-flow: wrap;
	flex-direction: column;
	justify-content: center;
    align-items: flex-start;
    row-gap: 0.5rem;
    width: 20rem;
	white-space: nowrap;
    padding: 1rem 0 0 0;
    overflow: hidden;
    display: none;
}
.header .header_P2 .samples .menu3 .connected .member_space > *{
	width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0.5rem 2rem;
    font-size:1.9rem;
    font-weight: 400;
    text-align: center;
    border: none;
}
.header .header_P2 .samples .menu3 .connected .member_space form{
	display: none;
}
.header .header_P2 .samples .menu3 .connected .member_space p{
    text-align: left;
    cursor: pointer;
}
.header .header_P2 .samples .menu3 .connected .member_space p.active{
    text-align: center;
	background-color: #9a9a9a;
    color: #FFF;
}
.header .header_P2 .samples .menu3 .connected .member_space p:first-of-type{
    margin-bottom: 2rem;
    text-align: center;
    cursor: default;
}
.header .header_P2 .samples .menu3 .connected .member_space p.black{
    background-color: #000;
    color: #FFF;
}
.header .header_P2 .samples .menu3 .connected .member_space .member{
	color: #236014;
}
.header .header_P2 .samples .menu3 .connected .member_space .member span{
    font-weight: 500;
}
/*#sign-in:checked ~ .connect{
	display: block;
}
#membre:checked ~ .member_space{
	display: flex;
}*/

/****************************************************************************** Panel ****************************************************************************************/
.panel{
	position:absolute;
	/*top:-100vh;*/
	top: calc(100% + 1rem);
	right: 2rem;
	width: auto;
    max-width: 30rem;
	height: auto;
	margin: 0;
	padding: 2rem;
	text-align:center;
	font-size:1.9rem;
	color:#343832;
	z-index:8;
    display: none;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(13px) brightness(90%);
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 2rem;
    
    max-width: 0;
    transition-property: display, opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-behavior: allow-discrete;
}
.panel ul{
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin:0 auto;
	padding:0;
	width: 100%;
	height:auto;
	text-align:center;
}
.panel ul li{
	display: block;
	margin:0;
	padding: 0;
	width: 100%;
	height:auto;
	text-align:center;
}
.panel .text{
	display:block;
	width: 100%;
	height: auto;
	margin:0;
	padding:1rem!important;
	text-decoration:none;
	text-align: justify!important;
	font-weight: 300;
	outline:none;
    border: 1px solid rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 2rem;
}
.panel h1{
	width: 100%;
	height: auto;
	margin:0;
	padding:0;
	color: inherit;
	font-size:inherit;
	text-align: center !important;
	font-weight: 400;
}
.panel .mt{
	margin-top:3rem!important;
}
.panel h2{
	width: 100%;
	height: auto;
	margin:0;
	padding:0;
	color: inherit;
	font-size:inherit;
	text-align:left;
	font-weight: 300;
}
.panel .interlinks2{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	gap:1rem 4%;
	width: 100%;
	margin:0;
	margin-top:1rem!important;
	padding:0;
	text-decoration:none;
	text-align:center;
	font-weight: 300;
	outline:none;
	border:none;
}
.panel .interlinks2 a{
	display:inline-block;
	width: 48%;
	padding:0.3rem 0;
	text-decoration:none;
	text-align:center;
	font-weight: 300;
	outline:none;
	border:1px solid #FFF;
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-o-border-radius: 2rem;
}
.panel .interlinks2 a:hover{
    background-color: rgba(255, 255, 255, 1);
}
.panel .interlinks3{
	display:block;
	width: 100%;
	height: auto;
	margin:0;
	margin-top:8rem!important;
	padding:0;
	text-decoration:none;
	text-align:center!important;
	font-weight: 300;
	outline:none;
	border:none;
}
.panel .interlinks3 a{
	display:inline-block;
	vertical-align:middle;
	width: auto;
	height: auto;
	margin:0;
	padding:0 0.5rem;
	text-decoration:none;
	text-align:center;
	font-weight: 300;
	outline:none;
	border:none;
}
.panel .interlinks3 a:hover{
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-o-border-radius: 2rem;
    background-color: rgba(255, 255, 255, 1);
}
.panel .media{
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	column-gap:1rem;
	margin-top:2rem;
}
.panel .media a{
	display:inline-block;
	vertical-align:middle;
	width: auto;
	height: auto;
	margin:0;
	padding:0;
	text-decoration:none;
	text-align:center;
	font-weight: 300;
	outline:none;
	border:none;
}
.panel .media img{
	width:40px;
	height:auto;
}
.panel .media a:hover{
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
    background-color: rgba(255, 255, 255, 1);
}
.panel .flags{
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	column-gap:1rem;
	margin:0 auto;
	padding:0.5rem 1rem;
	border-bottom: none;
}
.panel .flags > a{
	display:flex;
	flex:1;
	text-align:center;
	width:30px;
	margin-top:2rem;
}
.panel .flags > a.active img{
	box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.5); 
	-webkit-box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.5); 
	-moz-box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.5); 
	-ms-box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.5); 
	-o-box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.5); 
	border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
	-moz-border-radius: 0.1rem;
	-ms-border-radius: 0.1rem;
	-o-border-radius: 0.1rem;
}
.panel.flags img{
	max-width:100%;
	height:auto;
	aspect-ratio:3/2;
	vertical-align:bottom;
}

/****************************************************************************** Footer ****************************************************************************************/
/*.footer{
	display:block;
	width:100%;
	height: auto;
	margin:0 auto;
	padding:0;
	font-size:1.9rem;
	text-align:center;
	overflow:visible;
}
.footer .Sfooter{
	display:flex;
    flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	row-gap:2rem;
	width:100%;
	height: auto;
	margin:0 auto;
	padding:2rem 2rem;
	font-size:1.9rem;
	text-align:center;
	overflow:visible;
	background-color:transparent; 
	text-align:center; 
	font-weight:400;
}
.footer .Sfooter .block1 a{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	column-gap:1rem;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}*/

/******************************************************************************* Main *****************************************************************************************/
.main{
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin:0 auto;
	padding:0;
	width: 100%;
	height:auto;
	position:relative;
	font-size:1.9rem;
	color:#343832;
	text-align:center;
}
.main.members{
	position: fixed;
    height:calc(100% - 15rem);
}

/****************************************************************************** Page Index ************************************************************************************/
.page_samples{
    width:100%;
	height:auto;
	margin: 0 auto;
	padding:0 2rem;
	padding-bottom:4rem;
	font-size:1.9rem;
	color:#343832;
	font-weight : 300;
	text-align: center;
	overflow: hidden;
}
.page_samples .IHeader{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    column-gap: 10%;
	width:100%;
    height: auto;
	margin: 0 auto;
	margin-top:2.5rem;
	padding:0;
	overflow:visible;
	text-align:center;
}
.page_samples .IHeader .block1{
    flex: 3;
	margin: 0;
	padding:0;
	text-align: left;
}
.page_samples .IHeader .block1 h1{ 
	width: 100%;
	height: auto;
    margin: 0 auto;
    padding: 0;
	font-size:1.9rem;
    font-weight: 300;
    text-align: left;
}
.page_samples .IHeader .block2{
    flex: 1;
	margin: 0;
	padding:0;
	text-align: right;
}
.page_samples .IHeader .block2 .gotocontact{
    display: inline-block;
    width: auto;
    height: auto;
    background-color: #393939;
    color: #FFF;
    padding: 0.5rem 2rem;
    border-radius: 3rem;
    font-size: 1.9rem;
}
/*
.page_samples header{ 
	width: 100%;
	height: auto;
    margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.page_samples header h1{ 
	width: 100%;
	height: auto;
    margin: 0 auto;
    margin-top: 4rem;
    padding: 0;
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center
}
.page_samples header p{ 
	width: 100%;
	height: auto;
    margin: 0 auto;
    margin-top: 2rem;
    padding: 0;
    font-size:1.9rem;
    font-weight: 400;
}
.page_samples .accesslink{
	display:block;
	width:100%;
	margin:0 auto;
	margin-top:2rem;
	padding: 0;	
	text-align: center;
	font-size:1.9rem;
}
.page_samples .accesslink a{
	margin:0 2rem;
	padding:0.5rem 1rem;
	font-weight:500;
	border:2px 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;
}
.page_samples .accesslink a.unlock_open{
	padding-left:3.5rem;
	background-image: url('../images/samples/lock.svg');
 	background-repeat: no-repeat;
  	background-position: 1rem center;
	background-size: 2rem auto;
}
*/
.page_samples .samples{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:2.5rem;
	padding:0;
	text-align:center;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: stretch;
    column-gap: 4rem;
	font-size:1.9rem;
}
.page_samples .samples .div1{
    flex: 1;
    width: auto;
    height: auto;
	display:flex;
    flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
    row-gap: 2rem;
    background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}
.page_samples .samples .div1 p{
	text-align:left;
    margin: 0;
    padding: 0;
}

.page_samples .samples .div2{
    flex: 2.7;
    width: auto;
    height: auto;
    display:flex;
    flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
    gap: 2rem;
}
.page_samples .samples .div2 a{
    display: inline-flex;
    width: calc((100% - 6rem)/4);
    height: auto;
	-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
	-o-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.15);
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
    overflow: hidden;
    position: relative;
    aspect-ratio:1;
}
.page_samples .samples > div img, .page_samples .samples > div video{
	width:100%;
	height: auto;
	display:inline-block;
	vertical-align:bottom;
	border:none;
    -webkit-transition : all 0.5s ease;
    transition : all 0.5s ease;
}
.page_samples .samples .div1 video{
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
}
.page_samples .samples .div2 a > img{
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
}
/*.page_samples .samples .div2 a.big{
    aspect-ratio: 652 / 300;
}
.page_samples .samples .div2 a.big img{
    aspect-ration: 500/652;
}
.page_samples .samples .div2 a.small img{
    aspect-ration: 500/300;
}*/
.page_samples .samples .div2 a > img:hover{
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.page_samples .samples a span{
    position: absolute;
    top: 1rem;
    left: 2.5%;
    align-content: center;
    text-align: center;
    width: 95%;
    height: 6rem;
	font-size:3rem;
	font-weight:400;
    margin: 0 auto;
    padding: 0;
	border-radius: 5rem;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	-ms-border-radius: 5rem;
	-o-border-radius: 5rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(3px);
    border: 1px solid rgba(255, 255, 255, 0.82);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.page_samples .samples .estezza{
    height: 4rem;
    width: auto;
    max-width: 100%;
}
.page_samples .samples .terra{
    height: 3rem;
    width: auto;
    max-width: 100%;
}
.page_samples .samples .creatzo{
    height: 4rem;
    width: auto;
    max-width: 100%;
}
.page_samples .samples .granito_c{
    height: 3rem;
    width: auto;
    max-width: 100%;
}
.page_samples .samples .gotocontact{
	display: block;
    width: 100%;
    height: auto;
    background-color: #393939;
    color: #FFF;
    padding: 0.5rem;
    border-radius: 3rem;
	font-size:1.9rem;
}
/* pop up */
.pop_detailes{
	display:none;
	max-width: 95%;
	padding:4rem 2rem;
	border: 1px solid #000;
	background: white;
	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.9rem;
}
.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:2;
}
#howwork h1{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	color:#343832;
	font-size:1.9rem;
	text-align: center;
	font-style:normal;
	font-weight:500;
	text-decoration:none;
	line-height: normal;
}
#howwork .text{
	display:block;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	text-align:left;
	font-size:1.9rem;
	font-weight: 300;
	list-style-type: none;
}
#howwork .text li{
	list-style: none;
	margin:0;
	padding:0;
	line-height: 3rem;
}
#howwork .text li:before{
	content:"·";
	font-size:8rem;
	vertical-align: middle;
	line-height: 1rem;
	margin:0;
	padding:0;
	padding-right:0.5rem;
}
#howwork .text a{
	color:#343832;
	text-decoration:underline;
}
#howwork .contact{
	margin:0 auto;
	margin-top:1.5rem;
	text-align:center;
}
#howwork .contact a{
	display:inline-block;
	margin:0 auto;
	padding:0.5rem 1rem;
	font-size:1.4rem;
	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;
}

#unlock{
	max-width:40rem;
}
#unlock *{
	text-align:center;
}
#unlock h2, #unlock h3{
	font-size:1.9rem;
	font-weight:500;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
}
#unlock p{
	display:block;
	width:100%;
	height:auto;
	font-weight: 300;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
}
#unlock .input{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
#unlock .input input{
	text-align:center;
	font-size:1.9rem;
	background-color:#FFF;
	color:#343832;
	-webkit-text-fill-color:#343832;
	border:1px solid #000;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;

	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none;
	font-weight: 300;
	width: auto;
	min-width:0;
	max-width:none;
	height:auto;
	min-height:0;
	margin: 0;
	padding:0.5rem;
}
#unlock .input label{
	text-decoration:none;
	background-color:#FFF;
	border:1px solid #000;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	padding:0.5rem 1rem;
	padding-left:3.5rem;
	background-image: url('../images/samples/lock.svg');
 	background-repeat: no-repeat;
  	background-position: 1rem center;
	background-size: 2rem auto;
}
#unlock .input label.active{
	background-image: url('../images/samples/unlocked.svg');
	background-color:#4c9a5b;
	color:#FFF;
	border:none;
}
#unlock .text{
	font-size:1.9rem;
	margin-top:0.5rem;
}
#unlock .text1{
	display:block;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	text-align:left;
	font-size:1.9rem;
	font-weight: 300;
	list-style-type: none;
}
#unlock .text1 li{
	list-style: none;
	margin:0;
	padding:0;
	line-height: 3rem;
	text-align: left;
}
#unlock .text1 li:before{
	content:"·";
	font-size:8rem;
	vertical-align: middle;
	line-height: 1rem;
	margin:0;
	padding:0;
	padding-right:0.5rem;
}
#unlock .text1 a{
	color:#343832;
	text-decoration:underline;
}
#unlock .input1{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	width:50%;
}
#unlock .input1 input{
	text-align:center;
	font-size:1.9rem;
	background-color:#FFF;
	color:#343832;
	-webkit-text-fill-color:#343832;
	border:1px solid #000;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;

	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none;
	font-weight: 300;
	width: auto;
	min-width:0;
	max-width:none;
	height:auto;
	min-height:0;
	margin: 0;
	padding:0.5rem;
}
#unlock .input1 label{
	text-decoration:none;
	background-color:#FFF;
	border:1px solid #000;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	padding:0.5rem 1rem;
	padding-left:3.5rem;
	background-image: url('../images/samples/lock.svg');
 	background-repeat: no-repeat;
  	background-position: 1rem center;
	background-size: 2rem auto;
	margin-left:2rem;
}
#unlock .input1 label.active{
	background-image: url('../images/samples/unlocked.svg');
	background-color:#4c9a5b;
	color:#FFF;
	border:none;
}

#unlock .contact{
	margin-top:2rem;
}
#unlock .contact a{
	display:inline-block;
	margin:0 auto;
	padding:0.5rem 1rem;
	font-size:1.4rem;
	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;
}
/* end pop up */

/********************************************************************* Page Zellige Samples *********************************************************************/
.page_zellige {
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0 ;
	padding-bottom:4rem;
	font-size:1.9rem;
	color:#343832;
	font-weight : 300;
	text-align: center;
}
.page_zellige .result{
	width:100%;
	margin: 0 auto;
	margin-top:3rem;
	padding:0 2rem;
	overflow:visible;
	text-align:center;
}
.page_zellige .result .ZeHeader{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    column-gap: 3rem;
	width:100%;
    height: auto;
	margin: 0 auto;
	margin-top:2.5rem;
	padding:0;
	overflow:visible;
	text-align:center;
}
.page_zellige .result .ZeHeader .block1{
    width: 68%;
	margin: 0;
	padding:0;
	text-align: left;
}
.page_zellige .result .ZeHeader .text{
	width: 100%;
    max-width: 1500px;
    height: auto;
    margin: 0;
	padding:0;
	text-align: justify;
}
.page_zellige .result .ZeHeader .liens{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap:2rem;
    max-width: 1500px;
	margin: 0;
    margin-top: 4rem;
	padding:0;
	text-align: left;
}
.page_zellige .result .ZeHeader .liens a{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.5rem;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.5rem 2rem;
    color: #FFF;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
    background-color: #393939;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.page_zellige .result .ZeHeader .liens a:first-of-type{
    color: inherit;
    background-color: rgba(241, 241, 241, 0.2);
}
.page_zellige .result .ZeHeader .liens a:last-of-type{
    color: #FFF;
    background-color: #393939;
}
.page_zellige .result .ZeHeader .block2{
    width: 32%;
    height: auto;
	margin: 0;
	padding:0;
}
.page_zellige .result .ZeHeader .block2 video{
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    height: auto;
    object-fit: cover;
	/*border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;*/
}
.page_zellige .result .ref_zellige{
	display: block;
    width:100%;
	margin: 0 auto;
	margin-top:2rem;
	padding: 0;	
	overflow:visible;
	text-align:left;
	position:relative;
}
.page_zellige .result .ref_zellige.cement, .page_zellige .result .ref_zellige.granito, .page_zellige .result .ref_zellige.creatzo{
	margin-top:0;
}
.page_zellige .result .ref_zellige h1{
	display:inline-block;
	width: auto;
	margin: 0 auto;
	padding: 0;	
	padding-left:0.3rem;
	font-weight:300;
	text-align:left;
}
.page_zellige .result .ref_zellige h1 span{
	display:block;
    text-align: left;
    font-size:1.9rem;
	font-weight:300;
}
.page_zellige .result .ref_zellige h1 span.concrete{
	display:inline-block;
    font-size: 2.4rem;
	font-weight: 300;
}
.page_zellige .result .ref_zellige label{
	position:absolute;
	right:0;
	cursor:pointer;
    background-color: #FFF;
	border: none;
	display:inline-block;
	vertical-align:bottom;
	margin:0 auto;
	padding:0 0.5rem;
	font-weight:300;
	font-family:inherit;
	font-size:1.9rem;
	color:inherit;
}
.page_zellige .result .ref_zellige.zellige label{
    top: 2rem;
	right: 2rem;
    background-color: transparent;
	color:#343832;
}
.page_zellige .result .ref_zellige label:after, .page_zellige .result .ref_zellige input{
	display:none;
}
.page_zellige .result .ref_zellige ul{
	position:absolute;
	margin:0.5rem auto 0 auto;
	padding:0;
	font-size:0;
	width:40rem;
	height:0rem;
	overflow: hidden;
	right:0;
	text-align:left;
    z-index:1;
	background:#fff;
	border:none;
	border-radius: 0.6rem;
	-webkit-border-radius: 0.6rem;
	-moz-border-radius: 0.6rem;
	-ms-border-radius: 0.6rem;
	-o-border-radius: 0.6rem;
	-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_zellige .result .ref_zellige.zellige ul{
	top: 4rem;
    right: 2rem;
}
.page_zellige .result .ref_zellige.cement ul, .page_zellige .result .ref_zellige.granito ul, .page_zellige .result .ref_zellige.creatzo ul{
	top: 2rem;
    right: 0;
}
.page_zellige .result .ref_zellige ul li {
	width:12.5%;
	height:auto;
	text-align:left;
	font-size:1.4rem;
	display:inline-block;
	vertical-align: middle;
	border:0;
	margin:0.2rem 0;
	padding:0;
}
.page_zellige .result .ref_zellige ul li a {
	margin: 0;
	padding:0.5rem 0;
	width: 100%;
	height: auto;
	text-align:center;
	text-decoration:none;
	display:inline-flex;
    justify-content: center;
    align-content: center;
	border: 1px solid rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0.05);
	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_zellige .result .ref_zellige ul li a:hover, .page_zellige .result .ref_zellige ul li a.active{
	border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.2);
}
#ref_zellige:checked ~ #listgamme{
	height:auto;
    padding: 0.5rem 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.3);
}
#ref_zellige:checked + label > span {
	display: inline-block;
    transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.page_zellige .result h1{
	display:block;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:2.4rem;
	font-weight:300;
	border:none;
}
.page_zellige .result h2{
	display:block;
	margin:0 auto;
	padding:0;
	text-align:left;
	font-size:3rem;
	font-weight:300;
}
.page_zellige .result .verhaal{
	display:block;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	text-align:left;
	font-size:3rem;
	font-weight:300;
	border:none;
}
.page_zellige .result .ztext{
	display:block;
	width: 50%;
    height: auto;
	margin:0;
	margin-top:1.5rem;
    margin-bottom:2rem;
	padding:0;
	text-align: left;
	font-size:1.9rem;
	font-weight:300;
}
.page_zellige .result h3{
	display:block;
	margin:0.5rem auto;
	padding:0 0.3rem;
	text-align:left;
	font-size:2.4rem;
	font-weight:300;
}
.page_zellige .result h3.mt{
	margin-top: 4rem;
}
.page_zellige .result .gamme h3 span{
	display:block;
	margin:0.5rem 0 2rem 0;
	padding:0 0.3rem;
	text-align:left;
	font-size:1.9rem;
	font-weight:300;
}
.page_zellige .result .shapes{
	display:block;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	text-align:left;
	font-size:3rem;
	font-weight:300;
	border:none;
}
.page_zellige .result .shapes span{
	font-size:1.9rem;
	font-weight: 300;
}
.page_zellige .result .gamme{
	width:100%;
	height:auto;
	font-size:0;
	overflow:hidden;
	text-align:left;
	margin: 0 auto;
	margin-top:1rem;
	padding:0;
}
.page_zellige .result .gamme.cement{
	margin-top:3rem;
}
.page_zellige .result .gamme.granito{
	margin-top:3rem;
}
.page_zellige .result .gamme.creatzo{
	margin-top:3rem;
}

.page_zellige .result hr {
    width: 100%;
    height: 0;
    margin: 2rem auto;
    padding: 0;
    border: 1px solid #DFDFDF;
}
.page_zellige .result .gamme li.pic{
	display:inline-block;
	width:9.09%;
	height:auto;	
	vertical-align:top;
	padding:0;
	margin: 0;
	border:3px solid #fff;
	font-size:1.9rem;
}
.page_zellige .result .gamme li.pic img{
	width: 100%;
    height: auto;
    border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}
.page_zellige .result .gamme.zellige li.pic{
	border:none;
}
.page_zellige .result .gamme.zellige li.pic img{
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}
.page_zellige .result .gamme.cement li.pic img{
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	-moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
}
.page_zellige .result .gamme.cement li.pic{
	padding:0 1rem 0.5em 0;
	border:3px solid #fff;
}
.page_zellige .result .gamme.zellige li.pic img.active {
    border: 2rem solid #FFF;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}
.page_zellige .result .gamme.creatzo li.pic{
	border: 11px solid #fff;
}
.page_zellige .result .gamme.creatzo li.pic img.active {
    border: 2px solid #000;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}
.page_zellige .result .gamme.terra{
    width: 80%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    align-content: flex-start;
    gap:1.5rem;
    margin: 0;
    margin-top: 0;
    overflow: visible;
}
.page_zellige .result .gamme.terra li.pic{
    width: calc((100% - 6rem)/5);
    padding: 0rem;
	border:none;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));
    transition: all .3s ease;
    position: relative;
}
.page_zellige .result .gamme.terra li.pic:before{
    padding-top: 0.5rem;
    content: '';
	border:none;
}
.page_zellige .result .gamme.terra li.pic:hover{
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.page_zellige .result .gamme.terra li.pic img{
    width: 100%;
    height: auto;
    border-radius: 2rem;
    -moz-border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -o-border-radius: 2rem;
}
.page_zellige .result .gamme.terra li.pic span{
    position: absolute;
    top:10%;
    left: 10%;
    color: #FFF;
}
.page_zellige .result .gamme.terrazzo li.pic{
    width: 25%;
	border:8px solid #fff;
}
.page_zellige .result .gamme.terrazzo li.pic img{
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}
.page_zellige .result .gamme li.w100{
	display:block;
	width:100%;
	padding:0 .5rem;
}
.page_zellige .result .gamme li.pic img{
	max-width:100%;
	height:auto;
	cursor:pointer;
	margin:0 auto;
	text-align:center;
	vertical-align: top;
	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_zellige .result .gamme li.pic img.active {
	border:2px solid #000;
}

.page_zellige .result .CCHeader{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    row-gap: 2rem;
	width:100%;
    height: auto;
	margin: 0 auto;
	padding:0;
}
.page_zellige .result .CCHeader .cctext{
    width: 70%;
    height: auto;
	margin: 0;
	padding:0;
	text-align: left;
	font-size:1.9rem;
	font-weight:300;
}
.page_zellige .result .CCHeader .ref_zellige.cement{
    width: 100%;
	margin: 0;
	padding:0;
	text-align: right;
}
.page_zellige .result .cctext h1{
	text-align: left;
	font-size:2.8rem;
	font-weight:300;
}
.page_zellige .result .CCHeader .liens{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap:2rem;
    width: 100%;
    height: auto;
	margin: 0;
    margin-top: 2rem;
	padding:0;
	text-align: left;
}
.page_zellige .result .CCHeader .liens a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.5rem 2rem;
    color: #FFF;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
    background-color: rgba(0, 0, 0, 0.6);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.page_zellige .result .CCHeader .liens a:first-of-type{
    color: inherit;
    background-color: rgba(241, 241, 241, 0.2);
}
.page_zellige .result .CCHeader .liens a:last-of-type{
    color: #FFF;
    background-color: #393939;
}

.page_zellige .result .GrHeader{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    row-gap: 2rem;
	width:100%;
    height: auto;
	margin: 0 auto;
	padding:0;
}
.page_zellige .result .GrHeader .grtext{
    width: 70%;
	margin: 0;
	padding:0;
	text-align: left;
	font-size:1.9rem;
	font-weight:300;
}
.page_zellige .result .GrHeader .ref_zellige.granito{
    width: 100%;
    height: auto;
	margin: 0;
	padding:0;
	text-align: right;
}
.page_zellige .result .grtext h1{
	text-align: left;
	font-size:2.8rem;
	font-weight:300;
}
.page_zellige .result .GrHeader .liens{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap:2rem;
    width: 100%;
    height: auto;
	margin: 0;
    margin-top: 2rem;
	padding:0;
	text-align: left;
}
.page_zellige .result .GrHeader .liens a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.5rem 2rem;
    color: #FFF;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
    background-color: rgba(0, 0, 0, 0.6);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.page_zellige .result .GrHeader .liens a:first-of-type{
    color: inherit;
    background-color: rgba(241, 241, 241, 0.2);
}
.page_zellige .result .GrHeader .liens a:last-of-type{
    color: #FFF;
    background-color: #393939;
}

.page_zellige .result .CrHeader{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
    row-gap: 2rem;
	width:100%;
    height: auto;
	margin: 0 auto;
	padding:0;
}
.page_zellige .result .CrHeader .crtext{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
    column-gap: 2rem;
    width: 100%;
	margin: 0;
	padding:0;
	text-align: left;
	font-size:1.9rem;
	font-weight:300;
}
.page_zellige .result .CrHeader .ref_zellige.creatzo{
    width: 25%;
	margin: 0;
	padding:0;
	text-align: right;
}
.page_zellige .result .crtext h1{
	text-align: left;
	font-size:2.8rem;
	font-weight:300;
}
.page_zellige .result .crtext p{
	display:inline-flex;
	max-width: 60%;
    height: auto;
	margin:0;
	padding:0;
}
.page_zellige .result .crtext .liens{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap:2rem;
	margin: 0;
    margin-top: 2rem;
	padding:0;
	text-align: left;
}
.page_zellige .result .crtext .liens a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.5rem 2rem;
    color: #FFF;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
    background-color: #393939;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.page_zellige .result .colourchart{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;
    column-gap: 2rem;
	width:100%;
    height: auto;
	margin: 0 auto;
	padding:0;
	overflow:visible;
}
.page_zellige .result .colourchart .block1{
    width: 50%;
    height: auto;
	margin: 0;
	padding:0;
	text-align: left;
    overflow: hidden;
	border-radius: 5rem;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	-ms-border-radius: 5rem;
	-o-border-radius: 5rem;
}
.page_zellige .result .colourchart .block1 video{
    width: 100%;
    height: auto;
    object-fit: cover;
	border-radius: 5rem;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	-ms-border-radius: 5rem;
	-o-border-radius: 5rem;
}
.page_zellige .result .colourchart .block2{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    row-gap: 2rem;
	margin: 0;
	padding:0;
	text-align: left;
}
.page_zellige .result .colourchart .block2 h1{
	display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
	font-size:2.8rem;
	font-weight:400;
}
.page_zellige .result .colourchart .block2 .text{
	width: 100%;
    height: auto;
    margin: 0;
	padding:0;
    font-size: 1.9rem;
	text-align: left;
}
.page_zellige .result .colourchart .block2 .gotocontact{
	display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: flex-end;
    width: 100%;
    height: auto;
	margin: 0;
	padding:0;
}
.page_zellige .result .colourchart .block2 .gotocontact a{
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.5rem 2rem;
    color: #FFF;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
    background-color: #393939;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.page_zellige .result .colourchart .block2 .addcart{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: auto;
	margin: 0;
	padding:0;
}
.page_zellige .result .colourchart .block2 .addcart a{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    column-gap: 1.5rem;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.8rem 1.5rem;
    color: inherit;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
    background-color: rgba(241, 241, 241, 0.2);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.page_zellige .result .colourchart .block2 .addcart .addcartimg{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: auto;
    height: auto;
    margin:0 auto;
	padding:0.8rem;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
    background-color: rgba(255, 255, 255, 1);    
}
.page_zellige .result .colourchart .block2 .addcart img{
    display: inline-flex;
    width: 2.2rem;
    height: auto;
}
.page_zellige .result .colourchart .block2 .addcart a.hide{
	display:none;
}
.page_zellige .result .colourchart .block2 .addcart a.inactive{
	color:#ccc;
}
/*
.page_zellige .result .colourchart .block2 .allcolchart{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
	font-size:1.9rem;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.page_zellige .result .colourchart .block2 .topallcolchart{
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
}
.page_zellige .result .colourchart .block2 .bottallcolchart{
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
}
.page_zellige .result .colourchart .block2 .topallcolchart > div, .page_zellige .result .colourchart .block2 .bottallcolchart > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    row-gap: 0.5rem;
    text-align: left;
    min-height: 9rem;
    margin:0 auto;
	padding:0.6rem 3rem;
	font-size:2.5rem;
    font-weight: 300;
    border-radius: 5rem;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	-ms-border-radius: 5rem;
	-o-border-radius: 5rem;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    color: #FFF;
}
.page_zellige .result .colourchart .block2 .allcolchart .zellige{
	background-image: url("../images/commun/ZE.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page_zellige .result .colourchart .block2 .allcolchart .terrazzo{
	background-image: url("../images/commun/TR.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page_zellige .result .colourchart .block2 .allcolchart .terrazzo img{
	width:30%;
	height:auto;
	display:inline-block;
	vertical-align:bottom;
}
.page_zellige .result .colourchart .block2 .allcolchart .terra{
	background-image: url("../images/commun/TER.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 25rem;    
}
.page_zellige .result .colourchart .block2 .allcolchart .cement{
	background-image: url("../images/commun/CC.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page_zellige .result .colourchart .block2 .allcolchart .creatzo{
	background-image: url("../images/commun/BW.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 25rem;    
}
.page_zellige .result .colourchart .block2 .allcolchart .granito{
	background-image: url("../images/commun/GR.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 25rem;    
}
.page_zellige .result .colourchart .block2 .allcolchart span{
	font-weight: 300;
}
.page_zellige .result .colourchart .block2 .allcolchart font{
	font-size: 1.4rem;
}
.page_zellige .result .colourchart .block2 .allcolchart strong{
	font-weight: 400;
}
.page_zellige .result .colourchart .block2 .allcolchart .green{
	color: #69A46C;
}

.page_zellige .result .colourchart .block2 .bottblock2{
	width: 100%;
    height: auto;
    margin: 0;
	padding:0;
}
.page_zellige .result .colourchart .block2 .bottblock2 img{
	width: 100%;
    height: auto;
    margin: 0;
	padding:0;
    vertical-align: bottom;
	border-radius: 5rem;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	-ms-border-radius: 5rem;
	-o-border-radius: 5rem;
}*/
.page_zellige .result .colourterra{
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    column-gap: 2%;
	width:100%;
    min-height: 70vh;
	margin: 0 auto;
	padding:0;
    overflow: visible;
}
.page_zellige .result .colourterra:before,
.page_zellige .result .colourterra:after {
  display: block;
}
.page_zellige .result .colourterra .block1{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    row-gap: 2rem;
    width: 64%;
    height: auto;
	margin: 0;
	padding:0;
	text-align: left;
    flex: 1 1 auto; 
}
.page_zellige .result .colourterra .block1 .text{
	width: 100%;
    max-width: 1500px;
    height: auto;
    margin: 0;
	padding:0;
    font-size: 1.9rem;
	text-align: left;
}
.page_zellige .result .colourterra .block1 .liens{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap:2rem;
    max-width: 1500px;
	margin: 0;
	padding:0;
	text-align: left;
}
.page_zellige .result .colourterra .block1 .liens a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.5rem 2rem;
    color: #FFF;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
    background-color: rgba(0, 0, 0, 0.6);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    white-space: pre;
}
.page_zellige .result .colourterra .block1 .liens a:first-of-type{
    color: inherit;
    background-color: rgba(241, 241, 241, 0.2);
}
.page_zellige .result .colourterra .block1 .liens a:last-of-type{
    color: #FFF;
    background-color: #393939;
}

.page_zellige .result .colourterra .block1 .sides{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    column-gap: 1rem;
    width: 100%;
    height: auto;
    margin: 0;
    margin-top: 1rem;
	padding:0;
    font-size: 1.9rem;
	text-align: left;
}
.page_zellige .result .colourterra .block1 .sides a{
	display: inline-flex!important;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0;
	padding:0 1rem;
    font-size: 1.9rem;
	text-align: center;
    background-color: #FFF;
    border: 1px solid #6c757d;
    color: #6c757d;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
}
.page_zellige .result .colourterra .block1 .sides a:hover, .page_zellige .result .colourterra .block1 .sides a.active{
    background-color: #6c757d;
    border: 1px solid #6c757d;
    color: #FFF;
}
.page_zellige .result .colourterra .block2{
    width: 34%;
    height:auto;
	margin: 0;
	padding:0;
    position: relative;
    overflow: hidden;
    flex: 1 1 auto; 
}
.page_zellige .result .colourterra .block2 video{
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
	border-radius: 5rem;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	-ms-border-radius: 5rem;
	-o-border-radius: 5rem;
}

.page_zellige .result .THeader{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    column-gap: 4rem;
	width:100%;
    height: auto;
	margin: 0 auto;
	margin-top:2.5rem;
	padding:0;
	overflow:visible;
	text-align:center;
}
.page_zellige .result .THeader .block1{
    flex: 1;
    max-width: 1000px;
	margin: 0;
	padding:0;
	text-align: left;
}
.page_zellige .result .THeader .text{
	width: 100%;
    height: auto;
    margin: 0;
	padding:0;
	text-align: justify;
}
.page_zellige .result .THeader .block1 .liens1{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap:2rem;
	margin: 0;
    margin-top: 2rem;
	padding:0;
	text-align: left;
}
.page_zellige .result .THeader .block1 .liens1 a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.5rem 2rem;
    color: #FFF;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
    background-color: rgba(0, 0, 0, 0.6);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    white-space: pre;
}
.page_zellige .result .THeader .block1 .liens1 a:first-of-type{
    color: inherit;
    background-color: rgba(241, 241, 241, 0.2);
}
.page_zellige .result .THeader .block1 .liens1 a:last-of-type{
    color: #FFF;
    background-color: #393939;
}

.page_zellige .result .THeader .sblock1{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    column-gap: 1.5rem;
	width:100%;
    height: auto;
	margin: 0 auto;
    margin-top: 4rem;
	padding:0;
	overflow:visible;
	text-align:left;
    font-size: 2.4rem;
}
.page_zellige .result .THeader .sblock1 .liens2{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 1.5rem;
	margin: 0;
	padding:0;
	text-align: left;
}
.page_zellige .result .THeader .sblock1 .liens2 a{
	display: flex;
    justify-content: center;
    align-items: center;
    min-width: 20%;
    height: 4rem;
    margin: 0;
	padding:0 2rem;
    color: inherit;
    font-size: 1.9rem;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.page_zellige .result .THeader .sblock1 .liens2 a:hover{
    color: #343832;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.6);
}
.page_zellige .result .THeader .block2{
    flex: 1;
	margin: 0;
	padding:0;
	text-align: right;
}
.page_zellige .result .THeader .block2 video{
    width: 100%;
    max-width: 1200px;
    height: 100%;
    object-fit: cover;
	/*border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;*/
}

.page_zellige .result .partterrazzo{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1rem;
	width:100%;
	margin: 0 auto;
    margin-top: 4rem;
	padding:0;
    overflow: visible;
}
.page_zellige .result .partterrazzo > ul{
    padding: 0;
    padding-right: 8px;
    margin-top: 0;
    border-right: 2px solid #a4a4a4;    
}
.page_zellige .result .partterrazzo ul:nth-child(3n+3){
    border-right: none;    
}

.page_zellige .result .gamme li.dev_couleurs{
	display:none;
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
	padding:0;
	color:#343832;
	font-size:1.9rem;
}
.page_zellige .result .gamme li.dev_couleurs *{
    font-weight: 300;
}
.page_zellige .result .gamme li.dev_couleurs strong{
    font-weight: 500!important;
}
.page_zellige .result .gamme li.dev_couleurs .bold{
    font-weight: 900;
}
.page_zellige .result .gamme li.dev_couleurs ul.global{
	display:block;
	width:60%;
	min-width:80rem;
	height: auto;
	margin:4rem auto;
	padding:0;
	text-align: center;
	font-size:0;
	position:relative;
    overflow: visible;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li{
	display:table-cell;
	vertical-align:middle;
	width: 50%;
	height:auto;
	text-align:left;
	margin: 0 auto;
	padding:0;
	font-size:1.9rem;
}
.page_zellige .result .gamme.terra li.dev_couleurs ul.global{
	width:100%;
    min-width: 0;
}
.page_zellige .result .gamme.terrazzo li.dev_couleurs ul.global{
	width:100%;
    min-width: 0;
    padding:2rem 5%;
}
.page_zellige .result .gamme.terrazzo li.dev_couleurs ul.global li{
	display:block;
    width: 100%;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li.posit{
	width:540px;
	height: auto;
	text-align:center;
	position:relative;
}
.page_zellige .result .gamme.terra li.dev_couleurs ul.global li.posit{
	width:50%;
	height: auto;
	text-align:center;
}
.page_zellige .result .gamme.terrazzo li.dev_couleurs ul.global li.posit{
	width:80%;
	height: auto;
	text-align:center;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li:last-of-type{
	padding-left:4rem;
}
.page_zellige .result .gamme.terrazzo li.dev_couleurs ul.global li:last-of-type{
	padding-left:0;
    margin-top: 2rem;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li.posit img{
	width:100%;
	height:auto;
	vertical-align:top;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li.posit .crop{
	position:absolute;
    top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left:0;
	right:0;
	width:100%;
	height: auto;
	z-index:1;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li.posit .samplessize{
	position:absolute;
	bottom:0.5rem;
	right:12.5%;
    font-style: italic;
	z-index:3;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li.posit img.scale{
	vertical-align:top;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	transform: scale(0.8, 0.8);
	-webkit-transform: scale(0.8, 0.8);
	-moz-transform: scale(0.8, 0.8);
	-ms-transform: scale(0.8, 0.8);
	-o-transform: scale(0.8, 0.8);
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .close{
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
    cursor: pointer;
}
.page_zellige .result .gamme.terrazzo li.dev_couleurs ul.global li .close{
	top:-2rem;
	right:5%;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .mt{
	margin-top:2rem;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .addcart{
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-top:4rem;
	padding:0;
	text-align:center;
	font-size:1.9rem;
	column-gap: 1rem;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .addcart a{
	margin:0 auto;
	padding: 0;
	font-size:1.9rem;
	text-decoration:none;
	outline:none;
	text-align:center;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .addcart a:hover{
	color:inherit;
	text-decoration:none;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .addcart a.addcart{
	flex:3;
	padding:0.5rem 0;
	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;
	text-align:center;
	background-color:#FFF;
	color:#343832;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .addcart a.freesamples{
	flex:2;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .addcart a.plus{
	flex:1;
	font-weight:500;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .addcart a.paidsamples{
	flex:2;
	font-weight:500;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .addcart a.hide{
	display:none;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .center{
	text-align:center;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .addcart a.inactive{
	color:#ccc;
	border:1px solid #ccc;
}
.page_zellige .result .gamme li.dev_couleurs ul.global li .addcart a.w100{
	width: 100%;
	margin: 0 auto;
	padding:0.5rem;
	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;
}
.page_zellige .result .text{
	display:block;
	width:90%;
	height:auto;
	font-size:1.9rem;
	overflow:hidden;
	text-align:center;
	margin: 0 auto;
	margin-top:1rem;
	padding:0 1rem;
}
.page_zellige .result .textbespoke{
	width: 100%;
    height: auto;
    margin: 0;
	margin-top:2rem;
	padding:0;
	text-align: left;
}
.page_zellige .result .bespoke{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    column-gap: 6%;
    width:82%;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin: 0 auto;
	margin-top:6rem;
	padding:1rem 1rem;
}
.page_zellige .result .bespoke li{
	flex: 1;
	font-size:1.4rem;
	text-align:center;
	height:auto;	
	margin: 0;
	padding:1.5rem;
	border: none;
    transition : all 0.5s ease;
    -webkit-transition : all 0.5s ease;
    box-sizing: border-box;
    position: relative;
}
.page_zellige .result .bespoke .img{
	display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
	padding:0;
    position: relative;
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    -o-border-radius: 4rem;
    overflow: hidden;
}
.page_zellige .result .bespoke li.showing{
	-moz-box-shadow: 0px 0px 5px 0px #c0c0c0;
	-webkit-box-shadow: 0px 0px 5px 0px #c0c0c0;
	-o-box-shadow: 0px 0px 5px 0px #c0c0c0;
	box-shadow: 0px 0px 5px 0px #c0c0c0;
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    -o-border-radius: 4rem;
}
.page_zellige .result .bespoke li img{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
	vertical-align:bottom;
}
.page_zellige .result .bespoke li .scdimg{
	width:80%;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -o-border-radius: 2rem;
}
.page_zellige .result .bespoke .layer{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	margin: 0 auto;
	padding:0;
    cursor: pointer;
    background-color: transparent;
    z-index: 3;
}
.page_zellige .result .bespoke .hide{
	width:100%;
	height:auto;
	font-size:1.9rem;
	overflow:hidden;
	text-align:center;
	margin: 0 auto;
	padding:0;
    display: none;
}
.page_zellige .result .bespoke .contact{
	width:100%;
	height:auto;
	font-size:1.9rem;
	overflow:hidden;
	text-align:center;
	margin: 0 auto;
	margin-top:2rem;
	padding:0 1rem;
}
.page_zellige .result .bespoke .contact a{
	display:inline-block;
	margin:0 auto;
    margin-bottom: 1.5rem;
	padding:0.5rem 2rem;
	font-size:1.9rem;
	text-decoration:none;
    color: #FFF;
    background-color: #393939;
	border: none;
	font-weight:300;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -o-border-radius: 2rem;
}
.page_zellige .result .bespoke h2{
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: absolute;
    top: 1rem;
    left: 10%;
    text-align: center;
    width: 80%;
    height: auto;
	font-size:3rem;
	font-weight:400;
    margin: 0 auto;
    padding: 0.5rem 1rem;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(3px);
    z-index: 2;
}
.page_zellige .result .bespoke h3{
	margin-bottom:0;
	padding:0;
    font-weight: 400;
}
.page_zellige .result .bespoke .text{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	font-weight:300;
	list-style-type: none;
}
.page_zellige .result .bespoke .mt1{
	margin-top:1rem;
}
.page_zellige .result .bespoke .mt2{
	margin-top:2rem;
}
.page_zellige .result .bespoke .text a{
	display:block;
	margin:0;
	margin-top:1rem;
	padding:0;
	font-weight:300;
	text-align:left;
	text-decoration:underline;
}
.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 Panier *********************************************************************/
.panier{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:4rem;
	padding:0 2rem;
	padding-bottom:4rem;
	color:#343832;
	font-size:1.9rem;
}
.panier .TPanier{
	width: 100%;
	text-align:center;
	font-weight:300;
	margin:0 auto;
	padding:0;
	display:table;
	table-layout: auto;
	border:none;
}
.panier .TPanier th{
	font-size:2.4rem;
	text-align:center;
	font-weight:400;
	width: 100%;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
	position:relative;
}
.panier .TPanier h1{
	font-size:2.4rem;
	text-align:center;
	font-weight:400;
	line-height:normal;
	font-style:normal;
}
.panier .TPanier th a{
	position:absolute;
	left:0;
	top:50%;
	width: auto;
	margin:0 auto;
	margin-top:-11px;
	padding:0;
}
.panier .TPanier th a img{
	display:block;
}
.panier .TPanier .info_p {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:2rem
}
.panier .TPanier .info_p p{
	text-align:left;
}
.panier .TPanier .info_p span{
	display:block;
	text-align:left;
	margin-top: 1.2rem;
}
.panier .TPanier .info_p span a{
	text-decoration:underline
}
.panier .TPanier .block0{
	display:block;
	width:70%;
	min-width:100rem;
	margin:0 auto;
	margin-top:4rem;
	text-align:center;
}
.panier .TPanier .block1{
	display:inline-block;
	vertical-align:top;
	width:42%;
	height:auto;
	margin:0 3%;
	border:none;
}
.panier .TPanier2{
	width: 100%;
	text-align:left;
	font-weight:300;
	margin:0 auto;
	padding:0;
	display:table;
	table-layout: auto;
	border:none;
}
.panier .TPanier2 th{
	font-size:1.9rem;
	text-align:left;
	font-weight:400;
	width: 100%;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
}
.panier .TPanier2 .block2{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: center;
	width:100%;
	margin:0 auto;
	padding:1.5rem;
	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;
}
.panier .TPanier2 .block2.pd{
	padding:2rem 3rem;
}
.panier .TPanier2 td{
	text-align:left;
	border:none;
	flex:1;
}
.panier .TPanier2 td h2{
	font-size:1.9rem;
	text-align:left;
	font-weight:400;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
}
.panier .TPanier2 td.img{
	max-width:30%;
	text-align:center;
	padding-right:0.5rem;
	font-size:0;
}
.panier .TPanier td.img img{
	width:100%;
	vertical-align:bottom;
}
.panier .TPanier2 td.delet{
	text-align:right;
}
.panier .TPanier2 tr.calc > td{
	min-width:30%;
}
.panier .TPanier2 .right{
	text-align:right;
}
.panier .TPanier2 .center{
	text-align:center;
}
.panier .TPanier td > table{
	min-width:100%;
}
.panier .TPanier tr.separation{
	height:0.5rem;
}
.panier .TPanier td a{
	color:#343832;
	font-size: inherit;
	font-style: normal;
	text-decoration:none;
	font-weight:inherit;
}
.panier .TPanier td a.unlock_open{
	display:inline-block;
	width:50%;
	margin:0 auto;
	padding:0.5rem 10% 0.5rem 15%;
	text-decoration:none;
	background-color:#000;
	border: none;
	font-weight: 300;
	text-align:center;
	color:#FFF;
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	-ms-border-radius: 0.25rem;
	-o-border-radius: 0.25rem;
	background-image: url('../images/samples/lock white.svg');
 	background-repeat: no-repeat;
  	background-position: 23% center;
	background-size: 2rem auto;
}
.panier .TPanier2 h3{
	font-size:1.9rem;
	text-align:center;
	font-weight: 300;
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
}
.panier .TPanier td .checkout{
	display:flex;
	justify-content: space-between;
	align-items: center;
	max-width:90%;
	column-gap: 0.5rem;
	margin:0 auto;
	margin-top:0.5rem;
	padding:0;
}
.panier .TPanier td .checkout label{
	font-size:1.4rem;
	margin:0;
	padding:0.25rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#FFF;
	background-color:#000;
	flex:6;
}
.panier .TPanier td .checkout input{
	margin:0;
	padding:0.25rem;
	min-width:0;
	flex:3;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#343832;
	background-color:#FFF;
}
.panier .TPanier td .checkout a{
	flex:1;
	margin:0;
	padding:0.25rem;
	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 .TPanier td .cadr{
	display:block;
	text-align:center;
	width: auto;
	margin:0 auto;
	padding:0.5rem;
	border:1px solid #000;
	border-radius:0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.panier .TPanier td .black{
	color:#FFF;
	background-color:#000;
	text-align:center;
}
.panier .TPanier td .black a{
	color:#FFF;
}
.panier .TPanier td h4{
	font-size:1.9rem;
	text-align:left;
	font-weight: 300;
	margin:0 auto;
	padding:0;
}
.panier .TPanier td h4.mt0{
	margin-top:0.3rem;
}
.panier .TPanier ul.calcul_trsp {
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	font-size:0;
	font-weight:300;
	background-color:#FFF;
}
.panier .TPanier ul.calcul_trsp li{
	display:inline-block;
	vertical-align : middle;
	text-align:center;
	width:48%;
	margin:0 auto;
	padding: 0;
	font-size:1.9rem;
	color:#343832;
}
.panier .TPanier ul.calcul_trsp li:first-of-type{
	margin-right:4%;
}
.panier .TPanier ul.calcul_trsp li select{
	display:block;
	width: 100%;
	background-color: #FFF;
	font-weight : 300;
	text-align : center;
	margin:0 auto;
	padding:0;
	color:#343832;
	-webkit-text-fill-color:#343832;
	font-size:1.9rem;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	line-height:3rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	font-family:inherit;
}
.panier .TPanier ul.calcul_trsp li input{
	width: 100%;
	background-color: #FFF;
	font-weight : 300;
	text-align : center;
	margin:0 auto;
	padding: 0;
	color:#343832;
	-webkit-text-fill-color:#343832;
	border:none;
	line-height:3rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	font-size:1.9rem;
}
#telecharger{
	display:none;
}
.panier .TPanier tr.coupon{
  	align-items: center;
}
.panier .TPanier tr.coupon label{
	margin:0 auto;
	margin-left:2.5rem;
	padding:0;
	text-align:left;
	border:none;
	font-size:1.9rem;
	color:#343832;
	font-weight: 300;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	background:transparent;
	line-height:normal;
	white-space:normal;
}
.panier .TPanier tr.coupon label::after{
	display:none;
}
.panier .TPanier tr.coupon input.checkbox{
	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.9rem;
	text-align:center;
	font-weight: 300;
	position:absolute;
}
.panier .TPanier tr.coupon input.checkbox:checked:before {
    background-color:#343832;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	content: "\2714";
	width:1.8rem;
	height:1.8rem;
	position:absolute;
	display:table-cell;
	line-height:1.5rem;
	font-weight: 300;
}
.panier .TPanier tr.coupon input.loyalty_code{
	display:inline-block;
	vertical-align:middle;
	width: 12rem;
	min-height:inherit;
	background-color: #FFF;
	font-weight : normal;
	text-align : center;
	font-size:1.9rem;
	margin:0 auto;
	padding:0.5rem;
	color:#343832;
	-webkit-text-fill-color:#343832;
	border:none;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	display:none;	
}
.panier .TPanier tr.coupon a{
	margin:0;
	margin-left:1rem;
	padding:0.5rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#FFF;
	background-color:#000;
	display:none;	
}
#shipping_delivery{
	max-width:40rem;
}

/*********** part of members ********/
.panier .TPanier .dlivraison{
	width: 100%;
	height: auto;
	margin:0 auto;
	padding: 0;
	color:#343832;
	-webkit-text-fill-color:#343832;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	font-size:1.9rem;
    overflow: hidden;
}
.panier .TPanier .dlivraison input{
	display: none;
}
.panier .TPanier .dlivraison label{
	display: block;
	padding: 1rem;
    text-align: center;
	cursor: pointer;
	background-color: #FFF;
	color:#343832;
	-webkit-text-fill-color:#343832;
}
.panier .TPanier .dlivraison label:hover, .panier .TPanier .dlivraison label.active{
	background-color: #000;
    color: #FFF;
	-webkit-text-fill-color: #FFF;
}
.panier .TPanier .dlivraison input:checked ~ label{
	background-color: #000;
    color: #FFF;
	-webkit-text-fill-color: #FFF;
}
.panier .TPanier .otheraddress input{
	display: inline-block;
    vertical-align: bottom;
    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.9rem;
	text-align:center;
	font-weight: 300;
    position: relative;
}
.panier .TPanier .otheraddress input:checked:before {
    background-color: #000;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	content: "\2714";
	width:1.7rem;
	height:1.7rem;
    line-height: 1.6rem;
	font-weight: 300;
    position: absolute;
	top: 0;
    left: 0;
}
#otheraddress:checked ~ .telecharger_panier{
    display: block;
}
.panier .TPanier .otheraddress label{
	display: inline-block;
    width: auto;
	height: auto;
	margin:0;
	padding:0;
	font-size:1.9rem;
	font-weight:500;
}
.panier .TPanier .otheraddress .telecharger_panier{
	font-size:1.9rem;
	margin:0 auto;
	margin-top:1rem;
	padding:1.5rem 3rem;
	overflow:hidden;
	color:#343832;
	-webkit-text-fill-color:#343832;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
    display: none;
}
.panier .TPanier .otheraddress .telecharger_panier fieldset{
	display:block;
	width:100% ;
	height:auto;
	margin:0 auto;
	margin-bottom:1rem;
	padding:0;
	text-align:left;
	font-size:0;
}
.panier .TPanier .otheraddress .telecharger_panier label{
	display:inline-block;
	vertical-align:top;
	width:40% ;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1.9rem;
	color:#343832;
	-webkit-text-fill-color:#343832;
}
.panier .TPanier .otheraddress .telecharger_panier input, .panier .TPanier .otheraddress .telecharger_panier textarea#msglivr0{
	display:inline-block;
	width:60%;
    height: 3rem;
	background-color:#FFF;
	font-weight: 300;
	color:#343832;
	-webkit-text-fill-color:#343832;
	border:none;
	opacity:1;
	font-size:1.9rem;
	border:1px solid #000;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	outline:none;
	padding: 0.5rem;
}
.panier .TPanier .otheraddress .telecharger_panier textarea#msglivr0{
	min-height:6rem;
}
.panier .TPanier .otheraddress .telecharger_panier select{
	width: 60%;
	height:3rem;
	line-height:normal;
	background-color: #FFF;
	font-weight : normal;
	text-align : center;
	margin:0 auto;
	padding: 0;
	border:none;
	color:#343832;
	-webkit-text-fill-color:#343832;
	font-size:1.9rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
    background-image: url("../images/smembers/drop_down_arrow.svg");
    background-repeat: no-repeat;
    background-position: right 2rem center;
    cursor: pointer;
}
.panier .TPanier .otheraddress .telecharger_panier fieldset#cp_ville > input:first-of-type {
	max-width:20% !important;
}
.panier .TPanier .otheraddress .telecharger_panier fieldset#cp_ville > input:last-of-type {
	max-width:39% !important;
	margin:0 0 0 1%;
}
.panier .TPanier .otheraddress .telecharger_panier input.red, .panier .TPanier .otheraddress .telecharger_panier select.red{
	border:1px solid #FF0000; 
}
.panier .TPanier .invoice_member span{
	display:table-cell;
	vertical-align: middle;
    width: 40%;
    text-align: left;
}
.panier .TPanier .invoice_member label{
	margin:0 auto;
	margin-left:2.5rem;
	padding:0;
	text-align:left;
	border:none;
	font-size:1.9rem;
	color:#343832;
	font-weight: 300;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	background:transparent;
	line-height:normal;
	white-space:normal;
}
.panier .TPanier .invoice_member label::after{
	display:none;
}
.panier .TPanier .invoice_member input.checkbox{
	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.9rem;
	text-align:center;
	font-weight: 300;
	position:absolute;
}
.panier .TPanier .invoice_member input.checkbox:checked:before {
    background-color: #000;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	content: "\2714";
	width:1.8rem;
	height:1.8rem;
	position:absolute;
	display:table-cell;
	line-height:1.5rem;
	font-weight: 300;
}
.panier .TPanier .invoice_member .CIFNIF{
    display: none;
    width: 60%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:right;
	font-size:0;
}
.panier .TPanier .invoice_member .CIFNIF label{
	display:inline-block;
	width:40% ;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1.9rem;
}
.panier .TPanier .invoice_member .CIFNIF input{
	display:inline-block;
	width:60%;
	margin:0;
	padding:0;
	background-color:#FFF;
	font-weight: 300;
	color:#343832;
	-webkit-text-fill-color:#343832;
	font-size:1.9rem;
	border:none;
	opacity:1;
	border:1px solid #000;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	outline:none;
	padding: 0.5rem;
}
.panier .TPanier .invoice_member .CIFNIF input.red{
	border:1px solid #FF0000; 
}
.panier .TPanier .invoice_member .CIFNIF.show{
	display:table-cell;	
}

/************************************** formulaire telecharger_panier **********************************/
.formulaires{
	width:50%;
	height:auto;
	margin:0 auto;
	margin-top:4rem;
	padding:0;
	color:#343832;
	font-size:1.9rem;
	text-align:center;
	display:none;/**/
}
.formulaires .back_devis{
	font-size:1.9rem;
	text-align:left;
	font-weight: 300;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
}
.formulaires .back_devis a img{
	display:inline-block;
	vertical-align:bottom;
}
.formulaires p{
	font-weight: 300;
	margin:0 auto;
	padding:0;
	line-height:normal;
	font-style:normal;
}
.formulaires h2, .formulaires h3{
	font-size:1.9rem;
	font-weight: 300;
	text-align:center;
	line-height: normal;
	margin:1rem auto;
}
.formulaires h3{
	font-weight:600;
	margin-bottom:0;
}
.formulaires .telecharger_panier{
	font-size:1.9rem;
	margin:0 auto;
	margin-top:1rem;
	padding:1.5rem 3rem;
	overflow:hidden;
	color:#343832;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.formulaires .telecharger_panier fieldset{
	display:block;
	width:100% ;
	height:auto;
	margin:0 auto;
	margin-bottom:1rem;
	padding:0;
	text-align:left;
	font-size:0;
}
.formulaires .telecharger_panier label{
	display:inline-block;
	vertical-align:top;
	width:40% ;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1.9rem;
}
.formulaires .telecharger_panier input, .formulaires .telecharger_panier textarea#msgres, .formulaires .telecharger_panier textarea#msglivr{
	display:inline-block;
	width:60%;
	background-color:#FFF;
	font-weight: 300;
	color:#343832;
	-webkit-text-fill-color:#343832;
	border:none;
	opacity:1;
	font-size:1.9rem;
	border:1px solid #000;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	outline:none;
	padding: 0.5rem;
}
.formulaires .telecharger_panier textarea#msgres, .formulaires .telecharger_panier textarea#msglivr{
	min-height:6rem;
}
.formulaires .telecharger_panier input.red{
	border:1px solid #FF0000; 
}
.formulaires .telecharger_panier button{
	float:right;
	background-color:#000;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	margin:0 auto;
	padding:1rem 2rem;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	font-size:1.9rem;
}
#erreurstockres{
	margin-top:1rem;
	font-size:1.9rem;
}

/************************************** formulaire commander_panier **********************************/
#erreurfact{
	margin-top:1rem;
	font-size:1.9rem; 
}
.formulaires .telecharger_panier fieldset.select_pays select{
	width: 60%;
	height:auto;
	line-height:normal;
	background-color: #FFF;
	font-weight : normal;
	text-align : center;
	margin:0 auto;
	padding: 0.5rem;
	border:none;
	color:#343832;
	-webkit-text-fill-color:#343832;
	font-size:1.9rem;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.formulaires .telecharger_panier fieldset.select_pays .red{
	border:1px solid #FF0000;
}
.formulaires .telecharger_panier fieldset#cp_ville > input:first-of-type {
	max-width:20%;
}
.formulaires .telecharger_panier fieldset#cp_ville > input:last-of-type {
	max-width:39%;
	margin:0 0 0 1%;
	float:right;
}
.formulaires .divInvoice{
	display:block;
	text-align: center;
	width: 100%;
	height: auto;
	margin:0 auto;
	margin-top:1rem;
	padding: 0;
	text-align:left;
	border:none;
	font-size:1.9rem;
	color:#343832;
	font-weight: 300;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	background:transparent;
}
.formulaires .divInvoice label{
	margin:0 auto;
	padding:0;
	text-align:left;
	border:none;
	font-size:1.9rem;
	color:#343832;
	font-weight: 300;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	background:transparent;
	left:1.5rem;
	line-height:normal;
	white-space:normal;
}
.formulaires .divInvoice label::after{
	display:none;
}
.formulaires .divInvoice input.checkbox{
	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.9rem;
	text-align:center;
	font-weight: 300;
}
.formulaires .divInvoice input.checkbox:checked:before {
    background-color: #000;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	content: "\2714";
	width:1.8rem;
	height:1.8rem;
	display:table-cell;
	line-height:1.5rem;
	font-weight: 300;
}
.formulaires .info_livr_fact{
	display:block;
	text-align: center;
	width: 100%;
	height: auto;
	margin:0 auto;
	margin-top:1rem;
	padding: 0;
	text-align:center;
	border:none;
	font-size:1.9rem;
	color:#343832;
	font-weight: 300;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	background:transparent;
}
.formulaires .info_livr_fact span{
	display: inline-block;
	width:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
}
.formulaires .info_livr_fact label{
	margin:0 auto;
	padding:0;
	text-align:left;
	border:none;
	font-size:1.9rem;
	color:#343832;
	font-weight: 300;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	background:transparent;
	margin-left:0.5rem;
	margin-right:2rem;
	line-height:normal;
}
.formulaires .info_livr_fact label::after{
	display:none;
}
.formulaires .info_livr_fact input.radio{
	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.9rem;
	text-align:center;
	font-weight: 300;
}
.formulaires .info_livr_fact input.radio:checked:before {
    background-color: #000;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	content: "\2714";
	width:1.8rem;
	height:1.8rem;
	display:table-cell;
	line-height:1.5rem;
	font-weight: 300;
}
.formulairesi .info_livr_fact label.ui-radio-on{
    background-color:#000;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
}
.formulaires .info_livr_fact span.CIFNIF1{
	display:none;
	width: auto;
	height:auto;
	margin:0 auto;
	margin-bottom:0.5rem;
	padding:0;
	text-align:left;
	font-size:0;
}
.formulaires .info_livr_fact span.CIFNIF1 label{
	display:inline-block;
	width:40% ;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1.9rem;
	left:0;
}
.formulaires .info_livr_fact span.CIFNIF1 input{
	display:inline-block;
	width:60%;
	margin:0;
	padding:0;
	background-color:#FFF;
	font-weight: 300;
	color:#343832;
	-webkit-text-fill-color:#343832;
	font-size:1.9rem;
	border:none;
	opacity:1;
	border:1px solid #000;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	outline:none;
	padding: 0.5rem;
}
.formulaires .info_livr_fact span.CIFNIF1 input.red{
	border:1px solid #FF0000; 
}
.formulaires .info_livr_fact span.CIFNIF1.show{
	display:inline-block;	
}
.formulaires .divBiling{
	display:none;	
}
.formulaires .divBiling.show{
	display:block;	
}
.formulaires .fieldset_resp_2{
	display:block;
	text-align: center;
	width: 100%;
	height: auto;
	margin:0 auto;
	margin-top:1rem;
	padding: 0;
	text-align:left;
	border:none;
	font-size:1.9rem;
	color:#343832;
	font-weight: 300;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	background:transparent;
}
.formulaires .fieldset_resp_2 label{
	margin:0 auto;
	padding:0;
	text-align:left;
	border:none;
	font-size:1.9rem;
	color:#343832;
	font-weight: 300;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	background:transparent;
	left:0;
	line-height:normal;
	white-space:normal;
	cursor:pointer;
}
.formulaires .fieldset_resp_2 label a{
	font-size:1.9rem;
	color:#343832;
	font-weight: 300;
	border:none;
	text-decoration:none;
}

.formulaires .fieldset_resp_2 label::after{
	display:none;
}
.formulaires .fieldset_resp_2 input{
	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.9rem;
	text-align:center;
	font-weight: 300;
}
.formulaires .fieldset_resp_2 input:checked:before {
    background-color: #000;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	content: "\2714";
	width:1.8rem;
	height:1.8rem;
	display:table-cell;
	line-height:1.5rem;
	font-weight: 300;
}
.formulaires button{
	background-color:#000;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	margin:0 auto;
	margin-top:2rem;
	padding:1rem 2rem;
	outline:none;
	border:none;
	font-size:1.9rem;
}
.formulaires #divStockFormFact{
	display:none;
}
.formulaires .telecharger_panier fieldset.CIFNIF2{
	display:none;
}
.formulaires .telecharger_panier fieldset.CIFNIF2.show{
	display:block;
}
#knowledge{
	max-width:40%;
}
.OK{
	display:inline-block;
	background-color:#343832;
	color:#fff;
	margin:2rem auto;
	padding:0.5rem 5rem;
	border:1px solid #343832;
	border-radius: 1rem;
	-moz-border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-o-border-radius: 1rem;
}

/******************************************************************** Page Members Regiter **************************************************************************/
.page_members{
	display:flex;
	flex-direction: row;
	justify-content: space-evenly;
    align-items: center;
	align-content: center;
    column-gap: 4rem;
	width:100%;
	height:100%;
	margin: 0 auto;
	padding: 2rem;
	padding-bottom:4rem;
	overflow: hidden;
    background-image: url("../images/smembers/members.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color:#343832;
    font-size:1.9rem;
    font-weight: 400;
}
.page_members .register{
    display:flex;
	flex-direction: column;
	justify-content: flex-start;
    align-items: flex-end;
	align-content: flex-start;
    margin: 0;
    padding: 2rem;
    width: 50rem;
    border: none;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 4px 4px 15px 10px rgba(0,0,0,0.25);
    -webkit-box-shadow: 4px 4px 15px 10px rgba(0,0,0,0.25);
    -moz-box-shadow: 4px 4px 15px 10px rgba(0,0,0,0.25);
    -ms-box-shadow: 4px 4px 15px 10px rgba(0,0,0,0.25);
    -o-box-shadow: 4px 4px 15px 10px rgba(0,0,0,0.25);
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-o-border-radius: 2rem;
}
.page_members .register legend{
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
}
.page_members .register fieldset{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
    align-items: baseline;
	align-content: flex-end;
    column-gap: 2rem;
	width:100%;
    margin: 0;
    margin-top: 1rem;
    padding: 0;
    font-size:1.9rem;
    font-weight: 400;
    text-align: left;
}
.page_members .register fieldset:first-of-type{
    margin-top: 4rem;
}
.page_members .register .radio{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
    align-items: flex-start;
	align-content: flex-start;
    row-gap: 1rem;
    margin-top: 4rem;
}
.page_members .register .radio p{
	display:flex;
    justify-content: flex-start;
    align-items: center;
	width:100%;
    margin: 0;
    padding: 0;
    text-align: left;
}
.page_members .register .radio label{
	display:inline-block;
	vertical-align: baseline;
    text-align: left;
}
.page_members .register .radio input{
	width:2rem;
	height:2rem;
	line-height:2rem;
	margin:0;
	margin-right:0.5rem;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #5E5E5E;
    content: '';
    color: #FFF;
    text-align: center;
    position: relative;
}
.page_members .register .radio input:checked:before{
    position:absolute;
	top:0;
	left:0.2rem;
	content: "\2714";
}
.page_members .register fieldset input{
	width:auto;
    height: 2rem;
    font-size:1.9rem;
    font-weight: 400;
    color:#343832;
    background-color: transparent;
    border-bottom: 1px solid #000;
}
.page_members .register fieldset select{
	width: 30rem;
    height: 2rem;
    font-size:1.9rem;
    font-weight: 400;
    color:#343832;
    text-align: center;
	background-color: transparent;
    border-bottom: 1px solid #000;
    background-image: url("../images/smembers/drop_down_arrow.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
}
.page_members .register fieldset input.red, .page_members .register fieldset select.red{
    border-bottom: 1px solid #FF0000;
}
.page_members .register button{
	width: auto;
    height: auto;
    margin: 0 auto;
    margin-top: 4rem;
    padding: 0.5rem 3rem;
    font-size:1.9rem;
    font-weight: 400;
    color: #FFF;
    text-align: center;
	background-color: #5E5E5E;
    border: none;
}
.page_members .access h1{
    font-size: 2.4rem;
    font-weight: 500;
}
.page_members .access .details{
    font-size:1.9rem;
    font-weight: 400;
}

/******************************************************************** Page Members Space **************************************************************************/
.page_spmembers{
	display:block;
	width:100%;
	height:auto;
	min-height:calc(100vh - 17rem);
	margin: 0 auto;
    margin-top: 2rem;
	padding: 0 2rem;
	padding-bottom:4rem;
	overflow: hidden;
    background-color: #f6f6f6;
    color:#343832;
    font-size:1.9rem;
    font-weight: 400;
}
.page_spmembers h1{
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 2rem;
    padding: 0;
    text-align: left;
    font-size: 3rem;
    font-weight: 400;
}
.page_spmembers .space_contact{
    display:flex;
    flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
    align-items: flex-start;
	align-content: flex-start;
    column-gap: 6rem;
    margin: 0 auto;
    margin-top: 6rem;
    padding: 0;
    width: 100%;
    height: auto;
    border: none;
    background-color: transparent;
}
.page_spmembers .space{
    flex: 3;
    display:flex;
    flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-start;
    align-items: flex-start;
	align-content: flex-start;
    row-gap: 2rem;
    margin: 0;
    padding: 0;
    min-width: 60%;
    height: auto;
    text-align: left;
    border: none;
    background-color: transparent;
}
.page_spmembers .space .liens{
    display:inline-flex;
    flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
    align-items: flex-start;
	align-content: flex-start;
    column-gap: 4rem;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    text-align: left;
}
.page_spmembers .space .liens input{
    display:none;
}
.page_spmembers .space .liens label{
    flex-grow: 1;
    margin: 0;
    padding: 1rem 4rem;
    text-align: center;
    background-color: #FFF;
    box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.25);
    -webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.25);
    -ms-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.25);
    -o-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.25);
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
    cursor: pointer;
}
.page_spmembers .space .liens label.active{
    background-color: #9a9a9a;
    color: #FFF;
}
.page_spmembers .space > .profile, .page_spmembers .space > .historical{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    margin-top: 2rem;
    padding: 0;
    display: none;
}
.page_spmembers .space > .profile.active, .page_spmembers .space > .historical.active{
    display: block;
}
.page_spmembers .profile .MemberProfile, .page_spmembers .profile .MemberPass{
	display:block;
    width: 100%;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
}
.page_spmembers .profile .MemberProfile form, .page_spmembers .profile .MemberPass form{
	display:none;
    width: 80%;
	height:auto;
	margin:0;
    margin-top: 2rem;
	padding: 0;
	text-align:right;
}
.page_spmembers .profile .MemberProfile > label, .page_spmembers .profile .DeliveryDetails > label, .page_spmembers .profile .MemberPass > label{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-size:1.9rem;
    font-weight: 500;
    cursor: pointer;
}
.page_spmembers .profile .MemberProfile label img, .page_spmembers .profile .DeliveryDetails label img, .page_spmembers .profile .MemberPass label img{
    display: inline-block;
    vertical-align: baseline;
    margin-left: 1rem;
}
#editbilling, #editdelivery, #editpassword{
    display: none;
}
#editbilling:checked ~ #MemberProfile{
	display: block;
}
#editdelivery:checked ~ .AllDeliveryDetails{
	display: flex;
}
#editpassword:checked ~ #MemberPass{
	display: block;
}
#editbilling:checked + label > img, #editdelivery:checked + label > img, #editpassword:checked + label > img{
	transform: translate(0, 15%) rotate(90deg);
	-webkit-transform: translate(0, 15%) rotate(90deg);
	-moz-transform: translate(0, 15%) rotate(90deg);
	-o-transform: translate(0, 15%) rotate(90deg);
	-ms-transform: translate(0, 15%) rotate(90deg);
}
.page_spmembers .profile .MemberProfile fieldset{
	display:block;
	width:100% ;
	height:auto;
	margin:0;
	margin-bottom:1rem;
	padding:0;
	text-align:left;
	font-size:0;
}
.page_spmembers .profile .MemberProfile label{
	display:inline-block;
	vertical-align:top;
	width:40% ;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1.9rem;
}
.page_spmembers .profile .MemberProfile input{
	display:inline-block;
	width:60%;
	background-color:#FFF;
	font-weight: 300;
	color:#343832;
	-webkit-text-fill-color:#343832;
	border:none;
	opacity:1;
	font-size:1.9rem;
	border:1px solid #000;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	outline:none;
	padding: 0.5rem;
}
.page_spmembers .profile .MemberProfile .select_pays select{
	width: 60%;
	height:auto;
	line-height:normal;
	background-color: #FFF;
	font-weight : normal;
	text-align : center;
	margin:0 auto;
	padding: 0.5rem;
	border:none;
	color:#343832;
	-webkit-text-fill-color:#343832;
	font-size:1.9rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
    background-image: url("../images/smembers/drop_down_arrow.svg");
    background-repeat: no-repeat;
    background-position: right 2rem center;
    cursor: pointer;
}
.page_spmembers .profile .MemberProfile .select_pays .red{
	border:1px solid #FF0000;
}
.page_spmembers .profile .MemberProfile .cp_ville > input:first-of-type {
	width:20%;
}
.page_spmembers .profile .MemberProfile .cp_ville > input:last-of-type {
	width:37%;
	float:right;
}
.page_spmembers .profile .MemberProfile input.red{
	border:1px solid #FF0000; 
}
.page_spmembers .profile .MemberProfile button{
	display: inline-block;
    background-color:#000;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	margin:0;
	padding:1rem 2rem;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	font-size:1.9rem;
    cursor: pointer;
}
.page_spmembers .profile .MemberProfile .tooltip1{
	cursor: pointer;
}
.page_spmembers .profile .MemberProfile .tooltip1 span{
	z-index:3;
	font-size:1.4rem;
	display:none; 
	padding:10px 15px;
	line-height:normal;
	font-weight: 300;
	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;
}
.page_spmembers .profile .MemberProfile .tooltip1 span {
	margin-top: -30px; 
	margin-left:10px;
	width:200px; 
}
.page_spmembers .profile .MemberProfile .tooltip1:hover span{
	display:inline; 
	position:absolute; 
	border:0;  
	color:#343832;
	background:#fff;
}
#errorprofile, #errorpass, #errordeliv{
	margin: 0 auto;
    padding: 0;
    text-align: center;
	font-size:1.9rem;
}
.page_spmembers .profile hr{
    width: 100%;
    height: 0;
    margin: 2rem auto;
    padding: 0;
    border: 1px solid #000;
}
.page_spmembers .profile .AllDeliveryDetails{
    display:flex;
    flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
    align-items: stretch;
	align-content: flex-start;
    column-gap: 2rem;
    row-gap: 2rem;
	width: 100%;
	height: auto;
	margin:0 auto;
    margin-top: 2rem;
	padding: 0;
	color:#343832;
	-webkit-text-fill-color:#343832;
	font-size:1.9rem;
	display:none;
}
.page_spmembers .profile .dlivraison{
	flex: 1 0 auto;
    max-width: 30%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
	margin:0;
	padding: 1rem;
	color:#343832;
	-webkit-text-fill-color:#343832;
    background-color: #FFF;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	font-size:1.9rem;
    overflow: hidden;
}
.page_spmembers .profile .DeliveryDetails form{
	display:none;
    width: 80%;
	height:auto;
	margin:0;
    margin-top: 2rem;
	padding: 0;
	text-align:right;
}
.page_spmembers .profile .DeliveryDetails form fieldset{
	display:block;
	width:100% ;
	height:auto;
	margin:0;
	margin-bottom:1rem;
	padding:0;
	text-align:left;
	font-size:0;
}
.page_spmembers .profile .DeliveryDetails form label{
	display:inline-block;
	vertical-align:top;
	width:40% ;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1.9rem;
}
.page_spmembers .profile .DeliveryDetails form input{
	display:inline-block;
	width:60%;
	background-color:#FFF;
	font-weight: 300;
	color:#343832;
	-webkit-text-fill-color:#343832;
	border:none;
	opacity:1;
	font-size:1.9rem;
	border:1px solid #000;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	outline:none;
	padding: 0.5rem;
}
.page_spmembers .profile .DeliveryDetails form .select_pays select{
	width: 60%;
	height:auto;
	line-height:normal;
	background-color: #FFF;
	font-weight : normal;
	text-align : center;
	margin:0 auto;
	padding: 0.5rem;
	border:none;
	color:#343832;
	-webkit-text-fill-color:#343832;
	font-size:1.9rem;
	border:1px solid #000;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
    background-image: url("../images/smembers/drop_down_arrow.svg");
    background-repeat: no-repeat;
    background-position: right 2rem center;
    cursor: pointer;
}
.page_spmembers .profile .DeliveryDetails form .select_pays .red{
	border:1px solid #FF0000;
}
.page_spmembers .profile .DeliveryDetails form .cp_ville > input:first-of-type {
	width:20%;
}
.page_spmembers .profile .DeliveryDetails form .cp_ville > input:last-of-type {
	width:37%;
	float:right;
}
.page_spmembers .profile .DeliveryDetails form input.red{
	border:1px solid #FF0000; 
}
.page_spmembers .profile .DeliveryDetails form button{
	display: inline-block;
    background-color:#000;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	margin:0;
	padding:1rem 2rem;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	font-size:1.9rem;
    cursor: pointer;
}

.page_spmembers .profile .dlivraison label{
    width: 100%;
    height: auto;
}
.page_spmembers .profile .dlivraison img{
    width: 25px;
    height: auto;
    vertical-align: bottom;
    cursor: pointer;
}
.page_spmembers .profile .MemberPass fieldset{
	display:block;
	width:100% ;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	font-size:0;
}
.page_spmembers .profile .MemberPass label{
	display:inline-block;
	vertical-align:top;
	width: 40%;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	font-size:1.9rem;
}
.page_spmembers .profile .MemberPass input{
	display: inline-flex;
    align-items: flex-end;
	width: auto;
	background-color:#FFF;
	font-weight: 300;
	color:#343832;
	-webkit-text-fill-color:#343832;
	border:none;
	opacity:1;
	font-size:1.9rem;
	border:1px solid #000;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	outline:none;
    margin: 0 auto;
    margin-right: 1rem;
    margin-bottom: 1rem;
	padding: 0.5rem;
}
.page_spmembers .profile .MemberPass button{
	display: block;
    background-color:#000;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	margin:0 auto;
	padding:1rem 2rem;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	font-size:1.9rem;
    cursor: pointer;
}

.page_spmembers .space .historical table{
	width:100%;
	text-align:center;
	color:#343832;
	font-weight: 300;
	border-collapse: collapse;
	margin:0 auto;
	padding:0;
}
.page_spmembers .space .historical table th{
	background-color:#9a9a9a;
    color: #FFF;
	border:1px solid #000;
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
	height:4rem;
    padding: 0 1rem;
}
.page_spmembers .space .historical table tr{
	min-height:3rem;
}
.page_spmembers .space .historical table tr:nth-child(odd){
	background: #DFDFDF;
}
.page_spmembers .space .historical table tr:nth-child(even){
	background:#FFF;
}
.page_spmembers .space .historical table td{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
	text-align: left;
	vertical-align:middle;
	border:1px solid #000;
}

.page_spmembers .moreinfo{
    flex: 1;
    width: 30%;
    height: auto;
}
.page_spmembers .contact{
    display:flex;
    flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
    align-items: flex-start;
	align-content: flex-start;
    row-gap: 4rem;
    margin: 0;
    padding: 2rem;
    width: 100%;
    height: auto;
    text-align: left;
    border: 1px solid #000;
    background-color: #FFF;
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-o-border-radius: 2rem;
}
.page_spmembers .contact h2{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-size: 3rem;
    font-weight: 400;
}
.page_spmembers .tracking{
    display:flex;
    flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
    align-items: flex-start;
	align-content: flex-start;
    row-gap: 4rem;
    margin: 0;
    margin-top: 4rem;
    padding: 2rem;
    width: 100%;
    height: auto;
    text-align: left;
    border: 1px solid #000;
    background-color: #FFF;
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-o-border-radius: 2rem;
    display: none;
}
.page_spmembers .tracking.active{
    display:flex;
}
.page_spmembers .tracking h2{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-size: 3rem;
    font-weight: 400;
}


.page_spmembers .register legend{
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
}
.page_spmembers .register fieldset{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
    align-items: baseline;
	align-content: flex-end;
    column-gap: 2rem;
	width:100%;
    margin: 0;
    margin-top: 1rem;
    padding: 0;
    font-size:1.9rem;
    font-weight: 400;
    text-align: left;
}
.page_spmembers .register fieldset:first-of-type{
    margin-top: 4rem;
}
.page_spmembers .register .radio{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
    align-items: flex-start;
	align-content: flex-start;
    row-gap: 1rem;
    margin-top: 4rem;
}
.page_spmembers .register .radio p{
	display:flex;
    justify-content: flex-start;
    align-items: center;
	width:100%;
    margin: 0;
    padding: 0;
    text-align: left;
}
.page_spmembers .register .radio label{
	display:inline-block;
	vertical-align: baseline;
    text-align: left;
}
.page_spmembers .register .radio input{
	width:2rem;
	height:2rem;
	line-height:2rem;
	margin:0;
	margin-right:0.5rem;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #5E5E5E;
    content: '';
    color: #FFF;
    text-align: center;
    position: relative;
}
.page_spmembers .register .radio input:checked:before{
    position:absolute;
	top:0;
	left:0.2rem;
	content: "\2714";
}
.page_spmembers .register fieldset input{
	width:auto;
    height: 2rem;
    font-size:1.9rem;
    font-weight: 400;
    color:#343832;
    background-color: transparent;
    border-bottom: 1px solid #000;
}
.page_spmembers .register fieldset select{
	width: 30rem;
    height: 2rem;
    font-size:1.9rem;
    font-weight: 400;
    color:#343832;
    text-align: center;
	background-color: transparent;
    border-bottom: 1px solid #000;
    background-image: url("../images/smembers/drop_down_arrow.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
}
.page_spmembers .register fieldset input.red, .page_spmembers .register fieldset select.red{
    border-bottom: 1px solid #FF0000;
}
.page_spmembers .register button{
	width: auto;
    height: auto;
    margin: 0 auto;
    margin-top: 4rem;
    padding: 0.5rem 3rem;
    font-size:1.9rem;
    font-weight: 400;
    color: #FFF;
    text-align: center;
	background-color: #5E5E5E;
    border: none;
}
.page_spmembers .access h1{
    font-size: 2.4rem;
    font-weight: 500;
}
.page_spmembers .access .details{
    font-size:1.9rem;
    font-weight: 400;
}


/************************************************************************************************MEDIA CSS**********************************************************************************/		

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

}