/***** banner : texte + photos *****/
.banner_txt_img 								{ position: relative; overflow: hidden; padding-top: 160px; margin:0;}
.banner_txt_img .container						{ display: grid; grid-template-columns: 1fr 45%; grid-gap: 100px; align-items: center;}
.banner_txt_img .img   							{ display: block; position: relative; z-index: 5;}
.banner_txt_img .img_1 img  					{ display: block; position: relative; width: 500px; height: auto; border-radius: 25em 25em 40px 40px; margin: 0 auto; object-fit: cover;}
.banner_txt_img .txt 							{ position: relative;}
.banner_txt_img .txt .wrap  					{ max-width: none; text-align: left;}
.banner_txt_img .txt .wrap ul 					{ position: relative; display: block; margin: 30px 0 40px 0; font-size: 18px}

.picto-wrap                                     { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 50; }

.picto-wrap .picto                              { position: absolute; will-change: transform; transition: transform 0.05s linear; display: flex; align-items: center; justify-content: center; background: var(--bgColorLight); border-radius: 50%;}
.picto-wrap .picto img                          { display: block;}

.picto-wrap .picto-casque                       { bottom: 50px; right: 0; width: 100px; height: 100px; }
.picto-wrap .picto-casque img                   { width: 60px; height: auto; }

.picto-wrap .picto-chrono                      { top: 20px; left: -50px; width: 120px; height: 120px; }
.picto-wrap .picto-chrono img                  { width: 70px; height: auto; }

.picto-wrap .picto-retour                      { top: 80px; right: 0; width: 160px; height: 160px; }
.picto-wrap .picto-retour img                  { width: 90px; height: auto; }

.picto-wrap .picto-organisation                { bottom: 80px; left: 30px; width: 140px; height: 140px; }
.picto-wrap .picto-organisation img            { width: 80px; height: auto; }

.bonjour                                        { bottom: 80px; left: 30px; width: 180px; height: 180px; padding: 10px; text-align: center; font: 600 20px / 30px "Lora"; border: 10px solid var(--mainColor1); }

.hwtext_01                                      { position: absolute; top: -240px; left: 35%; width: 200px; height: 200px; z-index: 50;}
.hwtext_01 span                                 { position: relative; color: var(--mainColor3); font: 400 60px/50px Emmeline; text-align: center; display: block}
.hwtext_01 span:before                          { content: "";position: absolute; bottom: -80px; right: 80px;  width: 20px;  height: 60px; background: url(../images/arrow_vertical.svg) 50% center / cover no-repeat;}



.hwtext_02                                      { position: static; margin:0 auto 0 35vw; width: 200px; height: 200px; z-index: 50;}
.hwtext_02 span                                 { position: relative; color: var(--mainColor3); font: 400 60px/50px Emmeline; text-align: center; display: block}
.hwtext_02 span:before                          { content: "";position: absolute; bottom: -80px; right: 80px;  width: 20px;  height: 60px; background: url(../images/arrow_vertical.svg) 50% center / cover no-repeat;}


@media (max-width:1600px) {
.picto-wrap .picto-retour                      { right: -30px; }    
.picto-wrap .picto-organisation                { left: -20px; }    
.hwtext_01                                     { top: -210px;}
}

@media (max-width:1400px) {
.picto-wrap .picto-retour                      { width: 140px; height: 140px; }
.picto-wrap .picto-retour img                  { width: 80px; }

.picto-wrap .picto-organisation                { width: 120px; height: 120px; }
.picto-wrap .picto-organisation img            { width: 60px; } 
}

