@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: 'olivierregular';
    src: url('../fonts/olivier_demo_0-webfont.woff2') format('woff2'),
         url('../fonts/olivier_demo_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body{
	background-color:#f5f5f5;
    font-family: 'Fira Sans', sans-serif;
	color: #1a171b;
	font-size:1rem;
	line-height:1.4rem;
}

a:link, a:visited, a:active{
	text-decoration: none;
	color: #37b1ad;
}
a:hover{
	color:#464a45;
}
.bold{
	font-weight: bold !important;	
}
.italic{
	font-style:italic;	
}
hr{
	background-color:#c1c1c1;
	margin:0;
}

table, tr, td{
	border:none;	
}

.one-third{
	min-width:250px !important;	
}



.evidence{
	text-transform:uppercase;
	font-size: 1.1em;	
}





h1,h2{
	font-family: 'Oleo Script', cursive;
	letter-spacing: 5px;
	text-align:center;
	line-height:normal;
	font-size:2.4em;
	color:#37b1ad;
}
h1{
	margin-bottom: 30px;
}
h2{
	letter-spacing: 4px;
	font-size:1.8em;
	line-height:1.3em;
	color:#37b1ad;
	
}
h3{
	letter-spacing: 3px;
	font-size:1.3em;
	line-height:1.1em;
	color:#37b1ad;
}
h4, h5{
	letter-spacing: 2px;
	font-size:1.2em;
	line-height:1em;
	/*margin:0;*/
	margin-top:10px;
	color:#37b1ad;
}

.w1140p{
	padding-left:10px;
	padding-right:10px;	
}

.bouton{
	background-color: #d0572e;
	display: inline-block;
	margin-top:30px;
	border-radius:7px;
	padding: 10px;
	text-align:center;
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #d0572e;
}
.bouton:hover{
	background-color:#464a45;
}
.bouton a{
	color:white;
}



/* HEADER */
header{
	z-index: 1000;
	background:url(../images/header-bck.jpg) center bottom no-repeat;
	background-size: cover;
	background-color:#fff;
}

#header-top{
	background-color: rgba(55,177,173,0.70);
	text-align: right;
	padding: 5px;
	padding-right: 20px;
}
#header-top a{
	color: white;
}

#header-bottom{
	background-color: rgba(255,255,255,0.7);
	text-align: center;
}

header.sticky{
	position: fixed;
	top:0;
  	transition: all 0.5s ease;
	margin:0 !important;
	padding-bottom:5px;
	width: 100%;
		-moz-box-shadow: 0 0 10px #464a45;
	-webkit-box-shadow: 0 0 10px #464a45;
	box-shadow: 0 0 10px #464a45;
}
header.sticky nav{
	bottom: 6px;
}
header.sticky .logo, header.sticky #header-bottom{
	display: none;
}
header.sticky nav, header.sticky .logo {
	transition: all 0.5s ease;
}
header.sticky .num{
	display: none;
}

nav{
	bottom:20px;
	right:0;
}
nav li{
	position: relative;
	margin-left:15px;
	margin-right:15px;
	list-style:none;
	padding: none;
	float:left;
}
nav li:last-child{
	margin-right:0;	
}
nav a{
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-radius: 6px;
}
nav a:link, nav a:visited, nav a:active{
	color: #464a45;
}
nav a:hover, nav li.active{
	color:#37b1ad;
	border-bottom: 1px solid #ccc;
	border-radius: 6px;
	padding-bottom: 5px;
}
nav li.active{
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 0;
}



nav .sMenu{
	position:absolute;
	display:none;
	z-index: 10000;
	text-align: left;
	-moz-box-shadow: 0 0 4px #DFDFDF;
	-webkit-box-shadow: 0 0 4px #DFDFDF;
	box-shadow: 0 0 4px #DFDFDF;
	background-color: rgba(55,177,173,0.70);
	width: auto;
	margin: 0;
	padding: 0;
	margin-top: 8px;

}
nav .sMenu a{
	border:none;
	color: white;
	padding: 0;
}
nav .sMenu a:hover{
	background-color:transparent;	
}
nav .sMenu li{
	margin: 0 !important;
	width: auto;
	min-width: 250px;
	padding: 10px;
	float: none;
	/*border-top: 1px solid #DFDFDF;*/
}
nav .sMenu li:hover, nav .sMenu li:hover a{
	color:#37b1ad;
}
nav .sMenu li:hover{
	background-color: white;
}
nav li:hover .sMenu{
	display:block;
}
nav li a:first-child:nth-last-child(2):after{
	content:" ";
	background: url(../images/fleche-down.png) no-repeat;
    position: absolute;
    left: 50%;
	margin-left: -5px;
    bottom:-2px;
    width: 10px;
    height: 4px;
}

