/***** bloc grid *****/
.bloc_grid	                        { display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; margin: 100px 0;}
.bloc_grid.align_top                { align-items: start;}
.bloc_grid :last-child				{ margin-bottom: 0;}
.bloc_grid .photo					{ position: relative; line-height: 0;}
.bloc_grid .texte					{ position: relative; padding: 0 0 0 80px;}
.bloc_grid .photo img				{ width: 100%; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); position: relative;}
.bloc_grid .photo:before			{ width: 100%; height: 100%; position: absolute; background: #2dab66; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); left: 25px; top: 0; content: "";}
.bloc_grid .photo:after				{ width: 1600px; height: 1600px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); position: absolute; right: 80%; top: 50%; transform: translateY(-50%); z-index: -1; content: "";}
.bloc_grid.reverse .texte			{ grid-area: 1 / 1; padding: 0 80px 0 0;}
.bloc_grid.reverse .photo        	{ grid-area: 1 / 2;}
.bloc_grid.reverse .photo:before 	{ left: auto; right: 25px;}
.bloc_grid.reverse .photo:after 	{ right: auto; left: 80%;}

.bloc_grid .losange_light:after 	{ background: #f0f0f0;}
.bloc_grid .losange_dark:after 		{ background: #333e45;}
.bloc_grid .link					{ margin-top: 10px;}

@media (max-width:1200px) { 
.bloc_grid .texte                   { padding: 0 0 0 60px;}
.bloc_grid.reverse .texte           { padding: 0 60px 0 0;}
.bloc_grid .photo,					
.bloc_grid.reverse .photo           { margin: 0;}
.bloc_grid .photo img				{ left: 0;}
.bloc_grid.reverse .photo img	    { right: 0;}
}
@media (max-width:1000px) { 
.bloc_grid	                        { grid-template-columns: 1fr; grid-gap: 35px; margin: 70px 0;}
.bloc_grid.reverse .texte			{ grid-area: 2;}
.bloc_grid.reverse .photo        	{ grid-area: 1;}
.bloc_grid .texte,
.bloc_grid.reverse .texte           { padding: 0;}
.bloc_grid .photo::after,
.bloc_grid.reverse .photo::after,
.top_page .bloc_grid .photo::after,
.top_page .bloc_grid.reverse .photo::after{ display: none;}
.bloc_grid .photo::before      	    { display: none;}
.bloc_grid .photo img               { clip-path: none;}
}
@media (max-width:600px) { 
.bloc_grid	                        { margin: 50px 0 30px; grid-gap: 35px;}
.bloc_grid .photo img               { max-height: 340px;}
}