@charset "UTF-8";
* {
	margin:0;
	padding:0;
	border: 0;
	line-height:normal;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	letter-spacing: normal; 
	word-spacing: normal; 
	text-rendering: optimizespeed;
	/*font-weight:500;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: border-box;
	-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;*/
}
input, textarea, select, select option, option, button {
	font-size: inherit;
	-webkit-text-fill-color: currentcolor;
	font-family: inherit;
}
input:disabled, textarea:disabled, input:disabled::placeholder, textarea:disabled::placeholder, input::placeholder, textarea::placeholder {
	color: currentcolor;
	-webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
	-moz-text-fill-color: currentcolor;
	-ms-text-fill-color: currentcolor;
	-o-text-fill-color: currentcolor;
	opacity: 1; /* 2. correct opacity on iOS */
	
}
img, object, embed, canvas, video, audio, picture {
	max-width: 100%;
	height: auto;
}
:focus, img[usemap], map area{
	outline: none!important;
}
a{
	color: inherit;/* color black #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;
}
html, body {
	background-color: #FFF;
	color: #1C2A41;
	font-family: 'Urbanist';
	font-weight:normal;
}
html {
    font-size: 62.5%;
	width:100%;
	height:100%;
}
body {
    font-size: 18px;
	font-size: 1.8rem;
    line-height: normal; 
	margin: 0 auto;
	padding:0;
	width: 100%;
	min-width:1200px;
	min-height: 80%;
	text-align:center;
	font-weight:normal;
	word-wrap: break-word;
	position: relative;
}
h1, h2, h3, h4, h5, h6{
	font-size: 18px;
	font-size: 1.8rem;
	line-height:normal;
	font-weight:500;
}
/*input{
	width:60px;
	width:6rem;
	height:20px;
	height:2.5rem;
	padding: 5px;
	padding: .5rem;
	margin:0 5px 0 5px;
	margin:0 .5rem 0 .5rem;
	border:1px solid #000;
	background-color:#FFF;
	text-align:center;
	font-family: futura-pt, sans-serif;
	font-size:18px;
	font-size:1.8rem;
	color:#000;
	-webkit-text-fill-color: #000;
}*/
strong, .strong{
	font-weight:500;
}
.bold{
	font-weight:600;
}
.normal{
	font-weight: normal !important;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.justify{
	text-align:justify;
	/*text-align-last: center;
	-webkit-text-align-last: center;
	-moz-text-align-last: center;
	-ms-text-align-last: center;
	-o-text-align-last: center;*/
}
.fll{
	float:left;
}
.flr{
	float:right;
}
.underline{
	text-decoration:underline;
}
.no-mg{
	margin:0;
}
.auto-mg{
	margin:auto;
}
.gris{
	color: #888;
}
.gris a{
	color: #888;
}
.gris_header{
	color: #c6c0c0;
}
.gris_header a{
	color: #c6c0c0;
}
.font-big-big{
	font-size:24px;
	font-size:2.4rem;
}
.font-big{
	font-size:22px;
	font-size:2.2rem;
}
.font-medium{
	font-size:18px;
	font-size:1.8rem;
}
.font-small{
	font-size:14px;
	font-size:1.4rem;
}
.ml0{
	margin-left:.5rem;
}
.ml1{
	margin-left:1rem;
}
.ml2{
	margin-left:2rem;
}
.ml3{
	margin-left:3rem;
}
.ml4{
	margin-left:4rem;
}
.ml5{
	margin-left:5rem;
}
.ml6{
	margin-left:6rem;
}
.ml7{
	margin-left:7rem;
}
.mt0{
	margin-top: .5rem;
}
.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;
}
.mr7{
	margin-right:7rem;
}
.mb0{
	margin-bottom:0.5rem;
}
.mb1{
	margin-bottom:1rem;
}
.valt{
	vertical-align:top;
}
.valb{
	vertical-align:bottom;
}
.valm{
	vertical-align:middle;
}
.normal{
	font-weight:normal;
}
.dinl{
	display:inline;
}
.dinlb{
	display:inline-block;
}
.db{
	display:block;
}
.italic{
	font-style:italic;
}
.red{
	color: #BE6154;
}
.pdt0{
	padding-top:.5rem;
}
.pdl0{
	padding-left:0.5rem;
}
.pdr0{
	padding-right:.5rem;
}
.pdlr1{
	padding-left:1rem;
	padding-right:1rem;
}
.pdlr2{
	padding-left:2rem;
	padding-right:2rem;
}
.no-disp{
	display:none;
}
.border{
	border:1px solid #FFF;
}
.linh1{
	line-height:1rem;
}
.linh1-5{
	line-height:1.5rem;
}
.linh2{
	line-height:2rem;
}
.green{
	color:#19c719;
}

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

/****************************************************************************** Panel ****************************************************************************************/
.panel{
	position:absolute;
	top: 8.4rem;
	right: 0;
	width: 0;
	height:calc(100vh - 11.7rem);
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:1.8rem;
	color:#E9D1BB;
	background: rgba(0, 0, 0, 0.78);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	z-index:9;
	transition-duration: .2s;
	border-top:1px solid rgba(255,255,255,0.37);
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.panel::-webkit-scrollbar{
  display: none;
}
.panel ul{
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin:0 auto;
	padding:0;
	width: auto;
	height: auto;
	text-align:center;
	position:relative;
}
.panel ul li{
	display: block;
	margin:0;
	padding:1.5rem 3rem;
	width: 100%;
	height:auto;
	text-align:left;
	color: #ffffff;
	border-bottom:1px solid rgba(255,255,255,0.37);
}
.panel ul li.no-brd{
	border-bottom:none;
}
.panel ul li.mt{
	margin-top: 6rem;
}
.panel .gold a{
    color: #f7be00;
}
.panel ul li a{
	color: #ffffff;
	text-shadow: 5px 5px 5px #000000;
	  -webkit-text-shadow: 5px 5px 5px #000000;
	  -moz-text-shadow: 5px 5px 5px #000000;
	  -ms-text-shadow: 5px 5px 5px #000000;
	  -o-text-shadow: 5px 5px 5px #000000;
}
.panel ul li.media{
	display:flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	column-gap:1rem;
	border-bottom: none;
}
.panel ul li.media img{
	width:40px;
	height:auto;
}

/************************ header paypal *********************/
.header ul.header_Pay{
	margin: 0 auto;
	margin-top:3.1rem;
	padding:1rem;
	text-align:center;
	clear:both;
}
.header ul.header_Pay li{
	font-size:14px;
	font-size:1.4rem;
	padding: 0 1rem;
	margin:0;
}
.header ul.header_Pay li img{
	vertical-align:middle;
}
.header ul.header_Pay li h1{
	font-size:60px;
	font-size:6rem;
	display:inline-block;
	margin:0 0 0 1rem;
	padding:0;
	line-height: normal;
	font-weight:500;
	vertical-align: middle;
}
.header ul.header_Pay li h1 span{
	font-size:40px;
	font-size:4rem;
	font-weight:normal;
	color:#888;
	font-style:italic;
	margin:0;
	padding:0;
}

/************************ descriminateur langues **************************/
.descriminateur{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height: 100%;
	text-align:center;
	margin: 0;
	padding:0;
	z-index:9999999;
	color: #000;
	background: rgba(255,255,255,0.3);
}
.descriminateur div.content{
	position: fixed;
	width: 100%;
	height: 100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	text-align:center;
	margin: 0;
	padding:0;
	opacity: 1;
	background: rgba(0,0,0,0.3);
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.descriminateur div.content span.barre{
	display: inline-block;
	vertical-align:middle;
	width: 0;
	height: 100%;
	text-align:center;
	margin: 0;
	padding:0;
}
.descriminateur div.content div{
	position:relative;
	display: inline-block;
	vertical-align:middle;
	max-width: auto;
	height: auto;
	text-align:left;
	margin: auto;
	padding:3rem 9rem;
	opacity: 1;
	border: 1px solid #000;
	background: white;
	border-radius:1.5rem;
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-o-border-radius: 1.5rem;
}
.descriminateur div.content div button{
	background-color:transparent;
	position:absolute;
	width:auto;
	top:0.7rem;
	right:1rem;
	margin:0;
	padding:0;
	border:none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	cursor:pointer;
}
.descriminateur div.content div h1{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	color:#000;
	font-size:2rem;
	text-align: center;
	font-style:normal;
	font-weight:600;
	text-decoration:none;
	line-height: normal;
}
.descriminateur div.content div ul.choixL{
	margin:0 auto;
	margin-top:2rem;
	text-align:center;
}
.descriminateur div.content div ul.choixL li{
	margin:0;
	padding:0;
	text-align:center;
	margin-top: 1rem;
}
.descriminateur div.content div ul.choixL li:first-of-type{
	margin:0;
}
.descriminateur div.content div ul.choixL li a{
	display: inline-block;
	margin:0;
	padding:0.4rem 1rem 0.6rem 1rem;
	font-size:1.8rem;
	border:1px solid #000;
	background-color: #000;
	color: #FFF;
	text-decoration:underline;
	border-radius: 0.8rem;
	-webkit-border-radius: 0.8rem;
	-moz-border-radius: 0.8rem;
	-ms-border-radius: 0.8rem;
	-o-border-radius: 0.8rem;
}
.descriminateur div.content div ul.choixL li:nth-of-type(2) a{
	background-color: #FFF;
	color: #000;
	font-size:1.6rem;
}
.descriminateur div.content div h2{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	color:#000;
	font-size:1.6rem;
	text-align: center;
	font-style:normal;
	text-decoration:none;
	line-height: 3rem;
	margin-top:2rem;
}
.descriminateur div.content div .others_lg {
	display: block;
	width:100%;
	margin-top:0.5rem;
	text-align:center;
}
.descriminateur div.content div .others_lg a{
	display: inline-block;
	margin-right:0.8rem;
	padding:0.5rem 1rem;
	font-size:1.4rem;
	border:1px solid #000;
	border-radius: 0.8rem;
	-webkit-border-radius: 0.8rem;
	-moz-border-radius: 0.8rem;
	-ms-border-radius: 0.8rem;
	-o-border-radius: 0.8rem;
}
.descriminateur div.content div .others_lg a:hover{
	text-decoration:underline;
}
.descriminateur div.content div .others_lg a:last-of-type{
	margin-right:0;
}
.descriminateur .content .popup2 {
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	row-gap: 0.5rem;
    margin: 0 auto;
    margin-top: 2rem;
    padding: 0;
}

/******************************************************************************* Main *****************************************************************************************/
.main{
	display:block;
	width: 100%;
	height:auto;
	margin:0 auto;
	padding:0;
	padding-bottom:4rem;
	text-align:center;
	font-size:1.8rem;
	color:#1C2A41;
	overflow: visible;
	background-color:#FFF;
}
.main.sim{
	background-color:#f8f5f3;
}
.main.panier{
	background-color:#f8f5f3;
}
.MCollections{
	display:flex;
    justify-content: center;
    align-items: center;
    column-gap: 2rem;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0 1rem;
	color:#717171;
	font-size:2.4rem;
    font-weight: 100;
	text-align:center;
	background-color:#f8f5f3;
}
.MCollections a{
	display: flex;
    flex-flow: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    column-gap: 0.3rem;
    padding: 1rem 0;
}
.MCollections a.active{
    font-weight: 400;
}
.MCollections a::before{
	content: '';
    font-size: 2rem;
    color: #f8f5f3;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
	content: '\0025CF';
}
.MCollections a:hover::before, .MCollections a.active::before{
    color: #595959;
}

/****************************************************************************** Page Index ************************************************************************************/
.page_index{
	width:100%;
	max-width: 1920px;
	margin: 0 auto;
	padding:0;
	font-size:1.8rem;
	text-align:center;
}
.page_index .note1, .page_index .note2{
	display:block;
	color:#1C2A41;
	font-weight: normal;
	font-size:1.8rem;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
}
.page_index .note1{
	text-align: left;
	font-size:2rem;
	padding:0 2rem;
}
.page_index .note2{
	width: 75%;
}
.page_index .gallery_index{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 16px 16px;
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div1 div2 div3 div3 div3 div4"
		"div5 div5 div6 div3 div3 div3 div4"
		"div5 div5 div7 div7 div8 div9 div9"
		"div10 div11 div7 div7 div12 div9 div9"
		"div13 div14 div14 div14 div12 div15 div15"
		"div16 div14 div14 div14 div17 div17 div17";
}
.div1 { grid-area: div1; position:relative;}
.div2 { grid-area: div2; position:relative;}
.div3 { grid-area: div3; position:relative;}
.div4 { grid-area: div4; position:relative;}
.div5 { grid-area: div5; position:relative; }
.div6 { grid-area: div6; position:relative; }
.div7 { grid-area: div7; position:relative;}
.div8 { grid-area: div8; position:relative;}
.div9 { grid-area: div9; position:relative;}
.div10 { grid-area: div10; position:relative;}
.div11 { grid-area: div11; position:relative;}
.div12 { grid-area: div12; position:relative;}
.div13 { grid-area: div13; position:relative;}
.div14 { grid-area: div14; position:relative;}
.div15 { grid-area: div15; position:relative;}
.div16 { grid-area: div16; position:relative;}
.div17 { grid-area: div17; position:relative;}
.div18 { grid-area: div18; position:relative;}
.div19 { grid-area: div19; position:relative;}
.div20 { grid-area: div20; position:relative;}
.div21 { grid-area: div21; position:relative;}
.div22 { grid-area: div22; position:relative;}

.book img{
	position:absolute; 
	top:0; left:0; 
	width:100%;
	z-index:0;
}
.book .img1{
	position:absolute;
	left:0;
	right:0;
	z-index:110;
	width:100%;
	height:auto;
	opacity:1;
}
.book .img2{
	filter : alpha(opacity=100);
	opacity:1; 
	transition:opacity 0.5s ease-in-out;
	-moz-transition:opacity 0.5s ease-in-out;
	-o-transition:opacity 0.5s ease-in-out;
	-ms-transition:opacity 0.5s ease-in-out;
	-webkit-transition:opacity 0.5s ease-in-out;
	z-index:100;
	width:100%;
}
.book:hover .img1{
	filter: alpha(opacity=0);
	opacity:0;
}
.page_index .gallery_index > div{
	cursor:pointer;
}
.page_index .gallery_index img, .page_index .gallery_index svg, .page_index .gallery_index video{
	border-radius: 0.8rem;
	-webkit-border-radius: 0.8rem;
	-moz-border-radius: 0.8rem;
	-ms-border-radius: 0.8rem;
	-o-border-radius: 0.8rem;
}
/************************************************************************************************** Stock Paris ***********************************************************************/
.pop_detailesP{
	display:none;
	padding:0;
	border-radius:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	height:auto;
	color:inherit;
	font-size:1.8rem;
	overflow:hidden;
}
.pop_detailesP 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;
}
#getdetails .blockP{
	display:block;
	margin:0 auto;
	padding:3rem 4rem;
	width:860px;
	height: auto;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	text-align:center;
	overflow:hidden;
	background-color:#FFF;
	border: 1px solid #666;
	border-radius:1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;
	position:relative;
	/*box-shadow: 20px 20px 20px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 20px 20px 20px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 20px 20px 20px 0px rgba(0,0,0,0.7);*/
}
#getdetails .blockP .top{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	column-gap: 3rem;
	margin:0 auto;
	padding:0;
	width:100%;
	height: auto;
}
#getdetails .blockP .bottom{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-end;
	column-gap: 3rem;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	width:100%;
	height: auto;
}

.page_stock .menu_stockP{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 14rem;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	padding:0 6rem;
	overflow:visible;
}
.page_stock .menu_stockP .news{
	flex:1;
	text-align:left;
	font-size:1.8rem;
	font-weight: normal;
}
.page_stock .menu_stockP .menu{
	flex:1;
	display:flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 3rem;
	width: auto;
	height:auto;
	margin:0;
	padding: 0;
	text-align:left;
}
.page_stock .menu_stockP .menu a{
	flex-grow: 1;
	text-align:center;
	padding: 0.5rem 1rem;
	border:1px solid #FFF;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	background-color:#FFF;
	color:#1C2A41;
	font-weight: normal;
}
.page_stock .menu_stockP .menu a:hover, .page_stock .menu_stockP .menu a.active{
	font-weight:500;
	border:1px solid #1C2A41;
}
.page_stock .menu_stockP .filtre_stock .hide_filres{
	display: none;
}
.page_stock .menu_stockP .filtre_stock{
	flex:1;
	display:flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1rem;
}
.page_stock .menu_stockP .filtre_stock a{
	padding:0.5rem 1.5rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	background-color:#FFF;
	color:#1C2A41;
}
.page_stock .menu_stockP .filtre_stock a.active{
	background-color:#1C2A41;
	color:#FFF;
}
#resultats .orderm2P{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	column-gap: 1.8%;
	margin: 0;
	margin-top:2rem;
	padding:0 1.5%;
	overflow:visible;
}
#resultats .orderm2P li{
	margin-bottom:1.8%;
	text-align:center;
	position:relative;
	overflow:visible;
}
#resultats ul li img{
	cursor:pointer;
	width:100%;
	height:auto;
}
#resultats .orderm2P li.w100_13{
	width:6%;
}