.anchor{
  display: block;
  height: 105px; /*same height as header*/
  margin-top: -105px; /*same height as header*/
  visibility: hidden;
}


/* MENU RESPONSIVE */
#resp-menu-nav{
	display: none;
	width:100%;
	position:fixed;
	top:0;
	z-index:2001;
	background-color:#37b1ad;
	height:45px;
		-moz-box-shadow: 0px 0px 6px #787878; 
	-webkit-box-shadow: 0px 0px 6px #787878;
	box-shadow: 0px 0px 6px #787878;
}
#resp-menu-nav .logo{
	background-color: #fff;
	-moz-box-shadow: 0px 0px 6px #787878; 
	-webkit-box-shadow: 0px 0px 6px #787878;
	box-shadow: 0px 0px 6px #787878;
	z-index:2002;
	position:relative;
	height: 100px;
}
#resp-menu-nav .respBt{
	text-align:center;
	color:white;
	padding-top:5px;
	float:right;
	width: 45px;
	height: 45px;
	cursor:pointer;
	font-size:1.5em;
	margin-top: 5px;
}

#menu-responsive{
	display: none;
	z-index:2000;
	background-color: #37b1ad;
	position: absolute;
	width: 100%;
	left:0;
}
#menu-responsive .sMenu{
	display:none;	
}
#menu-responsive a:link, #menu-responsive a:visited, #menu-responsive .pasClicable a{
	color: white;	
}
#menu-responsive a:hover{
	text-decoration:none;
}
#menu-responsive ul{
	margin:0;
	padding:0;
}
#menu-responsive li{
	list-style:none;
	text-align:left !important;
	padding-left: 0px;
	width:100%;
	position:relative;
	border-bottom: 1px solid #65bcb9;
}
#menu-responsive li:hover{
	background-color: #464a45;
}
#menu-responsive li.active{
	padding:10px;
}
#menu-responsive a{
	display: block;
	width:100%;
	padding:10px;
}
#menu-responsive li a:first-child:nth-last-child(2):after{
	content:" ";
	background: url(../images/fleche-down-blanche.png) no-repeat 17px center;
    position: absolute;
	margin-top:-10px;
	right:0;
    width: 45px;
    height: 100%;
	/*border-left: 1px solid #65bcb9;*/
	cursor:pointer;
}
#menu-responsive .sMenu{
	border: none;
}
#menu-responsive .sMenu li{
	background-color: #464a45;
	background-image:url('../images/lighten.png');
	border: none;
}
#menu-responsive .sMenu li:hover{
	background-image:none;
}
/* /MENU RESPONSIVE */

/* /HEADER */


/* SLIDESHOW */
#slideshow{
	height: 550px;
	overflow:hidden;
	width: 100%;
}
#slideshow .slides{
	height:100%;
	float:left;
}
#slideshow-small{
	height: 300px;
	overflow:hidden;
}
#slideshow img, #slideshow-small img{
	width: 100%;
}
/* /SLIDESHOW */