@media (max-width:1200px) {
.banner_txt_img 								{ padding-top: 120px;}
.banner_txt_img .container						{ grid-gap: 40px;}
.banner_txt_img .container						{ grid-template-columns: 1fr 40%; grid-gap: 100px;}
.banner_txt_img .img_1 img  					{ width: 100%; height: auto;}

.picto-wrap .picto-casque                       { bottom: 30px; right: -30px; width: 80px; height: 80px; }
.picto-wrap .picto-casque img                   { width: 50px; height: auto; }

.picto-wrap .picto-chrono                      { top: 30px; left:0; width: 80px; height: 80px; }
.picto-wrap .picto-chrono img                  { width: 50px; height: auto; }

.picto-wrap .picto-retour                      { top: -10px; right: -20px; width: 100px; height: 100px; }
.picto-wrap .picto-retour img                  { width: 60px; height: auto; }

.picto-wrap .picto-organisation                { bottom: 60px; left: -70px; width: 100px; height: 100px; }
.picto-wrap .picto-organisation img            { width: 60px; height: auto; }
    
.banner_txt_img .txt .wrap ul 					{ margin: 10px 0 30px 0; font-size: 16px}

.bonjour                                        { bottom: 60px; left: -70px; }

}

@media (max-width:1000px) {
.banner_txt_img 								{ padding-top: 100px;}
.banner_txt_img .container						{ grid-template-columns: 1fr; grid-gap: 5vw;}
.banner_txt_img .titre_main						{ margin: 0;}
.banner_txt_img .img   							{ grid-area: 1;}
.banner_txt_img .img_1 img  					{ width: auto; height: 80vw; border-radius: 25em 25em 20px 20px}
.banner_txt_img .txt .wrap   					{ padding: 5vw 0 0 0;}
.banner_txt_img .txt .wrap ul 					{ margin: 20px 0 20px 0; font-size: 16px}
.hwtext_01                                      { display: none;}

.picto-wrap .picto-casque                       { bottom: 130px; right: 70px; width: 100px; height: 100px;}
.picto-wrap .picto-casque img                   { width: 70px;}
.picto-wrap .picto-chrono                       { top: 80px; left:20px; width: 100px; height: 100px;}
.picto-wrap .picto-chrono img                   { width: 70px;}
.picto-wrap .picto-retour                       { top: 50px; right: -10px; width: 140px; height: 140px;}
.picto-wrap .picto-retour img                   { width: 90px;}
.picto-wrap .picto-organisation                 { bottom: 60px; left: 50px; width: 140px; height: 140px;}
.picto-wrap .picto-organisation img             { width: 90px;}

.bonjour                                        { bottom: 60px; left: 50px; }
}

@media (max-width:800px) {
.banner_txt_img .img_1 img                      { width: 100%; height: 80vw; border-radius: 20em 20em 20px 20px; object-fit: cover; object-position: top; }
.picto-wrap .picto-chrono                       { top: 40px;}
.picto-wrap .picto-casque                       { bottom: 100px; right: 40px; }
.picto-wrap .picto-organisation                 { bottom: 60px; left: 10px;}
.bonjour                                        { bottom: -40px; left: 10px; }
}

@media (max-width:700px) {
.hwtext_02                                      { margin-left: 20vw;}    
.banner_txt_img .link							{ width: 100%; text-align: center}
.picto-wrap .picto-casque                       { bottom: 80px; right: 30px; width: 80px; height: 80px;}
.picto-wrap .picto-casque img                   { width: 50px;}
.picto-wrap .picto-chrono                       { top: 80px; left:20px; width: 80px; height: 80px;}
.picto-wrap .picto-chrono img                   { width: 50px;}
.picto-wrap .picto-retour                       { top: 30px; right: -10px; width: 100px; height: 100px;}
.picto-wrap .picto-retour img                   { width: 70px;}
.picto-wrap .picto-organisation                 { bottom: 20px; left: 10px; width: 90px; height: 90px;}
.picto-wrap .picto-organisation img             { width: 60px;}
}

@media (max-width:500px) {
.picto-wrap .picto-casque                       { bottom: 60px; right: -10px; width: 80px; height: 80px;}
.picto-wrap .picto-casque img                   { width: 50px;}
.picto-wrap .picto-chrono                       { top: 30px; left:-10px; width: 80px; height: 80px;}
.picto-wrap .picto-chrono img                   { width: 50px;}
.picto-wrap .picto-retour                       { top: 10px; right: -10px; width: 90px; height: 90px;}
.picto-wrap .picto-retour img                   { width: 60px;}
.picto-wrap .picto-organisation                 { bottom: 20px; left: 10px; width: 90px; height: 90px;}
.picto-wrap .picto-organisation img             { width: 60px;}
.bonjour                                        { bottom: -40px; left: -10px;  width: 160px; height: 160px; padding: 10px; text-align: center; font: 600 16px / 28px "Lora"; border: 10px solid var(--mainColor1); }
}

