/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;margin-bottom:10px;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}
 
/* BODY ET HTML
--------------------------------------------------------------------------------------- */
/* 

#135d85
#2eaadc
#ff4900
#fafafa

*/

*{
	box-sizing:border-box;
}

@font-face {
    font-family: 'Questrial';
    src: url('inc/font/questrial-regular-webfont.eot');
    src: url('inc/font/questrial-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/font/questrial-regular-webfont.woff') format('woff'),
         url('inc/font/questrial-regular-webfont.ttf') format('truetype'),
         url('inc/font/questrial-regular-webfont.svg#questrialregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {

	color: #555555;
	font-size: 12px;
	line-height: 150%;
	font-family: Arial, Verdana, Helvetica; 
	text-align: left;
}
html.accueil{
	background:url(gx/m/bg_mobile.png) no-repeat center 1em;
	background-size:40em auto;
}
.nonMobile{
	display:none;
}

 
/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{
	color:#2eaadc;
	text-decoration: none;
}

a:hover, a:focus{color:#2eaadc;}
a:active{color:#2eaadc; text-decoration:none;}

h1{color:#2eaadc; font-size:18px; margin-bottom:0.5em; line-height:100%;}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2{color:#2eaadc; font-size:14px; margin-bottom:0.4em; line-height:100%;}
h2 a, h2 a:link, h2 a:visited{text-decoration:none;}

blockquote, q{quotes:none; margin:1em 0;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
blockquote, q, cite{font-style:italic;}
blockquote{padding-left: 1.625em; border-left:3px solid #ccc;}
blockquote > p {padding: 0;}

sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

hr{margin:10px 0; height:0; border:none; border-top:1px solid #ccc;}

.incTinyMce{
	line-height:170%;
}
.incTinyMce h2{
	font:normal 2em 'Questrial',sans-serif;
	text-transform: uppercase;
	color:#135d85;
	margin-bottom: 0.5em;	
}
.incTinyMce h3{
	font:bold 1.5em Arial;
	color:#2eaadc;
	/*color:#ee2e24;*/
	margin-bottom: 0.5em;	
}
.incTinyMce a img{
	display:inline;
}
.incTinyMce p{
	margin-bottom:1em;
	font-size:1em;
}
.incTinyMce ul li, .incTinyMce ol ul li, .blocContenu ul li{
	list-style-image:url(gx/m/i_puce.png); 
	margin-left:16px;
}
.incTinyMce ul ul li{
	list-style:circle;
}
.incTinyMce ol li, .incTinyMce ul ol li{
	list-style:decimal; 
	margin-left:23px;
}
.incTinyMce ol ol li{
	list-style:lower-alpha;
}
.incTinyMce table{
	width:100%;
	display:none;
}

.incTinyMce tr:first-child, .incTinyMce tr:first-child td:first-child{
	background-color: #135d85;
	text-align: left;
	color: #fff;
}

.incTinyMce table p{
	margin:0;
}
.incTinyMce tr td{
	border-bottom:1px solid #d9d9d9;
	padding:0.5em;
}
.incTinyMce tr td:first-child{
	background-color: #d9d9d9;
	border-bottom:1px solid #fff;
}
.incTinyMce tr td:last-child{
	border-right:1px solid #d9d9d9;
}

.textePetit{font-size:11px;}

/* Méthode de clear float */
.both, .clearBoth{clear:both;}

/* Méthode alternative */
.clearfix:after{visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0;}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix{zoom:1;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 12px; margin-bottom:10px; padding:5px;}
legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
label{font-size:12px;}
label.erreur{color:#cc0000;}
input.erreur, textarea.erreur{border:1px solid #cc0000;}
.champTexte{
	padding:10px;
	border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
	border:none;
	border:1px solid #135d85;
	max-width:22.5em;
}
.champTexte.date.disabled{
	background:#fff url(gx/m/i_calendrier_disabled.png) no-repeat 95% center;
}
.champTexte.date{
	background:#fff url(gx/m/i_calendrier.png) no-repeat 95% center;
}
.listeDeroulante{
	padding:9px;
	appearance:none;-webkit-appearance:none;-moz-appearance:none;
	margin-bottom:1em;
	width:100%;
	max-width:22.5em;
	border:1px solid #135d85;
	border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
	background:#fff url(gx/m/i_flecheDD.png) no-repeat 95% center;
}
#vortexDebugContenu{
	height:auto!important;
}
.champFichier{
	padding:5px;
}
.boiteTexte{
	resize:none;
	font-family:Arial, "Trebuchet MS";
	padding:5px;
	max-width:41em;
}
.champTexte:focus, .listeDeroulante:focus, .boiteTexte:focus{background-color:#ddd;}

a.bouton, input.bouton{
	color: #fff;
	text-decoration: none;
	font:normal 1.1em 'Questrial',sans-serif;
	text-transform: uppercase;
	padding: 1em 1.5em 1em 1.5em;
	cursor:pointer;
	border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
	
}
a.lienPlus{
	
}

a.lienRetour{
	display: block;
	margin-bottom: 1em;
}
.orange{
	border: 1px solid #db6302;
	background: #ff4900;
}
.bouton.orange:hover{
	background:#ff6f00;
}
.noir{
	border: 1px solid #414141;
	background: #2d2d2d;background: -moz-linear-gradient(top,  #2d2d2d 0%, #000000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2d2d), color-stop(100%,#000000));background: -webkit-linear-gradient(top,  #2d2d2d 0%,#000000 100%);background: -o-linear-gradient(top,  #2d2d2d 0%,#000000 100%);background: -ms-linear-gradient(top,  #2d2d2d 0%,#000000 100%);background: linear-gradient(to bottom,  #2d2d2d 0%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#000000',GradientType=0 );

}
.bouton.noir:hover{
	background: #4f4f4f;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNGY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #4f4f4f 0%, #222222 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#222222));background: -webkit-linear-gradient(top,  #4f4f4f 0%,#222222 100%);background: -o-linear-gradient(top,  #4f4f4f 0%,#222222 100%);background: -ms-linear-gradient(top,  #4f4f4f 0%,#222222 100%);background: linear-gradient(to bottom,  #4f4f4f 0%,#222222 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#222222',GradientType=0 );

}
a.bouton:hover{/*background-color:#1A80B6; color:#FFF;*/}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.avertissement{font-weight:bold; text-align:center; color:#7a440a; background-color:#FEEFB3; border:1px #7a440a solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.erreur{font-weight:bold;text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{font-weight:bold;text-align:center; color:#004D07; background-color:#DFF2BF; border:1px #004D07 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.info{
	font-weight:bold;
	text-align:center;
	 color:#006592; 
	 background-color:#c6edff; 
	 border:1px #006592 solid; 
	 clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	}

p.conseil{font-size:11px;display:none;}
div.erreur{color:#cc0000;}

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.png) no-repeat left;padding:5px 0 5px 20px;}
/*.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}*/

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	background: url(gx/m/forest.png) no-repeat bottom center;
}
html.accueil #conteneur{
	background: none;
}
#haut{
	width:100%;
	padding:1em;
	background-color:#fafafa;
	text-align:center;
}

#haut h2{
	font:normal 20px "Questrial",sans-serif;
	float: left;
	margin:30px 0 0 20px;
	color: #135d85;
}
#haut h3{
	font:normal 15px "Questrial",sans-serif;
	float: right;
	margin:35px 20px 0 20px;
	color: #135d85;
	text-transform: uppercase;
}

#contenu{
	width:100%;
	margin:0 auto 10px auto;	
	min-height:500px;
	height:auto !important;
	height:500px;
}

#logo{
	width:50%;
	max-width:215px;
	display: inline-block;
}
#logo img{
	display: block;
	width:100%;	
}

