@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: futura-pt, sans-serif;
	font-weight:normal;
}
html {
    font-size: 62.5%;
	width:100%;
	height:100%;
}
body {
    font-size: 18px;
	font-size: 1.8rem;
    line-height: normal; 
	margin: 0 auto;
	padding:0;
	width: 100%;
	min-width:1200px;
	min-height: 80%;
	text-align:center;
	font-weight:normal;
	word-wrap: break-word;
	position: relative;
}
h1, h2, h3, h4, h5, h6{
	font-size: 18px;
	font-size: 1.8rem;
	line-height:normal;
	font-weight:500;
}
/*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{
	width:100%;
	background-color:#FFF;
	margin:0 auto;
	font-size:1.4rem;
}
.header ul{
	max-width: 1920px;
	height: auto;
	display:table;
	text-align:center;
	margin:0 auto;
	padding:0;
	overflow:visible;
}
.header ul li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	overflow:visible;
}
.header .header_P1{
	/*width: 100%;
	margin:0 auto;
	padding:0;
	background-color:#000;
	text-align:left;
	color:#FFF;
	font-size:1.2rem;*/
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-width:1200px;
	height:auto;
	margin:0 auto;
	padding:0.3rem 0;
	background-color:#1C2A41;
	text-align:left;
	color:#FFF;
	font-size:1.4rem;
	border-bottom:1px solid #FFF;
	z-index: 150;
}
.header .header_P1 ul{
	width: 100%;
	margin:0 auto;
	padding:0 2rem;
	text-align:center;
}
.header .header_P1 ul li{
	margin:0 auto;
	padding:0;
	text-align:left;
}
.header .header_P1 ul li a{
	display:inline;
	margin:0;
	padding:0;
	color:#FFF;
}
.header .header_P1 ul li:first-of-type{
	text-align:left;
}
.header .header_P1 ul li img.mosaicfactory{
	width:110px;
	height:auto;
	vertical-align:sub;
	margin:0;
	padding:0;
}
.header .header_P1 ul li:last-of-type{
	text-align:right;
}
.header .header_P1 ul li .otherproducts{
	margin-left:2rem;
}
.header .header_P1 ul li .otherproducts a{
	margin: 0 0.5rem;
	padding:0 1rem;
}
.header .header_P1 ul li .otherproducts a:hover, .header .header_P1 ul li .otherproducts a.active{
	text-decoration:underline;
}
.header .header_P1 ul li:last-of-type a{
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	padding:0;
}
.header .header_P1 ul li a.opennav{
	margin-left:2rem;
	border-left:2px solid #FAF9F8;
}
.header .header_P1 ul li a.opennav img{
	display:inline-block;
	vertical-align:middle;
	width:2.5rem;
	height:auto;
	margin-left:2rem;
	padding-bottom:0.5rem;
}
.header .header_P2{
	width: 100%;
	margin: 0 auto;
	margin-top: 2.6rem;/*3.5rem*/
	padding:2rem 0;
	text-align: center;
	background-color:#FAF9F8;
	border-bottom: 1px solid #D0D0D0;
}
.header .header_P2 ul{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding:0 2rem;
	text-align: center;
	font-size: 0;
	display: table;
	overflow: visible;
}
.header .header_P2 li{
	font-size:1.4rem;
	color:#1C2A41;
	margin:0 auto;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	text-align:left;
	overflow:visible;
} 
.header .header_P2 li img{
	vertical-align: bottom;
}
.header .header_P2 li.menu1{
	width: 20%;
	height: auto;
}
.header .header_P2 li.menu1 img{
	width: 50%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.header .header_P2 li.menu2{
	width: 60%;
	height: auto;
	text-align:center;
}
.header .header_P2 li.menu2 ul{
	display:flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 10%;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align: center;
	font-size:0;
}
.header .header_P2 li.menu2 ul li{
	margin:0;
	padding: 0 1rem;
	color:#1C2A41;
	font-size:2.4rem;
	cursor:pointer;
	font-weight: normal;
	text-align:center;
	border:1px solid #FAF9F8;
	border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
}
.header .header_P2 li.menu2 ul li a{
	display:block;
}
.header .header_P2 li.menu2 ul li:hover, .header .header_P2 li.menu2 ul li.active{
	border-color:#1C2A41;
	background-color:#FFF;
}
.header .header_P2 li.menu3{
	width: 20%;
	text-align:right;
}
.header .header_P2 li.menu3 a{
	display:inline-block;
	vertical-align: middle;
	text-align:center;
	margin:0 auto;
	padding:0;
}
.header .header_P2 li.menu3 a img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	vertical-align:middle;
}
.header .header_P2 li.menu3 a.panier{
	width:3.5rem;
	height:auto;
	position:relative;
}
.header .header_P2 li.menu3 a.panier img{
	vertical-align: top;
	max-width:100%;
	height:auto;
}
.cart{
	display:none;
	width: 2.5rem;
	height: 2.5rem;
	text-align:center;
	font-weight:500;
	color: #1C2A41;
	background: rgba(196,255,194);/* old one (255, 0, 0, 1) -> (243,180,124)*/
	margin: 0 auto;
	padding:0;
	border:1px solid #1C2A41;
	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:120;
	position: absolute;
	top: -0.5rem;
	left:-0.5rem;
}
.header .header_P2 li.menu3 a.panier img.img1{
	filter : alpha(opacity=0);
	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;
	width:100%;
}
.header .header_P2 li.menu3 a.panier img.img2{
	position:absolute;
	left:0;
	right:0;
	z-index:110;
	width:100%;
	height:auto;
	opacity:1;
}
.header .header_P2 li.menu3 a.panier.active img.img1{
	filter: alpha(opacity=100);
	opacity:1;
}
.header hr{
	width: 100%;
	height:0;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 0;
	border-bottom: 1px solid #1C2A41;
}
.header p.affiche{
	font-style:italic;
	font-size:1.1rem;
	color:#888;
	text-align:center;
	margin:0;
	margin-top:0.7rem;
	padding:0;
}
.header .nouveaute{
	width:93.2%; 
	text-align:right; 
	margin:0 auto; 
	margin-top:-2.5rem; 
	padding:0;
	color:#888;
}
.header .nouveaute a{
	text-decoration:none;
	color:#888;
}
.header .nouveaute a:hover strong, .header .nouveaute a.active strong{
	color:#1C2A41;
}
.header .header_P3{
	display:none;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:3rem 0;
	color:#000;
	font-size:2.4rem;
	text-align:center;
	border-bottom:1px solid #D0D0D0;
}
.header .header_P3.active{
	display:block;
}
.header .header_P3 ul{
	width:80%;
	max-width:1920px;
	display:flex;
	justify-content: space-evenly;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: center;
	column-gap: 2rem;
	margin:0 auto;
}
.header .header_P3 ul li{
	display:flex;
	flex:1;
	align-items: center;
	font-weight:500;
	padding:0;
	border-radius:.5rem;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	-ms-border-radius: .5rem;
	-o-border-radius: .5rem;
	border:1px solid #FFF;
}
.header .header_P3 ul li a{
	display:block;
	width:100%;
	font-size:2.4rem;
	margin:0 auto;
	padding:0.5rem;
	text-align:center;
}
.header .header_P3 ul li a span{
	font-weight:normal;
	font-size:1.4rem;
}
.header .header_P3 ul li:hover, .header .header_P3 ul li.active{
	border-color:#1C2A41;
}
.header .header_P3 ul li.romantic{
	background-color:#EBD3C9;
}
.header .header_P3 ul li.classic{
	background-color:#F7E6F2;
}
.header .header_P3 ul li.uni-colour{
	background-image:url("https://carreaux-ciment.com/images4/commun/colours.gif");
}
.header .header_P3 ul li.modern{
	background-color:#c2d3e5;
}
.header .header_P3 ul li.ambiance{
	background-color:#D0E8C9;
}
.header .header_P3 ul li.flow{
	background-color:#F7F0D1;
}
.header .header_P3 ul li.stamp{
	background-color:#e8e9e9;
}
.header .header_P3 ul li.suzannesharp{
	background-color:#9FB5A1;
	color:#FFF;
	min-width:124px;
	font-weight:normal;
}
.header .header_P3 ul li.suzannesharp a{
	font-size:1.8rem;
	line-height: 1.4rem;
}
input#collections{
	display:none;
}
/*input#collections:checked ~ .header_P3{
	display:block;
}*/

