.viewer-element body {
    font-family: Arial, serif;}

.viewer-element .page-content-front {
    width: 1200px !important;}

.viewer-element .wrapper,
.viewer-element .viewer-content,
.viewer-element .checkout-bundle .ck-form-element,
.viewer-element .form-element .form-group label {
    font-size: 15px;    color: #777777;}

.viewer-element a,
.viewer-element .wrapper a,
.viewer-element .viewer-content a {
    font-size: 12px;    color: #777777;}

.viewer-element a:hover,
.viewer-element .wrapper a:hover,
.viewer-element .viewer-content a:hover
.viewer-element a:active,
.viewer-element .wrapper a:active,
.viewer-element .viewer-content a:active,
.viewer-element a:focus,
.viewer-element .wrapper a:focus,
.viewer-element .viewer-content a:focus {
    font-size: 15px;    color: #777777;}
.viewer-element h1,
.viewer-element .title-lvl-1 {
    font-size: 36px;    color: #ffffff;}
.viewer-element h2,
.viewer-element .title-lvl-2 {
    font-size: 18px;    color: #008ac9;}
.viewer-element h3,
.viewer-element .title-lvl-3 {
    font-size: 16px;    color: #86ceee;}
.viewer-element h4,
.viewer-element .title-lvl-4 {
    font-size: 14px;    color: #777777;}
.viewer-element h5,
.viewer-element .title-lvl-5 {
    font-size: 14px;    color: #777777;}
.viewer-element h6,
.viewer-element .title-lvl-6 {
    font-size: 14px;    color: #777777;}

/* ------------------------
// BUTTONS
 ------------------------ */
.viewer-element .form-button,
.viewer-element .wrapper-front .form-element .btn.btn-primary,
.viewer-element .input-group-btn,
.viewer-element .carousel-caption a.btn,
.viewer-element .article-new .article-new-link,
.viewer-element .outlined-btn.btn,
.viewer-element .btn.btn-primary,
.viewer-element .btn-default-link,
.viewer-element .iframe-preview-menu-btn {
    color: #ffffff;    background-color: #777777;    font-size: 20px;}

.viewer-element .form-button:hover,
.viewer-element .wrapper-front .form-element .btn.btn-primary:hover,
.viewer-element .input-group-btn:hover,
.viewer-element .carousel-caption a.btn:hover,
.viewer-element .article-new .article-new-link:hover,
.viewer-element .outlined-btn.btn:hover,
.viewer-element .btn.btn-primary:hover,
.viewer-element .btn-default-link:hover,
.viewer-element .iframe-preview-menu-btn:hover,
.viewer-element .iframe-preview-menu-btn.is-active {
    background-color: #777777;    color: #ffffff;    font-size: 20px;}

/* -----------------------
 CAROUSEL
 ------------------------ */
.viewer-element .carousel-element .swiper-pagination-bullet,
.viewer-element .carousel-indicators li {
    background-color: #777777;
}
.viewer-element .carousel-element .carousel-element-button {
    color: #777777;
}

.viewer-element .carousel-element .swiper-pagination-bullet-active,
.viewer-element .carousel-indicators .active {
    background-color: #777777;
}
.viewer-element .page-catalog-details .owl-carousel .owl-prev,
.viewer-element .page-catalog-details .owl-carousel .owl-next,
.viewer-element .page-catalog-details .item-carousel-controls .item-carousel-prev,
.viewer-element .page-catalog-details .item-carousel-controls .item-carousel-next {
    color: #777777;
}

/* ------------------------
// COOKIE
  ------------------------ */
.viewer-element body .cc-window.cc-banner {
    color: #ffffff;    background-color: rgba(134, 206, 238, 0.8); }

.viewer-element a.cc-btn.cc-dismiss {
    color: #ffffff;    background-color: rgba(249, 112, 0, 0.8);    font-size: 15px ;}

.viewer-element a.cc-btn.cc-dismiss:hover,
.viewer-element a.cc-btn.cc-dismiss:active {
    color: #ffffff;    background-color: rgba(249, 112, 0, 0.8);    font-size: 15px ;}

/* -----------------------
 BUNDLE - ecommerce
 ----------------------- */
.viewer-element .ck-form-element.ck-form-element--radio a,
.viewer-element .ck-form-element.ck-form-element--checkbox a,
.viewer-element .ck-form-element label sup,
.viewer-element .checkout .checkout-fail .checkout-title,
.viewer-element .checkout-bundle .checkout-pagination a.is-active {
    color: #777777;
}
.viewer-element .ecommercebundle-list.is-loading::after,
.viewer-element .popin-connect .popin-loader::after,
.viewer-element .ecommercebundle-detail.is-loading .ecommercebundle-detail-buy::after,
.viewer-element .checkout-bundle .checkout-loader::after {
    border-top-color: #777777;
}
.viewer-element .ck-form-element.ck-form-element--radio a,
.viewer-element .ck-form-element.ck-form-element--checkbox a {
    border-color: #777777;
}
.viewer-element .noUi-connect,
.viewer-element .ecommercebundle-filters-radio + label::after,
.viewer-element .ck-form-element.ck-form-element--radio input[type=checkbox]:checked + label::before,
.viewer-element .ck-form-element.ck-form-element--radio input[type=radio]:checked + label::before,
.viewer-element .ck-form-element.ck-form-element--checkbox input[type=checkbox]:checked + label::before,
.viewer-element .ck-form-element.ck-form-element--checkbox input[type=radio]:checked + label::before {
    background-color: #777777;
    border-color: #777777;
}
.viewer-element .ecommercebundle-filters-treecat.is-some::after {
    background-color: #777777;
}
.viewer-element .ecommercebundle-filters-treecat.is-all::after,
.viewer-element .ecommercebundle-filters-checkbox + label::after {
    color: #777777;
}

.viewer-element .ecommerce-component .ecommerce-components-connexion-link,
.viewer-element .ecommerce-component .ecommerce-components-cart-link {
    color: #777777;
}
.viewer-element .ecommerce-component [data-header-hassubmenu]::after {
    border-color: #777777 transparent transparent transparent;
}

.viewer-element .ck-flash-message,
.viewer-element .ck-promo .ck-promo-wrapper .ck-promo-valid-btn,
.viewer-element .ck-total .ck-promo-element .ck-promo-valid-btn,
.viewer-element .login .login-btn,
.viewer-element a.ck-btn,
.viewer-element button.ck-btn {
    color: #ffffff;    background-color: #777777;    font-size: 20px;}
.viewer-element .ck-product .ck-product-btn-quantity,
.viewer-element .ecommercebundle-detail .ecommercebundle-detail-quantity-button {
    color: #ffffff;    background-color: #777777;}

.viewer-element .ck-promo .ck-promo-wrapper button:hover,
.viewer-element .ck-promo .ck-promo-wrapper button:focus,
.viewer-element .ck-resume-promo .ck-promo-element button:hover,
.viewer-element .ck-resume-promo .ck-promo-element button:focus,
.viewer-element .ck-total .ck-promo-element button:hover,
.viewer-element .ck-total .ck-promo-element button:focus,
.viewer-element .login .login-btn:hover,
.viewer-element .login .login-btn:focus,
.viewer-element a.ck-btn:hover,
.viewer-element a.ck-btn:focus,
.viewer-element button.ck-btn:hover,
.viewer-element button.ck-btn:focus {
    background-color: #777777;    color: #ffffff;    font-size: 20px;}
.viewer-element .ck-product .ck-product-btn-quantity:hover,
.viewer-element .ecommercebundle-detail .ecommercebundle-detail-quantity-button:hover {
    background-color: #777777;    color: #ffffff;}

/* ------------------------
// BUNDLE - social network
 ------------------------ */
// social network - mosaic view
.viewer-element .socialnetwork-element .socialnetwork-element-content,
.viewer-element .socialnetwork-element .socialnetwork-element-title {
     font-size: 14px;     color: #777777;}

/* social network - list view */
.viewer-element .socialnetwork-list-loader {
    border-top-color: #777777;
}

.viewer-element .socialnetwork-element .socialnetwork-element-content,
.viewer-element .socialnetwork-element .socialnetwork-element-title {
     font-size: 14px;     color: #777777;}
.viewer-element .socialnetwork-list .socialnetwork-list-button {
     font-size: 20px;      color: #ffffff;         background-color: #777777;
    border-color: #777777;
    }
.viewer-element .socialnetwork-list .socialnetwork-list-button:hover,
.viewer-element .socialnetwork-list .socialnetwork-list-button:focus {
    background-color: #777777;
    border-color: #777777;
}

/* ------------------------
// ACCORDION
------------------------ */
.viewer-element .accordion_element .panel-title .panel-button {
    font-size: 20px;    color: #777777;}
.viewer-element .accordion_element .panel-title .panel-button:hover {
    color: #777777;
}
.viewer-element .accordion_element .panel-body {
    font-size: 15px;    color: #777777;}

/* ------------------------
// NEW HEADER
// NEW HEADER - top header
------------------------ */
/* ------------------------
// NEW HEADER - main header
------------------------ */
    
    
    
    
    
    .viewer-element .header-main .header-main-nav-link {
                    }
    .viewer-element .header-main .header-main-nav-link:focus,
    .viewer-element .header-main .header-main-nav-link:hover,
    .viewer-element .header-main .header-main-nav-link.active {
                    }
                        
.viewer-element body {
            background-position: top center;
}
.page-article-detail .menu-up .container-fluid {background-color: #045c84;}
.page-article__header {margin-top: 180px;}
.page-article h1 {color: #045c84;}

.menu-up {
  	width: 101.4%;
  	height: 123px;
  	position: absolute;
    z-index: 99;}

.bgParalaxFixed {
  background-attachment: fixed;
  height: 800px;}

.bgParalaxFixed2 {
  background-attachment: fixed;
  height: 500px;}

.bgParalaxFixed7 {
  background-attachment: fixed;
  height: 500px;}

.bgParalaxFixed5 {
  background-attachment: fixed;
  min-height: 500px;}

.bgParalaxFixed6 {
  background-attachment: fixed;
  min-height: 500px;}

.bgParalaxFixed3 {
  background-attachment: fixed;
  min-height: 730px;}

.bgParalaxFixed4 {
  background-attachment: fixed;
  min-height: 200px;}

.bouton a{
  font-size: 20px !important;
color: #ffffff !important;
  text-decoration: none;}

.bouton a:hover{
  font-size: 20px !important;
color: #ffffff !important;
  text-decoration: none;}

.tel a{
  	font-size: 18px !important;
	color: #f97000 !important;
  	text-decoration: none;
	font-weight: bold;}

.tel a:hover{
  	font-size: 18px !important;
	color: #777777 !important;
  	text-decoration: none;
    font-weight: bold;}

.tel a:focus{
  	font-size: 18px !important;
	color: #777777 !important;
  	text-decoration: none;
	font-weight: bold;}

.form-contact {height: 730px;}
.form-group label {color: #ffffff !important;}
.form-button a.btn {color: #86ceee !important;}

.aquagym {
  	width: 101.4%;
  	height: 123px;
  	position: absolute;
    z-index: 99;}

.planning p span{line-height: 25px;}

.inscription a{
  font-size: 20px !important;
color: #045c84 !important;
  text-decoration: none;
   font-weight: bold;}

.inscription a:hover{
  font-size: 20px !important;
color: #f97000 !important;
  text-decoration: none;}

.inscription a:focus{
  font-size: 20px !important;
color: #f97000 !important;
  text-decoration: none;}

.activite a{
  font-size: 28px !important;
color: #ffffff !important;
  text-decoration: none;
   font-weight: bold;}

.activite a:hover{
  	font-size: 28px !important;
	color: #9fbecc !important;
	text-decoration: none;}

.activite a:focus{
  	font-size: 28px !important;
	color: #9fbecc !important;
	text-decoration: none;}

.menu a:hover{
  font-size: 15px !important;
color: #ffffff !important;
  text-decoration: none;}

.footer a{
  font-size: 10px !important;
color: #ffffff !important;
  text-decoration: none;
   font-weight: bold;}

.footer a:hover{
  font-size: 10px !important;
color: #ffffff !important;
  text-decoration: none;}

.footer a:focus{
  font-size: 10px !important;
color: #ffffff !important;
  text-decoration: none;}

.dropdown-menu {background-color: #008ac9 !important;}

.activite-aqua {
	margin-top: 170px;
  	margin-bottom: 30px;
	margin-left: 80px;
  	margin-right: 80px;
  	padding-top: 60px;
  	padding-bottom: 60px;}

.decouvre-acti {margin-left: 20px;}

.infos-pratiques {margin-right: 20px;}

.map {margin-bottom: 100px;}

.centre {margin-top: 100px;}

.nd-bassin {
	margin-top: 0px;
  	padding-top: 80px;
  	padding-bottom: 80px;
  	padding-left: 150px;
  	padding-right: 150px;}

.pataugeoire {
  height: 500px;
  margin-top: 0px;
  	padding-top: 100px;
  	padding-bottom: 110px;
  	padding-left: 150px;
  	padding-right: 150px;}

.detente1 {margin-left: 100px;}
.detente2 {margin-right: 100px;}

.chaise {margin-bottom: 80px;}

.aqua1 {margin-left: 20px;}
.aqua2 {margin-right: 20px;}

.marge-left {margin-left: 30px;}
.marge-right {margin-right: 30px;}

@media (max-width: 768px) {

.bienvenue span{
	font-size: 120% !important;
  	line-height: 35px !important;}
  
.bgParalaxFixed {height: 580px !important;}

.activite-aqua {
	margin-top: 30px;
	margin-left: 20px;
  	margin-right: 20px;
  	padding-top: 40px;
  	padding-bottom: 40px;}

.decouvre-acti {
	margin-left: 0px;
  	padding-left: 10px;
  	padding-right: 10px;}
  
.infos-pratiques {
	margin-right: 0px;
  	padding-left: 10px;
  	padding-right: 10px;}
  
.map {margin-bottom: 20px;}
  
.bgParalaxFixed, .bgParalaxFixed2, .bgParalaxFixed3, .bgParalaxFixed4, .bgParalaxFixed5, .bgParalaxFixed6, .bgParalaxFixed7 {background-attachment: inherit !important;}  
.bgParalaxFixed2 {height: 750px !important;} 
.bgParalaxFixed7 {height: 400px !important;} 
.bgParalaxFixed5 {height: 1500px !important;} 
.bgParalaxFixed6 {height: 834px !important;}  
  
.centre {margin-top: 40px;}
 
.nd-bassin {
	margin-top: 0px;
  	padding-top: 30px;
  	padding-bottom: 30px;
  	padding-left: 30px;
  	padding-right: 30px;}

.pataugeoire {
	height: 400px;
  	margin-top: 0px;
  	padding-top: 30px;
  	padding-bottom: 30px;
  	padding-left: 30px;
  	padding-right: 30px;}

.detente1 {margin-left: 0px;}
.detente2 {margin-right: 0px;}

.chaise {margin-bottom: 20px !important;}
  
.aqua1 {margin-left: 0px;}
.aqua2 {margin-right: 0px;}
  
.marge-left {margin-left: 0px;}
.marge-right {margin-right: 0px;}
  
.logo {margin-left: 40px !important;}
  
nav.menu-header-element .navbar-collapse {background-color: #045c84 !important;}
}