#btnReservation{
	padding:0.4em 0.8em 0.3em 0.8em;
	margin-top:15px;
	float: right;
	font-size:1em;
}

span.date{
	color:#2eaadc;
	margin-bottom: 0.5em;
	display: inline-block;
}

#ctnPaginationWrap{
	width: 100%;
	text-align: center;
}
#ctnPagination{
	display: inline-block;
	color:#2eaadc;
}
#ctnPagination a{
	color:#135d85;	
}
#ctnPagination span{
	padding: 0.2em;	
}
#ctnPagination a:hover{
	text-decoration: underline;
}


@supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation */
	.flexbox { 
		display: flex; 
		flex-flow: row wrap;		
	}
	.accueil .flexbox { justify-content: center; }
	.flexbox .flexItem { 
		flex: 0 0 auto; 
		height: auto;
	}
}

.avecSideBar img{
max-width: 58.55em;}


/* MENUS
--------------------------------------------------------------------------------------- */
#btnMenu{
	float:left;
	margin:1.8em 0 1em 0;
}
.accueil .jPanelMenu-panel{
	background:transparent!important;
}
.jPanelMenu-panel{
	background:#fafafa!important;
}
#jPanelMenu-menu{	
	background-color:#003957; 
	position:fixed!important;
}
#jPanelMenu-menu ul.sousMenu{
	display:none!important;
}
#jPanelMenu-menu > li > a{
	color:#fff;
	text-transform: uppercase;
	font:normal 1.5em 'Questrial',sans-serif;
	text-decoration:none;
	cursor: pointer;
	padding:1em 0 0.9em 1em;
	display:block;
	line-height:1.1em;
	background: #135d85;
}

#jPanelMenu-menu li a.deuxLigne{
	padding:1.4em 0 1.2em 1em;
}
#jPanelMenu-menu > li{
	color:#fff;
	text-transform: uppercase;
	text-decoration:none;
	cursor: pointer;
	width:100%;
	border-bottom:1px solid #296d91;
	margin-left:0px;
}

#jPanelMenu-menu #imgMagasin a{
	padding:0.7em 0 0.7em 1em;
}
#jPanelMenu-menu #ctnLienMenu{
	overflow:hidden;
	margin-bottom:80px;
	padding-bottom: 1em;	
	border-bottom:0px;
}
#jPanelMenu-menu #ctnLienMenu li{
	padding: 1.5em 0 1.5em 2em;
	
}
#jPanelMenu-menu #ctnLienMenu a{
	font:normal 1.2em 'Arial',sans-serif;
	text-transform: none;
	color:#fff;
	display:block;
	padding-right:1.5em;
	background:url(gx/m/i_flecheBleu.png) no-repeat right center;
	background-size:auto 0.8em;
	float: 	left;
	clear: both;	
}

#jPanelMenu-menu #ctnRSMobile{
	padding:1em 0 0.9em 1.8em;
	background: #135d85;
	text-transform: none;
	display: block;overflow: hidden;
}
#jPanelMenu-menu #ctnRSMobile a{
	
	font:normal 1em 'Questrial',sans-serif;
	display:inline-block;
}
#jPanelMenu-menu #ctnRSMobile #iconeFB{
	margin:0 1em 0 3em;
}
#jPanelMenu-menu #ctnRSMobile span{
	margin:0 1em;
}
#jPanelMenu-menu a.actif{ 
	color:#f85c01;
}

