/***** top page *****/
.top_page 										{ position: relative; padding-top: 1vw;}
.top_page:before 								{ position: absolute; top: 0; right: 0; left: 0; height: 90px; background: var(--bgColorLight); z-index: -1; visibility: hidden; content: "";}
.top_page .content 								{ padding-top: clamp(20px, 7vw, 40px);}
.top_page .titre_main							{ margin-bottom: 10px;}
.top_page .titre_cap							{ margin-bottom: 20px;}

@media (max-width:1200px) {

}
@media (max-width:700px) { 
.top_page .content 								{ padding-top: 2vw;}

}


/***** bloc check *****/
.bloc_check 									{ background: var(--bgColorDark);  padding: clamp(20px, 3vw, 40px); color: #fff; border-radius: var(--imgRadius); margin-top: clamp(20px, 3vw, 40px);}
.bloc_check:before 								{ position: absolute; right: 10%; bottom: -12px; background: var(--mainColor1); width: 35%; height: 24px; transition: none; z-index: 5; transform: skewX(-20deg); content: "";}
.bloc_check :last-child							{ margin-bottom: 0;}

@media (max-width:1200px) {
.bloc_check:before 								{ bottom: -10px; height: 20px;}
}
@media (max-width:700px) {
.bloc_check:before 								{ bottom: -7px; height: 14px;}
}


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

@media (min-width:1201px) {
.breadcrumb a:hover                 			{ color: var(--mainColor1);}
}
@media (max-width:700px) { 
.breadcrumb										{ display: none;}
}



/***** page content *****/
#page 											{ position: relative;}
#page .ul_list a, 
#page p a										{ color: var(--mainColor1); font-weight: 600;}
#page .ul_list a:after,
#page p a:after									{ width: 13px; height: 13px; background: url("../images/arrow_sup.svg") 100% 0 no-repeat; display: inline-block; margin: 0 1px -3px 0; content: "";}

@media (min-width:1201px) {
#page .ul_list a:hover,
#page p a:hover									{ filter: brightness(1.5);}
}



/***** text : simple *****/
.txt_simple 									{ position: relative; text-align: center;}
.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 garantie *****/
.bloc_garantie  								{ display: grid; grid-template-columns: 225px 1fr; grid-gap: 50px; align-items: center; background: var(--bgColorLight); color: var(--mainColor2); padding: clamp(20px, 5vw, 45px) clamp(20px, 5vw, 50px); border-radius: var(--imgRadius);}
.bloc_garantie img								{ width: 100%; max-width: 225px; height: auto; display: block; border-radius: 20px;}
.bloc_garantie p								{ margin-bottom: 10px;}

@media (max-width:1200px) { 
.bloc_garantie  								{ grid-template-columns: 180px 1fr;}
.bloc_garantie img								{ border-radius: 15px;}
}
@media (max-width:1000px) { 
.bloc_garantie  								{ grid-template-columns: 1fr; grid-gap: 10px;}
}
@media (max-width:700px) { 
.bloc_garantie img								{ border-radius: 12px; max-width: 150px;}
}





.produits .item .titre_cap 						{ margin: 20px 0 8px 0;}