/***** banner *****/
.banner                             { position: relative; z-index: 1; padding: 120px 0 80px 0; overflow: hidden}
/*.banner:before						{ position: absolute; left: 0; right:50%; top: 200px; bottom: -300px; background: var(--mainColor1); border-radius: 0; visibility:visible; transition: none; content: ""; z-index:-10;}*/
.banner .wrapper                    { display: grid; grid-template-columns: 530px auto; gap: 80px;}
.banner .texte                      { padding-top: 150px;}
.banner .slider                     { width: 1820px; border-radius: 20px 0 0 20px;}
.banner .slider img                 { width: 100%; height: auto; display: block; border-radius: 20px;}
.banner .swiper-slide               { width: 980px;}
.banner .devis                      { margin-top: 30px;}
.wrapnav                            { display: grid; grid-template-columns: 65px 65px; position: absolute; bottom: -20px; left: 450px; border-top: none;}
.wrapnav .arrownav                  { width: 65px; height: 65px; background-position: center; background-color: transparent; background-repeat: no-repeat; cursor: pointer; transition: all ease-in-out 400ms; border-radius: 10px;}
.wrapnav .arrownav_prev             { background-image: url(../images/arrow_prev.svg); }
.wrapnav .arrownav_next             { background-image: url(../images/arrow_next.svg);}

@media (min-width:1201px) {
.wrapnav .arrownav_prev:hover       { filter: brightness(0);}
.wrapnav .arrownav_next:hover       { filter: brightness(0);}
}
@media (max-width:1600px) {
.banner .slider                     { width: 1420px;}
.banner .swiper-slide               { width: 700px; height: 600px;}
.banner .swiper-slide img           { height: 100%; object-fit: cover;}
}
@media (max-width:1200px) {
.banner                             { padding-top: 100px;}
.banner .wrapper                    { gap: 50px; grid-template-columns: 450px auto;} 
.banner .slider                     { width: 1020px;}
.banner .texte                      { padding-top: 100px;}
.banner .titre_main                 { font-size: 30px;}
.banner .swiper-slide               { width: 500px; height: 600px;}
.wrapnav                            { left: 337px;}
}

@media (max-width:1000px) {
.banner                             { padding-bottom: 60px ;}
.banner .wrapper                    { max-width: initial; grid-template-columns: 1fr; gap: 20px; max-width: 750px;}
.wrapnav                            { display: none;}
.banner .swiper-slide               { width: 100%; height: 60vh;}
.banner .slider                     { width: 100%; grid-area: 1;}
.banner .texte                      { padding: 0;}
.banner .titre_main                 { font-size: 35px; line-height: 40px;}
}
@media (max-width:700px) {
.banner                             { text-align: center; padding-bottom: 0; gap: 20px;}
.banner .devis                      { padding: 0 20px; background: var(--bgColorLight); min-height: 50px; font-size: 15px;}
.banner .chapo                      { display: none;}
.banner .content                    { padding: 30px 0 60px;}
.banner .slider img                 { width: 100%; height: 50vh; object-fit: cover}
.banner .swiper-slide               { height: 50vh;}
}




/* swipe mobile */ 
@media (max-width:700px) {
.swipe_mobile .container 								{ display: flex; gap: 10px; width: 100vw; margin-left: -5vw; overflow-x: auto; padding: 0 5vw 5vw 5vw;}
.swipe_mobile .container:before							{ width: 5vw; height: 4px; background: var(--bgColorLight); position: absolute; left: -5vw; bottom: 0; content: "";}
.swipe_mobile .container:after							{ width: 5vw; height: 4px; background: var(--bgColorLight); position: absolute; right: -5vw; bottom: 0; content: "";}
.swipe_mobile .container::-webkit-scrollbar 			{ width: 4px; height: 4px; background-color: #fff;}
.swipe_mobile .container::-webkit-scrollbar-thumb		{ background-color: var(--mainColor1);}
.swipe_mobile .container .item 							{ min-width: clamp(280px, 75vw, 360px);}
}


/***** card item : img + txt */
.card_item_v1								{ border-radius: var(--allImgBR); background: #fff; overflow: hidden; position: relative; color: var(--mainColor2);}
.card_item_v1 .wrap							{ padding: 40px;}
.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: 40px; line-height: 50px;}
.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								{ box-shadow: none;}
.card_item_v1 .wrap							{ padding: 30px;}
.card_item_v1 .sous_titre 					{ font-size: 30px;}
}
@media (max-width:700px) {
.card_item_v1 .wrap							{ padding: 20px;}
}



/***** photos *****/

.galery						                { padding: var(--marginTB);}
.galery_grid						        { display: grid; grid-gap:40px; text-align: center; grid-template-columns: repeat(3, 1fr); position: relative;  margin: 0 auto; width: 90vw}
.galery	.sous_titre					        { display: block; text-align: center; margin-bottom: 40px}

@media (max-width:1200px) {
.galery_grid					            { grid-template-columns: 1fr 1fr;}
.galery .item:nth-child(1)	                { display: none;}
}

@media (max-width:1000px) {
.galery_grid					            { grid-template-columns: 1fr;}
.galery	.sous_titre					        {  display: none;}
}



/***** assets v1 *****/
.assets_v1 									{ text-align: center; position: relative; margin: var(--marginTB);}
/*.assets_v1:before 							{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--bgColorLight); z-index: -1; content: "";}*/
.assets_v1 .container 						{ display: grid; grid-gap: 20px; position: relative;}
.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 img 						{ display: block; margin: 0 auto;}
.assets_v1 .item p 							{ margin: 10px 0 0 0;}

