/***** banner : fullscreen *****/
.banner_fullscreen                          	{ position: relative; overflow: hidden; margin: var(--marginTB); margin-top: 0; background: #111;}
.banner_fullscreen:before 						{ position: absolute; left: 0; right: 0; top: 0; bottom: 25%; background: linear-gradient(to bottom, rgba(0,0,0,50%) 0%, rgba(0,0,0,0) 100%); transition: none; z-index: 5; content: "";}
.banner_fullscreen img                     		{ height: 100vh; min-height: 600px; object-fit: cover; width: 100%; display: block; background: #111; filter: brightness(0.75);}
.banner_fullscreen .titre_main             		{ color: #fff;}
.banner_fullscreen .link      		       		{ margin: 15px 0 0 0;}
.banner_fullscreen .content                 	{ position: absolute; left: 5vw; right: 5vw; top: 0; margin: 0 auto; height: 100%; width: auto; max-width: 1200px; display: grid; justify-content: center; align-items: center; text-align: center; z-index: 10; padding-top: 60px;}

.banner_fullscreen .slider_dots  				{ position: absolute; left: 0; right: 0; bottom: 40px; z-index: 15;}
.banner_fullscreen .slick-dots  				{ width: 100%; text-align: center; line-height: 0; margin: 0;}
.banner_fullscreen .slick-dots li 				{ display: inline-block; vertical-align: middle; margin: 0 10px;}
.banner_fullscreen .slick-dots button			{ border: none; font-size: 0; padding: 0; width: 60px; height: 4px; background: var(--mainColor2);}
.banner_fullscreen .slick-active button			{ background: #fff;}
.banner_fullscreen .slick-slider img 			{ animation: img_slider 50000ms ease-in-out infinite;}

@keyframes img_slider {
0%												{ transform: scale(1);}
50% 											{ transform: scale(1.4);}
100% 											{ transform: scale(1);}
}

@media (max-width:1200px) {

}
@media (max-width:1000px) {
.banner_fullscreen .slick-dots button			{ display: none}
.banner_fullscreen .content                 	{ left: 7.5vw; right: 7.5vw;}
}
@media (max-width:700px) {
.banner_fullscreen .content                 	{ padding: 70px 0 5vw 0;}
.banner_fullscreen .link      		       		{ margin: 10px 0 0 0; width: 100%;}
}





/***** quote */

.quote_txt_img 											{ position: relative; padding: clamp(20px, 10vw, 20px) 0; margin: var(--marginTB);}
.quote_txt_img .container	                        	{ display: grid; grid-template-columns: auto 1fr; grid-gap: 0 60px; align-items: center; position: relative;}
.quote_txt_img .container.align_top                		{ align-items: start;}
.quote_txt_img .container .item							{ position: relative;}
.quote_txt_img .container .item :last-child 			{ margin-bottom: 0;}
.quote_txt_img .container p               				{ margin-bottom: 15px;}
.quote_txt_img .container .link							{ margin-top: 10px;}
.quote_txt_img .container :last-child					{ margin-bottom: 0;}


@media (max-width:1200px) { 
.quote_txt_img .container	                        	{ grid-gap: 0 40px;}
}
@media (max-width:1000px) { 
.quote_txt_img                                          { margin-bottom: 100px;}    
}
@media (max-width:700px) { 
.quote_txt_img                                          { margin-bottom: 80px;} 
.quote_txt_img .container	                        	{ grid-template-columns: 1fr; grid-gap: 25px; text-align: left;}
.quote_txt_img .container p               				{ margin-bottom: 10px;}
}





/***** services ****/
.services .list_items								{ display: grid; grid-gap: 40px; margin-right: 30px;}
.services .list_items .item 						{ display: grid; grid-template-columns: auto 1fr; grid-gap: 40px; align-items: start; position: relative;}
.services .list_items .item .icon					{ width: 120px; height: 120px; background: #fff; border-radius: 50%; padding: 25px; display: grid; align-items: center; justify-content: center; transition: all 200ms ease-in-out;}
.services .list_items .item .icon img				{ aspect-ratio: auto; border-radius: 0;}
.services .list_items .item .sous_titre 			{ font-size: 20px; font-weight: 500; line-height: 28px; margin-bottom: 10px; transition: color 200ms ease-in-out;}
.services .list_items .item .content 				{ border-bottom: 1px solid var(--mainColor1); padding-bottom: 40px;}
.services .list_items .item:last-child .content 	{ border: none; padding-bottom: 0;}
.services .list_items .item .content>a 			    { position: absolute; right: 0; top: 0; width: 100%; height: 100%; font-size: 0; z-index: 15;}
.services .list_items .item .content>a:after 		{ width: 20px; height: 28px; background: url("../images/arrow_link.svg") 100% 50% no-repeat; filter: invert(1); position: absolute; right: 0; top: 0; content: "";}
.services .list_items .item .content p 			    { margin: 0;}
.services .list_items .item .content p a			{ z-index: 20;}

@media (min-width:1201px) { 
.services .list_items .item:hover .sous_titre 	    { color: var(--mainColor1);}
.services .list_items .item:hover .icon 			{ transform: scale(1.075);}
}
@media (max-width:1400px) { 
.services .container             			    	{ grid-template-columns: 1fr;}
.services .list_items								{ max-width: 1000px; margin: 0 auto; grid-gap: 40px 80px;}
.services .list_items .item .content 				{ border: none;}
.services .list_items .item .icon					{ width: 100px; height: 100px;}
.services .list_items								{ grid-template-columns: 1fr 1fr; margin-top: 100px}
}
@media (max-width:1000px) { 
.services .list_items								{ grid-gap: 30px; grid-template-columns: 1fr; margin-top: 40px;}
.services .list_items .item						    { grid-gap: 30px;}
.services .list_items .item .icon					{ width: 80px; height: 80px;}
.services .list_items .item .content 				{ padding-bottom: 30px; border-bottom: 1px solid var(--mainColor1);}
}
@media (max-width:700px) { 
.services .list_items								{ grid-gap: 25px;}
.services .list_items .item						    { display: block;}
.services .list_items .item .icon					{ width: 40px; height: 40px; padding: 0; background: none; position: absolute; left: 0; top: 0;}
.services .list_items .item .icon img				{ filter: invert(0);}
.services .list_items .item .sous_titre			    { font-size: 16px; line-height: 20px; min-height: 40px; display: grid; align-items: center; padding-left: 60px;}
.services .list_items .item .content 				{ padding-bottom: 25px;}
.services .list_items .item .content>a:after 		{ width: 30px; height: 30px; border-radius: 50%; background-position: -5px 50%; background-color: var(--mainColor1); filter: invert(0); top: 5px;}
}





/***** Traiteur *****/
.traiteur 											{ position: relative; margin: var(--marginTB);}
.traiteur  .photo:after  							{ position: absolute; right: -20px; top: 20px; border: 1px solid var(--mainColor1);  transition: none; content: ""; width:100%; height:100%; display:block;}
.traiteur  .container	                        	{ display: grid; grid-template-columns: 50% 1fr; grid-gap: 0 80px; align-items: center; position: relative;}
.traiteur  .container.align_top                		{ align-items: start;}
.traiteur  .container .item							{ position: relative;}
.traiteur  .container .item :last-child 			{ margin-bottom: 0;}
.traiteur  .container .txt .wrap					{ display: inline-block; text-align: left; width: 100%; max-width: 590px;}
.traiteur  .container img 							{ display: block; position: relative; z-index: 10; border-radius: var(--imgRadius); width: 100%; height: auto;}
.traiteur  .container .link							{ margin-top: 10px;}



@media (max-width:1400px) { 
.traiteur .container .img.col_2  					{ grid-gap: 40px; padding-top: 80px;}
.traiteur .container .img.col_2 img:first-child		{ transform: translateY(-80px);}
}
@media (max-width:1200px) { 
.traiteur .container	                        	{ grid-gap: 0 60px;}
}
@media (max-width:1000px) { 
.traiteur .container 								{ grid-template-columns: 1fr; grid-gap: clamp(30px, 7vw, 40px);}
.traiteur .item.img.photo 							{ display: none;}
.traiteur .container .txt .wrap						{ max-width: none;}
.traiteur .photo:after  							{ display:none;}

.traiteur.reverse .container 						{ grid-template-columns: 1fr;}
.traiteur.reverse .container .item:last-child		{ grid-area: 2;}
.traiteur.reverse .container .item:first-child      { grid-area: 1;}
}
@media (max-width:700px) { 
.traiteur .container .link							{ margin-top: 5px;}

}

/***** bloc reviews *****/
.bloc_reviews 											{ position: relative; overflow: hidden; margin: var(--marginTB);}
.bloc_reviews .list   									{ position: relative;}

.card_review 											{ background: #fff; border: 1px solid #fff; position: relative; padding: 40px; border-radius: 10px;}
.card_review p											{ font-size: 15px; line-height: 26px; margin: 0;}
.card_review p.author									{ font-size: 17px; line-height: 22px; font-weight: 600;}
.card_review .note   									{ width: 90px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 5px; margin: 15px 0;}
.card_review .note svg 									{ width: 100%; height: auto; display: block; fill: var(--mainColor1);}


/* if note global */
.bloc_reviews .note_global								{ display: grid; grid-template-columns: auto auto 92px auto 1fr; align-items: end; grid-gap: 20px; margin-bottom: 35px;}
.bloc_reviews .note_global img							{ width: 100%; height: auto; display: block; margin-bottom: -4px;}
.bloc_reviews .note_global .number						{ font-size: 40px; line-height: 34px; font-weight: 600;}
.bloc_reviews .note_global .stars						{ width: 110px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 6px; padding-bottom: 2px;}
.bloc_reviews .note_global .stars svg					{ width: 100%; height: auto; display: block; fill: var(--mainColor1);}
.bloc_reviews .note_global .all_link		 			{ padding-left: 5px; margin-bottom: -5px;}
.bloc_reviews .note_global .all_link a		 			{ display: inline-block; border-bottom: 1px solid #000; font-size: 13px; line-height: 24px;}


/* if slider */
.slider_reviews .slick-list 							{ overflow: visible; padding-bottom: 40px;}
.slider_reviews .slick-slide 							{ margin-right: 20px;}
.slider_reviews_nav 									{ position: absolute; right: -12px; top: -70px;}
.slider_reviews_nav .slick-arrow						{ filter: invert(1); width: 40px;}


@media (max-width: 1400px){
.bloc_reviews 												{ margin: 100px auto;}
}
@media (max-width: 1200px){
.bloc_reviews 												{ margin: 80px auto;}
.bloc_reviews .nav_slider 									{ top: -65px;}
.bloc_reviews .note_global									{ margin-bottom: 25px;}
.bloc_reviews .item 										{ padding: 25px; min-height: inherit; margin-right: 15px;}
}
@media (max-width: 700px){
.bloc_reviews 												{ margin: 50px auto 40px auto;}
.bloc_reviews ::-webkit-scrollbar 							{ display: none;}
.bloc_reviews .note_global									{ grid-template-columns: auto auto 80px 1fr; grid-gap: 0 10px; margin-bottom: 20px;}
.bloc_reviews .note_global .number							{ font-size: 30px; line-height: 26px;}
.bloc_reviews .note_global .stars 							{ width: 90px; margin-right: 4px;}
.bloc_reviews .note_global .all_link		 				{ padding: 5px 0 0 0; grid-column: span 4;}
.bloc_reviews .note_global .all_link a		 				{ line-height: 22px;}
.bloc_reviews .slider_reviews 								{ width: 100vw; overflow-x: auto; gap: 10px; display: flex; flex-wrap: nowrap; justify-content: start; align-items: start; padding: 0 6vw; margin: 0 -6vw;}
.bloc_reviews .card_review 									{ min-width: 300px; padding: 20px; margin: 0;}
.bloc_reviews .card_review p								{ font-size: 12px; line-height: 24px;}
.bloc_reviews .card_review p.author							{ font-size: 16px; line-height: 20px;}
.bloc_reviews .card_review .note   							{ width: 70px; margin: 10px 0;}
}
@media (max-width: 400px){
.bloc_reviews .item 										{ min-width: 75vw;}
}