/* PRESENTATION */
#presentation_{
	position:relative;
	overflow:hidden;
	padding-bottom:100px;
}
.block{
	background-color:#232522;
	/*width:40%;*/
	/*float:left;*/
	-moz-box-shadow: 0px 0px 6px #262626; 
	-webkit-box-shadow: 0px 0px 6px #262626;
	box-shadow: 0px 0px 6px #262626;
	position: relative;
	height: 610px;
	overflow: hidden;
}
.block:hover{
	-moz-box-shadow: none; 
	-webkit-box-shadow: none;
	box-shadow: none;
}
.block img{
	width:100%;
}
.block.agrandir{
	height: auto;
	  transition: display .5s ease;
  -webkit-transition: display .5s ease;
  -moz-transition: display .5s ease;
  -o-transition: display .5s ease;
}
.block .suite{
	width: 100%;
	height: 50px;
	background: url("../images/block-bck.png");
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	padding-top: 35px;
}
.plus{
	cursor: pointer;
	font-family:"olivierregular", sans-serif;
	font-size:2.4em;
	color:#fffbcb;
	margin-top: -13px;
}
#presentation_ #modulable{
	width:356px;
	top:200px;
	left: 570px;
	margin-left: -178px;
	background-color: rgba(35,37,34,0.9);
	border:1px solid #fffbcb;
}
/* /PRENTATION */


/* AGENDA */
#calendrier{
	background-color: #37b1ad;
	border-radius: 20px;
	padding: 25px;
	font-size: 1.2rem;
}
#calendrier table{
	background-color: white;
}
#calendrier .reserved{
	color: white;
	background-color:#e2001a;
}
#calendrier .reserved.petit{
	background-color:#e2001a;	
}
#calendrier .reserved.grand{
	background-color:#0868cb;
}
#calendrier .reserved.combine{
	background: url(../images/reserved-2.jpg) no-repeat center center;
}

#calendrier .flecheG, #calendrier .flecheD{
	font-family: 'olivierregular';
	color: #37b1ad;
	cursor:pointer;
	font-size: 2.2rem;
	padding-left:10px;
	padding-right: 10px;
}

#calendrier table, #calendrier table td{
	border: 2px solid white;
	color : #1a171b;
	margin:0;
	text-align: center;
}
#calendrier .mois{
	text-transform:uppercase;
	font-weight:bold;
	font-size: 1.1em;
	height:40px;
	background-color:#fff;
	border-bottom: 3px dotted #37b1ad;
}

#calendrier .today{

}
#calendrier .free{
	background-color: #fff0eb;
	font-weight: bold;
	color: #37b1ad;
	cursor: pointer;
}
#calendrier .free:hover{
	background-color: #37b1ad;
	color: #fff0eb;
}
#calendrier .free:hover a{
	color: #fff0eb;
}

#calendrier .past, #calendrier .closed{
	color: #e1e0e0;
	background: url(../images/hachures.png) center center;
}

#calendrier .mois td{
	border: none;
}
#calendrier td{
	height: 45px;
	border-radius: 7px !important;
}
#calendrier .jours td{
	color: #cccccc !important;
}

#calendrier td a{
	color: #37b1ad;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 8px;
}


#popup_res{
	padding: 10px;
	color:  #393939;
	background-color: white;
	height: 100%;
}
#popup_res h2{
	color: #37b1ad;
	font-size: 2rem;
}

#popup_res label{
	width: 40%;
}
#popup_res input[type="text"], #popup_res input[type="email"], #popup_res textarea, #popup_res select{
	height: 30px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	width: 55%;
}
#popup_res select{
	padding-right: 30px;
}

.message{
	width : 100%;
	padding: 10px;
	color: white;
	text-align: center;
}
.message.erreur{
	background-color: red;
}
.message.ok{
	background-color: #107c13;
}

/* /AGENDA */

/* ACTIVITES */
#activites_{
	background-color:#fffbcb;
	color: #464a45;
}
#activites_ h1{
	color: #37b1ad;
}
/* /ACTIVITES */





.scale{
	display: flex; /* contexte sur le parent */
  	flex-direction: column; /* direction d'affichage verticale */
  	justify-content: center; /* alignement vertical */
}

.scale img{
	width: 100%;
	max-height:none !important;
	transition: all .3s ease-in-out;
}
.scale img:hover{
	transform: scale(1.1) rotate(3deg);
	opacity:0.7;	
}



/* GALERIES-PHOTOS */

.ombre{
	-moz-box-shadow: 0 0 10px #c55028;
	-webkit-box-shadow: 0 0 10px #c55028;
	box-shadow: 0 0 10px #c55028;
}