/************************************************************************************************* Page Stock ************************************************************************/
.page_stock{
	display:block;
	width:100%;
	max-width: 1920px;
	height:auto;
	margin: 0 auto;
	padding:0;
	overflow:visible;
}
.page_stock .note1, .page_stock .note2{
	display:block;
	color:#1C2A41;
	font-weight: normal;
	font-size:1.8rem;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
}
.page_stock .note2{
	width: 75%;
}
.page_stock .menu_stock{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1rem;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	padding:0 2rem;
	overflow:visible;
}
.page_stock .menu_stock .news{
	flex:1;
	text-align:left;
	font-size:1.8rem;
	font-weight: normal;
}
.page_stock .menu_stock .menu{
	flex:1;
	display:flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 3rem;
	width: auto;
	height:auto;
	margin:0;
	padding: 0;
	text-align:left;
}
.page_stock .menu_stock .menu a{
	flex-grow: 1;
	text-align:center;
	padding: 0.5rem 1rem;
	border:1px solid #FFF;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	background-color:#FFF;
	color:#1C2A41;
	font-weight: normal;
}
.page_stock .menu_stock .menu a:hover, .page_stock .menu_stock .menu a.active{
	font-weight:500;
	border:1px solid #1C2A41;
}
.page_stock .menu_stock .filtre_stock .hide_filres{
	display: none;
}
.page_stock .menu_stock .filtre_stock{
	flex:1;
	display:flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1rem;
}
.page_stock .menu_stock .filtre_stock a{
	padding:0.5rem 1.5rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	background-color:#FFF;
	color:#1C2A41;
}
.page_stock .menu_stock .filtre_stock a.active{
	background-color:#1C2A41;
	color:#FFF;
}
.page_stock .menu_stock .filtre_stock input{
	width:auto;
	max-width:13rem;
	height:3.5rem;
	margin:0;
	padding:0.5rem 1rem;
	padding-left:2rem;
	border:1px solid #1C2A41;
	background-color:#FFF;
	color:#1C2A41;
	text-align:center;
	font-size:1.8rem;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	background-image:url("https://carreaux-ciment.com/images4/commun/search_black.svg");
	background-repeat:no-repeat;
	background-position:1rem center;
	background-size: 15px auto;
}
.page_stock .menu_stock .filtre_stock input.active{
	background-color:#1C2A41;
	color:#FFF;
	background-image:url("https://carreaux-ciment.com/images4/commun/search_white.svg");
}
.page_stock .menu_stock .filtre_stock input:hover{
	cursor:text;
}
.page_stock .menu_stock .filtre_stock input:hover::placeholder{
	opacity:0;
}
.page_stock .menu_stock .filtre_stock input.checkbox{
	width:2rem;
	height:3.5rem;
	margin:0;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #FFF;
    border: 0px solid #1C2A41;
    outline: none;
	cursor:pointer;
	background-image:url(https://carreaux-ciment.com/images4/commun/plus.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 1.1rem auto;
}
.page_stock .menu_stock .filtre_stock input.checkbox:before{
	content: "";
}
.page_stock .menu_stock .filtre_stock input.checkbox:checked{
	display: none;
}
.page_stock .menu_stock .filtre_stock input.checkbox:checked + .hide_filres{
	display:flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1rem;
}
#resultats{
	width:100%;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	padding:0 2rem;
	font-size:1.8rem;
	text-align:center;
}
#resultats .blocks{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 3rem;
	grid-auto-flow: row;
	/*grid-template-columns: 7.41% 7.41% 7.41% 7.41% 7.41% 7.41% 7.41% 7.41% 7.41% 7.41% 7.41% 7.41%;
	grid-template-rows: 1% 1% 1% 1%;
	gap: 3% 1%;*/
		
	/*grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto; 
	grid-template-rows: auto auto auto auto; 
	gap: 3rem; */
	grid-template-areas: 
	"one one one two two two two three three four four four"
	"one one one six six six six three three eight eight eight"
	"five five five six six six six seven seven eight eight eight"
	"nine nine nine nine nine ten ten ten eleven eleven eleven eleven"; 
}
#resultats .blocks > div{
	display:flex;
	flex-flow:row wrap;
	justify-content: space-between;
	align-items: center;
	gap: 0;
	/*display:flex;
	align-items: center;*/
	margin:0;
	padding: 1rem 0.5rem ;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	overflow:visible;
	font-size:0;
}
#resultats .blocks div div{
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	padding:1rem;
	border-radius: 0;
	border:none;
	position:relative;
	overflow:visible;
	font-size:0;
}
#resultats .blocks div div img{ 
	margin:0;
	padding:0;
	width:100%;
	max-width:108px;
	height:auto;
	vertical-align:bottom;
}
#resultats .blocks img.ombre {
	box-shadow: 4px 4px 8px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, .5);
	-moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, .5);
}
#resultats .blocks img:hover{
	box-shadow: 8px 8px 10px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 8px 8px 10px rgba(0, 0, 0, .5);
	-moz-box-shadow: 8px 8px 10px rgba(0, 0, 0, .5);
}

#resultats .blocks .one { grid-area: one;}
#resultats .blocks .one div{width:29.33333333%; margin:0 2%;}
#resultats .blocks .two {grid-area: two;}
#resultats .blocks .two div{width:21%; margin:0 2%;}
#resultats .blocks .three {grid-area: three;}
#resultats .blocks .three div{width:46%; margin:0 2%;}
#resultats .blocks .four {grid-area: four;}
#resultats .blocks .four div{width:29.33333333%; margin:0 2%;}
#resultats .blocks .five {grid-area: five;}
#resultats .blocks .five div{width:29.33333333%; margin:0 2%;}
#resultats .blocks .six {grid-area: six;}
#resultats .blocks .six div{width:21%; margin:0 2%;}
#resultats .blocks .seven {grid-area: seven;}
#resultats .blocks .seven div{width:46%; margin:0 2%;}
#resultats .blocks .eight {grid-area: eight;}
#resultats .blocks .eight div{width:29.33333333%; margin:0 2%;}
#resultats .blocks .nine { grid-area: nine;}
#resultats .blocks .nine div{ width:16%; margin:0 2%;}
#resultats .blocks .ten { grid-area: ten;}
#resultats .blocks .ten div{width:29.33333333%; margin:0 2%;}
#resultats .blocks .eleven { grid-area:eleven;}
#resultats .blocks .eleven div{width:21%; margin:0 2%;}

#resultats h2{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	padding-left:1.5%;
	text-align:left;
	font-size:1.8rem;
	font-weight: normal;
}
#resultats .orderm2{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	column-gap: 1.8%;
	margin: 0;
	margin-top:2rem;
	padding:0 1.5%;
	overflow:visible;
}
#resultats .orderm2 li{
	margin-bottom:1.8%;
	text-align:center;
	position:relative;
	overflow:visible;
}
#resultats ul li img{
	cursor:pointer;
	width:100%;
	height:auto;
}
#resultats .orderm2 li.w100_13{
	width:6%;
}
#resultats .triage li{
	margin-bottom:1%;
}
#resultats .surf{
	display:block;
	margin:0 auto;
	margin-top:0.5rem;
	padding:0;
	text-align:center;
}
.ombre {
	box-shadow: 4px 4px 8px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, .5);
	-moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, .5);
}
.ombre:hover{
	box-shadow: 8px 8px 10px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 8px 8px 10px rgba(0, 0, 0, .5);
	-moz-box-shadow: 8px 8px 10px rgba(0, 0, 0, .5);
}
.tooltip_imglot span{
	visibility:hidden;
	font-size:0;
	display:inline;
	position:absolute; 
	border:0;  
	color:#1C2A41;
	background:#fff;
	text-decoration:none;
	width:0;
	height:0;
	padding:0;
	line-height:normal;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	font-style:normal;
	white-space:normal;
	transition: visibility 0.2s ease-out 0s;
	-moz-transition: visibility 0.2s ease-out 0s;
	-o-transition: visibility 0.2s ease-out 0s;
	-ms-transition: visibility 0.2s ease-out 0s;
	-webkit-transition: visibility 0.2s ease-out 0s;
}
.tooltip_imglot:hover span{
	display:inline;
	font-size:1.8rem;
	width:45rem;
	height:auto;
	visibility:visible;
	transition: visibility 0.2s ease-in 0.5s;
	-moz-transition: visibility 0.2s ease-in 0.5s;
	-o-transition: visibility 0.2s ease-in 0.5s;
	-ms-transition: visibility 0.2s ease-in 0.5s;
	-webkit-transition: visibility 0.2s ease-in 0.5s;
	box-shadow: 8px 8px 20px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, .5);
	-moz-box-shadow: 8px 8px 20px rgba(0, 0, 0, .5);
	border-radius: 1rem;
	-moz-border-radius: 1rem;
	-webkit-border-radius: 1rem;
	z-index:130;
}
.tooltip_imglot.amb:hover span{
	top:105%;
}
.tooltip_imglot:hover span img{
	display:block;
	width:100%;
	min-width:100%; 
	height:auto;
	margin:0 auto;
	padding:0;
	border:1px solid #1C2A41;  
	border-top: none;  
	border-radius: 0 0 1rem 1rem;
	-moz-border-radius: 0 0 1rem 1rem;
	-webkit-border-radius: 0 0 1rem 1rem;
}
.tooltip_imglot:hover span .shortinfo{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	column-gap: 10%;
	margin:0;
	padding:1rem 2rem;
	border:1px solid #1C2A41;  
	color:#1C2A41;
	background:#fff;
	text-decoration:none;
	border-radius: 1rem 1rem 0 0;
	-moz-border-radius: 1rem 1rem 0 0;
	-webkit-border-radius: 1rem 1rem 0 0;
}
#resultats .ambiances{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	column-gap:3%;
	margin: 0;
	padding:0;
	overflow:visible;
}
#resultats .info_ambiance{
    width:100%;
	text-align:center;
	font-style:italic;
	color:#1C2A41;
	font-size:1.4rem;
	margin:1rem auto;
	margin-bottom:3rem;
	padding:0;
}
#resultats .ambiance{
	display:inline-block;
	vertical-align:top;
	width:11.71%;
	margin: 0 ;
	margin-bottom:3%;
	padding:0;
	padding-right:10px;
	padding-bottom:10px;
	text-align:center;
	position:relative;
	overflow:visible;
}
#resultats .unis_hexa{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	column-gap: 5%;
	width:100%;
	margin:0;
	padding:0;
	overflow:visible;
}
#resultats .unis_hexa .unis{
	flex:1.4;
	overflow:visible;
}
#resultats .unis_hexa .unis ul{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	margin: 0;
	padding:0;
	overflow:visible;
}
#resultats .unis_hexa .unis li{
	display:inline-block;
	vertical-align:top;
	width:14.28%;
	margin: 0 ;
	padding:0;
	padding-right:25px;
	padding-bottom:25px;
	text-align:center;
	position:relative;
	overflow:visible;
}
#resultats .unis_hexa .hexa{
	flex:1;
	overflow:visible;
}
#resultats .unis_hexa .hexa ul{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	margin: 0;
	padding:0;
	overflow:visible;
}
#resultats .unis_hexa .hexa li{
	display:inline-block;
	vertical-align:top;
	width:20%;
	margin: 0 ;
	padding-right:20px;
	text-align:center;
	position:relative;
	overflow:visible;
}
#resultats .unis_hexa .hexa li:nth-child(9n+6){
	margin-left:10%;
}
#resultats .unis_hexa .hexa li:nth-child(5n+11){
	margin-left:0;
}
.hexaombre{
	filter: drop-shadow(4px 6px 3px rgba(0, 0, 0, .2));
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.hexaombre:hover{
	filter: drop-shadow(5px 6px 3px rgba(0, 0, 0, .3));
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#resultats .plinthes{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	align-content: flex-start;
	column-gap: 5%;
	width:90%;
	margin: 0 auto;
	padding:0;
	overflow:visible;
}
#resultats .plinthes .pics{
	display:block;
	width:auto;
	height:auto;
	margin: 0;
	padding:0;
	overflow:visible;
}
#resultats .plinthes .pics h1, #resultats .plinthes .pics h2{
	display:block;
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0;
	text-align:left;
	font-weight:normal;
	font-size:1.8rem;
}
#resultats .plinthes .pics h2{
	margin-top:2rem;
}
#resultats .plinthes .pics .pics_plinthes{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	column-gap: 2%;
	width:100%;
	margin: 0 auto;
	margin-top:1rem;
	padding:0;
	overflow:visible;
}
#resultats .plinthes .pics .pics_plinthes li{
	display:inline-block;
	vertical-align:top;
	width:10.75%;
	margin: 0 ;
	margin-bottom:2%;
	padding:0;
	text-align:center;
	position:relative;
	overflow:visible;
}
#resultats .plinthes .pics .pics_plinthes li img{
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
#resultats .plinthes .pics .palette{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	column-gap: 1%;
	margin:1rem auto 0 auto;
	padding:0;
}
#resultats .plinthes .pics .palette .block{
	width:10%;
	height:auto;
	margin:0;
	padding:0;
	font-size:0;
}
#resultats .plinthes .pics .palette .block a{
	display:inline-block;
	width:31.3333333%;
	height:auto;
	margin:0 auto;
	margin-right:3%;
	margin-bottom:3%;
	padding:0;
	position:relative;
}
#resultats .plinthes .pics .palette .block a:nth-child(3n+3){
	margin-right:0;
}
#resultats .plinthes .pics .palette a img{
	width:100%;
	height:auto;
	border:1px solid #FFF;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	vertical-align:bottom;
}
#resultats .plinthes .pics .palette a img.img1{
	filter : alpha(opacity=100);
	opacity:1; 
	transition:opacity 0.5s ease-in-out;
	-moz-transition:opacity 0.5s ease-in-out;
	-o-transition:opacity 0.5s ease-in-out;
	-ms-transition:opacity 0.5s ease-in-out;
	-webkit-transition:opacity 0.5s ease-in-out;
	z-index:100;
}
#resultats .plinthes .pics .palette a img.img2{
	position:absolute;
	left:0;
	right:0;
	z-index:110;
	opacity:1;
}
#resultats .plinthes .pics .palette a:hover img.img2{
	filter: alpha(opacity=0);
	opacity:0;
}
#resultats .plinthes .pics .palette a.active img.img2{
	filter: alpha(opacity=100);
	opacity:1;
}
#resultats .plinthes .pics .palette a:hover img{
	border:none;
}
#resultats .plinthes .pics .palette a.active img{
	border:0.5rem solid #f8f5f3;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
}
#resultats .plinthes .dev{
	display:block;
	width:450px;
	min-width:450px;
	height:auto;
	margin: 0;
	margin-top:3rem;
	padding:0;
}
#resultats .plinthes .dev .img{
	display:block;
	width: 100%;
	height: auto;
	margin:0 auto;
	padding:0;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	background:#fff;
}
#resultats .plinthes .dev .img img{
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
#resultats .plinthes .dev .calc{
	display:block;
	width: 100%;
	height: auto;
	margin:0 auto;
	margin-top:2rem;
	padding:1rem 1.5rem 1.5rem 1.5rem;
	text-align:left;
	font-size:1.8rem;
	border:1px solid #1C2A41;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	background:#fff;
}
#resultats .plinthes .dev .calc li{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin:0.5rem auto;
	padding:0;
}
#resultats .plinthes .dev .calc input.text{
	width:9rem;
	height:3rem;
	text-align:center;
	line-height:3rem;
	margin:0;
	padding:0;
	background-color: #FFF;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
#resultats .plinthes .dev .calc ul#choixcaisse{
	display:none;
	min-width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	font-size:0;
}
#resultats .plinthes .dev .calc ul#choixcaisse li{
	width:50%;
	height:auto;
	margin:0 auto;
	padding:0;
	color: #BE6154;
	font-size:1.8rem;
	text-align:left;
}
#resultats .plinthes .dev .calc ul#choixcaisse li:last-of-type{
	text-align:right;
}
#resultats .plinthes .dev .calc li#msg{
	font-size:1.4rem;
	justify-content:center;
}
#resultats .plinthes .dev .calc li.mt{
	margin-top:1rem;
}
#resultats .plinthes .dev .calc .choixcaisse{
	height:2rem;
}
#resultats .plinthes .dev .calc .flex{
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	column-gap:2rem;
	margin:0 auto;
	margin-top:0.5rem;
	padding:0;
	font-size:1.8rem;
	text-align:left;
}
#resultats .plinthes .dev .calc p{
	margin:0;
	padding:0;
	font-size:1.4rem;
}
#resultats .plinthes .dev .calc .verspanier{
	display:inline-block;
	text-align:center;
	margin:0;
	padding:0.5rem 2rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	color:#FFF;
	background-color:#3F5A86;
}
#resultats .plinthes .dev .calc .verspanier span{
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	color:#FFF;
	font-size:1.4rem;
}

#resultats .w100{
	width:100% !important;
	text-align:left !important;
	font-size:2.4rem;
	margin:0;
	margin-bottom:1rem !important;
	padding:0;
}
#resultats .ambiances.order, #resultats .plinthes.order{
	padding:0 1.5%;
}

