/***** top page *****/
.top_page 										{ position: relative; padding-top: 170px;}
.top_page:before 								{ position: absolute; top: 120px; right: 3vw; left: 50vw; bottom: 0; background: var(--bgColorLight); z-index: -1; visibility: visible; border-radius: 40px; content: "";}
.top_page .content 								{ padding: clamp(30px, 8vw, 80px) 0; display: grid; grid-template-columns: 1fr 380px; grid-gap: 80px;}
.top_page .titre_main							{ margin-bottom: 10px;}
.top_page .sous_titre 							{ font-size: clamp(16px, 2.4vw, 24px);}
.top_page .multi_links							{ display: grid; grid-gap: 10px; max-width: 380px;}
.top_page .multi_links .link					{ margin: 0; width: 100%;}
.top_page .content_full                         { display: block;}

@media (max-width:1200px) {
.top_page 										{ padding-top: 90px;}
}
@media (max-width:1000px) { 
.top_page 										{ padding-top: 64px;}
.top_page .content 								{ grid-template-columns: 1fr; grid-gap: 30px;}
}
@media (max-width:700px) { 
.top_page 										{ padding-top: 0;}
.top_page:before 								{ display: none;}
}




/***** 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: 9px; position: absolute; right: -18px; top: 5px; background: var(--mainColor2); content: "";}
.breadcrumb li:last-child:after 				{ display: none;}
.breadcrumb li a.active 						{ color: var(--mainColor2);}

@media (min-width:1201px) {
.breadcrumb a:hover                 			{ color: #42a2cf;}
}
@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 :last-child               			{ margin-bottom: 0;}
.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);}






.bloc_txt_img .bloc_nm  						{ display: grid; grid-template-columns: 120px 1fr; grid-gap: 30px; align-items: center; margin: clamp(15px, 2.5vw, 25px) 0; padding-right: 20px;}
.bloc_txt_img .bloc_nm img						{ width: 100%; height: auto; display: block; border-radius: 50%; aspect-ratio: 1/1;}
.bloc_txt_img .bloc_nm .sous_titre				{ font-size: clamp(15px, 2.4vw, 18px); margin-bottom: 0;}

@media (max-width:1200px) { 
.bloc_garantie  								{ grid-template-columns: 140px 1fr;}
}
@media (max-width:700px) { 
.bloc_garantie  								{ display: block; text-align: center;}
.bloc_garantie img								{ width: 100px; margin: 0 auto 3vw auto;}
}




/***** card item : img + txt *****/
.card_item_v3											{ background: var(--bgColorLight); overflow: hidden; position: relative; border-radius: var(--imgRadius); padding: 40px 30px 90px 30px;}
.card_item_v3 .sous_titre 								{ margin: 0 0 10px 0; font-size: clamp(16px, 2.6vw, 20px);}
.card_item_v3 p											{ margin-bottom: 0;}
.card_item_v3 .link_arrow 								{ position: absolute; right: 30px; bottom: 30px; z-index: 20;}
.card_item_v3 .link_arrow:after							{ width: 50vw; height: 50vh; position: absolute; right: 0; bottom: 0; content: "";}

@media (min-width:1201px) {

}
@media (max-width:1200px) and (min-width:1001px) {
.card_item_v3 .sous_titre 								{ font-size: 17px;}
}
@media (max-width:700px) {
.card_item_v3											{ background: var(--mainColor1); border-radius: var(--imgRadius);}
.card_item_v3 .wrap 									{ position: static;}
.card_item_v3 img:not(.icon)							{ border-radius: 0; margin-bottom: 0; opacity: 0.35;}
.card_item_v3 .sous_titre 								{ margin: 0; padding-right: 0; position: absolute; left: 0; top: 55%; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; padding-bottom: 20px; background: url("../images/arrow_link.svg") 50% 100% no-repeat; font-weight: 400;}
.card_item_v3 p											{ display: none;}
.card_item_v3 .link_arrow 								{ position: absolute; right: 0; top: 0; left: 0; bottom: 0; opacity: 0; width: auto; height: auto; z-index: 20;}
.card_item_v3 .link_arrow:after							{ display: none;}
}



/***** grid bloc *****/
.grid_bloc	 								{ position: relative; margin: var(--marginTB);}
.grid_bloc:before							{ width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--bgColorLight); visibility: hidden; transition: none; z-index: -1; content: "";}
.grid_bloc .container						{ display: grid; grid-gap: clamp(10px, 5vw, 20px); margin-top: clamp(15px, 3vw, 25px);}

@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: repeat(2, 1fr);}
.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_3 .container					{ grid-template-columns: 1fr;}
}
@media (max-width:700px) {
.grid_bloc.col_2 .container,	
.grid_bloc.col_3 .container,					
.grid_bloc.col_4 .container					{ grid-template-columns: 1fr;}
}


/* swipe mobile */ 
@media (max-width:700px) {
.swipe_mobile .container 								{ display: flex; gap: 10px; width: 100vw; margin-left: -5vw; overflow-x: auto; padding: 0 5vw;}
.swipe_mobile .container::-webkit-scrollbar 			{ display: none;}
.swipe_mobile .container .item 							{ min-width: clamp(280px, 75vw, 360px);}
}


/***** page faq *****/
.page_faq 												{ margin: var(--marginTB);}
.page_faq .sous_titre									{ font-size: clamp(18px, 2.2vw, 24px);}



/***** quote : txt + img *****/
.quote_txt_img 											{ padding: 0 0 clamp(20px, 8vw, 40px) 0; margin: clamp(-40px, -4vw, -20px) 0 0 0;}
.quote_txt_img .container .titre_hw 					{ margin-bottom: clamp(10px, 2vw, 15px);}

@media (max-width:1200px) { 

}
@media (max-width:1000px) { 

}
@media (max-width:700px) { 

}



/***** bloc reviews *****/
.bloc_reviews 											{ margin-top: -20px; padding-top: clamp(20px, 4vw, 60px)}






.cadre_light                                            { padding: clamp(20px, 4vw, 60px); background-color: var(--bgColorLight); border-radius: 30px;}
@media (max-width:1200px) { 

}
@media (max-width:1000px) { 

}
@media (max-width:700px) { 

}