/***** banner : fullscreen *****/
.banner_fullscreen                          { position: relative; overflow: hidden;}
.banner_fullscreen:before                   { position: absolute;  left: 0; right: 0; top: 0;  bottom: 0; background: linear-gradient(to top, rgba(0, 0, 0, 50%) 50%, rgba(0, 0, 0, 0) 100%); transition: none; z-index: 1; content: ""; }
.banner_fullscreen img                     	{ height: 100vh; max-height: 1200px; min-height: 600px; object-fit: cover; width: 100%; display: block;}
.banner_fullscreen .titre					{ font: 800 25px/38px "Montserrat"; position: relative; margin-bottom: 30px; color: var(--mainColor3); text-transform: uppercase; letter-spacing: 1.5px; border: 3px solid var(--mainColor3); display: inline-block; padding: 20px 30px}
.banner_fullscreen .sous_titre 				{ font: 600 50px/58px "Frank Ruhl Libre"; position: relative; letter-spacing: 0; color: var(--mainColor3)}
.banner_fullscreen .content                 { position: absolute; left: 5vw; right: 5vw; top: 0; margin: 0 auto; height: 100%; width: auto; max-width: 840px; display: grid; justify-content: center; align-items: center; text-align: center; z-index: 10;}

.banner_fullscreen .horaire                 { background: var(--mainColor1); height: auto; width: 100%; padding: 0 5vw; position: absolute; left: 0; bottom: 0; z-index: 5; color: var(--mainColor3)}
.banner_fullscreen .horaire .container      { position: relative; display: grid; grid-template-columns: 50% 50%; align-items: center; width: 840px;  text-align: center; margin: 0 auto; padding: 20px 0}
.banner_fullscreen .horaire p               { display: block; margin-bottom: 0}
.banner_fullscreen .horaire .container .cap            { font-weight: 800; text-transform: uppercase; display: block; letter-spacing: 2px;}
.banner_fullscreen .horaire .container .left            { border-right: 1px solid #fff}




@media (max-width:1200px) {
.banner_fullscreen .content                 { padding-top: 80px;}
}
@media (max-width:1000px) {
.banner_fullscreen .sous_titre 				{ font: 600 30px/38px "Frank Ruhl Libre";}
.banner_fullscreen .content                 { height: 80%;}

.banner_fullscreen .horaire .container      { grid-template-columns: 1fr; width: 100%}
.banner_fullscreen .horaire .container .left            { border:none; margin-bottom: 20px}

}
@media (max-width:700px) {
.banner_fullscreen .content                 { }
.banner_fullscreen img                     	{ }
.banner_fullscreen .link      		       	{ margin: 10px 0 0 0; width: 100%;}
}

/***** card item : img + txt */

.card_item_v1								{ background: var(--mainColor3); overflow: hidden; position: relative; text-align: left; padding-bottom: 50px;}
.card_item_v1 .wrap							{ padding: 60px;}
.card_item_v1 img 							{ display: block; margin: 0; width: 100px; height: 100px;}
.card_item_v1 img:not(.icon)				{ width: 100%; height: auto; aspect-ratio: 5/3; object-fit: cover; margin-bottom: 30px;}
.card_item_v1 .sous_titre 					{ margin: 10px 0;}
.card_item_v1 p								{ margin-bottom: 20px;}
.card_item_v1 .link.fullw 					{ width: 100%; padding: 0;}
.card_item_v1_number						{ background-color: var(--bgColorLight); width: 50px; text-align: center; color: var(--bgColorDark); font-size: 20px; padding: 25px 10px; line-height: .65; z-index: 0; display: block;}
.card_item_v1 .link							{ width: 100%; text-align: center;}
.card_item_v1 .multi_links					{ display: grid; grid-template-columns: 50% 50%; grid-gap: 10px; margin-top: 25px;}

.card_item_v1 .col_2						{ position: relative; display: block; padding: 0 0 10px 0}
.card_item_v1 .col_2.herbe					{ background: url(../images/icon_herbe.svg) no-repeat top right; background-size: 100px 100px; padding-right: 140px;}
.card_item_v1 .col_2.verre					{ background: url("../images/icon_verredevin.svg") no-repeat top right; background-size: 100px 100px; padding-right: 140px;}



@media (max-width:1200px) {
.card_item_v1 .wrap							{ padding: 30px;}
}
@media (max-width:700px) {
.card_item_v1								{}
.card_item_v1 .wrap							{ padding: 20px;}
.card_item_v1 .sous_titre 					{ margin: 0 0 10px 0;}
}

/***** grid bloc *****/
.grid_bloc	 								{ position: relative;}
.grid_bloc:before							{ width: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--mainColor1); transition: none; z-index: -1; content: "";}
.grid_bloc .container						{ display: grid; grid-gap: clamp(5px, 2vw, 10px); text-align: center;}

