/***** bloc grid *****/
.bloc_grid	                        { display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; margin: 95px 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: 20px;}
.bloc_grid .texte					{ position: relative; padding-left: 80px;}
.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; padding: 0 80px 0 0;}
.bloc_grid.reverse .photo        	{ grid-area: 1 / 2;}


#contact .bloc_grid                 { margin-bottom: 125px;}
#contact .bloc_grid .texte          { background: #f49c00;  position: relative; padding-top: 20px; padding-bottom: 20px; }
#contact .bloc_grid .texte .sous_titre { color: #000000;}
#contact .bloc_grid .texte:before   { content: ''; width: calc(100% + 80px); height: 120%; top: -10%; position: absolute; left: -80px; background: #f49c00; z-index: -1; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
#contact .bloc_grid .texte a        { }

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

#contact .bloc_grid                 { margin: 60px 0;}
#contact .bloc_grid .texte          { margin-top: -40px;}
#contact .bloc_grid .texte:before   { width: 200vw; height: 140%; top: -30%; left: -50vw; }
}
@media (max-width:700px) { 
.bloc_grid	                        { margin: 40px 0; grid-gap: 20px;}
.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;}
.bloc_grid .photo img               { height: 320px; object-fit: cover; border-radius: 10px;}
.bloc_grid .link                    { width: 100%;}
#contact .bloc_grid .texte          { margin-top: -20px;}
#contact .bloc_grid .texte:before   { width: 135vw; }
}