#jPanelMenu-menu .dropDown {
	display:none;
	padding-bottom: 1.5em;

}
#jPanelMenu-menu .actif .dropDown {
	display:block;
	padding-bottom: 1.5em;

}
#jPanelMenu-menu .dropDown li{
	margin-top:1.5em;
}
#jPanelMenu-menu .dropDown a {
	text-transform: none;
	font:normal 1.2em Arial,sans-serif;
	background:url(gx/m/i_flecheBleu.png) no-repeat right center;
	text-decoration:none;
	cursor: pointer;
	padding:1em 1.5em 1em 1.6em;
	background-size:auto 0.8em;
	color:#fff;	
}
#jPanelMenu-menu .dropDown a.actif {
	color:#f85c01;	
}


/* Navigation secondaire */
#menuSec{float:right;/* font-size:13px;*/}
#menuSec li{
	display:inline; 
	float:left;
	margin-top: 2px;
}
#menuSec a, #menuSec a:link, #menuSec a:visited{
	color: #fff;
	text-decoration: none;
	margin-right: 15px;
}
#menuSec a:hover{
	color:#f85c01;
}
#menuSec li.dernier a{padding-right:0;margin-right:0px;}

#ctnMenuSecWrap{
	width:100%;
	background: #000;
	overflow: hidden;
	padding: 5px 0;

}
#ctnMenuSec{
	width: 1000px;
	margin: 0px auto;

}
#meteoMedia{
	float: left;
	display: block;
}

#iconeFB a{
	background:url(gx/s_RS.png) no-repeat -2px -1px;
	display: block;
	width: 8px;
	height:18px;
}
#iconeYT a{
	background:url(gx/s_RS.png) no-repeat -18px -1px;
	display: block;
	width: 16px;
	height:18px;
}
#iconeRS a{
	background:url(gx/s_RS.png) no-repeat -44px -1px;
	display: block;
	width: 18px;
	height:18px;
}





/* FIL D'ARIANE
--------------------------------------------------------------------------------------- */

#ctnFilAriane{
	padding:1em;
	overflow: hidden;
}
#ctnFilAriane li{
	display: block;
	float: left;
	margin-right:0.5em;
	font:normal 1em Arial,sans-serif;
}
#ctnFilAriane li img{
	margin-right:0.5em;
}
#ctnFilAriane a{
	color:#555;
}

/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.photoMortaise{float:left; margin:4px 10px 5px 0;}

/* Boutons de partage */
.btnPartageGoogle{width:85px;float:left;}
.btnPartageTwitter{width:125px;float:left;}
.btnPartageLinkedIn{width:110px;float:left;}
.btnPartagePinterest{width:110px;float:left;}
.btnPartageStumbleUpon{width:110px;float:left;}
.btnPartageFacebook{width:155px;float:left;}

/* Bannière et Slider
--------------------------------------------------------------------------------------- */

#ctnBanniere{
	position: relative;
	width: 100%;
	max-width:960px;
	margin-bottom: 2em;	
	box-shadow:0px 20px 20px -20px #333;
}
.accueil #ctnBanniere{
	padding: 5px;
	background-color: #f2eee2;
}
#ctnBanniere .image p{
	float: right;
	margin:0.5em 0.5em 0 0;
}
/* CTA
--------------------------------------------------------------------------------------- */


/*06_500 : Salle*/


.salletable tr:first-child, .salletable tr:first-child td:first-child {
    background-color: #135d85;
    color: #fff;
    text-align: left;
    font-weight: bold;
}
.salletable tr td:first-child {
    background-color: #d9d9d9;
    border-bottom: 1px solid #fff;
    font-weight: bold;
}
.salletable tr td {
    border-bottom: 1px solid #d9d9d9;
    padding: 0.5em;
}


.salletable tr td:last-child {
    border-right: 1px solid #d9d9d9;
}
.salletable a{
	color:#555555;
	cursor: pointer;
	display:none;
}


.fancybox-skin {width:532px!important; height: 350px !important}
	.fancybox-inner img{width:500px; height: auto}
	.fancybox-outer span{ top:auto !important; bottom:0;}
	.fancybox-nav{height: 333px !important}
	.fancybox-prev span {background: url(js/overlay/image/precedent.png) no-repeat !important; visibility: visible !important; left:0 !important;}
	.fancybox-next span {background: url(js/overlay/image/suivant.png) no-repeat !important; visibility: visible !important; right:0 !important;}
/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

#ctnTitreAccueil{
	margin:2em 0 3em 0;
	text-align: center;
}
#ctnTitreAccueil h1{
	font:normal 5em 'Questrial',sans-serif;
	color: #fff;
	text-shadow: 0 0 5px #000;
}
#ctnTitreAccueil h2{
	font:normal 2.5em 'Questrial',sans-serif;
	color: #fff;
	text-shadow: 0 0 5px #000;
	margin:0 1em 4.5em 1em;
}

#ctnTexteAccueil {
	width:100%;
	padding: 0 1em;
		
}
#blocTexte {
	width: 100%;
	margin-bottom: 1em;	
	text-align: center;		
}
#blocTexte h3 a{
	font:normal 1.5em 'Questrial', sans-serif;
	color: #135d85;
	text-transform: uppercase;
}
#blocTexte h3{
	margin-bottom:1em;
}

