/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

 @import url('https://fonts.googleapis.com/css?family=Handlee');
 @import url('https://fonts.googleapis.com/css?family=Arima+Madurai');
 
 @font-face {
font-family: 'Noteworthy Light';
font-style: normal;
font-weight: normal;
src: local('Noteworthy Light'), url('font/Noteworthy-Lt.woff') format('woff');
}

body {
	font-size:100%;
}
em {
	color:inherit;
}

h1, h2, h3, h4 {
	font-family: 'Noteworthy Light' !important;
	font-weight:800 !important;
}
article a {
	color:#82027e;
}
article a:hover {
	color:#000;
}

.uk-overlay-panel.uk-overlay-top {
	text-align:center;
	color:#2F6F21;
	font-size:160%;
	line-height:normal;
}
.uk-overlay-panel.uk-flex-middle {
	align items: top !important;
}
.tm-fullscreen:not(.uk-hidden-large) + .tm-page {
	background: rgba(255,255,255,0);
	border: 0
}
.tm-fullscreen:not(.uk-hidden-large) + .tm-page .fondbl {
	background: rgba(255,255,255,0.8);
	padding:24px;
}
.tm-page {
	box-shadow: none;
}
.tm-content h1, .tm-content h2, .tm-content h3, .tm-content h4 {
	color:#82027E;
    font-family: 'Arima Madurai', cursive;
    text-transform:none;
}
.tm-toolbar {
	background:rgba(0, 0, 0, 0.7);
}
.tm-toolbar .uk-subnav > li > a {
	color:#fff;
	padding-bottom:12px;
}
.tm-toolbar .uk-subnav > li > a:hover {
	color: #6C6;
}
/*.uk-panel-box-primary {
	background: rgba(249,195,49,1) url(../images/cercle-bas.png) no-repeat bottom right;	
	box-shadow: none;
}*/
.uk-panel-box-primary h3 {
	color:#000;
	font-size:160%;
	line-height:normal;
}
.uk-navbar {
	background: rgba(130,2,126,1);
}
.uk-navbar-nav > li > a {
	color:#fff;
	background:transparent;
	font-size:115%;
	font-family: 'Noteworthy Light' !important;
	font-weight:600 !important;
	letter-spacing:.03em;
	text-transform:;
}

.uk-navbar-nav > li > a:hover, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-active a {
	background:rgba(255,255,255,.25);
}
 .tm-headerbar{
 	padding: 24px;
	background:#fff;
 }

 .tm-headerbar .uk-panel{
 	max-width: 400px;
 	width:100%;
 }
 .tm-headerbar .uk-container{
 	padding:0;
 }

.tm-page .uk-container{
	padding: 0 15px !important;
}

.menu-item-home{ visibility:hidden; }

.uk-dropdown {
	width:260px;
}
.uk-dropdown ul.uk-nav.uk-nav-navbar li a {
	padding:6px 12px;
	border-bottom:dotted 1px #cecece;
}
.uk-navbar-toggle {
    color: rgba(255, 255, 255, 1);
}
.uk-offcanvas-bar {
	background:rgba(141,187,23,1) !important;
}
.uk-nav-offcanvas > li > a, .uk-nav-offcanvas ul a {
    color: rgba(255, 255, 255, 1);
}
.naturo {
	background: #82027E;
	border: solid 1px #82027E;
	border-radius: 3px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 120%;
	line-height: inherit;
	padding: 6px 12px;
}
.naturo:hover {
	background: #81d750;
	border: solid 1px #81d750;
	color:#000;
}

.footer {
	background: #fff;
    position:relative;
    padding-top:24px;
}

.tm-fullscreen {
	z-index:1;
	position:relative;
	overflow:none;
	margin-bottom:18px;
}
.uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li {
	height:60vh;
	clear:both;
}
.adresse_nt {
	font-size:90%;
	line-height:normal;
}
/* Module sur par d'accueil */
.tm-bottom-a h3, .tm-bottom-b h3 {
	text-transform:uppercase;
	font-size:160%;
}
.espace-sante {
}
.topacc {
	margin:3% auto 3% auto;
	/*text-shadow:1px 1px 1px rgba(255,255,255,0.6);*/
	height:50vh;
}
.topacc h1, .topacc h3 {
	color:#459434;
}
.topacc a {
	text-decoration:none !important;
	color:#387528;
}
.topacc a:hover {
	color:#244f1e;
}
/* FIN - Module sur par d'accueil */

.tm-page {
	z-index:400 !important;
	position:relative;
	color:rgba(0,0,0,0.8);
	margin-top:48px !important;
}
.tm-page .tm-block:first-child {
	padding-top:24px;
}
.tm-block-light {
	background:none;
}
.tm-fullscreen:not(.uk-hidden-large) + .tm-page {
	margin-top:-80px !important;
}

