/***** banner *****/
banner                			{ width: 100%; height: 96vh; display: block; position: relative;}
banner picture img    			{ width: 100%; height: 100%; object-fit: cover; display: block;}
banner h1             			{ position: absolute; z-index: 10; left: 0; width: 100%; text-align: center; top: calc(50% - 15px); transform: translateY(-50%); color: var(--colorWhite); font-family: var(--fontScript);}
banner .bloc_avis      			{ position: absolute; z-index: 20; right: 0; top: calc(50% - 40px); transform: translateY(-50%); background: #60a6b7; width: 80px; height: 80px; color: var(--colorWhite); font-weight: 600; border-top-left-radius: 10px; border-bottom-left-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; display: none;}
banner .bloc_avis img  			{ width: 25px; height: auto; margin-bottom: 10px;}
banner .meteo     				{ position: absolute; z-index: 20; left: calc(4vw - 20px); bottom: calc(4vw + 15px); width: 100px;}
banner .meteo>div     			{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}

@media (max-width:700px) {
banner           				{ height: auto; margin-top: 70px;}
banner picture img    			{ height: auto;}
banner .bloc_avis      			{ width: 64px; height: 64px; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
banner .bloc_avis img  			{ width: 18px; margin-bottom: 8px;}
banner .meteo     				{ left: calc(6vw - 20px); bottom: 5vw; transform: scale(0.8);}
}





/***** bloc alert *****/
.bloc_alert     				{ width: 90vw; max-width: 1040px; display: block; margin: var(--marginBloc); border-radius: 20px; color: var(--colorWhite); text-align: center; background: url("../images/vague-2.svg") center center no-repeat var(--color-3); padding: 50px;}
.bloc_alert .picto 				{ border-radius: 50%; background: var(--color-2); width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 10; left: 60px; top: -50px;}
.bloc_alert p      				{ margin-top: 15px;}

@media (max-width:1200px) {
.bloc_alert     				{ border-radius: 15px; background: var(--color-3); padding: 40px;}
.bloc_alert .picto 				{ width: 80px; height: 80px; left: 40px; top: -40px;}
.bloc_alert .picto img 			{ width: 50px; height: auto;}
.bloc_alert p      				{ margin-top: 10px;}
}
@media (max-width:700px) {
.bloc_alert                   	{ border-radius: 10px; padding: 40px 20px 20px 20px; text-align: left;}
.bloc_alert .picto            	{ left: 30px; top: -30px; width: 60px; height: 60px;}
.bloc_alert .picto img 			{ width: 36px;}
.bloc_alert p      				{ margin-top: 8px;}
}





/***** bloc *****/
.bloc_grid               						{ width: 90vw; max-width: 1200px; margin: var(--marginBloc); display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 80px;}

.bloc_activites:before       					{ width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url("../images/vague-3.svg") 50% 75% no-repeat; background-size: 100vw; opacity: 0.4; content: "";}
.bloc_grid.activites         					{ align-items: center;}
.bloc_grid.activites h3      					{ color: var(--color-2);}
.bloc_grid.activites p b      					{ font-style: italic;}
.bloc_grid.activites .item:nth-child(1) img 	{ width: 100%; height: auto; box-shadow: 0px 80px 80px 0px rgba(26, 70, 87, 0.2); border-radius: 50rem 50rem 50rem 50rem;}

.list-activite               					{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0 40px; margin-top: 50px;}
.list-activite a:nth-child(3n),
.list-activite a:nth-child(3n+1) 				{ margin-top: 40px;}
.list-activite a         						{ color: #ffffff; font-weight: 600; width: 160px; height: 160px;  background: #12323f; border-radius: 50%; text-transform: uppercase; display: flex; align-items: center; justify-content: center;}
.list-activite a img     						{ max-width: 100%; height: auto;  opacity: 1;}
.list-activite a span    						{ opacity: 0; position: absolute;}
.list-activite a span img    					{ display: none;}

.bloc_event                  					{ margin-bottom: 200px;}
.bloc_event:before       						{ width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url("../images/vague-3.svg") 50% 75% no-repeat; background-size: 100vw; opacity: 0.4; content: "";}
.bloc_grid.event h3          					{ color: var(--color-2);}
.bloc_grid.event .item .type 					{ background: #12323f; border-radius: 20px; padding: 40px 50px; color: #ffffff; margin: 40px 0 30px 0}
.bloc_grid.event .item .type:last-child      	{ margin: 0;}
.bloc_grid.event .item .type h3 				{ color: #ffffff; margin-bottom: 20px;}
.bloc_grid.event .item .type a span 			{ display: none;}
.bloc_grid.event .link-plus     				{ width: 50px; height: 50px; border-radius: 50%; background: url("../images/picto-plus-white.svg") center center no-repeat #60a6b7; display: block; margin-top: 25px;}
.bloc_grid.event .item img              		{ width: 100%; height: auto; max-width: 450px; box-shadow: 0px 80px 80px 0px rgba(26, 70, 87, 0.2); border-radius: 50rem 50rem 50rem 50rem;}
.bloc_grid.event .item img:nth-child(1) 		{ margin-top: 50px;}
.bloc_grid.event .item img:nth-child(2) 		{ max-width: 350px; position: absolute; bottom: 0; right: 0;}

.bloc_grid.cours h3      						{ color: var(--color-2);}
.bloc_grid.cours .item:nth-child(2) 			{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0 40px; text-align: center; text-transform: uppercase;  color: var(--color-3);}
.bloc_grid.cours .item:nth-child(2) div span 	{ width: 160px; height: 160px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--color-1); margin-bottom: 25px;}


@media (min-width:1201px) {
.list-activite a:hover 							{ background: #60a6b7;}
.list-activite a:hover img 						{ opacity: 0;}
.list-activite a:hover span 					{ opacity: 1;}
}
@media (max-width:1400px) {
.bloc_grid.activites         					{ align-items: start;}
.list-activite               					{ margin-top: 40px;}
.bloc_event                              		{ margin-bottom: 140px;}
}
@media (max-width:1200px) {
.bloc_activites:before       					{ display: none;}
.bloc_grid.activites                     		{ grid-template-columns: 1fr;}
.bloc_grid.activites .item:nth-child(1)  		{ display: none;}

.list-activite                           		{ grid-gap: 15px;}
.list-activite a:nth-child(3n),
.list-activite a:nth-child(3n+1)     			{ margin-top: 0;}
.list-activite a                     			{ background: var(--color-3); width: 100%; height: 80px; border-radius: 10px; justify-content: inherit; padding: 0 20px;}
.list-activite a span                			{ opacity: 1; display: flex; align-items: center;}
.list-activite a img                 			{ display: none;}
.list-activite a span img            			{ display:inline-block; height: 40px; width: auto; margin: 0 20px 0 0;}
.list-activite a:after               			{ content: ''; width: 30px; height: 100%; position: absolute; right: 30px; top: 0; background: url("../images/picto-arrow.svg") center no-repeat;}

.bloc_event                              		{ margin-bottom: 100px;}
.bloc_event:before       						{ display: none;}
.bloc_grid.event                         		{ grid-gap: 60px; grid-template-columns: 1fr 40%;}
.bloc_grid.event .item:nth-child(2)      		{ text-align: right;}
.bloc_grid.event .item img               		{ border-radius: 15px; box-shadow: none;}
.bloc_grid.event .item img:nth-child(1)  		{ max-width: 100%; margin: 0;}
.bloc_grid.event .item img:nth-child(2)  		{ max-width: 280px; position: relative; bottom: auto; margin: -25% 7.5% 0 0;}
.bloc_grid.event .item .type             		{ padding: 40px; border-radius: 15px;}
.bloc_grid.event .item .type h3 				{ margin: -10px 0 15px 0;}
.bloc_grid.event .link-plus 					{ margin-top: 20px;}

.bloc_grid.cours        						{ grid-template-columns: 1fr;}
.bloc_grid.cours .item:nth-child(2) 			{ display: grid; grid-gap: 15px; margin-top: 40px;}
.bloc_grid.cours .item:nth-child(2) div			{ display: grid; grid-template-columns: auto 1fr; align-items: center; text-align: left; height: 80px; border-radius: 10px; background: var(--color-3); color: #fff; padding: 0 20px;}
.bloc_grid.cours .item:nth-child(2) div span 	{ width: 100%; height: auto; border-radius: 0; margin: 0; background: none;}
.bloc_grid.cours .item:nth-child(2) div span img{ display:inline-block; height: 40px; width: auto; filter: brightness(200); margin: 0 20px 0 0;}
} 
@media (max-width:1000px) {
.list-activite               					{ grid-template-columns: 1fr 1fr;}

.bloc_grid.event                         		{ grid-template-columns: 1fr; grid-gap: 20px;}
.bloc_grid.event .item:nth-child(1)      		{ grid-area: 2 / 1;}
.bloc_grid.event .item:nth-child(2)      		{ grid-area: 1 / 1; text-align: left; max-width: 550px; margin: 0 auto;}   
.bloc_grid.event .item img               		{ width: 55%; object-fit: cover; max-width: inherit; box-shadow: none;}
.bloc_grid.event .item img:nth-child(2)  		{ max-width: none; margin: -50% 0 0 0; float: right;}
.bloc_grid.event .item .type 					{ margin: 30px 0 20px 0;}

.bloc_grid.cours .item:nth-child(2) 			{ grid-template-columns: 1fr 1fr;}
}
@media (max-width:700px) {
.list-activite               					{ grid-template-columns: 1fr; grid-gap: 10px; margin-top: 25px;}
.list-activite a                     			{ height: 60px; border-radius: 8px;}
.list-activite a span img            			{ height: 34px; margin: 0 15px 0 -5px;}
.list-activite a:after               			{ right: 20px;}

.bloc_grid.event p           					{ margin-bottom: 25px;}
.bloc_grid.event .link-plus  					{ margin-top: 0;}
.bloc_grid.event .item .type 					{ padding: 0; background: none; margin: 0 0 5px 0;}
.bloc_grid.event .item .type h3 				{ display: none;}
.bloc_grid.event .item .type p  				{ display: none;}
.bloc_grid.event .item .type a  				{ width: 100%; text-align: center; background: #60a6b7; border-radius: 5px;}
.bloc_grid.event .item .type a span 			{ display: block; color: #ffffff; text-transform: uppercase; line-height: 50px;}

.bloc_grid.cours .item:nth-child(2) 			{ grid-template-columns: 1fr; grid-gap: 10px; margin-top: 25px;}
.bloc_grid.cours .item:nth-child(2) div			{ height: 60px; border-radius: 6px;}
.bloc_grid.cours .item:nth-child(2) div span img{ height: 34px; margin: 0 15px 0 -5px;}
}



/***** bloc espace *****/
.bloc_espace                  										{ margin: var(--marginBloc); width: 100%; position: relative;}

.bloc_espace .bloc_texte      										{ width: 90vw; max-width: 1040px; margin: 0 auto;}
.bloc_espace .bloc_texte div:nth-child(1) 							{ color: var(--color-2);}
.bloc_espace .bloc_texte div:nth-child(2) 							{ color: var(--color-3); margin-top: -10px; margin-bottom: 20px;}

.bloc_espace .bloc_espace-activite     								{ position: relative;}
.bloc_espace .bloc_espace-activite .vague-1.reverse    				{ position: absolute; left: 0; top: 25%; margin: 0;}
.bloc_espace .bloc_espace-activite video     						{ width: 100%; height: calc(75% - 5px); object-fit: cover; position: absolute; top: 25%; z-index: -1;}
.bloc_espace .bloc_espace-activite img       						{ width: 100%; height: auto; max-width: 380px; box-shadow: 0px 80px 80px 0px rgba(26, 70, 87, 0.2); border-radius: 50rem 50rem 50rem 50rem; z-index: 3; transition: all 200ms ease-in-out;}
.bloc_espace .bloc_espace-activite .slider   						{ width: calc(90vw + 40px); max-width: 1600px; color: #ffffff; text-align: center; margin: 60px auto 130px auto; z-index: 10; }
.bloc_espace .bloc_espace-activite .slider .slick-list           	{ overflow: inherit;}
.bloc_espace .bloc_espace-activite .slider .item                 	{ margin: 0 20px;}
.bloc_espace .bloc_espace-activite .slider .item:nth-child(even) 	{ margin-top: 80px;}
.bloc_espace .bloc_espace-activite .slider .item a         			{ display: block;}
.bloc_espace .bloc_espace-activite .slider .item h3         		{ z-index: 4; margin-top: 20px; margin-bottom: 20px; display: block; transition: color 200ms ease-in-out;}
.bloc_espace .bloc_espace-activite .slider .item .link-plus	 		{ width: 50px; height: 50px; border-radius: 50%; background: url("../images/picto-plus-white.svg") center center no-repeat #60a6b7; display: block; margin: 0 auto; cursor: pointer;}

@media (min-width:1201px) {
.bloc_espace .bloc_espace-activite .slider .item a:hover img       	{ /*filter: brightness(0.85);*/ transform: scale(0.95);}
.bloc_espace .bloc_espace-activite .slider .item a:hover h3       	{ color: #fff;}
}
@media (max-width:1400px) {
.bloc_espace .bloc_espace-activite .slider   						{ width: calc(90vw + 30px); margin-top: 40px;}
.bloc_espace .bloc_espace-activite .slider .item                 	{ margin: 0 15px;}
.bloc_espace .bloc_espace-activite .slider .item h3         		{ font-size: 28px; line-height: 38px;}
}
@media (max-width:1200px) {
.bloc_espace .bloc_espace-activite .slider            				{ width: 90vw; margin-bottom: 100px;}
.bloc_espace .bloc_espace-activite .slider .item:nth-child(even) 	{ margin-top: 0;}
.bloc_espace .bloc_espace-activite img                				{ border-radius: 15px;}
.bloc_espace .bloc_espace-activite .slider .item h3         		{ font-size: 24px; line-height: 30px;}
}
@media (max-width:1000px) {
.bloc_espace .bloc_espace-activite .slider            				{ width: 85vw; margin-bottom: 80px;}
.bloc_espace .bloc_espace-activite .slider .item                 	{ margin: 0 10px;}
}
@media (max-width:700px) {
.bloc_espace .bloc_espace-activite .slider            				{ margin-bottom: 70px; margin-top: 25px;}
.bloc_espace .bloc_espace-activite .slider .item                 	{ margin: 0 6px;}
.bloc_espace .bloc_espace-activite img     							{ max-width: inherit; border-radius: 10px;}
.bloc_espace .bloc_espace-activite .slider .item h3         		{ font-size: 20px; line-height: 28px; margin: 15px 0;}
}
@media (max-width:500px) {
.bloc_espace .bloc_espace-activite .slider            				{ width: 75vw;}
}




/***** bloc formules *****/
.bloc_formules           							{ width: 100%; background: url("../images/bckgrd-vague.webp") center top repeat-x; z-index: 2; margin-bottom: 60px; position: relative;}
.bloc_formules .vague-1    	 						{ margin: 0;}
.bloc_formules .vague-1.reverse   	 				{ position: absolute; left: 0; top: var(--positionVague);}
.bloc_formules .bloc_texte                			{ width: 90vw; max-width: 1200px; margin: var(--marginBloc);}
.bloc_formules .bloc_texte h3             			{ color: var(--color-2);}
.bloc_formules .bloc_texte>div:nth-child(2) 		{ color: var(--color-3); margin-top: -10px; margin-bottom: 30px;}

.bloc_formules .arrow-formules         				{ display: block; margin: 30px 0; text-align: end;}
.bloc_formules .arrow-formules button  				{ width: 50px; height: 50px; border-radius: 50%; display: inline-block;}
.bloc_formules .arrow-formules button.slick-prev 	{ background: url(../images/arrow-left-white.svg) 48% 50% no-repeat #60a6b7; margin-right: 10px; }
.bloc_formules .arrow-formules button.slick-next 	{ background: url(../images/arrow-right-white.svg) 52% 50% no-repeat #60a6b7; }

.bloc_formules .slider           					{ width: 100vw; position: relative; z-index: 5;}
.bloc_formules .slider .item     					{ margin-right: 30px; max-width: 380px; box-shadow: 0px 40px 40px 0px rgba(26, 70, 87, 0.2);}
.bloc_formules .slider .item img 					{ max-width: 100%; height: auto; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.bloc_formules .slider .item>a     					{ color: var(--colorBody);}
.bloc_formules .slider .item>a div 					{ background: #ffffff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding: 40px; min-height: 320px;}

.bloc_formules .slider .item .prix  				{ border-radius: 5px; color: #ffffff; background: #60a6b7; padding: 10px 18px 8px 18px; display: inline-block;}
.bloc_formules .slider .item h4     				{ color: #60a6b7; margin-top: 20px; margin-bottom: 15px;}
.bloc_formules .slider .item ul li  				{ padding-left: 25px; background: url(../images/footer-check.svg) left 4px no-repeat; margin-bottom: 15px; display: block;}

.bloc_formules a.link            					{ margin: 50px auto 0 auto; display: block; width: max-content;}

@media (max-width:1400px) {
.bloc_formules .slider .item     					{ max-width: 340px;}
}
@media (max-width:1200px) {
.bloc_formules           							{ margin-bottom: 40px;}
.bloc_formules .bloc_texte>div:nth-child(2) 		{ margin-bottom: 20px;}
.bloc_formules .arrow-formules         				{ position: absolute; right: 0; bottom: 5px; margin: 0;}
.bloc_formules .slider           					{ margin-top: 40px;}
.bloc_formules .slider .item     					{ margin-right: 20px;}
.bloc_formules .slider .item img 					{ border-top-left-radius: 15px; border-top-right-radius: 15px;}
.bloc_formules .slider .item>a div 					{ border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding: 30px; min-height: 300px;}
.bloc_formules a.link              					{ margin-top: 40px;}
}
@media (max-width:1000px) {
.bloc_formules .slider .item     					{ max-width: 320px;}
}
@media (max-width:700px) {
.bloc_formules           							{ margin-bottom: 20px;}
.bloc_formules .arrow-formules         				{ display: none;}
.bloc_formules .slider           					{ margin-top: 30px;}
.bloc_formules .slider .item     					{ max-width: 300px; width: 70vw; margin-right: 12px;}
.bloc_formules .slider .item img 					{ border-top-left-radius: 10px; border-top-right-radius: 10px;}
.bloc_formules .slider .item>a div 					{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px; min-height: inherit;}
.bloc_formules .slider .item .prix  				{ padding: 6px 16px 4px 16px;}
.bloc_formules .slider .item h4     				{ margin-top: 15px; margin-bottom: 10px;}
.bloc_formules .slider .item ul li  				{ margin-bottom: 10px;}
.bloc_formules a.link              					{ width: 100%; margin-top: 35px; margin-bottom: 45px;}
}





/***** bloc agenda *****/
.bloc_agenda                 						{ width: 100%; background: url("../images/bckgrd-vague.webp") center top repeat-x; color: #ffffff; z-index: 1;}
.bloc_agenda .vague-1        						{ margin: 0;}
.bloc_agenda .bloc_texte    						{ width: 90vw; max-width: 1200px; margin: 0 auto; text-align: center; padding: 120px 0;}
.bloc_agenda .bloc_texte div.font_size-30 			{ color: var(--color-3); margin: -10px 0;}
.bloc_agenda .bloc_texte .macaron 					{ border-radius: 50%; width: 200px; height: 200px; color: #ffffff; background: #60a6b7; position: absolute; right: 50px; top: -100px; display: flex; justify-content: center; align-items: center; z-index: 10;}
.bloc_agenda .bloc_grid     						{ width: 100%; max-width: 1200px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; margin: 60px auto;}
.bloc_agenda .bloc_grid .item   					{ border-radius: 20px; overflow: hidden; box-shadow: 0px 40px 40px 0px rgba(26, 70, 87, 0.2);}
.bloc_agenda .bloc_grid .item a 					{ display: grid; grid-template-rows: auto 1fr; height: 100%;}
.bloc_agenda .bloc_grid .item img 					{ width: 100%; height: auto; display: block; object-fit: cover;}
.bloc_agenda .bloc_grid .item .date 				{ position: absolute; background: #fff; border-radius: 5px; top: 20px; left: 20px; padding: 5px 15px;}
.bloc_agenda .bloc_grid .item h4     				{ padding: 15px 30px; display: grid; align-items: center; background: #fff;}

@media (max-width:1400px) {
.bloc_agenda .bloc_grid     						{ margin: 50px auto;}
}
@media (max-width:1200px) {
.bloc_agenda .bloc_texte    						{ padding: 100px 0;}
.bloc_agenda .bloc_texte .macaron 					{ width: 160px; height: 160px; right: 40px; top: -80px;}
.bloc_agenda .bloc_grid     						{ grid-gap: 20px; margin: 40px auto;}
.bloc_agenda .bloc_grid .item   					{ border-radius: 15px;}
}
@media (max-width:1000px) {
.bloc_agenda .bloc_texte    						{ padding: 80px 0;}
.bloc_agenda .bloc_grid     						{ grid-template-columns: 1fr 1fr;}
}
@media (max-width:700px) {
.bloc_agenda .bloc_texte    						{ padding: 80px 0 40px 0;}
.bloc_agenda .bloc_texte .macaron 					{ width: 140px; height: 140px; right: 50%; top: -70px; margin-right: -70px;}
.bloc_agenda .bloc_texte div.font_size-30 			{ margin-top: 0;}
.bloc_agenda .bloc_texte>.link    					{ width: 100%;}

.bloc_agenda .bloc_grid     						{ grid-template-columns: 1fr; grid-gap: 20px; margin: 30px auto;}
.bloc_agenda .bloc_grid .item   					{ border-radius: 0; overflow: visible;}
.bloc_agenda .bloc_grid .item a  					{ grid-template-columns: 80px 1fr; text-align: left;}
.bloc_agenda .bloc_grid .item img 					{ aspect-ratio: 1/1; height: 100%; border-radius: 8px 0 0 8px;}
.bloc_agenda .bloc_grid .item h4     				{ padding: 10px 20px; border-radius: 0 8px 8px 0;}
.bloc_agenda .bloc_grid .item .date 				{ top: -8px; left: auto; right: 15px; padding: 0 10px; color: #fff; background: var(--color-3); z-index: 10; font-size: 11px; line-height: 24px;}
}



/***** bloc pratique *****/
.bloc_pratique                						{ width: 100%; background: url("../images/pratique-home.webp") center top no-repeat; background-size: cover; background-attachment: fixed; z-index: 1; margin-bottom: -30px;}
.bloc_pratique .vague-1        						{ margin: 0;}
.bloc_pratique .bloc_texte    						{ width: 90vw; max-width: 1200px; margin: 0 auto; color: #fff; padding: 180px 0 200px 0;}
.bloc_pratique .bloc_texte .table_plus 				{ color: #000000;}

@media (max-width:1400px) {
.bloc_pratique .bloc_texte      					{ padding: 140px 0 160px 0;}
}
@media (max-width:1200px) {
.bloc_pratique                						{ background-attachment: scroll;}
.bloc_pratique .bloc_texte      					{ padding: 90px 0 120px 0;}
}
@media (max-width:1000px) {
.bloc_pratique .bloc_texte      					{ padding: 70px 0 100px 0;}
}
@media (max-width:700px) {
.bloc_pratique .bloc_texte      					{ padding: 30px 0 70px 0;}
}