/***** banner : texte + photos *****/
.banner_txt_img 								{ position: relative; overflow: hidden; padding-top: 140px; margin:0;}
.banner_txt_img:before                          { position: absolute; width: 94vw; max-width: calc(47vw + 680px); left: auto; right: 3vw; top: 68%; bottom: 0; background: var(--bgColorLight); border-radius: 40px 40px 0 0; visibility: visible; transition: none; z-index: -1; content: "";}
.banner_txt_img .container						{ display: grid; grid-template-columns: 1fr 55%; grid-gap: 60px; 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(--allImgBR); aspect-ratio: 3/2; background: #fff;}
.banner_txt_img .img .img_1 img					{ aspect-ratio: 1/1;}
.banner_txt_img .img .img_3						{ grid-column: span 2;}
.banner_txt_img .img .img_2:after				{ width: clamp(80px, 3vw, 50px); height: auto; aspect-ratio: 40/50; position: absolute; right: 40%; top: -40%; background: url("../images/stars.svg") center / contain no-repeat; content: ""; }
.banner_txt_img .img .img_3:after				{ width: clamp(30px, 3vw, 50px); height: auto; aspect-ratio: 40/50; position: absolute; right: 80%; bottom: 50%; background: url(../images/star.svg) center / contain no-repeat; content: ""; }
.banner_txt_img .img .img_3 img					{ width: 60%; margin-left: 25%;}

.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: 20px;}
.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:1400px) {
.banner_txt_img:before                          { width: 100%; max-width: none; left: 0; right: 0; border-radius: 0;}

}
@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:before 							{ top: 0; bottom: 12vw;}
.banner_txt_img .container						{ grid-template-columns: 1fr; grid-gap: 5vw;}
.banner_txt_img .titre_main						{ margin: 0;}
.banner_txt_img .img   							{ grid-area: 2;}
.banner_txt_img .txt .wrap   					{ text-align: center; padding: 5vw 0 0 0;}
.banner_txt_img .multi_links					{ display: none;}
}
@media (max-width:700px) {
.banner_txt_img 								{ padding-top: 0;}
.banner_txt_img .img .img_2:after				{ right: 30%; top: -70%;}
.banner_txt_img .container						{ grid-gap: 6vw;}
.banner_txt_img .txt .wrap   					{ padding: 6.5vw 0 0 0;}
}



/***** quote : txt + img *****/
.quote_txt_img:before									{ width: 94vw; max-width: calc(47vw + 680px); left: auto; right: 3vw; border-radius: 0 0 40px 40px; visibility: visible;}
.chapo		 											{ font-size: clamp(14px, 2.4vw, 16px);}

@media (max-width:1400px) {
.quote_txt_img:before 									{ width: 100%; max-width: none; left: 0; right: 0; border-radius: 0;}
}
@media (max-width:1200px) { 
.quote_txt_img:before									{ width: auto; max-width: none; left: 0; right: 0; border-radius: 0;}
}
@media (max-width:1000px) { 
.quote_txt_img:before									{ display: none;}
}



/***** bloc txt img *****/
.bloc_items_img 										{ position: relative; margin: var(--marginTB);}
.bloc_items_img:before									{ position: absolute; left: 0; right: 65%; top: 120px; bottom: -60px; background: var(--bgColorLight); border-radius: 0 40px 40px 0; visibility: visible; transition: none; content: "";}
.bloc_items_img .intro									{ margin-bottom: 80px}
.bloc_items_img .container	                        	{ display: grid; grid-template-columns: 40% 1fr; grid-gap: 0 80px; align-items: start; 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;}
.bloc_items_img .container img 							{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10; aspect-ratio: 3/4; border-radius: 60px 60px 25em 25em;}
.bloc_items_img .container p               				{ margin-bottom: 15px;}

.bloc_items_img .list_items								{ display: grid; grid-gap: 40px; margin-top: 60px}
.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: var(--bgColorLight); border-radius: 50%; padding: 0; 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; filter: invert(1);}
.bloc_items_img .list_items .item .sous_titre 			{ font-size: 20px; line-height: 28px; 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: 1;}
.bloc_items_img .list_items .item .content>a:after 		{ width: 20px; height: 28px; background: url("../images/arrow_link.svg") 100% 50% no-repeat; 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: 65%; border-radius: 40px 0 0 40px; }
.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;}

@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 .container	                        	{ grid-gap: 0 60px; grid-template-columns: 35% 1fr;}
.bloc_items_img:before,	.bloc_items_img.reverse:before	{ display: none;}
.bloc_items_img .list_items								{ grid-gap: 30px;}
.bloc_items_img .list_items .item						{ grid-gap: 30px;}
.bloc_items_img .list_items .item .icon					{ width: 100px; height: 100px;}
.bloc_items_img .list_items .item .content 				{ padding-bottom: 30px;}
.bloc_items_img.reverse .container 						{ grid-template-columns: 1fr 35%;}
}
@media (max-width:1000px) { 
.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;}
.bloc_items_img .intro									{ display: none}
.bloc_items_img .container .img p						{ display: none;}
.bloc_items_img .container p               				{ margin: 10px 0;}
.bloc_items_img .container img 							{ width: 100%; height: 300px; object-fit: cover; display: block; position: relative; z-index: 10; border-radius: var(--allImgBR);}

    
.bloc_items_img .list_items .item .content p 			{ margin: 20px 0;}

.bloc_items_img .list_items								{ grid-gap: 25px; margin-top: 0}
.bloc_items_img .list_items .item						{ display: block;}
.bloc_items_img .list_items .item .icon					{ width: 40px; height: 40px; 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: 16px; line-height: 20px; min-height: 40px; display: grid; align-items: center; padding-left: 60px;}
.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%; filter: invert(0); top: 5px;}
}


/***** pop-info *****/
.popup_info     				        { position: fixed; bottom: 2vw; right: 2vw; background: var(--mainColor2); padding: 20px 60px 20px 30px; text-align: left; display: none; z-index: 99999; max-width: 450px; color: #fff; border-radius: 20px}

.popup_info p                           { margin-bottom: 0; font-size: 13px;}

.popup_info_close 			            { position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; cursor: pointer; transition: all 400ms ease-in-out; background: url(../images/close.svg) center no-repeat;}
.popup_info a.link-popup                { padding: 10px 20px; background: #ffffff; margin: 8px 4px; color: #ec875d; display: inline-block; font-size: 12px; border-radius: 20px}

@media (max-width:1600px) {
.popup_info     				        { max-width: 600px; }
}

@media (min-width:1201px) {
.popup_info_close:hover                 { opacity: 0.5;}
.popup_info a.link-popup:hover          { background:#ec875d; color: #ffffff;}
}
@media (max-width:700px) {
.popup_info     				        { position: relative; bottom: inherit; right: inherit; background: #fff; color: var(--mainColor3); padding: 30px 5vw; text-align: left; display: block; z-index: 100; box-shadow: none; max-width: inherit;}
.popup_info_close 			            { display: none;}
.popup_info a.link-popup                { padding: 10px 20px; background: var(--mainColor1); margin: 8px 4px; color: #fff; display: inline-block; font-size: 12px; border-radius: 20px}
}