/***** banner : fullscreen *****/
.banner_fullscreen                          	{ position: relative; margin: var(--marginTB); margin: 0; padding-top: 140px;}
.banner_fullscreen:before 						{position: absolute;left: 0;right: 0;top: 0;bottom:50%;background: #fff;transition: none;z-index: -1;border-radius: 0 0 5vw 5vw;content: "";}
.banner_fullscreen .img                     	{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: clamp(5px, 3vw, 20px);}
.banner_fullscreen .img img                     { width: 100%; display: block; object-fit: cover; aspect-ratio: 7/8; filter: brightness(1); border-radius: var(--allImgBR);}
.banner_fullscreen .titre_main             		{ color: var(--mainColor1); margin: 0 auto;}
.banner_fullscreen .sous_titre_vaillant			{ color: var(--mainColor2); margin: 15px auto; font-size: 25px; font-weight: 700;}
.banner_fullscreen .sous_titre_vaillant	img		{ margin: 0;  width: 120px; height: auto; vertical-align: text-top;}
.banner_fullscreen .content                 	{ left: 5vw; right: 5vw; top: 0; margin: 60px auto; height: 100%; width: auto; display: grid; justify-content: center; align-items: center; text-align: left; z-index: 10; max-width: 1000px;}
.banner_fullscreen  a  							{ color: var(--mainColor1); text-decoration: underline;}

@media (max-width:1200px) {
.banner_fullscreen img                          { height: 70vh;}
}

@media (max-width:1000px) {
.banner_fullscreen img                          { height: 60vh;}
}
@media (max-width:800px) {
.banner_fullscreen .img                     	{ grid-template-columns: 1fr 1fr;}
.banner_fullscreen .img_3                       { display: none;}
}
@media (max-width:700px) {
.banner_fullscreen                          	{ position: relative; margin: var(--marginTB); margin: 0; padding-top: 100px;}
.banner_fullscreen .content                 	{ margin: 20px auto; padding: 20px 0 5vw 0; align-items: end;}
.banner_fullscreen .link      		       		{ margin: 10px 0 0 0; width: 100%;}
}
@media (max-width:600px) {
.banner_fullscreen .img                     	{ grid-template-columns: 1fr;}
.banner_fullscreen .img_2                       { display: none;}
.banner_fullscreen img                          { height: 50vh;}
}


/***** bloc txt img *****/
.bloc_txt_img 											{ position: relative; margin: var(--marginTB);}
.bloc_txt_img:before									{ position: absolute; left: 0; right: 60%; top: 25%; bottom: 0; background: var(--bgColorLight); border-radius: 80px; visibility: hidden; transition: none; content: "";}
.bloc_txt_img .container	                        	{ display: grid; grid-template-columns: 50% 1fr; grid-gap: 0 80px; align-items: center; position: relative;}
.bloc_txt_img .container>.item							{ position: relative;}
.bloc_txt_img .container>.item :last-child 				{ margin-bottom: 0;}
.bloc_txt_img .container .txt .wrap						{ display: inline-block; text-align: left; max-width: 520px;}
.bloc_txt_img .container img 							{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10; border-radius: var(--allImgBR);}
.bloc_txt_img .container p               				{ margin-bottom: 15px;}
.bloc_txt_img .container .link							{ margin-top: 10px;}
.bloc_txt_img .container .multi_links					{ display: grid; grid-template-columns: 140px 140px; grid-gap: 10px; margin-top: 25px;}
.bloc_txt_img .container .multi_links .link				{ margin: 0; text-align: center; padding: 0;}

.bloc_txt_img.reverse .container 						{ grid-template-columns: 1fr 50%;}
.bloc_txt_img.reverse .container>.item:last-child		{ grid-area: 1 / 1;}
.bloc_txt_img.reverse .container>.item:first-child      { grid-area: 1 / 2;}
.bloc_txt_img.reverse .container .txt					{ text-align: right;}
.bloc_txt_img.align_top .container                		{ align-items: start;}

@media (max-width:1200px) { 
.bloc_txt_img .container	                        	{ grid-gap: 0 60px;}
}
@media (max-width:1000px) { 
.bloc_txt_img .container 								{ grid-template-columns: 1fr; grid-gap: 40px;}
.bloc_txt_img .container .txt .wrap						{ max-width: none;}

.bloc_txt_img.reverse .container 						{ grid-template-columns: 1fr;}
.bloc_txt_img.reverse .container>.item:last-child		{ grid-area: 2;}
.bloc_txt_img.reverse .container>.item:first-child      { grid-area: 1;}
}
@media (max-width:700px) { 
.bloc_txt_img .container	                        	{ grid-gap: 30px;}
.bloc_txt_img .container p               				{ margin-bottom: 10px;}
.bloc_txt_img .container .multi_links					{ grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-top: 20px;}
}




/* Services etoile*/

.grid_bloc_mixed 							{ position: relative; margin: 0;}
.grid_bloc_mixed:before						{ width: auto; height: auto; position: absolute; left: 20px; right: 20px; top: 0; bottom: 0; background: var(--bgColorLight); transition: none; z-index: -1; visibility: hidden; content: "";}
.grid_bloc_mixed .container					{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px; margin: -20px 0; text-align: center;}
.grid_bloc_mixed .item 						{ margin: 20px 0; grid-row-end: span 2;}
.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: 0 0 -5% 0; color: var(--mainColor1); opacity: 10%; text-align: left;}
.grid_bloc_mixed  span						{ margin-bottom: 30px;; display: block;}


