/***** top page *****/
.top_page 										{ position: relative; padding-top: 160px;}
.top_page .content 								{ padding-top: clamp(20px, 7vw, 40px);}
.top_page .titre_main							{ margin-bottom: 30px;}
.top_page .titre_main:after                     { display: block; width: 120px; height: 2px; position: relative; background: linear-gradient(90deg,rgba(0, 255, 255, 1) 0%, rgba(0, 147, 255, 1) 50%, rgba(0, 21, 38, 1) 100%); z-index: 1; content: ""; margin-top: 20px}
.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 .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 20px; 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 a						        { color: #fff;}
.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;}
}


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

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



.bloc-info                                     {box-shadow: var(--box-shadow-1); background: var(--bgColorDark); color: #fff; text-align: center; border-radius: var(--imgRadius); line-height: 30px; padding: 50px 80px; position: relative; margin: 0; font-style:italic; font-size: 18px;}
.bloc-info  span                               {color: var(--mainColor1); font-weight: 700}



.ul_check                                      {text-align: left; columns: 2; margin: 30px 0; column-gap: 60px; position: relative}
.ul_check.col_1                                {columns: 1;}

@media (max-width:700px) { 
.ul_check                                      {columns: 1;}
}