/***** bloc grid *****/
.bloc_grid	                        { display: grid; grid-template-columns: 50% 1fr; grid-gap: 80px; align-items: center; position: relative; margin: 90px 0;}
.bloc_grid.align_top                { align-items: start;}
.bloc_grid .photo					          { position: relative; line-height: 0;}
.bloc_grid .photo img 			      	{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; border-radius: 40px; }
.bloc_grid .texte					          { position: relative; max-width: 560px;}
.bloc_grid .texte :last-child 	  	{ margin-bottom: 0;}
.bloc_grid p               			    { margin-bottom: 15px;}
.bloc_grid .link					          { margin-top: 10px;}
.bloc_grid.reverse 					        { grid-template-columns: 1fr 50%;}
.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	                        { grid-gap: 60px; margin: 70px 0;}
.bloc_grid .photo img 				      { border-radius: 20px;}
}
@media (max-width:1000px) { 
.bloc_grid	                        { grid-template-columns: 1fr; margin: 60px 0; grid-gap: 40px;}
.bloc_grid .texte					          { max-width: none;}
.bloc_grid .texte,
.bloc_grid.reverse  				        { grid-template-columns: 1fr;}
.bloc_grid.reverse .texte			      { grid-area: 2;}
.bloc_grid.reverse .photo          	{ grid-area: 1;}
}
@media (max-width:700px) { 
.bloc_grid	                        { margin: 35px 0; grid-gap: 30px;}
.bloc_grid p               		    	{ margin-bottom: 10px;}
.bloc_grid .photo img 				      { border-radius: 5px; height: 70vw;}
}



.wrapper_large .bloc_grid           { grid-gap: 0;}
.wrapper_large .bloc_grid .photo    { padding: 0 40px 0 0;}
.wrapper_large .bloc_grid .texte    { padding: 0 0 0 40px;}
.wrapper_large .bloc_grid.reverse .texte { padding: 0 40px 0 0;}
.wrapper_large .bloc_grid.reverse .photo { padding: 0 0 0 40px;}

@media (max-width:1000px) { 
.wrapper_large .bloc_grid           { grid-gap: 40px;}
.wrapper_large .bloc_grid .photo    { padding: 0;}
.wrapper_large .bloc_grid .texte    { padding: 0;}
.wrapper_large .bloc_grid.reverse .texte { padding: 0;}
.wrapper_large .bloc_grid.reverse .photo { padding: 0;}
}
@media (max-width:700px) { 
.wrapper_large .bloc_grid           { grid-gap: 30px;}
}