@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;*/
}
img, object, embed, canvas, video, audio, picture {
	max-width: 100%;
	height: auto;
}
:focus {
     outline: 0;
}
a{
	color:#4E4E4E;
	text-decoration:none;
	cursor:pointer;
}
a img{ 
	border: 0; 
}
img{
	vertical-align: bottom;
}
pre { 
	white-space: pre-wrap; /* pour firefox et les <pre> */
} 
ul, li{
	list-style:none;
	overflow:hidden;
}
main, section, article{
	display: block;
	overflow:hidden;
}
html, body {
	background-color: #FFF;
	color: #4E4E4E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
html {
    font-size: 62.5%;
	width:100%;
	height:100%;
}
body {
    font-size: 14px;
	font-size: 1.4rem; /* equiv 14px */
    line-height: normal; 
	margin: 0 auto;
	padding:0;
	width: 100%;
	max-width: 1920px; /* 1920px */
	min-height: 80%;
	text-align:center;
	font-weight:normal;
	word-wrap: break-word;
	position: relative;
}
h1, h2, h3, h4, h5, h6{
	font-size: 14px;
	font-size: 1.4rem;
	line-height:normal;
	font-weight:700;
}
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 #4E4E4E;
	background-color:#FFF;
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	color:#4E4E4E;
}
strong, .strong{
	font-weight:700;
}
.bold{
	font-weight:900;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.justify{
	text-align:justify;
	/*text-align-last: center;
	-webkit-text-align-last: center;
	-moz-text-align-last: center;
	-ms-text-align-last: center;
	-o-text-align-last: center;*/
}
.fll{
	float:left;
}
.flr{
	float:right;
}
.underline{
	text-decoration:underline;
}
.no-mg{
	margin:0;
}
.auto-mg{
	margin:auto;
}
.gris{
	color: #888;
}
.gris a{
	color: #888;
}
.font-big-big{
	font-size:20px;
	font-size:2rem;
}
.font-big{
	font-size:14px;
	font-size:1.4rem;
}
.font-medium{
	font-size:11px;
	font-size:1.1rem;
}
.font-small{
	font-size:8px;
	font-size:.8rem;
}
.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;
}
.dinlb{
	display:inline-block;
}
.db{
	display:block;
}
.italic{
	font-style:italic;
}
.red{
	color: #f3b47c;/* => new coulor orange instead of the old coulor red #FF7272*/
}
.pdt0{
	padding-top:.5rem;
}
.pdl0{
	padding-left:0.5rem;
}
.pdr0{
	padding-right:.5rem;
}
.pdlr1{
	padding-left:1rem;
	padding-right:1rem;
}
.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;
}
.linh2-5{
	line-height:2.5rem;
}
.clear{
	clear:both;
}
.BrdB{
	border-bottom:1px solid #D0D0D0;
}
.BrdT{
	border-top:1px solid #D0D0D0;
}
.BrdL{
	border-left:1px solid #D0D0D0;
}
.w80{
	width:80%;
	margin:auto;
}
.w50{
	width:50%;
	margin:auto;
}

