/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #menuSec, .menuBas, #lienPartager, .champCache,.mobileOnly, #ctnBanniere, #ctnFilAriane, #ctnLateral, .blocBas, #ctnReservationWrap, #btnReservation, #ctnMenuSecWrap{
	position: absolute;
	visibility: hidden;
	display:none;
}

/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{font-family: Arial, Verdana, Tahoma;}

/* 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%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #353535;}

p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #A69512; text-decoration: none;}
p a:after, li a:after {content: " (" attr(href) ")";}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{color:#C0AE2C; text-decoration:underline;}

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

/* TEXTES ET YPERLIENS 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;
}
.noir{
	border: 1px solid #414141;
}
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
--------------------------------------------------------------------------------------- */
#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%;}

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

/* 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;}

/* 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;}

/* 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;}

.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;
	border:1px solid #e1e1e1;
	cursor:pointer;
}

#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;
	text-align: left;
}

#ctnForfait.accueil .blocForfait .blocTxtImg{
	top: 5px;
	left:5px;
	padding: 6.2em 0 1em 0.8em;
}
.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;}

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

/* 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;}
/* 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;
}

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

#ctnListing{
	width:100%;
	margin-top:1.5em;
	padding:0 1em;
	text-align: center;
}
.blocVerti{
	position: relative;
	width:18.75em;
	margin:0 0.5em 2.5em 0.5em;
	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;
}
.blocActivite .bouton, .blocVerti .bouton{
	left: 1em;
	right:1em;
	bottom: -1.5em;
	position: absolute;
}
.blocForfait .blocContenu div, .blocActivite .blocContenu div{ margin-bottom: 2em;}


/* 09_100 : NOUS JOINDRE
--------------------------------------------------------------------------------------- */
.blocFormContact .champTexte, .blocFormCarriere .champTexte, .blocFormulaire .champTexte {	width:100%;	margin-bottom:1em;}
#formContact .boiteTexte, #formCarriere .boiteTexte{
	width:100%;
	height:150px;
	border:1px solid #135d85;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	resize:none;
}
a.bouton, input.bouton{font:normal 1em 'Questrial',sans-serif;}
#contenu.interne{padding-bottom:2em;}
#logo{float:left;}

/*  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: 100%;
	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: 100%;
	padding-bottom: 8em;
	max-height: 40.8em;
}
.blocForfait.dernier{margin-right:0px;}
.blocAccueil p {font: normal 1em 'Arial',sans-serif;}
#ctnForfait.accueil .blocForfait .blocTxtImg {
	top: 5px;
	left: 5px;
	padding: 5.9em 0 1em 0.8em;
}

/*  PAGE INTERNE
----------------------------------------------------------------------*/
#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;}
.blocVerti.dernier{margin-right: 0;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPageWrap{
	background:#135d85;
	color:#fff;
	margin-top:3em;
}
#piedPage { width: 100%; padding:1em 0.5em 1.5em 0.5em;}
#piedPage a {
	text-decoration:none;
	font-size:1em;
	line-height: 1em;
}
#piedPage #copyrights{
	float:left;
	line-height: 1em;
	margin-top: 0.5em;
}
#piedPage #copyrights{ float:left; margin:40px 10px 0 0;}
#ctnLogoBas{ float:right;margin-bottom: 15px;}
#ctnLogoBas img{margin-left:9px;}
#ctnTexteRef{
	width: 100%;	
	color:#acacac;
	clear:both;
	font-size:10px;
}