html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
	body {width: 100%;}
	header {
	width: 100%;
	position: fixed;
	z-index: 99999;
	}
	section{
	width: 100%;
	position: relative;
	z-index: 99998;
	top: 65px;
	}
	footer {
	width: 100%;
	position: relative;
	z-index: 99997;
	top: 65px;
	}

@media (max-device-width:768px) and (orientation: landscape) {  }
/**====================== style des produits  ================================**/
.news-cons {
	width: 80%;
  	position: relative;
	overflow: hidden;
	visibility: visible;
	background-color: #FFFFFF;
	margin:  auto;
	text-align: center;
}
.news-cons h3 {
	text-align: center;
	font-weight: bold;
	color: #820000;
	font-size: 30px;
	font-family: Lato, Calibri, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: underline;
	margin: auto;
	padding-bottom: 5px;
	
}
.news-item-cons {
	width: 10%;
	min-width: 270px;
	display: inline-block;
	margin: 2px 2px 10px 2px;
	position: relative;
  	border: 2px solid #820000;
	text-align: left;
}

.news-item-cons h2 {
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	font-size: 20px;
	background-color: #820000;
	font-family: Lato, Calibri, Arial, sans-serif;
	text-transform: uppercase;
	margin: auto;
}

.news-item-cons p {
	font-size: 16px;
	color: #fff;
	margin: auto;
	display:inline-block; 
	position:relative; 
	top:20%; 
	left: 3%;
	text-align: left;
}

/** ========================================= fon style des produits ================================ **/
.view-one-cons {
	overflow: hidden;
	position: relative;
	cursor: default;
}
.view-one-cons img {
	width: 100%;
	height: 270px;
	margin: auto;
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.view-one-cons:hover img{
 /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%);
}
.view-one-cons .mask-cons {
	width: 95%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(0px, -100px) ;
   -moz-transform: translate(0px, -100px) ;
   -o-transform: translate(0px, -100px) ;
   -ms-transform: translate(0px, -100px);
   transform: translate(0px, -100px);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;

}

.view-one-cons:hover .mask-cons{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);opacity: 1;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}