/***** banner *****/
.banner                          						{ position: relative; padding-top: 2vw;}
.banner                          						{ position: relative; padding-top: 2vw;}
.banner .video                     						{ position: relative; padding: 0 40px;}
.banner .video:before 									{ position: absolute; right: 10%; bottom: -12px; background: var(--mainColor1); width: 55%; height: 24px; transition: none; z-index: 5; transform: skewX(-20deg); content: "";}
.banner .video video                     				{ width: 100%; height: auto; max-height: 720px; object-fit: cover; object-position: 50% 35%; display: block; border-radius: clamp(12px, 3.5vw, 40px); filter: brightness(0.7);}
.banner .content                 						{ position: relative; padding-bottom: clamp(40px, 4vw, 80px); z-index: 10;}
.banner .titre_cap 	            						{ display: block; margin: 5px 0 0 0;}
.banner .link 	            							{ margin: 10px 0 0 0;}
.banner .wrapper_large            						{ z-index: 10;}
.banner .macaron 	            						{ position: absolute; right: 0; bottom: -65px; width: 231px; height: auto; display: block; border: 3px solid #000; border-radius: 20px;}

@media (max-width:1400px) {
.banner .macaron 	            						{ right: 40px;}
}
@media (max-width:1200px) {
.banner .video                     						{ padding: 0 20px;}
.banner .video:before 									{ bottom: -10px; height: 20px;}
.banner .macaron 	            						{ width: 204px; border-radius: 15px; bottom: -58px; right: 5vw;}
}
@media (max-width:1000px) {
.banner .content                 						{ padding: 3vw 0 6vw 0;}
.banner .macaron 	            						{ bottom: -80px;}
}
@media (max-width:700px) {
.banner .video                     						{ padding: 0 12px;}
.banner .video:before 									{ bottom: -7px; height: 14px; width: 50%; right: 12%;}
.banner .macaron 	            						{ width: 139px; border-radius: 10px; border-width: 2px; bottom: -55px;}
}


/***** centrale *****/
@media (max-width:1000px) {
.bloc_txt_img.centrale .container  						{ grid-gap: clamp(45px, 12vw, 70px);}
.bloc_txt_img.centrale .container>.item:first-child 	{ grid-area: 2;}
.bloc_txt_img.centrale .container>.item:last-child 		{ grid-area: 1;}
}


/***** produits *****/
@media (max-width:1000px) {
.bloc_txt_img.produits .container .img 					{ display: none;}
}



/***** services *****/
.services .titre_main 									{ opacity: 10%; font-size: clamp(40px, 8vw, 150px); line-height: 100%; margin: -15px 0 -30px -5vw; text-transform: uppercase; letter-spacing: 0.8px;}
.services .item .link_text_arrow 						{ margin-top: 15px; display: block;}
.services .item a img              						{ transition: all 300ms ease-in-out;}

@media (min-width:1201px) {
.services:before										{ left: 60%; right: 0; bottom: 100px; top: -80px; border-radius: clamp(15px, 3.5vw, 30px) 0 0 clamp(15px, 3.5vw, 30px); visibility: visible;}
.services a:hover img              						{ transform: scale(0.95); filter: brightness(0.65);}
.services a:hover .link_text_arrow         				{ color: var(--mainColor1);}
}
@media (max-width:1200px) {
.services .titre_main 									{ margin: -15px 0 20px 0;}
}
@media (max-width:700px) {
.services .item .link_text_arrow 						{ margin-top: 10px; display: inline-block;}
}


/***** moving img *****/
.moving_img .titre_main 								{ opacity: 10%; font-size: clamp(40px, 8vw, 150px); line-height: 100%; margin: -15px 0 -30px 0; text-transform: uppercase; letter-spacing: 0.8px; text-align: right; padding: 0 5vw;}

@media (max-width:1200px) {
.moving_img .titre_main 								{ margin: -15px 0 20px 0;}
}


/***** a propos *****/
.about .atouts 											{ background: var(--bgColorDark); text-align: center; padding: clamp(20px, 10vw, 100px) clamp(20px, 3vw, 40px); color: #fff; border-radius: var(--imgRadius);}
.about .atouts:before 									{ position: absolute; left: 15%; bottom: -12px; background: var(--mainColor1); width: 40%; height: 24px; transition: none; z-index: 5; transform: skewX(-20deg); content: "";}
.about .atouts   										{ display: grid; align-items: center;}
.about .atouts ul li									{ font-size: clamp(14px, 2.4vw, 18px); line-height: 140%; font-weight: 500; letter-spacing: 0.4px; margin-top: 45px; position: relative;}
.about .atouts ul li:after								{ width: 50px; height: 3px; position: absolute; right: 0; left: 0; margin: 0 auto; top: -24px; background: var(--mainColor1); content: "";}
.about .atouts ul li:first-child						{ margin-top: 0;}
.about .atouts ul li:first-child:after					{ display: none;}

@media (max-width:1200px) {
.about .atouts:before 									{ bottom: -10px; height: 20px;}
}
@media (max-width:700px) {
.about .atouts:before 									{ bottom: -7px; height: 14px;}
}



div p a													{ color: var(--mainColor1); font-weight: 600;}
div p a:after											{ width: 13px; height: 13px; background: url("../images/arrow_sup.svg") 100% 0 no-repeat; display: inline-block; margin: 0 1px -3px 0; content: "";}

@media (min-width:1201px) {
div p a:hover											{ filter: brightness(1.5);}
}