div.container_galerie_produits{display: flex; flex-wrap: wrap; }
div.container_galerie_produits div.container_produit{width: 100%; display: inline-block; height: 350px; position: relative; overflow: hidden; border-radius: 7px;}
div.container_galerie_produits div.container_produit div.produit{position: absolute; top: 0; left: 0; width: calc(100% - 30px); height: calc(100% - 30px); background-position: center; background-size: cover; overflow: hidden; z-index: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; border-radius: 7px;}
div.container_galerie_produits div.container_produit div.produit:after{content:""; display: inline-block; position: absolute; width: 100%; height: 100%;}
div.container_galerie_produits div.container_produit div.produit.blanc:after{background: rgba(255,255,255,0.75);}
div.container_galerie_produits div.container_produit div.produit.noir:after{background: rgba(0,0,0,0.5);}
div.container_galerie_produits div.container_produit div.produit.rouge:after{background: rgba(185,27,29,0.5);}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte{position: absolute; width: 100%; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; padding: 15px;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_titre{display: block; width: 100%;margin-bottom: 15px;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_titre span{font-family: "OpenSans Condensed"; font-weight: 700; font-size: 25px; text-transform: uppercase;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_texte{display: block; width: 100%;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_titre.white{color: #fff;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_titre.black{color: #000;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_titre.red{color:#b91b1d;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_texte.white p{color: #fff;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_texte.black p{color: #000;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_texte.red p{color:#b91b1d;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_texte p{font-family: "OpenSans"; font-weight: 500; line-height: 1.4; font-size: 14px; color: #000; margin-bottom: 0; padding: 0; position: relative; display: block; text-decoration: none;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_button{}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_button a{text-decoration: none;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_button a div.body_button{text-align: right; margin-top: 25px;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_button.red a div.body_button div.button{background-color: #b91b1d; border-radius: 5px; display: inline-block; margin: 0 auto;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_button.red a div.body_button div.button span{color: #fff; font-family: "OpenSans Condensed"; font-weight: 600; font-size: 15px; text-transform: uppercase; padding: 2px 7px; line-height: 1.8;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_button.white a div.body_button div.button{background-color: #fff; border-radius: 5px; display: inline-block; margin: 0 auto;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_button.white a div.body_button div.button span{color: #000; font-family: "OpenSans Condensed"; font-weight: 600; font-size: 15px; text-transform: uppercase; padding: 2px 7px; line-height: 1.8;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_button.black a div.body_button div.button{background-color: #000; border-radius: 5px; display: inline-block; margin: 0 auto;}
div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_button.black a div.body_button div.button span{color: #fff; font-family: "OpenSans Condensed"; font-weight: 600; font-size: 15px; text-transform: uppercase; padding: 2px 7px; line-height: 1.8;}

@media (min-width: 768px){
	div.container_galerie_produits div.container_produit div.produit:after{content:""; display: inline-block; position: absolute; width: 80%; height: 100%; transform: skew(-15deg); right: -50px;}
	div.container_galerie_produits div.container_produit div.produit div.container_titre_texte{position: absolute; width: 65%; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; padding: 15px;}
}
@media (min-width: 1200px){
	div.container_galerie_produits div.container_produit{width: 50%; display: inline-block; height: 350px; position: relative;}
	div.container_galerie_produits div.container_produit div.produit:after{right: -50px;}
	div.container_galerie_produits div.container_produit div.produit div.container_titre_texte{right: 0; padding: 30px 30px 20px 30px; top: 0; transform: translateY(0);}
	div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_titre{text-align: right}
	div.container_galerie_produits div.container_produit div.produit div.container_titre_texte div.container_texte p{text-align: right}
	div.container_galerie_produits div.container_produit:nth-child(2n) div.produit:after{left: -50px;}
	div.container_galerie_produits div.container_produit:nth-child(2n) div.produit div.container_titre_texte{left: 0;}
	div.container_galerie_produits div.container_produit:nth-child(2n) div.produit div.container_titre_texte div.container_titre{text-align: left}
	div.container_galerie_produits div.container_produit:nth-child(2n) div.produit div.container_titre_texte div.container_texte p{text-align: left}
}