/******************************************************************* Header **************************************************/
.header{
	width:100%;
	background-color:#FFF;
	margin:0 auto;
}
.header ul{
	width: 100%;
	height: auto;
	font-size:0;
	display:block;
	vertical-align:bottom;
	text-align:center;
	overflow:hidden;
	margin:0;
	padding:0;
}
.header ul li{
	display:inline-block;
	vertical-align:bottom;
	text-align:center;
	overflow:hidden;
}
.header ul.header_P1{
	margin:0;
	padding:.5rem 1rem;
	background-color:#F1F1F1;
	text-align:left;
}
.header ul.header_P1 li{
	font-size:11px;
	font-size:1.1rem;
	color:#4E4E4E;
}
.header ul.header_P1 li img{
	vertical-align: bottom;
}
.header ul.header_P1 li a{
	color:#4E4E4E;
}
.header ul.header_P1 li a:hover{
	color:#888;
}
.header ul.header_P1 li a.active, .header ul.header_P1 li a.active:hover{
	color:#4E4E4E;
	font-weight:700;
}
.header ul.header_P2{
	width:100%;
	margin: 0 auto;
	margin-top:3rem;
	padding:0 3rem;
	text-align:center;
	font-size:0;
	display:table;
	overflow:visible;
}
.header ul.header_P2 li{
	font-size:1.4rem;
	color:#4E4E4E;
	padding: 0;
	margin:0;
	display: table-cell;
	vertical-align:middle;
	text-align:left;
	overflow:visible;
}
.header ul.header_P2 li.menu1{
	width:75px;
	padding-right:10px;
}
.header ul.header_P2 li.menu2 div{
	border-bottom: 1px solid #D0D0D0;
	position:relative;
}
.header ul.header_P2 li.menu2 h1{
	font-size:28px;
	font-size:2.8rem;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	margin-right:5rem;
	padding:0;
	font-weight:700;
	color:#4E4E4E;
	text-align:left;
}
.header ul.header_P2 li.menu2 h1 span{
	font-weight:normal;
	color:#888;
	margin:0;
	margin-left:0.5rem;
	padding:0;
}
.header ul.header_P2 li.menu2 div ul{
	display:inline-block;
	vertical-align:bottom;
	width: auto;
	padding-bottom:0.5rem;
	color:#4E4E4E;
	font-size:1.4rem;
	text-align:left;
	overflow:visible;
}
.header ul.header_P2 li.menu2 div ul.rigides_video{
	position:absolute;
	right:0;
	bottom:0;
}
.header ul.header_P2 li.menu2 div ul li{
	display:inline-block;
	margin-left:0.2rem;
	margin-right:0.2rem;
	color:#4E4E4E;
}
/***/
.header ul.header_P2 li.menu2 div ul li ul {
    list-style-type: none ; 
    margin: 0px;
    padding: 0px;
	width:auto;
	max-height:0;
	position: absolute;
	top: 3.3rem; 
	left: 0; 
	background-color:#fff;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	overflow:hidden;
}
.header ul.header_P2 li.menu2 div ul li ul li{
	padding: 0;
	margin: 0.5rem 0;
	display:inline-block;
	line-height:normal;
}
.header ul.header_P2 li.menu2 div ul li.menu2-1 ul li{
	display:block;
}
.header ul.header_P2 li.menu2 div ul li ul li, .header ul.header_P2 li.menu2 div ul li ul li a{
	color:#888;
	font-weight:normal;
	border:0;
}
.header ul.header_P2 li.menu2 div ul li:hover ul{
	z-index: 999;
}
.header ul.header_P2 li.menu2 div ul li:hover ul, .header ul.header_P2 li.menu2 div ul li.active ul{ 
	max-height:24rem;
	overflow:visible;
}
.header ul.header_P2 li.menu2 div ul li ul li:hover a{
	font-weight:700;
	color:#4E4E4E;
}
.header ul.header_P2 li.menu2 div ul li.menu2-1 ul{ 
	margin-left:25.5rem;
	padding:0 1rem;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul{ 
	margin-left:20rem;
}
.header ul.header_P2 li.menu2 div ul li.menu2-1 ul li.active a, .header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.active a{
	font-weight:700;
	color:#4E4E4E;
}
.header ul.header_P2 li.menu2 div ul li.menu2-1 a.red{
	color:#f3b47c;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li img{
	opacity:0;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.clasiques{
	background:url('https://www.carreauxmosaic.com/images2/commun/off/clasiques.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.clasiques:hover, .header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.clasiques.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/on/clasiques.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.modern{
	background:url('https://www.carreauxmosaic.com/images2/commun/off/modern.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.modern:hover, .header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.modern.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/on/modern.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.ornament{
	background:url('https://www.carreauxmosaic.com/images2/commun/off/ornament.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.ornament:hover, .header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.ornament.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/on/ornament.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.createurs{
	background:url('https://www.carreauxmosaic.com/images2/commun/off/createurs.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.createurs:hover, .header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.createurs.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/on/createurs.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.marbre{
	background:url('https://www.carreauxmosaic.com/images2/commun/off/marbre.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.marbre:hover, .header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.marbre.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/on/marbre.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.lignes{
	background:url('https://www.carreauxmosaic.com/images2/commun/off/lignes.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.lignes:hover, .header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.lignes.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/on/lignes.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.stamped{
	background:url('https://www.carreauxmosaic.com/images2/commun/off/stamped.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.stamped:hover, .header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.stamped.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/on/stamped.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.flow{
	background:url('https://www.carreauxmosaic.com/images2/commun/off/flow.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.flow:hover, .header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.flow.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/on/flow.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.other-shapes{
	background:url('https://www.carreauxmosaic.com/images2/commun/off/other-shapes.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.other-shapes:hover, .header ul.header_P2 li.menu2 div ul li.menu2-2 ul li.other-shapes.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/on/other-shapes.jpg') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
/***/
.header ul.header_P2 li.menu2 p{
	font-size:2rem;
}
.header ul.header_P2 li.menu3{
	width:18rem;
	text-align:right;
	vertical-align:top;
}
.header ul.header_P2 li a{
	color: #4E4E4E;
	font-weight: normal;
	display:inline-block;
}
.header ul.header_P2 li:hover > a, .header ul.header_P2 li.active > a{
	font-weight:700;
}
.header ul.header_P2 li h1 a{
	font-weight: 700;
}
.header ul.header_P2 li.menu2 ul li.red a{
	color: #f3b47c;
}
.header ul.header_P2 li.menu3 a.opennav{
	margin-right:.5rem;
	margin-left:.5rem;
}
.header ul.header_P2 li.menu3 a.opennav img{
	opacity:0;
}
.header ul.header_P2 li.menu3 a.factory_news{
	background:url('https://www.carreauxmosaic.com/images2/commun/factory_news.png') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu3 a.factory_news:hover, .header ul.header_P2 li.menu3 a.factory_news.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/factory_news_active.png') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu3 a.opennav{
	background:url('https://www.carreauxmosaic.com/images2/commun/menu.png') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu3 a.opennav:hover, .header ul.header_P2 li.menu3 a.opennav.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/menu_active.png') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu3 a.panier{
	color:#FFF;
	position:relative;
}
.header ul.header_P2 li.menu3 a.panier img{
  	display: inline-block;
	vertical-align:middle;
	opacity:0;
}
.header ul.header_P2 li.menu3 a.panier{
	background:url('https://www.carreauxmosaic.com/images2/commun/panier2.png') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.header ul.header_P2 li.menu3 a.panier:hover, .header ul.header_P2 li.menu3 a.panier.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/panier2_active.png') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.cart{
	display:none;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align:center;
	vertical-align:top;
	font-weight:700;
	color: #FFF;
	background: rgba(243,180,124);/* old one (255, 0, 0, 1) */
	margin: 0;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;	
	z-index: 9;
	position: absolute;
	top:.5rem;
	left:0.6rem;
}
.header ul.header_P2 li img{
	vertical-align:middle;
}
/************************ sidenav *******************/
.sidenav {
    height: 100%;
    width: 0;
    position: absolute;
    z-index: 999999;
    top: 0;
    right: 0;
    background-color: #000;
    overflow-x: hidden;
    transition: 0.5s;
	padding-top: 1rem;
	text-align:left;
}
.sidenav a {
    padding: 1rem 2rem;
    text-decoration: none;
    font-size: 1.4rem;
    color: #fff;
    display: block;
    transition: 0.3s;
}
.sidenav a img{
   display:inline-block;
   vertical-align:top;
}
.sidenav a:hover, .sidenav a.active {
    color: #888;
}
.sidenav a.red, .sidenav a.red:hover, .sidenav a.red.active{
    color: #f3b47c;
}
.sidenav .closebtn {
    position: absolute;
    top: .9rem;
    right: 0;
    font-size: 2rem;
}
.sidenav hr {
    margin: 0 2rem;
	height:0;
	display: block;
	border-bottom:1px solid #FFFFFF;
}

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

/******************************************************************************* Main *****************************************************************************************/
.main{
	margin:0;
	padding:0;
	width: 100%;
	height:auto;
	overflow: hidden;
}

/****************************************************************************** Footer ****************************************************************************************/
.footer{
	font-size:12px;
	font-size:1.2rem;
	position:relative;
}
.footer{
	margin:6rem 0 0 0;
	padding:0 0 .5rem 0;
	text-align:center;
}
.footer ul li{
	display:inline-block;
	vertical-align:top;
}
.footer ul li a.active{
	background-color:#4E4E4E;
	color:#FFF;
	font-weight:700;
}
.footer ul li a.active:hover{
	color:#FFF;
	font-weight:700;
}
.footer ul.autres-liens{
	margin:0 auto;
	padding:0;
	width:60%;
	font-size:0;
}
.footer ul.autres-liens li{
	font-size:1.4rem;
	display:block;
	vertical-align:top;
	text-align:left;
	margin:0 auto;
	padding:0;
	width:auto;
}
.footer ul.autres-liens li ul{
	font-size:0;
}
.footer ul.autres-liens li.titre{
	padding-bottom:.2rem;
	border-bottom:1px solid #D0D0D0;
	margin-bottom:1rem;
}
.footer ul.autres-liens li.titre ul li:first-of-type{
	display:inline-block;
	width:34%;
}
.footer ul.autres-liens li.titre ul li:last-of-type{
	display:inline-block;
	width:66%;
	margin:0;
}
.footer ul.autres-liens li.details{
	padding-bottom:1rem;
	border-bottom:1px solid #D0D0D0;
}
.footer ul.autres-liens li.details ul{
	font-size:0;
}
.footer ul.autres-liens li.details ul li{
	font-size:1.4rem;
	display:inline-block;
	width:26%;
	margin-right:0;
}
.footer ul.autres-liens li.details ul li:first-of-type{
	width:34%;
	margin-right:0;
}
.footer ul.autres-liens li.details ul li:last-of-type{
	width:14%;
	margin-right:0;
}
.footer ul.autres-liens li.details ul li h3{
	margin-bottom:1rem;
}
.footer ul.autres-liens li.details ul li img{
	vertical-align:middle;
}
.footer ul.autres-liens li.details ul li p, .footer ul.autres-liens li.details ul li a{
	color:#888;
	line-height:2rem;
}
.footer ul.autres-liens li.details ul li a:hover{
	color:#4E4E4E;
}
.footer ul li.langue ul{
	display:none;
	position:absolute;
	bottom:7.4rem;
	width:auto;
	/*margin:-51em 0 0 0;*/
	padding:0;
	text-align:left;
	color:#4E4E4E;
	background: white;
	border: 1px solid rgba(0,0,0,0.17);
	z-index:99;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px 0px #c0c0c0;
	-webkit-box-shadow: 0px 0px 10px 0px #c0c0c0;
	-o-box-shadow: 0px 0px 10px 0px #c0c0c0;
	box-shadow: 0px 0px 10px 0px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10);
}
.footer ul li.langue img{
	margin:2px 0 0 4px;
	padding:0;
	border:0;
	cursor:pointer;
	width:10px;
	height:9px;
	vertical-align: top;
}			
.footer ul li.langue ul li{
	margin:0;
	padding:0 1rem 0 1rem;
	text-align:left;
	line-height:2;
	float:none;
	cursor:pointer;
	display:block;
}
.footer ul li.langue ul li:hover{
	background-color: #F1F1F1;
}
.footer ul li.langue ul li.trait{
	display:block;
	border-bottom:.1rem solid #D0D0D0;
	width:100%;
	margin:0 auto;
	height:0rem;
}
.footer ul:last-of-type li{
	display:block;
}
.footer ul li.social a{
	margin: 0 1rem 0 1rem;
	display:inline-block;
	vertical-align:middle;
}
.footer ul li.social a img{
	opacity:0;
}
.footer ul li.social a.instagram{
	background:url('https://www.carreauxmosaic.com/images2/commun/instagram2.png') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.footer ul li.social a.instagram:hover, .footer ul li.social a.instagram.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/instagram2_active.png') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.footer ul li.social a.pinterest{
	background:url('https://www.carreauxmosaic.com/images2/commun/pinterest.png') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}
.footer ul li.social a.pinterest:hover, .footer ul li.social a.pinterest.active{
	background:url('https://www.carreauxmosaic.com/images2/commun/pinterest_active.png') no-repeat ;
	background-repeat:no-repeat;
	background-position:center middle;
	background-size: contain;
}

/****************************************************************************** Page Index ************************************************************************************/
.page_index{
	width:100%;
	margin: 0;
	margin-top:3rem;
	padding:0;
	text-align:center;
}
.page_index ul.text{
	width:100%;
	margin:0 auto 0 auto;
	padding:2rem 0;
	display:block;
	text-align: justify;
	color:#888;
	border-bottom:1px solid #D0D0D0;
}
.page_index ul.text li{
	width:90%;
	margin:0 auto;
	padding:0 1rem;
}
.page_index ul.text a{
	color:#888;
}
.media_index{
	width:100%;
	margin: 6rem 0 0 0;
	padding:0;
	text-align:center;
}
.media_index ul.newsletter{
	margin:3rem 0 0 0;
	padding:2rem 0;
	width:100%;
	background-color:#F1F1F1;
}
.media_index ul.newsletter form{
	margin:1rem 0 0 0;
	padding:0;
}
.media_index ul.newsletter input{
	margin:0 .5rem;
	padding:1rem;
	width:28rem;
	height:4rem;
	background-color:#FFF;
	color:#888;
	text-align:left;
	border:1px solid #FFF;
	border-radius:.3rem;
	-webkit-border-radius: .3rem;
	-moz-border-radius: .3rem;
	-ms-border-radius: .3rem;
	-o-border-radius: .3rem;
}
.media_index ul.newsletter input.submit{
	margin:0 .5rem;
	padding:1rem 1rem 1rem 4rem;
	width:14rem;
	background-color:transparent;
	text-align:center;
	background-image:url('https://www.carreauxmosaic.com/images2/commun/email_newsletter.png');
	background-position: 2rem center;
    background-repeat: no-repeat;
	background-size: 18px 12px;
	border:1px solid #4E4E4E;
	border-radius:0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	cursor:pointer;
}
.media_index ul.newsletter p{
	color: #f3b47c;
	margin-top:1rem;
}

/************************************************************************************************* Page Stock ************************************************************************/
.page_stock{
	width:100%;
	text-align:left;
	display:block;
	margin:1rem auto 0 auto;
	padding:0 1rem;
	font-size:0;
	overflow:visible;
}
.page_stock ul.actualiser{
	width:100%;
	margin:0;
	padding:0;
}
.page_stock ul.actualiser li{
	width:100%;
	text-align:right;
	display:block;
	font-size:1.1rem;
	color:#888;
}
.page_stock ul.header_stock{
	width:70%;
	text-align:left;
	display:block;
	margin:1rem auto 0 auto;
	padding:0;
	font-size:0;
	white-space:nowrap;
	overflow:visible;
}
.page_stock ul.header_stock li{
	width:100%;
	margin:0;
	padding:0;
}
.page_stock ul li.BrdB{
	border-bottom:1px solid #D0D0D0;
	font-size:1.4rem;
}
.page_stock ul li a {
	display: inline-block;
}
.page_stock ul{
	width:auto;
	height:auto;
	text-align:left;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	padding:0;
	font-size:0;
	overflow:visible;
}
.page_stock ul li{
	font-size:1.4rem;
	overflow:visible;
}
.page_stock ul.filtre_stock{
	width:20%;
}
.page_stock ul.actual_stock{
	width:20%;
	color:#888;
}
.page_stock ul.actual_stock a{
	color:#888;
}
.page_stock ul.menu_stock{
	width:58%;
	height:auto;
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;
	margin-left:1%;
	margin-right:1%;
}
.page_stock ul.dlist_disc{
	display:list-item;
	list-style:disc;
	font-size:1.1rem;
	margin-left:3rem;
	margin-top:0.5rem;
}
.page_stock ul.dlist_disc li{
	display:list-item;
	list-style:disc;
	font-size:1.1rem;
}
.page_stock ul.filtre_stock li{
	display:inline-block;
	vertical-align:top;
	width:48%;
	height:auto;
	margin:0;
	padding:0;
	font-size:1.1rem;
	text-align:center;
}
.page_stock ul.filtre_stock li:first-of-type{
	margin-right:2%;
}
.page_stock ul.filtre_stock li:last-of-type{
	margin-left:2%;
}
.page_stock ul.filtre_stock li input{
	display:block;
	width:100%;
	margin:0;
	border:none;
	background-color:#F1F1F1;
	color:#f3b47c;
	font-weight:700;
}
.page_stock ul.menu_stock li{
	display:inline-block;
	width:12.5%;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
}
.page_stock ul.menu_stock li a {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.page_stock ul.menu_stock li a img{
	opacity:0;
	width: 100%;
	height:auto;
}
#motifs{
	background-image:url(../images2/stock/menu_icons/off/motifs.svg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: contain;
}
#motifs:hover, #motifs.active{
	background-image:url(../images2/stock/menu_icons/on/motifs.svg);
}
#unis{
	background-image:url(../images2/stock/menu_icons/off/unis.svg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: contain;
}
#unis:hover, #unis.active{
	background-image:url(../images2/stock/menu_icons/on/unis.svg);
}
#hexagonaux{
	background-image:url(../images2/stock/menu_icons/off/hexagonaux.svg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: contain;
}
#hexagonaux:hover, #hexagonaux.active{
	background-image:url(../images2/stock/menu_icons/on/hexagonaux.svg);
}
#diamond{
	background-image:url(../images2/stock/menu_icons/off/diamond.svg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: contain;
}
#diamond:hover, #diamond.active{
	background-image:url(../images2/stock/menu_icons/on/diamond.svg);
}
#patchworks{
	background-image:url(../images2/stock/menu_icons/off/patchworks.svg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: contain;
}
#patchworks:hover, #patchworks.active{
	background-image:url(../images2/stock/menu_icons/on/patchworks.svg);
}
#granito{
	background-image:url(../images2/stock/menu_icons/off/granito.svg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: contain;
}
#granito:hover, #granito.active{
	background-image:url(../images2/stock/menu_icons/on/granito.svg);
}
#divers{
	background-image:url(../images2/stock/menu_icons/off/divers.svg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: contain;
}
#divers:hover, #divers.active{
	background-image:url(../images2/stock/menu_icons/on/divers.svg);
}
#soldes{
	background-image:url(../images2/stock/menu_icons/off/soldes.svg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: contain;
}
#soldes:hover, #soldes.active{
	background-image:url(../images2/stock/menu_icons/on/soldes.svg);
}
.page_stock ul.menu_stock li ul {
    list-style-type: none ; 
    margin: 0;
    padding: 0;
	position: absolute;
	top: 6.5rem; 
	left: 0; 
	z-index: 999;
	width:15rem;
	max-height:0;
	overflow:hidden;
	background-color:#fff;
	-webkit-transition:height 200ms ease-in;
    -moz-transition:height 200ms ease-in;
    -o-transition:height 200ms ease-in;
    transition:height 200ms ease-in;
    z-index:99;
	background:#fff;
	line-height: normal;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
}
.page_stock ul.menu_stock li ul li{
	display:block;
	line-height:normal;
	width:100%;
	color:#888;
	font-weight:normal;
	border:0;
}
.page_stock ul.menu_stock li ul li a{
	color:#888;
	font-weight:normal;
	border:0;
	padding:.5rem;
}
.page_stock ul.menu_stock li:hover ul{ 
	max-height:24rem;
}
.page_stock ul.menu_stock li ul li a:hover, .page_stock ul.menu_stock li ul li a.active {
    background:#dbdbdb;
	border:0;
}
#resultats{
	width:80%;
	margin:2rem auto 0 auto;
	padding:0;
	font-size:14px;
	font-size:1.4rem;
}
#resultats ul li{
	display:inline-block;
	margin:1rem 0;
	padding:5px;
	text-align:center;
}
#resultats ul li.discount{
	display:inline-block;
	margin:0.3em 0 0.3em 0;
	padding:0 5px 0 5px;
	text-align:center;
}
#resultats img{
	cursor:pointer;
}
.w100_12{
	width:8.333333333333333%;
}
.ombre {
	-moz-box-shadow: 0px 0px 2px 1px #cfcfcf;
	-webkit-box-shadow: 0px 0px 2px 1px #cfcfcf;
	-o-box-shadow: 0px 0px 2px 1px #cfcfcf;
	box-shadow: 0px 0px 2px 1px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=1);
}
#resultats ul li.Patchwork{
	display:inline-block;
	width:20%;
	margin:1em 0 1em 0;
	padding:0 10px 0 10px;
	text-align:center;
	font-size:11px;
	font-size:1.1rem;
}
#resultats ul li.Patchwork p{
	width:100%;	
	height:auto;
	text-align:center;
	overflow:hidden;
	margin:0.5em auto 0 auto;
}
.footer_patchwork{
    width:100%;
	text-align:center;
	font-style:italic;
	color:#868686;
    z-index:100000;
	font-size:11px;
	font-size:1.1rem;
}
.footer_patchwork span{
	width:auto;
	display:inline-block;
	padding: 5px 12px 5px 12px;
	line-height:16px;
	background:#FFFFFF;
}
#infopatchwork, #triage{
	display:none;
}
.Description{
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:11px;
	font-size:1.1rem;
}	
.w100_10{
	width:10%;
}
#resultats hr.discount{
	border:1px dotted #A6A6A6;
	width:70%;
	margin:1em auto 0.5em auto;
	display:block;
}
#resultats hr{
	border:1px dotted #A6A6A6;
	width:70%;
	margin:2em auto 2em auto;
	display:block;
}
#resultats ul li.hr{
	position:relative;
	width:100%;
	margin:2em 0 2em 0;
	padding:0;
	text-align:center;
}
#resultats ul li.hr span{
	display:inline-block; 
	padding:0 1.5em 0 1.5em; 
	background-color:#fff;
	margin:auto;
	font-weight:bold;
}
#resultats ul li.hr hr{
	border:1px dotted #A6A6A6;
	display:inline-block;
	width:35%;
	margin:0;
}
#resultats ul.block1{
	margin:0;
	margin-top:2rem;
	padding:0;
	width:100%;
	text-align:center;
	overflow:hidden;
	font-size:0;
	white-space:nowrap;
}
#resultats ul.block1 li.part1{
	width: 365px;
	display:inline-block;
	vertical-align:top;
	margin:0 2% 0 0;
	padding:0;
	text-align:left;
	font-size:1.4rem;
}
#resultats ul.block1 li.part1 ul{
	width: 100%;
	margin: 0;
	padding:0;
	text-align:left;
}
#resultats ul.block1 li.part1 ul li{
	display:block;
	width: 320px;
	margin:0.1rem 0;
	padding:0 5px;
	text-align:left;
	white-space:normal;
}
#resultats ul.block1 li.part1 ul li.imglot{
	width: 100%;
	padding:5px;
	margin:0;
}
#resultats ul.block1 li.part1 ul li.imglot .dtbc1{
	display: table-cell;
	vertical-align:middle;
}
#resultats ul.block1 li.part1 ul li.imglot .dtbc2{
	display: table-cell;
	vertical-align:bottom;
}
#resultats ul.block1 li.part1 ul li.devis{
	border-top:1px solid #D0D0D0;
	margin:1em 0 0 0;
	padding:1rem 5px 0 5px;	
}
#resultats ul.block1 li.part1 ul li.devis ul{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	vertical-align:bottom;
}
#resultats ul.block1 li.part1 ul li.devis ul li{
	padding:0;
	margin:0;
	width:100%;
	height:auto;
	line-height:normal;
	vertical-align:bottom;
	display:block;
}
#resultats ul.block1 li.part1 ul li.devis ul li.msg{
	color:#f3b47c;
	font-size:11px;
	font-size:1.1rem;
	margin:0;
}
#resultats ul.block1 li.part1 ul li.devis ul li.msg #msg{
	line-height:1em;	
	display:block;
	word-wrap: break-word;
	margin: 0;
}
#resultats ul.block1 li.part1 ul li.devis ul#choixcaisse{
	display: none;
	margin:0;
	padding:0;
	font-size:1.4rem;
	width:100%;
}
#resultats ul.block1 li.part1 ul li.devis ul#choixcaisse li{
	font-size:1.4rem;
	margin:0.3rem 0 0 0;
	display:inline-block;
	width:100%;
	float:none;
}
#resultats ul.block1 li.part1 ul li.devis ul#choixcaisse .radio{
	width:1.5rem;
	height:1.5rem;
	vertical-align: bottom;
	margin:0 .5rem 0 0;
}
#resultats ul.block1 li.part2{
	width: auto;
	max-width:640px;
	display:inline-block;
	text-align:left;
	margin:0;
	padding:0;
	font-size:1.4rem;
}
#resultats ul.block1 li.part2 ul.mt{
	margin-top:97px;
}
#resultats ul.block1 li.part2 ul li{
	margin:0;
	padding:0;
	display:block;
	text-align:left;
	white-space:normal;
}
#resultats ul.block1 li.part2 ul li.box {
	display:inline-block;
	width:auto;
	padding-bottom:1rem;
	border-bottom:1px solid #D0D0D0;
}
#resultats ul.block1 li.part2 ul li.box a{
	display:inline-block;
	text-align:center;
	color: #888;
	font-size:1.1rem;
	margin:0;
}
#resultats .block1 li.part2 ul li#verssim{
	width:100%;
	height:auto;
	margin: 0;
	padding:0;
	cursor:pointer;
}
#resultats .block1 li.part2 ul li#verssim span{
	display:inline-block;
	width:auto;
	vertical-align:middle;
	margin:0;
	padding:0;
	text-align:left;
}
#resultats .block1 li.part2 ul li#verssim #grille{
	width:auto;
	height:70px;
	vertical-align:middle;
	margin:0 0 0 2rem;
	padding:0;
	text-align:left;
}
#resultats .block1 li.part2 ul li#verssimligne, #resultats .block1 li.part2 ul li#verssimstamped{
	width:100%;
	height:auto;
	margin: 0;
	padding:0;
	cursor:pointer;
	display:none;
}
#resultats ul.block1 li.part2 ul.usinelots li{
	display:inline-block;
	margin:0;
	padding:5px;
	color:#888;
}
#resultats ul.block1 li.part1 ul li.contact_paris{
	border-top:1px solid #D0D0D0;
	margin:1em 0 0 0;
	padding:1rem 5px 0 5px;		
}
.tooltip1 span, .tooltip2 span, .tooltip3 span, .tooltip4 span{
	z-index:10;
	font-size:11px;
	font-size:1.1rem;
	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;  
	color:#4E4E4E;
	background:#fff;
	text-decoration:none;
}
.callout {
	z-index:20;
	position:absolute;
	border:0;
	top:-7px;
	left:105px;
}
.tooltip1 span {
	margin:24px 0 0 -278px; 
	width:280px;
}
.tooltip1 img {
	z-index:20;
	position:absolute;
	border:0;
	top:-8px;
	left:130px;
}
.tooltip2 span{
	margin:22px 0 0 -170px; 
	width:270px; 
}
.tooltip2 span img{
	z-index:20;
	position:absolute;
	border:0;
	top:-8px;
	left:155px;
}
.tooltip3 span {
	margin:22px 0 0 -108px; 
	width:200px; 
}
.tooltip3 span img {
	z-index:20;
	position:absolute;
	border:0;
	top:-8px;
	left:92px;
}
.tooltip4 span {
	margin:27px 0 0 -150px; 
	width:180px; 
}
.tooltip4 span img {
	z-index:20;
	position:absolute;
	border:0;
	top:-8px;
	left:135px;
}

