/***** top page *****/
.top_page 										{ position: relative; padding-top: 120px;}
.top_page .content 								{ padding-top: clamp(20px, 7vw, 40px);}
.top_page .chapo 								{ font-style: normal;}
.top_page .titre_main							{ margin-bottom: 10px;}
.top_page .texte_img 					        { padding-right: 420px; position: relative;}
.top_page .texte_img .img				        { position: absolute; right: -20px; top: 70px;}

@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 										{ position: relative; padding-top: 90px;}
.top_page .texte_img 					        { padding-right: 0;}
.top_page .content 								{ padding-top: 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;}
}

/***** bloc check *****/
.bloc_check 									{ background: var(--mainColor1);  padding: clamp(20px, 3vw, 40px); color: #fff; border-radius: var(--blocRadius); margin-top: clamp(20px, 3vw, 40px);}
.bloc_check .sous_titre							{ color: #fff;}
.bloc_check p b							        { color: #fff;}
.bloc_check .ul_list li:before					{ filter: brightness(0) invert(1);}
.bloc_check:before 								{ position: absolute; right: 10%; bottom: -12px; background: var(--mainColor2); border-radius: var(--linkRadius); width: 35%; height: 24px; transition: none; z-index: 5; 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;}
}



/***** page content *****/
#page 											{ position: relative;}
#page .ul_list a, 
#page p a										{ color: var(--mainColor2); border-bottom: 1px solid transparent; font-weight: 600;}

@media (min-width:1201px) {
#page .ul_list a:hover,
#page p a:hover									{ color: var(--mainColor1); border-bottom: 1px solid var(--mainColor1);}
}



/***** assets v1 *****/
.assets_v1 									    { text-align: center; position: relative; padding: 0; margin:var(--marginB);}
.assets_v1 .container 						    { grid-gap: 20px; position: relative; margin-top: 30px}
.assets_v1 .item  a						        { display: block; margin: 0;}
.assets_v1 .item .icon 						    { border-radius: 0; background-color: #fff; display: block; margin: 0 auto;}
.assets_v1 .item .icon img					    { width:140px; height: auto;}
.assets_v1 .item .icon a img              	    { transition: all 300ms ease-in-out;}
.assets_v1 .partenaire                          { display: flex; flex-wrap: wrap;  justify-content: flex-start;}

@media (max-width:700px) {
.assets_v1 .item .icon img					    { width:100px; height: auto;}

}





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