/***** banner : fullscreen *****/
.banner                             { position: relative;}
.banner:after 						{ position: absolute; left: 0;right: 0; top: 0; bottom:50%; background: #fff; transition: none; z-index: -1; content: "";}
.banner .img                     	{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: clamp(5px, 3vw, 20px); padding-top: 180px; margin: 0 auto;}
.banner .img img                    { width: 100%; display: block; object-fit: cover;}
.banner h1             		        { font: 500 40px/48px "Inter"; color: var(--mainColor2); text-align: center; margin: 20px 0; line-height: 1.2}
.banner h1 span           		    { color: var(--mainColor1);}
.banner .content                 	{ position: relative; margin: 80px auto; width: auto; text-align: left; z-index: 10; max-width: 1000px;}
.banner a  							{ color: var(--mainColor1); text-decoration: underline;}

@media (max-width:1366px) {
.banner h1             		        { font: 500 35px/45px "Inter";}    
}
@media (max-width:1200px) {
.banner h1             		        { font: 500 30px/40px "Inter";}       
.banner img                         { height: 50vh;}
.banner:after 						{ display: none;}
}


@media (max-width:1000px) {
.banner .img                     	{ grid-template-columns: 1fr 1fr; padding: 120px 0 0 0}
.banner .img_1, .banner .img_2      { height: 100%;}
.banner .img_3                      { display: none;}
.banner .content                 	{ position: relative; margin: 40px auto 0 auto; display: block}
}


@media (max-width:600px) {
.banner .img                     	{ grid-template-columns: 1fr; padding-top: 90px}
.banner img                         { height: 30vh;}
.banner .img_1, .banner .img_3      { display: none;}
.banner .img_2                      { display: block;}
.banner h1             		        { font-size: 25px}
}



/***** grid bloc mixed *****/
.grid_bloc_mixed 							{ position: relative; margin: var(--marginTB);}
.grid_bloc_mixed .container					{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 50px; margin: -25px 0; text-align: center;}
.grid_bloc_mixed .item 						{ margin: 25px 0; grid-row-end: span 2;  min-height: 500px}
.grid_bloc_mixed .item:nth-child(1)			{ grid-column-start: 2; grid-row-start: 1;}
.grid_bloc_mixed .item:nth-child(2)			{ grid-column-start: 1; grid-row-start: 2;}
.grid_bloc_mixed .item:nth-child(3)			{ grid-column-start: 3; grid-row-start: 2;}
.grid_bloc_mixed .titre_main                { font-size: clamp(80px, 15vw, 320px); line-height: 100%; margin: -80px 0 -5% 0; color: #fff; text-align: left;}

.grid_bloc_mixed .cta						{ background: var(--mainColor1); position: relative; overflow: hidden; min-height: 400px}
.grid_bloc_mixed .cta>img					{ opacity: 0; width: 100%; height: auto; display: block;}
.grid_bloc_mixed .cta>div					{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); color: #fff; font-size: 22px; line-height: 30px;}
.grid_bloc_mixed .cta .link 				{ color: var(--mainColor2); background: #fff; display: block; width: 200px; margin: 10px auto 0 auto;}
.grid_bloc_mixed .cta .link:hover			{ background-color: var(--mainColor2); color: #fff}

@media (max-width:1200px) {
.grid_bloc_mixed:before						{ left: 0; right: 0; border-radius: 0;}
.grid_bloc_mixed .container					{ grid-template-columns: 1fr 1fr; grid-gap: 0 30px; margin: -15px 0;}
.grid_bloc_mixed .item 						{ margin: 15px 0; grid-row-end: span 4;}
.grid_bloc_mixed .item:nth-child(1)			{ grid-column-start: 1; grid-row-start: 1;}
.grid_bloc_mixed .item:nth-child(2)			{ grid-column-start: 2; grid-row-start: 2;}
.grid_bloc_mixed .item:nth-child(3)			{ grid-column-start: auto; grid-row-start: auto;}
}

@media (max-width:1000px) {
.grid_bloc_mixed .container					{ grid-template-columns: 1fr; grid-gap: clamp(10px, 5vw, 20px); margin: 0;}
.grid_bloc_mixed .item 						{ margin: 0; grid-row-end: auto;}
.grid_bloc_mixed .item:nth-child(1),		 
.grid_bloc_mixed .item:nth-child(2)			{ grid-column-start: auto; grid-row-start: auto;}
.grid_bloc_mixed .titre_main                { display: none}
.grid_bloc_mixed .cta						{ min-height: 300px;}
}




.card_item_v1								{ border-radius: 0; position: relative; background: #ffffff; backdrop-filter: blur(10px);}
.card_item_v1 .wrap							{ padding: 40px; position: relative; top:50%; transform: translateY(-50%)}
.card_item_v1 img 							{ display: inline-block;}
.card_item_v1 img:not(.icon)				{ width: 100%; height: auto; aspect-ratio: 5/3; object-fit: cover; margin-bottom: -15px;}
.card_item_v1 .sous_titre 					{ margin: 10px 0 10px 0; font-size: 22px; line-height: 30px;}
.card_item_v1 p								{ margin-bottom: 20px;}
.card_item_v1 .link.fullw 					{ width: 100%; padding: 0; text-align: center;}


@media (max-width:1200px) {
.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;}
}







/***** 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: 640px; 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:1600px) {
.moving_img .row .grid div 					{ padding: 0 15px;}
.moving_img .row .grid img 					{ height: 420px;}
}
@media (max-width:1400px) {
.moving_img .row .grid img 					{ height: 400px;}
}
@media (max-width:1200px) {
.moving_img									{ margin-top: 40px;}
.moving_img .row .grid div 					{ padding: 0 10px;}
.moving_img .row .grid img 					{ height: 380px;}
}
@media (max-width:1000px) {
.moving_img									{ margin-top: 0;}
.moving_img .row .grid img 					{ height: 350px;}
}
@media (max-width:700px) {
.moving_img .row .grid div 					{ padding: 0 7px;}
.moving_img .row .grid img 					{ height: 60vw; max-height: 350px;}
	
}