/*********************** GetDetail ******************/
.pop_detailes{
	display:none;
	padding:0;
	background: white;
	border: 1px solid #666;
	border-radius:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	height:auto;
	color:inherit;
	font-size:1.8rem;
	overflow:hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
}
.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;
}
.popup_wrapper{
	cursor:pointer;
}
#getdetails .block{
	display:block;
	margin:0 auto;
	padding:3rem 4rem;
	width:860px;
	height: auto;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	text-align:center;
	overflow:hidden;
	background-color:#FFF;
	border: 1px solid #666;
	border-radius:1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;
	position:relative;
	box-shadow: 20px 20px 20px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 20px 20px 20px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 20px 20px 20px 0px rgba(0,0,0,0.7);
}
#getdetails .block .top{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	column-gap: 3rem;
	margin:0 auto;
	padding:0;
	width:100%;
	height: auto;
}
#getdetails .part1{
	width:50%;
}
#getdetails .part1 .img{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border-radius:0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	position:relative;
}
#getdetails .part1 .img.carr{
	padding:10%;
}
#getdetails .part1 .img img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#getdetails .part1 .img .crop{
	position: absolute;
	top:50%;
	left:50%;
	width:auto;
	height:auto;
	border:none;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	border-radius:0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
#getdetails .part1 .box3D{
	display:flex;
	justify-content: flex-start;
	align-items: center;
	column-gap:2rem;
	text-align:left;
	margin:0;
	margin-top:3rem;
	padding:0;
}
#getdetails .part2{
	width:50%;
}
#getdetails .part2 .calc{
	display:block;
	width: 100%;
	height: auto;
	margin:0 auto;
	padding:1rem 1.5rem 1.5rem 1.5rem;
	text-align:left;
	font-size:1.8rem;
	border:1px solid #1C2A41;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	background:#fff;
}
#getdetails .part2 .calc li{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin:0.5rem auto;
	padding:0;
}
#getdetails .part2 .calc input.text{
	width:9rem;
	height:3rem;
	text-align:center;
	line-height:3rem;
	margin:0;
	padding:0;
	background-color: #FFF;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
#getdetails .part2 .calc ul#choixcaisse{
	display:none;
	min-width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	font-size:0;
}
#getdetails .part2 .calc ul#choixcaisse li{
	width:50%;
	height:auto;
	margin:0 auto;
	padding:0;
	color: #BE6154;
	font-size:1.8rem;
	text-align:left;
}
#getdetails .part2 .calc ul#choixcaisse li:last-of-type{
	text-align:right;
}
#getdetails .part2 .calc li#msg{
	font-size:1.4rem;
	justify-content:center;
}
#getdetails .part2 .calc li#msg.green{
	height:40px;
	font-size:1.8rem;
	color: #1C2A41;
	padding-left:4.5rem;
	background-image: url('https://carreaux-ciment.com/images4/stock/greenchecked.svg');
	background-repeat: no-repeat;
	background-position: 3.5rem center;
	background-size: 40px 40px;
}
#getdetails .part2 .calc li.mt{
	margin-top:1rem;
}
#getdetails .part2 .calc .choixcaisse{
	height:2rem;
}
#getdetails .part2 .calc .flex{
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	column-gap:2rem;
	margin:0 auto;
	margin-top:0.5rem;
	padding:0;
	font-size:1.8rem;
	text-align:left;
}
#getdetails .part2 .calc p{
	margin:0;
	padding:0;
	font-size:1.4rem;
}
#getdetails .part2 .calc .verspanier{
	display:inline-block;
	text-align:center;
	margin:0;
	padding:0.5rem 2rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	color:#FFF;
	background-color:#3F5A86;
}
#getdetails .part2 .calc .verspanier span{
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	color:#FFF;
	font-size:1.4rem;
}
#choixcaisse label{
	display:inline-block;
	vertical-align: middle;
	margin:0 auto;
	padding:0;
    background-color: #FFF;
	color:#BE6154;
	font-size:1.8rem;
	text-align:left;
	cursor:pointer;
}
#choixcaisse input.radio{
	width:1.6rem;
	height:1.6rem;
	display:inline-block;
	vertical-align: middle;
	margin:0 auto;
	margin-right:0.5rem;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #FFF;
	border:2px solid #BE6154;
    content: '';
	position:relative;
	font-size:1.4rem;
}
#choixcaisse input.radio:checked:before{
    position:absolute;
	top:0;
	left:0;
	width:1.2rem;
	height:1.2rem;
	line-height:1.2rem;
	background-color: #FFF;
	color:#BE6154;
	 -webkit-text-fill-color: #BE6154;
	content: "\2714";
}
#getdetails .part2 .box3D{
	display:flex;
	justify-content: flex-start;
	align-items: center;
	column-gap:2rem;
	text-align:left;
	margin:0;
	margin-top:3rem;
	padding:0;
}
#getdetails .block .bottom{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-end;
	column-gap: 3rem;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	width:100%;
	height: auto;
}
#getdetails .similaires{
	display:block;
	width:60%;
	margin:0;
	padding:0;
	text-align:left;
}
#getdetails .usinelots{
	display:flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: flex-start;
	column-gap:1.5rem;
	width:100%;
	height: auto;
	margin:0;
	margin-top:0.5rem;
	padding:0;
	padding-bottom:0;
  	overflow-x: auto !important;
	overflow-y: hidden;
	/* Mozilla firefox */
	scrollbar-color: #1C2A41 #FFF;
	scrollbar-width: thin;
}
#getdetails .usinelots::-webkit-scrollbar{
	height: 8px;
	border-radius: 8px;
	webkit-border-radius: 8px;
	moz-border-radius: 8px;
	border:1px solid #1C2A41;
}
/* Fond */
#getdetails .usinelots::-webkit-scrollbar-track{
	border-radius: 8px;
	webkit-border-radius: 8px;
	moz-border-radius: 8px;
}
/* Ascenseur */
#getdetails .usinelots::-webkit-scrollbar-thumb{
	background: #1C2A41;
	border-radius: 8px;
	webkit-border-radius: 8px;
	moz-border-radius: 8px;
}
#getdetails .usinelots li{
	flex:none;
	width:80px;
	height:auto;
	margin:0;
	padding:0;
}
#getdetails .usinelots li img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border-radius:0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
#getdetails .verssim{
	display:block;
	text-align:right;
	margin:0;
	padding:0;
	cursor:pointer;
	font-size:1.4rem;
}
#getdetails .verssim a{
	display:flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	column-gap:1rem;
	margin:0;
	padding:0;
	cursor:pointer;
	font-size:1.8rem;
	font-weight:normal;
}
#getdetails .verssim a span{
	display:inline-block;
	vertical-align:middle;
	text-align:left;
}
#getdetails .verssim a span:last-of-type{
	margin-left:3rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
#getdetails .verssim span:last-of-type img{
	width:80px;
	height:auto;
	text-align:right;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
#getdetails .verssim form{
	display: none;
}
#getdetails .verssim #verssimligne, #getdetails .verssim #verssimstamped{
	width:100%;
	height:auto;
	margin: 0;
	padding:0;
	cursor:pointer;
	display:none;
}