/* début structure hexa */
#resultats ul#hexGrid {
	overflow: hidden;
	width: 100%;
	margin: .7em auto 0 auto;
	padding: 0;
}
#resultats ul#hexGrid:after {
	content: "";
	display: block;
	clear: both;
}
#resultats .hex {
	position: relative;
	list-style-type: none;
	float: left;
	text-align:left;
	overflow: hidden;
	visibility: hidden;
	outline: 1px solid transparent;  /* fix for jagged edges in FF on hover transition */
	transform: rotate(-60deg) skewY(30deg) translatez(-1px);
	-webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
	-moz-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
	-o-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
	-ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
}
#resultats .hex * {
	position: absolute;
	visibility: visible;
	outline: 1px solid transparent;  /* fix for jagged edges in FF on hover transition */
}
#resultats .hexIn {
	width:100%;
	height:100%;
	text-align:center;
	color:#fff;
	overflow:hidden;
	transform: skewY(-30deg) rotate(60deg);  
	-webkit-transform: skewY(-30deg) rotate(60deg);  
	-moz-transform: skewY(-30deg) rotate(60deg);  
	-o-transform: skewY(-30deg) rotate(60deg);  
	-ms-transform: skewY(-30deg) rotate(60deg);  
}
#resultats .hex img {
	left:-50%; 
	right:-50%;
	max-width: 100%; 
	max-height:100%;
	margin:0 auto;  
}
#resultats .hex {
	width: 8.181818181818182%;    /* = (100-10) / 11 */
	padding-bottom: 9.447826999790048%;    /* =  width / sin(60) 0.866*/
}
#resultats .hex:nth-child(21n+1), #resultats .hex:nth-child(21n+2), #resultats .hex:nth-child(21n+3), #resultats .hex:nth-child(21n+4), #resultats .hex:nth-child(21n+5), #resultats .hex:nth-child(21n+6), #resultats .hex:nth-child(21n+7), #resultats .hex:nth-child(21n+8), #resultats .hex:nth-child(21n+9), #resultats .hex:nth-child(21n+10){
	margin-right: 1%;
	transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-moz-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-o-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	transform: translateX(50%) rotate(-60deg) skewY(30deg);
}
#resultats .hex:nth-child(21n+12), #resultats .hex:nth-child(21n+13), #resultats .hex:nth-child(21n+14), #resultats .hex:nth-child(21n+15), #resultats .hex:nth-child(21n+16), #resultats .hex:nth-child(21n+17), #resultats .hex:nth-child(21n+18), #resultats .hex:nth-child(21n+19), #resultats .hex:nth-child(21n+20){
	margin-right: 1%;
	margin-top: -1%;
	margin-bottom: -1%;
}
#resultats .hex:nth-child(21n+21) {
	margin-top: -1%;
	margin-bottom: -1%;
}
#resultats .hex:nth-child(21n+11){
	margin-right: 1%;
	margin-top: -1%;
	margin-bottom: -1%;
}
#resultats .hex:nth-child(21n+11), #resultats .hex:nth-child(21n+22) {
	clear: left;
}
#resultats .hex:nth-child(21n+1), #resultats .hex:nth-child(21n+2), #resultats .hex:nth-child(21n+3), #resultats .hex:nth-child(21n+4), #resultats .hex:nth-child(21n+5), #resultats .hex:nth-child(21n+6), #resultats .hex:nth-child(21n+7), #resultats .hex:nth-child(21n+8), #resultats .hex:nth-child(21n+9), #resultats .hex:nth-child(21n+10){
	margin-top:0;
	margin-bottom:0;
}
#resultats .hex:nth-child(21n+11):last-child, #resultats .hex:nth-child(21n+12):last-child, #resultats .hex:nth-child(21n+13):last-child, #resultats .hex:nth-child(21n+14):last-child, #resultats .hex:nth-child(21n+15):last-child, #resultats .hex:nth-child(21n+16):last-child, #resultats .hex:nth-child(21n+17):last-child, #resultats .hex:nth-child(21n+18):last-child, #resultats .hex:nth-child(21n+19):last-child, #resultats .hex:nth-child(21n+20):last-child, #resultats .hex:nth-child(21n+21):last-child{
	margin-bottom: 0;
}
#resultats #hexGrid.mt{
	margin-top:3em
}
/*  fin structure hexa  */

