/***** bloc grid *****/
.bloc_grid	                        { display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; margin: 80px auto; gap: 80px;}
.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: 10px;}
.bloc_grid .texte					{ position: relative;}
.bloc_grid.custom .texte            { color: var(--white); background: var(--main-color); width: calc(100% + 35px); position: relative; margin-left: -35px; border-radius: 10px; position: relative; z-index: 10; padding: 65px 60px;}
.bloc_grid .texte :last-child 		{ margin-bottom: 0;}
.bloc_grid .content                 { margin-top: 25px;}
.bloc_grid p               			{ margin-bottom: 15px;}
.bloc_grid.reverse .texte			{ grid-area: 1 / 1; margin-left: auto;}
.bloc_grid.reverse .photo        	{ grid-area: 1 / 2;}

@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.custom                   { gap: 0;}
.bloc_grid.custom .photo img        { border-radius: 10px 10px 0 0;}
.bloc_grid.custom .texte            { margin-left: auto; border-radius: 0 0 10px 10px; padding: 40px;}

.bloc_grid .photo                   { padding-left: 0;}
.bloc_grid.bloc_grid.reverse .photo { padding-right: 0;}
}
@media (max-width:700px) { 
.bloc_grid	                        { margin: 40px auto; grid-gap: 20px;}
.bloc_grid p               			{ margin-bottom: 10px;}
.bloc_grid .photo img 	            { min-height: 250px;}
.bloc_grid.custom .texte            { padding: 40px 20px;}
}