/***** banner : fullscreen *****/
.banner                          		{ position: relative; padding-top: var(--paddingT); /*padding-bottom: clamp(20px, 3vw, 60px);*/ background: var(--bgColorDark); color: #fff; display: grid; align-items: end;} 
.banner .img img                    	{ width: 100%; max-width: 1400px; min-height: 500px; max-height: 750px; height: 65vh; object-fit: contain; display: block; margin: 0 auto;}
.banner .titre_main             		{ position: absolute; left: 0; top: 110px; width: 100%; text-align: center; text-shadow: 0 5px 25px #00000015;}
.banner .steps							{ position: absolute; right: 0; bottom: 5%; display: grid; grid-template-columns: auto auto auto; grid-gap: 60px;}
.banner .icon  							{ padding: 15px; border-radius: calc(var(--linkRadius) + 10px); background: #fff; position: relative;}
.banner .icon:after						{ width: 26px; height: 100%; position: absolute; left: -43px; top: 0; background: url("../images/arrow_link.svg") 50% / contain no-repeat; content: "";}
.banner .icon lord-icon					{ width: 64px; height: 64px; display: block;}

@media (max-width:1400px) {
.banner .steps							{ bottom: 0;}
.banner .icon  							{ padding: 10px;}
.banner .icon lord-icon					{ width: 60px; height: 60px;}
}
@media (max-width:1200px) {
.banner                          		{ /*padding-bottom: 80px;*/} 
.banner .steps							{ bottom: -20px; right: 40px;}
}
@media (max-width:1000px) {
.banner                          		{ padding-bottom: 10vw;} 
.banner .titre_main             		{ top: 100px;}
.banner .img img                    	{ min-height: inherit; height: auto; width: 116vw; margin-left: -13vw;}
.banner .steps							{ position: static; grid-template-columns: 70px 70px 70px; grid-gap: 60px; justify-self: center;}
.banner .icon lord-icon					{ width: 50px; height: 50px;}
.banner .icon:first-child:after			{ left: 33%; top: -65px; transform: rotate(90deg); display: none;}
}
@media (max-width:700px) {
.banner                          		{ padding-bottom: 0;} 
.banner .titre_main             		{ top: 20vw;}
.banner .titre_main br            		{ display: none;}
.banner .img img                    	{ width: 146vw; margin: clamp(20px, 10vw, 35px) 0 0 -28vw;}
.banner .steps							{ grid-template-columns: 64px 64px 64px; grid-gap: 40px; margin-top: -5px;}
.banner .icon  							{ border-radius: calc(var(--linkRadius) + 8px);}
.banner .icon:after						{ width: 10px; left: -23px; background-image: url("../images/arrow_slider.svg");}
.banner .icon lord-icon					{ width: 44px; height: 44px;}
}



/***** transport piano *****/
.piano .container 									{ grid-gap: clamp(40px, 5vw, 100px); grid-template-columns: minmax(420px, 1.2fr) 1fr 1fr; align-items: start;}
.piano .intro 										{ grid-column: span 2; padding-top: clamp(20px, 6vw, 80px); max-width: 800px;}
.piano .intro .link									{ margin-top: 10px;}
.piano .intro .link.devis							{ display: none;}

@media (max-width:1200px) {
.piano .container 									{ grid-gap: 5vw; grid-template-columns: 380px 1fr 1fr;}
}
@media (max-width:1000px) {
.piano .container 									{ grid-template-columns: 1fr; grid-gap: clamp(45px, 12vw, 60px);}
.piano .intro 										{ grid-column: auto; padding: 0 5vw; max-width: none;}
}
@media (max-width:700px) {
.piano .intro 										{ padding: 0 2vw;}
.piano .intro .link 								{ width: 100%; text-align: center;}
.piano .intro .link.small_txt						{ background: var(--mainColor2);}
.piano .intro .link.devis							{ display: block;}
}



/***** transport autres *****/
.transport .container 								{ padding-top: 10px;}
.transport .item 									{ background: #fff; box-shadow: rgba(0 0,0,0.08) 0 0 60px 0; padding: clamp(25px, 3vw, 60px); border-radius: var(--linkRadius); position: relative;}
.transport .item .icon  							{ position: absolute; right: 20px; top: 20px; padding: 15px; border-radius: calc(var(--linkRadius) + 10px); border: 1px solid #ddd; background: #fff;}
.transport .item .icon lord-icon					{ width: 64px; height: 64px; display: block;}
.transport .item img								{ width: clamp(240px, 20vw, 320px); height: auto; display: block; margin: -10px auto 20px auto;}
.transport .item .sous_titre						{ margin-bottom: 10px;}
.transport .item .grid_links						{ display: grid; grid-template-columns: 1fr 1.3fr; grid-gap: 10px; margin-top: 30px;}
.transport .item .grid_links .link					{ margin: 0; text-align: center; padding: 0;}

@media (max-width:1400px) {
.transport .item .icon  							{ padding: 10px;}
.transport .item .icon lord-icon					{ width: 60px; height: 60px;}
}
@media (max-width:1000px) {
.transport .item .grid_links						{ grid-template-columns: 1fr;}
.transport .item .icon  							{ right: 15px; top: 15px;}
.transport .item .icon lord-icon					{ width: 50px; height: 50px;}
}
@media (max-width:700px) {
.transport .item img								{ width: clamp(180px, 55vw, 280px); margin-top: 0; margin-bottom: 15px;}
.transport .item .icon  							{ right: 12px; top: 12px;}
.transport .item .icon lord-icon					{ width: 44px; height: 44px;}
.transport .item .grid_links						{ margin-top: 20px;}
}


/***** atout *****/
.atouts .container									{ grid-template-columns: 35% 1fr;}
.atouts .container .txt .wrap						{ max-width: none;}
.atouts .container .txt .asset						{ padding: clamp(20px, 2.8vw, 35px) clamp(20px, 3vw, 40px); border-radius: var(--imgRadius); border: 1px solid #ddd; margin-top: clamp(10px, 2vw, 15px);}
.atouts .container .txt .asset.first				{ margin-top: clamp(20px, 2.5vw, 25px);}
.atouts .container .txt .asset .sous_titre 			{ padding: 5px 0;}
.atouts .container .txt .asset p:has(b)				{ line-height: 140%; padding-top: 5px;}
.atouts .container .txt .asset p:has(b) b			{ display: block; font-size: 18px; background: url("../images/check.svg") 0 0 no-repeat; padding: 4px 0 2px 40px; color: var(--mainColor1);}

@media (max-width:1000px) {
.atouts .container .txt .asset p:has(b) b			{ font-size: 16px;}
}
@media (max-width:700px) {
.atouts .container									{ grid-template-columns: 1fr;}
.atouts .container .txt .asset p:has(b) b			{ font-size: 16px; background-size: 19px auto; padding: 0 0 2px 32px;}
}


/***** about *****/
.about .txt .titre_main 							{ margin-bottom: 5px;}

@media (max-width:700px) {
.about .txt .titre_main 							{ font-size: 22px;}
}



/***** bloc faq *****/
@media (max-width:1000px) {
.bloc_faq .wrapper									{ padding: 0 5vw;}
}
@media (max-width:700px) {
.bloc_faq .wrapper 									{ padding: 0;}
}