/* début structure losg */
#resultats ul#losgGrid {
	overflow: hidden;
	width: 100%;
	margin: .7em auto 0 auto;
	padding: 0;
}
#resultats ul#losgGrid:after {
	content: "";
	display: block;
	clear: both;
}
#resultats .losg, #resultats .losgp {
	position: relative;
	list-style-type: none;
	float: left;
	text-align:left;
	overflow: hidden;
	visibility:hidden;
	outline: 1px solid transparent;   /*fix for jagged edges in FF on hover transition */
	transform: rotate(-60deg) skewY(30deg) translatez(-1px);
	-webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
	-moz-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
	-o-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
	-ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
}
#resultats .losg *, #resultats .losgp * {
	position: absolute;
	visibility: visible;
	outline: 1px solid transparent;  /* fix for jagged edges in FF on hover transition */
}
#resultats .losgIn {
	width:100%;
	height:100%;
	text-align:center;
	color:#fff;
	overflow:hidden;
	transform: skewY(-30deg) rotate(60deg);  
	-webkit-transform: skewY(-30deg) rotate(60deg);  
	-moz-transform: skewY(-30deg) rotate(60deg);  
	-o-transform: skewY(-30deg) rotate(60deg);  
	-ms-transform: skewY(-30deg) rotate(60deg);  
}
#resultats .losg img , #resultats .losgp img {
	left:-50%; 
	right:-50%;
	max-width: 100%; 
	max-height:100%;
	margin:0 auto;  
}
#resultats .losg {
	width: 13.42857142857143%;    /* = (100-6) / 7 */
	padding-bottom: 7.750204081632653%;    /* =  width * 20.2/35 */
}
#resultats .losgp {
	width: 8.181818181818182%;    /* = (100-10) / 11 */
	padding-bottom: 4.720909090909091%;    /* =  width * 11.54/20 */
}
#resultats .losg:nth-child(13n+1), #resultats .losg:nth-child(13n+2), #resultats .losg:nth-child(13n+3), #resultats .losg:nth-child(13n+4), #resultats .losg:nth-child(13n+5), #resultats .losg:nth-child(13n+6){
	margin-right: 1%;
	margin-top:0;
	margin-bottom:0;
	transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-moz-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-o-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	transform: translateX(50%) rotate(-60deg) skewY(30deg);
}
#resultats .losg:nth-child(13n+7), #resultats .losg:nth-child(13n+8), #resultats .losg:nth-child(13n+9), #resultats .losg:nth-child(13n+10), #resultats .losg:nth-child(13n+11), #resultats .losg:nth-child(13n+12){
	margin-right: 1%;
	margin-top: -1%;
	margin-bottom: -1%;
}
#resultats .losg:nth-child(13n+13) {
	margin-top: -1%;
	margin-bottom: -1%;
}
#resultats .losg:nth-child(13n+7), #resultats .losg:nth-child(13n+14) {
	clear: left;
}
#resultats .losg:nth-child(13n+7):last-child, #resultats .losg:nth-child(13n+8):last-child, #resultats .losg:nth-child(13n+9):last-child, #resultats .losg:nth-child(13n+10):last-child, #resultats .losg:nth-child(13n+11):last-child, #resultats .losg:nth-child(13n+12):last-child, #resultats .losg:nth-child(13n+13):last-child{
	margin-bottom: 0;
}
#resultats #losgGrid.mt{
	margin-top:3em
}

#resultats .losgp:nth-child(21n+1), #resultats .losgp:nth-child(21n+2), #resultats .losgp:nth-child(21n+3), #resultats .losgp:nth-child(21n+4), #resultats .losgp:nth-child(21n+5), #resultats .losgp:nth-child(21n+6), #resultats .losgp:nth-child(21n+7), #resultats .losgp:nth-child(21n+8), #resultats .losgp:nth-child(21n+9), #resultats .losgp:nth-child(21n+10){
	margin-right: 1%;
	transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-moz-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	-o-transform: translateX(50%) rotate(-60deg) skewY(30deg);
	transform: translateX(50%) rotate(-60deg) skewY(30deg);
}
#resultats .losgp:nth-child(21n+12), #resultats .losgp:nth-child(21n+13), #resultats .losgp:nth-child(21n+14), #resultats .losgp:nth-child(21n+15), #resultats .losgp:nth-child(21n+16), #resultats .losgp:nth-child(21n+17), #resultats .losgp:nth-child(21n+18), #resultats .losgp:nth-child(21n+19), #resultats .losgp:nth-child(21n+20){
	margin-right: 1%;
	margin-top: -1%;
	margin-bottom: -1%;
}
#resultats .losgp:nth-child(21n+21) {
	margin-top: -1%;
	margin-bottom: -1%;
}
#resultats .losgp:nth-child(21n+11){
	margin-right: 1%;
	margin-top: -1%;
	margin-bottom: -1%;
}
#resultats .losgp:nth-child(21n+11), #resultats .losgp:nth-child(21n+22) {
	clear: left;
}
#resultats .losgp:nth-child(21n+1), #resultats .losgp:nth-child(21n+2), #resultats .losgp:nth-child(21n+3), #resultats .losgp:nth-child(21n+4), #resultats .losgp:nth-child(21n+5), #resultats .losgp:nth-child(21n+6), #resultats .losgp:nth-child(21n+7), #resultats .losgp:nth-child(21n+8), #resultats .losgp:nth-child(21n+9), #resultats .losgp:nth-child(21n+10){
	margin-top:0;
	margin-bottom:0;
}
#resultats .losgp:nth-child(21n+11):last-child, #resultats .losgp:nth-child(21n+12):last-child, #resultats .losgp:nth-child(21n+13):last-child, #resultats .losgp:nth-child(21n+14):last-child, #resultats .losgp:nth-child(21n+15):last-child, #resultats .losgp:nth-child(21n+16):last-child, #resultats .losgp:nth-child(21n+17):last-child, #resultats .losgp:nth-child(21n+18):last-child, #resultats .losgp:nth-child(21n+19):last-child, #resultats .losgp:nth-child(21n+20):last-child, #resultats .losgp:nth-child(21n+21):last-child{
	margin-bottom: 0;
}
/*  fin structure losg  */

/* début stock Paris */
#resultats ul.stock_paris{
	width:80%;
	margin: 0 auto;
	padding:0;
	text-align:left;
	overflow:hidden;
}
#resultats ul.stock_paris li{
	margin: 0 auto;
	padding:0;
	text-align:left;
}
#resultats ul.stock_paris li a{
	float:left;
	margin:0 auto;
	padding: .5em;
}
#resultats ul.stock_paris li.w80{
	width:80%;
	float:left;
}
#resultats ul.stock_paris li.w80 ul{
	overflow:hidden;
}
#resultats ul.stock_paris li.w80 ul li.w100_7{
	width:14.28571428571429%;
	margin: 0;
	padding:0;
	text-align:center;
	float:left;
}
#resultats ul.stock_paris li.w20{
	width:20%;
	float:left;
	text-align:right;
}

/* fin stock Paris */