.fullscreen-slideshow-wrapper{
	width:100%;
	height: auto;
	background-repeat: no-repeat;
    background-size: 100%, 100%;
    background-position: center center;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.fullscreen-slideshow-content{
	position:relative;
	margin:0 auto;
	width:100%;
	max-width: 1200px;
}

.fullscreen-slideshow-payoff{
	font-family: 'Lato';
  	font-weight: 400;
	color: #FFFFFF;
	padding: 30px;
	font-size: 25px;
	background-color: #000000;
	width:400px; 
	text-align: center;
	position:absolute;
	top: 200px;
	left:0px;
}
/* -- Image pleine page -- */
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}
/* -- FIN - Image pleine page -- */

.horaires-wrapper{
	width:100%;
	position:relative;
	float:left;
	background-color: #839e48;
	color: #FFFFFF;
	border-radius: 10px;
	padding-bottom: 30px;
}

.horaires-wrapper h2{ font-size: 21px; color:#FFFFFF; }

.horaires-header-wrapper{
	padding-top: 20px;
}

.horaires-header-wrapper, .horaires-header-main{
	position:relative;
	float:left;
	clear:both;
}

.horaires-header-icon{
	position:relative;
	float:left;
	width:40px;
}

.horaires-header-title{
	position:relative;
	float:left;
	width:100px;		
}

.historique-wrapper, .charte-wrapper{
	width:100%;
	position:relative;
	float:left;
}

.historique-text{
	margin-top: 20px;
	clear:both;
}

.wrapper-inner{
	padding:0 20px 30px 20px;
}


.tm-block{
	padding-bottom: 30px
}

#panoDIV, #panoWrapper{
	width:100%;
	height: 200px;
	overflow:hidden;
	margin:10px 0 20px 0;
}
.rsform-input-box, .rsform-calendar-box, .rsform-text-box {
	background:#CCC !important;
	border-radius:6px !important;
	width:70% !important;
}
.rsform-calendar-box.btnCal {
	background:#b1bd61 !important;
	border-radius:0 !important;
	width: auto !important;
}
.rsform-submit-button {
	font-size:120%;
}
.uk-panel-box-secondary h3 {
	color:#fff;
	text-transform:uppercase;
	margin-top:-22px;
}
.uk-panel-box-secondary {
	background:#839e48;
	color:#fff;
	border-radius:12px;
}
.uk-panel-box-secondary p {
	font-family: 'PT Sans';
}
.menupropose .uk-width-medium-1-2 {
	border-bottom:solid 1px #E5E5E5;
	padding-bottom:24px;
	padding-top:24px;
}
article .uk-align-right, article .uk-align-left {
	width:40%;
}
.uk-article table tr {
	border-bottom:solid 1px #cfcfcf;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #panoDIV, #panoWrapper{ height: 160px; }
}


/**************** ** ACCORDION IN WELCOME PAGE ** ****************/
.menu-accordion-wrapper{
	position:relative;
	width:100%;
}
.menu-accordion-wrapper{
	position:relative;
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
}

.menu-accordion-box{
	position:absolute;
	z-index: 100000;
	width:400px;
	top:0;
	right:0;
	padding-bottom: 30px;
	background-image: url(../images/bg-menu-accrodion.png);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	color:#FFF;
	font-size: 12px;

	/*background: #000;
    /* Mozilla, Opera, Safari, Chrome */
    /*opacity: 0.8;
    /* MS Explorer  5-7 */
    /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    /* MS Explorer 8 > */
     /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; */
}

.menu-accordion-box .wk-accordion-default .toggler{
	background: none;
	border: none;
	text-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border-top: 1px solid #999;
	margin:0;
	text-transform: none;
}

.menu-accordion-box h3{
	background: none;
	font-size: 16px;
	color:#839e48;
}

.menu-accordion-box .wk-accordion-default .toggler:hover{
	background-color:#000;
	font-size: 16px;
	color:#FFF;
}

.menu-accordion-inner .title{
	display:block;
	width:100%;
	padding: 0;
	font-size: 20px;
	font-weight: bold; 
}
.menu-accordion-inner .title-inner{
	display:block;
	padding: 10px; 
}

.bouton-reservation {
	position:absolute;
	right:0;
	z-index: 300;
	top:0;
	padding:12px 24px;
	width:auto;
	max-width: 400px;
	background-color: #000;
	background-image: url(../images/reservation-bg.png);
	background-position: top;
	background-repeat: repeat-x;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	color:#FFF;
	font-size:160%;
	font-weight:bold;
	text-transform:uppercase;
}

/*   RESERVATION WEBFORM STYELS   */

.reservation-title{
	padding: 0 0 30px 0;
	font-size: 20px;
	font-weight: bold;
}

.gcore-display-table{
	width:100% !important;
}

.gcore-display-table input[type="text"]{
	width:100% !important;
	text-align: left !important;
	padding-right: 0;
}

.chrono_credits{
	display:none;
}

.gbs3 form{
	padding: 10px 50px 0px 20px;
}

.gbs3{
	position:absolute;
	right:0;
	z-index: 300;
	top:0;
	padding:0;
	width:100%;
	max-width: 400px;
	background-color: #000;
	background-image: url(../images/reservation-bg.png);
	background-position: top;
	background-repeat: repeat-x;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	color:#FFF;
}

.form-reservation-wrapper{
	display:none;
}