/************************ 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;
}

/************************ sidenav *******************/
.menu_panelP {
    width: auto;
    position: fixed;
    top: 0;
	right:0;
	bottom:0;
	margin: 0 auto;
	text-align:right;
	font-size:1.5rem;
	color:#FFF;
    z-index: 150;
}
.menu_panel{
    display:table;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:right;
	position:relative;
}
.menu_panel .sidenav{
    position:absolute;
	top:0;
	right:0;
	height: 100%;
    width: 0;
    background-color: #1C2A41;
    overflow-x: hidden;
    transition: 0.5s;
	text-align:left;
}
.menu_panel .sidenav ul{
    display: block;
    list-style:none;
	margin:0 auto;
	padding:0;
	width:100%;
	height:100%;
	text-align:center;
	transition: 0.3s;
	border-left:1px solid #FFF;
}
.menu_panel .sidenav ul li{
    display: block;
	width:85%;
	height:auto;
	margin:2.5rem auto;
	margin-bottom:3rem;
	padding:0;
	text-align:left;
}
.menu_panel .sidenav ul li a{
    display: inline-block;
	vertical-align: middle;
	width:100%;
	height: auto;
	color: inherit;
    margin:0;
	padding:0;
}
.menu_panel .sidenav ul li a img{
   display:inline;
   vertical-align: middle;
   margin:0;
   margin-right:0.5rem;
   padding:0;
}
.menu_panel .sidenav ul li:hover > a, .menu_panel .sidenav ul li.active > a{
	color: #ccc;
}
.menu_panel .sidenav ul li.close{
	width:100%;
	margin:0;
	padding:0;
	padding-top:0.8rem;
	padding-right:2rem;
	color: #fff;
	text-align:right;
	cursor:pointer;
}
.menu_panel .sidenav ul li.scmedia a{
	display:inline-block;
	vertical-align: middle;
	width:auto;
	margin-right:1.5rem;
}
.menu_panel .sidenav ul li.scmedia a img{
   display:inline-block;
   vertical-align: middle;
   margin:0;
   padding:0;
}

