/***** 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;}
.bloc_grid .texte					{ position: relative;}
.bloc_grid .texte :last-child 		{ margin-bottom: 0;}
.bloc_grid p               			{ margin-bottom: 15px;}
.bloc_grid p a 						{ border-bottom: 1px solid #c1c1c1; padding-bottom: 2px;}

.bloc_grid.reverse .texte			{ grid-area: 1 / 1;}
.bloc_grid.reverse .photo        	{ grid-area: 1 / 2;}

@media (min-width:1201px) {
.bloc_grid p a:hover 				{ border-color: #29569b; color: #29569b;}
}
@media (max-width:1200px) { 
.bloc_grid	                        { grid-gap: 60px; margin: 80px 0;}
}
@media (max-width:1000px) { 
.bloc_grid	                        { grid-template-columns: 1fr; margin: 60px 0; grid-gap: 50px;}
.bloc_grid .photo img.img_object	{ max-width: 550px; margin: 0 auto;}
.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:600px) { 
.bloc_grid	                        { margin: 35px 0; grid-gap: 30px;}
.bloc_grid .photo img.img_object	{ max-width: 80vw;}
.bloc_grid p               			{ margin-bottom: 10px;}
}

/* sized */
.bloc_grid.sized	                { grid-template-columns: 50% 50%; grid-gap: 0;}
.bloc_grid.sized .photo				{ width: 140%;}
.bloc_grid.sized .texte 			{ padding-left: 80px;}
.bloc_grid.reverse.sized .texte 	{ padding-left: 0; padding-right: 80px;}

@media (max-width:1600px) {
.bloc_grid.sized .photo				{ width: 120%;}
}
@media (max-width:1400px) {
.bloc_grid.sized .photo				{ width: 100%;}
}
@media (max-width:1200px) {
.bloc_grid.sized .texte 			{ padding-left: 60px;}
.bloc_grid.reverse.sized .texte 	{ padding-right: 60px;}
}
@media (max-width:1000px) {
.bloc_grid.sized	                { grid-template-columns: 1fr; grid-gap: 50px;}
.bloc_grid.sized .texte 			{ padding-left: 0;}
.bloc_grid.reverse.sized .texte 	{ padding-right: 0;}
}
@media (max-width:600px) {
.bloc_grid.sized	                { grid-gap: 30px;}
.bloc_grid.sized .photo				{ width: auto; margin: 0 -6vw;}
}