/************************************************************************************************* Page Panier ***********************************************************************/
.page_panier{
	width:60%;
	height:auto;
	margin:0 auto;
	padding:0 1rem;
}
.page_panier ul{
	width:100%;
	height:auto;
	text-align:center;
	margin:0;
	padding:0;
}
.page_panier ul li{
	width:100%;
	height:auto;
	text-align:center;
	margin:0;
	padding:1rem 0;
}
.page_panier ul li a{
	margin:0;
	padding: 0 1rem 0 1rem;
	vertical-align:bottom;
}
.page_panier ul li a.active{
	font-weight:700;
}
.page_panier a.panier{
	display:inline-block;
	width:21px;
	height:17px;
	background-image:url('https://www.carreauxmosaic.com/images2/commun/panier.png');
	background-position: bottom center;
    background-repeat: no-repeat;
	background-size: 21px 17px;
	text-align:center;
	position:relative;
}
.page_panier .cart{
	display: none;
	width: 1.8rem;
	height: 1.8rem;
	line-height: 1.8rem;
	text-align:center;
	vertical-align:top;
	font-weight:700;
	font-size:11px;
	font-size:1.1rem;
	color: #FFF;
	/*background: rgba(0, 195, 44, 1);*/
	background: rgba(243,180,124);
	margin: 0;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	border-radius: 2rem;
	z-index: 9;
	position: absolute;
	top:-0.7rem;
	left:-0.3rem;
}
#resultats_panier{
	width: 100%;
	height:auto;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	margin:0 auto;
	padding:0 1rem;
}
#resultats_panier ul.TPanier1{
	width: 60%;
	min-width:890px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	margin:0 auto;
	padding:0;
}
#resultats_panier ul.TPanier1 li{
	width: 100%;
	height:auto;
	display:block;
}
#resultats_panier ul.TPanier1 li.titre{
	font-weight:700;
	margin-top:4rem;
	margin-bottom:1rem;
}
#resultats_panier ul.TPanier1 li.info{
	margin-bottom:1rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #D0D0D0;
}
#resultats_panier ul.TPanier2{
	font-size:0;
}
#resultats_panier ul.TPanier2 li{
	width:89%;
	font-size:1.4rem;
	display:inline-block;
	vertical-align: middle;
}
#resultats_panier ul.TPanier2 li:first-of-type{
	width:10%;
	margin-right:1%;
}
#resultats_panier ul.TPanier3 li, #resultats_panier ul.TPanier3 li:first-of-type{
	display:block;
	width:100%;
	float:none;
	margin:0.1rem 0;
}
#resultats_panier ul.TPanier3 li input{
	width:5%;
	height:2rem;
	line-height:2rem;
	margin:0;
	border:none;
	background-color:#F1F1F1;
	color:#4E4E4E;
	font-weight:700;
}
#resultats_panier ul.TPanier3 li span.liens{
	width:80%;
	float:right;
	text-align:right;
}
#resultats_panier ul.TPanier3 li span.liens a, #resultats_panier ul.TPanier3 li.liens a{
	width:24%;
	line-height:2rem;
	margin:0 0 0 0.5%;
	background-color:#F1F1F1;
	color:#888;
	display:inline-block;
	text-align:center;
}
#resultats_panier ul.TPanier3 li span.liens a:last-of-type{
	background-color:#888;
	color:#fff;
}
#resultats_panier ul.TPanier3 li span.liens a:hover, #resultats_panier ul.TPanier3 li.liens  a:hover{
	font-weight:700;
}
#resultats_panier ul.TPanier3 li input.radio{
	width:1.5rem;
	height:1.5rem;
	vertical-align: bottom;
	margin:0 .5rem 0 0;
}
#resultats_panier ul.TPanier4{
	width: 100%;
	margin:4rem auto;
	padding:0;
}
#resultats_panier ul.TPanier4 li{
	display:block;
	width: auto;
	text-align:center;
}
#resultats_panier ul.TPanier4 li p:first-of-type{
	width:70%;
	margin:auto;
	padding:0;
	border-bottom:1px solid #D0D0D0;
}
#resultats_panier ul.TPanier4 li ul li{
	float:left;
	width:15.83333333333333%;
	margin:0;
	margin-right:1%;
	padding:0;
}
#resultats_panier ul.TPanier4 li ul li:last-of-type{
	margin-right:0;
}
#resultats_panier ul.TPanier4 li ul li p{
	width:100%;
	margin:auto;
	margin-bottom:1rem;
	padding:0;
	border: none;
	color:#888;
}
#resultats_panier ul.TPanier4 li ul li p:first-of-type{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	height:3.5rem;
	line-height:3.5rem;
	margin:auto;
	margin-bottom:1rem;
	padding:0;
	border: none;
	color:#888;	
	background-color:#F1F1F1;
}
#resultats_panier ul.TPanier4 li ul li p.info a{
	display:block;
	padding:0.5rem 0;
	background-color:#F1F1F1;
}
#resultats_panier ul.TPanier4 li ul li p.info a:hover, #resultats_panier ul.TPanier4 li ul li p.info a.active{
	background-color: #888;
    color: #fff;
}
#resultats_panier ul.TPanier4 li ul li p span{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	line-height:1.4rem;
}
#resultats_panier ul.TPanier4 li ul li p.prix_litre{
	font-size:0;
}
#resultats_panier ul.TPanier4 li ul li p.prix_litre span{
	display:inline-block;
	vertical-align:middle;
	width:50%;
	font-size:1.4rem;
	text-align:left
}
#resultats_panier ul.TPanier4 li ul li p.prix_litre span:last-of-type{
	text-align:right
}
#resultats_panier ul.TPanier4 li ul li p.plusinfo{
	display:none;
	font-size:1.1rem;
	text-align:justify;
}
#resultats_panier ul.TPanier4 li input{
	width:20%;
	margin:0;
	border:none;
	background-color:#F1F1F1;
	color:#4E4E4E;
	font-weight:700;
	display:inline-block;
	vertical-align:middle;
	font-size:1.4rem;
}
#resultats_panier ul.TPanier4 li ul li p.add_product{
	text-align:left;
	font-size:0;
}
#resultats_panier ul.TPanier4 li ul li p.add_product a{
	font-weight:700;
	display:inline-block;
	vertical-align:middle;
	width:80%;
	font-size:1.4rem;
	text-align:right;
}
#resultats_panier ul.TPanier4 li ul li p.red{
	color: #f3b47c;
}

.tooltip8 span{
	z-index:10;
	font-size:11px;
	font-size:1.1rem;
	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;
}
.tooltip8 span p{
	padding:0;
	margin:auto; 
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.tooltip8 span span{
	padding:0;
	margin:0; 
	font-weight:normal;
	text-decoration:none;
}				
.tooltip8:hover span{
	display:inline; 
	position:absolute; 
	border:0;  
	color:#4E4E4E;
	background:#fff;
	text-decoration:none;
}
.tooltip8 span {
	margin:22px 0 0 -150px;  
	width:300px;
}
.tooltip8 span img {
	z-index:20;
	position:absolute;
	border:0;
	top:-8px;
	left:135px;
}

/*************************** GetDevis **********************/
#resultats_panier ul.TDevis1{
	width: 50%;
	height:auto;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	margin:0 auto;
	padding:0;
}
#resultats_panier ul.TDevis1 li{
	width: 100%;
	height:auto;
	display:block;
}
#resultats_panier ul.TDevis1 li.titre{
	font-weight:700;
	margin-top:4rem;
	margin-bottom:1rem;
}
#resultats_panier ul.TDevis1 li.info{
	margin-bottom:1rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #D0D0D0;
}
#resultats_panier ul.TDevis2{
	font-size:0;
}
#resultats_panier ul.TDevis2 li{
	width:89%;
	font-size:1.4rem;
	display:inline-block;
	vertical-align: middle;
}
#resultats_panier ul.TDevis2 li:first-of-type{
	width:10%;
	margin-right:1%;
}
#resultats_panier ul.TDevis3 li, #resultats_panier ul.TDevis3 li:first-of-type{
	display:block;
	width:100%;
	float:none;
	margin:0.1rem 0;
}
#resultats_panier ul.TDevis3 li.frais{
	margin-top:2rem;
	text-align:right;
}
#resultats_panier ul.TDevis3 li.frais span{
	display:inline-block;
	width:10%;
	height:2rem;
	line-height:2rem;
	margin:0;
	border:none;
	background-color:#F1F1F1;
	color:#4E4E4E;
	font-weight:700;
	text-align:center;
}
#resultats_panier ul.TDevis3 li.frais span:first-of-type{
	float:left;
}
#resultats_panier ul.TDevis3 li.frais span.big{
	width:30%;
	margin-left:1%;
}
#resultats_panier ul.TDevis3 li.frais span.pont{
	color:#888;
	background-color:#FFF;
}
#resultats_panier ul.TDevis3 li input.radio{
	width:1.5rem;
	height:1.5rem;
	vertical-align: bottom;
	margin:0 .5rem 0 0;
}
#resultats_panier ul.TDevis4{
	width: 50%;
	margin:4rem auto;
	padding:0;
}
#resultats_panier ul.TDevis4 li{
	display:block;
	width:100%;
	height:2.5rem;
	line-height:2.5rem;
	margin-bottom:1rem;
	vertical-align:middle;
	font-size:1.4rem;
	color:#888;
	background-color : #F1F1F1;
}
#resultats_panier ul.TDevis4 li a{
	color:#888;
}
#resultats_panier ul.TDevis4 li a:hover{
	font-weight:700;
}
#resultats_panier ul.TDevis4 img{
	vertical-align:middle;
	cursor:pointer;
}
#resultats_panier ul.TDevis4 li.titre{
	padding:0;
	padding-bottom:1rem;
	border-bottom:1px solid #D0D0D0;
	font-weight:normal;
	height:auto;
	line-height:normal;
	background-color:#FFF;
	color:#4E4E4E;
}
#resultats_panier ul.TDevis4 li.calcul_trsp ul{
	vertical-align:top;
	font-weight:normal;
	margin:0;
	padding:0;
	width: 100%;
	font-size:0;
	background-color:#FFF;
}
#resultats_panier ul.TDevis4 li.calcul_trsp ul li{
	display:inline-block;
	text-align:left;
	width:42%;
	margin-right:2%;
	padding: 0 1rem;
}
#resultats_panier ul.TDevis4 li.calcul_trsp ul li:last-of-type{
	width:12%;
	margin-right:0;
	padding:0;
	text-align:center;
}
#resultats_panier ul.TDevis4 li.calcul_trsp ul li select{
	background-color : #F1F1F1;
	border : 0;
	font-weight : normal;
	text-align : center;
	vertical-align : middle;
	width:50%;
	height:2.5rem;
	line-height:2.5rem;
	margin:0 0 0 2%;
	float:right;
	border-left:5px solid #FFF;
	color:#888;
}
#resultats_panier ul.TDevis4 li.calcul_trsp ul li input{
	width:50%;
	height:2.5rem;
	line-height:2.5rem;
	margin:0 0 0 2%;
	border:none;
	background-color:#F1F1F1;
	font-weight:700;
	float:right;
	border-left:5px solid #FFF;
	color:#888;
}	
#resultats_panier ul.TDevis4 li#msg{
	color:#f3b47c;
	font-size:11px;
	font-size:1.1rem;
	display:none;
}
#resultats_panier ul.TDevis4 li.w50{
	width:49%;
	text-align:left;
	float:right;
	padding: 0 1rem;
}
#resultats_panier ul.TDevis4 li.cmd{
	width:49%;
	text-align:center;
	float:right;
	background-color:#888;
	color:#FFF;
}
#resultats_panier ul.TDevis4 li.cmd a{
	color:#FFF;
}
#resultats_panier ul.TDevis4 li.cmd a:hover{
	font-weight:700;
}
#resultats_panier ul.TDevis4 li ul{
	font-size:0;
	width:100%;
	background-color:#FFF;
}
#resultats_panier ul.TDevis4 li ul li{
	display:inline-block;
	width:49%;
	margin-right:2%;
	font-size:1.4rem;
	padding: 0 1rem;
}
#resultats_panier ul.TDevis4 li ul li:last-of-type{
	margin-right:0;
}
#resultats_panier .checkbox{
	width:1.5rem;
	height:1.5rem;
	vertical-align:middle;
	margin:0 0 0 .5rem;
}
#resultats_panier ul.TDevis4 li ul li input.NbTVA  {
	width:50%;
	height:2.5rem;
	line-height:2.5rem;
	border:none;
	background-color:#F1F1F1;
	font-weight:700;
	display:none;
}
.tooltip5 span, .tooltip6 span, .tooltip7 span{
	z-index:10;
	font-size:11px;
	font-size:1.1rem;
	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;
}
.tooltip5 span p, .tooltip6 span p, .tooltip7 span p{
	padding:0;
	margin:auto; 
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.tooltip5 span span, .tooltip6 span span, .tooltip7 span span{
	padding:0;
	margin:0; 
	font-weight:normal;
	text-decoration:none;
}				
.tooltip5:hover span, .tooltip6:hover span, .tooltip7:hover span{
	display:inline; 
	position:absolute; 
	border:0;  
	color:#4E4E4E;
	background:#fff;
	text-decoration:none;
}
.tooltip5 span {
	margin:22px 0 0 -150px;  
	width:300px;
}
.tooltip5 span img {
	z-index:20;
	position:absolute;
	border:0;
	top:-8px;
	left:135px;
}
.tooltip6 span {
	margin:22px 0 0 -125px;  
	width:250px;
}
.tooltip6 span img {
	z-index:20;
	position:absolute;
	border:0;
	top:-8px;
	left:105px;
}
.tooltip7 span {
	margin:26px 0 0 -130px;
	width:260px; 
}
.tooltip7 span img{
	z-index:20;
	position:absolute;
	border:0;
	top:-8px;
	left:115px;
}	
#resultats_panier ul.formulaire_sauvegard{
	width:50%;
	text-align:center;
	padding:0;
	margin:0 auto;
	display:none;
}
#resultats_panier ul.formulaire_sauvegard li{
	text-align:left;
	padding:0;
	margin:0 0 2em 0;
	height:auto;
	display:block;
	}