#blocResto{
	text-align: center;
	width:100%;
	padding-bottom: 1em;	
	margin-bottom: 2em;	
}
#blocResto h2, #blocResto h3, #blocResto h4{
	color:#ee2e24;
}
#blocResto > img{
	margin-bottom: 15px;
}
#blocResto a{
	color:#ee2e24;
}
#blocResto .bouton{
	width: 100%;	
	padding:1em auto;
	display: block;
	color:#fff;
}

.blocAccueil{
	text-align: center;
	padding:3em 0 3em 0;
	overflow: hidden;
}
.blocAccueil h2{
	font:normal 2.2em 'Questrial',sans-serif;
	color:#fff;
	margin-bottom:0.5em;
	text-transform: uppercase;
}
.blocAccueil p{
	font:normal 15px 'Arial',sans-serif;
	color:#fff;
	line-height: 25px;
	margin-bottom: 20px;
}


/* CONTENU FORFAIT*/

#ctnForfaitWrap{
	background: url(gx/01/bgForfait.jpg) repeat center top;
	background-size: auto 100%;
	color:#fff;
	overflow:hidden;
}
#ctnForfaitWrap #ctnForfait{
	padding:0px;
}
#ctnForfait.accueil{
	text-align: center;
	width:100%;
	margin-top:1.5em;
}
#ctnForfaitWrap h2{
	font-size:2.2em;
}
#ctnForfaitWrap h2, #ctnForfaitWrap p{
	color:#fff;
}

.blocForfait, .blocActivite{
	vertical-align:top;
	position: relative;	
	width:18.9em;
	margin:0 0.5em 4.5em 0.5em;
	text-align: center;
	color:#fff;
	display:inline-block;
	float: left;
	border:1px solid #e1e1e1;
	cursor:pointer;
}
.blocActivite{ height: 32em; }
.blocForfait { height: 27em; }

.solo{margin-bottom: 2em;}

.accueil .blocForfait, .accueil .blocActivite { float: none; }

#ctnForfait.accueil .blocForfait{
	padding: 5px;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4);
	border:0px solid #e1e1e1;
}

.blocForfait .blocTxtImg{
	z-index: 666;
	width: 100%;
	box-sizing: border-box;
	font: normal 1.1em 'Questrial',sans-serif;
	position: absolute;
	padding: 6.4em 0 1em 0.8em;
	color: #fff;
	top: 0px;
	left:0px;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.60) 1%, rgba(0,0,0,0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(0,0,0,0.60)), color-stop(100%,rgba(0,0,0,0)));background: -webkit-linear-gradient(left,  rgba(0,0,0,0.60) 1%,rgba(0,0,0,0) 100%);background: -o-linear-gradient(left,  rgba(0,0,0,0.60) 1%,rgba(0,0,0,0) 100%);background: -ms-linear-gradient(left,  rgba(0,0,0,0.60) 1%,rgba(0,0,0,0) 100%);background: linear-gradient(to right,  rgba(0,0,0,0.60) 1%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85000000', endColorstr='#00000000',GradientType=1 );
	text-align: left;
	height: 168px;
}

#ctnForfait.accueil .blocForfait .blocTxtImg{
	top: 5px;
	left:5px;
	padding: 6.2em 0 1em 0.8em;
	height: 163px;
}
.blocForfait .blocTxtImg strong{
	font:normal 1.5em 'Questrial',sans-serif;
}

.blocForfait img, .blocActivite img{
	display: block;
}
.blocForfait .blocContenu, .blocActivite .blocContenu{
	background-color: #fff;
	padding:1em;
	color:#555;
	text-align: left;
	min-height:100px;
}
.blocListing.galerie .blocContenu{
	min-height:0!important;
}
.blocListing.galerie .blocContenu h3{
	margin-bottom:0px;
}
.blocListing.galerie.flex{
	flex:inherit;
}

.blocForfait h3, .blocActivite h3, .blocListing h3{
	color:#000;
	font:normal 1.4em 'Questrial',sans-serif;
	text-transform: uppercase;
}
.blocListing{
	margin-bottom:2em;
	cursor:pointer;
	background:#fff;
}

/* CONTENU ACTUALITE */
#ctnActiviteWrap{
	background: url(gx/01/bgActivite.png) no-repeat center top;
	background-size: auto 100%;
	color:#115c84;
	overflow:hidden;
}
#ctnActivite.accueil{
	margin-top:1.5em;
	text-align:center;
}

#ctnActiviteWrap h2, #ctnActiviteWrap p{
	color:#115c84;
}
/*
#ctnActivite.accueil .blocActivite .bouton{
	position: absolute;
	left: 0.9em;
	right:0.9em;

}*/

/* 02_100 : A PROPOS
--------------------------------------------------------------------------------------- */

#ctnTexte{
	padding:0 1em;
}
#ctnTexte h1{
	font:normal 2em 'Questrial', sans-serif;
	text-transform: uppercase;
	color: #003957;
}

#ctnTexte .intro{
	color:#135d85;
	margin-bottom:1em;
}

#ctnTexte .bouton{
	margin-top:2em;
	display: block;
	float: left;
}

#ctnTexte.avecSideBar .bouton{margin-bottom:15px;}

/* 03_100
--------------------------------------------------------------------------------------- */

#ctnListing{
	width:100%;
	margin-top:1.5em;
	padding:0 1em;
	text-align: center;
}

.blocVerti{
	position: relative;
	height: 30em;
	width:18.75em;
	margin:0 auto 2.5em auto;
	text-align: center;
	color:#fff;
	border:1px solid #e1e1e1;
	display:inline-block;
	padding-bottom:2em;
	cursor: pointer;
	vertical-align:top;
}