@media (max-width:400px) {
.picto-wrap .picto-casque                       { bottom: 60px; right: -10px; width: 70px; height: 70px;}
.picto-wrap .picto-casque img                   { width: 40px;}
.picto-wrap .picto-chrono                       { top: 30px; left:-10px; width: 70px; height: 70px;}
.picto-wrap .picto-chrono img                   { width: 40px;}
.picto-wrap .picto-retour                       { top: 10px; right: -10px; width: 80px; height: 80px;}
.picto-wrap .picto-retour img                   { width: 50px;}
.picto-wrap .picto-organisation                 { bottom: -10px; left: 10px; width: 80px; height: 80px;}
.picto-wrap .picto-organisation img             { width: 50px;}
}


/***** assets v1 *****/
.assets_v1 									{ position: relative; padding: 100px 0 80px 0;}
.assets_v1:before							{ position: absolute; width: 94vw; height: 100%; left: auto; right: 3vw; top:0; border-radius:40px;  transition: none; z-index: -1; content: ""; background: var(--bgColorLight)}
.assets_v1 .container 						{ display: grid; grid-gap: 20px; position: relative; text-align: center; margin: 50px 0; }
.assets_v1 .container.col_4 				{ grid-template-columns: repeat(4, 1fr);}
.assets_v1 .item  						    { background: #fff}
.assets_v1 .item img 						{ display: block; margin: 0 auto;}
.assets_v1 .card_item_v1                    { min-height: 340px; display: grid; justify-content: center; align-content: center; justify-items: center;  border-radius: 20px; padding: 50px 40px}
.assets_v1 .card_item_v1.offre              { background: var(--mainColor1); color: #fff}
.assets_v1 .card_item_v1.offre .sous_titre  { color: #fff; font-size:20px; line-height: 28px}


@media (min-width: 1201px){
.assets_v1 .card_item_v1:hover, 
.assets_v1 .card_item_v1.offre:hover         { border-radius: 80px;}
}

@media (max-width:1600px) {
.assets_v1 									{ padding: 70px 0 50px 0;}    
}

@media (max-width: 1200px){
.assets_v1 									{ padding:30px 0;}
.assets_v1:before							{ width: 100%; border-radius:0; right:0}
.assets_v1 .container.col_4					{ grid-template-columns: repeat(3, 1fr);}
.assets_v1 .titre_main						{ display: none}

}
@media (max-width: 1000px){
.assets_v1 .container.col_4					{ grid-template-columns: repeat(2, 1fr); gap: 40px;}
.assets_v1 .card_item_v1                    { height: 100%; border-radius: 10px;}
.assets_v1 .titre_main						{ display: block}
}

@media (max-width: 600px){
.assets_v1 .container.col_4					{ grid-template-columns: 1fr; gap: 20px;}    
.assets_v1 .card_item_v1                    { padding: 20px 40px; min-height: 280px; }
}




/***** bloc txt img *****/
.bloc_items_img 										{ position: relative;}
.bloc_items_img:before									{ position: absolute; left: 0; right: 65%; top: 50%; bottom: -20%; background: var(--bgColorLight); border-radius: 0 40px 40px 0; visibility: visible; transition: none; content: "";}
.bloc_items_img .intro									{ margin: 120px 0 60px 0}
.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 :first-child 			{ margin-top: 0;}
.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: 40px 40px 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:2px solid var(--mainColor1);*/ 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 			{ 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: 60px; height: 60px; background: url("../images/arrow.svg") 100% 50% no-repeat; position: absolute; right: 0; top: -12px; 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;}

.bloc_items_img .list_items .item .icon	lord-icon	    { width: 70px; height: 70px;} 

@media (min-width:1201px) { 
.bloc_items_img .list_items .item:hover .sous_titre 	{ color: var(--mainColor2);}
.bloc_items_img .list_items .item .content>a:hover:after{ background: url("../images/arrow_beige.svg") 100% 50% no-repeat; right: 20px;}
}
@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: 0;}
.bloc_items_img .container .txt .wrap					{ max-width: none;}
.bloc_items_img .container img 							{ display: none}
.bloc_items_img .intro									{ margin-top:60px; margin-bottom: 30px;}
.bloc_items_img .container .img p						{ display: 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;}
.bloc_items_img .list_items .item .content>a:after      { background-size: 40%; top: -16px;}
}
@media (max-width:700px) { 
.bloc_items_img .container	                        	{ grid-gap: 30px;}   
.bloc_items_img .list_items								{ grid-gap: 25px; margin-top: 0}
.bloc_items_img .list_items .item .sous_titre			{ font-size: 20px; line-height: 28px;}
.bloc_items_img .list_items .item .content 				{ padding-bottom: 25px;}
}
@media (max-width:500px) {
.bloc_items_img .list_items .item						{ grid-template-columns: 1fr; grid-gap: 20px;} 
.bloc_items_img .list_items .item .content>a:after      { top: 20px;}
.bloc_items_img .list_items .item .icon					{ width: 80px; height: 80px;}    
.bloc_items_img .list_items .item .icon	lord-icon	    { width: 60px; height: 60px;} 
}




/***** bloc reviews *****/
.bloc_reviews 											{ position: relative; overflow: hidden; margin-top:-120px}
.bloc_reviews .list   									{ position: relative;}
.bloc_reviews .sous_titre   							{ margin-bottom: 30px;}

.card_review 											{ background: var(--bgColorLight); position: relative; padding: 50px 40px; letter-spacing: 0.4px; border-radius: 20px}
.card_review p											{ margin-bottom: 20px;}
.card_review p.author									{ margin-top: 20px; line-height: 20px; font-weight: 600;}
.card_review .note   									{ width: 100px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 5px; margin: 12px 0;}
.card_review .note svg 									{ width: 100%; height: auto; display: block; fill: #ffb504;}

@media (max-width: 1200px){
.card_review p											{ font-size: 13px;}    
}

@media (max-width: 700px){
.card_review 											{ padding: 20px; border-radius: 10px}    
}





/* if slider */
.slider_reviews   										{ margin-right: -30px;}
.slider_reviews .slick-slide 							{ margin: 0 30px 0 0;}
.slider_reviews_nav 									{ position: absolute; right: -12px; top: -70px;}
.slider_reviews_nav .slick-arrow						{ width: 40px;}

.card_review .more  { cursor: pointer; color: var(--mainColor1);}

@media (max-width: 1000px){
.slider_reviews .slick-slide 							    { margin-right: 20px; }
}

@media (max-width: 1400px){
.bloc_reviews 												{ margin: 100px auto;}
}
@media (min-width: 1201px){
.card_review .more:hover                                    { color: var(--mainColor2);}
}
@media (max-width: 1200px){
.bloc_reviews 												{ margin: 80px auto;}
.bloc_reviews .nav_slider 									{ top: -65px;}
.bloc_reviews .item 										{ padding: 25px; min-height: inherit; margin-right: 15px;}
}
@media (max-width: 700px){
.bloc_reviews 												{ margin: 0 auto 50px auto;}
.bloc_reviews ::-webkit-scrollbar 							{ display: none;}
.bloc_reviews .slider 										{ width: 100vw; overflow-x: auto; gap: 10px; display: flex; flex-wrap: nowrap; justify-content: start; align-items: start; padding: 0 6vw; margin: 0 -6vw;}
.bloc_reviews .item 										{ min-width: 300px; padding: 20px; margin: 0;}
.bloc_reviews .item p										{ display: block; font-size: 12px; line-height: 24px;}
.bloc_reviews .item p.author								{ font-size: 14px; line-height: 22px;}
.bloc_reviews .item .note   								{ width: 70px; margin: 10px 0;}
}
@media (max-width: 400px){
.bloc_reviews .item 										{ min-width: 75vw;}
}