#resultats_panier ul.formulaire_sauvegard li ul{
	padding:0;
	margin:0;
}	
#resultats_panier ul.formulaire_sauvegard li ul li{
	padding:0px;
	margin:0 0 0 0;
	display:inline-block;
}				
#resultats_panier ul.formulaire_sauvegard .email{
	display:none;
}
#resultats_panier .formulaire_sauvegard li ul li.label{
	width:30%;
}
#resultats_panier ul.formulaire_sauvegard li ul li.input{
	width:70%;
	float:right;
}						
#resultats_panier ul.formulaire_sauvegard input{
	font-weight:normal;
	background-color:#FFF;
	width:100%;
	height: 2em;
	line-height:2em;
	text-align:left;
	border:1px solid #D0D0D0;
	color:#4E4E4E;
	margin:0;
	padding:0 .2em 0 .2em;
	vertical-align:middle;
}
#resultats_panier ul.formulaire_sauvegard input.mini-input{
	width:49.5%;
	margin:0 1% 0 0;
}	
#resultats_panier ul.formulaire_sauvegard input.mini-input.no-mg{
	margin:0;
}	
#resultats_panier .formulaire_sauvegard li.no-mg{
	margin:0;
}					
#resultats_panier ul.formulaire_sauvegard textarea{
	font-weight:normal;
	background-color:#FFF;
	color:#4E4E4E;
	width:100%;
	height: 6em;
	margin:0;
	padding:0 .2em 0 .2em;
	text-align:left;
	vertical-align:middle;
	border:1px solid #D0D0D0;
}	
#resultats_panier ul.formulaire_sauvegard input.submit{
	color: #4E4E4E;
	font-weight:bold;
	background-color:#FFFFFF;
	text-decoration:underline;
	width:4.2em;
	margin:0;
	padding:0;
	outline:none;
	cursor:pointer;
	border:0;
	font-weight:normal;
	background: url(https://www.carreauxmosaic.com/images2/flechereduite.png) right no-repeat;
}
/*************************** GetFormulaires **********************/
#resultats_formulaire{
	width: 90%;
	min-width:1020px;
	height:auto;
	text-align:center;
	vertical-align:top;
	font-weight:normal;
	margin:4rem auto 0 auto;
	padding:0;
}
#resultats_formulaire .formulaire_commande{
	text-align:center;
	padding:0;
	margin: 0;
	padding:0 4rem;
	width:50%;
	float:left;
}
#resultats_formulaire .formulaire_commande li{
	text-align:left;
	padding:0;
	margin:0 0 1rem 0;
	height:auto;
	display:block;
	width:100%;
}
#resultats_formulaire .formulaire_commande li ul{
	padding:0;
	margin:0;
	font-size:0;
	width:100%;
}	
#resultats_formulaire .formulaire_commande li ul li{
	padding:0;
	margin:0;
	display:inline-block;
	color:#888;
}		
#resultats_formulaire .formulaire_commande li.BrdB{
	padding-bottom:0.5rem;
	border-bottom:1px solid #D0D0D0;
}
#resultats_formulaire .formulaire_commande li.mt{
	margin-top:7rem;
}
#resultats_formulaire .formulaire_commande .email{
	display:none;
}
#resultats_formulaire .formulaire_commande li ul li.label{
	width:40%;
	height:2.5rem;
	line-height:2.5rem;
	background-color:#F1F1F1;
	font-size:1.4rem;
	padding:0 1rem;
	margin-right:2%;
}
#resultats_formulaire .formulaire_commande li ul li.label.w100{
	width:100%;
	margin-right:0;
}
#resultats_formulaire .formulaire_commande li ul li.input, #resultats_formulaire .formulaire_commande li.input{
	width:58%;
	font-size:1.4rem;
}
#resultats_formulaire .formulaire_commande li ul li.input.w100{
	width:100%;
}						
#resultats_formulaire .formulaire_commande input{
	font-weight:normal;
	background-color:#F1F1F1;
	width:100%;
	height:2.5rem;
	line-height:2.5rem;
	text-align:left;
	border:none;
	color:#888;
	margin:0;
	padding:0 1rem;
	vertical-align:middle;
	font-weight:700;
}
#resultats_formulaire .formulaire_commande input.mini-input{
	width:49%;
	margin:0 2% 0 0;
}	
#resultats_formulaire .formulaire_commande input.mini-input.no-mg{
	margin:0;
}	
#resultats_formulaire .formulaire_commande li.no-mg{
	margin:0;
}					
#resultats_formulaire .formulaire_commande textarea{
	font-weight:normal;
	background-color:#F1F1F1;
	color:#888;
	width:100%;
	height: 6rem;
	margin:0;
	padding:0 1rem;
	text-align:left;
	vertical-align:middle;
}	
#resultats_formulaire .formulaire_commande select{
	background-color : #F1F1F1;
	border : 0;
	font-weight : normal;
	text-align : center;
	vertical-align : middle;
	margin:0;
	padding:0 1rem;
	color:#888;
	height:2.5rem;
}	
#resultats_formulaire .formulaire_commande .checkbox{
	width:1.5rem;
	height:1.5rem;
	vertical-align:middle;
	margin:0 .5rem 0 0;
}			
#resultats_formulaire .formulaire_commande input.submit{
	margin:0;
	padding:0;
	outline:none;
	cursor:pointer;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	background-color:#888;
}	
/*#resultats_panier .formulaire_commande .tooltip7 img{
	margin-bottom:.4em;
}	

.ui-effects-transfer{ 
	border: 2px solid #CCCCCC; 
}*/

