
/***** top page *****/
.top_page 										{ position: relative; padding-top: 120px;}
.top_page .content 								{ padding-top: clamp(15px, 7vw, 20px);}
.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:800px) { 
.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(--mainColor1);}
}

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

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

/***** bloc check *****/
.bloc_check 									{ background: var(--bgColorDark);  padding: clamp(20px, 3vw, 40px); color: #fff; border-radius: var(--imgRadius); margin-top: clamp(20px, 3vw, 40px);}
.bloc_check:before 								{ position: absolute; right: 10%; bottom: -12px; background: var(--mainColor1); 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:800px) {
.bloc_check:before 								{ bottom: -7px; height: 14px;}
}

/***** page content *****/
#page 											{ position: relative;}
#page .ul_list a										{ color: var(--mainColor1); font-weight: 600;}
#page .ul_list a:after,


.txt_simple 											{ position: relative; margin: var(--marginTB);}


@media (min-width:1201px) {
#page .ul_list a:hover,
#page p a:hover									{ filter: brightness(1.5);}
}



/***** 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; display: block}
.assets_v1 .item .icon a img              	    { transition: all 300ms ease-in-out;}
.assets_v1 .partenaire                          { display: flex; justify-content: center; flex-wrap: wrap;  justify-content: flex-start;}

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

}






/***** moving img *****/
.moving_img									{ position: relative; overflow: hidden; margin: var(--marginTB); padding: 20px 0;}
.moving_img .row 							{ width: auto; display: flex;}
.moving_img .row .grid 						{ width: auto; display: flex; animation: moving_img 80s linear infinite;}
.moving_img .row .grid div 					{ padding: 0 10px;}
.moving_img .row .grid img 					{ width: auto; height: 400px; display: block; object-fit: cover; transition: all 300ms ease-in-out;}
.moving_img .link							{ display: block; margin: 50px auto; width: fit-content; }

@keyframes moving_img {
0%											{ transform: translate(0, 0);}
100% 										{ transform: translate(-100%, 0);}
}

@media (max-width:1200px) {
.moving_img									{ margin-top: 40px;}
.moving_img .row .grid div 					{ padding: 0 10px;}
.moving_img .row .grid img 					{ height: 350px;}
}
@media (max-width:1000px) {
.moving_img									{ margin-top: 0;}
.moving_img .row .grid img 					{ height: 300px;}
}
@media (max-width:700px) {
.moving_img .row .grid div 					{ padding: 0 7px;}
.moving_img .row .grid img 					{ height: 60vw; max-height: 200px;}
}









