/***** bloc grid *****/
.bloc_grid	                        { display: grid; grid-template-columns:repeat(2,1fr); align-items: center; position: relative; margin: var(--marginBloc); grid-gap: 0 0;}
.bloc_grid.full                     { max-width: 1600px; width: 90vw; grid-gap: 0 0;}
.bloc_grid.align_top                { align-items: start;}
.bloc_grid :last-child				{ margin-bottom: 0;}


.bloc_grid .photo                   { position: relative; line-height: 0; padding-right: 100px;}
.bloc_grid .photo img			    { max-width: 100%; height: auto; display: block; position: relative; border-top-right-radius: 80px; border-bottom-left-radius: 80px; margin-left: 0;}

.bloc_grid .photo.cover img         { height: 500px; width: 100%; object-fit: cover; display: block; position: relative;}

.bloc_grid.reverse .photo img       { margin-left: 100px; margin-right: 0;}

.bloc_grid .texte					{ position: relative;}
.bloc_grid .texte span.slogan       { position: relative; font: 400 clamp(2rem, 1.7034rem + 1.2966vw, 3rem)/1.5 var(--fontTitre); margin-left: 100px; padding-top: 50px; display: block; text-align: left; margin-top: 40px;}
.bloc_grid .texte span.slogan:before { content: ''; position: absolute; left: 0; top: 0;  background: url("../images/quote.svg") 50% 50% no-repeat; width: 49px; height: 41px; transform: rotate(180deg);}
.bloc_grid p               			{ margin-bottom: 20px;}

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

.bloc_grid .photo .flex-2                    { display: flex; position: relative; grid-gap: 0 25px; }
.bloc_grid .photo .flex-2 .item:nth-child(2) { padding-top:120px; }
.bloc_grid .photo .flex-2 .item img          { margin-bottom: 25px;}

.bloc_grid.full .texte { padding-right: 100px;}
.bloc_grid.reverse.full .texte { padding-left: 100px; padding-right: 0;}

.bloc-map                { max-width: 1600px; width: 90vw; display: grid; grid-template-columns:60% 40%; align-items: center; position: relative; margin: var(--marginBloc); grid-gap: 0 80px;}
.bloc-map .photo         { position: relative; line-height: 0;}
.bloc-map .photo img     { height: 100%; width: 100%; object-fit: cover; display: block; position: relative;}


@media (max-width:1360px) {
    #index .bloc_grid .photo               { padding-right:5vw;}
    #index .bloc_grid.reverse .photo img   { margin-left: 5vw;}
}

@media (max-width:1200px) {
    #page .bloc_grid                    { align-items: end;}
    #page .bloc_grid .photo             { padding-right: 50px;}
    #page .bloc_grid .photo img         { border-top-right-radius: 60px; border-bottom-left-radius: 60px;}
    #index .bloc_grid .photo img        { border-top-right-radius: 60px; border-bottom-left-radius: 60px;}
    #page .bloc_grid.reverse .photo img { margin-left: 50px;}
    
    #index .bloc_grid.reverse.full .texte     { padding-left: 0;}
}

@media (max-width:1000px) { 
    #page .bloc_grid .photo img,
    #page .bloc_grid.reverse .photo img        { border-top-right-radius: 40px; border-bottom-left-radius: 40px;}
    
    #index .bloc_grid .photo img               { border-top-right-radius: 40px; border-bottom-left-radius: 40px;}
    
    .bloc_grid .texte span.slogan              { margin-left: 80px;}
    .bloc_grid .texte span.slogan:before       { background-size: 70%; }
}

@media (max-width:800px) {
    .bloc_grid	                        { grid-template-columns: 1fr; grid-gap: 50px 0;}
    .bloc_grid.reverse .texte			{ grid-area: 2;}
    .bloc_grid.reverse .photo        	{ grid-area: 1;}

    .bloc_grid .photo                   { padding-right: 0;}
    .bloc_grid.reverse .photo img       { margin-left: 0;}

    .bloc_grid .photo img               { height: 55vw; width: 100%; object-fit: cover;}
    .bloc_grid .photo.slidePhoto        { max-width: 100%; min-width: 0px;}
    .bloc_grid .photo.slidePhoto img    { width:auto; object-fit:cover; display:block;}
    
    .bloc_grid .texte span.slogan       { width: inherit;}
    
    #index .bloc_grid.full                       { grid-gap: 40px 0;}
    #index .bloc_grid.full .texte                { padding-right: 0;}
    #index .bloc_grid .photo                     { padding-right: 0;}
    #index .bloc_grid.reverse .photo .flex-2 img { height: 50vw;}
    #index .bloc_grid.reverse .photo img         { margin-left: 0;}
    
    #page .bloc_grid.reverse .photo img          { margin-left: 0;}
    #page .bloc_grid .photo                      { padding-right: 0;}
}

@media (max-width:600px) { 
    #index .bloc_grid.reverse .photo .flex-2 img     { height: 45vw;}
    #index .bloc_grid .photo .flex-2                 { justify-content: space-around;}
    #index .bloc_grid .photo .flex-2 img             { height: 40vw;}
    #index .bloc_grid.magasin                        { width: 100vw;}
    #index .bloc_grid.magasin .photo img             { border-radius: 0;}
    #index .bloc_grid.magasin .texte                 { padding: 0 5vw;}
    .bloc_grid .photo .flex-2 .item:nth-child(2)     { padding-top: 80px;}
    #index .bloc_grid .photo.cover img               { height: 300px;}
    #index .bloc_grid.full                           { grid-gap: 20px 0;}
    .bloc_grid .texte span.slogan                    { margin-left: auto; margin-right: auto; width: 70vw;}
}