/***** banner *****/
.banner 								{ position: relative; padding-top: 140px; grid-gap: 0; margin: 0;}
.banner:before 							{ width: 1200px; height: 1200px; border-radius: 50%; position: absolute; top: 200px; left: -950px; background: #d7ecee; content: "";}
.banner .photo  						{ width: 115%; margin-left: -15%;}
.banner .photo .rounded 				{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 340px; padding: 20px; background: rgba(255, 255, 255, 0.5); z-index: 15; margin: 0 0 0 5%;}
.banner .photo .rounded:after			{ display: none;}
.banner .texte							{ background: #2b7172; color: #fff; border-radius: 30px; padding: 70px 80px; z-index: 100; overflow: hidden;}
.banner .texte:after					{ width: 335px; height: 360px; background: url("../images/shape_c.svg") 50% no-repeat; position: absolute; right: -150px; bottom: -150px; opacity: 0.25; content: "";}
.banner .texte .titre_main 				{ font-size: 50px; line-height: 40px; color: #fff;}
.banner .texte .sous_titre 				{ font-size: 22px; color: #fff; margin-bottom: 20px;}
.banner .texte .ul_check li 			{ font-size: 16px; background-position: 0 8px;}

@media (max-width:1400px) {
.banner   								{ align-items: stretch;}
.banner:before 							{ display: none;}
.banner .photo  						{ width: 100%; margin-left: 0; height: 100%;}
.banner .photo>img 						{ height: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.banner .photo .rounded 				{ margin: 0; width: 300px;}
.banner .texte							{ padding: 70px; border-top-right-radius: 0; border-bottom-right-radius: 0; display: grid; align-items: center;}
.banner .texte .sous_titre 				{ font-size: 20px; margin-bottom: 15px;}
.banner.animate .photo  				{ opacity: 1;}
}
@media (max-width:1200px) {
.banner 								{ padding-top: 110px;}
.banner .photo .rounded 				{ width: 280px; padding: 15px;}
.banner .texte							{ padding: 50px; border-bottom-left-radius: 20px; border-top-left-radius: 20px;}
.banner .texte .titre_main 				{ font-size: 40px;}
.banner .texte .sous_titre 				{ font-size: 18px; margin-bottom: 10px;}
}
@media (max-width:1000px) {
.banner 								{ margin-top: 110px; padding: 0; border-radius: 20px; overflow: hidden;}
.banner .photo  						{ padding: 0;}
.banner .photo>img 						{ border-radius: 0; height: 450px; object-position: 50% 75%;}
.banner .texte							{ padding: 50px; border-radius: 0;}
}
@media (max-width:600px) {
.banner 								{ margin: 74px -7.5vw 0 -7.5vw; border-radius: 0;}
.banner .photo>img 						{ height: 80vw;}
.banner .photo .rounded 				{ width: 200px; padding: 10px; border-radius: 50%;}
.banner .photo .rounded img	 			{ height: auto; border-radius: 50%; border: 5px solid #fff;}

.banner .texte							{ padding: 35px 7vw;}
.banner .texte:after					{ transform: scale(0.8); right: -180px; bottom: -160px;}
.banner .texte .titre_main 				{ font-size: 30px; line-height: 30px;}
.banner .texte .sous_titre 				{ font-size: 16px;}
.banner .texte .ul_check li 			{ font-size: 13px; background-position: 0 6px;}
}



/***** intro *****/
.intro 									{ max-width: 700px; margin: 100px auto;}
.intro .chapo:before					{ right: 60px; bottom: -10px;}

@media (max-width:1200px) {
.intro 									{ margin: 80px auto; text-align: center;}
.intro .chapo:after 					{ left: 50%; margin-left: -20px; top: -35px;}
.intro .chapo:before 					{ display: none;}
}
@media (max-width:1000px) {
.intro 									{ margin: 80px auto 60px auto;}
}
@media (max-width:600px) {
.intro 									{ display: none;}
}



/***** bloc grid *****/
.home_grid								{ margin: 120px 0; grid-template-columns: 1fr 50%;}
.home_grid.reverse 						{ grid-template-columns: 50% 1fr;}
.home_grid.reverse:before 				{ width: 1200px; height: 1200px; border-radius: 50%; position: absolute; top: -40%; /*right: -1000px;*/ left: 82.5%; background: #d7ecee; z-index: -1; content: "";}
.home_grid.reverse .rounded:after		{ filter: brightness(200);}
.home_grid .texte p>a 					{ border-bottom: 1px solid #bbb; padding-bottom: 2px;}

@media (min-width:1201px) {
.home_grid .texte p>a:hover				{ border-color: #2b7172; color: #2b7172;}
}
@media (max-width:1400px) {
.home_grid								{ margin: 100px 0;}
}
@media (max-width:1200px) {
.home_grid								{ margin: 80px 0; align-items: start; grid-template-columns: 1fr 55%; grid-gap: 40px;}
.home_grid.reverse 						{ grid-template-columns: 55% 1fr;}
.home_grid.reverse:before 				{ width: 900px; height: 900px; right: auto; left: 75%;}
}
@media (max-width:1000px) {
.home_grid								{ margin: 60px 0; grid-template-columns: 1fr; grid-gap: 60px;}
.home_grid.reverse 						{ grid-template-columns: 1fr; margin: -15px 0; grid-gap: 30px;}
.home_grid.reverse:before 				{ left: 65%;}
.home_grid .photo 						{ padding: 0; margin: 0;}
}
@media (max-width:600px) {
.home_grid								{ margin: 40px 0; grid-gap: 30px;}
.home_grid .macaron   					{ width: 130px; height: 130px; font-size: 13px; line-height: 20px; left: auto; right: 20px; margin: 0; bottom: -25px; border: 5px solid #fff;}
.home_grid .texte p:last-of-type 		{ display: none;}
.home_grid .texte p>a 					{ font-size: 14px; font-weight: 700; color: #f08a44; border-bottom: none; padding-bottom: 0;}
.home_grid.reverse 						{ margin: 0; grid-gap: 30px; padding: 40px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.home_grid.reverse:before 				{ display: none;}
.home_grid.reverse .rounded 			{ margin: 0;}
.home_grid.reverse .macaron 			{ left: auto; right: 20px; margin: 0;}
}



/***** services *****/
.services								{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 40px; text-align: center; margin: 120px 0; position: relative; z-index: 100;}
.services .item  						{ position: relative;}
.services .item .row					{ display: block; padding: 50px 0 40px 0; border-radius: 20px; background: #fff; box-shadow: 0 15px 40px 0 rgb(144 207 211 / 30%); transition: all 300ms ease-in-out;}
.services .item .row span				{ display: block; margin-top: 5px; color: #2b7172;}
.services .item p						{ position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); width: 480px; background: #2b7172; color: #fff; padding: 35px 40px; border-radius: 20px; opacity: 0; visibility: hidden; transition: all 300ms ease-in-out; margin-bottom: 30px;}
.services .item p a						{ border-bottom: 1px solid #fff; padding-bottom: 2px; color: #fff;}
.services .item:hover p					{ opacity: 1; visibility: visible;}

@media (min-width:1201px) {
.services .item p:after 				{ width: 10px; height: 10px; position: absolute; left: 50%; bottom: -5px; margin: 0 0 0 -5px; transform: rotate(45deg); background: #2b7172; content: "";}
.services .item:hover .row 				{ transform: translateY(-15px);}
.services .item:hover p					{ margin-bottom: 15px;}
.services .item p a:hover 				{ color: #76bfc1; border-color: #76bfc1;}
}
@media (max-width:1400px) {
.services								{ margin: 100px 0;}
.services:before 						{ display: none;}
}
@media (max-width:1200px) {
.services								{ grid-gap: 30px; margin: 80px 0;}
.services .item  						{ position: static;}
.services .item.fade_right				{ transform: none;}
.services .item .row					{ padding: 40px 0 30px 0; background: #fff; box-shadow: 0 10px 30px 0 rgb(144 207 211 / 30%); transition: all 300ms ease-in-out;}
.services .item .row img				{ width: auto; height: 80px;}
.services .item .row span				{ line-height: 20px;}
.services .item p						{ left: 0; bottom: 100%; transform: none; width: 90vw; margin-bottom: 30px;}
}
@media (max-width:1000px) {
.services								{ grid-template-columns: repeat(2, 1fr); margin: 70px 0;}
}
@media (max-width:600px) {
.services								{ grid-template-columns: 1fr; margin: 35px -7vw 0 -7vw; padding: 45px 7vw; background: #d7ecee; text-align: left; grid-gap: 15px;}
.services:after 						{ width: 10px; height: 10px; position: absolute; left: 50%; top: -5px; margin: 0 0 0 -5px; transform: rotate(45deg); background: #d7ecee; z-index: -1; content: "";}
.services .item  						{ position: relative;}
.services .item .row					{ padding: 15px 18px 15px 20px; border-radius: 10px; box-shadow: none; display: grid; grid-template-columns: 60px 1fr; align-items: center; grid-gap: 20px; background: url("../images/plus_green.svg") right+20px center no-repeat #fff;}
.services .item .row img				{ height: 50px; margin: 0 auto; display: block;}
.services .item .row span				{ margin: 0 0 2px 0; padding-right: 40px; font-size: 14px;}
.services .item p						{ width: 86vw; margin-bottom: 0; border-radius: 10px; /*border-bottom: 10px solid #fff;*/ padding: 25px;}
}



/***** formations ateliers *****/
.formations_ateliers				    { position: relative; z-index: 10; color: #fff;}
.formations_ateliers:before 			{ width: 200vw; position: absolute; left: -50vw; top: 50%; bottom: 0; background: #d7ecee; z-index: -1; content: "";}
.formations_ateliers .row			    { position: relative; background: #2b7172; padding: 80px; border-radius: 30px; overflow: hidden; text-align: center;}
.formations_ateliers .row:after			{ width: 335px; height: 360px; background: url("../images/shape_c.svg") 50% no-repeat; position: absolute; right: -150px; bottom: -150px; opacity: 0.25; content: "";}
.formations_ateliers .row:before		{ width: 335px; height: 360px; background: url("../images/shape_c.svg") 50% no-repeat; position: absolute; left: -150px; top: -150px; opacity: 0.25; transform: scaleX(-1); content: "";}
.formations_ateliers .titre_main 		{ color: #fff;}
.formations_ateliers p		   			{ max-width: 700px; margin: 0 auto;}
.formations_ateliers .link			    { background: #fff; color: #2b7172; margin-top: 25px;}

@media (min-width:1201px) {
.formations_ateliers .link:hover 		{ color: #f08a44;}
}
@media (max-width:1200px) {
.formations_ateliers .row			    { padding: 60px; border-radius: 20px;}
}
@media (max-width:1000px) {
.formations_ateliers .row			    { padding: 50px; text-align: left;}
.formations_ateliers .row:before		{ display: none;}
}
@media (max-width:600px) {
.formations_ateliers				    { margin: 0 -7vw;}
.formations_ateliers:before 			{ display: none;}
.formations_ateliers .row			    { padding: 40px 7vw; border-radius: 0;}
.formations_ateliers .row:after			{ display: none;}
.formations_ateliers .link			    { margin-top: 20px;}
}



/***** avis *****/
.home_avis 							    { position: relative; padding-top: 90px; z-index: 5;}
.home_avis .titre_main				    { z-index: 10; color: #2b7172;}
.home_avis .wrap_slider 				{ position: relative;}
.home_avis .wrap_slider:before 			{ width: 200vw; position: absolute; left: -50vw; top: -200px; bottom: 50%; background: #d7ecee; z-index: -1; content: "";}
.home_avis .slider 					    { margin-top: 45px; width: 2000px; max-height: 500px;}
.home_avis .slider .slick-list			{ overflow: visible;}
.home_avis .slider .item 				{ margin-right: 40px; float: none; display: inline-block; vertical-align: top; max-width: 560px;}
.home_avis .nav_slider 				    { position: absolute; right: -15px; top: 85px; z-index: 10;}

@media (max-width:1400px) {
.home_avis 							    { padding-top: 80px;}
.home_avis .slider 					    { max-height: 600px;}
.home_avis .slider .item 				{ max-width: 500px;}
.home_avis .nav_slider 				    { top: 75px;}
}
@media (max-width:1200px) {
.home_avis 							    { padding-top: 70px;}
.home_avis .slider 					    { margin-top: 40px; max-height: 650px;}
.home_avis .slider .item 				{ margin-right: 30px; max-width: 400px;}
.home_avis .nav_slider 				    { top: 65px;}
}
@media (max-width:1000px) {
.home_avis 							    { padding-top: 60px;}
.home_avis .slider 					    { margin-top: 35px;}
.home_avis .nav_slider 				    { top: 55px;}
}
@media (max-width:600px) {
.home_avis 							    { padding: 35px 0 40px 0; background: #d7ecee;}
.home_avis:before 						{ width: 200vw; position: absolute; left: -50vw; top: 0; bottom: 0; background: #d7ecee; z-index: -1; content: "";}
.home_avis .wrap_slider:before 			{ display: none;}
.home_avis .slider 					    { margin-top: 30px; max-height: none;}
.home_avis .slider .item 				{ margin-right: 15px; max-width: 82vw;}
.home_avis .nav_slider 				    { top: 25px;}
}