.reservation-toggle{
	font-weight: bold;
	color:#FFF;
	background-color: #000;
	text-align: right;
	font-size: 20px;
	display:block;
	padding:10px 15px 10px 15px;
	cursor:hand;
	width:auto;
	position:relative;
	float:right;
	margin-bottom:15px;
	border-radius: 8px;
	width:100%;
	max-width: 300px;
	text-align: center;
	border:1px solid #555;
}

.reservation-toggle:hover{
	background-color: #839e48;
	cursor:pointer;
}

/* DISTINCTION FOOTER  */
.distinction-wrapper{ padding-top: 20px; }
.distinction-partial{ position:relative; float:left; width:50%; }



/* DATA FOOTER */
.data-footer-wrapper{
	width:100%;
	max-width: 400px;
	position:relative;
	padding: 80px 0 50px 0;
	float:right;
	text-align: left;
}
.tm-footer {
	font-size:90%;
}
.tm-footer .uk-panel a {
	color:#F9D064 !important;
}
.uk-button-primary {
	background: #fff;
	color:#525252;
}
/** NEWSLETTER **/
.tm-footer form{
	padding: 80px 0;
	text-align: left;
	color:#ffffff;
}

input[type="submit"]{
	background-color: #B1BD61;
	color:#ffffff;
	padding: 6px;
	border:0;
}


.wk-gallery .title{
	display:none;
}


.data-footer-inner{
	/*padding-top: 60px;*/
	color:#AAA;
	font-size: 13px
}

.data-footer-inner .title{
	color:#FFFFFF;
	font-weight: bold;
	font-size: 13px;
}

.data-footer-text{ position:relative; float:left; width:100%; max-width: 300px; text-align: left; }
.data-footer-facebook{ 
	float: left;
    max-width: 70px;
    padding: 8px;
    position: relative;
    text-align: left;
    width: 100%; 
}

.jeunes-text{
	font-size: 13px;
}

.tm-headerbar > h1,
.tm-headerbar h2,
.tm-headerbar h3,
.tm-headerbar h4,
.tm-headerbar h5,
.tm-headerbar p,
.tm-headerbar span {
}
.formResponsive input[type="text"], .formResponsive input[type="Email"], .formResponsive textarea {
	background:#fff !important;
	font-weight:500 !important;
	color:#000 !important;
	font-size:18px;
}
.uk-offcanvas-bar {
	background:rgba(130,2,126,1) !important;
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
	background:rgba(255,255,255,.5);
}
@media (max-width: 1920px){
	.topacc {
		height:47vh;
	}
}
@media (max-width: 1680px){
	.topacc {
		height:42.5vh;
	}
}
@media (max-width: 1680px){
	.topacc {
		height:34.5vh;
	}
}
@media (max-width: 1280px){
	.uk-navbar-nav > li > a {
		font-size:inherit;
	}
	.topacc {
		margin:1.55% auto;
		height:32vh;
	}	
}
@media (max-width: 1024px){
	.tm-logo-small {
		letter-spacing: -0.31em;
		position: absolute;
		right:6px;
		width: 12%;
		margin-top: 6px;
	}
}
@media only screen and (max-width: 880px){
	.fullscreen-slideshow-payoff{
		display:none;
	}
	.topacc {
		margin-top:inherit;
	}
}

@media only screen and (max-width: 768px){
	.data-footer-wrapper{
		width:100%;
		max-width: 100%;
		position:relative;
		padding: 40px 0 20px 0;
		text-align: center;
	}
	.data-footer-inner{
		width:100%;
		max-width: 400px;
		position:relative;
		margin:0 auto;
	}

	.tm-footer form table{
		position:relative;
		margin:0 auto; 
	}
	.tm-logo-small {
	    width: 18%;
		margin-top: 6px;
		text-align:right;
		position:absolute;
	}
	.uk-navbar-center {
    	text-align: right;
    	max-width: 60%;
	}
	.topacc h1 {
		font-size:130%;
		line-height:normal;
	}
	.topacc h3 {
		font-size:110%;
		line-height:normal;
	}
	.topacc {
		padding-bottom:24px;
		margin-bottom:0;
	}
}

@media only screen and (max-width: 630px){

	#tm-fullscreen{
		
	}

	.tm-logo{
		display:block;
		width:100%;
	}
	.gbs3{
		position:relative;
		max-width: 100%;
		overflow:hidden;
		border-radius: 0px;
	}

	.tm-headerbar .uk-panel,
	.tm-headerbar .uk-panel:before, 
	.tm-headerbar .uk-panel:after{
		display:block !important;
		position:relative;
		float:left;
		max-width: 630px;
		width:100% !important;
	}
	.header-phone-wrapper{
		margin-top: 20px;
		position:relative;
		float:left;
		padding-left: 20px;
	}
	.header-phone-number{
		font-size: 20px;
	}
	article .uk-align-right, article .uk-align-left {
		width:inherit;
	}
	.tm-bottom {
	margin-top:24px;
	padding:12px 0;
	}
}

@media (max-width: 414px){

		.uk-navbar-center {
    	text-align: right;
    	max-width: 42%;
	}
	.uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li {
    	height: 70vh;
	}
		.topacc {
		padding-bottom:24px;
	}
}