@charset "utf-8";
/* CSS Document */

#blc-page{
	width: 100%;
	float: left;
	padding-top: 115px;
	padding-bottom: 70px;
}
#glb-pge{
	width:100%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	display: table;
}
#grp-ttr{
	width:100%;
	padding-left:80px;
	padding-right:80px;
	position:relative;
	box-sizing: border-box;
	animation:anim-grp-ttre 2s forwards;
}
@keyframes anim-grp-ttre{
	0%{opacity:0;}
	100%{opacity:1;}
}
#ico-ttr{
	width:100%;
	height:117px;
	background:url('../img/ico-prd.png') no-repeat center center;
}
#ttr-pge{
	text-align: center;
	font-size: 61px;
	position: relative;
	color: #DDB66B;
	font-family: 'sunset-lightregular';
	display: table;
	padding: 10px 15px;
	margin-left: auto;
	margin-right: auto;
	animation:anim-ttre 2s forwards;
}

#dscr-pge{
	width:100%;
	text-align:center;
	font-size:17px;
	color:#DDB66B;
}
#trait-gch{
	width:75px;
	height:1px;
	float:left;
	position:absolute;
	left:-75px;
	top:50%;
	background-color:#CF6F4B;
}
#trait-drt{
	width:75px;
	height:1px;
	float:left;
	position:absolute;
	right:-75px;
	top:50%;
	background-color:#CF6F4B;
}
#blc-nos-produits{
	width:100%;
	float:left;
	padding-bottom:185px;
	background: url(../img/fond-montagne.jpg) no-repeat center center;
}
/*#col-nsprds-a{
}
#col-nsprds-b{
}
#col-nsprds-c{
}*/

.ph-avt{
	width:100%;
	float:left;
	display:block;
	text-align:center;
	font-size:18px;
	padding-bottom:40px;
}
.col-nsprds{
	width:33.33%;
	float:left;
	padding-left:15px;
	box-sizing: border-box;
}
.col-nsprds h2{
	width:100%;
	float:left;
	color:#CF6F4B;
	padding-bottom:20px;
	margin-top:36px;
}
.ico-prd{
	background:url(../img/plus.png) no-repeat center center;
	width:27px;
	height:27px;
	float:left;
	margin-right:10px;
}
.glb-prd{
	position:relative;
	width:100%;
	float:left;
	padding-left:37.5px;
	box-sizing: border-box;
}
.nom-prd{
	width:100%;
	float:left;
	display:block;
	font-size:17px;
	padding:10px 50px 5px 0;
	position: relative;
	box-sizing: border-box;
	color:#1D1D1B;
	background:url("../img/fond-prd.png") repeat-x center bottom;
}
.prx-prd{
	width: auto;
	display: block;
	font-size: 17px;
	position: absolute;
	right: 0px;
	top: 10px;
	color:#CF6F4B;
}

.col-img{
	margin:20px 0;
	width:100%;
	float:left;
	overflow: hidden;
	display: block;
}
#prd-a-prt{
	background:url(../img/produits/clarine.jpg) no-repeat center top / cover;
}
#prd-b-prt{
	background:url(../img/produits/le-cretin-dete.jpg) no-repeat center center / cover;
}
.col-img img{
	width:100%;
	float:left;
	display:block;
	border-radius: 50%;
	background-color:#CCCCCC;
}
@media screen and (max-width: 700px){
	.col-nsprds{
		width:100%;
		padding: 0 15px;
	}
	#ttr-pge{
		font-size:27px;	
	}
}