.blocVerti img{
	display: block;
}
.blocVerti .blocContenu{
	background-color: #fff;
	padding:1em;
	color:#555;
	text-align: left;
	min-height:100px;
}
.blocVerti h3{
	color:#000;
	margin-bottom: 0.5em;
	font:normal 1.4em 'Questrial',sans-serif;
	text-transform: uppercase;
}
.blocVerti .bouton{
	padding:1em 0;
	left:1em;
	right:1em;
}

.blocHori{
	position: relative;
	width:18.75em;
	margin:0 0.5em 2em 0.5em;
	text-align: center;
	color:#fff;
	border:1px solid #e1e1e1;
	display:inline-block;
	padding-bottom:1em;
	cursor: pointer;
	vertical-align:top;
}

.blocHori img{
	display: block;
	float: left;
}
.blocHori .blocContenu{
	background-color: #fff;
	padding:1em;
	color:#555;
	overflow: hidden;
	text-align: left;
}
.blocHori h3{
	color:#000;
	margin-bottom: 0.5em;
	font:normal 1.4em 'Questrial',sans-serif;
	text-transform: uppercase;
}


/* 05_100 : A PROPOS
--------------------------------------------------------------------------------------- */

#ctnForfait{
	text-align: center;
	padding:2em 1em;
}
#ctnForfait h2, #ctnListing h2{
	font:normal 1.8em 'Questrial',sans-serif;
	text-transform: uppercase;
	display: block;
	text-align: left;
	color:#135d85;
}
.blocForfait{
	margin-bottom: 4em;
}
.blocForfait .bouton{
	left: 1.2em;
	right:1.2em;
	bottom: -1.5em;
	position: absolute;
}
.noactif{display:none;}

.blocActivite .bouton, .blocVerti .bouton{
	left: 1em;
	right:1em;
	bottom: -1.5em;
	position: absolute;
}

.blocForfait .blocContenu div, .blocActivite .blocContenu div{
	margin-bottom: 2em;
}

#ctnTexte.forfait .intro{
	color:#135d85;
	font:normal 1.1em/1.5em 'Questrial',sans-serif;
}


/* 10_100 : Offre d'emploi
--------------------------------------------------------------------------------------- */
.offreemploi li {
	border-top: 1px solid #e1e1e1;
	margin: 20px 0;
	padding:20px 0;
	list-style-type: none;

}
.offreemploi li:last-child{
		border-bottom: 1px solid #e1e1e1;
}
.offreemploi li h3{
	font-size: 16px;
	
}

/* 09_100 : NOUS JOINDRE
--------------------------------------------------------------------------------------- */

.blocFormContact .champTexte, .blocFormCarriere .champTexte, .blocFormulaire .champTexte {
	width:100%;
	margin-bottom:1em;
}
#formCarriere .boiteTexte{
	width:100%;
	height:150px;
	border:1px solid #135d85;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	resize:none;
}
#formContact .boiteTexte{
	width:100%;
	height:150px;
	border:1px solid #e1e1e1;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	resize:none;
}
#formContact .champTexte{
	border:1px solid #e1e1e1;
}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
/*
#contenu{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -66px;
}
#piedPageWrap, .stickyPush {
	overflow:hidden;
	width:100%;
	height: 66px; 
}*/

#piedPageWrap{
	background:#135d85;
	color:#fff;
	margin-top:3em;
}
#piedPage{
	width: 100%;
	padding:1em 0.5em 1.5em 0.5em;
}
#piedPage a{
	text-decoration:none;
	color:#fff;
	font-size:0.8em;
	line-height: 1em;
}
#piedPage a:hover{
	text-decoration:underline;
}
#piedPage #copyrights{
	float:left;
	line-height: 1em;
	margin-top: 0.5em;
	
}

/* Partager cette page (AddToAny) */
/*a#lienPartager{float:right; width:73px; height:25px; background:url(gx/btn_partager.png) no-repeat; font-size: 12px; font-weight:bold; padding:3px 0 0 35px; color:#FFF; text-decoration:none;}*/
a#lienPartager{
	float:right; 
	text-align:center;  
	font-size:13px; 
	font-weight:normal; 
	padding:0.5em 1em; 
	background: #4e86a4;
	color:#FFF; 
	text-decoration:none;
	margin-top:0.9em;
}


@media only screen and (min-width: 500px) {

	#blocResto .bouton{
		width: auto;	
		padding:1em 2em;
		display: inline-block;
	}

	#ctnTexte #btnReserver{
		float:right;
	}
	#ctnTexte br.mobileOnly{
		display:none;
	}

	#ctnForfait{
		/*text-align: left;*/
	}

	.blocListing{
		vertical-align: top;
		width: 18.9em;
		margin: 0 0.5em 2em 0.5em;
		text-align: center;
		color: #fff;
		display: inline-block;
		float: left;
		border: 1px solid #e1e1e1;	
	}
	.blocListing .blocContenu{
		background-color: #fff;
		padding:1em;
		color:#555;
		text-align: left;
	}

	.blocContenu, .blocForfait .blocContenu, .blocActivite .blocContenu {
		min-height:170px;
	}
	.blocContenu .nonMobile{
		display:block;
	}
	.blocVerti{
		margin:0 0.5em 2.5em 0.5em;
	}


}