@media screen and (max-height: 450px) {
  .menu_panel .sidenav{padding-top: 1rem;}
  .menu_panel .sidenav a{font-size: 1rem;}
}

/******************************************************************************* 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:#FAF9F8;
}
.main.panier{
	background-color:#FAF9F8;
}

/****************************************************************************** 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{
	color:#5F863C;
	font-size: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;
}

/************************************************************************************************* 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 #FAF9F8;
	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: 0rem;
	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 #FAF9F8;
}

.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 #FAF9F8;
	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 .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 Simulateur Lignes ***********************************************************************/
.header_simulateur_lignes{
	width:80%;
	margin: 0 auto;
	margin-top:1rem;
	padding:0;
	text-align:center;
}
.header_simulateur_lignes ul{
	display:table;
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0;
	text-align:left;
	font:0;
}
.header_simulateur_lignes ul li{
	display:table-cell;
	vertical-align:bottom;
	width:auto;
	height:auto;
	margin: 0 auto;
	padding:0;
	text-align:left;
}
.header_simulateur_lignes ul li.right{
	text-align:right;
	width:40%;
}
.page_simulateur_lignes{
	width:80%;
	height:auto;
	margin:4rem auto 0 auto;
	padding:0 1rem;
}
.page_simulateur_lignes ul.motifs_lines{
	width:18.87%;
	text-align:center;
	margin: 0 3% 0 0;
	overflow:hidden;
	float:left;
}
.page_simulateur_lignes ul.motifs_lines li{
	margin: 0 0 .5rem 0;
	overflow:hidden;
}
.page_simulateur_lignes ul.motifs_lines li img{
	float:left;
	border:2px solid #FFF;
	width:50%;
}
.page_simulateur_lignes ul.motifs_lines a{
	cursor:pointer;
}
.page_simulateur_lignes ul.gamme_unis{
	width:14.13%;
	text-align:center;
	margin: 0 3% 0 0;
	overflow:hidden;
	float:left;
}
.page_simulateur_lignes ul.gamme_unis li{
	margin: 0 0 .5rem 0;
	overflow:hidden;
}
.page_simulateur_lignes ul.motifs_lines li.no-mg, .page_simulateur_lignes ul.gamme_unis li.no-mg{
	margin: 0 auto 0 auto;
}
.page_simulateur_lignes ul.gamme_unis li img{
	float:left;
	border:1px solid #FFF;
	width:33.33333333333333%;
}
.page_simulateur_lignes ul.gamme_unis a{
	cursor:pointer;
}
.page_simulateur_lignes ul.carreau_choisi{
	width:20%;
	text-align:center;
	margin: 0 3% 0 0;
	overflow:hidden;
	float:left;
}
.page_simulateur_lignes ul.carreau_choisi li{
	margin-bottom:0.5rem;
	overflow:hidden;
	font-size:1.4rem;
}
.page_simulateur_lignes #carreau_choisi{
	width:100%;
	height:auto;
	margin:0 auto .5rem auto;
	padding:0;
	text-align:center;
	border:1px solid #D0D0D0;
}
.page_simulateur_lignes #carreau_choisi img{
	width:100%;
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	vertical-align:bottom;
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
}
.page_simulateur_lignes ul.carreau_choisi li input{
	background-color:#F1F1F1;
	border:0;
	width:30%;
	height:2rem;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	font-size:1.1rem;
	font-weight:500;
}
.page_simulateur_lignes ul.carreau_choisi li input.min{
	width:15%;
}
.page_simulateur_lignes ul.carreau_choisi li.ajout_panier{
	text-align:left;
	border-top:1px solid #D0D0D0;
	margin-top:1rem;
	padding-top:1rem;
}
.page_simulateur_lignes ul.carreau_choisi li#choixcaisse{
	display: none;
	text-align:left;
	font-size:1.1rem;
}
.page_simulateur_lignes ul.carreau_choisi li#choixcaisse .radio{
	width:1rem;
	height:1rem;
	vertical-align: middle;
	margin:0 0.5rem 0 0;
}
.page_simulateur_lignes ul.carreau_choisi li.box {
	border-top:1px solid #D0D0D0;
	margin-top:1rem;
	padding-top:1rem;
}
.page_simulateur_lignes ul.carreau_choisi li.msg{
	color:#f3b47c;
	font-size:11px;
	font-size:1.1rem;
	text-align:left;
}
.page_simulateur_lignes ul.partie_tapis{
	width:38%;
	text-align:center;
	margin: 0;
	padding:0;
	overflow:hidden;
	float:left;
}
.page_simulateur_lignes ul.partie_tapis li{
	text-align:left;
	overflow:hidden;
	vertical-align:top;
	margin:0 0 0.5rem 0;
}
.page_simulateur_lignes ul.partie_tapis li ul li{
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0;
}
.page_simulateur_lignes ul .tapis_textures{
	width:100%;
	text-align:center;
	margin: 0 ;
	padding:0;
	overflow:hidden;
	float:right;
	background:#FFF;
	border-right:1px solid #D0D0D0;
	border-top:1px solid #D0D0D0;
}
.page_simulateur_lignes ul .tapis_textures li{
	float:left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-left:1px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
	background:#fff;
	width:16.66666666666667%;
	height:auto;
	margin:0;
	cursor:pointer;
	overflow:hidden;
}
.page_simulateur_lignes ul .tapis_textures li img{
	width:100%;
	height:auto;
	cursor:pointer;
	border:0;
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
}

