@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);
@import url(https://fonts.googleapis.com/css?family=Amethysta);

*{
	margin:0;
	padding:0;

}
body{
	font-family: "Trebuchet MS", Arial, sans-serif;
	color:#684e45;
	background: url(../images/page_bg.jpg) no-repeat center;
		background-size:cover;
		background-position:fixed;
}
.header_content, .main_content, .page_content, .footer {
	margin:0 auto;
	}
	.header_content {}
	.main_content {
		background: url(../images/main_bg.jpg) no-repeat center;
		background-size:cover;
		background-position:fixed;
		clear:both;
		}
	.page_content, .footer {
		padding-bottom:20px;
		}
.content{
	max-width:1275px;
	margin:auto;
}

sup {font-size:8px}

#header{
	max-width:1275px;
	margin:auto;
	position:relative;
	background:rgba(255, 255, 255, 0.5);
}

.header_middle {text-align:center;}
.header_middle h2 {
	font-family: 'Kaushan Script', cursive;
	font-size:26px;
	padding:5px 0 5px;
	}
.header_middle h3 {
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	color:#CB0000;
	margin-top:5px;
	}
	.header_middle p {
	font-family: 'Oswald', sans-serif;
	font-size:13px;
	}
	.header_middle p span {color:#CB0000;}

.header_contact h3 {
	font-family: 'Kaushan Script', cursive;
	font-size:26px;
	padding:5px 0 5px;
	text-align:center;
	color:#CB0000;
	}
	.header_contact p.number {
		font-family: 'Amethysta', serif;
		text-align:center;
		font-size:16px;
		line-height:26px;
		}
	.header_contact p.ouverture {
		background:#CB0000;
		padding:5px;
		color:#fff;
		font-size:12px;
		line-height:20px;
		text-align:center;
		}


#logo{
	position:relative;
	top:15px;
	z-index:1;
}
#menu {position:relative; z-index:9;max-width: 1275px;margin:auto; clear:both;}
#menu-alt{
	margin:8px auto;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
	text-align: center;
	 clear:both;
}

#menu-alt a, #menu-alt > a {
	color:#684e45;
	text-decoration:none;
	text-align: center;
}

#menu-alt a:hover{
	color:#684e45;
	/*border-bottom: 3px #684e45 solid;*/
}

#menu-alt ul{
	list-style:none;
    width: 100%;
}

#menu-alt ul li{
	display:inline;
}

#page-content{
	/*height:670px;
    width:1275px;*/
	background:#fff url(../images/bg-page-produit.png) no-repeat bottom right;
	clear:both;
	padding:20px;
}

#page-content-index{
	background:#FFF;
}
#page-content-index a{
	border:none;
	margin:0;
	padding:0;
}

#page-content-index img{
	border:none;
	margin:0;
	padding:0;
}

#page-content-index a {overflow:hidden;}
	#page-content-index a .prices-item {overflow:hidden;}

	#page-content-index a .prices-item2 {display:block; width:100%; height:100%;}
	#page-content-index a:first-child .prices-item2 {}

#page-content-index a {display:block; vertical-align:top; max-width:100%;height:464px;position:relative;}
	#page-content-index a:first-child {background:url(../images/illustrations/bg-dallage.png) no-repeat; background-size:cover}
	#page-content-index a:nth-child(2) {background:url(../images/illustrations/bg-mosaique.png) no-repeat; background-size:cover}
	#page-content-index a:nth-child(3) {background:url(../images/illustrations/bg-plantravail.png) no-repeat; background-size:cover}
	#page-content-index a:last-child {background:url(../images/illustrations/bg-vasque255.png) no-repeat; background-size:cover}
#page-content-index a:hover{filter:opacity(80%);}

.credits {text-align:center; clear:both}

#MenuBar1 li.brown a {background:rgba(79, 54, 45, 0.9);}