@media only screen and (min-width: 650px) {
.salletable td a:first-child{
	display:inline;}
	html.accueil{
		background:url(gx/m/bg.png) no-repeat center 3em;
		background-size:100% auto;
	}

	.incTinyMce table{
		width:100%;
		display:inherit!important;
	}

	#ctnTitreAccueil {
		margin: 2.5em 0 20% 0;
		text-align: center;
	}

	#ctnTitreAccueil h2 {
		font: normal 2.5em 'Questrial',sans-serif;
		margin: 0 1em 4.5em 1em;
	}

	#blocResto{
		float:right;
		width:47%;
	}
	#blocTexte{
		float: left;
		width:47%;
	}
	#ctnTexteAccueil, #ctnTexte, #ctnListing{
		padding: 0 2em;
	}
	#haut, #ctnFilAriane, #piedPage, #ctnForfait{
		padding:1em 2em;
	}

	.blocFormulaire{
		width:45%;
		max-width:22em;
		float:left;
		margin-right:1em;
	}

	#ctnChampTexte{
		width:100%;
		max-width:100%;
	}

}

@media only screen and (min-width: 750px) {

	#ctnTitreAccueil .nonMobile{
		display: block;
	}
	html.accueil{
		background-size: 140% auto;
	}
	#ctnTitreAccueil{
		margin-bottom:30%;
	}

}

@media only screen and (min-width: 960px) {
	html.accueil body{background: none;}
	body{	background: url(gx/m/vague_bg.png) repeat-x; }
	.interne #ctnListing, .interne #ctnForfait, .interne #ctnActivite{
			text-align:left;
		}
	.interne .blocVerti, .interne .blocForfait, .interne .blocActivite, .interne .blocListing{
		width:17.8em;
	}
	.blocForfait .blocTxtImg{
		height:159px;
	}
}