/********************************* tooltips ************************************/
.tooltip1 span, .tooltip2 span, .tooltip3 span, .tooltip4 span{
	font-size:1.4rem;
	display:none; 
	padding:10px 15px;
	line-height:normal;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	font-style:normal;
	white-space:normal;
	-moz-box-shadow: 0px 0px 10px 0px #c0c0c0;
	-webkit-box-shadow: 0px 0px 10px 0px #c0c0c0;
	-o-box-shadow: 0px 0px 10px 0px #c0c0c0;
	box-shadow: 0px 0px 10px 0px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.tooltip1 span p, .tooltip2 span p, .tooltip3 span p, .tooltip4 span p{
	padding:0;
	margin:auto; 
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.tooltip1 span span, .tooltip2 span span, .tooltip3 span span, .tooltip4 span span{
	padding:0;
	margin:0; 
	font-weight:normal;
	text-decoration:none;
}				
.tooltip1:hover span, .tooltip2:hover span, .tooltip3:hover span, .tooltip4:hover span{
	display:inline; 
	position:absolute; 
	border:0;  
	background:#fff;
	text-decoration:none;
}
.callout {
	position:absolute;
	border:0;
	top:-7px;
	left:105px;
}
.tooltip1 span {
	margin:24px 0 0 -278px; 
	width:280px;
}
.tooltip1 img {
	position:absolute;
	border:0;
	top:-8px;
	left:130px;
}
.tooltip2 span{
	margin:22px 0 0 -170px; 
	width:270px; 
}
.tooltip2 span img{
	position:absolute;
	border:0;
	top:-8px;
	left:155px;
}
.tooltip3 span {
	margin:22px 0 0 -108px; 
	width:200px; 
}
.tooltip3 span img {
	position:absolute;
	border:0;
	top:-8px;
	left:92px;
}
.tooltip4 span {
	margin:27px 0 0 -150px; 
	width:180px; 
}
.tooltip4 span img {
	position:absolute;
	border:0;
	top:-8px;
	left:135px;
}

/********************************* fin tooltips ************************************/

/************************************************************************************************* Page Panier ***********************************************************************/
.page_panier{
	width:100%;
	max-width: 1920px;
	height:auto;
	height:auto;
	margin:0 auto;
	padding:0;
}
.page_panier .resultats_panier{
	width:70%;
	min-width:1020px;
	height:auto;
	display:block;
	margin:0 auto;
	padding:3rem 0;
	font-weight:normal;
}
.page_panier .resultats_panier h1{
	display:block;
	width:100%;
	height:auto;
	text-align:center;
	font-size:2.4rem;
	margin:0 auto;
	padding:0;
	position:relative;
	font-weight:500;
}
.page_panier .resultats_panier h1 a{
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	display:inline-block;
	vertical-align:middle;
	margin:0;
	padding:0;
}
.page_panier .resultats_panier .TPanier0{
	width:100%;
	height:auto;
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: top;
	column-gap: 2rem;
	margin:0 auto;
	padding:0;
	font-weight:normal;
}
.page_panier .resultats_panier .TPanier1{
	width: 50%;
	min-width:600px;
	height:auto;
	text-align:left;
	margin:0;
	padding:0;
}
.page_panier .resultats_panier .TPanier1 h2{
	width:100%;
	height:auto;
	text-align:left;
	font-size:2rem;
	margin:0;
	margin-top:4rem;
	padding:0;
	font-weight: normal;
}
.page_panier .resultats_panier .TPanier1 .block{
	margin:0 auto;
	margin-top:1rem;
	padding: 3rem;
	background-color:#FFF;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.page_panier .resultats_panier ul.TPanier2{
	width: 100%;
	height:auto;
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: top;
	column-gap: 3rem;
	margin:0 auto;
	margin-bottom:5rem;
	padding:0;
}
.page_panier .resultats_panier ul.TPanier2:last-of-type{
	margin-bottom:0;
}
/*.page_panier .resultats_panier ul.TPanier2:first-of-type{
	margin-top:0;
}*/
.page_panier .resultats_panier ul.TPanier2 .img{
	flex:1;
	text-align:left;
	font-size:1.4rem;
}
.page_panier .resultats_panier ul.TPanier2 .liens{
	display:flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1rem;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
}
.page_panier .resultats_panier ul.TPanier2 .info{
	flex:4;
	text-align:left;
	font-size:1.8rem;
}
.page_panier .resultats_panier ul.TPanier2 .infoadd{
	flex:3;
	text-align:left;
	font-size:1.4rem;
}
.page_panier .resultats_panier .TPanier3 li{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	column-gap: 1rem;
	min-height:2rem;
}
.page_panier .resultats_panier .TPanier3 li> span:last-of-type{
	text-align:right;
}
.page_panier .resultats_panier .TPanier3 li span font{
	display:block;
	margin:0;
	padding:0;
	text-align:left;
}
.page_panier .resultats_panier ul.TPanier3 li input{
	width:6rem;
	height:3rem;
	line-height:3rem;
	text-align:center;
	margin:0;
	background-color:#FFF;
	color:#1C2A41;
	font-weight:500;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.page_panier .resultats_panier ul.TPanier4{
	width: 100%;
	height:auto;
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: top;
	column-gap: 5rem;
	margin:0 auto;
	padding:0;
}
.page_panier .resultats_panier ul.TPanier4 li:first-of-type{
	flex:3;
}
.page_panier .resultats_panier ul.TPanier4 li:last-of-type{
	flex:2;
}
.page_panier .resultats_panier ul.TPanier3 li label{
	display:inline-block;
	vertical-align: middle;
	margin:0 auto;
	padding:0;
    background-color: #FFF;
	color:#BE6154;
	font-size:1.4rem;
	text-align:left;
	cursor:pointer;
}
.page_panier .resultats_panier ul.TPanier3 li input.radio{
	width:1.5rem;
	height:1.5rem;
	display:inline-block;
	vertical-align: middle;
	margin:0 auto;
	margin-right:0.5rem;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #FFF;
	border:1px solid #1C2A41;
    border-radius: 1.5rem;
    content: '';
}
.page_panier .resultats_panier ul.TPanier3 li input.radio:checked {
    background-color: #1C2A41;
}
.page_panier .resultats_panier .TPanier1 .flex{
	display:flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: flex-end;
	column-gap: 3rem;
	margin:0 auto;
	margin-top:4rem;
	padding:0;
}
.page_panier .resultats_panier .TPanier6{
	width: 34%;
	min-width:400px;
	height:auto;
	text-align:left;
	margin:0;
	padding:0;
}
.page_panier .resultats_panier .TPanier6 h2{
	width:100%;
	height:auto;
	text-align:left;
	font-size:2.4rem;
	margin:0;
	padding:0;
	font-weight: 500;
}
.page_panier .resultats_panier .TPanier6 h2 font{
	display:block;
	margin:0;
	padding:0;
	text-align:left;
}
.page_panier .resultats_panier .TPanier6 .block{
	margin:0 auto;
	margin-top:7.5rem;
	padding: 2rem;
	background-color:#FFF;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.page_panier .resultats_panier .TPanier6 .vers_devis{
	display:block;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	text-align:right;
}
.page_panier .resultats_panier .TPanier6 .vers_devis a{
	display:inline-block;
	margin:0 auto;
	padding:1rem 2rem;
	text-align:center;
	color: #FFF;
	background-color: #3F5A86;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.page_panier .resultats_panier .TPanier7{
	width: 100%;
	height:auto;
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: top;
	column-gap: 10%;
	margin:0 auto;
	padding:0;
	font-size:1.4rem;
}
.page_panier .resultats_panier .TPanier7 ul{
	width: 26.666666667%;
	height:auto;
	margin:0;
	margin-top:2rem;
	padding:0;
}
.page_panier .resultats_panier .TPanier7 ul li{
	display:block;
	width: 100%;
	height:auto;
	margin:0.5rem 0;
	padding:0;
}
.page_panier .resultats_panier .TPanier7 .flex{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1rem;
	margin:0 auto;
	padding:0;
}
.page_panier .resultats_panier .TPanier7 .flex font{
	display:block;
	margin:0;
	padding:0;
	text-align:left;
	font-weight:normal;
}
.page_panier .resultats_panier .TPanier7 .img img{
	border:1px solid #ccc;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.page_panier .resultats_panier .TPanier7 .AddSl{
	display:inline-block;
	margin:0 auto;
	padding: 0 0.8rem;
	text-align:center;
	color: #FFF;
	background-color: #3F5A86;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	font-size:2.4rem;
}
.RecSl{
	display:block;
	width: 100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:1.8rem;
}
.RecSl .flex{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 3rem;
	margin:0 auto;
	margin-top:4rem;
	padding:0;
}
.RecSl .flex.center{
	justify-content: center;
	margin-top:2rem;
}
.RecSl .flex img{
	max-width:25%;
}
.RecSl .flex ul{
	list-style-type:none;
}
.RecSl .flex ul li{
	text-align:left;
	white-space:normal;
}
.RecSl .flex ul > li::before {
	content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url('https://carreaux-ciment.com/images4/stock/greenchecked.svg');
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: center center;
    vertical-align: middle;
}
.RecSl .flex a{
	display:inline-block;
	margin:0 auto;
	padding:1rem 2rem;
	text-align:center;
	color: #1C2A41;
	background-color: #FFF;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.RecSl .flex a.blue{
	color: #FFF;
	border:none;
	background-color: #3F5A86;
}

/*************************** GetDevis **********************/
.page_panier .resultats_panier h2.center{
	text-align:center;
}
.tooltip-livr span{
	font-size:1.4rem;
	display:none; 
	padding:1rem 1.5rem;
	line-height:normal;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	font-style:normal;
	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);
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	z-index:130;
}
.tooltip-livr:hover span{
	display:inline; 
	position:absolute; 
	border:0;  
	color:#1C2A41;
	background:#fff;
	text-decoration:none;
}
.tooltip-livr span{
	margin:2.5rem 0 0 -15rem;  
	width:30rem;
}
.tooltip-livr span img {
	position:absolute;
	border:0;
	top:-0.6rem;
	left:13.5rem;
}
.page_panier .resultats_panier .TPanier6 .calcul_trsp{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
}
.page_panier .resultats_panier .calcul_trsp form{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1rem;
	margin:0 auto;
	padding:0;
}
.page_panier .resultats_panier .calcul_trsp li{
	flex:1;
}
.page_panier .resultats_panier .calcul_trsp select{
	width: 100%;
	background-color: #FFF;
	font-weight : normal;
	text-align : center;
	margin:0 auto;
	padding: 0.5rem;
	border:1px solid #1C2A41;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#1C2A41;
	-webkit-text-fill-color: #1C2A41;
	font-size:1.8rem;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
}
.page_panier .resultats_panier .calcul_trsp input{
	width: 100%;
	background-color: #FFF;
	font-weight : normal;
	text-align : center;
	margin:0 auto;
	padding: 0.5rem;
	border:1px solid #1C2A41;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#1C2A41;
	-webkit-text-fill-color: #1C2A41;
}	
.page_panier .resultats_panier .calcul_trsp input.black{
	background-color: #1C2A41;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
}	
.page_panier .resultats_panier .calcul_devis{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
}
.page_panier .resultats_panier .calcul_devis li{
	text-align:left;
	margin-top:1rem;
}
.page_panier .resultats_panier .calcul_devis .flex{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 2rem;
}
.page_panier .resultats_panier .calcul_devis .radio{
	display:inline-block;
	vertical-align: middle;
	width:2rem;
	height:2rem;
	margin:0 auto;
	margin-left:0.5rem;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #FFF;
    border: 2px solid #1C2A41;
    outline: none;
	content: "";
	font-size:1.8rem;
	position:relative;
}
.page_panier .resultats_panier .calcul_devis .radio:checked:before{
    position:absolute;
	top:0;
	left:0;
	width:1.8rem;
	height:1.8rem;
	line-height:1.5rem;
	background-color: #1C2A41;
	color:#FFF;
	 -webkit-text-fill-color: #FFF;
	content: "\2714";
}
.page_panier .resultats_panier .calcul_devis .NbTVA {
	display:none;
	
}
.page_panier .resultats_panier .calcul_devis .NbTVA input{
	width:50%;
	height:3rem;
	line-height:3rem;
	padding:0 0.5rem;
	background-color:#FFF;
	font-weight: normal;
	border:1px solid #1C2A41;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#1C2A41;
	-webkit-text-fill-color: #1C2A41;
}
.page_panier .resultats_panier .calcul_devis #msgTVA {
	display:inline-block;
	font-size:1.4rem;
	font-weight: normal;
	color:#BE6154;
}
.page_panier .resultats_panier .calcul_devis .flex a{
	flex:1;
	margin:0;
	padding:0.5rem 1rem;
	text-align:center;
	color: #1C2A41;
	background-color: #FFF;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.page_panier .resultats_panier .calcul_devis .flex a.blue{
	color: #FFF;
	border:none;
	background-color: #3F5A86;
}
#StockFormReserve{
}
.page_panier .resultats_panier .formulaire_sauvegard{
	text-align:center;
	padding:0;
	margin:0 auto;
	margin-top:2rem;
	display:none;
}
.page_panier .resultats_panier .formulaire_sauvegard li{
	display:block;
	margin:0 auto;
	margin-bottom:1rem;
	padding:0;
	text-align:left;
}
.page_panier .resultats_panier .formulaire_sauvegard li ul{
	width:100%;
	margin:0 auto;
	padding:0;
	font-size:0;
}	
.page_panier .resultats_panier .formulaire_sauvegard li ul li{
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
}				
.page_panier .resultats_panier .formulaire_sauvegard .email{
	display:none;
}
.page_panier .resultats_panier .formulaire_sauvegard li ul li.label{
	width:30%;
}
.page_panier .resultats_panier .formulaire_sauvegard li ul li.input{
	width:70%;
}						
.page_panier .resultats_panier .formulaire_sauvegard input{
	font-weight:normal;
	background-color:#FFF;
	width:100%;
	height: 3rem;
	line-height: 3rem;
	text-align:left;
	border:1px solid #1C2A41;
	color:#1C2A41;
	-webkit-text-fill-color: #1C2A41;
	margin:0 auto;
	padding:0 0.5rem;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.page_panier .resultats_panier .formulaire_sauvegard input.mini-input{
	width:49%;
	margin-right:2%;
}	
.page_panier .resultats_panier .formulaire_sauvegard input.mini-input.no-mg{
	margin:0;
}	
.page_panier .resultats_panier .formulaire_sauvegard li.no-mg{
	margin:0;
}					
.page_panier .resultats_panier .formulaire_sauvegard textarea{
	font-weight:normal;
	background-color:#FFF;
	color:#1C2A41;
	-webkit-text-fill-color: #1C2A41;
	width:100%;
	height: 10rem;
	margin:0;
	padding:0 0.5rem;
	text-align:left;
	vertical-align:middle;
	border:1px solid #1C2A41;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.page_panier .resultats_panier .formulaire_sauvegard .submit{
	text-align:right;
	margin-top:1rem;
}
.page_panier .resultats_panier .formulaire_sauvegard .submit input{
	color: #FFF;
	-webkit-text-fill-color: #FFF;
	font-weight:500;
	background-color:#1C2A41;
	text-decoration: none;
	width: auto;
	height:auto;
	margin:0 auto;
	padding: 0 2rem;
	outline:none;
	cursor:pointer;
	border:1px solid #1C2A41;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

/*************************** GetFormulaires **********************/
.page_panier .resultats_panier .forms{
	width: 50%;
	min-width:60rem;
	height:auto;
	text-align:center;
	font-size:1.8rem;
	color:#1C2A41;
	font-weight:normal;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
}
.page_panier .resultats_panier .forms h2{
	display:flex;
	justify-content: space-between;
	align-items: center;
	font-size:2.2rem;
	font-weight:normal;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	text-align:left;
}
.page_panier .resultats_panier .forms .formulaire_commande{
	text-align:center;
	margin: 0 auto;
	margin-top:2rem;
	padding: 1rem 3rem;
	width:100%;
	border:1px solid #1C2A41;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	background-color:#FFF;
}
.page_panier .resultats_panier .forms .formulaire_commande li{
	display:block;
	width:100%;
	height:auto;
	margin:1rem auto;
	padding:0;
	text-align:left;
}
.page_panier .resultats_panier .forms .formulaire_commande li ul{
	width:100%;
	margin:0 auto;
	padding:0;
	font-size:0;
}	
.page_panier .resultats_panier .forms .formulaire_commande li ul li{
	padding:0;
	margin:0 auto;
	display:inline-block;
	vertical-align:middle;
	color:#1C2A41;
	font-size:1.8rem;
}		
.page_panier .resultats_panier .forms .formulaire_commande li.mt{
	margin-top:7rem;
}
.page_panier .resultats_panier .forms .formulaire_commande .email{
	display:none;
}
.page_panier .resultats_panier .forms .formulaire_commande li ul li.label{
	width:40%;
	margin-right:2%;
}
.page_panier .resultats_panier .forms .formulaire_commande li ul li.label.w100{
	width:100%;
	margin-right:0;
}
.page_panier .resultats_panier .forms .formulaire_commande li ul li.input, .page_panier .resultats_panier .forms .formulaire_commande li.input{
	width:58%;
}
.page_panier .resultats_panier .forms .formulaire_commande li ul li.input.w100{
	width:100%;
}
.page_panier .resultats_panier .forms .formulaire_commande input{
	font-weight:normal;
	background-color:#FFF;
	width:100%;
	height:2.5rem;
	line-height:2.5rem;
	text-align:center;
	border:1px solid #1C2A41;
	color:#1C2A41;
	-webkit-text-fill-color: #1C2A41;
	margin:0 auto;
	padding:0 1rem;
	font-weight: normal;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.page_panier .resultats_panier .forms .formulaire_commande input.mini-input{
	width:49%;
	margin:0 2% 0 0;
}	
.page_panier .resultats_panier .forms .formulaire_commande input.mini-input.no-mg{
	margin:0;
}	
.page_panier .resultats_panier .forms .formulaire_commande li.no-mg{
	margin:0;
}					
.page_panier .resultats_panier .forms .formulaire_commande textarea{
	font-weight:normal;
	background-color:#FFF;
	color:#1C2A41;
	-webkit-text-fill-color: #1C2A41;
	width:100%;
	height: 8rem;
	margin:0;
	padding:0 1rem;
	text-align:left;
	border:1px solid #1C2A41;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}	
.page_panier .resultats_panier .forms .formulaire_commande select{
	background-color : #FFF;
	border : 0;
	font-weight : normal;
	text-align : center;
	margin:0;
	padding:0 1rem;
	color:#1C2A41;
	-webkit-text-fill-color: #1C2A41;
	height:2.5rem;
	border:1px solid #1C2A41;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.page_panier .resultats_panier .forms .expedition{
	display:block;
	text-align:left;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	font-size:0;
}
.page_panier .resultats_panier .forms .expedition span{
	display:inline-block;
	vertical-align:middle;
	width:50%;
	height:auto;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
}
.page_panier .resultats_panier .forms .expedition span label, .page_panier .resultats_panier .forms .expedition span input{
	display:inline-block;
	vertical-align:middle;
}
.page_panier .resultats_panier .forms .radio, .page_panier .resultats_panier .forms .checkbox{
	display:inline-block;
	vertical-align: middle;
	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: transparent;
    border: 2px solid #1C2A41;
    outline: none;
	content: "";
	font-size:1.8rem;
	position:relative;
}
.page_panier .resultats_panier .forms .radio:checked:before, .page_panier .resultats_panier .forms .checkbox:checked:before{
    position:absolute;
	top:0;
	left:0;
	width:1.8rem;
	height:1.8rem;
	line-height:1.8rem;
	background-color: #1C2A41;
	color:#FFF;
	 -webkit-text-fill-color: #FFF;
	content: "\2714";
}
.page_panier .resultats_panier .forms .formulaire_commande.no-dispaly{
	display:none;
}
.page_panier .resultats_panier .forms .submit{
	display:block;
	width:50%;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	outline:none;
	cursor:pointer;
	font-weight:normal;
	text-align:center;
	color:#FFF;
}
.page_panier .resultats_panier .forms .submit input{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0.5rem 0;
	outline:none;
	cursor:pointer;
	font-weight:normal;
	color:#FFF;
	-webkit-text-fill-color: #FFF;
	background-color:#1C2A41;
	border: 1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
}

/************************************************************************************************* Page simulateur *************************************************************************/
.page_sim{
	display:block;
	width:100%;
	max-width: 1920px;
	height:auto;
	margin: 0 auto;
	padding:0;
}
.page_sim .note1, .page_sim .note2{
	display:block;
	color:#1C2A41;
	font-weight: normal;
	font-size:1.8rem;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
}
.page_sim .note2{
	width: 75%;
}
.page_sim .page_sim_parts{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	column-gap: 2%;
	text-align:center;
	width:100%;
	height:auto;
	margin:0 auto 0 auto;
	padding:0 2rem;
	margin-top:3rem;
	font-size:1.8rem;
}
.page_sim .collections, .page_sim .V3D_tapis{
	width: 32%; 
}
.page_sim .colours{
	width: 6.5%;
}
.page_sim .resv_dessin_devis{
	width: 24%;
}
.page_sim .collections .search{
	display:block;
	width:100%;
	height: auto;
	margin:0 auto;
	padding:0;
	text-align:left;
}
.page_sim .collections .search input{
	display:inline-block;
	width:auto;
	height:auto;
	min-width:0;
	max-width:none;
	margin:0 auto;
	padding:0.5rem 0;
	padding-left:1rem;
	border:1px solid #1C2A41;
	background-color:#FFF;
	color:#1C2A41;
	text-align:center;
	font-size:1.4rem;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	background-image:url("https://carreaux-ciment.com/images4/commun/search_black.svg");
	background-repeat:no-repeat;
	background-position:1rem center;
	background-size: 15px auto;
}
.page_sim .collections .search input.white{
	color:#FFF;
	background-image:url("https://carreaux-ciment.com/images4/commun/search_white.svg");
}
.page_sim .collections .search input:hover{
	cursor:text;
}
.page_sim .collections .search input:hover::placeholder{
	opacity:0;
}
.page_sim .collections .familles{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1rem;
	text-align:center;
	margin:3rem auto 0 auto;
	padding:0;
	overflow:visible;
}
.page_sim .collections .familles > li{
	display:flex;
	flex:1;
	align-self: stretch;
	margin:0;
	padding:0;
	color: #1C2A41;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	background-color:#FFF;
	position:relative;
	overflow:visible;
}
.page_sim .collections .familles a{
	display:block;
	width:100%;
	margin:auto;
	padding:0.5rem 0;
	text-align:center;
	line-height:1.4rem;
}
.page_sim .collections .familles a span{
	display:block;
	text-align:center;
	font-size:1.4rem;
}
.page_sim .collections .familles li:hover,  .page_sim .collections .familles li.active{
	background-color:#1C2A41;
	color:#FFF;
}
.page_sim .collections .familles .smenu{
	position:absolute;
	top:100%;
	right:0;
	margin:0 auto;
	padding:0;
	width: 17rem;
	height: auto;
	display:none;
    -webkit-transition:all 200ms ease-in;
    -moz-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
}
.page_sim .collections .familles .smenu ul{
	margin-top:0.5rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	background-color:#FFF;
}
.page_sim .collections .familles .smenu li{
	margin:0 auto;
	padding:1rem 0.5rem;
}
.page_sim .collections .familles .smenu.mini{
	width: 10rem;
}
.page_sim .collections .familles > li:hover .smenu{
	color: #1C2A41;
	display:block;
}
.page_sim .collections .familles > li.active .smenu{
	color: #1C2A41;
}
.page_sim .collections .familles .smenu li:hover, .page_sim .collections .familles .smenu li.active{
	background-color:#1C2A41;
	color:#FFF;
}
.page_sim .collections .CFamille{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	display:inline-block;
	text-align:left;
	font-size:0;
  	overflow-x: hidden;
	overflow-y: auto;
	/* Mozilla firefox */
	scrollbar-color: #1C2A41 #BABABA;
	scrollbar-width: thin;
}
.page_sim .collections .CFamille::-webkit-scrollbar{
	width: 4px;
	background-color: #BABABA;
}
.page_sim .collections .CFamille::-webkit-scrollbar-track {
	background-color: #BABABA;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border:1px solid #f8f5f3;
}

.page_sim .collections .CFamille::-webkit-scrollbar-thumb {
	background-color: #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border: 2px solid #1C2A41;
}
.page_sim .collections .CFamille li{
	display:inline-block;
	vertical-align:bottom;
	margin: 0 2% 2% 0;
	padding:0;
	width:12.28%;
	height:auto;
	text-align:center;
	/*background-color:#FFF;*/
}
.page_sim .collections .CFamille li.w100{
	width:100%;
}
.page_sim .collections .CFamille li .ref{
	display:block;
	margin: 0 auto;
	padding:0;
	width:100%;
	height:auto;
	color:#1C2A41;
	font-size:1.4rem;
	font-weight:500;
	visibility:hidden;
}
.page_sim .collections .CFamille li.lozang, .page_sim .collections .CFamille li.FM_lozang{
	width:21.49%;
	height:auto;
}
.page_sim .collections .CFamille li.FM_FS, .page_sim .collections .CFamille li.PentaR, .page_sim .collections .CFamille li.TrianglIs, .page_sim .collections .CFamille li.FM_HT{
	width:15.35%;
	height:auto;
}
.page_sim .collections .CFamille li.FM_LEAF{
	width:11.359%;
	height:auto;
}
.page_sim .collections .CFamille li.PentaIr{
	width:12.28%;
	height:auto;
}
.page_sim .collections .CFamille li.TrianglEq{
	width:17.0078%;
	height:auto;
}
.page_sim .collections .CFamille li.Rectangl28x14, .page_sim .collections .CFamille li.FM_BT{
	width:17.192%;
	height:auto;
}
.page_sim .collections .CFamille li.Rectangl30x8{
	width:18.42%;
	height:auto;
}
.page_sim .collections .CFamille img{
	padding:0;
	margin:0 auto;
	width:100%;
	max-width:100%;
	height: auto;
	cursor:pointer;
}
.page_sim .collections .CFamille img.active{
	border: 3px solid #1C2A41;
}
.page_sim .colours .search{
	display:block;
	width:100%;
	height: auto;
	margin:0 auto;
	padding:0;
	text-align:left;
}
.page_sim .colours .search input{
	display:block;
	width: 100%;
	height:3rem;
	margin:0;
	padding:0.5rem 0;
	padding-left:2rem;
	border:1px solid #1C2A41;
	background-color:#FFF;
	color:#1C2A41;
	text-align:center;
	font-size:1.4rem;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	background-image:url("https://carreaux-ciment.com/images4/commun/search_black.svg");
	background-repeat:no-repeat;
	background-position:1rem center;
	background-size: 15px auto;
}
.page_sim .colours .search input.white{
	color:#FFF;
	background-image:url("https://carreaux-ciment.com/images4/commun/search_white.svg");
}
.page_sim .colours .search input:hover{
	cursor:text;
}
.page_sim .colours .search input:hover::placeholder{
	opacity:0;
}
.page_sim .colours .palette{
	display:block;
	margin:3rem auto 0 auto;
	padding:0 0.5rem;
	text-align:center;
	font-size:0;
}
.page_sim .colours .palette a{
	display:inline-block;
	width:30%;
	height:auto;
	margin:0 auto;
	margin-right:5%;
	margin-bottom:5%;
	padding:0;
	position:relative;
}
.page_sim .colours .palette a:nth-child(3n+3){
	margin-right:0;
}
.page_sim .colours .palette a img{
	width:100%;
	height:auto;
	border:1px solid #BABABA;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	vertical-align:bottom;
}
.page_sim .colours .palette a img.img1{
	filter : alpha(opacity=100);
	opacity:1; 
	transition:opacity 0.5s ease-in-out;
	-moz-transition:opacity 0.5s ease-in-out;
	-o-transition:opacity 0.5s ease-in-out;
	-ms-transition:opacity 0.5s ease-in-out;
	-webkit-transition:opacity 0.5s ease-in-out;
	z-index:100;
}/**/
.page_sim .colours .palette a img.img2{
	position:absolute;
	left:0;
	right:0;
	z-index:110;
	opacity:1;
}
.page_sim .colours .palette a:hover img.img2{
	filter: alpha(opacity=0);
	opacity:0;
}
.page_sim .colours .palette a.active img.img2{
	filter: alpha(opacity=100);
	opacity:1;
}
.page_sim .colours .palette a:hover img{
	border:none;
}
.page_sim .colours .palette a.active img{
	border:0.5rem solid #f8f5f3;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
}
.page_sim .resv_dessin_devis .reservoir{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content:flex-start;
	gap: 5%;
	margin: 0 auto;
	padding:0;
}
.page_sim .resv_dessin_devis .reservoir > img{
	width: 16%;
	height:auto;
	color:#1C2A41;
	border:1px solid #1C2A41;
	max-width:75px;
	cursor:pointer;
	margin-bottom:1rem;
}
/*.page_sim .resv_dessin_devis .reservoir > div{
	width: 16%;
	height:auto;
	color:#1C2A41;
	border:1px solid #1C2A41;
	max-width:75px;
	cursor:pointer;
	margin-bottom:1rem;
}*/
.page_sim .resv_dessin_devis .reserver_vider{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content:flex-start;
	gap: 1rem;
	margin: 0 auto;
	margin-top:0.5rem;
	padding:0;
	font-size:1.4rem;
}
.page_sim .resv_dessin_devis .reserver_vider a{
	font-size:1.4rem;
	color:inherit;
	text-decoration:underline;
}
.page_sim .resv_dessin_devis .coloriser{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	display:flex;
	justify-content: center;
	text-align:center;
	cursor: url(https://carreaux-ciment.com/images4/simulateur/cursor/B.png), default;
	position:relative;
}
.page_sim .resv_dessin_devis .coloriser > img, .page_sim .resv_dessin_devis .coloriser > svg{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	display:inline-block;
	vertical-align:bottom;
	border:2px solid #1C2A41;
	border-radius:0.5rem;
	-webkit-border-radius:0.5rem;
	-moz-border-radius:0.5rem;
	-ms-border-radius:0.5rem;
}		
.page_sim .resv_dessin_devis .coloriser .loading{
	/*display:none;*/
	position: absolute;
	top:50%;
	left:50%;
	width:50px;
	height:auto;
	border:none;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.msgresearch{
	position: absolute;
	top:50%;
	width: auto;
	height:auto;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	margin: 0 auto;
	padding:1.5rem;
	border:1px solid #1C2A41;
	border-radius:0.5rem;
	-webkit-border-radius:0.5rem;
	-moz-border-radius:0.5rem;
	-ms-border-radius:0.5rem;
	background-color:#FFF;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, .5);
	-moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, .5);
	display:none;/**/
}
.msgresearch .flex{
	display:flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	column-gap:2rem;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	font-size:1.8rem;
}
.msgresearch .flex > *{
	text-align:left;
	border:none !important;
}
.msgresearch .invisible{
	visibility:hidden;
}
.page_sim .resv_dessin_devis .downloadsm_rot_col{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	column-gap:4rem;
	width:100%;
	height:auto;
	margin:0;
	margin-top:0.5rem;
	padding:0;
	font-size:1.4rem;
}
.page_sim .resv_dessin_devis .downloadsm_rot_col a[data-title]:hover:after {
	opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
.page_sim .resv_dessin_devis .downloadsm_rot_col a[data-title]:after {
	content: attr(data-title);
	background-color:#FFF;
	color: #1C2A41;
	font-size: 1.4rem;
	position: absolute;
	padding: 0.5rem 1rem;
	top: 110%;
	left: 0;
	white-space: nowrap;
	opacity: 0;
	z-index: 9;
	visibility: hidden;
	border:1px solid #000;
	border-radius:0.5rem;
	-webkit-border-radius:0.5rem;
	-moz-border-radius:0.5rem;
	-ms-border-radius:0.5rem;
}
[data-title]{
	position: relative;
}
.page_sim .resv_dessin_devis .downloadsm_rot_col .downloadsm{
	flex:1;
}
.page_sim .resv_dessin_devis .downloadsm_rot_col .rot_col{
	flex:12;
	display:flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
	align-items: center;
	align-content: flex-end;
	column-gap:1rem;
	margin:0;
	padding:0;
}
.page_sim .resv_dessin_devis .downloadsm_rot_col .rot_col > *{
	flex:0.09;
	width:26px;
}
.page_sim .resv_dessin_devis .downloadsm_rot_col .rot_col .onetile_fourtiles{
	position:relative;
}
.page_sim .resv_dessin_devis .downloadsm_rot_col .rot_col .onetile_fourtiles input{
	display:none;
}
/*.page_sim .resv_dessin_devis .downloadsm_rot_col .rot_col .onetile_fourtiles input:checked + label{
	display:flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1rem;
}*/
.page_sim .resv_dessin_devis .downloadsm_rot_col .rot_col .onetile_fourtiles .img1{
	filter : alpha(opacity=100);
	opacity:0; 
	transition:opacity 0.5s ease-in-out;
	-moz-transition:opacity 0.5s ease-in-out;
	-o-transition:opacity 0.5s ease-in-out;
	-ms-transition:opacity 0.5s ease-in-out;
	-webkit-transition:opacity 0.5s ease-in-out;
	z-index:100;
}
.page_sim .resv_dessin_devis .downloadsm_rot_col .rot_col .onetile_fourtiles .img2{
	position:absolute;
	left:0;
	right:0;
	z-index:110;
	opacity:1;
}
.page_sim .resv_dessin_devis .downloadsm_rot_col .rot_col .onetile_fourtiles:hover img.img2, .page_sim .resv_dessin_devis .downloadsm_rot_col .rot_col .onetile_fourtiles.active img.img2{
	filter: alpha(opacity=0);
	opacity:0;
}
.page_sim .resv_dessin_devis .downloadsm_rot_col .rot_col .onetile_fourtiles:hover img.img1, .page_sim .resv_dessin_devis .downloadsm_rot_col .rot_col .onetile_fourtiles.active img.img1{
	filter: alpha(opacity=100);
	opacity:1;
}
.page_sim .resv_dessin_devis .calc{
	display:block;
	width: 100%;
	height: auto;
	margin:0 auto;
	margin-top:1rem;
	padding:2rem;
	text-align:left;
	font-size:1.8rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	background:#fff;
}
.page_sim .resv_dessin_devis .calc ul{
	width: 100%;
	display:block;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:0;
}
.page_sim .resv_dessin_devis .calc ul li{
	width: 100%;
	display:block;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
}
.page_sim .resv_dessin_devis .calc ul li.flex{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.page_sim .resv_dessin_devis .calc ul li.flex .picflex{
	display:flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.3rem;
}
.page_sim .resv_dessin_devis .calc ul li.flex .picflex img{
	width:3rem;
	height:auto;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
/*.page_sim .resv_dessin_devis .calc ul li.flex.panel{
	display:block;
	font-size:0;
}
.page_sim .resv_dessin_devis .calc ul li.flex.panel > span{
	display:inline-block;
	vertical-align:top;
	font-size:1.8rem;
	min-width:50%;
	margin-top:0.2rem;
	margin-bottom:0.2rem;
}
.page_sim .resv_dessin_devis .calc ul li.flex.panel label{
	cursor:pointer;
}
.page_sim .resv_dessin_devis .calc ul li.flex.panel a{
	border:none;
	margin:0;
	padding:0;
}*/
.page_sim .resv_dessin_devis .calc ul li.flex input.checkbox{
	display:inline-block;
	vertical-align: sub;
	width:1.8rem;
	height:1.8rem;
	margin:0 auto;
	padding:0;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
    background-color: #FFF;
    border: 2px solid #1C2A41;
    outline: none;
	content: "";
	font-size:1.4rem;
	position:relative;
}
.page_sim .resv_dessin_devis .calc ul li.flex input.checkbox:checked:before {
    position:absolute;
	top:0;
	left:0;
	width:1.5rem;
	height:1.5rem;
	line-height:1.4rem;
	background-color: #1C2A41;
	color:#FFF;
	 -webkit-text-fill-color: #FFF;
	content: "\2714";
}
.page_sim .resv_dessin_devis .calc ul li input.text{
	width:9rem;
	height:3rem;
	text-align:center;
	line-height:3rem;
	margin:0;
	padding:0;
	background-color: #FFF;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.page_sim .resv_dessin_devis .calc ul li a{
	margin:0;
	padding:0.5rem 2rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.page_sim .resv_dessin_devis .calc ul li a.black{
	color:#FFF;
	background-color:#1C2A41;
}
.page_sim .resv_dessin_devis .calc ul#choixcaisse{
	display:none;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	font-size:0;
}
.page_sim .resv_dessin_devis .calc ul#choixcaisse li{
	width:50%;
	height:auto;
	margin:0 auto;
	padding:0;
	color: #BE6154;
	font-size:1.8rem;
	text-align:left;
}
.page_sim .resv_dessin_devis .calc ul#choixcaisse li:last-of-type{
	text-align:right;
}
.page_sim .resv_dessin_devis .calc ul li.msg{
	margin-top:1rem;
	font-size:1.4rem;
	text-align:center;
}
.page_sim .resv_dessin_devis .calc ul li.mt{
	margin-top:1rem;
}
.page_sim .resv_dessin_devis .calc .verspanier{
	display:block;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	font-size:1.8rem;
	text-align:right;
}
.page_sim .resv_dessin_devis .calc .verspanier a{
	display:inline-block;
	text-align:center;
	margin:0;
	padding:0.5rem 2rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	color: #FFF;
	border:none;
	background-color: #3F5A86;
}
.page_sim .resv_dessin_devis .calc .verspanier a.blue{
	color: #FFF;
	border:none;
	background-color: #3F5A86;
}
.page_sim .resv_dessin_devis .calc .formulaire_sauvegard{
	width: 100%;
	height:auto;
	margin:0;
	margin-top:2rem;
	padding:0;
	text-align:center;
	overflow:hidden;
	display:none;
}	
.page_sim .resv_dessin_devis .calc .formulaire_sauvegard ul{
	margin:0;
	padding:0;
	text-align:center;
	list-style:none;
	background-color:#FFF;
}	
.page_sim .resv_dessin_devis .calc .formulaire_sauvegard ul li{
	display:block;
	text-align:left;
	padding:0;
	margin:.5rem 0 0;
	width: auto;
	height:auto;
	border:0;
	overflow:hidden;
	color:#1C2A41;
	font-size:0;
}
.page_sim .resv_dessin_devis .calc .formulaire_sauvegard ul li#erreursim{
	font-size:1.4rem;
	height: 3rem;
	margin:0;
	padding:0;
}
.page_sim .resv_dessin_devis .calc .formulaire_sauvegard ul li.email{
	display:none;
}
.page_sim .resv_dessin_devis .calc .formulaire_sauvegard ul li label{
	display:inline-block;
	vertical-align: middle;
	width:30%;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0;
	font-size:1.8rem;
	font-weight:normal;
}
.page_sim .resv_dessin_devis .calc .formulaire_sauvegard ul li input{
	display:inline-block;
	vertical-align:middle;
	font-weight:normal;
	font-size:1.8rem;
	background-color:#FFF;
	width:70%;
	height: 3rem;
	text-align:left;
	border: 1px solid #1C2A41;
	color:#1C2A41;
	-webkit-text-fill-color: #1C2A41;
	margin:0;
	padding:0 0.5rem;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.page_sim .resv_dessin_devis .calc .formulaire_sauvegard textarea{
	display:inline-block;
	vertical-align:top;
	font-weight:normal;
	font-size:1.8rem;
	background-color:#FFF;
	color:#1C2A41;
	-webkit-text-fill-color: #1C2A41;
	width:70%;
	height: 8rem;
	margin:0;
	padding:0 0.5rem;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	text-align:left;
	border: 1px solid #1C2A41;
}	
.page_sim .resv_dessin_devis .calc .formulaire_sauvegard input.submit{
	display:inline-block;
	text-align:center;
	margin:0;
	padding:0.5rem 2rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	color: #FFF;
	-webkit-text-fill-color: #FFF;
	font-weight:500;
	font-size:1.8rem;
	background-color:#1C2A41;
	width:auto;
	min-width:0;
	height: auto;
	line-height:normal;
	cursor:pointer;
	float:right;
}
.page_sim .V3D_tapis{
	visibility:hidden;
}
.page_sim .V3D_tapis .Vider_lien3D{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1rem;
	margin: 0;
	padding:0;
	font-size:1.4rem;
}
.page_sim .V3D_tapis .Vider_lien3D .vider{
	padding:0.5rem 1rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	background-color:#FFF;
}
.page_sim .V3D_tapis .V3D{
	display:flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 1rem;
	margin: 0;
	padding:0;
}
.page_sim .V3D_tapis .V3D a{
	position:relative;
	width:45px;
}
.page_sim .V3D_tapis .V3D a img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}
.page_sim .V3D_tapis .V3D a img.img1{
	filter : alpha(opacity=100);
	opacity:0; 
	transition:opacity 0.5s ease-in-out;
	-moz-transition:opacity 0.5s ease-in-out;
	-o-transition:opacity 0.5s ease-in-out;
	-ms-transition:opacity 0.5s ease-in-out;
	-webkit-transition:opacity 0.5s ease-in-out;
	z-index:100;
}
.page_sim .V3D_tapis .V3D a img.img2{
	position:absolute;
	left:0;
	right:0;
	z-index:110;
	opacity:1;
}
.page_sim .V3D_tapis .V3D a:hover img.img2,  .page_sim .V3D_tapis .V3D a.active img.img2{
	filter: alpha(opacity=0);
	opacity:0;
}
.page_sim .V3D_tapis .V3D a:hover img.img1,  .page_sim .V3D_tapis .V3D a.active img.img1{
	filter: alpha(opacity=100);
	opacity:1;
}
.page_sim .V3D_tapis .V3D a[data-title]:hover:after {
	opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
.page_sim .V3D_tapis .V3D a[data-title]:after {
	content: attr(data-title);
	color: #1C2A41;
	font-size: 1.4rem;
	position: absolute;
	top: -2rem;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	white-space: nowrap;
	opacity: 0;
	z-index: 9;
	visibility: hidden;
	border: none;
}
.page_sim .V3D_tapis .tapisvertuel{
	display:flex;
	width:100%;
	height: auto;
	margin:0 auto;
	margin-top:1rem;
	padding: 0;
	font-size:1.4rem;
	color:#1C2A41;
	position: relative;
}
#CarreauxTapis, #HexagonalTapis, #HexagonalTapisL, #LozangeTapis, #FSTapis, #LEAFTapis, #BTTapis, #HTTapis, #PentaIrTapis, #Rectangl30x8Tapis, #TrianglEqTapis, #TrianglIsTapis{
	display:none;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background:#FFF;
}
#TapisCarreaux, #TapisHexagonal, #TapisHexagonalL, #TapisLozange, #TapisFS, #TapisLEAF, #TapisBT, #TapisHT, #TapisPentaIr, #TapisRectangl30x8, #TapisTrianglEq, #TapisTrianglIs{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	cursor: pointer;
	background:transparent;
}
#PourBordsC, #PourBords, #PourBordsHL, #PourBordsL, #PourBordsFS, #PourBordsLEAF, #PourBordsBT, #PourBordsHT, #PourBordsPentaIr, #PourBordsRectangl30x8, #PourBordsTrianglEq, #PourBordsTrianglIs{
	width: 100%;
	height: auto;
	margin:0 auto;
}
#PourBordsC{
	cursor: url(https://carreaux-ciment.com/images4/simulateur/Tapis/Square.png), default;
}
#PourBords{
	cursor: url(https://carreaux-ciment.com/images4/simulateur/Tapis/Hexa.png), default;
}
#PourBordsHL{
	cursor: url(https://carreaux-ciment.com/images4/simulateur/Tapis/TallHexa.png), default;
}
#PourBordsFS{
	cursor: url(https://carreaux-ciment.com/images4/simulateur/Tapis/Fish.png), default;
}
#PourBordsC svg, #PourBords svg, #PourBordsHL svg, #PourBordsL svg, #PourBordsFS svg, #PourBordsLEAF svg, #PourBordsBT svg, #PourBordsHT svg, #PourBordsPentaIr svg, #PourBordsRectangl30x8 svg, #PourBordsTrianglEq svg, #PourBordsTrianglIs svg{
	width: 100%;
	height: auto;
	border:1px solid #1C2A41;
}
.page_sim .V3D_tapis .tapisvertuel .info_tapis{
	display:block;
	text-align:center;
	position: absolute;
	top:15%;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	padding: 4rem;
	background-color:#FFF;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}

/************************************************************************************************* Page Couleurs cement ***********************************************************************/
.page_couleurs_cement{
	width:70%;
	max-width: 1920px;
	min-width:1100px;
	text-align:center;
	display:block;
	margin:0 auto;
	padding:0;
}
.page_couleurs_cement .text{
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	font-style: 500;
	font-size:1.8rem;
	text-align:center;
}
.page_couleurs_cement .text span{
	display:block;
	font-style: normal;
	font-size:1.4rem;
}
.page_couleurs_cement .couleurs_cement{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-content: space-between;
	align-items: flex-start;
	column-gap: 2rem;
	width:100%;
	height:auto;
	margin:0;
	margin-top:3rem;
	padding:0;
}
.page_couleurs_cement .couleurs_cement .pics{
	flex:5.23;
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: left;
	gap: 0.7rem;
}
.page_couleurs_cement .couleurs_cement .pics a{
	max-width:11.5%;
	height:auto;
	margin:0;
	padding:0;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	overflow:hidden;
}
.page_couleurs_cement .couleurs_cement .bigs{
	flex:4;
}
.page_couleurs_cement .couleurs_cement .bigs ul li{
	display:flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-content: flex-start;
	align-items: flex-start;
	column-gap: 2rem;
	width:100%;
	height: auto;	
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
	font-weight:normal;
	text-align:left;
}
.page_couleurs_cement .couleurs_cement .bigs a{
	text-decoration:underline;
}
.page_couleurs_cement .couleurs_cement .bigs div{
	flex:1;
	width: auto;
	height: auto;	
	margin:0;
	padding:0;
}
.page_couleurs_cement .couleurs_cement .bigs .img{
	flex:1;
	overflow:hidden;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	background-image: none;
	background-position: center center;
    background-repeat: no-repeat;
	background-size: contain;
	border:1px solid #1C2A41
}
.page_couleurs_cement .couleurs_cement .bigs .img img{
	width:100%;
	height: auto;
	opacity:0;
}
.page_couleurs_cement .couleurs_cement .bigs .img#img1{
	border-radius: 0.8rem 0.8rem 0 0;
	-webkit-border-radius: 0.8rem 0.8rem 0 0;
	-moz-border-radius: 0.8rem 0.8rem 0 0;
	-ms-border-radius: 0.8rem 0.8rem 0 0;
	-o-border-radius: 0.8rem 0.8rem 0 0;
}
.page_couleurs_cement .couleurs_cement .bigs .img#img3{
	border-radius: 0 0 0.8rem 0.8rem;
	-webkit-border-radius: 0 0 0.8rem 0.8rem;
	-moz-border-radius: 0 0 0.8rem 0.8rem;
	-ms-border-radius: 0 0 0.8rem 0.8rem;
	-o-border-radius: 0 0 0.8rem 0.8rem;
}
.page_couleurs_cement .couleurs_cement .bigs .ref{
	font-weight:500;
}
.page_couleurs_cement .couleurs_cement .bigs .stockdispo{
	display:inline-block;
	width: 100%;
	text-align:left;
	margin:0;
	padding:1rem 2rem;
	border:1px solid #1C2A41;
	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_couleurs_cement .couleurs_cement .bigs .stockdispo span{
	vertical-align: middle;
	text-align:left;
}
.page_couleurs_cement .couleurs_cement .bigs .stockdispo .rond{
	display:inline-block;
	vertical-align: middle;
	width:3rem;
	height:3rem;
	margin-right:2rem;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
	background: rgba(64,214,148);
}
.page_couleurs_cement .couleurs_cement .bigs .nuancedispo{
	display:flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
	align-content: flex-start;
	column-gap: 1rem;
	width: 100%;
	text-align:left;
	margin:0;
	margin-top:1rem;
	padding:1rem;
	border:1px solid #1C2A41;
	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_couleurs_cement .couleurs_cement .bigs .nuancedispo span{
	flex:1;
	text-align:left;
	font-size:1.4rem;
}

/************************************************************************************ Page poser-protéger ************************************************************************************/		
.page_poser_proteger{
	width:60%;
	max-width:1920px;
	text-align:center;
	display:block;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
}
.page_poser_proteger h1{
	display:inline-block;
	width: auto;
	height:auto;
	text-align:left;
	font-weight:500;
	font-size:2.2rem;
	line-height:normal;
	margin: 0 auto;
	padding:0;
}
.page_poser_proteger h1 span{
	display:block;
	text-align:left;
	font-weight: normal;
	font-size:1.4rem;
	margin: 0;
	padding:0;
}
.page_poser_proteger ul.block1{
	width:100%;
	height:auto;
	text-align:left;
	margin:0;
	margin-top:3rem;
	padding:0;
}
.page_poser_proteger ul.block1 li{
	width:100%;
	height: auto;
	text-align:left;
	margin:0;
	padding:0;
}
.page_poser_proteger ul.block1 li.block{
	max-height:115px;
	-webkit-transition:height 0.5s ease-in-out;
	-moz-transition:height 0.5s ease-in-out;
	-o-transition:height 0.5s ease-in-out;
	transition:height 0.5s ease-in-out;
}
.page_poser_proteger ul.block1 li.block.active{
	max-height:300rem;
}
.page_poser_proteger ul.block1 li h2{
	display:inline;
	font-weight:500;
	font-size:1.8rem;
	margin:0;
	padding:0;
}
.page_poser_proteger ul.block1 li .ytvideo{
	float:left;
	width:175px;
	height:auto;
	margin:0;
	margin-right:2rem;
	margin-bottom:2rem;
	padding:0;
	cursor:pointer;
}
.page_poser_proteger ul.block1 li .ytvideo img{
	width:100%;
	height:auto;
}
.page_poser_proteger ul.block1 li .video_time{
	display:block;
	text-align:right;
	font-size:1.4rem;
	font-style:italic;
}
.page_poser_proteger ul.block1 li p{
	margin:0;
	margin-top:1.2rem;
	padding:0;
	text-align:justify;
}
.page_poser_proteger ul.block1 li.plier{
	width:100%;
	height:auto;
	text-align:right;
	font-size:2.2rem;
	cursor:pointer;
}
.page_poser_proteger ul.block1 li.plier:before{
	content:"+";
}
.page_poser_proteger ul.block1 li.plier.active:before{
	content:"-";
	font-size:3rem;
}
.produits_entretien{
	width:60%;
	max-width:1920px;
	min-width:110rem;
	text-align:center;
	display:block;
	margin:0 auto;
	margin-top:5rem;
	padding:0;
	font-size:1.8rem;
}
.produits_entretien h2{
	display:block;
	width: 100%;
	height:auto;
	text-align:center;
	color:#1C2A41;
	font-weight:500;
	font-size:2.4rem;
	line-height:normal;
	margin: 0 auto;
	padding:0;
}
.produits_entretien h2 span{
	display:block;
	width: 100%;
	height:auto;
	text-align:center;
	color:#1C2A41;
	font-weight: normal;
	font-size:1.4rem;
	line-height:normal;
	margin: 0 auto;
	padding:0;
}
.produits_entretien .sealer{
	display:block;
	width:80%; /*100%*/
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
}
.produits_entretien .sealer ul{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items: flex-start;
	align-content: center;
	gap:2rem;
	margin-bottom:1rem;
}
.produits_entretien .sealer ul li{
	flex:1;
}
.produits_entretien .sealer .titre{
	align-items: stretch;
	align-content: stretch;
	justify-content: stretch;
	margin:0 auto;
	padding:0.5rem;
	color:#1C2A41;	
	font-weight:500;
}
.produits_entretien .sealer li p{
	width:100%;
	margin:auto;
	margin-bottom:0.5rem;
	padding:0;
	border: none;
	color:#1C2A41;
}
.produits_entretien .sealer .titre font{
	display:block;
	font-weight: normal;
}
.produits_entretien .sealer li .arround img{
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.produits_entretien .sealer li p.prix_litre{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items: flex-start;
	align-content: center;
	font-size:1.4rem;
}
.produits_entretien .sealer li .add_product{
	width:100%;
	height:auto;
	text-align:center;
}
.produits_entretien .sealer li .add_product input{
	display:block;
	width:100%;
	margin:0;
	padding:0.5rem 0;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	background-color:#FFF;
	color:#1C2A41;
	font-weight:500;
	font-size:1.4rem;
	text-align:center;
}
.produits_entretien .sealer li .add_product a{
	display:block;
	width:100%;
	margin:0;
	padding:0.5rem 0;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	background-color:#1C2A41;
	color:#FFF;
	font-weight:500;
	font-size:1.4rem;
	text-align:center;
}
.produits_entretien .sealer li .red{
	color: #FF0000;
	font-size:1.4rem;
}
.produits_entretien .sealer li .info{
	display:block;
	width:100%;
	margin:0;
	padding:0.5rem 0;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	background-color:#FFF;
	color:#1C2A41;
	font-size:1.4rem;
	text-align:center;
	position:relative;
}
.produits_entretien .sealer li .info a{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	color:#1C2A41;
	font-weight:500;
	text-align:center;
	position:relative;
}
.produits_entretien .sealer li .info a img{
	position:absolute;
	top: 50%; 
    left: 90%; 
    transform: translate(-50%, -50%); 
}
.produits_entretien .sealer .info .plusinfo{
	display:none;
	font-size:1.4rem;
	text-align:left;
	margin:0;
	margin-top:1rem;
	padding:0 0.5rem;
	font-weight:normal;
}
.produits_entretien .sealer .info .plusinfo.show{
	display:block;
}

/************************************************************************************ Page fiche technique ************************************************************************************/		
.page_technique{
	width:60%;
	max-width: 1920px;
	text-align:center;
	display:block;
	margin:0 auto;
	margin-top:2rem;
}
.page_technique h1{
	width:100%;
	height:auto;
	text-align:center;
	font-weight:500;
	font-size:2rem;
	line-height:normal;
	margin: 0;
	padding:0;
}
.page_technique .ytvideo{
	width: 20%;
	height:auto;
	height:auto;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	cursor:pointer;
}
.page_technique .ytvideo img{
	width:100%;
	height:auto;
}
.page_technique .video_time{
	display:block;
	text-align:right;
	font-size:1.4rem;
	font-style:italic;
}
.page_technique p.text{
	width:90%;
	margin:0 auto;
	margin-top:1.5rem;
	padding:0;
	text-align:justify;
}
.page_technique p strong{
	font-weight:500;
}
.page_technique table{
	width:90%;
	text-align:left;
	margin: 0 auto;
	margin-top:1rem;
}
.page_technique table td{
	padding: .2rem .5rem .2rem 0rem;
}
.page_technique table td.imgA {
	padding: 0;
	vertical-align:top;
	width:42%;
}
.page_technique table td.imgA img{
	width: 100%;
}


/************************************************************************************************* Page Collection Classiques ***********************************************************************/
.page_classiques{
	width:100%;
	max-width: 1920px;
	margin: 0 auto;
	padding:0;
	font-size:1.8rem;
    font-weight: 300;
	text-align:center;
}
.page_designers .designers_header{
	display:flex;
	width: 100%;
    height: auto;
	margin:0 auto;
	padding:0;
    position: relative;
}
.page_designers .designers_header .slider{
	display:block;
	width: 100%;
    height: auto;
	margin:0;
	padding:0;
}
.page_designers .designers_header .slick-slide{
    width:100%;
	height:auto;
	padding:0;
	margin:0;
}
.page_designers .designers_header .text{
	display:block;
	width: 30%;
    height: auto;
	margin:0 auto;
	padding:0;
    position: absolute;
    left: 4rem;
    bottom: 4rem;
	font-size:2.4rem;
    color: #FFF;
    text-align: left;
}
.page_designers .designers_header .text h1{
	display:block;
	width: 100%;
    height: auto;
	margin:0 auto;
	padding:0;
	font-size:4rem;
}
.page_designers .designers_header .text p{
	display:block;
	width: 100%;
    height: auto;
	margin:0;
    margin-top: 2rem;
	padding:0;
	font-size:1.8rem;
}
.page_designers .designers{
	display:flex;
    flex-flow: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    column-gap: 6rem;
    row-gap:2rem;
	width: 90%;
    height: auto;
	margin:0 auto;
    margin-top: 4rem;
	padding:0;
}
.page_designers .designers .designer{
	display:block;
	width: calc((100% - 6rem)*1/2);
    height: auto;
	margin:0;
	padding:0;
}
.page_designers .designers .designer .pics{
	display:flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    column-gap: 0.5rem;
    width: 100%;
    height: auto;
	margin:0;
	padding:0;
}
.page_designers .designers .designer .logo_godesigner{
	display:flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-content: space-between;
    align-items: flex-start;
    column-gap: 1rem;
	margin:0;
    margin-top: 1rem;
	padding:0;
}
.page_designers .designers .designer .logo{
	display: table-cell;
	max-width: 35%;
    height: 7rem;
}
.page_designers .designers .designer .logo img{
    width: auto;
	max-width: 100%;
    height: auto;
    max-height: 100%;
}
.page_designers .designers .designer .godesigner{
	display: inline-block;
    padding: 0.5rem 3rem;
    color: #717171;
    border: 1px solid #717171;
}
.andywelland .andywelland_header{
	display:flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    column-gap: 8rem;
	width: 100%;
    height: auto;
	margin:0 auto;
	padding:2rem 4rem;
    background-color: #FFDEEC;
}
.andywelland .andywelland_header .text{
	flex: 2;
    display:block;
    height: auto;
	margin:0;
	padding:0;
    color: #000;
    text-align: left;
}
.andywelland .andywelland_header .text h1{
	display:block;
	width: 100%;
    height: auto;
	margin:0;
    margin-bottom: 4rem;
	padding:0;
	font-size:2.8rem;
}
.andywelland .andywelland_header .text h1 img{
	max-width: 75%;
    height: auto;
    vertical-align: bottom;
}
.andywelland .andywelland_header .text p{
	display:block;
	width: 100%;
    height: auto;
	margin:0;
    margin-top: 2rem;
	padding:0;
	font-size:1.8rem;
}
.andywelland .andywelland_header .imgs{
	flex: 3;
	display:flex;
    flex-direction: row;
    flex-flow: nowrap;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    column-gap: 0.5rem;
	margin:0;
	padding:0;
}
.andywelland .andywelland_info{
	display:flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: stretch;
    column-gap: 1rem;
	width: 100%;
    height: auto;
	margin:0 auto;
    margin-top: 4rem;
	padding:0 4rem;
}
.andywelland .andywelland_info h2{
	font-size:2.8rem;
}
.andywelland .andywelland_info .andywelland_Linfo{
	display:flex;
    flex-flow: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    row-gap: 2rem;
	flex: 1;
	margin:0;
	padding:0;
}
.andywelland .andywelland_info .andywelland_Linfo .pics{
	display:flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    column-gap: 0.5rem;
    width: 100%;
    height: auto;
	margin:0;
	padding:0;
}
.andywelland .andywelland_info .andywelland_Rinfo{
	display:flex;
    flex-flow: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    row-gap: 2rem;
	flex: 1;
	margin:0;
	padding:0;
}
.andywelland .andywelland_info .andywelland_Rinfo .pics{
	display:flex;
    flex-flow: nowrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    column-gap: 2rem;
    width: 100%;
    height: auto;
	margin:0;
	padding:0;
    text-align: left;
}
.andywelland .andywelland_info .andywelland_Rinfo .pics img{
	box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, .2);
    margin-bottom: 1rem;
}
.andywelland .andywelland_info .andywelland_Rinfo .gosim{
	display: inline-block;
    padding: 0.5rem 3rem;
    color: #000;
    border: 1px solid #000;
}
.andywelland .ftext{
    display:block;
    max-width: 50%;
    height: auto;
	margin:0;
    margin-top: 2rem;
	padding:0 4rem;
    color: #000;
    text-align: left;
}

.valentinebarg .valentinebarg_header{
	display:block;
	width: 100%;
    height: auto;
	margin:0 auto;
	padding:0;
}
.valentinebarg > h1{
    display:block;
	max-width: 20%;
    height: auto;
	margin:0;
    margin-top: 2rem;
	padding:0 4rem;
    text-align: left;
}
.valentinebarg .valentinebarg_info{
	display:flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
    column-gap: 8rem;
	width: 100%;
    height: auto;
	margin:0 auto;
    margin-top: 2rem;
	padding:0 4rem;
}
.valentinebarg .valentinebarg_Linfo{
	flex: 4;
    column-count: 2;
    column-width: 50%;
    column-gap: 3rem;
    text-align: left;
}
.valentinebarg .valentinebarg_Rinfo{
	flex: 5;
	display:flex;
    flex-flow: nowrap;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    column-gap: 2rem;
	margin:0;
	padding:0;
    text-align: right;
}
.valentinebarg .valentinebarg_pics{
	display:flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    column-gap: 1rem;
    width: 100%;
    height: auto;
	margin:0;
    margin-top: 4rem;
	padding:0 4rem;
    text-align: left;
}
.valentinebarg .ftext{
    display:block;
    width: 100%;
    height: auto;
	margin:0;
    margin-top: 4rem;
	padding:0 4rem;
    color: #000;
    text-align: left;
}

.tanjah > h1{
    display:block;
	width: 100%;
    max-width: 40rem;
    height: auto;
	margin:0 auto;
	padding:2rem 4rem;
    text-align: center;
}
.tanjah .tanjah_collections{
	display:flex;
    flex-flow: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    column-gap: 1rem;
	width: 100%;
    height: auto;
	margin:0 auto;
	padding:2rem 4rem;
    background-color: #f8f5f3;
}
.tanjah .tanjah_collections > a{
	max-width: 10rem;
}
.tanjah .tanjah_info{
	display:flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;
    column-gap: 8rem;
	width: 100%;
    height: auto;
	margin:0 auto;
    margin-top: 2rem;
	padding:0 4rem;
}
.tanjah .tanjah_Linfo{
	flex: 1;
    text-align: left;
}
.tanjah .tanjah_Linfo h2{
	font-size: 2.8rem;
    font-weight: 500;
}
.tanjah .tanjah_Linfo .text{
	margin-top: 4rem;
}
.tanjah .tanjah_Linfo .links{
	display:flex;
    flex-flow: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    column-gap: 1rem;
    margin: 0;
	margin-top: 4rem;
    padding: 0;
}
.tanjah .tanjah_Linfo .links > a{
	flex: 1;
    margin:0;
	padding:0.5rem 2rem;
	font-size:1.8rem;
    text-align: center;
	border:1px solid #000;
	border-radius: 0;
	-webkit-border-radius:  0;
	-moz-border-radius:  0;
	-ms-border-radius:  0;
	-o-border-radius: 0;
}
.tanjah .tanjah_Rinfo{
	flex: 3;
	display:flex;
    flex-flow: nowrap;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    column-gap: 0.5rem;
	margin:0;
	padding:0;
    text-align: right;
}

.victoriajohnson{
	display:flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: stretch;
    column-gap: 2rem;
	width: 100%;
    height: auto;
	margin:0 auto;
    margin-top: 2rem;
	padding:0 4rem;
}
.victoriajohnson .victoriajohnson_info{
	position: relative;
    text-align: center;
}
.victoriajohnson .info{
	position: absolute;
    top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	display:flex;
    flex-direction: column;
    flex-flow: wrap;
    justify-content: space-between;
    align-content: space-between;
    align-items: stretch;
    row-gap: 0;
    width: 100%;
    height: 100%;
	margin:0;
	padding:2rem 4rem;
}
.victoriajohnson .info h1{
	width: 30%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
.victoriajohnson .info .patterns{
	display:flex;
    flex-flow: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    column-gap: 3rem;
	width: 100%;
    height: auto;
	margin:0 auto;
	padding:0;
}
.victoriajohnson .info .patterns img{
	box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, .2);
}
.victoriajohnson .info .text{
	display: block;
    text-align: center;
}
.victoriajohnson .info .links{
    margin: 0 auto;
    padding: 0;
}
.victoriajohnson .info .links > a{
    margin:0;
	padding:0.5rem 4rem;
	font-size:1.8rem;
    text-align: center;
	border:1px solid #000;
	border-radius: 0;
	-webkit-border-radius:  0;
	-moz-border-radius:  0;
	-ms-border-radius:  0;
	-o-border-radius: 0;
    background-color: #FFF;
}


.page_classiques .note1, .page_classiques .note2{
	display:block;
	color:#1C2A41;
	font-weight: normal;
	font-size:1.8rem;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
}
.page_classiques .note2{
	width: 75%;
}
.page_classiques .gallery_classic{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 16px 16px;
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div1 div2 div3 div4 div4 div5"
		"div1 div1 div6 div6 div4 div4 div7"
		"div1 div1 div8 div9 div9 div10 div10"
		"div11 div12 div12 div12 div13 div10 div10"
		"div11 div14 div15 div16 div16 div10 div10"
		"div17 div18 div18 div16 div16 div19 div19"
		"div20 div18 div18 div21 div22 div19 div19";
}
.div1 { grid-area: div1; position:relative;}
.div2 { grid-area: div2; position:relative;}
.div3 { grid-area: div3; position:relative;}
.div4 { grid-area: div4; position:relative;}
.div5 { grid-area: div5; position:relative; }
.div6 { grid-area: div6; position:relative; }
.div7 { grid-area: div7; position:relative;}
.div8 { grid-area: div8; position:relative;}
.div9 { grid-area: div9; position:relative;}
.div10 { grid-area: div10; position:relative;}
.div11 { grid-area: div11; position:relative;}
.div12 { grid-area: div12; position:relative;}
.div13 { grid-area: div13; position:relative;}
.div14 { grid-area: div14; position:relative;}
.div15 { grid-area: div15; position:relative;}
.div16 { grid-area: div16; position:relative;}
.div17 { grid-area: div17; position:relative;}
.div18 { grid-area: div18; position:relative;}
.div19 { grid-area: div19; position:relative;}
.div20 { grid-area: div20; position:relative;}
.div21 { grid-area: div21; position:relative;}
.div22 { grid-area: div22; position:relative;}

.book img{
	position:absolute; 
	top:0; left:0; 
	width:100%;
	z-index:0;
}
.book .img1{
	position:absolute;
	left:0;
	right:0;
	z-index:110;
	width:100%;
	height:auto;
	opacity:1;
}
.book .img2{
	filter : alpha(opacity=100);
	opacity:1; 
	transition:opacity 0.5s ease-in-out;
	-moz-transition:opacity 0.5s ease-in-out;
	-o-transition:opacity 0.5s ease-in-out;
	-ms-transition:opacity 0.5s ease-in-out;
	-webkit-transition:opacity 0.5s ease-in-out;
	z-index:100;
	width:100%;
}
.book:hover .img1{
	filter: alpha(opacity=0);
	opacity:0;
}
.page_classiques .gallery_romantic{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 16px 16px;
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div1 div2 div2 div2 div3 div4"
		"div5 div5 div2 div2 div2 div6 div4"
		"div5 div5 div7 div8 div9 div10 div10"
		"div11 div11 div11 div8 div12 div12 div13"
		"div14 div15 div16 div17 div12 div12 div13";
}
.page_classiques .gallery_modern{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 16px 16px;
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div1 div2 div3 div3 div3 div4"
		"div1 div1 div5 div3 div3 div3 div6"
		"div1 div1 div5 div7 div8 div9 div9"
		"div10 div11 div11 div12 div8 div9 div9"
		"div10 div11 div11 div13 div13 div13 div14";
}
.page_classiques .gallery_ambiance{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 16px 16px;
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div1 div2 div3 div3 div3 div4"
		"div5 div5 div6 div3 div3 div3 div4"
		"div5 div5 div7 div7 div8 div9 div9"
		"div10 div11 div7 div7 div12 div9 div9"
		"div13 div14 div14 div14 div12 div15 div15"
		"div16 div14 div14 div14 div17 div17 div17";
}
.page_classiques .gallery_black-white{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 16px 16px;
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div2 div3 div4 div4 div5 div6"
		"div7 div8 div9 div4 div4 div10 div11"
		"div7 div12 div13 div13 div14 div15 div11"
		"div16 div17 div13 div13 div18 div18 div18"
		"div19 div17 div20 div20 div18 div18 div18";
}
.page_classiques .gallery_uni-colour{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 16px 16px;
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div2 div2 div2 div3 div3 div4"
		"div5 div5 div5 div6 div3 div3 div7"
		"div5 div5 div5 div6 div8 div8 div7"
		"div5 div5 div5 div9 div9 div10 div10"
		"div11 div12 div13 div14 div14 div10 div10"
		"div11 div15 div15 div14 div14 div10 div10"
		"div16 div15 div15 div17 div17 div17 div18";
}
.page_classiques .gallery_flow{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 16px 16px;
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div2 div2 div2 div3 div3 div4"
		"div5 div5 div5 div6 div3 div3 div7"
		"div5 div5 div5 div6 div8 div8 div7"
		"div5 div5 div5 div9 div9 div10 div10"
		"div11 div12 div13 div14 div14 div10 div10"
		"div11 div15 div15 div14 div14 div10 div10"
		"div16 div15 div15 div17 div17 div17 div18";
}
.page_classiques .gallery_stamp{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 16px 16px;
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div1 div2 div3 div3 div3 div4"
		"div1 div1 div5 div3 div3 div3 div6"
		"div1 div1 div5 div7 div8 div9 div9"
		"div10 div11 div11 div12 div8 div9 div9"
		"div10 div11 div11 div13 div13 div13 div14";
}
.page_classiques .gallery_suzannesharp{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 16px 16px;
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div1 div2 div3 div3 div3 div4"
		"div1 div1 div5 div3 div3 div3 div4"
		"div1 div1 div5 div6 div7 div8 div8"
		"div9 div10 div10 div11 div7 div8 div8"
		"div9 div10 div10 div12 div13 div8 div8";
}
.page_classiques .suzannesharp{
	display:flex;
	width:80%;
	height:auto;
	margin:10rem auto;
	padding:0;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: flex-start;
	align-content: center;
	column-gap: 5rem;
}
.page_classiques .suzannesharp img{
	border-radius: 5rem;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	-ms-border-radius: 5rem;
	-o-border-radius: 5rem;
}
.page_classiques .suzannesharp .text{
	text-align:left;
	font-size:2.4rem;
}
.page_classiques .suzannesharp .text h3{
	font-size:5rem;
}
.page_classiques .suzannesharp .text p{
	margin-top:2rem;
}
.page_classiques .gallery_akacorleone{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0 2rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 16px 16px;
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div2 div3 div4"
		"div1 div5 div5 div4";
}
.page_classiques .gallery_akacorleone .div3{
	background-image:url("https://carreaux-ciment.com/images4/collections2/Akacorleone/paisage_sauvage.webp");
	background-repeat:no-repeat;
	background-size: contain;
}
.page_classiques .gallery_akacorleone .div3 .text{
	text-align: justify;
	font-size:1.8rem;
	padding:12.5%;
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.page_classiques .gallery_akacorleone .div3 .text h1{
	font-size:2.4rem;
	font-weight:500;
}
.page_classiques .gallery_akacorleone .div3 .text p{
	margin-top:2rem;
}
@media (max-width: 1650px) {
.page_classiques .gallery_akacorleone .div3 .text{
	font-size:1.8rem;
}
.page_classiques .gallery_akacorleone .div3 .text h1{
	font-size:2rem;
}
}
@media (max-width: 1550px) {
.page_classiques .gallery_akacorleone .div3 .text{
	font-size:1.4rem;
}
.page_classiques .gallery_akacorleone .div3 .text h1{
	font-size:1.8rem;
}
}
.page_classiques .akacorleone{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:2rem;
	padding:0 2rem;
}
.page_classiques .akacorleone h2{
	font-size:3rem;
}
.page_classiques .akacorleone > img{
	margin-top:2rem;
}
.page_classiques .akacorleone .text{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:4rem;
	padding:0;
	text-align:left;
	position:relative;
}
.page_classiques .akacorleone .top{
	position:absolute;
	width:35.5%;
	height:auto;
	top:4%;
	right:14%;
}
.page_classiques .akacorleone .top p{
	margin-top:5%;
}
.page_classiques .akacorleone .bottom{
	position:absolute;
	width:35%;
	height:auto;
	bottom:5%;
	right:14%;
}
.page_classiques .akacorleone .bottom a{
	display:inline-block;
	margin:0;
	margin-top:3rem;
	padding:1rem 1.5rem;
	font-weight:500;
	background-color:#FFF;
	border:1px solid #1C2A41;
	border-radius: 1rem;
	-webkit-border-radius:  1rem;
	-moz-border-radius:  1rem;
	-ms-border-radius:  1rem;
	-o-border-radius: 1rem;
}
.page_classiques .akacorleone .akacorleone_footer{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:4rem;
	padding:0;
	text-align:center;
}
.page_classiques .akacorleone .akacorleone_footer h3{
	font-weight:normal;
	font-size:1.8rem;
}
.page_classiques .gallery_mollymahon{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:1rem;
	padding:0 1rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-auto-columns: 1fr;
	gap: 16px 16px;
	grid-auto-flow: row;
	grid-template-areas:
		"div1 div2 div3 div4"
		"div1 div5 div5 div4";
}
.page_classiques .gallery_mollymahon .div3 .text{
	text-align: left;
	font-size:2rem;
	padding:10%;
	position:absolute;
	top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
    color: #465836;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
@media (max-width: 1700px) {
.page_classiques .gallery_mollymahon .div3 .text{
	font-size:1.8rem;
}
}
@media (max-width: 1500px) {
.page_classiques .gallery_mollymahon .div3 .text{
	font-size:1.6rem;
}
}
@media (max-width: 1300px) {
.page_classiques .gallery_mollymahon .div3 .text{
	font-size:1.4rem;
}
}
@media (max-width: 1025px) {
.page_classiques .gallery_mollymahon .div3 .text{
	font-size:1.2rem;
}
}

.page_classiques .mollymahon{
	display:block;
	width: 100%;
    height: auto;
	margin:0;
	padding:0;
}
.page_classiques .mollymahon0{
	display:block;
    width: 100%;
    height: auto;
	margin:0;
    margin-top: 4rem;
	padding:4rem;
    background-color: #FBF2F3;
}
.page_classiques .mollymahon0 h2{
	font-size: 2.2rem;
    font-weight: 500;
}
.page_classiques .mollymahon1{
	display:flex;
    flex-flow: nowrap;
    justify-content: space-around;
    align-content: flex-start;
    align-items: flex-start;
    gap: 7rem;
    width: 100%;
    height: auto;
	margin:0;
    margin-top: 3rem;
	padding:0;
}
.page_classiques .mollymahon1 a{
	display:flex;
    flex-flow: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    row-gap: 1rem;
    width: auto;
    height: auto;
	margin:0;
    padding: 0;
    font-size: 1.8rem;
    text-align: left;
    color: #465836;
}
.page_classiques .mollymahon1 a img{
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, .2);
}
.page_classiques .mollymahon2{
	display:flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    gap: 4rem;
    width: 90%;
    height: auto;
	margin:0 auto;
    margin-top: 4rem;
	padding:4rem;
    text-align: left;
    background-color: #F5F5F4;
    position: relative;
}
.page_classiques .mollymahon2 .loops{
	flex:3;
    position: relative;
	display:flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    gap: 0;
}
.page_classiques .mollymahon2 .loops img{
    position:absolute; 
    top:0; 
    left:0;
    width: auto;
    height: auto;
	transition: all 0.3s ease 0s;
}
.page_classiques .mollymahon2 .loops .loop1{
    position: relative;
	width: 70%;
    aspect-ratio:649 / 788;
}
.page_classiques .mollymahon2 .loops .loop1 > div img{
    width: 100%;
    height: 100%;
}
.page_classiques .mollymahon2 .loops .loop1 > div{
    position: relative;
    width: 100%;
    height: 100%;
}
.page_classiques .mollymahon2 .loops .loop1 > div .caption{
    color:white;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    text-align: left;
    font-size: 1.4rem;
    background: black;
    opacity: 0.6;
    width: 100%;
    padding: 1rem;
}
.page_classiques .mollymahon2 .loops .loop2{
	width: 40%;
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
	transform: translateY(-50%);
    z-index: 5;
    aspect-ratio:1 / 1;
}
.page_classiques .mollymahon2 .loops .loop2 img{
    aspect-ratio:1 / 1;
}
.page_classiques .mollymahon2 .text{
	flex:2;
    font-size: 1.8rem;
    color: #465836;
    margin-top: 4rem;
}
.page_classiques .mollymahon2 .text h2{
    font-size: 2.2rem;
    font-weight: 500;
}
.page_classiques .mollymahon2 .text p{
    font-size: 1.8rem;
    text-align: left;
    margin-top: 2rem;
}
.page_classiques .mollymahon2 .textabsol{
	position: absolute;
    bottom: 4rem;
    right: 4rem;
    width: 53%;
    font-size: 1.4rem;
    text-align: left;
}
.page_classiques .mollymahon2 .textabsol .sign{
    margin-top: 1.5rem;
}

.page_classiques .motifs{
	display:flex;
	width:80%;
	height:auto;
	margin:0 auto;
	padding:0;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	gap: 2%;
}
.page_classiques .motifs > div{
	width:15%;
	height:auto;
	margin:0;
	margin-bottom:2%;
	padding:0;
}
.page_classiques .motifs > div img{
	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_classiques .links{
	display:flex;
	width:80%;
	height:auto;
	margin:0 auto;
	margin-top:5rem;
	padding:0;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	gap: 3rem;
}
.page_classiques .links > a{
	margin:0;
	padding:1rem 2rem;
	font-size:1.8rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius:  0.5rem;
	-moz-border-radius:  0.5rem;
	-ms-border-radius:  0.5rem;
	-o-border-radius: 0.5rem;
}

#gallery_collections > div{
	cursor:pointer;
}
#gallery_collections img, #gallery_collections svg, #gallery_collections video{
	border-radius: 0.8rem;
	-webkit-border-radius: 0.8rem;
	-moz-border-radius: 0.8rem;
	-ms-border-radius: 0.8rem;
	-o-border-radius: 0.8rem;
}
#visage-caption{
	color: #FFF;
	font-family: 'Urbanist';
    padding-top: 1rem;
}
#visage-caption a{
	color: inherit !important;
	font-size:1.8rem !important;
}
#visage-caption .stockdispo_simdispo{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: space-between;
	align-items: center;
	gap: 1rem;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	overflow:visible;
}
#visage-caption .stockdispo{
	display:inline-block;
	margin:0 ;
	padding:1rem 2rem;
	border:1px solid #1C2A41;
    background-color: #FFF;
    color: #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
