/***** bloc grid *****/
.bloc_grid	                        { display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; margin: 100px auto;}
.bloc_grid.align_top                { align-items: start;}
.bloc_grid .photo					{ position: relative; line-height: 0; padding-left: 85px;}
.bloc_grid .photo::before           { content: ""; border-radius: 40px; width: 80%; height: calc(100% - 40px); background-color: var(--main-color); position: absolute; left: 0; bottom: 0;}
.bloc_grid.reverse .photo           { padding-left: 0; padding-right: 85px;}
.bloc_grid.reverse .photo::before   {  position: absolute; left: auto; bottom: 0; right: 0;}
.bloc_grid .photo::after           { content: url(../images/deco_left.svg); position: absolute; left: 20px; bottom: -60px; z-index: 20;}
.bloc_grid.reverse .photo::after    { content: url(../images/deco_right.svg); left: auto; right: 20px;}
.bloc_grid .photo img 				{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10; border-radius: 40px;}
.bloc_grid .texte					{ position: relative; padding-left: 65px;}
.bloc_grid.reverse .texte			{ padding-left: 0; padding-right: 65px;}
.bloc_grid .texte :last-child 		{ margin-bottom: 0;}
.bloc_grid p               			{ margin-bottom: 15px;}
.bloc_grid .link					{ margin-top: 15px;}
.bloc_grid.reverse .texte			{ grid-area: 1 / 1; margin-left: auto;}
.bloc_grid.reverse .photo        	{ grid-area: 1 / 2;}
@media (max-width:1200px) {
.bloc_grid.reverse .photo::after    { transform: scale(0.8); right: 20px;}
.bloc_grid .photo::after            { transform: scale(0.8); left: 20px;}
.bloc_grid .texte                   { padding-left: 45px;}
.bloc_grid.reverse .texte           { padding-right: 45px;}
}
@media (max-width:1000px) { 
.bloc_grid	                        { grid-template-columns: 1fr; margin: 50px auto; gap: 40px;}
.bloc_grid.reverse .texte,
.bloc_grid .texte					{ padding: 0; max-width: 100%;}
.bloc_grid.reverse .texte			{ grid-area: 2;}
.bloc_grid.reverse .photo        	{ grid-area: 1;}
.bloc_grid .photo::after            { display: none;}
.bloc_grid .photo::before           { display: none;}
    
.bloc_grid .photo                   { padding-left: 0;}
.bloc_grid.bloc_grid.reverse .photo                   { padding-right: 0;}
.bloc_grid .photo::before           { border-radius: 20px;}
.bloc_grid .photo img 	            { border-radius: 20px; height: 400px;}
}
@media (max-width:600px) { 
.bloc_grid	                        { margin: 40px auto; grid-gap: 20px;}
.bloc_grid p               			{ margin-bottom: 10px;}
.bloc_grid .link                    { margin-top: 20px;}
.bloc_grid .photo img 	            { height: 250px;}

}