.ul_list							{ margin: 20px 0 15px;}
.ul_list li							{ padding: 5px 0 5px 35px; position: relative;font-size: 14px;}
.ul_list li::after  				{ content: ""; background: url(../images/triangle.svg) no-repeat; width: 15px; height: 15px; display: block; left: 0; top: 10px; position: absolute; background-size: contain;}




.banner 							{ width: 100%; height: 100vh; max-height: 950px; min-height: 700px; position: relative; z-index: 10; overflow: hidden;}
.banner .wrapper					{ display: grid; align-items: center; height: 100%; z-index: 20;}

.banner .shape_green 				{ width: 2200px; height: 2200px; clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); background: #2dab66; position: absolute; left: 50%; bottom: 0; margin-left: -480px;}
.banner .img_losange 				{ width: 2200px; height: 2200px; clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); background: #eee; position: absolute; left: 50%; bottom: 0; margin-left: -550px;}
.banner .img_losange .img 			{ width: 80%; height: 50%; position: absolute; left: 8%; bottom: 0; background: url(../images/banner.jpg) 50% 100% /contain no-repeat; z-index: 10;}

.banner .content 					{ padding-top: 200px; width: 50%; position: relative; z-index: 50;}
.banner .content .chapo				{ margin-bottom: 20px; padding-right: 40px;}
.banner .content .link				{ margin-top:10px; font-size: 14px;}
.content_home                       { position:relative; z-index: 15;}

@media (max-width:1600px) {
}

@media (max-width:1200px) {
.banner 							{ height: auto; min-height: inherit; display: contents;}
.banner .wrapper					{ grid-gap: 40px;}
.banner .img_losange 				{ clip-path: none; top: 0; left: 0; right: 0; bottom: 0; padding-top: 100px; width: 100vw; height: 80vh; position: relative; margin: 0 -5vw;}
.banner .img_losange .img 			{ position: relative; top: 0; left: 0; width: 100%; height: 100%; background-size: cover;}
.banner .shape_green 				{ display: none;}
.banner .content 					{ padding-top: 0; padding-right: 0; width: 100%;}
}
@media (max-width:1000px) {
.banner .img_losange 				{ width: 110vw; margin: 0 -12vw;}
}
@media (max-width:600px) {
.banner .img_losange 				{  padding-top: 80px; height: 90vw; width: 100vw; margin: 0 -7.5vw;}
.banner .content					{ padding: 0 0 0;}
.banner .content .chapo             { color: #333e45; font-size: 14px;}
.banner .content .titre_main:after,	
.banner .content p       			{ display: none;}
.banner .content .link				{ display: block; font-size: 12px; }
}



/* part */
.part                               { position: relative;}
.icone                              { margin-bottom: 20px;}
@media (max-width:1000px) {
.part::before 						{ width: 120vw; left: 0; background: #333e45; content: ""; height: 75%; position: absolute; bottom: 0; margin: 0 -12vw;}
.part                               { padding: 80px 0;}
.part .bloc_grid .photo             { display: none;} 
.part .sous_titre                   { font-size: 15px; margin: 0;}     
.part .bloc_grid                    { margin: 0; gap: 0;}   
.part .bloc_grid.first .photo       { display: block;}   
.part .bloc_grid .texte             { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: center; background: #fff; margin-top: 20px; height: 80px; }
.part .bloc_grid .texte .sous_titre { padding: 0 50px 0 20px; }
.part .texte p                      { display: none;}      
.part .texte .ul_list               { display: none;}      
.part .texte .link                  { font-size: 0; background: none; position: absolute; width: 90vw; height: 80px; bottom: 0; left: 0; right: 0; margin: 0; padding: 0 50px 0 20px; background: url("../images/arrow_link.svg") calc(100% - 40px) 50% no-repeat;}  
.icone                              { margin: 0; display: grid; place-items: center;}    
.icone img                          { transform: scale(0.8);}    
}
@media (max-width:600px) {
.part::before 						{ width: 100vw; margin: 0 -7.5vw;}
.part                               { padding: 50px 0;}
.part .photo img                    { max-height: 320px; object-fit: cover;}
.part .texte .link                  { width: 85vw;}  
}

.bandeau_1                          { position: relative;z-index: 30; color: #333e45; max-width: 680px; margin: 110px auto 90px; text-align: center; font-size: 22px; line-height: 38px;}
.bandeau_1 span                     { color: #2dab66;}


/* ABOUT */
.about                              { position: relative; z-index: 30;}
.about .texte                       { padding-top: 120px;}
.about .bg_about                    { position: absolute;width: 100%; height: 100%; object-fit: cover; }
.about .content                     { background: #fff; width: 50%; padding: 70px 85px 60px; z-index: 10; position: relative;}
.about .titre_main                  { margin-bottom: 20px; color: #2dab66;}
.about .content .link               { margin: 30px 5px 0 0; font-size: 12px;}
.bandeau_2                          { background: #333e45; position: absolute; width: 100%; padding: 50px; bottom: 0;}
.bandeau_2 .contenu                 { color: #fff; display: grid; grid-template-columns: 1fr 1fr;}
.bandeau_2 .contenu p               { padding: 0 70px; margin: 0; grid-area: 1/2; font-size: 18px;}
@media (max-width:1200px) {
.about .content                     {  padding: 50px 50px 60px;}
}
@media (max-width:1000px) {
.about .texte                       { padding: 0;}
.about .bg_about                    { position: relative; height: 500px; object-position: right;}
.about .content                     { width: 100%; padding: 30px 0 0 ;}
.bandeau_1                          { margin: 80px auto;}
.bandeau_2                          { position: relative; margin: 80px 0;}
.bandeau_2 .contenu                 { display: block; }
.bandeau_2 .contenu p               { display: block; padding: 0; text-align: center;}
}
@media (max-width:600px) {
.about .bg_about                    { height: 360px;}
.group_link                         { display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.about .content .link               { margin: 10px 0 0;}
.about .content                     { padding: 20px 0 0;}
.bandeau_1                          { display: none;}
.bandeau_2                          { margin: 50px 0; padding: 30px 0; font-size: 16px;}
.about .titre_main                  { font-size: 18px; line-height: 26px; margin-bottom: 10px;}
}





.atouts                             { margin: clamp(40px, 3vw, 120px) auto;}
.atouts .bg_color_1                 { margin: clamp(15px, 1.5vw, 30px) auto; padding: clamp(20px, 2.5vw, 50px); background-color: #eee; /*box-shadow: 5px 5px 0px 0px #2dab66; */ }
.atouts .bg_color_1 .sous_titre     { font-size: 18px; }
.atouts .bg_color_1 .ul_list        { columns: 2; }