/***** banner : texte + photos *****/
.banner_txt_img 								{ position: relative; overflow: hidden; padding-top: 140px; margin: var(--marginTB); margin-top: 0;}
.banner_txt_img .container						{ display: grid; grid-template-columns: 1fr 60%; grid-gap: 100px; align-items: center;}
.banner_txt_img .img   							{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: clamp(5px, 3vw, 20px); align-items: end; position: relative; z-index: 5;}
.banner_txt_img .img picture 					{ position: relative; display: block;}
.banner_txt_img .img img  						{ width: 100%; height: auto; object-fit: cover; position: relative; display: block; border-radius: var(--imgRadius); aspect-ratio: 4/3; background: #444;}
.banner_txt_img .txt 							{ position: relative; text-align: right;}
.banner_txt_img .txt .wrap  					{ max-width: none; text-align: left;}
.banner_txt_img .txt .wrap>:first-child			{ margin-bottom: 30px;}
.banner_txt_img .multi_links					{ display: grid; grid-gap: 10px; margin-top: 30px; max-width: 380px;}
.banner_txt_img .multi_links .link				{ margin: 0; width: 100%;}

@media (max-width:1366px) {
.banner_txt_img .container						{ grid-gap: 80px;}    
}
@media (max-width:1200px) {
.banner_txt_img 								{ padding-top: 120px;}
.banner_txt_img .container						{ grid-gap: 40px;}
}
@media (max-width:1000px) {
.banner_txt_img 								{ padding-top: 100px;}
.banner_txt_img .container						{ grid-template-columns: 1fr;}
.banner_txt_img .img   							{ grid-area: 2;}
.banner_txt_img .txt:before 					{ display: none;}
.banner_txt_img .txt .wrap   					{ text-align: center;}
.banner_txt_img .chapo,
.banner_txt_img .multi_links					{ display: none;}

.titre_main:after { content: none;}
}
@media (max-width:1000px) {
.banner_txt_img     			        		{ padding-top: 130px;}
.banner_txt_img .link			        		{ display: none;}
.banner_txt_img .txt .wrap>:first-child	        { margin-bottom: 0;}
}


.card_item_v1								{ background:#ffffff10; backdrop-filter: blur(10px); display: block; margin: 0 auto; border-radius: var(--imgRadius); border: 1px solid #ffffff20; color: #fff}
.card_item_v1 .wrap							{ padding: 40px;}
.card_item_v1 .icon							{ display:flex; width: 80px; height: 80px; background-color: #fff; border-radius: var(--linkRadius); margin: 0 auto}
.card_item_v1 .icon>img 					{ display:block; width: 50px; height: auto; margin: auto }
.card_item_v1 .sous_titre 					{ margin: 20px 0 10px 0; font-size: 22px; line-height: 30px;}
.card_item_v1 p								{ margin-bottom: 20px; padding-bottom: 60px}
.card_item_v1 .link.fullw 					{ width: auto; padding: 0; text-align: center; position: absolute; left:30px; right: 30px; bottom: 30px;}

@media (max-width:1366px) {
.card_item_v1 .wrap							{ padding: 30px;}    
}
@media (max-width:1200px) {
.card_item_v1								{ box-shadow: none;}
.card_item_v1 .wrap							{ padding: 30px;}
.card_item_v1 .sous_titre 					{ font-size: 20px;}
}
@media (max-width:700px) {
.card_item_v1 .wrap							{ padding: 20px;}
.card_item_v1 .sous_titre 					{ font-size: 16px; line-height: 22px;}
}


/***** grid bloc *****/
.grid_bloc	 								{ position: relative; margin: var(--marginTB);}
.grid_bloc .container						{ display: grid; grid-gap: clamp(10px, 5vw, 20px); text-align: center;}
.grid_bloc .txt 							{ grid-template-columns: 60% 1fr; grid-gap: clamp(20px, 5vw, 40px); max-width: 1200px; display: grid;}
.grid_bloc .txt p							{ color: #fff}
.grid_bloc .txt .partners                   { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; align-items: center;}
.grid_bloc .txt .partners img               { display: block; width: 100%; background: #ffffff10; backdrop-filter: blur(10px); border-radius: var(--linkRadius); border: 1px solid #ffffff20;}


@media (max-width:1200px) {
.grid_bloc:before							{ left: 0; right: 0; top: 0; bottom: 0; border-radius: 0;}
}

@media (max-width:1000px) {
.grid_bloc .txt 							{ grid-template-columns: 1fr;}    
}

/* custom colums */
.grid_bloc.col_2 .container					{ grid-template-columns: repeat(2, 1fr);}
.grid_bloc.col_3 .container					{ grid-template-columns: repeat(3, 1fr);}
.grid_bloc.col_4 .container					{ grid-template-columns: repeat(4, 1fr); margin-top: 100px;}

@media (max-width:1200px) {
.grid_bloc.col_4 .container					{ grid-template-columns: 1fr 1fr; margin-top: 80px;}
}
@media (max-width:1000px) {
.grid_bloc.col_2 .container					{ grid-template-columns: 1fr;}
}
@media (max-width:700px) {
.grid_bloc.col_2 .container,	
.grid_bloc.col_3 .container,					
.grid_bloc.col_4 .container					{ grid-template-columns: 1fr;}
}


/* swipe mobile */ 
@media (max-width:700px) {
.swipe_mobile .container 								{ display: flex; gap: 10px; width: 100vw; margin-left: -5vw; overflow-x: auto; padding: 0 5vw;}
.swipe_mobile .container::-webkit-scrollbar 			{ display: none;}
.swipe_mobile .container .item 							{ min-width: clamp(280px, 75vw, 360px);}
}


/***** assets v1 *****/
.assets_v1 									{ text-align: center; position: relative; padding: 0; margin:var(--marginTB);}
.assets_v1 .container 						{ display: grid; grid-gap: 20px; position: relative; margin-top: 30px}
.assets_v1.col_3 .container 				{ grid-template-columns: repeat(3, 1fr);}
.assets_v1.col_4 .container 				{ grid-template-columns: repeat(4, 1fr);}
.assets_v1.col_5 .container 				{ grid-template-columns: repeat(5, 1fr);}
.assets_v1.col_6 .container 				{ grid-template-columns: repeat(6, 1fr);}
.assets_v1 .item  a						    { display: block; margin: 0 auto;}
.assets_v1 .item .icon a					{ background:#ffffff10; backdrop-filter: blur(10px); display: block; margin: 0 auto; border-radius: var(--linkRadius); border: 1px solid #ffffff20;}
.assets_v1 .item .icon img					{ display: block; filter: brightness(0) invert(1); margin: 0 auto}
.assets_v1 .item .icon a img              	{ transition: all 300ms ease-in-out;}
.assets_v1 .item .icon a:hover				{ background-color: var(--bgColorLight); display: block;}
.assets_v1 .item .icon a:hover img          { filter: brightness(1) invert(0);}
.assets_v1 p 	 						    { margin: 20px 0 0 0; line-height: 160%; color: #fff}

@media (max-width: 1000px){
.assets_v1.col_4 .container 				{ grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 700px){
.assets_v1.col_3 .container,
.assets_v1.col_4 .container,
.assets_v1.col_5 .container,
.assets_v1.col_6 .container					{ grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 500px){
.assets_v1.col_3 .container,
.assets_v1.col_4 .container,
.assets_v1.col_5 .container,
.assets_v1.col_6 .container					{ grid-template-columns: 1fr;}
}