/*
Theme Name: AquaFormAction69
Author: L'équipe Maad
Version: 1
*/
/*
Bleu : #0b7fab
Gradient pied de page : background: linear-gradient(180deg, rgba(215,239,247,1) 0%, rgba(76,156,188,1) 60%, rgba(55,116,141,1) 100%);
Gradient entête : background: linear-gradient(180deg, rgba(196,235,252,1) 0%, rgba(163,216,250,1) 60%, rgba(90,169,203,1) 100%);

font-family: 'Staatliches', cursive; 400
font-family: 'Montserrat', sans-serif;
*/
*, *:before, *:after{margin:0;padding:0;line-height:130%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html, body{width:100%;height:100%;}
body{color:#111;background:#fff; font-family: 'Montserrat', sans-serif; font-weight:400;font-size:16px;}
a{color:#111;text-decoration:underline;}
a:hover, a:focus{color:#0b7fab;text-decoration:underline;}
a img, th img, td img{vertical-align:top;border:none;}
h1, h2, h3, h4, h5{cursor:default;font-weight:400;font-family: 'Staatliches', cursive;}
a h1, a h2, a h3, a h4, a h5{cursor:pointer;}
h1{font-size:220%;} h2{font-size:200%;} h3{font-size:180%;} h4{font-size:160%;} h5{font-size:140%;}
ul{list-style:none;}
hr{border:none;border-top:1px solid #dcdcdc;margin:30px 0;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{text-align:left;vertical-align:top;}
thead th, thead td{font-weight:bold;vertical-align:bottom;}
img, video, audio, embed, object{max-width:100%;}
img, video, embed, object{height:auto;}
embed, object{height:100%;}
img{vertical-align:middle;}
b, strong{font-weight:600;}
.alignright{float:right;margin:0 0 20px 20px;}
.alignleft{float:left;margin:0 20px 20px 0;}
.centerdiv{width:90%;max-width:1400px;margin:0 auto;position:relative;}
.clear{position:relative;overflow:auto;clear:both;}
#blocmap img{height:auto!important;max-width:none !important;}
.svg{}
.no-svg{}

.bt{background-color:#fff;padding:10px 30px; border-radius:50px; text-decoration:none; display:inline-block; text-transform:uppercase; font-size:110%; font-family: 'Staatliches', cursive; transition:all .2s; transform:scale(1);}
.bt:hover, .bt:focus{transform:scale(1.05); color:#000; text-decoration:none;}
.btfb{ background-color:#0b7fab; color:#fff; width: 42px; padding:10px; text-align:center; }
.btfb:hover, .btfb:focus{color:#fff;}
.btbb{ border:2px solid #111; }
.btb, .btbb.actif{ background-color:#111; color:#fff; border:2px solid #111; }
.btb:hover, .btfb:focus, .btbb.actif:hover, .btbb.actif:focus{color:#fff;}

#cn-notice-buttons a{color:#111 !important;background-color:#fff !important;margin:5px 0 5px 10px !important;}

.appearOnScroll { opacity: 0; transform: scale(.9); transition: all .4s; transition-delay: 250ms; }
.appearOnScroll.visible { opacity: 1; transform: scale(1); }

.grid{position:relative;}
.gutter-sizer{ width:3.2%; }
.grid-sizer{ width:31.2%; }
.grid-item{ width:31.2%;margin-bottom:3vw; }
.grid-item-2{ width:65.6%;margin-bottom:3vw; }


/********************************************************************** ACCESS */
#navAccess{position:absolute;z-index:10000;}
#navAccess a{font-size:100%;color:#fff;position:fixed;top:-100px;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff;white-space:nowrap;text-decoration:none;}
#navAccess a:focus{left:10px;top:10px;}

#accessmenu, #accesscontenu, #accesspied{position:fixed;z-index:10000;font-size:100%;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff !important;white-space:nowrap;text-decoration:none;}
#accessmenu:focus, #accesscontenu:focus, #accesspied:focus{left:10px;}


/********************************************************************** HEADER */
#header{z-index: 10; padding:30px 5%; display:block; position:absolute; top:0;left:0;right:0;}


/********************************************************************** HOME */
#home_slider{height:80%; min-height: 700px; position:relative; z-index:1; margin-bottom: -6vw;
	background: linear-gradient(180deg, rgba(196,235,252,1) 0%, rgba(163,216,250,1) 60%, rgba(90,169,203,1) 100%); }
#home_slider:after{content:''; position:absolute; z-index:9; bottom:-1px; left:0; right:0; height:4vw; background:url('img/wave-br.svg') no-repeat center bottom; background-size:102%; }

#home_slider .swiper, #home_slider .swiper-wrapper, #home_slider .swiper-slide{width:100%; height:100%;}
#home_slider .swiper-slide{ background-size:cover; background-position:center; display:flex; align-items:flex-end; text-align:center; justify-content:center; padding-bottom:10vw; }
#home_slider .swiper-slide strong{ display:inline-block; line-height: 110%; font-weight:400;font-family: 'Staatliches', cursive; background: #0b7fab; color:#fff; border-radius:3vw; font-size:3vw; padding:.9vw 2.5vw .7vw 2.5vw; }
#home_slider .swiper-slide span{ display:inline-block; line-height: 110%; font-weight:400;font-family: 'Staatliches', cursive; background: #fff; color:#0b7fab; border-radius:3vw; font-size:2vw; padding:.65vw 1.6vw .47vw 1.6vw; }

#home_slider .swiper-button-prev, #home_slider .swiper-button-next{ background:none; color:#fff; border-radius:50px; width:60px; height:60px; transform:scale(1); transition:all .2s; }
#home_slider .swiper-button-prev:hover, #home_slider .swiper-button-next:hover,
#home_slider .swiper-button-prev:focus, #home_slider .swiper-button-next:focus
{ transform:scale(1.1); }
#home_slider .swiper-button-prev svg, #home_slider .swiper-button-next svg{ width:75%; height:75%; }
#home_slider .swiper-button-prev:after, #home_slider .swiper-button-next:after{ display:none; }


#home_wrap{position:relative; z-index:9;}


/********************************************************************** PAGE */
#page_header{ display:flex; align-items:center; text-align:center; justify-content:center;
	height:auto; min-height: 380px; padding-top: 30px; position:relative; z-index:1; margin-bottom: 3.5vw;
	background: linear-gradient(180deg, rgba(196,235,252,1) 0%, rgba(163,216,250,1) 60%, rgba(90,169,203,1) 100%); }
#page_header:after{content:''; position:absolute; z-index:9; bottom:-1px; left:0; right:0; height:4vw; background:url('img/wave-br.svg') no-repeat center bottom; background-size:102%; }
#page_header strong{ display:inline-block; line-height: 110%; font-weight:400;font-family: 'Staatliches', cursive; background: #0b7fab; color:#fff; border-radius:3vw; font-size:3vw; padding:.9vw 2.5vw .7vw 2.5vw; }
#page_header span{ display:inline-block; line-height: 110%; font-weight:400;font-family: 'Staatliches', cursive; background: #fff; color:#0b7fab; border-radius:3vw; font-size:2vw; padding:.65vw 1.6vw .47vw 1.6vw; }


#page_wrap{position:relative; z-index:9;}


/********************************************************************** BLOC */
.bloc{ width:31.2%; float:left; border-radius:3vw; margin-right:3.2%; margin-bottom:3.5vw; }
.blocxl{ width:62.4%; margin-right:6.4%; }
.bloc.last{ margin-right:0; }

.bloc hr, .grid-item hr, .cours hr, .contenu hr, .cours_listcats hr{ border:0; height:8px; margin: 20px 0; width:100%; background:url('img/icon-zigzag.svg') center center repeat-x; }
.cours hr, .contenu hr, .cours_listcats hr{ background:url('img/icon-zigzag-b.svg') center center repeat-x; }
.cours_listcats hr{margin: 0 0 3vw 0; }

.bloclien{ display:block; text-decoration:none; height: 30vw; color:#fff; padding: 2.5vw; background-color:#d5d5d5; background-size:cover; background-position:center; background-repeat:no-repeat; transform:scale(1.0); transition:all .3s; }
.bloclien hr{ margin:0 0 1.5vw 0; }
.bloclien h2{ font-size:2.1vw; line-height: 100%; }
.bloclien h2 span{ font-size:3vw; line-height: 100%; display:block; }
.blocliena{ position:absolute; top:0;right:0;left:0;bottom:0; padding: 2.5vw; display: flex;align-items: flex-end; }
.bloclien .bt{ color:#000; position:relative; margin-top:10px; }
.bloclien .bt:hover, .bloclien .bt:focus{ color:#000; }
#bloclien1{ background-image:url('img/aqua-form-action-centre-aquatique-gleize.jpg');  }
#bloclien2{ background-image:url('img/aqua-form-action-centre-gleize.jpg');  }

.bloctxtd{ height: 30vw; display:flex; align-items:flex-end; }
.home .bloctxtd > div p{ font-size: clamp(14px, .95vw, 16px); margin-bottom: .8vw; }
.bloctxtd > div *:last-child, .home .bloctxtd > div *:last-child{ margin-bottom:0; }

.bloccoords{ color:#fff; overflow: hidden; }
.bloccoords h2{ color:#fff !important; margin-bottom:5px !important; }
.bloccoords .contenu{ padding: 20px 2.5vw 0 2.5vw; display: flex; justify-content:center; align-items: center; height:210px; background-color:#0b7fab; }
.bloccoords strong{ margin-top: 4px;display: block;font-size:130%; font-weight:400;font-family: 'Staatliches', cursive;}
.bloccoords strong a{ color:#fff; }
.bloccoords strong svg{ margin-right:6px; font-size:90%; }
.bloccoords ul{  margin-bottom:0 !important; list-style-type: none; margin-left: 0 !important; }
.bloccoords ul li{ overflow:hidden; margin-bottom: 2px !important; font-weight:600; font-size:90%; }
.bloccoords ul li:last-child{ margin-bottom: 0 !important; }
.bloccoords ul li span{ float:right; font-weight:400; }
.bloc #googlemap{height:320px;}
.blocmap{ overflow:hidden; }
.blocmap #googlemap{height:500px;}

#footer .bloctxt{color:#fff !important; padding: 2.5vw;}
#footer .bloctxt hr{margin: 0 0 1.5vw 0;}
#footer .bloctxt h2{ color:#fff !important; margin-bottom:5px !important; }
.bloctxtg{font-weight:600;}

#footer .bloctxt.last strong{text-transform:uppercase; font-size:160%; font-weight:400;font-family: 'Staatliches', cursive;}
#footer .bloctxt.last strong a{text-transform:lowercase; color:#fff;}
#footer .bloctxt.last .bt{margin:10px 7px 0 0;}

#blocslider{ height:530px; position:relative; overflow:hidden; }
#blocslider .swiper, #blocslider .swiper-wrapper, #blocslider .swiper-slide{width:100%; height:100%;}
#blocslider .swiper-slide{ position:relative; padding: 2.5vw; display:flex; align-items:flex-end; background-color: #0b7fab; background-size:cover; background-position:center; }
#blocslider .swiper-slide:after{content:''; top:0; left:0; right:0; bottom:0; position:absolute; z-index:1; background: linear-gradient(180deg, rgba(11,127,171,0) 0%, rgba(3,46,62,0.80) 100%); }
#blocslider .swiper-slide > div{width:100%; display:block; position:relative; z-index:2;}
#blocslider .swiper-slide h2{ font-size:2.1vw; line-height: 100%; color:#fff; margin-bottom:1vw }
#blocslider .swiper-slide h2 span{ font-size:3vw; line-height: 100%; display:block; }
#blocslider .swiper-slide .bt{ color:#000; }
#blocslider .swiper-slide .bt:hover, #blocslider .swiper-slide .bt:focus{ color:#000; }
#blocslider .swiper-button-prev, #blocslider .swiper-button-next{ background: #0b7fab; color:#fff; border-radius:50px; width:42px; height:42px; transform:scale(1); transition:all .2s; }
#blocslider .swiper-button-prev:hover, #blocslider .swiper-button-next:hover,
#blocslider .swiper-button-prev:focus, #blocslider .swiper-button-next:focus
{ transform:scale(1.1); }
#blocslider .swiper-button-prev svg, #blocslider .swiper-button-next svg{ width:45%; height:45%; }
#blocslider .swiper-button-prev:after, #blocslider .swiper-button-next:after{ display:none; }
#blocslider .swiper-button-prev{top:auto; bottom:2.5vw; right:calc(2.5vw + 52px); left:auto; }
#blocslider .swiper-button-next{top:auto; bottom:2.5vw; right:2.5vw; }


/********************************************************************** COURS */
.cours_listcats{text-align:center; margin-bottom: calc(3vw - 8px); width:100%; }
.cours_listcats strong{ font-weight:400;font-family: 'Staatliches', cursive; text-transform:uppercase; font-size:110%; margin-right:8px; }
.cours_listcats .bt{margin:0 8px 8px 0;}

/*
.cours{ background-color:#111; color:#fff; border-radius:3vw; }

.cours_titre{ padding: 2.5vw 2.5vw 1.5vw 2.5vw; }
.cours_titre h2{ font-size:2.1vw; line-height: 100%; }
.cours_titre h2 span{ font-size:3vw; line-height: 100%; display:block; }

.cours_img{ height: 16vw; background-size:cover; background-position:center; }

.cours_meta strong{ font-weight:400;font-family: 'Staatliches', cursive; text-transform:uppercase; font-size:200%; }
.cours_meta em{ font-size: 80%; font-style: normal; position: relative; top: -6px; margin-left: 8px; }

.cours_txt{ padding: 1.5vw 2.5vw calc(2.5vw - 20px) 2.5vw; }
*/

.cours_img{ float:right; width:48%; aspect-ratio:1/.85; border-radius: 3vw; background-size:cover; background-position:center; }
.cours_txt{ float:left; text-align:right; padding-left:10%; width:48%; aspect-ratio:1/.85; display:flex; justify-content:center; align-items:center; }

.cours_titre h2{ font-size:2.1vw; line-height: 100%; margin-bottom: 1vw; }
.cours_titre h2 span{ font-size:3vw; line-height: 100%; display:block; }

.cours_meta{ display: inline-block;color: #fff;padding: 7px 20px 5px 20px;border-radius: 10px; margin-left: 10px;}
.cours_meta strong{ font-weight:400;font-family: 'Staatliches', cursive; text-transform:uppercase; font-size:200%; }
.cours_meta em{ font-size: 80%;font-style: normal;position: relative;top: 0px;margin-left: 8px;line-height: 105%;display: inline-block;text-align: left; }

.last .cours_img{ float:left; }
.last .cours_txt{ float:right; text-align:left; padding-right:10%; padding-left:0%; }
.last .cours_meta{ margin-right: 10px; margin-left: 0px; }

.cours_couleur1 .cours_meta{ background-color:#0b7fab; }
.cours_couleur2 .cours_meta{ background-color:#4a97af; }
.cours_couleur3 .cours_meta{ background-color:#164187; }
.cours_couleur4 .cours_meta{ background-color:#4baee0; }

.cours_couleur5 .cours_meta{ background-color:#5b9a8f; }
.cours_couleur6 .cours_meta{ background-color:#00a99d; }
.cours_couleur7 .cours_meta{ background-color:#189b81; }
.cours_couleur8 .cours_meta{ background-color:#157272; }

.cours_couleur9 .cours_meta{ background-color:#725d89; }
.cours_couleur10 .cours_meta{ background-color:#57518e; }
.cours_couleur11 .cours_meta{ background-color:#744391; }
.cours_couleur12 .cours_meta{ background-color:#9b43a8; }


/********************************************************************** PAGE */
.titre{ font-size: 300%; line-height: 110%; margin-bottom: .7vw; display: block; font-weight:400;font-family: 'Staatliches', cursive; text-transform:uppercase; color: #0b7fab; }
.soustitre, .contenu blockquote{ font-size: 120%; line-height:150% !important; color: #0b7fab; font-weight:300; font-family: 'Montserrat', sans-serif; }

.home .titre{ font-size: clamp(32px, 3vw, 52px); margin-bottom: .8vw; }
.home .soustitre{ font-size: clamp(16px, 1.2vw, 22px); margin-bottom: .8vw; }

.contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5{margin-bottom:20px;color:#0b7fab; line-height: 105%;}
.contenu p{ font-size: 95%; margin-bottom:20px;line-height:150%;}
.contenu img{margin-bottom:20px;max-width:100%;height:auto;display:block; border-radius:10px; }
.contenu ul{margin-bottom:20px;list-style-type:square;margin-left:18px;}
.contenu ul ul{margin-top:10px;margin-bottom:0;}
.contenu ul li{margin-bottom:10px;line-height:130%;}

.part{ position:relative; padding:0 0 0 0; margin:0 0 3.5vw 0; }
.part_title{ margin:0 5% 40px 5%; text-align:center; font-family: 'Staatliches', cursive; line-height: 110%; font-size: 220%; color: #0b7fab; font-weight: 400; }

.part_xcolwrap{ display:flex; justify-content:space-between; margin: 0 -1.75%; }
.part_xcolwrap .col{ width:100%; margin: 0 1.75%; }


/********************************************************************** TARIFS */
.wraptarifs{ display: flex; margin-bottom:2vw; }

.titretarifs{ display: flex; align-items: center; float:left; width:23%; color: #0b7fab; padding-right: 3%; }
.titretarifs h2{ font-size: 240%; }
.titretarifs p{  }

.tarifs{ float:left; width:77%; }
.tarifs li{ float:left; width:15.66%; margin-right:1%; text-align:center; border-radius:20px; color:#fff; background-color: #0b7fab; padding:2vw 1vw 1vw 1vw; height: 20vw; display:flex; justify-content: space-between; flex-direction: column; }
.tarifs li h3{ font-weight: 400; margin-bottom: .4vw; font-family: 'Staatliches', cursive; font-size: 1.5vw; line-height: 100%; display:block; }
.tarifs li strong{ font-weight: 400; margin-bottom: .4vw; line-height: 80%; font-family: 'Staatliches', cursive; font-size: 1vw; opacity:.6; display:block; }
.tarifs li b{ font-weight: 400; line-height: 100%; font-family: 'Staatliches', cursive; font-size: 1.7vw; display:block; }
.tarifs li em{ font-size: .7vw; line-height: 110%; font-style: normal; opacity:.6; display:block; }
.tarifs li span{ font-size: .7vw; margin-top: .2vw; line-height: 110%; display:block; }

.wraptarifs:nth-child(1n) .tarifs li{ background-color: #0b7fab !important; }
.wraptarifs:nth-child(2n) .tarifs li{ background-color: #4a97af !important; }
.wraptarifs:nth-child(3n) .tarifs li{ background-color: #164187 !important; }
.wraptarifs:nth-child(4n) .tarifs li{ background-color: #4baee0 !important; }

.wraptarifs:nth-child(1n) .titretarifs h2{ color: #0b7fab !important; }
.wraptarifs:nth-child(2n) .titretarifs h2{ color: #4a97af !important; }
.wraptarifs:nth-child(3n) .titretarifs h2{ color: #164187 !important; }
.wraptarifs:nth-child(4n) .titretarifs h2{ color: #4baee0 !important; }


/********************************************************************** FOOTER */
#footer{ position:relative; margin-top:10.5vw; z-index: -1; }
.home #footer{ margin-top:0; }

#footer:before{content:''; z-index:1; position:absolute; top:-7vw;left:0;right:0; height:7vw; transform: rotate(180deg); background:url('img/wave.svg') no-repeat center bottom; background-size:102%;}
#footer:after{content:''; z-index:0; position:absolute; bottom:0;left:0;right:0;top:calc(-7vw + 5px); background: linear-gradient(180deg, rgba(215,239,247,1) 0%, rgba(76,156,188,1) 60%, rgba(55,116,141,1) 100%);}

.home #footer:before{ /* bottom:80vh; top:initial; */ top:-20vw; }
.home #footer:after{ /* height:90vh; top:initial; */ top:calc(-20vw + 5px); }

#footertop{ z-index:2; padding:0; position:relative; color:#fff; }

#footerbot{ z-index:2; background-color:#fff; position:relative; padding:35px 0; text-align:center; }
#footerbot:after{content:''; position:absolute; top:calc(-2vw + 1px); left:0; right:0; height:2vw; background:url('img/wave.svg') no-repeat center bottom; background-size:102%; }
#footerbot li{display:inline-block;}
#footerbot a{color: #69b8d5; padding:5px; font-family: 'Staatliches', cursive; text-transform:uppercase; font-size:95%; text-decoration:none; transition:all .2s; }
#footerbot a:hover, #footerbot a:focus{color: #000; text-decoration:none; }


/********************************************************************** FORM */
form button, input, select, textarea{margin:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
form button{width:auto;overflow:visible;}
input[type="reset"], input[type="submit"], input[type="file"], input[type="radio"], input[type="checkbox"], select, button{cursor:pointer;}
input[type="radio"], input[type="checkbox"]{font-size:110%;position:relative;top:1px;}
input[type="search"]{-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
:invalid{box-shadow:none;} :-moz-submit-invalid{box-shadow:none;} :-moz-ui-invalid{box-shadow:none;}
::-webkit-input-placeholder{color:#C0C0C0;}
:-moz-placeholder{color:#C0C0C0;}
:-ms-input-placeholder{color:#C0C0C0;}
audio:not([controls]){display:none;height: 0;}

label, .label{display:block;margin-left:0;font-size:90%;cursor:pointer;margin-bottom:10px;font-weight:600;color:#666;}

input[type=text], input[type=email], input[type=tel], textarea
{
	font-size:90%;border:none;margin-bottom:10px;border:1px solid #666;
	color:#111;border-radius:0;padding:10px !important;width:100%;background-color:#fff;
	transition:all .2s;
}

input[type=submit], form button
{
	font-size:90%;width:auto !important;cursor:pointer;color:#fff;display:inline-block;margin:0;
	text-align:center;padding:10px 30px;border:none;background-color:#666;
	transition:all .2s;
}

textarea{height:80px;}

input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=tel]:hover, input[type=tel]:focus, textarea:hover, textarea:focus
{outline:none;border-color:#585858;}
input[type=submit]:hover, input[type=submit]:focus, form button:hover, form button:focus
{outline:none;}


/********************************************************************** PAGINATION */
ul#pagination{clear:both;overflow:auto;font-size:87.5%;color:#111;margin:0;padding-top:30px;list-style:none;margin-bottom:-4px;font-weight:bold;}
ul#pagination li{margin:0;}
ul#pagination li a, ul#pagination .pagnolink, ul#pagination .activePage{float:left;margin:0 4px 4px 0;color:#111;display:block;position:relative;background-color:#F5F5F5;padding:6px 10px;overflow:hidden;text-decoration:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;}
ul#pagination li a:hover, ul#pagination li a:focus{text-decoration:none;background-color:#D2D2D2;color:#111;}
ul#pagination .activePage{font-weight:bold;background-color:#989898;color:#fff;}
ul#pagination .pagnolink, ul#pagination .activePage{cursor:default;}
ul#pagination li.pagprev a, ul#pagination li.pagnext a{padding:6px 10px;}


/********************************************************************** GALERIE */
.gallery img{border:0 !important;margin-bottom:0 !important;display:block !important;padding:0 1px !important;width:100% !important;}
.gallery .gallery-item {margin-top:2px !important;}


/********************************************************************** RWD */
@media (min-width:1200px){

	/* NAV */
	a#showmenu{display:none;}

	#showmenunav{position:relative;min-height:55px;padding-top: 8px;}

	#nav{float:right;margin-top:17px;}
	#nav .menu{position:relative;z-index:2;}
	#nav ul{display:block;}
	#nav ul li{display:inline-block;}
	#nav ul li a{text-decoration:none;display:block;font-size:110%; font-family: 'Staatliches', cursive; padding:10px 10px 10px 10px; transition:all .2s;}
	#nav ul li a:hover, #nav ul li a:focus{color:#0b7fab;text-decoration:none;}
	#nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a{text-decoration:none;color:#0b7fab;}
	
	#nav ul li.menu_bt a{margin-left:20px; border-radius:50px; color:#fff; background-color:#ec690c; padding:10px 30px; display:inline-block; text-transform:uppercase; font-size:110%; font-family: 'Staatliches', cursive; transition:all .2s; transform:scale(1);}
	#nav ul li.menu_bt a:hover, #nav ul li.menu_bt a:focus{ color:#fff; transform:scale(1.05);}

	#nav .menu .sub-menu{padding-top:0px;visibility:hidden;opacity:0;border-radius: 20px;background-color:#fff;box-shadow:10px 10px 40px rgba(0, 0, 0, 0.15);position:absolute;top:47px;left:50%;margin-left: -105px;z-index:99;min-width:210px;outline:none; transition:all .4s;}
	#nav .menu .sub-menu:before{content: "";position:absolute;top:-11px;left:50%;margin-left:-12px;width:0;height:0;border-style:solid;border-width:0 12px 12px 12px;border-color:transparent transparent #fff transparent; }
	#nav .menu .sub-menu li{display:block;margin: 0 20px;border-bottom:2px solid #eef5ff;}
	#nav .menu .sub-menu li:first-child{border-radius:20px 20px 0 0;}
	#nav .menu .sub-menu li:last-child{border-radius:0 0 20px 20px;border-bottom:0;}
	#nav .menu .sub-menu li:after{display:none;}
	#nav .menu .sub-menu a{background:transparent;font-size: 110%;width:100%;text-align:center;padding:12px 7px 12px 7px;text-transform:none;}
	#nav .menu .sub-menu .current-menu-item a{color:#0b7fab;}
	#nav .menu .sub-menu li:first-child a{padding-top:18px;}
	#nav .menu .sub-menu li:last-child a{padding-bottom:18px;}
	#nav .menu .sub-menu a:after{display:none;}
	#nav .menu .sub-menu a:hover, #nav .menu .sub-menu a:focus{color:#0b7fab;}

	#nav .menu-item-has-children{position:relative;outline:none !important;}
	#nav .menu-item-has-children > a{padding-right:30px !important;}
	#nav .menu-item-has-children > a:before{content: "";top:18px;right:15px;position:absolute;display:block;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:rgba(0,0,0,1) transparent transparent transparent;}

	#nav .menu-open > .sub-menu{opacity:1;top:52px;visibility:visible;}
	
}


@media (max-width:1200px){

	body{ font-size:14px; }
	.centerdiv{ width:95%; }

	#home_slider{ min-height: 500px; }

	.bloclien, .bloctxtd{ height:40vw; }

	#blocslider .swiper-slide{ padding:2.5vw 2vw; }
	#blocslider .swiper-button-prev{ right: calc(2vw + 47px); }
	#blocslider .swiper-button-next{ right: 2vw; }

	#page_header{ min-height: 340px;padding-top: 80px; }

	.titretarifs{ align-items: start; }
	.tarifs li{ width: 24%; height: 24vw; margin-bottom: 1vw; padding: 4vw 2vw 2vw 2vw; }
	.wraptarifs{ margin-bottom: 4vw; }
	.tarifs li h3{ font-size: 2.25vw; margin-bottom: .6vw; }
	.tarifs li strong{ font-size: 1.65vw; margin-bottom: .6vw; }
	.tarifs li b{ font-size: 2.55vw; }
	.tarifs li em{ font-size: 1.05vw; }
	.tarifs li span{ font-size: 1.05vw; margin-top: .3vw; }

	/* NAV */
	a#showmenu{padding:26px 13px;background: #fff; border-radius: 30px;display:block;z-index:9999999;position:absolute;top:30px;right:5%;}
	#showmenu:before, #showmenu:after{content:"";position:absolute;display:block;width:28px;height:2px;background:#1a1a1a;border-radius:4px; transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; }
	#showmenu:before{margin-top:-9px;}
	#showmenu:after{margin-top:8px;width:14px;right:13px;}
	#showmenu div{width:28px;height:2px;background:#1a1a1a;border-radius:4px;}
	
	#showmenu.close{position:fixed;}
	#showmenu.close div{opacity:0;background:#1a1a1a;}
	#showmenu.close:before, #showmenu.close:after{margin:0;background:#1a1a1a;}
	#showmenu.close:before{margin-top:0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	#showmenu.close:after{margin-top:-2px;width:28px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

	#showmenu:hover div, #showmenu:hover:before, #showmenu:hover:after, #showmenu:focus div, #showmenu:focus:before, #showmenu:focus:after
	{background:#0b7fab;}

	#showmenunav{opacity:0;visibility:hidden; position:fixed;z-index:999; top:30px;left:0;right:0;bottom:0;height:100%;transition:all .2s;background:#0b7fab;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;}
	.open #showmenunav{opacity:1;visibility:visible;top:0;}
	#showmenunav li a{color:#fff; font-weight:700; font-size:2.6vw;padding: .75vw 0;display: block;text-decoration: none;transition:all .2s;transform:scale(1);}
	#showmenunav li a:hover, #showmenunav li a:focus{color:#fff;transform:scale(.95);text-decoration: none;}
	#showmenunav .sub-menu a{ font-weight:400; }

	.menu_fb{position: absolute;bottom: 30px;left: 5%; }
	.menu_fb a{ font-size: 2vw !important; background-color: #fff; color:#0b7fab !important; border-radius:30px; padding:.7vw .95vw !important; }
	.menu_bt{position: absolute;bottom: 30px;right: 5%; }
	.menu_bt a{ font-family: 'Staatliches', cursive; font-size: 2vw !important; background-color: #fff; color:#0b7fab !important; border-radius:30px; padding:.7vw 1.8vw !important; }

}


@media (max-width:960px){

	body{ font-size:15px; }
	.centerdiv{ width:90%; }

	.bt{ padding: 8px 20px 7px 20px; }

	#showmenunav li a{ font-size: 5vw; padding: .9vw 0; }
	.sub-menu{ margin-bottom:2vw; }
	#showmenunav .sub-menu a{ font-weight:4vw; }
	.menu_bt a{ font-size: 4vw !important; padding:1.6vw 3.8vw 1.2vw 3.8vw !important; }
	.menu_fb a{ font-size: 4vw !important; padding:1.4vw 2vw !important; }

	#header{ position: relative;  margin-bottom:4px; background: #dbeaee; }

	#logo{ display:block; width: 65%; max-width: 225px; }
	#logo img{ width: 100%; }

	#home_slider{ margin-bottom:10vw; height: 65vw; min-height:0; }
	#home_slider .swiper-slide strong{ font-size: 4vw; padding: 1.5vw 3.5vw 1vw 3.5vw; border-radius:5vw; }
	#home_slider .swiper-slide span{ font-size: 3vw; padding: 1.4vw 3.4vw .9vw 3.4vw; border-radius:5vw; }
	#home_slider .swiper-button-prev, #home_slider .swiper-button-next{ width: 40px;height: 40px; }

	.bloc{ width:100%; float:none; margin-right: 0; margin-bottom:5vw; border-radius:5vw; }

	.bloctxtd{ height:auto; }
	.home .bloctxtd{ margin-bottom:4.2vw; }
	.bloclien{ height:70vw; padding: 5vw; }
	.blocliena{ padding: 5vw; }
	.bloclien hr{ margin: 0 0 3vw 0; }
	.bloclien h2{ font-size: 6vw; }
	.bloclien h2 span{ font-size: 4.5vw; }

	.home .blocfb{display:none;}

	.bloccoords .contenu{ padding:5vw; height:auto; font-size: 14px; justify-content: flex-start; }
	.bloccoords .contenu p{ margin-bottom:0; }
	.bloccoords a{ color:#fff; }
	.bloc #googlemap{ height:200px; }

	#blocslider{ height:70vw; }
	#blocslider .swiper-slide{ padding: 5vw; }
	#blocslider .swiper-button-prev{ bottom:5vw; right: calc(5vw + 47px); }
	#blocslider .swiper-button-next{ bottom:5vw; right: 5vw; }
	#blocslider .swiper-slide h2{ font-size: 6vw; margin-bottom: 3vw; }
	#blocslider .swiper-slide h2 span{ font-size: 4.5vw; }

	.bloc hr{ margin: 3vw 0; }

	.home #footer:after{ top: calc(-40vw + 5px); }
	.home #footer:before{ top:-40vw; }

	#page_header{ min-height: 200px; padding-top: 0px; margin-bottom:10vw; }
	#page_header strong{ border-radius: 6vw;font-size: 6vw;padding: 1.8vw 5vw 1.4vw 5vw; }
	#page_header span{ border-radius: 6vw;font-size: 4vw;padding: 1.3vw 3.2vw .94vw 3.2vw; }

	.titre{ font-size: 220%; }

	.part{ margin: 0 0 10vw 0; }
	.part_xcolwrap{ display:block; margin: 0; }
	.part_xcolwrap .col{ margin: 0 0 20px 0; }

	.cours{ margin-bottom:5vw; }
	.cours hr{ display:none; }
	.cours_listcats{ margin-bottom: calc(10vw - 8px); }
	.cours_txt{ float:none; width: 100%; aspect-ratio: initial; display:block; }
	.cours_titre h2{ font-size: 120%; }
	.cours_titre h2 span{ font-size: 9vw; }
	.cours_txt .contenu p{ font-size:90%; }
	.cours_meta{font-size:14px;}
	.cours_img{ float:none; width: 100%; aspect-ratio: 1/.5; border-radius: 4vw; margin-bottom:20px; }

	.wraptarifs{ margin-bottom:10vw; display:block; }
	.titretarifs{ display:block; float: none; width: 100%; padding-right:0; }
	.tarifs{ float: none; width: 100%; }
	.tarifs li{ width: 48%; margin:0 1%; height: 62vw; margin-bottom: 2vw; padding: 8vw 4vw 4vw 4vw; }

	.wraptarifs{ margin-bottom: 8vw; }
	.tarifs li h3{ font-size: 6vw; margin-bottom: 1.4vw; }
	.tarifs li strong{ font-size: 4vw; margin-bottom: 1.4vw; }
	.tarifs li b{ font-size: 6vw; }
	.tarifs li em{ font-size: 2.8vw; }
	.tarifs li span{ font-size: 2.8vw; margin-top: .9vw; }

	#footertop{ padding: 10vw 0 5vw 0; }
	#footerbot{ padding: 10vw 0; }
	#footer .bloctxt{ padding:0; }
	#footer .bloctxt hr{ margin: 0 0 5vw 0; }

}