/***** top page *****/
.top_page 							{ position: relative; padding-top: 110px;}
.top_page::before			        { width: 75%; max-width: 1600px; height: calc(50% + 60px); background: var(--mainColor1); position: absolute; right: 0; top: 0; content: "";}
.top_page .wrapper 					{ padding: clamp(20px, 8vw, 60px); background-color: #fff; display: grid; grid-template-columns: 1fr auto; gap: 60px; align-items: center;}
.top_page .titre_main				{ margin-bottom: 10px;}
.top_page .sous_titre				{ text-transform: none; color: var(--mainColor1);}
.top_page .cta_top_page          	{ padding: clamp(20px, 8vw, 40px) clamp(30px, 8vw, 60px) ; background-color: var(--mainColor2);}
.top_page .cta_top_page .sous_titre	{ color: #fff; font-size: 20px; line-height: 28px; font-weight: 600; }
.top_page .cta_top_page .sous_titre	{ color: #fff; font-size: 20px; line-height: 28px; font-weight: 600; }
.top_page .cta_top_page .link     	{ display: block; width: 100%; }

@media (max-width:1200px) {
.top_page .texte 					{ padding: 60px 0;}
.top_page::before			        { width: 70%; }
}
@media (max-width:1000px) { 
.top_page::before			        { width: 50%; }
.top_page .wrapper 					{ grid-template-columns: 1fr; gap: 40px; }
.top_page .texte 					{ padding: 50px 0;}
.top_page .cta_top_page         	{ max-width: 440px; margin: 0 auto; }
.top_page .cta_top_page .sous_titre br	{ display: none; }

}
@media (max-width:700px) { 
.top_page::before			        { width: 30%; }
.top_page 							{ padding-top: 70px;}
.top_page .wrapper 					{ gap: 20px; }
.top_page .texte 					{ padding: 40px 0;}
.top_page .cta_top_page .sous_titre	{ font-size: 16px; line-height: 20px;}
}


/***** breadcrumb *****/
.breadcrumb							{ margin: 0 0 30px 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:last-child a       	{ color: var(--mainColor1);}


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

@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 .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);}