@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);}
.assets_v1 .item img 						{ width: 50px; height: 50px}
}



/***** bloc txt img *****/
.bloc_items_img 										{ position: relative; margin: var(--marginTB);}
/*.bloc_items_img:before									{ position: absolute; left: 0; right: 70%; top: 20%; bottom: 30%; background: var(--mainColor2); border-radius:0 30px 30px 0; visibility: visible; transition: none; content: "";}*/
.bloc_items_img .container	                        	{ display: grid; grid-template-columns: 40% 1fr; grid-gap: 0 80px; align-items: center; position: relative;}
.bloc_items_img .container>.item						{ position: relative;}
.bloc_items_img .container>.item :last-child 			{ margin-bottom: 0;}
.bloc_items_img .container .txt .wrap					{ display: inline-block; text-align: left;}
.bloc_items_img .container .img p						{ text-align: center; margin-top: 30px; font-size: 22px; line-height: 28px;}
.bloc_items_img .container img 							{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10; border-radius: var(--allImgBR);}
.bloc_items_img .container p               				{ margin-bottom: 15px;}

.bloc_items_img .list_items								{ display: grid; grid-gap: 40px;}
.bloc_items_img .list_items .item 						{ display: grid; grid-template-columns: auto 1fr; grid-gap: 40px; align-items: start; position: relative;}
.bloc_items_img .list_items .item .icon					{ width: 120px; height: 120px; background: #fff; border-radius: 50%; padding: 25px; display: grid; align-items: center; justify-content: center; transition: all 200ms ease-in-out;}
.bloc_items_img .list_items .item .icon img				{ aspect-ratio: auto; border-radius: 0;}
.bloc_items_img .list_items .item .sous_titre 			{ font-size: 30px; line-height: 38px; margin-bottom: 10px; transition: color 200ms ease-in-out;}
.bloc_items_img .list_items .item .content 				{ border-bottom: 1px solid #ccc; padding-bottom: 40px;}
.bloc_items_img .list_items .item:last-child .content 	{ border: none; padding-bottom: 0;}
.bloc_items_img .list_items .item .content>a 			{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; font-size: 0; z-index: 15;}
.bloc_items_img .list_items .item .content>a:after 		{ width: 20px; height: 28px; background: url("../images/arrow_link.svg") 100% 50% no-repeat; filter: invert(1); position: absolute; right: 0; top: 0; content: "";}
.bloc_items_img .list_items .item .content p 			{ margin: 0;}
.bloc_items_img .list_items .item .content p a			{ z-index: 20;}

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

.bloc_items_img .firstpic	 					        { position: absolute; top:100px; right: 0; }
.bloc_items_img .secondpic	 					        { position: absolute; top:-100px; left: -250px; aspect-ratio:3/3}


@media (min-width:1201px) { 
.bloc_items_img .list_items .item:hover .sous_titre 	{ color: var(--mainColor1);}
.bloc_items_img .list_items .item:hover .icon 			{ transform: scale(1.075);}
}
@media (max-width:1200px) { 
.bloc_items_img:before									{ display: none}
.bloc_items_img .container .item.img img:nth-child(2)	{ display: none;}
.bloc_items_img .container	                        	{ grid-gap: 0 40px; grid-template-columns: 35% 1fr;}
.bloc_items_img .list_items								{ grid-gap: 30px;}
.bloc_items_img .list_items .item						{ grid-gap: 20px;}
.bloc_items_img .list_items .item .icon					{ width: 90px; height: 90px; padding: 15px;}
.bloc_items_img .list_items .item .content 				{ padding-bottom: 30px;}
.bloc_items_img.reverse .container 						{ grid-template-columns: 1fr 35%;}
.bloc_items_img .firstpic	 					        { top:0;}

}
@media (max-width:1000px) { 
.bloc_items_img .container .item.img img	    { position:relative; width: 100%; height: 60vh; object-fit: cover;}
.bloc_items_img .firstpic   { top: inherit; left:inherit ;}
.bloc_items_img .container 								{ grid-template-columns: 1fr; grid-gap: 50px;}
.bloc_items_img .container .txt .wrap					{ max-width: none;}

.bloc_items_img.reverse .container 						{ grid-template-columns: 1fr;}
.bloc_items_img.reverse .container>.item:last-child		{ grid-area: 2;}
.bloc_items_img.reverse .container>.item:first-child    { grid-area: 1;}
}
@media (max-width:700px) { 
.bloc_items_img .container	                        	{ grid-gap: 30px; margin-top: 60px}
.bloc_items_img .container .item:nth-child(1)	        { display: none;}
.bloc_items_img .container .img p						{ margin-top: 20px; font-size: 18px; line-height: 24px;}
.bloc_items_img .container p               				{ margin-bottom: 10px;}


.bloc_items_img .list_items								{ grid-gap: 25px;}
.bloc_items_img .list_items .item						{ display: block;}
.bloc_items_img .list_items .item .icon					{ width: 50px; height: 50px; padding: 0; background: none; position: absolute; left: 0; top: 0;}
.bloc_items_img .list_items .item .icon img				{ filter: invert(0);}
.bloc_items_img .list_items .item .sous_titre			{ font-size: 25px; line-height: 25px; min-height: 40px; display: grid; align-items: center; padding: 0 30px 0 60px; margin-top: 5px; margin-left: 5px;}
.bloc_items_img .list_items .item .content 				{ padding-bottom: 25px;}
.bloc_items_img .list_items .item .content>a:after 		{ width: 30px; height: 30px; border-radius: 50%; background-position: -5px 50%; background-color: var(--mainColor1); filter: invert(0); top: 5px;}
}