/************************************************************************************************* Page simulateur *************************************************************************/
.page_sim1, .page_sim2, .page_sim3{
	text-align:center;
	width:90%;
	height:auto;
	display:block;
	margin:2rem auto 0 auto;
	padding:0 1rem;
	font-size:0;
}
.page_sim2{
	margin-top:0.5rem;
}
.page_sim1 ul{
	vertical-align:middle;
}
.page_sim2 ul{
	vertical-align:top;
}
.tapisvertuel{
	display:none;
	position:absolute;
	width:60%;
	height:auto;
	margin:-6rem 0 0 -1rem;
	padding: 10px;
	text-align:left;
	z-index:99;
	overflow:hidden;
	font-size:1.4rem;
}
#CarreauxTapis, #HexagonalTapis, #HexagonalTapisL, #LozangeTapis, #FSTapis, #LEAFTapis, #BTTapis, #HTTapis, #PentaIrTapis, #Rectangl30x8Tapis, #TrianglEqTapis, #TrianglIsTapis{
	width:100%;
	height:auto;
	margin:0;
	padding:.5rem;
	z-index:1;
	/*cursor: url(https://www.carreauxmosaic.com/images2/simulateur/fleche.cur), default;*/
	overflow:visible;
	background:#FFF;
	-moz-box-shadow: 0px 0px 10px 3px #cfcfcf;
	-webkit-box-shadow: 0px 0px 10px 3px #cfcfcf;
	-o-box-shadow: 0px 0px 10px 3px #cfcfcf;
	box-shadow: 0px 0px 10px 3px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=10);
}
#TapisCarreaux, #TapisHexagonal, #TapisHexagonalL, #TapisLozange, #TapisFS, #TapisLEAF, #TapisBT, #TapisHT, #TapisPentaIr, #TapisRectangl30x8, #TapisTrianglEq, #TapisTrianglIs{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	z-index:0;
	cursor: pointer;
	overflow:hidden;
	border:1px solid #A1A1A1;
	background:transparent;
}
#PourBordsC, #PourBords, #PourBordsHL, #PourBordsL, #PourBordsFS, #PourBordsLEAF, #PourBordsBT, #PourBordsHT, #PourBordsPentaIr, #PourBordsRectangl30x8, #PourBordsTrianglEq, #PourBordsTrianglIs{
	width: 100%;
	height: 0;
	margin:0 auto;
	padding-top: 50%;
	position: relative;
}
#PourBordsC svg, #PourBords svg, #PourBordsHL svg, #PourBordsL svg, #PourBordsFS svg, #PourBordsLEAF svg, #PourBordsBT svg, #PourBordsHT svg, #PourBordsPentaIr svg, #PourBordsRectangl30x8 svg, #PourBordsTrianglEq svg, #PourBordsTrianglIs svg{
	position: absolute;
	top: 0;
	left: 0;
}
#closetapis, #closeHexagonaltapis, #closeHexagonaltapisL, #closeLozangetapis, #closeFStapis, #closeLEAFtapis, #closeBTtapis, #closeHTtapis, #closePentaIrtapis, #closeRectangl30x8tapis, #closeTrianglEqtapis, #closeTrianglIstapis{
	position:absolute;
	float:right;
	right:0;
	top: 0;
	cursor:pointer;
	z-index:9;
}
.CFamille {
	width:50%;
	height:auto;
	margin:0;
	padding:0;
	display:inline-block;
	text-align:left;
	font-size:0;
}
.CFamille li{
	font-size:1.1rem;
}
.CFamille li.liens_CFamille ul{
	display:block;
	margin:0;
	padding:0;
	font-size:0;
}
.CFamille li.liens_CFamille ul li{
	display:inline-block;
	font-size:1.1rem;
	line-height: normal;
}
.CFamille input{
	display:inline-block;
	vertical-align:middle;
	width:7rem;
	margin:0;
	margin-left:1rem;
	border:none;
	background-color:#F1F1F1;
}
.CFamille li.liens_CFamille ul.menu_sim{
	width:100%;
	margin:0;
	padding: 0;
	text-align:center;
	font-size:0;
	border-right:1px solid #D0D0D0;
}
.CFamille li.liens_CFamille ul.menu_sim li{
	width:12.5%;
	margin: 0;
	padding:0;
	vertical-align:top;
}
.CFamille li.liens_CFamille ul.menu_sim li img{
	opacity:0;
}
.CFamille li.liens_CFamille ul.menu_sim li a{
	line-height:normal;
	color:#888;
	font-size:1.1rem;
	display:inline-block;
	width:100%;
	height:100%;
}
.CFamille li.liens_CFamille ul.menu_sim li ul {
	position:absolute;
	overflow:hidden;
	width:10rem;
    height:0;
	padding:0;
	margin:0;
	display:block;
    -webkit-transition:height 200ms ease-in;
    -moz-transition:height 200ms ease-in;
    -o-transition:height 200ms ease-in;
    transition:height 200ms ease-in;
    z-index:99;
	background:#fff;
	line-height: normal;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
}
.CFamille li.liens_CFamille ul.menu_sim li ul a {
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0.5rem 0;
}
.CFamille li.liens_CFamille ul.menu_sim li ul a:hover, .CFamille li.liens_CFamille ul.menu_sim li ul a.active {
    background:#dbdbdb;
	border:0;
}
.CFamille li.liens_CFamille ul.menu_sim li ul li{
	width:100%;
	padding:0;
	margin:0;
}
.CFamille li.liens_CFamille ul.menu_sim li:hover ul, .CFamille li.liens_CFamille ul.menu_sim li:hover ul li{
    height:auto;
}
#class20x20{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/off/class20x20.svg);
	background-repeat: no-repeat;
	background-position:center top;
	background-size: contain;
}
#class20x20:hover, #class20x20.active{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/on/class20x20.svg);
}
#mod20x20{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/off/mod20x20.svg);
	background-repeat: no-repeat;
	background-position:center top;
	background-size: contain;
}
#mod20x20:hover, #mod20x20.active{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/on/mod20x20.svg);
}
#orna20x20{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/off/orna20x20.svg);
	background-repeat: no-repeat;
	background-position:center top;
	background-size: contain;
}
#orna20x20:hover, #orna20x20.active{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/on/orna20x20.svg);
}
#hexa{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/off/hexa.svg);
	background-repeat: no-repeat;
	background-position:center top;
	background-size: contain;
}
#hexa:hover, #hexa.active{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/on/hexa.svg);
}
#lozang{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/off/losang.svg);
	background-repeat: no-repeat;
	background-position:center top;
	background-size: contain;
}
#lozang:hover, #lozang.active{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/on/losang.svg);
}
#autres{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/off/autres.svg);
	background-repeat: no-repeat;
	background-position:center top;
	background-size: contain;
}
#autres:hover, #autres.active{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/on/autres.svg);
}
#createurs{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/off/createurs.svg);
	background-repeat: no-repeat;
	background-position:center top;
	background-size: contain;
}
#createurs:hover, #createurs.active{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/on/createurs.svg);
}
#penta_shapes{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/off/penta_shapes.svg);
	background-repeat: no-repeat;
	background-position:center top;
	background-size: contain;
}
#penta_shapes:hover, #penta_shapes.active{
	background-image:url(https://www.carreauxmosaic.com/images2/simulateur/formes2/on/penta_shapes.svg);
}
.content{
	overflow: hidden;
	position: relative;
}
#CFamille li.lozang1{
	display:inline-block;
	margin: 0 2% 1rem 0;
	padding:0;
	width:17.20%;
	height:auto;
}
#CFamille .lozang1 img:nth-child(5n+5){
	margin:0 0 1rem 0;
}
#CFamille li{
	display:inline-block;
	margin: 0 2% 1rem 0;
	padding:0;
	width:10.75%;
	height:auto;
}
#CFamille li:nth-child(8n+8){
	margin:0 0 1rem 0;
}

#CFamille li.lozang, #CFamille li.lozang:nth-child(8n+8){
	width:18.4%;
	margin: 0 2% 1rem 0;
}
#CFamille li.lozang:nth-child(5n+5){
	margin:0 0 1em 0;
}
#CFamille img{
	padding:0;
	margin:0 auto;
	width:100%;
	max-width:100%;
	height: auto;
	cursor:pointer;
}
.CCouleurs {
	width:18%;
	height:auto;
	margin:0 2%;
	padding:0;
	text-align:center;
	display:inline-block;
	font-size:0;
}
.CCouleurs li{
	font-size:1.4rem;
}
.CCouleurs li span.ColRecherche{
	display:inline-block;
	vertical-align:middle;
	width:8rem;
	height:8rem;
	margin: 0 1rem;
	-webkit-border-radius: 8rem;
	-moz-border-radius: 8rem;
	border-radius: 8rem;
	background-color:#F1F1F1;
}
.CCouleurs li span.ColRecherche input{
	display:inline-block;
	vertical-align:middle;
	border:none;
	background-color:transparent;
	margin-top:2.75rem;
	text-shadow: -1px -1px 0 #F1F1F1, 1px -1px 0 #F1F1F1, -1px 1px 0 #F1F1F1, 1px 1px 0 #F1F1F1;
}
.CCouleurs li.BrdT{
	border-top:1px solid #D0D0D0;
	padding:1.5rem 0;
}
.CCouleurs li.p10{
	padding-left:10%;
	padding-right:10%;
}
.CDev {
	width:28%;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
	display:inline-block;
	font-size:0;
}
.CDev li{
	font-size:1.4rem;
}
#reservoir{
	width:100%;
	max-width:357px;
	height: 70px;
	margin:0 auto;
	padding:0;
	color:#D0D0D0;
	font-weight:normal;
	overflow: hidden;
	text-align:center;
}
#reservoir ul{
	width:100%;
	height:100%;
	text-align:center;
	margin:0 auto;
	padding:0;
	font-size:0;	
}	
#reservoir ul li{
	margin:0 auto;
	padding:0;
	display:inline-block;
	vertical-align: middle;
	text-align:center;	
}		
#reservoir #GFleche, #reservoir #DFleche{
	width:5%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
	cursor:pointer;
}
#Reserves{
	width:86%;
	height: 100%;	
	color:#D0D0D0;
	margin:0 auto;
	padding:0;
	text-align:center;
	background-color:#fff;
	white-space:nowrap;
}
#Reserves img{
	border:1px solid #D0D0D0;
	margin:0 2px;
	padding:0;
	display:inline-block;
	cursor:pointer;
	vertical-align:top;
	width:70px;
	height: auto;
	position:relative;
	left:0px;
}		
#Hexagonal img{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	vertical-align:bottom;
}		
#Hexagonal {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	border:1px solid #D0D0D0;
	cursor: url(../images/simulateur/fleche.cur), default;
}
.span_info{
	text-align:center;
	width:100%;
	margin:1rem 0;
}
.span_info span.info{
	background-color:#F1F1F1;
	font-weight:700;
	width:20%;
	display:inline-block;
	vertical-align:middle;
	height:2rem;
	line-height:2rem;
	margin:0 1%;
}
.span_info span.info.no-mg{
	margin-left:0;
}
.span_info span.info.w50{
	width:45%;
}
.lien3D{
	text-align:left;
	border-top:1px solid #D0D0D0;
	margin-top:2rem;
	padding:2rem 0 0 0;
}
.lien3D a{
	color:#888;
	font-size:11px;
	font-size:1.1rem;
}
#msg{
	color:#f3b47c;
	font-size:11px;
	font-size:1.1rem;
	display:block;
	margin: 1rem 0;
}
.lientapis{
	text-align:left;
	margin-top:1rem;
}
.lientapis a, .lientapis a img{
	display:inline-block;
	vertical-align: bottom;
}
#rotation{
	cursor:pointer;
}
.CDev .devis{
	border-top:1px solid #D0D0D0;
	margin:2rem auto 0 auto;
	padding:1rem 0 0 0;	
	text-align:left;
}
.CDev .devis ul li{
	width:100%;
	height: auto;
}
.CDev .devis ul li.font-medium{
	font-size:1.1rem;
}
.CDev .devis ul li.msg{
	color:#f3b47c;
	font-size:11px;
	font-size:1.1rem;
	line-height:1em;
	margin:.2rem 0 0 0;
}
.CDev .devis ul#choixcaisse{
	display:none;
	margin:.5rem 0 0 0;
}
.CDev .devis ul#choixcaisse li{
	display:block;
	width:100%;
	margin:.3rem 0 0 0;
	float:none;
}	
.CDev .devis ul li input{
	border:none;
	background-color:#F1F1F1;
}
.CDev .devis ul li .radio{
	width:1.5rem;
	height:1.5rem;
	vertical-align:middle;
	margin:0 .5rem 0 0;
}
.radio{
	width:1rem;
	height:1rem;
	vertical-align:middle;
	margin:0 .5rem 0 0;
}
#sauvegarde_textures{
	display:none;
	cursor:pointer;
}
.formulaire_sauvegard{
	text-align:center;
	padding:0;
	margin:0;
	display:none;
}
.formulaire_sauvegard li{
	text-align:left;
	padding:0;
	margin:1rem 0;
	height:auto;
	display:block;
}
.formulaire_sauvegard li.email{
	display:none;
}
.formulaire_sauvegard label{
	font-weight:normal;
	background-color:#FFF;
	width:30%;
	height: auto;
	text-align:left;
	color:#4E4E4E;
	margin:0;
	padding:0;
	vertical-align:middle;
	display:inline-block;
}
.formulaire_sauvegard label[for=msgres]{
	width:100%;
}
.formulaire_sauvegard input{
	font-weight:normal;
	background-color:#FFF;
	width:70%;
	height: 3rem;
	line-height:3rem;
	text-align:left;
	border:1px solid #4E4E4E;
	color:#4E4E4E;
	margin:0;
	padding:0 .2rem;
	vertical-align:middle;
}
.formulaire_sauvegard input.mini-input{
	width:34.5%;
	margin:0 1% 0 0;
}	
.formulaire_sauvegard input.mini-input.no-mg{
	margin:0;
}	
.formulaire_sauvegard li.no-mg{
	margin:0;
}					
.formulaire_sauvegard textarea{
	font-weight:normal;
	background-color:#FFF;
	color:#4E4E4E;
	width:100%;
	height: 6rem;
	margin:0;
	padding:0 .2rem;
	text-align:left;
	vertical-align:middle;
	border:1px solid #4E4E4E;
}
.formulaire_sauvegard #erreur{
	color:#f3b47c;
	font-size:11px;
	font-size:1.1rem;
	margin-right:0.5rem;
}
.formulaire_sauvegard input.submit{
	color: #4E4E4E;
	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://www.carreauxmosaic.com/images2/flechereduite.png) right no-repeat;
}

