/***** bloc grid *****/
.bloc_grid	                        { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 80px; align-items: center; position: relative; margin: 100px 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; z-index: 10; border-radius: 30px;}
.bloc_grid .texte					{ position: relative;}
.bloc_grid .texte :last-child 		{ margin-bottom: 0;}
.bloc_grid p               			{ margin-bottom: 15px;}
.bloc_grid .link					{ margin-top: 10px;}
.bloc_grid.reverse .texte			{ grid-area: 1 / 1;}
.bloc_grid.reverse .photo        	{ grid-area: 1 / 2;}

.bloc_grid .rounded   				{ border-radius: 50%; overflow: hidden; background: #f4e6d7; padding: 22px; margin-left: 100px;}
.bloc_grid .rounded:after 			{ width: 270px; height: 126px; background: url("../images/shape_lines.svg") 50% no-repeat; position: absolute; left: -140px; bottom: -30px; z-index: -1; content: "";}
.bloc_grid .rounded img 			{ border-radius: 50%; border: 5px solid #fff;}
.bloc_grid.reverse .rounded 		{ margin: 0 100px 0 0;}
.bloc_grid.reverse .rounded:after 	{ left: auto; right: -150px; bottom: -50px;}

.bloc_grid .macaron   				{ width: 190px; height: 190px; border-radius: 50%; background: #f08a44; color: #fff; text-align: center; position: absolute; left: 0; bottom: 50px; font-size: 18px; line-height: 26px; z-index: 50; display: grid; align-items: center;}
.bloc_grid.reverse .macaron 		{ left: auto; right: 0;}

@media (max-width:1400px) { 
.bloc_grid .rounded:after 			{ display: none;}
}
@media (max-width:1200px) { 
.bloc_grid	                        { grid-gap: 60px; margin: 80px 0;}
.bloc_grid .photo>img 				{ border-radius: 20px;}
.bloc_grid .rounded   				{ padding: 15px; margin-left: 80px;}
.bloc_grid.reverse .rounded 		{ margin: 0 80px 0 0;}
.bloc_grid .macaron   				{ width: 170px; height: 170px; bottom: -20px; font-size: 16px; line-height: 24px;}
}
@media (max-width:1000px) { 
.bloc_grid	                        { grid-template-columns: 1fr; margin: 50px 0; grid-gap: 45px;}
.bloc_grid .photo  					{ margin: 0 auto; padding: 10px 0;}
.bloc_grid .photo>img 				{ height: 55vw;}
.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;}

.bloc_grid .rounded   				{ max-width: 350px; margin: 0 auto;}
.bloc_grid.reverse .rounded 		{ margin: 0 auto;}
.bloc_grid .macaron   				{ left: 50%; margin-left: -250px;}
.bloc_grid.reverse .macaron 		{ right: 50%; margin: 0 -250px 0 0;}
}
@media (max-width:600px) { 
.bloc_grid	                        { margin: 30px 0; grid-gap: 25px;}
.bloc_grid .photo  					{ margin: 0;}
.bloc_grid .photo>img 				{ height: 60vw; border-radius: 10px;}
.bloc_grid p               			{ margin-bottom: 10px;}
.bloc_grid .link					{ margin-top: 5px;}

.bloc_grid .rounded   				{ max-width: none; border-radius: 10px; padding: 0; margin: 0;}
.bloc_grid .rounded img 			{ border-radius: 0; border: none; height: 60vw;}
}