/***** bloc grid *****/
.bloc_grid	                        { display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; margin: 95px auto; gap: 70px; width: 85vw; max-width: 1600px; position: relative;}
.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; max-width: 565px;}
.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; margin-left: auto;}
.bloc_grid.reverse .photo        	{ grid-area: 1 / 2;}
.bloc_grid .parallax                { position: absolute; right: calc(100% - 290px); top: calc(100% - 35px);}
.bloc_grid.reverse .parallax        { position: absolute; right: calc(100% - 290px); top: calc(100% - 35px);}

#blog .bloc_grid                    { display: grid; grid-template-columns: 30% 1fr;}
#blog .bloc_grid .texte             {  max-width: inherit;}

@media (max-width:1200px) {
.bloc_grid.reverse .deco            { display: none;}
}
@media (max-width:1000px) { 
.bloc_grid	                        { grid-template-columns: 1fr; margin: 80px auto; gap: 60px; max-width: 750px; width: 90vw;}
.bloc_grid.reverse .texte,
.bloc_grid .texte					{ padding: 0; margin: 0; max-width: inherit;}
.bloc_grid.reverse .texte			{ grid-area: 2;}
.bloc_grid.reverse .photo        	{ grid-area: 1;}
.bloc_grid .photo:before            { display: none;}
}
@media (max-width:600px) { 
.bloc_grid	                        { margin: 40px auto; grid-gap: 30px;}
.bloc_grid p               			{ margin-bottom: 10px;}
.bloc_grid .photo:before            { right: calc(100% + 20px);}
.bloc_grid.reverse .photo:before    { left: calc(100% + 20px); right: auto;}
}