/***** class *****/
.anchor         { top: -120px; position: relative;}

main:before 					{position: absolute;left: 0;right: 0;top: 0;bottom:0;background: #fff; height: 720px; transition: none;z-index: -1;border-radius: 0 0 5vw 5vw;content: "";}

/***** top page *****/
.top_page 							{ position: relative; padding-top: 130px;}
.top_page .content 					{ padding: clamp(20px, 8vw, 40px) 0;}
.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;}

@media (max-width:1200px) {
.top_page .texte 					{ padding: 60px 0;}
}
@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 .texte_img 					{ padding-right: 420px; position: relative;}
.top_page .texte_img .img				{ position: absolute; right: -20px; top: 70px;}
@media (max-width:1200px) { 
main:before 							{ height: 60vh;}
}
@media (max-width:1000px) { 
.top_page .texte_img 					{ padding-right: 360px;}
.top_page .texte_img .img				{ max-width: 320px;}
}
@media (max-width:700px) { 
.top_page .texte_img 					{ padding-right: 0;}
.top_page .texte_img .img				{ position: relative; right: 0; top: 0;}
}



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

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

@media (max-width:1200px) { 
.breadcrumb							{ margin:0 0 40px 0;}
.bloc_txt_img .container .img:before{ display:none;}
							

}
@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 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 txt img *****/
.bloc_txt_img 											{ position: relative; margin: var(--marginTB);}
.bloc_txt_img:before									{ position: absolute; left: 0; right: 60%; top: 25%; bottom: 0; background: var(--bgColorLight); border-radius: 80px; visibility: hidden; transition: none; content: "";}
.bloc_txt_img .container	                        	{ display: grid; grid-template-columns: 50% 1fr; grid-gap: 0 80px; align-items: center; position: relative;}
.bloc_txt_img .container>.item							{ position: relative;}
.bloc_txt_img .container>.item :last-child 				{ margin-bottom: 0;}
.bloc_txt_img .container .txt .wrap						{ display: inline-block; text-align: left; max-width: 520px;}
.bloc_txt_img .container img 							{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10; border-radius: var(--allImgBR);}
.bloc_txt_img .container p               				{ margin-bottom: 15px;}
.bloc_txt_img .container .link							{ margin-top: 10px;}
.bloc_txt_img .container .multi_links					{ display: grid; grid-template-columns: 140px 140px; grid-gap: 10px; margin-top: 25px;}
.bloc_txt_img .container .multi_links .link				{ margin: 0; text-align: center; padding: 0;}

/*.bloc_txt_img.reverse:before							{ left: 60%; right: 0; top: 25%; bottom: -10%; background: var(--bgColorLight); border-radius:0 0 0 80px; visibility: visible; content: "";}*/
.bloc_txt_img.reverse .container 						{ grid-template-columns: 1fr 50%;}
.bloc_txt_img.reverse .container>.item:last-child		{ grid-area: 1 / 1;}
.bloc_txt_img.reverse .container>.item:first-child      { grid-area: 1 / 2;}
.bloc_txt_img.reverse .container .txt					{ text-align: right;}
.bloc_txt_img.align_top .container                		{ align-items: start;}

@media (max-width:1200px) { 
.bloc_txt_img .container	                        	{ grid-gap: 0 40px;}
}
@media (max-width:1000px) { 
.bloc_txt_img .container 								{ grid-template-columns: 1fr; grid-gap: 30px;}
.bloc_txt_img .container .txt .wrap						{ max-width: none;}

.bloc_txt_img.reverse .container 						{ grid-template-columns: 1fr;}
.bloc_txt_img.reverse .container>.item:last-child		{ grid-area: 2;}
.bloc_txt_img.reverse .container>.item:first-child      { grid-area: 1;}
}
@media (max-width:700px) { 
.bloc_txt_img .container	                        	{ grid-gap: 30px;}
.bloc_txt_img .container p               				{ margin-bottom: 10px;}
.bloc_txt_img .container .multi_links					{ grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-top: 20px;}
}
