@media (max-width:1200px) {
.grid_bloc:before							{ left: 0; right: 0; top: 0; bottom: 0; border-radius: 0;}
}

/* custom colums */
.grid_bloc.col_2 .container					{ grid-template-columns: repeat(2, 1fr);}
.grid_bloc.col_3 .container					{ grid-template-columns: repeat(3, 1fr);}
.grid_bloc.col_4 .container					{ grid-template-columns: repeat(4, 1fr);}

@media (max-width:1200px) {
.grid_bloc.col_4 .container					{ grid-template-columns: 1fr 1fr;}
}
@media (max-width:1000px) {
.grid_bloc.col_3 .container					{ grid-template-columns: 1fr;}
}
@media (max-width:700px) {
.grid_bloc.col_2 .container,	
.grid_bloc.col_3 .container,					
.grid_bloc.col_4 .container					{ grid-template-columns: 1fr;}
}

@media (max-width:700px) {
	.bloc_txt_img .photo:after { content:none;}
}

/***** phrase */

.phrase								        { position: relative; text-align: center; padding: 50px 0 0 0; display: block; font: 600 25px/32px "Frank Ruhl Libre"; position: relative; margin: -10px 0 80px 0; color: var(--mainColor3);}

@media (max-width:1000px) {
.phrase								        { padding: 20px 0 0 0}

}

/***** delhaize */

.delhaize								    { position: relative;}
.delhaize .photo						    { position: relative; display: block; width: 100%; height: 100%;}
.delhaize .icon						        { position: relative; display: block; width: 80px; height: auto; margin: 0 auto 20px auto;}
.delhaize .container						{ display: grid; grid-template-columns: 1fr 1fr;}
.delhaize .right							{ border: 5px solid var(--mainColor1); padding: 40px 60px; text-align: center}
.delhaize .ul_check                         { text-align: left;  columns: 2; margin-top: 20px}
.delhaize .ul_check li                      { margin: 0 0 20px 0;}

@media (max-width:1200px) {

}

@media (max-width:1000px) {
.delhaize .container						{ display: grid; grid-template-columns: 1fr;}
.delhaize .photo						    { display: none;}
.delhaize .right							{ padding: 20px;}
.delhaize .ul_check							{ columns: 1;}
}



/***** moving img *****/
.moving_img									{ position: relative; overflow: hidden;}
.moving_img .row 							{ width: auto; display: flex;}
.moving_img .row .grid 						{ width: auto; display: flex; animation: moving_img 80s linear infinite;}
.moving_img .row .grid div 					{ padding: 0 10px;}
.moving_img .row .grid img 					{ width: 500px; height: auto; display: block; border-radius: var(--allImgBR); object-fit: cover; transition: all 300ms ease-in-out;}

@keyframes moving_img {
0%											{ transform: translate(0, 0);}
100% 										{ transform: translate(-100%, 0);}
}
@media (max-width:1600px) {
.moving_img .row .grid img 					{ height: 400px;}
}
@media (max-width:1200px) {
.moving_img .row .grid div 					{ padding: 0 10px;}
.moving_img .row .grid img 					{ height: 350px;}
}
@media (max-width:1000px) {
.moving_img									{ padding: 0;}
.moving_img .row .grid img 					{ height: 350px;}
}
@media (max-width:700px) {
.moving_img .row .grid div 					{ padding: 0 5px;}
.moving_img .row .grid img 					{ height: 60vw; max-height: 350px;}
}