#visage-caption .stockdispo span{
	vertical-align: middle;
	text-align:left;
}
#visage-caption .stockdispo .rond{
	display:inline-block;
	width:3rem;
	height:3rem;
	margin-right:2rem;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
	background: rgba(64,214,148);
}
/***** dev all coulour*******/
.cementcolours{
	display:none;
	padding:3rem 0;
	background: white;
	border: 1px solid #EEEDEB;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;
	height:auto;
	color:inherit;
	font-size:1.8rem;
	overflow: visible;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
	overflow-y: auto;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.cementcolours::-webkit-scrollbar {
  display: none;
}
.cementcolours button{
	background-color:transparent;
	position:absolute;
	width:auto;
	top:1.5rem;
	right:1.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;
}
.cementcolours .text{
	margin:0 auto;
	padding:0;
	font-style: 500;
	font-size:1.8rem;
	text-align:center;
}
.cementcolours .text span{
	display:block;
	font-style: normal;
	font-size:1.4rem;
}
.cementcolours .couleurs_cement{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-content: space-between;
	align-items: flex-start;
	column-gap: 2rem;
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
}
.cementcolours .couleurs_cement .pics{
	flex:5.24;
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: left;
	gap: 0.7rem;
}
.cementcolours .couleurs_cement .pics a{
	max-width:11.5%;
	height:auto;
	margin:0;
	padding:0;
	border:1px solid #D0D0D0;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	overflow:hidden;
}
.cementcolours .couleurs_cement .bigs{
	flex:4;
}
.cementcolours .couleurs_cement .bigs ul li{
	display:flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-content: flex-start;
	align-items: flex-start;
	column-gap: 2rem;
	width:100%;
	height: auto;	
	margin:0 auto;
	padding:0;
	font-size:1.8rem;
	font-weight:normal;
	text-align:left;
}
.cementcolours .couleurs_cement .bigs a{
	text-decoration:underline;
}
.cementcolours .couleurs_cement .bigs div{
	flex:1;
	width: auto;
	height: auto;	
	margin:0;
	padding:0;
}
.cementcolours .couleurs_cement .bigs .img{
	flex:1;
	overflow:hidden;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	background-image: none;
	background-position: center center;
    background-repeat: no-repeat;
	background-size: contain;
	border:1px solid #1C2A41
}
.cementcolours .couleurs_cement .bigs .img img{
	width:100%;
	height: auto;
	opacity:0;
}
.cementcolours .couleurs_cement .bigs .img#img1{
	border-radius: 0.8rem 0.8rem 0 0;
	-webkit-border-radius: 0.8rem 0.8rem 0 0;
	-moz-border-radius: 0.8rem 0.8rem 0 0;
	-ms-border-radius: 0.8rem 0.8rem 0 0;
	-o-border-radius: 0.8rem 0.8rem 0 0;
}
.cementcolours .couleurs_cement .bigs .img#img3{
	border-radius: 0 0 0.8rem 0.8rem;
	-webkit-border-radius: 0 0 0.8rem 0.8rem;
	-moz-border-radius: 0 0 0.8rem 0.8rem;
	-ms-border-radius: 0 0 0.8rem 0.8rem;
	-o-border-radius: 0 0 0.8rem 0.8rem;
}
.cementcolours .couleurs_cement .bigs .ref{
	font-weight:500;
}
.cementcolours .couleurs_cement .bigs .stock{
	margin-top:0.5rem;
}
.cementcolours .couleurs_cement .bigs .stockdispo{
	display:inline-block;
	width: 100%;
	text-align:left;
	margin:0;
	padding:1rem 2rem;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.cementcolours .couleurs_cement .bigs .stockdispo span{
	vertical-align: middle;
	text-align:left;
}
.cementcolours .couleurs_cement .bigs .stockdispo .rond{
	display:inline-block;
	vertical-align: middle;
	width:3rem;
	height:3rem;
	margin-right:2rem;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-o-border-radius: 3rem;
	background: rgba(64,214,148);
}
.cementcolours .couleurs_cement .bigs .nuancedispo{
	display:flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
	align-content: flex-start;
	column-gap: 1rem;
	width: 100%;
	text-align:left;
	margin:0;
	margin-top:1rem;
	padding:1rem;
	border:1px solid #1C2A41;
	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;
}
.cementcolours .couleurs_cement .bigs .nuancedispo span{
	flex:1;
	text-align:left;
	font-size:1.4rem;
}

/************************************************************************************************* Page nuances ***********************************************************************/
.page_nuances{
	width:100%;
	max-width: 1920px;
	margin: 0 auto;
	padding:0;
	font-size:1.8rem;
	text-align:center;
}
.page_nuances .note1{
	display:block;
	color:#1C2A41;
	font-weight: normal;
	font-size:1.8rem;
	margin:0 auto;
	margin-top:3rem;
	padding:0 2rem;
	font-weight:500;
}
.page_nuances .note1 span{
	display:block;
	margin-top:1rem;
	font-weight:normal;
}
.page_nuances .nuances_dev_3D{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	align-content: flex-start;
	column-gap: 8rem;
	margin:0 auto;
	margin-top:3rem;
	padding:0;
	width:92%;
	height:auto;
}
.page_nuances .nuances_dev_3D h2{
	font-size:inherit;
	font-weight:500;
}
.page_nuances .nuances_dev_3D > div{
	text-align:left;
}
.page_nuances .nuances{
	flex:1.3;
}
.page_nuances .dev{
	flex:1.7;
}
.page_nuances .perspective{
	flex:2.5;
}
.page_nuances .nuances0{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	column-gap: 2%;
	row-gap: 1rem;
	margin:0;
	margin-top:1rem;
	padding:0;
}
.page_nuances .nuances0 a{
	display:flex;
	width:23.5%;
}
.page_nuances .nuances0 img{
	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_nuances .nuances0 a.active img{
	/*transform: scale(0.8); */
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
}
.page_nuances .text{
	display:block;
	margin:auto;
	margin-top:5rem;
	padding:0;
}
.page_nuances .text img{
	display:block;
	margin:0;
	margin-top:1rem;
	padding:0;
}
.page_nuances .imgdev{
	position:relative;
}
.page_nuances .imgdev .div{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;
}
.page_nuances .formes{
	display:flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: flex-end;
	align-content: flex-start;
	column-gap: 20%;
	margin:0;
	margin-top:2rem;
	padding:0;
}
.page_nuances .formes .spics{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-end;
	align-content: flex-start;
	column-gap: 1rem;
	row-gap: 0.5rem;
	cursor:pointer;
	text-align:left;
}
.page_nuances .formes img{
	width:100px;
	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_nuances .formes img.active{
	border:1px solid #1C2A41;
}
.page_nuances .info{
	display:flex;
	flex-direction: column;
	flex-wrap: nowrap;
	row-gap: 1rem;
	margin:0;
	margin-top:2rem;
	padding:1.5rem;
	font-size:1.8rem;
	border:1px solid #1C2A41;
	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_nuances .info p{
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	column-gap: 1rem;
	margin:0;
	padding:0;
}
.page_nuances .info select{
	width: auto;
	height: auto;
	line-height:3rem;
	background-color: #FFF;
	font-weight : normal;
	text-align : center;
	margin:0;
	padding: 0 1.5rem;
	padding-right:4rem;
	border:1px solid #1C2A41;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color:#1C2A41;
	-webkit-text-fill-color: #1C2A41;
	font-size:1.8rem;
	appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	background-image:url("https://carreaux-ciment.com/images4/commun/drop_down_arrow.svg");
	background-repeat:no-repeat;
	background-position:right 1.5rem center;
	background-size: 18px auto;
	cursor:pointer;
}
.page_nuances .info input{
	width:12rem;
	height:3rem;
	text-align:center;
	margin:0;
	background-color:#FFF;
	color:#1C2A41;
	font-weight:500;
	border:1px solid #1C2A41;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.page_nuances .info #choixcaisse{
	display:none;
	font-size:0;
}
.page_nuances .info #choixcaisse span{
	width:50%;
	height:auto;
	margin:0 auto;
	padding:0;
	color: #BE6154;
	font-size:1.8rem;
	text-align:left;
}
.page_nuances .info #choixcaisse span:last-of-type{
	text-align:right;
}
.page_nuances .info #msg{
	font-size:1.4rem;
	justify-content:center;
}
.page_nuances .info #msg.green{
	height:40px;
	font-size:1.8rem;
	color: #1C2A41;
	padding-left:4.5rem;
	background-image: url('https://carreaux-ciment.com/images4/stock/greenchecked.svg');
	background-repeat: no-repeat;
	background-position: 3.5rem center;
	background-size: 40px 40px;
}
.page_nuances .info p a{
	font-size:1.8rem;
	color: #FFF;
	border:none;
	background-color: #3F5A86;
	padding:0.5rem 2rem;
	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_nuances .perspective{
	position:relative;
}
.page_nuances .perspective .per{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	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 paypal ************************************************************************/
.trait{
	display:block;
	border-bottom:.1rem solid #D0D0D0;
	width:100%;
	max-width: 1920px;
	margin:0 auto;
	height:0rem;
}
.paypal{
	width:600px;
	height:120px;
	margin:0 auto;
	padding:0;
	border:0;
}
.paypal input{
	width: auto;
	height:auto;
	border:0;
	vertical-align:middle;
}

/************************************************************************************************* Page Sim Pop ***********************************************************************/
.header_pop{
	width:75%;
	margin: 0 auto;
	margin-top:2rem;
	padding:0;
	text-align:center;
}
.header_pop ul{
	display:table;
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0 2.5rem;
	text-align:left;
	font:0;
}
.header_pop ul li{
	display:table-cell;
	vertical-align:bottom;
	width:auto;
	height:auto;
	margin: 0 auto;
	padding:0;
	text-align:left;
}
.header_pop ul li.right{
	text-align:right;
	width:40%;
}
.header_pop ul.formes li.right{
	text-align:right;
	width:60%;
}
.header_pop ul li.right a{
	display:inline-block;
	vertical-align:bottom;
}
.header_pop ul li.right span.videos{
	display:inline-block;
	vertical-align:bottom;
}
.header_pop .stock img, .header_pop .simulateur img, .header_pop .couleurs img, .header_pop .pop img, .header_pop .videos img{
	opacity:0;
}
.page_pop{
	width:75%;
	margin: 0 auto;
	margin-top:1rem;
	padding:0;
	text-align:center;
}
/******** sim pop *******/
.page_pop .Sim_pop{
	width:90%;
	max-width:1300px;
	height:auto;
	margin:0 auto;
	margin-top:2rem;
	padding:0;
	font-size:0;
}
.page_pop .Sim_pop li{
	display:inline-block;
	vertical-align:top;
	width:36%;
	height:auto;
	margin:0 2%;
	padding:0;
}
.page_pop .Sim_pop li.Hexagonal{
	display:inline-block;
	vertical-align:top;
	width:56%;
	height:auto;
	margin:0 2%;
	padding:0;
}
.page_pop .Sim_pop li ul{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.page_pop .Sim_pop li ul#CFamille li{
	display:inline-block;
	width: 12.57%;
	height:auto;
	margin: 0 2% 1rem 0;
	padding:0;
	font-size:1.8rem;
	cursor:pointer;
}
.page_pop .Sim_pop li ul#CFamille li:nth-child(7n+7){
	margin:0 0 1rem 0;
}
.page_pop .Sim_pop li area{
	cursor:pointer;
}
.page_pop .Sim_pop li ul.info_choix{
	margin-top:1rem;
}
.page_pop .Sim_pop li ul.info_choix li{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	font-size:0;
}
.page_pop .Sim_pop li ul.info_choix li.label{
	text-align:left;
	margin-top:2rem;
	color:#1C2A41;
	border-bottom:1px solid #D0D0D0;
}
.page_pop .Sim_pop li ul.info_choix li.info{
	text-align:left;
	margin-top:1rem;
}
.page_pop .Sim_pop li ul.info_choix li.sauvegarde_pop{
	text-align: center;
	margin-top:2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #D0D0D0;
}
.page_pop .Sim_pop li ul.info_choix li span, .Sim_pop li ul.info_choix li a{
	display:inline-block;
	vertical-align:top;
	font-size:1.4rem;
}
.page_pop .Sim_pop li ul.info_choix li span.tooltip2 span{
	display:none;
}
.page_pop .Sim_pop li ul.info_choix li span.tooltip2 img{
	margin-bottom:0.2rem;
}
.page_pop .Sim_pop li ul.info_choix li span.tooltip2:hover span{
	display:inline;
}
.page_pop .Sim_pop li ul.info_choix li span.w50{
	width:50%;
}
.page_pop .Sim_pop li ul.info_choix li.info input{
	display:inline-block;
	vertical-align:middle;
	width:6rem;
	height:2rem;
	margin:0;
	border:1px solid #D0D0D0;
	background-color:#FFF;
}
.page_pop .Sim_pop li ul.formulaire_sauvegard{
	text-align:center;
	padding:0;
	margin:0;
	margin-top:1rem;
	font-size:1.8rem;
	width:100%;
	height:auto;
	display:none;
}
.page_pop .Sim_pop li ul.formulaire_sauvegard li{
	text-align:right;
	padding:0;
	margin:1rem 0;
	height:auto;
	display:block;
	width:100%;
	height:auto;
}
.page_pop .Sim_pop li ul.formulaire_sauvegard li.email{
	display:none;
}
.page_pop .Sim_pop li ul.formulaire_sauvegard label{
	font-weight:normal;
	background-color:#FFF;
	width:30%;
	height: auto;
	text-align:left;
	margin:0;
	padding:0;
	vertical-align:middle;
	display:inline-block;
}
.page_pop .Sim_pop li ul.formulaire_sauvegard label[for=msgres]{
	width:100%;
}
.page_pop .Sim_pop li ul.formulaire_sauvegard input{
	font-weight:normal;
	background-color:#FFF;
	width:70%;
	height: 3rem;
	line-height:3rem;
	text-align:left;
	border:1px solid #D0D0D0;
	margin:0;
	padding:0 .2rem;
	vertical-align:middle;
}
.page_pop .Sim_pop li ul.formulaire_sauvegard input.mini-input{
	width:34.5%;
	margin:0 1% 0 0;
}	
.page_pop .Sim_pop li ul.formulaire_sauvegard input.mini-input.no-mg{
	margin:0;
}	
.page_pop .Sim_pop li ul.formulaire_sauvegard li.no-mg{
	margin:0;
}					
.page_pop .Sim_pop li ul.formulaire_sauvegard textarea{
	font-weight:normal;
	background-color:#FFF;
	width:100%;
	height: 6rem;
	margin:0;
	padding:0 .2rem;
	text-align:left;
	vertical-align:middle;
	border:1px solid #D0D0D0;
}
.page_pop .Sim_pop li ul.formulaire_sauvegard #erreur{
	color:#f3b47c;
	font-size:1.4rem;
	margin-right:0.5rem;
}
.page_pop .Sim_pop li ul.formulaire_sauvegard input.submit{
	font-weight:bold;
	background-color:#FFFFFF;
	text-decoration:underline;
	width:7rem;
	margin:0;
	padding:0;
	outline:none;
	cursor:pointer;
	border:0;
	font-weight:normal;
	background: url(https://carreaux-ciment.com/images4/commun/flechereduite.png) right no-repeat;
}
.page_pop .gallery_product.pop{
	max-width:1335px;
	margin-top:6rem;
}
.page_pop .gallery_product .text_slide{
	text-align: center;
	font-style:italic;
	font-size:1.4rem;
}
.page_pop .gallery_product .text_slide a{
	text-decoration:underline;
}
.page_pop .gallery_nav{
	width:30%;
	max-width:450px;
	height:auto;
	margin:0 auto;
	margin-top:1rem;
	padding:0;
	border:1px solid #FFF;
}
.page_pop .gallery_nav .slick-slide{
	display:inline-block;
	width:19%; 
	height: auto; 
	margin: 0 0.5%; 
	padding: 0;
	cursor: pointer;
	text-align: center;
	opacity: 0.2;
	border:1px solid #888;
}
.page_pop .gallery_nav .slick-slide:hover, .page_pop .gallery_nav .slick-slide.active{
	opacity: 1;
}


/************************************************************************************************MEDIA CSS**********************************************************************************/		
@media (max-width: 1024px) {
body {
	width: 1000px; /* 1024px */
	min-height: 100%;
	margin:auto;
}
.page_couleurs{
	width:90%;
}
.page_poser_proteger{
	width:70%;
}
.page_technique{
	width:80%;
}
#resultats{
	width:95%;
	padding:0 1rem;
}

}