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


/***** top page *****/
.top_page 							{ position: relative; padding-top: 130px; background: var(--mainColor2); color:#ffffff; padding-bottom: 20px;}
.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) { 
}
@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: #ffffff; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a                    { color: #ffffff;}
.breadcrumb li a.active 			{ color: var(--mainColor1);}
.breadcrumb li:last-child a 		{ color: var(--mainColor1);}

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

@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); width: 90vw;}
.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;}

.txt_simple.hide p a:hover                              { color: var(--mainColor1);}

/* 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 .photo:after  							{ position: absolute; left: -20px; top: 20px; border: 1px solid var(--mainColor1);  transition: none; content: ""; width:100%; height:100%; display:block;}
.bloc_txt_img .container	                        	{ display: grid; grid-template-columns: 50% 1fr; grid-gap: 0 80px; align-items: center; position: relative;}
.bloc_txt_img .container.align_top                		{ align-items: start;}
.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; width: 100%; max-width: 590px;}
.bloc_txt_img .container img 							{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10; border-radius: var(--imgRadius);}
.bloc_txt_img .container .link							{ margin-top: 10px;}

.bloc_txt_img .container ul								{ list-style-type: none;}
.bloc_txt_img .container li:before						{ width: 19px; height: 14px; position: absolute; left: 0; top: 4px; background: url("../images/check.svg") 0 0 / contain no-repeat; filter: invert(0); content: "";}

.bloc_txt_img.reverse .container  						{ grid-template-columns: 1fr 50%;}
.bloc_txt_img.reverse .photo:after  					{ position: absolute; right: -20px; top: 20px; border: 1px solid var(--mainColor1);  transition: none; content: ""; width:100%; height:100%; display:block;}
.bloc_txt_img.reverse .container img 					{ width: 100%; display: block; position: relative; z-index: 10; border-radius: var(--imgRadius);}
.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;}

.bg_salle												{ margin: 100px 0; background: var(--mainColor2); padding: 50px 0;}
.bg_salle:before										{ background: url("../images/a.svg"); width: 150px; height: 150px; position: absolute; bottom:0; right:0; }
.bg_salle .item.txt                                     { color: #ffffff;}

@media (max-width:1400px) { 
.bloc_txt_img .container .img.col_2  					{ grid-gap: 40px; padding-top: 80px;}
.bloc_txt_img .container .img.col_2 img:first-child		{ transform: translateY(-80px);}
}
@media (max-width:1200px) { 
.bloc_txt_img .container	                        	{ grid-gap: 0 60px;}
}
@media (max-width:1000px) { 
.bloc_txt_img .container 								{ grid-template-columns: 1fr; grid-gap: clamp(30px, 7vw, 40px);}
.bloc_txt_img .container .txt .wrap						{ max-width: none;}
.bloc_txt_img .photo:after  							{ display:none;}
.bloc_txt_img.reverse .photo:after   					{ display: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 .link							{ margin-top: 5px;}
}