.grid_bloc_mixed .cta						{ background: var(--mainColor1); position: relative; overflow: hidden; border-radius: var(--allImgBR)}
.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 .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:700px) {
.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}


}

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



/***** card item : txt hover */
.item.cursor                                { cursor: pointer;}
.card_item_v2 								{ position: relative; border-radius: var(--allImgBR); overflow: hidden; text-align: left; background-color: #fff}
.card_item_v2 img							{ width: 100%; height: auto; display: block; aspect-ratio: 1/1; object-fit: cover; filter: brightness(1);}
.card_item_v2 .wrap							{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 5; padding: 40px 90px 40px 40px;}
.card_item_v2 .wrap :last-child				{ margin-bottom: -5px;}
.card_item_v2 .sous_titre 					{ font-size: 22px; line-height: 30px; color: var(--mainColor1); margin: 0;}
.card_item_v2 .hover_show					{ position: absolute; left: 0; top: 0; color: #fff; background: rgba(29,41,51,100%); width: 100%; height: 100%; padding: 40px; display: none;}
.card_item_v2 .link_pos                    	{ position: absolute; bottom: 15px; right: 15px; z-index: 10;}
.card_item_v2 .link_pos .link_arrow        	{ z-index: 10;}
.card_item_v2 .link_pos .link_arrow:after   { width: 100vw; height: calc(100% + 30px); position: absolute; right: 0; bottom: 0; content: "";}
.card_item_v2 p a                           { color: #ffffff; border-color: #ffffff; }

@media (min-width:1201px) {
.card_item_v2 .hover_show 					{ display: block; opacity: 0; visibility: hidden; transition: all 300ms ease-in-out;}
.card_item_v2:hover .hover_show 			{ opacity: 1; visibility: visible;}
.card_item_v2:hover p 						{ color: #fff;}
.card_item_v2:hover a 						{ background-color:var(--mainColor2);}	
.card_item_v2 p a:hover                     { color: #ffffff; border-color: var(--mainColor1Hover); }
}
@media (max-width:1200px) {
.card_item_v2 								{ border-radius: var(--allImgBR)}
.card_item_v2 .wrap							{ padding: 30px 90px 30px 30px;}
.card_item_v2 .sous_titre 					{ font-size: 20px;}
.card_item_v2 .link_pos .link_arrow:after   { height: 100vh;}
}
@media (max-width:700px) {
.card_item_v2 								{ border-radius: var(--allImgBR);}
.card_item_v2 .wrap							{ padding: 0;}
.card_item_v2 .sous_titre 					{ font-size: 20px; margin: 30px}
.card_item_v2 .link_pos                    	{ padding: 10px;}
.card_item_v2 .link_pos .link_arrow        	{ width: 50px; height: 50px;}
.card_item_v2 	p							{ display: none;}

}



/***** assets v1 *****/
.assets_v1 									{ text-align: center; position: relative; padding: clamp(20px, 8vw, 80px) 0; margin: var(--marginTB);}
.assets_v1:before 							{ position: absolute; left: 5vw; right: 5vw; top: 0; bottom: 0; background: var(--bgColorLight); z-index: -1; content: ""; border-radius: var(--allImgBR);}
.assets_v1 .container 						{ display: grid; grid-gap: 20px; position: relative;}
.assets_v1.col_4 .container 				{ grid-template-columns: repeat(4, 1fr);}
.assets_v1 .item img 						{ display: block; margin: 0 auto;}
.assets_v1 .item p 							{ margin: 10px 0 0 0;}

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

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




/***** 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; border-radius: var(--allImgBR); object-fit: cover; aspect-ratio: 3/4; transition: all 300ms ease-in-out;}

@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; border-radius: var(--allImgBR);}
	
}