/***** top page *****/
.top_page 							{ position: relative; padding: clamp(20px, 8vw, 100px) 0; background: var(--bgColorLight);}
.top_page .content 					{ padding-top: clamp(20px, 8vw, 60px); text-align: center;}
.top_page .content .chapo 			{ font-size: 16px;}

@media (max-width:1200px) {
.top_page .content 					{ padding-top: 0;}
}



/***** breadcrumb *****/
.breadcrumb							{ margin: -40px 0 0 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(--mainColor2);}								
}

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



/***** moving text *****/
.moving_text .row .item 					{ color: var(--bgColorLight);}



/***** 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: 0; 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);}


/***** bloc columns *****/
.bloc_columns                          					{ position: relative; margin: var(--marginTB);}
.bloc_columns .grid                    					{ position: relative; display: grid; grid-gap:0 80px; padding-top: 10px;}
.bloc_columns .grid.gtc-2                  				{ grid-template-columns: 1fr 1fr;}
.bloc_columns .grid.gtc-3                  				{ grid-template-columns: 1fr 1fr 1fr;}


/***** Custom *****/
.sous_titre span.prix               { font-size: 16px; color: var(--mainColor1);}

.grid.gtc-2 .sous_titre span.prix,
.grid.gtc-3 .sous_titre span.prix   { font-size: 25px; color: var(--mainColor1); position: absolute; right: 0;}

.grid.gtc-2 .ul_star li span        { color: var(--mainColor1); position: absolute; right: 0;}

.bloc_columns .grid.gtc-3 img       { margin: 15px 0; max-height: 50px; width: auto;}

.info { text-align: center; background: var(--mainColor1); border-radius: var(--imgRadius); color: #ffffff; font-size: 18px; padding: 20px 15px; margin: 40px auto;}


@media (max-width:1000px) {
.bloc_columns .grid.gtc-3   { grid-template-columns: 1fr 1fr;}
}

@media (max-width:700px) {
.bloc_columns .grid.gtc-2,
.bloc_columns .grid.gtc-3   { grid-template-columns: 1fr;}
}