/* Nos Services */
#liste_serv {
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:start;
		  margin-top:40px;
		  /*-webkit-box-align:start;
      -ms-flex-align:start;
              -ms-grid-row-align:flex-start;
          align-items:flex-start;
		  */
}
#liste_serv > article.type_prod {
	width:31%;
	min-height:100px;
	margin-right: 20px;
	/*border:1px solid #CCC;*/
	box-shadow:0px 15px 77px -17px rgba(0,0,0,0.44);
	margin-bottom:40px;
	position:relative;
	/*border-radius:20px;*/
	overflow:hidden;
	cursor:pointer;
}
#liste_serv > article.type_prod > .cnt-ph {
	width:100%;
	height:200px;
	position:relative;
	overflow:hidden;
	z-index:1;
}
#liste_serv > article.type_prod >.cnt-ph > img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	width:100%;
	vertical-align:top;
	transition: all .5s;
	-webkit-transition: all .5s;
	 filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
 -webkit-filter: grayscale(0%);
         filter: grayscale(0%);	
	
}
#liste_serv > article.type_prod:hover  img {

	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
 -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
	transform:translate(-50%,-50%) scale(1.3);
	-webkit-transform:translate(-50%,-50%) scale(1.3);

}
#liste_serv > article.type_prod > h2 {
	padding:10px;
	text-align:center;
}
a.decouvrir {
	position:absolute;
	left:0; top:0;
	right:0; bottom:0;
	z-index:3;
	
}

@-webkit-keyframes dec {
  0% {-webkit-transform:translate(-50%,-50%) scale(0);border-radius:50%; }
  50% { -webkit-transform:translate(-50%,-50%) scale(1.1); }
  100% {-webkit-transform:translate(-50%,-50%) scale(1)border-radius:20px;;  }
}
@keyframes dec {
  0% {transform:translate(-50%,-50%) scale(0);border-radius:50%;}
  50% { transform:translate(-50%,-50%) scale(1.1); }
  100% {transform:translate(-50%,-50%) scale(1);border-radius:20px;}
}

#img_page_service {
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
}
#img_page_service > img {
	position:absolute;
	width:100%;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	z-index:1;
}
#img_page_service > div#fil {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	background-color:#000;
	opacity:.6;
	z-index:2;
}
#bnd_ppt {
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
}
#bnd_ppt > img {
	position:absolute;
	width:100%;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	z-index:1;
}
#bnd_ppt > div#fil {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	background-color:#000;
	opacity:.6;
	z-index:2;
}
h2 {
	text-align:center;
}
h2.prod {
	text-align:left;
}
#liste-prod-u  {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;	
  -ms-flex-wrap:wrap;
  flex-wrap:wrap; 
    -webkit-box-pack:start;
    -ms-flex-pack:start;
        justify-content:flex-start;
		  perspective:3000px;
	border:1px solid #E2E9ED;
	background-color:#FFF;
	margin-bottom:10px;

}
article.prod-u {
	box-sizing:border-box;
	padding:10px;
	padding-top:0px;
	border-left:none;
	border-top:none;
	margin:0px;
	position:relative;
	overflow:hidden;
	width:25%;
	z-index:0;
	box-shadow:0 0 0 1px #E2E9ED;
	background-color:#FFF;
	
}
article.prod-u > a {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
}
article.prod-u:hover {
	z-index: 1;
  box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  transition: box-shadow 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;
}
article.prod-u>.ph_prod {
	text-align:center;
	position:relative;
	width:100%;
}
article.prod-u>.ph_prod>img {
	width:100%;
}

#desc_produit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  position:relative;
}
#desc_produit > div {
	width:33%;
	position:relative;
	box-sizing:border-box;
}
#desc_produit > div:first-child > img {
	width:100%;
	vertical-align:top;
}
#desc_produit > div:nth-child(2)  {
	padding:0px 10px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
#desc_produit > div:nth-child(3) {
	padding-left:10px;
}
.separation {
	background: -moz-linear-gradient(left, rgba(204,204,204,0) 0%, rgba(204,204,204,1) 50%, rgba(204,204,204,0) 100%);
background: -webkit-linear-gradient(left, rgba(204,204,204,0) 0%,rgba(204,204,204,1) 50%,rgba(204,204,204,0) 100%);
background: linear-gradient(to right, rgba(204,204,204,0) 0%,rgba(204,204,204,1) 50%,rgba(204,204,204,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cccccc', endColorstr='#00cccccc',GradientType=1 );
width:100%;
height:1px;
}
#liste_produit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}
#liste_produit > div {
	position:relative;
	width:200px;
	overflow:hidden;
	cursor:pointer;
	transition:all .3s ease-in-out;
}
#liste_produit > div:hover {
	transform:scale(1.2);
}
#liste_produit div.titre_lpr,#liste_produit div.text1_lpr, #liste_produit a.pr {
	display:none;
}
div.dpr {
	text-align:center;
	margin-top:20px;
}
a.pr {
	text-decoration:none;
	padding:10px;
	background-color:#DC911B;
	color:#FFF;
	font-weight:bold;
	border-radius:4px;
}
div.demande {
	text-align:center;
	margin:20px 0px;
}

div.demande>a {
	text-decoration:none;
	padding:10px;
	background-color:#a90329;
	color:#FFF;
	font-weight:bold;
	border-radius:4px;
}