/************************************************************************************************* Page Simulateur Lignes ***********************************************************************/
.page_simulateur_lignes{
	width:80%;
	height:auto;
	margin:5rem auto 0 auto;
	padding:0;
}
.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:700;
}
.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 .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.8rem 0 0 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 .5rem 0;
}
.page_simulateur_lignes ul.partie_tapis li ul li{
	display:inline-block;
	vertical-align:top;
	padding:0;
}
.page_simulateur_lignes .flout{
	opacity: 0;
}
.page_simulateur_lignes ul.tapis_textures{
	width:100%;
	text-align:center;
	margin: 0 ;
	padding:0;
	overflow:hidden;
	float:right;
	background:#4E4E4E;
	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 ***********************************************************************/
.page_simulateur_stamped{
	width:80%;
	height:auto;
	margin:5rem auto 0 auto;
	padding:0;
}
.page_simulateur_stamped ul.motifs{
	width:22%;
	text-align:center;
	margin: 0 3% 0 0;
	overflow:hidden;
	float:left;
}
.page_simulateur_stamped ul.motifs a{
	cursor:pointer;
}
.page_simulateur_stamped ul.motifs li:last-of-type{
	margin-top:2rem;
	padding-top:1rem;
	border-top:1px solid #D0D0D0;
}
.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:last-of-type{
	margin-top:2rem;
	padding-top:1rem;
	border-top:1px solid #D0D0D0;
}
.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:700;
}
.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.8rem 0 0 0 ;
	padding:0;
	overflow:hidden;
	float:left;
}
.page_simulateur_stamped ul.partie_tapis li{
	text-align:left;
	overflow:hidden;
	vertical-align:top;
	margin:0 0 1rem 0;
}
.page_simulateur_stamped ul.partie_tapis li ul li{
	display:inline-block;
	vertical-align:top;
	padding:0;
}
.page_simulateur_stamped .flout{
	opacity: 0;
}
.page_simulateur_stamped ul .tapis_textures{
	width:100%;
	text-align:center;
	margin: 0 ;
	padding:0;
	overflow:hidden;
	float:right;
	background:#4E4E4E;
	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 galerie ************************************************************************/
.page_galerie{
	width:80%;
	text-align:center;
	display:block;
	margin:3rem auto 0 auto;
	padding:0;
	font-size:0;
}
#social{
	position:absolute;
	top:10px;
	left:61px;
}

/************************************************************************************************* Page Couleurs ***********************************************************************/
.page_couleurs{
	width:90%;
	text-align:center;
	display:block;
	margin:3rem auto 0 auto;
	padding:0;
	font-size:0;
}
.page_couleurs h1{
	padding-bottom:1rem;
	font-size:1.4rem;
}
.page_couleurs h1 span{
	font-weight:400;
	color:#888;
	font-style:italic;
}
.page_couleurs ul{
	margin:0;
	padding:0;
	text-align: center;
	overflow:hidden;
	text-align: center;
	overflow:hidden;
	font-size:0;
	display:inline-block;
	vertical-align:top;
}
.page_couleurs ul li{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
	text-align: center;
	overflow:hidden;
	font-size:0;
	display:inline-block;
}
.page_couleurs ul:first-of-type{
	width: 70%;
	height:auto;
	margin:0;
	padding:0;
}
.page_couleurs ul:first-of-type li.block1{
	list-style:none;
	float:left;
	width:19%;
	height:auto;
	margin:0 1% 0 0 ;
	padding:0;
}
.page_couleurs ul:first-of-type li.block1 ul{
	float:none;
	display:block;
	width:100%;
	margin:0 0 1% 0 ;
	padding:0;
	cursor:pointer;
	border:1px solid #fff;
}
.page_couleurs ul:first-of-type li.block1 ul li{
	float:left;
	width:33.33333333333333%;
	margin:0;
	padding:0;
	cursor:pointer;
	border:1px solid #fff;
}
.page_couleurs ul.block2{
	width: 26.5%;
	height:auto;
	margin:0 0 0 3.5% ;
	padding:0;
}
.page_couleurs ul.block2 li{
	width:100%;
	margin:0;
	padding:0;
	font-size:1.4rem;
}
.page_couleurs ul.block2 li:first-of-type #dev{
	width:100%;
	margin:0;
	padding:0;
	border:1px solid #D0D0D0;
}
.page_couleurs ul.block2 li.info_color{
	margin-top:1rem;
	padding-bottom:1rem;
	border-bottom:1px solid #D0D0D0;
	font-size:0;
}
.page_couleurs ul.block2 li.info_color ul{
	width:100%;
	font-size:0;
}
.page_couleurs ul.block2 li.info_color ul li{
	display:inline-block;
	vertical-align:middle;
}
.page_couleurs ul.block2 li.info_color ul li:first-of-type{
	width:40%;
	text-align:left;
}
.page_couleurs ul.block2 li.info_color ul li:last-of-type{
	width:60%;
	text-align:right;
}
.page_couleurs ul.block2 li.info_color ul li input{
	display:inline-block;
	vertical-align:middle;
	height:2rem;
	line-height:2rem;
	background-color:#F1F1F1;
	border:none;
	margin:0;
	padding:0;
	font-weight:700;
	color:#888;
	font-size:1.1rem;
}
.page_couleurs ul.block2 li.info_color ul li input#couleur{
	width:40%;
}
.page_couleurs ul.block2 li.info_color ul li input#pantone{
	width:60%;
}
.page_couleurs ul.block2 li.stock_description{
	margin-top:1rem;
	font-size:0;
}
.page_couleurs ul.block2 li.stock_description ul{
	width:100%;
	font-size:0;
}
.page_couleurs ul.block2 li.stock_description ul li{
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	font-size:1.1rem;
}
.page_couleurs ul.block2 li.stock_description ul li:first-of-type{
	width:25%;
	padding-right:1rem;
	border-right:1px solid #D0D0D0;
}
.page_couleurs ul.block2 li.stock_description ul li:last-of-type{
	width:75%;
	padding-left:1rem;
}

/*********************************************************************************************** Page poser-protéger **************************************************************************************/		
.page_poser_proteger{
	width:90%;
	text-align:center;
	display:block;
	margin:2rem auto 0 auto;
	padding:0;
	font-size:0;
}
.page_poser_proteger ul.block1, .page_poser_proteger ul.block2{
	float:left;
	text-align:left;
	width: 46%;
	height: auto;
	margin: 0 2%;
	padding:0;
}
.page_poser_proteger ul.block1 li, .page_poser_proteger ul.block2 li{
	font-size:1.4rem;
}
.page_poser_proteger h1{
	padding-bottom:1rem;
}
.page_poser_proteger h2{
	line-height:2;
}
.page_poser_proteger ul.block1 li{
	margin-bottom:1rem;
	color:#888;
	position:relative;
	width:100%;
}
.page_poser_proteger ul.block1 li div{
	background-color:#F1F1F1;
	margin:0 auto;
	padding:0;
	color:#888;
	height:5rem;
	line-height:5rem;
}
.page_poser_proteger ul.block1 li div:first-of-type{
	width:5rem;
	background-color:#FFF;
	margin:0;
	padding:0;
}
.page_poser_proteger ul.block1 li div:last-of-type{
	width:6.5rem;
	background-color:#FFF;
	margin:0;
	padding:0;
}
.page_poser_proteger ul.block1 li div.center{
	position:absolute; 
	left:5rem; 
	right:6.5rem;
	text-align:center;
}
.page_poser_proteger ul.block1 li div span{
	display:inline-block;
	vertical-align:middle;
	line-height: normal;
}
.page_poser_proteger ul.block1 li div:last-of-type{
	line-height:8rem;
}

/*********************************************************************************************** Page fiche technique **************************************************************************************/		
.page_technique{
	width:90%;
	text-align:center;
	display:block;
	margin:2rem auto 0 auto;
	padding:0;
	font-size:0;
}
.page_technique ul.titreB{
	width:100%;
	text-align:center;
	display:block;
	margin:0 auto 0 auto;
	padding:0;
	font-size:0;
}
.page_technique ul.titreB li{
	width:12%;
	background-color: #F1F1F1;
	text-align: center;
	color: #888;
	padding: 0.5rem 1rem;
	margin: 0 1% 0 0;
	line-height: 0.5rem;
}
.page_technique ul.titreB li a{
	text-align: center;
	color: #888;
	font-weight:bold;
	font-size:11px;
	font-size:1.1rem;

}
.page_technique ul.titreB li.active{
	background-color: #888;
	text-align: center;
	color: #888;
	padding: 0.5rem 1rem;

}
.page_technique ul.titreB li.active a{
	color: #FFFFFF;
}


.page_technique h1{
	padding-bottom:1rem;
	font-size:1.4rem;
}
.page_technique ul{
	width: 100%;
	height: auto;
	margin: 0;
	padding:0;
}
.page_technique ul li{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width: 32%;
	height: auto;
	margin: 0 2% 0 0;
	font-size: 1.4rem;
}
.page_technique ul li.no-mg{
	margin: 0;
}
.page_technique h2, .page_technique h3{
	line-height:2;
}	
.page_technique ul li p.encadr{
	padding:0.5rem;
	text-align:justify;
	border-top:1px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
}
.resistance{
	width:100%;
	height:auto;
	color: #888;
	border-collapse: collapse;
	border-collapse: collapse;
	text-align:center;
	border:0
}
.resistance td{
	padding:.3em;
	text-align:center;
	border:0
}
.resistance td.BRR{
	border-right: 1px solid #D0D0D0;
}
.resistance td.txtL{
	text-align: left;
	padding-left:0.7rem;
}

.resistance td.w25{
	width:44%;
	text-align:left;
	font-style:italic;
}
.resistance td.backggris{
	background-color:#F1F1F1;
}

/************************************************************************************************* Page Collection Classiques ***********************************************************************/
.page_classiques{
	width:100%;
	margin: 0;
	margin-top:3rem;
	padding:0;
	text-align:center;
}
.page_classiques ul{
	width:100%;
	margin:0 auto 0 auto;
	padding:0 1rem 0 0;
	display:block;
	text-align: center;
	color:#888;
	font-size:0;
}
.page_classiques ul li{
	display:inline-block;
	width:auto;
	margin:0 8rem 0 0rem;
	padding:0;
	text-align: center;
	vertical-align:middle;
	font-size:1.4rem;
}
.page_classiques ul li:first-of-type, .page_classiques ul li:last-of-type{
	margin:0;
}
.page_classiques ul li img{
	vertical-align:middle;
}
.page_classiques ul li.mrl{
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	padding-left:1rem;
	border-left:1px solid #D0D0D0;
}

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

}