/***** top page *****/
.top_page 							{ position: relative; padding-top: 180px;}
.top_page:before 					{ position: absolute; top: 0; right: 0; left: 0; height: 90px; background: var(--bgColorLight); z-index: -1; visibility: visible; content: "";}
.top_page .content 					{ padding-top: clamp(20px, 8vw, 40px);}
.top_page .titre_main				{ margin-bottom: 10px;}
.top_page .sous_titre 				{ font-size: 22px; line-height: 30px;}
.top_page .chapo 					{ margin: 20px 0 0 0;}
.top_page .chapo span				{ margin: 15px 0 0 0; display: block;}
.top_page p 						{ margin: 15px 0 0 0;}

.sticky .top_page:before 			{ height: 0;}

@media (max-width:1200px) {
.top_page .texte 					{ padding: 60px 0;}
.top_page:before 					{ height: 60px;}
}
@media (max-width:1000px) { 
.top_page .texte 					{ padding: 50px 0;}
}
@media (max-width:700px) { 
.top_page 							{ padding-top: 70px;}
.top_page .texte 					{ padding: 40px 0;}
.top_page .content 					{ padding-top: clamp(20px, 14vw, 60px);}
}




/***** 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: #42a2cf;}
}

@media (max-width:1000px) { 


}
@media (max-width:700px) { 
.breadcrumb							{ display: none;}
}



/***** text : simple *****/
.txt_simple 											{ position: relative; text-align: center; margin: var(--marginTB);}
.txt_simple.align_left									{ text-align: left;}
.txt_simple:before										{ position: absolute; width: 94vw; max-width: calc(47vw + 720px); left: auto; right: 3vw; top: 0; bottom: 0; background: #eee; border-radius: 50px; visibility: hidden; transition: none; content: "";}
.txt_simple svg											{ width: 60px; height: auto; display: block; margin: 0 auto 15px auto;}
.txt_simple p               							{ margin-bottom: 15px;}
.txt_simple p a               							{ border-bottom: 2px solid var(--mainColor1); padding-bottom: 2px;}
.txt_simple .link										{ margin-top: 10px;}
.txt_simple .multi_links								{ display: grid; grid-template-columns: 1fr 1fr; max-width: 300px; grid-gap: 10px; margin: 25px 0 0 0;}
.txt_simple .multi_links .link							{ margin: 0; text-align: center; padding: 0;}

/* custom highlight */
.txt_simple .txt_highlight    							{ padding-bottom: 15px;}
.txt_simple .txt_highlight svg  						{ bottom: 0; left: 0; right: 0; margin: 0 auto;}
.txt_simple .txt_highlight svg path						{ fill: var(--mainColor1);}

@media (min-width: 1201px){
.txt_simple p a:hover				                    { color: var(--mainColor1);}
}


.bloc_txt_img .container p a			    			{ color: #fff; border-bottom: 2px solid var(--mainColor1); padding-bottom: 2px;}

@media (min-width: 1201px){
.bloc_txt_img .container p a:hover						{ color: var(--mainColor1);}
}

.item.img img { width: 100%; height: auto; display: block;}


/***** assets v1 *****/
.assets_v1 									{ text-align: left; position: relative; margin-top: clamp(20px, 8vw, 60px);}
.assets_v1:before 							{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--bgColorLight); z-index: -1; visibility: hidden; content: "";}
.assets_v1 .container 						{ display: grid; grid-gap: 30px; position: relative;}
.assets_v1.col_2 .container 				{ grid-template-columns: repeat(2, 1fr);}
.assets_v1.col_3 .container 				{ grid-template-columns: repeat(3, 1fr);}
.assets_v1.col_4 .container 				{ grid-template-columns: repeat(4, 1fr);}
.assets_v1.col_5 .container 				{ grid-template-columns: repeat(5, 1fr);}
.assets_v1.col_6 .container 				{ grid-template-columns: repeat(6, 1fr);}
.assets_v1 .item   							{ background: #fff; color: var(--bgColorDark); padding: 40px; letter-spacing: 0.2px;}
.assets_v1 .item .sous_titre				{ font-size: clamp(16px, 2.6vw, 22px); letter-spacing: 0.2px; margin-bottom: 10px;}

.assets_v1 .item p 							{ margin: 0;}
.assets_v1 .container p a					{ color: #000; border-bottom: 1px solid #555; }

@media (min-width: 1201px){
.assets_v1 .container p a:hover				{ color: var(--mainColor1); border-bottom: 1px solid var(--mainColor1); }
}
   
@media (max-width: 1200px){
.assets_v1.col_3 .container,
.assets_v1.col_4 .container,
.assets_v1.col_5 .container,
.assets_v1.col_6 .container					{ grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 700px){
.assets_v1.col_2 .container, 				 
.assets_v1.col_3 .container,
.assets_v1.col_4 .container,
.assets_v1.col_5 .container,
.assets_v1.col_6 .container					{ grid-template-columns: 1fr;}
}







/***** card item : img + txt */
.card_item_v1								{ border-radius: var(--imgRadius); background: rgba(26, 32, 38, 75%); box-shadow: 0 0 40px 0 rgba(20, 26, 30, 25%); overflow: hidden; position: relative;}
.card_item_v1:before                         { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(140deg, rgba(57, 67, 77, 100%) 0%, rgba(13, 17, 20, 100%) 100%); opacity: 0.5; content: "";}
.card_item_v1 .wrap							{ padding: 40px; position: relative;}
.card_item_v1 img 							{ display: inline-block;}
.card_item_v1 img:not(.icon)				{ width: 100%; height: auto; object-fit: cover; margin-bottom: 10px;}
.card_item_v1 .sous_titre 					{ margin: 10px 0 10px 0; font-size: 22px; line-height: 30px;}
.card_item_v1 p								{ margin-bottom: 20px;}
.card_item_v1 .link.fullw 					{ width: 100%; padding: 0; text-align: center;}

@media (max-width:1200px) {
.card_item_v1								{ box-shadow: none;}
.card_item_v1 .wrap							{ padding: 30px;}
.card_item_v1 .sous_titre 					{ font-size: 20px;}
}
@media (max-width:700px) {
.card_item_v1 .wrap							{ padding: 20px;}
.card_item_v1 .sous_titre 					{ font-size: 16px; line-height: 22px;}
}




.grid_bloc	 								{ position: relative; margin: var(--marginTB);}
.grid_bloc .container						{ display: grid; grid-gap: clamp(10px, 5vw, 20px); text-align: center;}
.grid_bloc .container .item img				{ width: 100%; height: auto; display: block;}

@media (max-width:1200px) {
.grid_bloc:before							{ left: 0; right: 0; top: 0; bottom: 0; border-radius: 0;}
}




/* custom colums */
.grid_bloc.col_2 .container					{ grid-template-columns: 50% 50%;}
.grid_bloc.col_3 .container					{ grid-template-columns: repeat(3, 1fr);}
.grid_bloc.col_4 .container					{ grid-template-columns: repeat(4, 1fr);}

@media (max-width: 1200px) {
.grid_bloc.col_4 .container					{ grid-template-columns: 1fr 1fr;}
}
@media (max-width: 1000px) {
.grid_bloc.col_2 .container					{ grid-template-columns: 100%;}
.grid_bloc.col_3 .container					{ grid-template-columns: 1fr;}
}
@media (max-width: 700px) {

.grid_bloc.col_3 .container,					
.grid_bloc.col_4 .container					{ grid-template-columns: 1fr;}
}


.sliderFlotte {
    margin-bottom: 60px;
}

/**/
#services .grid_bloc .align_center				{ text-align: center; margin-bottom: 60px;}
#services .grid_bloc .titre_main				{ font-size: clamp(60px, 10vw, 80px);}
#services .bloc_txt_img .container img          { width: 100%; object-fit: cover;}
#services .bloc_txt_img .container         		{ grid-template-columns: 40% 1fr; }
#services .bloc_txt_img .container .txt .wrap 	{ max-width: 600px;}

@media (max-width: 1200px){
#services .bloc_txt_img .container          	{ grid-template-columns: 45% 1fr;}
}
@media (max-width: 1000px){
#services .grid_bloc .titre_main				{ font-size: clamp(30px, 5vw, 80px);}
#services .bloc_txt_img .container         	 	{ grid-template-columns: 1fr; }
}


#vehicules .grid_bloc .align_center				{ text-align: center; margin-bottom: 60px;}
#vehicules .grid_bloc .titre_main				{ font-size: clamp(60px, 10vw, 80px);}
#vehicules .grid_bloc .container				{ grid-gap: 60px; text-align: left;}
#vehicules .grid_bloc .container img			{ display: block; width: 100%; height: auto; margin-bottom: 20px;}

@media (max-width: 1000px){
#vehicules .grid_bloc .titre_main				{ font-size: clamp(30px, 5vw, 80px);}
}



#temoignages .card_item_v1 p               		{ font-style: italic;}
#temoignages .card_item_v1 .sous_titre     		{ font-size: 20px; line-height: 28px; }