#photos_{
	background-color:#37b1ad;	
}
#photos_ a img{
	margin-top:-4px;
	margin-right:10px;
}
#photos_ a:link, #photos_ a:visited{
	color:#fffbcb;
	font-size:1.1em;
}
#photos_ a:hover{
	text-decoration: none;
}
#galeries{	
}
.galerie{
	background-color: white;
	padding: 10px;
	border: 1px solid #eee;
	position:relative;
}

#galeries a{
	
}
#galeries .titre{
	background-color: #ffe6bd;
	width: 100%;
	height: 140px;
	font-family: 'olivierregular';
	font-size:2em;
	line-height: normal;
	color: #464a45;
	text-align:center;
	display: flex; /* contexte sur le parent */
  	flex-direction: column; /* direction d'affichage verticale */
  	justify-content: center; /* alignement vertical */
}
#galeries .titre:hover{
	background-color: #464a45;
	color: #ffe6bd;
	
}
.tb{
	height: 140px;
	overflow:hidden;
}
.tb img{
	max-width: none;
	height:150px;
}
.galerie .nom{
	font-weight: bold;
	font-size: 1.2em;
}
.galerie:hover .nom{
	background-color:#1982b9;
	color:white;
}

#swipebox-title{
	margin-top: 20px;
	line-height:1.5rem; 
}


.partenaire{
	border-right: 1px solid #9F9D82;
	
	padding: 20px;
}
.activite_tb img{
	height: 100%;
	max-width: none;
}
.activite_tb{
	height:130px;
	overflow: hidden;
}

/* /GALERIES */




.acces, .acces tr, .acces td{
	background-color: transparent !important;
	border: none !important;
}

/* /CONTENU CENTRE*/

/* PARTAGE */
.partage{
	text-align:right;
}
.partage img{
	width:20px;	
}
/* /PARTAGE */

/* FOOTER */
#footer-top{
	background-color:#fff;
	height:68px;
	width:100%; 
}
#footer-bas{
	background-color:#464a45;
	color: white;
	text-align:center;
}
.footer-menu ul, .footer-menu li{
	display:inline !important;
}
.footer-menu li{
	margin-left:10px;
}
footer{
	color: white;
}
footer a:link, footer a:visited{
	color: #fff;
	text-decoration:none;
} 
footer a:hover{
	color: #d0572e;

} 
footer h4{
	font-size:2.6rem;
	line-height:normal;
}
#remonter{
	width: 42px;
	height: 42px;
	background: url(../images/remonter.png) no-repeat;
	position: fixed;
	bottom: 30px;
	right: 10px;
	display: none;
	cursor: pointer;
}

#gMap, #gMap iframe{
	width:100%;
	height: 400px;
}

/* /FOOTER */

/* RESPONSIVE */

@media (min-width: 1100px) {
	#resp-menu-nav, #menu-responsive{
		display:none !important;	
	}
}
@media (max-width: 1100px) {
	header{
		display:none !important;	
	}
	#resp-menu-nav{
		display:block !important;	
	}
	.agenda_head{
		position:relative;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
	}
	#centre{
		margin-top:120px;
	}
	#slideshow ul, #slideshow .slide{
	height: 300px;
	margin:0;
	padding:0;
	}
	#slideshow .slide .infos{
		left:-0px;
		-webkit-transform: scale(0.7);
  		transform: scale(0.7);
		transform-origin: bottom left;
		-webkit-transform-origin: bottom left;
	}
	h1{
		font-size:2em;
	}
	h2{
		font-size:1.3em;
		line-height:1em;	
	}
	h3{
		letter-spacing: 2.5px;
		font-size:1.1em;
		line-height:0.9em;
	}
	h4, h5{
	letter-spacing: 2px;
	font-size:1em;
	line-height:0.8em;
	}
}


	

@media (max-width: 640px) {
	#slideshow ul, #slideshow .slide{
	height: 200px;
	margin:0;
	padding:0;
	}
	#slideshow .slide .infos{
		left:-0px;
		-webkit-transform: scale(0.5);
  		transform: scale(0.5);
		transform-origin: bottom left;
		-webkit-transform-origin: bottom left;
	}

}

/* /RESPONSIVE */