/***** bloc grid *****/
.bloc_grid	                        { display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; margin: 100px 0;}
.bloc_grid:before 			        { width: 100vw; height: 100%; background: url(../images/bg_yellow.svg) repeat #ffcf19; position: absolute; right: calc(100% + 20px); top: 0; content: ""; z-index: -1;}
.bloc_grid.reverse:before           { left: calc(100% + 20px); right: inherit;}
.bloc_grid .sous_titre              { margin-bottom: 20px;}
.bloc_grid.align_top                { align-items: start;}
.bloc_grid :last-child				{ margin-bottom: 0;}
.bloc_grid .photo					{ position: relative; line-height: 0; background: #000; border: 10px solid #000; overflow: hidden;}
.bloc_grid .texte					{ position: relative; padding: 0 0 0 80px;}
.bloc_grid img						{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10; }
.bloc_grid p               			{ margin-bottom: 20px;}
.bloc_grid .link					{ margin-top: 10px;}
.bloc_grid .link_arrow 				{ margin-top: 25px;}
.bloc_grid.reverse .texte			{ grid-area: 1 / 1; padding: 0 80px 0 0;}
.bloc_grid.reverse .photo        	{ grid-area: 1 / 2;}

@media (max-width:1200px) { 
.bloc_grid .texte                   { padding: 0 0 0 60px;}
.bloc_grid.reverse .texte           { padding: 0 60px 0 0;}
.bloc_grid .photo                   { height: 100%;}
.bloc_grid .photo img               { height: 100%;}
}
@media (max-width:1000px) { 
.bloc_grid	                        { grid-template-columns: 1fr; grid-gap: 40px; margin: 60px 0;}
.bloc_grid.reverse .texte			{ grid-area: 2;}
.bloc_grid.reverse .photo        	{ grid-area: 1;}
.bloc_grid .texte,
.bloc_grid.reverse .texte           { padding: 0;}
.bloc_grid::before                  { display: none;}
.bloc_grid .photo                   { border-width: 5px;}
}

@media (max-width:600px) { 
.bloc_grid	                        { grid-gap: 35px; margin: 50px 0;}
}