.prices-item {
	font-family: "Kaushan Script",cursive;
	text-align:center;
	position:absolute;
	bottom:0;
	width:100%;
	}
	.prices-item p:first-child {color:#000;background:rgba(255, 255, 255, 0.7);}
	.prices-item p:first-child span {color:#000;font-family: "Trebuchet MS", Arial, sans-serif;font-weight:bold; font-size:18px;color:#000;}
	.prices-item p:first-child strong {font-family: "Trebuchet MS", Arial, sans-serif;font-weight:bold; font-size:60px;color:#900000;}
	.prices-item p:last-child {background:rgba(44, 25, 18, 0.9);color:#ddd;}
	.prices-item p:last-child strong {font-family: "Trebuchet MS", Arial, sans-serif;font-weight:bold; font-size:60px;color:#fff;}
	.prices-item p.brown2 {background:rgba(79, 54, 45, 0.9);}

.descriptif {clear:both;}

#nouveaute {
	background: rgb(185,7,26); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(185,7,26,1) 0%, rgba(255,0,0,1) 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,7,26,1)), color-stop(60%,rgba(255,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(185,7,26,1) 0%,rgba(255,0,0,1) 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(185,7,26,1) 0%,rgba(255,0,0,1) 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(185,7,26,1) 0%,rgba(255,0,0,1) 60%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(185,7,26,1) 0%,rgba(255,0,0,1) 60%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9071a', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
	text-align:center;
}
	#nouveaute h2 {color:#FFE900;text-transform:uppercase;padding:15px 15px 10px;text-shadow:3px 2px 1px rgba(0,0,0,0.7);}
	#nouveaute p {padding:20px 0; font-size:25px;text-shadow:3px 2px 1px rgba(0,0,0,0.7);font-family: helvetica;text-transform: uppercase;cursor:pointer;}
	#nouveaute a{text-decoration: none;color:#fff;}
	#nouveaute a:hover {color:#FFE900;}

@media screen, projection
{
	#page-content-index{
	background:#FFF;
	}
}
@media only screen and (min-width : 1200px){
	.advance-link img{
		width:auto%;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
	.advance-link img{
		width:85%;
	}
}


#page-content-produit{
	/*height:562px;
    width:1145px;*/
	background:#fff url(../images/bg-page-produit.png) no-repeat bottom right;
	/*padding:45px 65px 65px 65px;*/
	padding:30px;
}


#page-content-navigation{
	height:670px;
    width:1275px;
	background:#684e45;
}

#page-content-produit form{
	padding-bottom:10px;
}

#menu-bas-index{
	position:relative;
	top:-315px;
	float:left;
	width:1255px;

	background-color:#2c1912;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding:10px;
}
#menu-bas-index2{

	float:left;
	width:1255px;
	height:90px;
	background-color:#2c1912;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding:15px 10px 10px 10px;
}

#menu-bas-index2 p{
	width:1255px;
	position:relative;

}

#donnees{
	float:left;
	width:380px;
	padding:20px;
	font-size:14px;
	background:#E9E9E9;
	-moz-border-radius:15px 15px 15px 15px;
}

#donnees label{
	float:left;
}

#donnees input{
	float:right;
	width:250px;
	height:20px;
	border:#999 1px solid;

}

#plan{
	/*position:relative;
	top:-75px;
	left:-15px;
	float:right;
	width:600px;*/
}

iframe{
	border:#999 1px solid;
	-moz-border-radius:15px 15px 15px 15px;
}

#coord{

	margin-right:35px;
	text-align:center;
	color:#C00;
	font-size:18px;
}

.red{
	font-size:44px;
	color:#C00;
	opacity:1;
}


#scroller{
	margin: 20px auto;
    text-align: center;
}

#scroller p{
	margin-left:;
}

#scroller img{
	border:#FFF 2px solid;
	margin-right:10px;
}

#scroller-about{
	/*width:1275px;
	height:160px;
	padding:150px 50px 0 150px;*/
}

#scroller-about img{
	border:#FFF 2px solid;
	margin-right:10px;
	margin:10px;
}

#scroller-showroom{
	/*width:1275px;
	height:160px;
	padding:80px 50px 0 200px;*/
	margin:0 auto;
	text-align:center;
}

#scroller-showroom img{
	border:#FFF 2px solid;
	margin-right:10px;
	margin:10px;
}
#gallery {overflow:hidden; margin-bottom:3rem;}


#apropos{
	/*width:320px;*/
	font-size:16px;
	text-align:justify;
	/*float:right;*/
	/*margin-right:150px;*/
	/*position:relative;
	top:-70px;*/
}
.footer {margin-top:20px;}
#footer{
	position:relative;
	top:115px;
	color:#000;
	font-size:11px;
	width:1275px;
	text-align:center;
}
#footer a{
	text-decoration:none;
	color:#000;
}

#footer2{
	margin:auto;
	/*width:1275px;*/
	color:#000;
	font-size:11px;
	text-align:center;
}
#footer2 a{
	text-decoration:none;
	color:#000;
}

#footer2 p{
	text-decoration:none;
	background-color:#2c1912;
	color:#fff;
	font-size:12px;
	padding:15px;
}

.cgv{
	font-size:13px;
	text-align:justify;
}

#ref_index{
	font-size:11px;
	/*width:1275px;*/
}

#ref_index h1{
	text-align:center;
}

#ref_index_left h2, #ref_index_mid h2, #ref_index_right h2 {text-align:left; font-size:24px; margin-bottom:20px;}
#ref_index_left{
	margin-bottom:20px;
	padding: 0 15px;
	font-size:10px;
	/*width:405px;
	float:left;*/
	text-align:justify;
}

#ref_index_mid{
	padding: 0 15px;
	font-size:10px;
	/*width:405px;
	float:left;*/
	text-align:justify;
}