/************************************************************************************************* Page Simulateur Stamped ***********************************************************************/
.header_simulateur_stamped{
	width:80%;
	margin: 0 auto;
	margin-top:1rem;
	padding:0;
	text-align:center;
}
.header_simulateur_stamped ul{
	display:table;
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0;
	text-align:left;
	font:0;
}
.header_simulateur_stamped ul li{
	display:table-cell;
	vertical-align:bottom;
	width:auto;
	height:auto;
	margin: 0 auto;
	padding:0;
	text-align:left;
}
.header_simulateur_stamped ul li.right{
	text-align:right;
	width:40%;
}
.page_simulateur_stamped{
	width:80%;
	height:auto;
	margin:4rem auto 0 auto;
	padding:0 1rem;
}
.page_simulateur_stamped ul.motifs{
	width:22%;
	text-align:center;
	margin: 0 3% 0 0;
	overflow:hidden;
	float:left;
}
.page_simulateur_stamped ul.motifs li{
	margin-bottom:0.5rem;
	overflow:hidden;
	font-size:1.4rem;
}
.page_simulateur_stamped ul.motifs a{
	cursor:pointer;
}
.page_simulateur_stamped ul.gamme{
	width:11%;
	text-align:center;
	margin: 0 3% 0 0;
	overflow:hidden;
	float:left;
}
.page_simulateur_stamped ul.gamme li{
	margin-bottom:0.5rem;
	overflow:hidden;
	font-size:1.4rem;
}
.page_simulateur_stamped ul.carreau_choisi{
	width:20%;
	text-align:center;
	margin: 0 3% 0 0;
	overflow:hidden;
	float:left;
}
.page_simulateur_stamped ul.carreau_choisi li{
	margin-bottom:0.5rem;
	overflow:hidden;
	font-size:1.4rem;
}
.page_simulateur_stamped ul.carreau_choisi #carreau_choisi img{
	width:100%;
	max-width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	vertical-align:bottom;
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
}
.page_simulateur_stamped ul.carreau_choisi li input{
	background-color:#F1F1F1;
	border:0;
	width:30%;
	height:2rem;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	font-size:1.1rem;
	font-weight:500;
}
.page_simulateur_stamped ul.carreau_choisi li input.min{
	width:15%;
}
.page_simulateur_stamped ul.carreau_choisi li.ajout_panier{
	text-align:left;
	border-top:1px solid #D0D0D0;
	margin-top:1rem;
	padding-top:1rem;
}
.page_simulateur_stamped ul.carreau_choisi li#choixcaisse{
	display: none;
	text-align:left;
	font-size:1.1rem;
}
.page_simulateur_stamped ul.carreau_choisi li#choixcaisse .radio{
	width:1rem;
	height:1rem;
	vertical-align: middle;
	margin:0 .5rem 0 0;
}
.page_simulateur_stamped ul.carreau_choisi li.box {
	border-top:1px solid #D0D0D0;
	margin-top:1rem;
	padding-top:1rem;
}
.page_simulateur_stamped ul.carreau_choisi li.msg{
	color:#f3b47c;
	font-size:11px;
	font-size:1.1rem;
	text-align:left;
}
.page_simulateur_stamped ul.partie_tapis{
	width:38%;
	text-align:center;
	margin: 0;
	padding:0;
	overflow:hidden;
	float:left;
}
.page_simulateur_stamped ul.partie_tapis li{
	text-align:left;
	overflow:hidden;
	vertical-align:top;
	margin:0;
	margin-bottom:0.5rem;
}
.page_simulateur_stamped ul.partie_tapis li ul li{
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0;
}
.page_simulateur_stamped ul .tapis_textures{
	width:100%;
	text-align:center;
	margin: 0 ;
	padding:0;
	overflow:hidden;
	float:right;
	background:#fff;
	border-right:1px solid #D0D0D0;
	border-top:1px solid #D0D0D0;
}
.page_simulateur_stamped ul .tapis_textures li{
	float:left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-left:1px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
	background:#fff;
	width:16.66666666666667%;
	height:auto;
	margin:0;
	cursor:pointer;
	overflow:hidden;
}
.page_simulateur_stamped ul .tapis_textures li img{
	width:100%;
	height:auto;
	cursor:pointer;
	border:0;
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
}

/************************************************************************************************* Page Couleurs cement ***********************************************************************/
.page_couleurs_cement{
	width:70%;
	max-width: 1920px;
	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: 10%;
	width:100%;
	height:auto;
	margin:0;
	margin-top:3rem;
	padding:0;
}
.page_couleurs_cement .couleurs_cement .pics{
	flex:2;
	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%;
	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:1;
}
.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: 1rem;
	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.5;
	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 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;
	text-align:center;
}
.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 .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: #1C2A41;
	font-family: futura-pt, sans-serif;
}
#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;
	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-weight: 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;
}

}