/* BANDEAU */
#bandeau {position: relative; height: 350px; width:100%; background-size: cover!important; background: url("../images/bandeau_produit.jpg") center center;}
.titre_page {font-family: 'DINPro-Regular', Sans-Serif; position: relative;  padding-top: 92px; padding-left: 129px;}
.titre_page .bloc_right {width: 400px; height: 165px; padding-left: 20px; padding-top: 50px; background-color: #ffffff; float: left;  font-family: 'DINPro-Light', Sans-Serif; text-transform: uppercase;}
.titre_page h1 {font-size: 35px; font-size: 3.5rem; color: #808285; margin-bottom: 0; font-weight: lighter;}
.titre_page .categorie {font-size: 20px; font-size: 2.0rem; color: #53eac4; font-weight: bold;}
#bandeau .icones {width: 50px; position: absolute; z-index: 10; right: 30px; top: 24%;}
#bandeau .icones a {margin-top: 12px; opacity: 0.7;}
#bandeau .icones a:first-child{margin-top: 0px;}
#bandeau .icones a:hover {opacity:1;}

/* PRODUITS */
#produits {width: 1170px; margin: 0 auto; padding: 80px 0;}
#produits .produit {width: 380px; float: left; margin-left: 15px; text-align: center; font-family: 'DINPro-Regular', Sans-Serif;}
#produits .produit:first-child{margin-left: 0px;}
#produits .produit .produit_infos {height: 230px; background: #ebebec;}
#produits .produit .produit_designation {padding-top: 30px; padding-bottom: 20px; font-size: 25px; font-size: 2.5rem; color: #b9b1a2; font-weight: lighter; text-transform: uppercase;}
#produits .produit .produit_designation a{text-decoration: none;}
#produits .produit .resume {height: 60px;font-size: 14px; font-size: 1.4rem; color: #6d6e71; font-weight: bold;}
#produits .produit .produit_lien {margin: 0 auto; width: 250px; height: 42px; margin-top: 22px; color: #ffffff; background: #53eac4; text-transform: uppercase; font-size: 15px; font-size: 1.5rem; line-height: 42px;}
#produits .produit .produit_lien:hover {background-color: #47c8a7; }
#produits .produit .produit_lien a {text-decoration: none;}

.title_nos_produits {font-size: 35px; font-size: 3.5rem; color: #808285; font-weight: lighter; margin: 0 0 2px 0;}
.categorie {font-size: 20px; font-size: 2.0rem; color: #53eac4; font-weight: bold; margin: 0; padding: 0;}

/**
 * Responsive Design
 */

 /* Grand écran */
 @media screen and (min-width: 1430px) {

 	#produits .produit:nth-child(3n+1){clear: both; margin-left: 0;}
 }

 /* Ecran classique / Tablette paysage */
 @media screen and (min-width: 980px) and (max-width: 1429px) {
 	#produits {width: 790px;}
 	.titre_page .bloc_right {height: 130px; padding-top: 33px;}

 	#produits .produit:nth-child(3n+1){clear: both; margin-left: 0;}
 }

 /* Tablette portrait */
 @media screen and (min-width: 764px) and (max-width: 979px) {
 	#bandeau {height: 218px;}
 	#bandeau .icones {top: 10%;}
 	#produits {width: 700px;}
 	.titre_page {padding-left: 50px; padding-top: 55px;}
 	.titre_page .bloc_right {height: 106px; padding-top: 22px;}
 	.titre_page h1 {font-size: 30px; font-size: 3.0rem;}
 	#produits .produit {width: 345px; margin-left: 10px;}
 	#produits .produit:nth-child(2n+1){clear: both; margin-left: 0px;}

 }

 /* Mobile */
 @media screen and (max-width: 763px) {
 	#bandeau {height: 218px;}
 	#bandeau .icones {display: none;}
 	#produits {width: 300px;}
 	.titre_page {padding-left: 18px; padding-top: 55px;}
 	.titre_page .bloc_right {height: 106px; padding-top: 22px; width: 250px;}
 	.titre_page h1 {font-size: 25px; font-size: 2.5rem;}
 	.titre_page .categorie {font-size: 18px; font-size: 1.8rem;}
 	#produits .produit {width: 300px; margin-left: 0px;}
 	#produits .produit:nth-child(2n+1){clear: both; margin-left: 0px;}
 	#produits .produit .produit_designation {padding-top: 25px; padding-bottom: 15px; font-size: 20px; font-size: 2.0rem;}
 	#produits .produit .resume {height: 78px;}

 }