#ref_index_right{
	padding: 0 15px;
	font-size:10px;
	/*width:405px;
	float:right;*/

}

#ref_dallage{

	font-size:12px;
	/*width:840px;*/

}
#ref_dallage p {
margin-top:20px;
}

#ref_dallage h1{
	text-align:left;
}
#ref_dallage h2 {
	margin-top:20px;
	}

#ref_dallage_left{
	margin-right:20px;
	margin-bottom:20px;
	font-size:12px;
	text-align:justify;
}


#ref_dallage_right{
	font-size:12px;
	text-align:justify;
}

#ref_mosaique{
	/*padding-top:200px;*/
	font-size:12px;
	/*width:840px;*/
	margin:auto;
}

#ref_mosaique h1{
	text-align:left;
}

#ref_mosaique_left{
	margin-right:20px;
	margin-bottom:20px;
	font-size:12px;
	/*width:405px;
	float:left;*/
	text-align:justify;
}


#ref_mosaique_right{
	font-size:12px;
	/*width:405px;
	float:right;*/
	text-align:justify;
}

#ref_plan_travail{
	font-size:12px;
	/*width:1120px;*/
	margin:auto;
}

#ref_plan_travail h1{
	text-align:left;
}

#ref_plan_travail_left{
	margin-right:20px;
	margin-bottom:20px;
	font-size:12px;
	/*width:550px;
	float:left;*/
	text-align:justify;
}


#ref_plan_travail_right{
	font-size:12px;
	/*width:550px;
	float:right;*/
	text-align:justify;
}

#prestige {
	background: rgb(185,7,26); /* Old browsers */
background: -moz-linear-gradient(top, rgba(185,7,26,1) 0%, rgba(255,0,0,1) 60%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,7,26,1)), color-stop(60%,rgba(255,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(185,7,26,1) 0%,rgba(255,0,0,1) 60%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(185,7,26,1) 0%,rgba(255,0,0,1) 60%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(185,7,26,1) 0%,rgba(255,0,0,1) 60%); /* IE10+ */
background: linear-gradient(to bottom, rgba(185,7,26,1) 0%,rgba(255,0,0,1) 60%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9071a', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
	margin:auto;
	/*width:1275px;*/
	font-size:11px;
	text-align:center;
	padding:10px 0;
	}
	#prestige p { color:#FF0; padding:10px 10px 0 10px; font-size:12px; ;}
	#prestige p span { font-size:28px; font-weight:bold; padding: 0 0 3px 0;}

#footer2 #horstaxes {color:#FF0; margin-top:-10px; text-align:left}

.type-marbre{
	font-size:14px;
	color:#674E46;
	}
.precious {
	width:100px;
	height:63px;
	float:left;
	margin:0 5px;
	background: url(../images/precious.png) no-repeat;
	background-size: cover;
	/*position:absolute;
	top:-180px;
	padding:5px;
	right:50px;
	z-index:10;*/
	text-indent:9999px;
	}
.caption-box {
	position:relative;
	top:450px;
	display: block;
    height: 250px;
	}

#destockage-hiver {
	width:1275px;
	height:90px;
	background:#f00 url(../images/Bandeau-destockage.png) no-repeat center;
	}
	#destockage-hiver p {text-indent:-9999px;}

#footer2 p.rdv {font-size:20px; font-weight:bold; color:#FF0000}

nav #myNavbar ul li.menu-produits {display:none;}

.navbar-brand {display:none; margin-left:20px;}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {
#header {background:rgba(255, 255, 255, 0.5);}


.header_middle h2 {
	font-size:18px;
	padding:5px 0 5px;
	}
.header_middle h3 {
	font-size:12px;
	margin-top:5px;
	}
	.header_middle p {
	font-size:10px;
	}

.header_contact h3 {
	font-size:18px;
	padding:5px 0 5px;
	}
	.header_contact p.number {
		font-size:12px;
		line-height:18px;
		}
	.header_contact p.ouverture {
		padding:3px;
		font-size:9px;
		line-height:12px;
		}



}

@media (max-width: 767px) {
#page-content-index,.header_middle, #menu {display:none;}

nav #myNavbar ul li.menu-produits {display:block;}

.navbar-brand {display:block}
}

@media (max-width: 450px) {

#page-content-index {display:none;}

#menu-alt{margin-top:20px}
.header_contact h3 {
	margin-top:20px;
	font-size:18px;
	padding:5px 0 5px;
	}
	.header_contact p.number {
		font-size:12px;
		line-height:18px;
		}
	.header_contact p.ouverture {

		padding:3px;
		font-size:9px;
		line-height:12px;
		}
	#slideshow span a img {width:270px; height:270px;}

	#scroller img {width:250px; height:250px;}

}

#buttonfb {
    float: right;
}

@media screen and (max-width: 767px){
    #buttonfb {
        float: none;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
	nav #myNavbar ul li.menu-produits {display:block;}
}