/***** banner *****/
.banner                          				{ position: relative; padding-top: 1vw; }
.banner .img                     				{ position: relative; padding: 0}
.banner img                     				{ width: 100%; height: auto; max-height: 720px; object-fit: cover; display: block; border-radius: 0; max-width: 2000px; margin: 0 auto}
.banner .content                 				{ position: relative; padding-bottom: clamp(40px, 4vw, 40px); z-index: 10;}
.banner .link 	            					{ display: none;}
.banner .wrapper_large            				{ z-index: 10;}
.banner .macaron 	            				{ position: absolute; right: 30px; bottom: -90px; width: 180px;}


@media (max-width:1200px) {
.banner                  			            { padding-top: 120px;}
.banner .macaron 	            				{ width: 120px; right: 60px}
}
@media (max-width:1000px) {
.banner .link      		       		            { display: block; margin-top: 30px; text-align: center}

}
@media (max-width:700px) {
.banner                  			            { padding-top: 100px;}
.banner .img:before 						    { display: none;}
.banner .content                 	            { padding: 0; align-items: end;}
.banner .content .txt                           { width: 90vw; margin-bottom: 20px}
.banner .macaron 	            			    { top: 20px; right: 0}
}


/***** intro *****/
.intro                  { margin: 80px 0 0 0;}
.intro h2               { font: 500 clamp(14px, 2.2vw, 16px) / 185% var(--fontBody); letter-spacing: 0.2px;}

@media (max-width:700px) {
.intro                                          { margin: 30px 0;}

}



/***** Services *****/
.services:before							{ left: 60%; right: 0; bottom: 100px; top: -80px; border-radius: 0 ; visibility: hidden; background-color: var(--mainColor1)}
.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 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:before							{ display: none}
}


@media (max-width:700px) {
.services .item .link_text_arrow 			{ margin-top: 0;}

}



/***** a propos *****/
.about .atouts 								{ background: var(--mainColor1); text-align: center; padding: clamp(20px, 10vw, 100px) clamp(20px, 3vw, 40px); color: #fff; border-radius: var(--imgRadius);}
.about:before 						        { display: none}
.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; color:#fff}
.about .atouts ul li:after					{ width: 50px; height: 3px; position: absolute; right: 0; left: 0; margin: 0 auto; top: -24px; background: var(--mainColor2); content: "";}
.about .atouts ul li:first-child			{ margin-top: 0;}
.about .atouts ul li:first-child:after		{ display: none;}

@media (max-width:700px) {
.about .atouts:before						{ display: none;}
.about .atouts .sous_titre					{ color: #fff; margin: -5px 0 -15px 0;}
.about .atouts ul li						{ font-weight: 400; letter-spacing: 0.4px;}
.about .atouts ul li:after					{ width: 40px; background: var(--mainColor2);}
}