/***** breadcrumb ****
.breadcrumb							{ margin: 0; line-height: 0; position: relative;}
.breadcrumb li 						{ display: inline-block; font-size: 12px; line-height: 20px; margin-right: 30px; letter-spacing: 0.6px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 10px; position: absolute; right: -16px; top: 6px; background: var(--mainColor1); content: "";}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a.active 			{ color: var(--mainColor1);}

@media (min-width:1201px) {
.breadcrumb a:hover                 { color: var(--mainColor2);}
}
@media (max-width:1200px) { 
.breadcrumb							{ margin:0 0 40px 0;}
}
@media (max-width:700px) { 
.breadcrumb							{ display: none;}
}*/



/***** top page *****/
.top_page 									{ position: relative; padding-top: calc(180px + 2vw); background: var(--bgColorDark); color: #fff;}
.top_page .content 							{ padding-bottom: 90px;}
.top_page .content .titre_main span			{ display: inline-block;}
.top_page .content .chapo 					{ padding-top: 5px;}
.top_page .content :last-child 				{ margin-bottom: 0;}

@media (max-width:1200px) {
.top_page 									{ padding: 80px 0 0 0;}
.top_page .content 							{ padding: var(--marginT) 8vw 0 0;}
}
@media (max-width:700px) { 
.top_page 									{ padding: 65px 0 0 0;}
.top_page .content 							{ padding-right: 0;}
}

/***** moving text *****/
@media (max-width:1000px) {
.moving_text 								{ padding: 6vw 0 3vw 0;}
}
@media (max-width:700px) {
.moving_text 								{ padding: 6vw 0 4vw 0;}

}



/***** bloc process *****/
.bloc_process  								{ margin-top: -120px;}
.bloc_process .container  					{ grid-template-columns: 35% 1fr;}
.bloc_process .container .txt .wrap			{ max-width: none; padding-top: 200px;}

@media (max-width:1400px) {
.bloc_process  								{ margin-top: var(--marginT);}
.bloc_process .container .txt .wrap			{ padding-top: 0;}
}
@media (max-width:1000px) {
.bloc_process .container  					{ grid-template-columns: 1fr;}
}



/***** process *****/
#process									{ display: grid; grid-gap: 40px; padding: clamp(20px, 5vw, 60px); border-radius: var(--linkRadius); box-shadow: rgba(0 0, 0, 0.08) 0 0 60px 0; margin-top: 20px;}
#process .step								{ position: relative; padding-left: 65px;}
#process .step span							{ width: 32px; height: 32px; border: 2px solid #222; background: #fff; border-radius: 8px; position: absolute; left: 0; top: 0;}
#process .step span:before					{ position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; background: var(--mainColor1); transform: scale(0); border-radius: 4px; content: "";}
#process .step span:after					{ width: 2px; position: absolute; left: 0; right: 0; top: calc(100% + 2px); margin: 0 auto; bottom: -150px; background: #222; content: "";}
#process .step p							{ line-height: 170%; margin: 0; opacity: 0.4; transition: all 200ms ease-in-out;}
#process .step .titre_cap					{ padding: 2px 0 4px 0;}
#process .step.last span:after 				{ background: #fff;}
#process .step.active span:before			{ transform: scale(1);}
#process .step.active p						{ opacity: 1;}
#process .link								{ height: 54px; line-height: 52px; text-align: center; margin: 0;}

@media (max-width:1200px) {
#process									{ grid-gap: 30px;}
#process .step								{ padding-left: 60px;}
#process .step span							{ width: 28px; height: 28px;}
}
@media (max-width:700px) {
#process									{ padding: 0; border-radius: 0; box-shadow: none; margin-top: 20px;}
#process .step								{ padding-left: 42px;}
#process .step span							{ width: 24px; height: 24px;}
#process .step span:before					{ left: 4px; top: 4px; right: 4px; bottom: 4px;}
#process .step .titre_cap					{ padding-top: 0; font-size: 14px;}
#process .link								{ height: 48px; line-height: 48px;}
}



/***** gallery *****/
.gallery .item img 							{ display: block; width: 100%; height: auto; border-radius: var(--imgRadius);}




/***** moving img *****/
.moving_img									{ position: relative; overflow: hidden; padding: 20px 0;}
.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: auto; height: 500px; display: block; border-radius: var(--imgRadius); object-fit: cover; transition: all 300ms ease-in-out; /*filter: grayscale(100);*/}

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



/***** page transports speciaux *****/
#special .bloc_process .link				{ display: block; height: 54px; line-height: 52px; text-align: center; margin: clamp(25px, 8vw, 30px) 0 0 0;}
#special .item_special						{ padding: clamp(20px, 4.8vw, 35px) clamp(20px, 5vw, 40px); border-radius: var(--imgRadius); border: 1px solid #ddd; margin-bottom: clamp(10px, 2vw, 15px);}
#special .item_special.last					{ margin-bottom: clamp(25px, 8vw, 30px);}