@media only screen and (min-width: 1000px) {

	#ctnTexte h1 {
		font: normal 2.5em 'Questrial', sans-serif;
	}
	#ctnTexte .intro{
		font-size:1.3em;
		line-height:1.5em;
	}
	.incTinyMce p, .incTinyMce ul{
		font-size:1.2em;
		line-height:1.5em;
	}
	html.accueil{
		background:url(gx/m/bg.png) no-repeat center top;
		background-size: 1920px auto;
	}

	.mobileOnly, #menu.mobileOnly{
		display:none!important;
	}
	.nonMobile{
		display:block;
	}

	a.bouton, input.bouton{
		font:normal 1em 'Questrial',sans-serif;
	}

	#contenu.interne{
		padding-bottom:2em;
	}

	
	#haut{
		width:1000px;
		margin:0 auto;
		padding:1em 2em;
		background-color:#fafafa;
		text-align:center;
	}

	#haut h2{
		font:normal 20px "Questrial",sans-serif;
		float: left;
		margin:30px 0 0 20px;
		color: #135d85;
	}
	#haut h3{
		font:normal 15px "Questrial",sans-serif;
		float: right;
		margin:35px 20px 0 20px;
		color: #135d85;
		text-transform: uppercase;
	}

	#logo{
		float:left;
	}

	#btnReservation{
		padding: 1em 2em;
		margin-top:2em;
	}

	#menu{
		margin:0 auto;
		padding:5px ;
		background-color: #135d85;
		height: 58px;
		width:1000px;
	}
	#menu > li{
		display:inline-block; 
		float:left;
		margin-right: 4px;
	}
	.ctnDropDown{
		position: relative;

	}
	.ctnDropDown ul.dropDown{
		display: none;
		position: absolute;
		z-index:666;
		top:44px;
		width:20em;
		background-color: #fff;
		transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
		box-shadow:0px 5px 10px -5px #333;-moz-box-shadow:0px 5px 10px -5px #333;
	}
	#menu .dropDown > li > a{
		text-transform: none!important;
		font:normal 1.2em Arial,sans-serif;
		background:none;
		text-transform: none;
		display: block;
		padding:1em;
		color:#135d85;	
		transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
	}
	#menu .dropDown > li > a.actif{
		background-color:#2eaadc;
		color:#fff;	
	}
	.dropDown li{
		border-bottom:1px solid #d9d9d9;
	}
	.dropDown li:last-child{
		border-bottom:0px;
	}
	#menu .dropDown > li > a:hover{
		color:#2eaadc;
	}
	.ctnDropDown:hover .dropDown{
		display:block;
	}

	#menu .deuxLigne .dropDown > li:first-child a{
		
	}

	#menu li.dernier{
		display:inline-block; 
		float:right;
		margin-right: 0px;
	}
	#menu > li > a, #menu > li > a:link, #menu > li > a:visited{
		color: #fff;
		font:normal 15px 'Questrial',sans-serif;
		padding: 15px 17px;
		text-decoration: none;
		display: block;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		zoom:1;
		text-transform: uppercase;
	}
	#menu .deuxLigne > a, #menu .deuxLigne > a:link, #menu .deuxLigne > a:visited{
		padding:7px 15px;
	}
	.en #menu > li > a, .en #menu > li > a:link, .en #menu > li > a:visited { 
		padding:15px 24px;
	}
	.en #menu .deuxLigne > a, .en #menu .deuxLigne > a:link, .en #menu .deuxLigne > a:visited { 
		padding:7px 25px;
	}
	#menu > li:hover > a, #menu > li a:visited:hover{
		background-color:#fff; 
		color:#2eaadc;
	}
	#menu > li > a.actif, #menu > li > a.actif:visited{
		background-color:#2eaadc; 
		color:#FFF;
	}

	#ctnDatePartage{
		overflow: hidden;
		margin-bottom:10px;
	}
	#ctnDatePartage #partage{
		float:right;
	}



	/*  ACCUEIL
	----------------------------------------------------------------------*/
	#ctnTitreAccueil {
		margin: 8em 0 27em 0;
		text-align: center;
	}

	#ctnTexteAccueil{
		width:1000px;
		margin:0 auto;
		padding:0 20px;
	}
	#blocResto{
		text-align: center;
		padding-right: 2em;
		padding-bottom:4em;
		width: 39em;
		background:url(gx/m/imgPlatResto.png) no-repeat right bottom;
	}
	#blocResto .incTinyMce{
		text-align: left;
		margin:0 5em 2em 0;
	}

	#blocResto .bouton {
		float: left;
	}

	#blocTexte {
		text-align: left;
		padding-right: 2em;
		padding-bottom: 3em;
		border-right: 1px solid #d9d9d9;
		width:39em;
		padding-bottom: 8em;
		max-height: 40.8em;
	}
	.blocForfait.dernier{
		margin-right:0px;
	}

	.blocAccueil p {
		font: normal 1.2em/1.5em 'Arial',sans-serif;
	}

	#ctnForfait.accueil .blocForfait .blocTxtImg {
		top: 5px;
		left: 5px;
		padding: 5.9em 0 1em 0.8em;
	}

	#ctnForfaitWrap{
		background-size: 1920px auto;
	}
	#ctnForfaitWrap h2 {
		font-size: 2.5em;
	}

	.interne #ctnForfait .blocForfait{
		margin-right:19px;
		margin-left:0;
	}
	.interne #ctnForfait .blocForfait.dernier.quatre{
		margin-right:0px!important;
	}

	/*  CTA + CONTENU LATERAL
	----------------------------------------------------------------------*/
	#ctnLateral{
		float: right;
		width: 20.75em;
		padding: 0 2em 0 0;
		margin-bottom:2em;
	}

	#ctnLateral #menuLateral {
		display:block;
		padding: 1em 0;
		background-color:#eaf1f4;
		box-shadow:2px 2px 5px -1px #ddd;-moz-box-shadow:2px 2px 5px -1px #ddd;
		margin-bottom:2em;
	}
	#ctnLateral #menuLateral li{
		padding:0 1em;
	}
	#ctnLateral #menuLateral li.actif{
		background:url(gx/m/i_flecheLateral.png) no-repeat left center;
	}

	#ctnLateral #menuLateral li:last-child{
		border-bottom: 0px solid #d9d9d9;
	}

	#ctnLateral #menuLateral a {
		text-transform: none;
		display: block;
		font:bold 1.2em Arial,sans-serif;
		text-decoration:none;
		cursor: pointer;
		padding:1em;
		color:#135d85;	
	}
	#ctnLateral #menuLateral a:hover{
		color:#fff;	
		background-color:#2eaadc;
	}

	#ctnLateral .cta{
		width: 18.75em;
		height: 14.1em;
		text-align:center;
		margin-bottom:2em;
		cursor:pointer;
	}

	#cta_activite{
		background:url(gx/m/ctaActivite.jpg) no-repeat center center;
	}
	#cta_activite:hover{
		background:url(gx/m/ctaActiviteOver.jpg) no-repeat center center;
	}
	#cta_evenement{
		background:url(gx/m/ctaEvenement.jpg) no-repeat center center;
	}
	#cta_evenement:hover{
		background:url(gx/m/ctaEvenementOver.jpg) no-repeat center center;
	}
	#cta_forfait{
		background:url(gx/m/ctaForfait.jpg) no-repeat center center;
	}
	#cta_forfait:hover{
		background:url(gx/m/ctaForfaitOver.jpg) no-repeat center center;
	}
	#cta_resto{
		background:url(gx/m/ctaResto.jpg) no-repeat center center;
	}
	#cta_resto:hover{
		background:url(gx/m/ctaRestoOver.jpg) no-repeat center center;
	}
	
	#cta_resto a{
		margin-top:11em;
		display:inline-block;
		color:#fff;
		text-transform:uppercase;
	}
	.cta h3{
		margin-top:0.8em;
		display:inline-block;
		color:#fff;
		font:normal 1.5em 'Questrial',sans-serif;
		text-shadow: 0 0 2px #333;
		margin-bottom:3.2em;
	}
	.cta h3 strong{
		text-transform:uppercase;
		font-size:1.4em;
	}

	#ctnTexte.avecSideBar, #ctnListing.avecSideBar{
		float:left;
		width: 62.55em;
	}

	#ctnInfolettre h3{
		display:block;
		text-align:center;
		padding:0.8em 0;
		background-color:#003957;
		font:normal 1.3em 'Questrial',sans-serif;
		color:#fff;
		text-transform: uppercase;
	}
	#ctnInfolettre{
		background-color:#115c84;
		text-align:center;
		color:#fff;
	}
	#ctnInfolettre #formInfolettre{
		padding:0.8em;
	}
	#ctnInfolettre .bouton, #ctnInfolettre .champTexte{
		display:block;
		width:100%;
		margin-bottom:1em;
	}

	#formInfolettre .champTexte{
		width: 100%;
	}

	
	/*  PAGE INTERNE
	----------------------------------------------------------------------*/
	#ctnFilAriane{
		padding:2em;
	}
	#contenu.interne{
		background-color:#fafafa;
		box-shadow:0px 10px 10px 0px #ccc;-moz-box-shadow:0px 10px 10px 0px #ccc;
		width: 1000px;
		margin: 0px auto;
	}
	.interne .blocVerti, .interne .blocForfait, .interne .interne .blocActivite, .interne .blocListing{
		width:18.6em;
		background:#fff;
	}
	
	.avecSideBar .blocVerti{
		width:18.4em;
	}

	.blocVerti.dernier{
		margin-right: 0;
	}
	.blocVerti:hover, .blocForfait:hover, .blocActivite:hover, .blocListing:hover{
		border:1px solid #2eaadc;
	}

	.blocVerti:hover h3, .blocForfait:hover h3, .blocActivite:hover h3, .blocListing:hover h3{
		color:#2eaadc;
	}
	.interne .blocForfait .blocTxtImg{
		height: 166px;
	}
	/*.blocForfait .blocTxtImg{
		height: 166px;
	}*/

	
	/*  PIED DE PAGE
	----------------------------------------------------------------------*/
	#piedPageWrap{
		background:#135d85;
		padding:30px 0 125px 0;
		color:#fff;
		margin-top:0;
	}

	#piedPage{
		width:1000px;
		margin:0px auto;
	}

	#piedPage a{
		text-decoration:none;
		color:#fff;
		font-size:1em;
	}
	#piedPage a:hover{
		text-decoration:underline;
	}
	#piedPage #copyrights{
		float:left;
		margin:40px 10px 0 0;
	}

	#piedPage hr{
		border-color:#4e86a4;
	}
	.blocBas{
		width:18.2em;
		margin-right: 25px;
		float: left;
	}
	.blocBas.dernier{
		margin-right:0px;
	}
	.blocBas h3{
		font:normal 16px 'Questrial',sans-serif;
		color:#fff;
		text-transform: uppercase;
		display: block;
		border-bottom:1px solid #4e86a4;
		padding:0 0 20px 0;
		margin:0 0 20px 0;
	}
	.blocBas p{
		margin-bottom: 10px;
	}

	#formInfolettreBas .champTexte{
		background-color:#367597;
		border:0px;
		color:#fff; 
		margin-bottom: 10px;
		padding:0.8em;
		width: 100%;
	}

	#ctnSubmit{
		width: 100%;
		display: block;
		overflow: hidden;
		
	}
	#ctnSubmit .champTexte{
		margin-right:-40px;
		float:left;
	}
	#btnSubmitBas{
		background:url(gx/m/flecheSubmit.png) no-repeat center center;
		width:40px;
		height:37px;
		float:right;
		text-decoration:none;
		color:#367597;
		border:0px;
		cursor:pointer;
	}
	#btnSubmitBas:hover{
		text-decoration:none;
	}

	#ctnLogoBas{
		float:right;
		margin-bottom: 15px;

	}

	#ctnLogoBas img{
		margin-left:6px;
	}

	#ctnTexteRef{
		width: 100%;	
		color:#acacac;
		clear:both;
		font-size:10px;
	}

	/* Navigation en bas-de-page */
	.menuBas{
		margin-left:15px;
	}
	.menuBas li{
		margin-bottom: 10px;
		list-style-image:url(gx/m/i_flecheBlanche.png);
	}
	.menuBas li.dernier a{
		padding-right:0;
	}
	.menuBas a{
		
	}


		/* BLOC RESERVATION FIX
	--------------------------------------------------------------------------------------- */
	#ctnReservationWrap{
		width: 100%;
		background-color: #003957;
		padding:12px 0 4px;
		position:fixed;
		bottom:-1px;
		left:0;
		z-index:666;
		-webkit-transform: translateZ(0);
	}
	#ctnReservation{
		width:960px;
		margin:0 auto;
		text-align:center;
	}
	#ctnReservation span{
		background:url(gx/m/bgLigne.png) repeat-x center center;
		display:block;
	}
	#ctnReservation span h3{
		background-color:#003957;
		color:#fff;
		font:normal 18px 'Questrial',sans-serif;
		text-transform: uppercase;
		display:block;
		margin:0 auto 12px auto;
		width: 260px;
	}

	#formReservation .champTexte, #formReservation .listeDeroulante{
		float:left;
		margin-right:20px;
		width:172px;
	}
	#formReservation .listeDeroulante { }
	.empty { color: #a9a9a9; }
	#formReservation .listeDeroulante option:first {}
	#formReservation .bouton{
		padding:10px 20px;
		float: left;
		width: 192px;
	}

	/* 09_100 : PAGE CONTACT
	--------------------------------------------------------------------------------------- */
	#boiteContact{width:480px;float:left;}
	#boiteFormContact{float:right;width:480px; margin-top:29px;}

	#iframeCarteGoogle{border:1px solid #999;}

	#formContact{
		float:left;
		width:480px;
	}
	#formContact table td{padding:5px 0;width:240px;}
	#formContact label{}
	#formContact .champTexte{width:218px;}
	#formContact .listeDeroulante{width:218px;}
	#formContact .boiteTexte{
		height:70px; 
		width:470px;
		resize:vertical;
	}
	#formContact .champFichier{}
	/* #formContact .erreurTexte{font-size:11px;} */


	/* Partager cette page (AddToAny) */
	/*a#lienPartager{float:right; width:73px; height:25px; background:url(gx/btn_partager.png) no-repeat; font-size: 12px; font-weight:bold; padding:3px 0 0 35px; color:#FFF; text-decoration:none;}*/
	a#lienPartager{
		float:left; 
		text-align:center;  
		font-size:13px; 
		font-weight:normal; 
		padding:7px 20px; 
		background: #4e86a4;
		color:#FFF; 
		text-decoration:none;
		margin-top:33px;
	}


}