/*--------------------------------------------------------------------------------------- */
/* David Mathieu - 25/03/16 */
/*--------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------- */
/* Polices locales via font-face */
/*--------------------------------------------------------------------------------------- */

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?t70sj3');
  src:  url('../fonts/icomoon.eot?t70sj3#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff2?t70sj3') format('woff2'),
    url('../fonts/icomoon.ttf?t70sj3') format('truetype'),
    url('../fonts/icomoon.woff?t70sj3') format('woff'),
    url('../fonts/icomoon.svg?t70sj3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-construction:before {
  content: "\e900";
  font-size: 25px;
}

.icon-plus:before {
  content: "\e901";
  font-size: 17px;
}

.icon-plus{cursor: pointer;}

.pasMobile{display:none;}
.mobileSeul{display:block;}

#messageConst{
	padding:9px 13px 9px 13px;
	background-color:#FB7D30;
	color:#000;
	display: flex;
	align-items:center;
	top:0px;

}


#messageConst p{font:800 12px/16px 'Open Sans', sans-serif; letter-spacing: 2.2px;text-transform:uppercase;display: inline;margin:0px;padding:0px 9px;}

.messageConstHid{background-color: #fff;padding:15px;display: none;}
.messageConstHid p{font:12px/20px 'Open Sans', sans-serif;color:#000;margin: 0;}

@media only screen and (min-width: 1200px) {
	#messageConst p{font:800 16px/22px 'Open Sans', sans-serif; letter-spacing: 2.2px;text-transform:uppercase;display: inline;margin:0px;padding:0px 18px;}
	.icon-construction:before {content: "\e900";font-size: 50px;}
	#boiteMessage{margin-bottom:10px;}
	#messageConst{padding:16px 13px 16px 13px;}
	.pasMobile{display:block;}
	.mobileSeul{display:none;}

}

/*--------------------------------------------------------------------------------------- */
/* Style Reset - Normalize */
/*--------------------------------------------------------------------------------------- */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,picture,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,picture,main,nav,section,summary,iframe{display:block}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}a:active,embed,object{outline:0}audio,canvas,video{vertical-align:middle;display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus,button:focus{outline:thin dotted}abbr[title]{border:0}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:0;padding:0;border:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1em}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:100%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}nav ol,nav ul{list-style:none;list-style-image:none;margin:0}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button{padding:0;border:0 none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

abbr[title] {text-decoration: none;}
/*--------------------------------------------------------------------------------------- */
/* Styles generaux */
/*--------------------------------------------------------------------------------------- */
	/* - - - - - Box-model - - - - - */
	*, *:before, *:after{
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		box-sizing: border-box !important;
	}

	td, th { vertical-align:top; }
	hr{ margin: 1em 0; border-top: 1px solid #ccc; }
	img{ display:block; vertical-align: middle; }
	blockquote{ margin:2em 0; font-style:italic; }
	cite{ font-weight:bold; }
	q{ font-style:italic; }

	/* Methode de clear float */
	.clear{ clear:both; }
	.clearfix:after{ visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0; }
	.ie8 .clearfix { zoom:1; }

	/* Cacher pour les lecteurs d'ecrans et navigateurs */
	.hidden, .champCache{ display: none !important; visibility: hidden; }

	/* Passe la navigation, pour screen reader */
	.passeNav { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

	/* Correction pour AddThis */
	#_atssh{ top:0; }

/* Body et HTML
--------------------------------------------------------------------------------------- */
	body {
		background:#05142e;
		font:14px/18px 'Open Sans', Arial, sans-serif;
		color:#fff;
	}
	html, body { height:100%;}

	html.drop {
		position: absolute;
		overflow: auto;
   		overflow-y: scroll;
   		bottom: 0;
    	right: 0;
    	left:0;
    	height:100%;
	}

/* Conteneurs
--------------------------------------------------------------------------------------- */
	.conteneur {
		position:relative;
		max-width:1320px;
		width: 100%;
		padding-left:20px; padding-right: 20px;
		margin:0 auto;
	}
	.conteneur.w1000 { max-width: 1000px;}

	

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

	@media only screen and (min-width: 1360px) {
		.conteneur { padding-left:0; padding-right: 0;}
	}

	main {
		min-height:800px;
		padding: 50px 0 20px 0;
	}
	.acc main { padding: 0;}
	.noBot main { padding-bottom: 0;}

	@media only screen and (min-width: 768px) {
		main { padding:100px 0 20px 0;}
		.acc main { padding: 0;}
	}

	@media only screen and (min-height: 1000px) {
		.noBot main { min-height: 1000px;}
	}


	/* Code pour le Sticky footer */
	@media only screen and (min-width: 1000px) {
		.wrapContenu {
			min-height: 100%;
			height: auto !important;
			height: 100%;
			margin: 0 auto -119px;
		}
		footer, .push { height: 119px;}
	}

	@media only screen and (min-width: 1200px) {
		.wrapContenu {
			min-height: 100%;
			height: auto !important;
			height: 100%;
			margin: 0 auto -101px;
		}
		footer, .push { height: 101px;}
	}

/* Titres
--------------------------------------------------------------------------------------- */
	h1, .h1 { margin-bottom:0.5em; font:700 26px/32px 'Libre Baskerville', Arial, sans-serif; color:#fff; }
	h2, .h2 {margin:1em 0 0.5em 0; font:700 22px/26px 'Libre Baskerville', Arial, sans-serif; color:#fff; text-transform: uppercase;}
	h3, .h3 { margin:1em 0 0.5em 0; font:italic 20px/24px 'Libre Baskerville', Arial, sans-serif; color:#d2b56f;text-transform: none;}
	h4, .h4 { margin:1em 0 0.5em 0; font:15px/20px 'Libre Baskerville', Arial, sans-serif; color:#fff; text-transform: uppercase;}

	@media only screen and (min-width: 768px) {
		h1, .h1 { font-size:50px; line-height: 50px; }
		h2, .h2 { font-size:35px; line-height: 40px; }
		h3, .h3 { font-size:35px; line-height: 40px; }
	}

/* Hyperliens
--------------------------------------------------------------------------------------- */
	a {
		color:#d1b56f;
		text-decoration:none;
		-webkit-transition: color 0.15s linear 0s;
		transition: color 0.15s linear 0s;
	}
	a:hover, a:focus, a:active { outline:none; }




/* Bannière interne
--------------------------------------------------------------------------------------- */
	#banniereInterne {
		position: relative;
		width: 100%;
		display: block;
		overflow: hidden;
		position: relative;
		height:350px;
	}
	#banniereInterne img {
		min-height: 100%;
		min-width: 100%;
		position: relative;
		display: inline-block;
		max-width: none;
	}
	#banniereInterne .conteneur {
		height: 100%;
		width: 100%;
	}
	.banniereInternePosition {
		position:absolute;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
	}

	.banniereInterneContenu {
		width: calc(100% - 40px);
		background: rgba(33,40,47,0.65);
		position: absolute;
		top:50%;
		left:20px;
		transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform: translateY(-50%)
		z-index: 5;
		padding:50px 20px;
		text-align: center;
	}

	.banniereInterneContenu h1 {					
		width: 100%;
		max-width: 100%;		
		margin:0;	
		text-transform: uppercase;	
		font-size: 20px;
		word-wrap:break-word;
	}

	@media only screen and (min-width: 768px) {
		.banniereInterneContenu h1 { font-size: 50px;}			
	}

	@media only screen and (min-width: 1000px) {
		#banniereInterne { height: 500px;}
		.banniereInterneContenu { left: 0; width: 100%; }	
		#banniereInterne .conteneur { max-width: 1000px;}
	}


/* Textes et CMS
--------------------------------------------------------------------------------------- */
	.incTinyMce a { color:#d1b56f; }
	.incTinyMce p { line-height: 24px;}
	.incTinyMce a:hover { text-decoration:underline;}
	.incTinyMce abbr[title] { border-bottom:1px dotted; }
	.incTinyMce img { max-width:100%; max-height: 100%; }

	/* - - - Listes - - - */
	.incTinyMce ul, .incTinyMce ol { margin-bottom:1em; overflow:hidden; }
	.incTinyMce ul li { margin-left:17px; margin-bottom: 10px; list-style-type: disc;}
	.incTinyMce ol li { margin-left:17px; }
	.incTinyMce ol ol > li { list-style:lower-alpha; }

	#colPrincipale.texteGeneral {
		width: 100%;
		margin:0 auto;
		padding:50px 20px;
		max-width: 1320px;
	}
	#colPrincipale.texteGeneral h1 {
		display: inline-block;
		border-bottom: 1px solid #d1b56f;
		padding-bottom: 30px;
		margin-bottom: 20px;
		text-transform: uppercase;
	}
	#colPrincipale.texteGeneral .incTinyMce h2 { margin-bottom: 60px;}

	@media only screen and (min-width: 1000px) {
		#colPrincipale.texteGeneral { padding:150px 20px;}
		#colPrincipale.texteGeneral article .txt { width: 100%; max-width: 70%; margin:0 auto;}
	}

	@media only screen and (min-width: 1360px) {
		#colPrincipale.texteGeneral { padding-left: 0px; padding-right: 0px;}
	}


	/* Liste incrementale stylable */
	/*
	.incTinyMce ol {
		counter-reset: bullet;
		list-style-type: none;
	}
	.incTinyMce ol li{ position:relative; margin-left:20px; }
	.incTinyMce ol li:before {
		counter-increment: bullet;
		content: counters(bullet,".") ".";
		position:absolute;
		top:0;
		left:-20px;
		color:#000;   
	}
	*/

	/* - - - Image en float - - - */
	.mortaise {
		float:left;
		margin:0.25em 1.25em 1.25em 0;
		text-align:center;
		font-size:12px;
	}
	.mortaise img { border:3px solid #999; }

	.intro { font-weight:bold; }

	.note { font-size:11px; line-height: 1.5em; }

	.vide {
		padding:75px 0;
		text-align:center;
		font:bold 18px/25px Arial, Helvetica, sans-serif;
		color:#fff;
		background: rgba(0,0,0,0.5);
		margin:0;
	}

	/* Points de suspension a la fin de la fonction couperTexte */
	.hellip {
		white-space:nowrap;
		color:#149fd9;
		font-size:0.9em;
	}

	.retour:before {
		margin-top: 30px;
		content: '<';
		display: inline-block;
		font-family: 'guifx', sans-serif;
		font-weight: normal;
		padding-right: 5px;
	}
	.suite:after {
		content: '>';
		display: inline-block;
		font-family: 'guifx', sans-serif;
		font-weight: normal;
		padding-left: 5px;		
	}

	/* - - - Responsive video - - - */
	.videoConteneur { max-width:520px; margin:0 auto; }
	.video {
		position: relative;
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%; /* Ratio 16/9 */
	    padding-top: 30px; /* Hauteur des controles */
	}

	.video iframe, .video object, .video embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	/* - - - Style par défaut d'un tableau - - - */
	.incTinyMce table { 
		margin-bottom: 1em;
		border: 1px solid #666;
	}
	.incTinyMce table caption { font: normal 14px/16px Arial, Helvetica, sans-serif;}
	.incTinyMce table th {
		border: 1px solid #666;
		background: #333;
		font-weight: bold;
		color: #fff;
	}
	.incTinyMce table td, .incTinyMce table th {
		min-width: 50px;
		padding: 0.25em 0.5em;
	}
	.incTinyMce table tr:nth-child(even) { background: #aaa; }

	.incTinyMce iframe { max-width: 100%; z-index: 10;}

	.incTinyMce blockquote p { margin-bottom:1em; font-style:italic; padding:0 5px;}
	.incTinyMce blockquote p:before { content: '\201C'}
	.incTinyMce blockquote p:after { content: '\201D'}
	.fr .incTinyMce blockquote p:before { content: '\00AB'}
	.fr .incTinyMce blockquote p:after { content: '\00BB'}


	::-moz-selection { background-color: #d2b56f; color: #FFF;}
	::selection { background-color: #d2b56f; color: #FFF;}

/* Icones
--------------------------------------------------------------------------------------- */
	/* Creer une icone sur les liens PDF et RSS */
	.lienPDF{ display:inline-block; margin:1em 0; line-height:30px; }
	.lienPDF:before{
		content:"";
		display:inline-block;
		width:29px;
		height:31px;
		margin-right:6px;
		background:url(../gx/m/icone-pdf.png) 0 0 no-repeat;
		vertical-align:-10px;
	}

	.lienRSS{ display:inline-block; margin:1em 0; }
	.lienRSS:before{
		content:"";
		display:inline-block;
		width:16px;
		height:16px;
		margin-right:6px;
		background:url(../gx/m/icone-rss.png) 0 0 no-repeat;
		vertical-align:-3px;
	}

/*--------------------------------------------------------------------------------------- */
/* Formulaires */
/*--------------------------------------------------------------------------------------- */
	input, select { vertical-align:middle; }
	input[type=radio], input[type=checkbox]{ vertical-align:-1px; margin-right:5px; }
	input[readonly]{ background-color:#eee; }
	textarea{ resize: vertical; }
	label {
		display:block;
		margin: 10px 0 7px 0;
		font-size: 12px;
		text-transform: uppercase;
		text-align: left;
	}

	/* Couleur de l'etoile pour champs obligatoires */
	label abbr, .note abbr{
		padding:0 2px;
		border:0 none !important;
		color:#d1b56f;
		cursor:help;
	}

	/* - - - Input default - - - */
	.form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel],
	.form input[type=search], .form input[type=url], .form select, .form textarea{
		width:100%;
		height:40px;
		padding:5px 10px;
		border:1px solid transparent;
		border-radius:0px;
		/*-webkit-appearance: none;*/
		font-size:14px;
		color:#575b5d;
		background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition:box-shadow ease-in-out 0.3s;
		transition:box-shadow ease-in-out 0.3s;
	}

	.form input:-webkit-autofill, .form input:-webkit-autofill:focus, .form input:-webkit-autofill:hover {
	    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
	    -webkit-text-fill-color: #575b5d !important;
	}
	.form input:-webkit-autofill:focus { -webkit-text-fill-color: #010101 !important;}

	.form textarea { height:150px; padding:10px;}

	/* Custom select */
	.customWrap { width: 100%; position: relative; height: 38px; display: block;}
	span.customSelect { 
	   	padding:9px 40px 0 20px;
	   	font:15px/19px 'Open Sans', sans-serif;
	    color:#000;
	    width: 100%!important;
	    height: 38px!important;
	    -webkit-transition:border ease-in-out 0.3s;
		transition:border ease-in-out 0.3s;
		overflow: hidden;
		text-align: left;
		background: #ffffff;
		border:1px solid transparent;
		border-radius:0;
		cursor: pointer;	
	}
	span.customSelect:before {
		content: ',';
		font-family: 'guifx';
		position: absolute;
		top:50%;
		transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
		right:20px;
		font-size: 15px;
		font-weight: 400;
		color:#b69a55;
	}
	span.customSelect .customSelectInner {
		display: block;
		white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    width: 100%!important;
	}
	span.customSelect.erreur { border:1px solid #c00; color:#c00!important;}
	span.customSelectFocus { border:1px solid #b69a55;}
	span.customSelectOpen { border:1px solid #b69a55; width:100%!important;}
	span.customSelectOpen:before { content: ','; }

	.form select { 
		font:15px/18px 'Open Sans', sans-serif;
		color:#000; 
		width:100%!important;
		-webkit-appearance: none;
		height:38px; 
		background: #ffffff; 
		border:1px solid transparent;
	}
	.form select.erreur { border:1px solid #25358E; color:#707070!important;}


	.form input[type=checkbox]{ float:left; margin:1px 1em 0 0; }

	/* Checkbox */
	.form input[type="checkbox"] {
		position: absolute;
		z-index: -1;
		width: 14px; height: 14px;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	.form input[type="checkbox"] + label {
		cursor: pointer;
		display: inline-block;
		color:#575b5d;
		font:400 14px/1 'Open Sans', sans-serif;
	}

	.form input[type="checkbox"] + label span {
		display: inline-block; 
		width: 15px; height: 15px;
		margin: -1px 7px 0 0;
		vertical-align: middle;
		border: 1px solid #c7c7c7; 
		cursor: pointer;
		border-radius: 3px;
		background: #f5f5f5;
		position: relative;
		-webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s, border 0.15s linear 0s;
		transition: background 0.15s linear 0s, color 0.15s linear 0s, border 0.15s linear 0s;
	}

	.form input[type="checkbox"] + label span:before {
		content: 'z';
		text-transform: none;
		position: absolute;
		top: 0px; 
		left: 1px;
		color: #010101;
		font: bold 15px/15px 'guifx', sans-serif;
		opacity: 0;	
		transition:opacity 0.15s linear; -webkit-transition:opacity 0.15s linear;	
	}	
	.form input[type="checkbox"]:checked + label span:before { opacity: 1;}	
	.form input[type="checkbox"]:hover + label span { }
	.form input[type="checkbox"]:checked + label { }
	.form input[type="checkbox"]:checked:hover + label span { }
	.form input[type="checkbox"]:focus + label span { border:1px solid #010101;}

	/* Radio */
	.form input[type="radio"] {
		position: absolute;
		z-index: -1;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	.form input[type="radio"] + label { 
		cursor: pointer; 
		display: inline-block;
		color:#575b5d;
		font:600 14px/1 'Open Sans', sans-serif;
	}
	.form input[type="radio"] + label span {
		position: relative;
		display: inline-block; 
		width: 14px; height: 14px;
		margin: -1px 4px 0 0;
		vertical-align: middle;
		border: 1px solid #bdbdbd;
		cursor: pointer;
		background: #f5f5f5; 		
		border-radius: 100%;
		-webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s, border 0.15s linear 0s;
		transition: background 0.15s linear 0s, color 0.15s linear 0s, border 0.15s linear 0s;
	}

	.form input[type="radio"] + label span:before {
		background: #010101;
		width: 8px;
		height: 8px;
		border: 1px solid #bdbdbd;
		border-radius: 100%;
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		left: 2px;
		right: 0px;
		bottom: 0px;
		opacity: 0;
		transition:opacity 0.15s linear; -webkit-transition:opacity 0.15s linear;	
	}	
	.form input[type="radio"]:checked + label span:before { opacity: 1;}
	.form input[type="radio"]:hover + label span { }
	.form input[type="radio"]:checked + label { }
	.form input[type="radio"]:checked:hover + label span {}
	.form input[type="radio"]:focus + label span { }

	/* - - - Shadow focus - - - */
	.form input[type=text]:focus, .form input[type=email]:focus, .form input[type=password]:focus, .form input[type=tel]:focus,
	.form input[type=search]:focus, .form input[type=url]:focus, .form select:focus, .form textarea:focus{
		outline:0;
		border:1px solid #010101;
		color:#010101;		
	}

	/* - - - Placeholders - - - */
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:1; color:#575b5d; -webkit-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s;}
	input::-moz-placeholder, textarea::-moz-placeholder { opacity:1; color:#575b5d; -webkit-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s;}
	input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:1; color:#575b5d !important; -webkit-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s;}

	input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity:0; }
	input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity:0; }
	input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { opacity:0; }

	/* - - - Buttons - - - */
	button.button, .button {
		display:inline-block;
		text-decoration:none !important;
		-webkit-transition: all 0.3s linear 0s, color 0.3s linear 0s;
		transition: all 0.3s linear 0s, color 0.3s linear 0s;
	}
	.button { 
		margin-top:1em;
		padding:0 15px 0 30px;
		border-radius:3px;
		background: transparent;
		font:15px/44px 'Libre Baskerville', sans-serif;
		text-transform: uppercase;
		color:#fff;
		border:3px solid #fff;
		min-height: 50px;
		vertical-align: top;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
	}

	button.button:hover, .button:hover,
	button.button:focus, .button:focus,
	button.button:active, .button:active {
		outline:none;		
		padding:0 20px 0 25px;
		border-color:#464646;
	} 

	button.button:before, .button:before {
		width: 0;
	    height: 100%;
	    top: 50%;
	    left: 50%;
	    background: #464646;
	    opacity: 0;
	    -webkit-transform: translateX(-50%) translateY(-50%);
	    -moz-transform: translateX(-50%) translateY(-50%);
	    -ms-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%);
	    content: '';
	    position: absolute;
	    z-index: -1;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    transition: all 0.3s;
	}
	button.button:hover:before, .button:hover:before { width: 101%; opacity: 1;}

	button.button:after, .button:after {
		content: '>';		
		padding-left: 10px;
		font: 18px/18px 'guifx';
		opacity: 0;
		-webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    transition: all 0.3s;
	    position: relative;
	    top:1px;
	}
	button.button:hover:after, .button:hover:after { opacity: 1; display: inline-block;}

	.button.gold {
		line-height: 50px;
		padding:0 15px;
		border:transparent;
		background: #b29550;
		background: -moz-linear-gradient(left,  #b29550 0%, #edcf89 50%, #b29550 100%);
		background: -webkit-linear-gradient(left,  #b29550 0%,#edcf89 50%,#b29550 100%);
		background: linear-gradient(to right,  #b29550 0%,#edcf89 50%,#b29550 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b29550', endColorstr='#b29550',GradientType=1 );
		-webkit-box-shadow: inset 1px 1px 3px 0px rgba(255, 255, 255, 0.3);
		-moz-box-shadow: inset 1px 1px 3px 0px rgba(255, 255, 255, 0.3);
		box-shadow: inset 1px 1px 3px 0px rgba(255, 255, 255, 0.3);
	}
	.button.gold:hover, .button.gold:focus, .button.gold:active {
		background: #a98b42;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	} 
	.button.gold:before { display: none;}
	.button.gold:after { display: none;}

	@media only screen and (min-width: 400px) {
		.button.gold { padding:0 30px;}
	}

	.button.noir {
		line-height: 50px;
		padding:0 30px;
		border:transparent;
		background: #000;
		color:#fff;
		
	}
	.button.noir:hover, .button.noir:focus, .button.noir:active {
		background: #a98b42;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	} 
	.button.noir:before { display: none;}
	.button.noir:after { display: none;}

	/* - - - Avertissements et erreurs - - - */
	.messageInfo, .messageSucces, .messageAvertissement, .messageErreur {
		margin-bottom:10px;
		padding:10px;
		border:1px solid;
		border-radius:4px;
		text-align:center;
		font-weight:bold;
	}

	.messageInfo{ color:#004868; background-color:#c6edff; border-color:#004868; }
	.messageSucces{ color:#005729; background-color:#dff2bf; border-color:#005729; }
	.messageAvertissement{ color:#790000; background-color:#feefb3; border-color:#790000; }
	.messageErreur{ color:#a9181c; background-color:#fdd; border-color:#a9181c; }

	.erreur, .erreur label, .erreur abbr { color:#c00 !important; }
	.erreur input, .erreur textarea, .erreur select, input.erreur, textarea.erreur, select.erreur{ border:1px solid #c00 !important; }

	.form .erreur input:focus, .form .erreur textarea:focus, .form .erreur select:focus,
	.form input.erreur:focus, .form textarea.erreur:focus, .form select.erreur:focus{
		-webkit-box-shadow:0 0 5px rgba(204,0,0,0.8);
		box-shadow:0 0 5px rgba(204,0,0,0.8);
	}

	/* - - - Layout - - - */
	.form .col1, .form .col2 {
		float:left;
		width: 100%;		
		margin-bottom:20px;
	}
	.form .colFull { clear:left; margin-bottom:25px; }

	@media only screen and (min-width: 768px) {
		.form .col1, .form .col2 { width:50%;}
		.form .col1 { clear:left; padding-right: 5px;}
		.form .col2 { padding-left: 5px; }
	}

/*--------------------------------------------------------------------------------------- */
/* En-tete */
/*--------------------------------------------------------------------------------------- */
	#entete { 
		
		background: transparent;
		-webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s;
		transition: background 0.15s linear 0s, color 0.15s linear 0s;
		position: fixed;
		z-index: 100;
		width: 100%;
		/*height: 50px;*/
	}
	#entete .conteneur { padding-right: 0;}
	#entete.scrolled .test { background:#000522;}
	#entete.scrolled .conteneur { padding-right: 0;}

	#logo {
		-webkit-transition: position 0.15s linear 0s, color 0.15s linear 0s;
		transition: position 0.15s linear 0s, color 0.15s linear 0s;
	 	padding:0; 
	 	position: absolute;
	 	left:50px;
	 	top:10px;
	 	z-index: 100;
	 	width: 30px;
	}
	#logo img { width: 30px;}

	.acc #entete #logo {
	 	width: 200px;
		left:50%;
		transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);
		z-index: 20;
	}
	.acc #entete.scrolled #logo {
		left:50px;
		transform:translateX(0%); -webkit-transform:translateX(0%); -ms-transform:translateX(0%);
	}
	.acc #entete.scrolled #logo, .acc #entete #logo { 
		width: 83px; 
		display: block;	
	    position: absolute;
	}	
	
	.acc #entete #logo { width: 250px;}
	.acc #logo img { width: 250px; margin-top: 50px;}
	.acc #entete.scrolled #logo img { width: 30px; margin:0;}
	.acc #entete.scrolled #logo.appart img { width: 130px;}

	.acc #entete .conteneur { padding-right: 0;}

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

	@media only screen and (min-width: 768px) {
		/*#entete { height:100px;}	*/
		#logo, .acc #entete.scrolled #logo, .acc #logo  { width: 149px;}
		#logo img, .acc #entete.scrolled #logo img, .acc #logo img { width: 149px;}	
		.acc #entete.scrolled #logo.appart img { width: 206px;}
		#logo, .acc #entete.scrolled #logo, .acc #logo {
			position:absolute;
			top:18px;
			left:20px;
			display:block;	
			width: 149px;		
		}	
		#logo { left:60px;}
		#entete.scrolled #logo { margin-top: 0;}
		.acc #entete.scrolled .conteneur { padding:0;}
		#entete.scrolled #logo img, .acc #entete.scrolled #logo img { width:149px;}		
		#entete.scrolled #logo, .acc #entete.scrolled #logo { margin-left: 0px;}

		.acc #entete.scrolled #logo { top:18px; left:60px;}
		.acc #entete #logo { left:60px; transform:translateX(0%); -webkit-transform:translateX(0%); -ms-transform:translateX(0%);}
		.acc #logo img { margin-top: 0;}				
	}

	@media only screen and (min-width: 850px) {
		#entete { text-align: left;}
		.acc #entete.scrolled .conteneur { padding-right: 45px;}
		#entete.scrolled #logo, .acc #entete.scrolled #logo { top:18px; margin-top:0; margin-left: 40px; left: 60px;}

		#logo, .acc #entete.scrolled #logo {
			position:absolute;
			top:24px;			
			display:block;	
			width: 272px;		
			left:20px;
		}
		#logo img { width: 272px; }		
		.acc #entete.scrolled #logo { top:18px; left:60px;}

		#entete.scrolled #logo img, .acc #entete.scrolled #logo img { }		
		#entete.scrolled #logo, .acc #entete.scrolled #logo { margin-left: 0px;}
		.acc #logo { left:45px;}
		.acc #entete.scrolled #logo { }	
		.acc #logo img { margin-top: 0;}
	}

	@media only screen and (min-width: 1000px) {
		.acc #entete.scrolled .conteneur { padding-right: 0px;}
		.acc #logo img { width:206px;}
		.acc #logo { left:60px; width:206px; top:45px;}
		.acc #entete #logo { left:60px;}
		html.drop .acc #logo { top:13px;}
		.acc #entete.scrolled #logo { left: 60px;}
		.acc #entete .conteneur { padding-right: 0px;}
	}

	@media only screen and (min-width: 1215px) {
		#logo { left:20px;}
		.acc #logo { left:20px;}
		.acc #entete #logo { left:20px;}
		.acc #entete.scrolled #logo { left: 20px;}
		#entete.scrolled #logo, .acc #entete.scrolled #logo { left: 20px;}
	}

	@media only screen and (min-width: 1360px) {
		#logo { left:0;}
		.acc #logo { left:0;}
		.acc #entete.scrolled #logo { left: 0;}
		.acc #logo img { width: 272px;}
		.acc #logo { width: 272px;}
		#entete.scrolled #logo, .acc #entete.scrolled #logo { left: 0;}
	}
		

/* Menu principal
--------------------------------------------------------------------------------------- */
	#menuBureau > ul { width: 100%; display: none; height: 50px; margin-top:0;}
	#menuBureau > ul > li { display: inline-block; position: relative; text-align: left; vertical-align: top;}
	#menuBureau > ul > li > a {}
	#menuBureau > ul > li > ul { position: absolute; left: 0; top: 100%; width: 100%; background: #999; display: none;}
	#menuBureau > ul > li > ul > li { position: relative;}
	#menuBureau > ul > li > ul > li > a {}
	#menuBureau > ul > li > ul > li > ul { position: absolute; left: 100%; top: 0; min-width: 100px; background: #ccc; display: none;}
	#menuBureau > ul > li > ul > li > ul > li {}
	#menuBureau > ul > li > ul > li > ul > li > a {}

	#menuBureau > ul > li:hover > ul { display: block;}
	#menuBureau > ul > li:hover > ul > li:hover > ul { display: block;}

	#menuBureau a {
		display: block;
		margin-left: 30px;
		padding: 0;
		font: 700 12px/100px 'Libre Baskerville', sans-serif;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none; 
		position: relative;
	}
	#menuBureau li:first-child a { margin-left: 0;}
	#menuBureau a:hover { color:#d2b56f;}
	#menuBureau a.actif:before {
		content: '';
		display: block;
		height:3px;
		background: #d2b56f;
		width: 100%;
		position: absolute;
		top:0px;
		left:0px;
	}

	.acc #menuBureau a { line-height: 20px; padding-top: 85px;}
	.acc #menuBureau .reservationLien { padding-top: 67px; }	

	html.drop .acc #entete #menuBureau a { line-height: 100px; padding-top: 0px;}
	html.drop .acc #menuBureau .reservationLien, .acc #entete.scrolled #menuBureau .reservationLien { padding-top: 25px;}

	#entete.scrolled #menuBureau a { color:#fff; line-height: 100px; padding-top: 0;}
	#entete.scrolled #menuBureau a:hover { color:#d2b56f;}
	#entete.scrolled #menuBureau a.actif { color:#d2b56f;}

	#menuBureau a.button, #entete.scrolled #menuBureau a.button, html.drop .acc #entete #menuBureau a.button {
		margin-top: 0;
		padding: 0 30px;
		line-height: 50px;
		margin-left: 0px;
	}
	#entete.scrolled #menuBureau a.button:hover, #menuBureau a.button:hover { color:#fff;}

	/* Flèche du sous-menu bureau */
	#menuBureau .avecSousMenu > a { padding-right: 25px;}
	#menuBureau .avecSousMenu > a:before {
		content: ","; 
		font: 400 20px/12px "guifx";
		position: absolute; 
		top: 50%; 
		margin-top: -6px; 
		right: 3px; 
		color: #fff;
	}

	#menuBureau #iconeMenu { display: none;}
	#iconeMenu:after { display: none;}
	#iconeMenu:before { display: none;}

	#menuBureau li.mobile { display: none;}

	@media only screen and (min-width: 1215px) {
		#menuBureau { float: right;min-height: 100px;}
		#menuBureau a { margin-left: 20px;}
	}

	@media only screen and (min-width: 1250px) {
		#menuBureau a { margin-left: 30px;}
	}

	.vMenu-open #entete #iconeMenu { display: none;}

/* Menu mobile
--------------------------------------------------------------------------------------- */
	#menuMobile .button { display: none;}
	#menuMobile li.mobile.accueil a { text-transform: uppercase;}
	#menuMobile li.mobile a { text-transform: none;}
	#menuMobile li.lang a { border-bottom:1px solid #000000;}
	#menuMobile li.mobile.premier a { border-top:1px solid #223c72;	padding-top:40px;}
	#menuMobile #iconeMenu { z-index: 50;}
	#menuMobile .reservationLien { display: none;}
	#menuMobile .rs { padding:20px;}

/* Menu secondaire
--------------------------------------------------------------------------------------- */
	#menuSec { display: none;} 

	/* Tablette paysage et desktop
	--------------------------------------------------------------------------------------- */
	@media only screen and (min-width: 1000px) {
		.menuSecWrap {width: 100%; float: left;}
		#menuSec { display: block; float: right; font:11px/22px Arial, Helvetica, sans-serif; }
		#menuSec li { float:left; }
		#menuSec a { padding:0 5px; }

		#menuSec form #search{
			width:100px;
			height:16px;
			-webkit-transition:border linear 0.3s;
			transition:border linear 0.3s;
		}
		#menuSec form #search:focus{ border: 1px solid #01acf3; }

		#menuSec form button{ line-height:22px; vertical-align:middle; }
	}
	

/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
	#colPrincipale { text-align: center;}

/* Sidebar
--------------------------------------------------------------------------------------- */
	#sidebar{
		float:left;
		width:220px;
		height:200px;
		border:1px solid #000;
	}

/* Fil d'Ariane
--------------------------------------------------------------------------------------- */
	#filAriane{
		font:12px/14px Arial, Helvetica, sans-serif;
		color:#149FD9;
	}

	#filAriane li{ display:inline; margin-right:5px; }
	#filAriane li:before{
		content:'>';
		font-family: 'guifx', sans-serif;
		margin-right:6px;
	}
	#filAriane li:first-child:before{ display:none; }

	#filAriane a{ color:#149FD9; }
	#filAriane a:hover, #filAriane a:focus, #filAriane a:active{ color:#666; }

	#filAriane li:last-child{ color:#000; }
	#filAriane li:last-child:before{ color:#149FD9; }

/* Pagination
--------------------------------------------------------------------------------------- */
	.pagination{ clear:both; margin-top:16px; }

	.pagination a, .module_pagination_pagecourante{
		display:inline-block;
		width:32px;
		text-align:center;
		font:15px/32px Arial, Helvetica, sans-serif;
		background-color:#e1e1e1;
		color:#149FD9;
		text-decoration:none;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}

	.pagination .module_pagination_pagecourante{ background-color:#666; color:#fff; }

	.pagination .module_pagination_pagesuivante a, .pagination .module_pagination_pageprecedente a,
	.pagination .module_pagination_pagepremiere a, .pagination .module_pagination_pagederniere a{
		vertical-align:top;
		background:transparent;
		font:bold 15px/32px "guifx", monospace;
		color:#149FD9;
	}

	.pagination .module_pagination_pagesuivante a:hover, .pagination .module_pagination_pagesuivante a:focus, .pagination .module_pagination_pagesuivante a:active,
	.pagination .module_pagination_pageprecedente a:hover, .pagination .module_pagination_pageprecedente a:focus, .pagination .module_pagination_pageprecedente a:focus,
	.pagination .module_pagination_pagepremiere a:hover, .pagination .module_pagination_pagepremiere a:focus, .pagination .module_pagination_pagepremiere a:focus,
	.pagination .module_pagination_pagederniere a:hover, .pagination .module_pagination_pagederniere a:focus, .pagination .module_pagination_pagederniere a:focus,
	.pagination a:hover, .pagination a:focus, .pagination a:active{ background-color:#149FD9; color:#fff; }


/* Recherche de chambre
--------------------------------------------------------------------------------------- */
	#rechercheChambre { 
		width: 100%;
		max-width: 320px;
		position: relative;
		background:#111e39;
		display: block;
	}
	.rechercheChambreDate {
		padding:30px 20px;
		background: #fff;
	}

	.rechercheChambreDate .col1 {
		margin-bottom: 0; 
		border-right: 1px solid #d9d9d9; 
		padding:0;
		float: left;
		width: 50%;
	}
	.rechercheChambreDate .col2 { 
		margin-bottom: 0;
		padding:0;
		float: left;
		width: 50%;
	}

	.rechercheChambreDate > div { cursor: pointer;}
	.rechercheChambreDate p { 
		color:#000; 
		font-size: 13px; font-family: 'Open Sans', sans-serif;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	.rechercheChambreDate .erreur p { color:#c00;}
	.rechercheChambreDate p { }
	.rechercheChambreDate p.selectionDate {
		color:#898989;
		margin:0;
		min-height: 68px;
		width: 100%;
		display: block;
	}
	.rechercheChambreDate p.selectionDate .date { 
		font-weight: 900; 
		display: block;
		font-size: 50px;
		line-height: 50px;
		min-height: 48px;
		min-width: 43px;		
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
		position: relative;
	}
	.rechercheChambreDate p.selectionDate .date.noSelect {
		background: url(../gx/m/i-calendrier.png) no-repeat top center;
		opacity: 0.5;
		top:5px;
	}
	.rechercheChambreDate p.selectionDate .date.noSelect:hover { opacity: 1;}

	.rechercheChambreDate p.selectionDate .mois { 
		display: block;
		font-size: 15px;
		text-transform: capitalize;		
	}

	.rechercheChambreChoix { padding:20px;}
	.rechercheChambreChoix .col1, 
	.rechercheChambreChoix .col2, 
	.rechercheChambreChoix .colFull { margin-bottom: 10px;}

	.rechercheChambreChoix .col1 { width: 50%; padding-right: 5px;} 
	.rechercheChambreChoix .col2 { width: 50%; padding-left: 5px;} 

	.rechercheChambreChoix p {
		font-size: 13px;
		text-transform: uppercase; 
		text-align: center;
	}

	#rechercheChambre button { 
		padding:0px;
		text-align: center; 
		width: 100%;
		font-size: 13px;
		margin:0;
	}
	#rechercheChambre button:after { display: none;}

	#rechercheChambre .col1 span.customSelect, #rechercheChambre .col2 span.customSelect { text-align: center;}

	@media only screen and (min-width: 768px) {
		#rechercheChambre { max-width: 100%; height:100%;}
		.rechercheChambreDate {
			height:100%;
			padding:65px 30px;
			float: left;
			width: 50%;
		}
		.rechercheChambreChoix { float: left; width: 50%; padding: 20px 40px;}
	}

	@media only screen and (min-width: 1000px) {
		#rechercheChambre { max-width: 320px;}
		.rechercheChambreDate { float: none; width: 100%; padding:30px 20px;}
		.rechercheChambreChoix { float: none; width: 100%;}
	}

	/* Ancre */
	.ancre { display: none;}

	#ui-datepicker-div.DateArrive1, #ui-datepicker-div.DateDepart1 { top:200px!important;}

	@media only screen and (min-width: 1000px) {
		.ancre {
			position: absolute;
			bottom:0px;
			left:50%;
			width: 64px;
			height: 64px;
			display: block;
			background: #101d38;
			-webkit-transition: all 0.15s linear 0s;
			transition: all 0.15s linear 0s;
			transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);
			z-index:10;
			text-align: center;
		}
		.ancre:hover { height: 74px;}

		.ancre span {		
			background: url(../gx/01/i-ancreAccueil.png) no-repeat 0 0;
			display: inline-block;
			width: 24px;
			height:15px;
			position: relative;
			margin-top:24px;
		}
		.ancre:hover span { background-position: 0 -15px;}
	}	

	.reservationLienMobile {
		padding:10px 20px;
		height:50px;
		background:transparent;
		float: right;
		-webkit-transition: background 0.15s linear 0s;
		transition: background 0.15s linear 0s;
	}
	html.drop .reservationLienMobile { background:#fff;}

	#entete a.button.mobile {
		min-height: 30px;
		line-height: 30px;
		padding:0 10px;
		margin:0;
		font-size: 12px;
	}	

	#maskDropDown {
		background:rgba(0,0,0,0.3);
		-webkit-transition: opacity 0.15s linear 0s;
		transition: opacity 0.15s linear 0s;
		opacity: 0;
		width: 100%;
		height:100%;
		position: absolute;
		z-index: 10;
		display: none;
	}

	@-webkit-keyframes opacityIn { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-moz-keyframes opacityIn {	0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes opacityIn { 0% { opacity: 0; } 100% { opacity: 1; } }
	@keyframes opacityIn { 0% { opacity: 0; } 100% { opacity: 1; } }

	#maskDropDown.actif {
		-webkit-animation: opacityIn 1s 1; 
		-moz-animation: opacityIn 1s 1; 
		-o-animation: opacityIn 1s 1; 
		animation: opacityIn 1s 1;
		display: block;
		opacity: 1;
	}

	@media only screen and (min-width: 768px) {
		.reservationLien {
			padding:25px 20px;
			height:100px;
			background:transparent;
			margin-left: 10px;
		}
		html.drop .reservationLien {
			background:#fff;
		}
		#entete a.button.mobile {
			font-size: 12px;
		    padding: 0 30px;
		    line-height: 50px;		    
		}
		.reservationLienMobile {
			height:100px;
			padding: 25px 20px;
		}
	}

	@media only screen and (min-width: 1215px) {
		.reservationLienMobile { display: none;}
	}

	#trouverChambreDropDown {
		max-width: 280px;
		width: 100%;
		position: absolute;
		top:50px;
		right:0px;
		z-index: 20;
		display: none;
	}
	html.drop #trouverChambreDropDown { height:325px;}

	/* Formulaire réservation */
	#trouverChambreAccueil {		
		z-index: 20;
		position: absolute;
		left:50%;	
		bottom:20px;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);	
		max-width: 280px;	
		width: 100%;
	}

	#trouverChambreDropDown .rechercheChambreDate {
		height:auto;
		padding:30px 20px;
		float: none;
		width: 100%;
		position: relative;
	}
	#trouverChambreDropDown .rechercheChambreChoix { 
		float: none;
		width: 100%;
		padding:20px;		
	}
	#trouverChambreDropDown .rechercheChambreChoix .col1 { width: 50%; padding-right: 5px;}
	#trouverChambreDropDown	.rechercheChambreChoix .col2 { width: 50%; padding-left: 5px;}

	@media only screen and (min-width: 360px) {
		#trouverChambreAccueil { max-width: 320px;}
	}

	@media only screen and (min-width: 480px) {
		#trouverChambreDropDown { max-width: 320px;}		
	}

	@media only screen and (min-width: 768px) {
		#trouverChambreDropDown { top:100px; }
		#trouverChambreDropDown #rechercheChambre {}	
		#trouverChambreAccueil {		
			left:0;
			top:auto;
			right: auto;
		    bottom: -230px;
		    width: 100%;
		    max-width: 100%;
		    height:230px;
		     transform: translateX(0%);
		    -webkit-transform: translateX(0%);
		    -ms-transform: translateX(0%);
		}
	}
	
	@media only screen and (min-width: 1000px) {
		#trouverChambreAccueil {
			width: 100%;		
			height:auto;
			right:20px;
			left:auto;			
			position: absolute;
		    max-width: 320px;
		    bottom:0;
		    top: auto;
		}
	}	
	@media only screen and (min-width: 1360px) {
		#trouverChambreDropDown { right:1px;}
	}

/* 00_100 : Nouvelles
--------------------------------------------------------------------------------------- */
	#listeNouvelle{ list-style:none; }
	#listeNouvelle li{
		margin-bottom:20px;
		padding-bottom:20px;
		border-bottom:1px solid #666;
	}
	#listeNouvelle figure{ float:left; margin-right:30px; }
	#listeNouvelle .nouvTexte{ margin-left:180px; }
	#listeNouvelle time{ font-size:11px; color:#999; }
	#listeNouvelle .suite{ font-weight:bold; text-decoration:none; }

/* 00_110 : Nouvelle details
--------------------------------------------------------------------------------------- */
	#detailNouvelle{}
	#detailNouvelle figure img{ margin:2em auto; }

	/* - - - Boutons de partage - - -  */
	#partage{ margin:2em 0; }
	#partage h3{ margin-bottom:0.5em; }

/* 00_888 : Plan du site
--------------------------------------------------------------------------------------- */
	#plan ul{ list-style:none; }
	#plan > ul > li{ margin-bottom:1em; }
	#plan ul ul{ margin-left:1em; }

/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */
	#banniereAccueil {	
		height:100vh;
		position: relative;
		width: 100%;
		z-index: 2;
		min-height: 550px;
	}
	#banniereAccueil .conteneur { height:100%; padding-top: 100px;}

	#banniereAccueil .banniereAccueilTitre { display: none;}

	@media all and (orientation:landscape) {
	   #banniereAccueil { min-height:575px;}
	}

	@media only screen and (min-width: 768px) {
		#banniereAccueil .banniereAccueilTitre {
			text-align: center;
			display: block;
			padding: 100px 45px 0 45px;			
			position: relative;
			z-index: 10;
			width: 100%;
		}
		#banniereAccueil .banniereAccueilTitre h1 { text-transform: uppercase; width: 75%; margin:0 auto;}

		#banniereAccueil h2 {
			text-transform: none;
			display: block;
			margin-top: 5px;
			font-weight: 400; font-style: italic; font-size: 31px; line-height: 45px;
		}

		#banniereAccueil {
			height:calc(100vh - 230px);
		}
	}

	@media only screen and (min-width: 1000px) {
		#banniereAccueil .banniereAccueilTitre {
			position: absolute;
			display: block;
			padding: 0;
			top:50%;
			left:0px;
			transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
			z-index: 10;
		}
		#banniereAccueil .banniereAccueilTitre h1 {}
		#banniereAccueil {
			height:100vh;	
			padding-bottom: 0px;	
			min-height: 600px;
		}
	}	
	
	.etoile { display: block; margin:20px 0;}
	.etoile img { display: inline-block;}

	/* À propos */
	#aProposAccueil { padding:50px 0; background: #131313;}

	#aProposAccueil .h3 { margin: 0 0 10px 0;}
	#aProposAccueil h2 { margin: 0 0 10px 0;}
	#aProposAccueil .h1 { text-transform: uppercase; margin-bottom: 0;}
	#aProposAccueil .h1.border { 
		display: inline-block; 
		border-bottom: 1px solid #d1b56f;
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	#aProposAccueil .oldh3 {text-transform: none;padding-bottom:10px;font-size: 35px;
    line-height: 40px;color: #d2b56f;  margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}
	.oldh1 {font-size: 50px;
    line-height: 50px;display: inline-block;
    border-bottom: 1px solid #d1b56f;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

	
	#aProposAccueil .h1 span { color:#d1b56f;}
	.aProposTexte { line-height: 24px;}

	#aProposAccueil a.button { line-height: 20px; padding-top: 10px;}

	@media only screen and (min-width: 400px) {
		#aProposAccueil a.button { line-height: 44px; padding-top: 0; padding-bottom: 0;}
	}

	@media only screen and (min-width: 768px) {
		#aProposAccueil { padding:50px 30px; }
	}

	@media only screen and (min-width: 1000px) {
		#aProposAccueil { padding:80px 0;}
		#aProposAccueil .colG { width: 50%; float: left;}
	}

	/* Forfait */
	.forfaitStrate {
		text-align: center;
		padding:80px 0;
		background: #131313;
		max-width: 100;
		overflow: hidden;
	}
	.forfaitStrate:nth-child(odd) { background: #000;}
	.forfaitStrate .h3 { color:#fff; margin: 0;text-transform: none;}
	.forfaitStrate h2 { 
		margin:10px 0 30px 0;
		padding-bottom: 30px;
		display: inline-block;
		max-width: 100%;
	}
	.forfaitStrate h2 span { display: inline; width: auto; position: relative;}
	.forfaitStrate h2 span:before {}

	.forfaitStrate.blanc .h3 { color:#fff;}
	.forfaitStrate.blanc h2 { color:#fff;}

	.forfaitIntro {
		width: 100%;
		margin:0 auto;
		font-size: 17px;
		line-height: 26px;
		margin-bottom: 30px;
	}
	.forfaitStrate .button { margin: 0 0 10px 0;}
	.forfaitStrate .button.gold { margin-right: 8px;}

	@media only screen and (min-width: 768px) {
		.forfaitStrate { padding:160px 0;}
		.forfaitIntro { width: 50%;}
	}

	@media only screen and (min-width: 1000px) {
		.forfaitStrate { height: 500px; position: relative;}
		.forfaitStrate > .conteneur {
			position: absolute;
			top:50%;
			left:50%;
			transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
		}
	}

	/* À propos Hotel */
	#aProposHotelAccueil { padding:50px 0; background: #131313;}
	#aProposHotelAccueil .h3 { margin: 0 0 10px 0;}
	#aProposHotelAccueil .h1 { text-transform: uppercase; margin-bottom: 0;}
	#aProposHotelAccueil .h1.border {
		display: inline-block; 
		border-bottom: 1px solid #d1b56f;
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	#aProposHotelAccueil .h1 span { 
		text-transform: none;
		display: block;
		color:#d1b56f;
		margin:0 0 10px 0;
	}
	.aProposTexte { line-height: 24px;}

	.hotelLogo { display: block; margin-top: 40px;}
	.hotelLogo img.dernier { margin-right: 0;}
	.hotelLogo img { display: inline-block; margin-right: 10px; max-width: 25%;}

	@media only screen and (min-width: 640px) {
		.hotelLogo img { max-width: 100%;}
	}

	@media only screen and (min-width: 768px) {
		#aProposHotelAccueil { padding:50px 30px;}
		.hotelLogo img { margin-right: 20px;}
	}

	@media only screen and (min-width: 1000px) {
		#aProposHotelAccueil { padding:80px 0;	}
		#aProposHotelAccueil .colD { width: 50%; float: right;}
	}


/* 02_100 : Chambres
--------------------------------------------------------------------------------------- */
	.chambre #banniereInterne {
		height: 180px;
		margin-bottom: 30px;
	}
	.chambre .banniereInterneContenu {		
		position: absolute;
		top:auto;
		transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform: translateY(0%);
		bottom: 0px;	
	}
	.texteChambre { 
		text-align: center;
		margin-bottom: 50px;
		padding:0 45px;
	}

	@media only screen and (min-width: 768px) {
		.chambre #banniereInterne { height:425px; margin-bottom: 50px;}
	}

	@media only screen and (min-width: 1000px) {
		.chambre #banniereInterne { height:325px;}
		.texteChambre { padding:0 90px;}
	}

	#chambreListe {}	
	#chambreListe.accueil {	background: #000; padding:0;}

	.chambreCTA { list-style: none;}
	.chambreCTA li { float: left; width: 100%; position: relative;}
	.chambreCTA li a { position: relative; display: block; text-align: center;}
	.chambreCTA li a:before {
		content:'';
		display: block;
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.4);
		z-index: 3;
		opacity: 1;		
		-webkit-transition: opacity 0.15s linear 0s; 
		transition: opacity 0.15s linear 0s;
	}	
	/* .chambreCTA li a h3 {
		position: absolute;
		display: inline-block;
		top:50%;
		left:0px;
		width: 100%;
		transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
		z-index: 5;
		margin:0;		
		color: #fff;
		padding:0 50px;
		text-transform: uppercase;
		font:700 29px/29px 'Libre Baskerville', sans-serif;
		-webkit-transition: color 0.15s linear 0s; 
		transition: color 0.15s linear 0s;
	}	
	.chambreCTA li a h3 span {
		display: inline-block;
		width: auto;
		padding:5px 0;
		-webkit-transition: all 0.15s linear 0s; 
		transition: all 0.15s linear 0s;
		text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
		position: relative;
	}
	.chambreCTA li a h3 span:before, .chambreCTA li a h3 span:after {
		display: block;
		width: 100%;
		content: '';
		height: 1px;
		background: #fff;
		top:-5px;
		left:0px;
		position: relative;
		opacity: 1;
		-webkit-transition: all 0.15s linear 0s; 
		transition: all 0.15s linear 0s;
	}
	.chambreCTA li a h3 span:after { top:auto; bottom:-5px;} */

	.chambreCTA li a:hover h3 span:before { top:-15px; opacity: 0;}
	.chambreCTA li a:hover h3 span:after { bottom:-15px; opacity: 0;}

	.chambreCTA li.nosChambres a:before { background: none;}
	.chambreCTA li.nosChambres a:hover:before { opacity: 1;}
	.chambreCTA li.nosChambres a h3 { line-height: 45px;}
	.chambreCTA li.nosChambres a h3 span:before, .chambreCTA li.nosChambres a h3 span:after,
	.chambreCTA li.actif a h3 span:before, .chambreCTA li.actif a h3 span:after { display: none;}

	.chambreCTA li img {
		width: 100%;
		max-width: 100%;
		position: relative;
		z-index: 1;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray; /* IE 6-9 */
		-webkit-transition: filter 0.15s linear 0s; 
		transition: filter 0.15s linear 0s;
	}

	.chambreCTA li a:hover:before, .chambreCTA li.actif a:before, 
	.mob.acc .chambreCTA li a:before, .mob.chambre .chambreCTA li a:before { opacity: 0;}
	.chambreCTA li a:hover img, .chambreCTA li.actif a img,
	.mob.acc .chambreCTA li a img, .mob.chambre .chambreCTA li a img {
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
		filter: none; /* IE 6-9 */
	}

	@media only screen and (min-width: 768px) {
		#chambreListe.accueil { padding:230px 0 0 0;}
		ol.chambreCTA li { 			
			width: 33.3333%;
			/*width: calc(100% / 3);*/
		}
		ol.chambreCTA li:nth-child(2n+1) { clear:none;}
		ol.chambreCTA li:nth-child(3n+1) { clear:left;}

		ol.chambreCTA.moitie li { width: 50%;}
		ol.chambreCTA.moitie li:nth-child(1n+1) { clear:none;}
		ol.chambreCTA.moitie li:nth-child(2n+1) { clear:left;}

		/*ol.chambreCTA.moitie.autreChambre li { width: 66.6666%; }
		ol.chambreCTA.moitie.autreChambre li:nth-child(1n+1) { clear:none;}
		ol.chambreCTA.moitie.autreChambre li:nth-child(2n+1) { width: 33.3333%; clear:left;}*/

		ol.chambreCTA.solo { max-width: 800px; margin:0 auto; width: 100%;}
		ol.chambreCTA.solo li { width: 100%;}

	}	

	@media only screen and (min-width: 1000px) {
		#chambreListe.accueil { padding: 0;}
	}


/* 02_110 : Chambres Détail
--------------------------------------------------------------------------------------- */
	#texteChambre { padding:20px 0 30px 0; background: #131313;}
	#texteChambre h3 { margin-bottom: 5px;}
	#texteChambre p.h2 {
		line-height:26px;
		margin: 0 0 20px 0;
		display: inline-block;
		border-bottom: 1px solid #b79e61;
		padding-bottom: 30px;
	}

	@media only screen and (min-width: 768px) {
		#texteChambre { padding:50px 0 60px 0;}
		#texteChambre .colD { float: left; width: 50%;}
 		#texteChambre p.h2 { font-size:35px; line-height: 40px; }
	}

	@media only screen and (min-width: 1000px) {
		#texteChambre {	padding:85px 0 95px 0; min-height: 500px;}
	}

	#chambreGalleriePhoto { position: relative; width: 100%;}

	#chambreGalleriePhoto img {
		position: relative;
		width: 100%;
		max-width: 100%;
		z-index: 2;
	}
	#chambreGalleriePhoto .button.noir {
		position: absolute;
		top:50%;
		left:50%;
		z-index: 20;
		margin:0;
		text-align: center;
		width: calc(100% - 40px);
		transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
	}

	@media only screen and (min-width: 580px) {		
		#chambreGalleriePhoto .button.noir { width: auto;}
	}

	@media only screen and (min-width: 768px) {		
		#chambreGalleriePhoto img { max-width: 50%; float: left;}
		#chambreGalleriePhoto img.solo { float: none; margin:0 auto; max-width: 50%;}
	}

	@media only screen and (min-width: 1000px) {
		#chambreGalleriePhoto img {}
	}

	#listeService {	padding:90px 0;	text-align: center;}
	#listeService h3 { margin:0 0 5px 0;}
	#listeService p.h2 {
		margin:0;
		display: inline-block;
		border-bottom: 1px solid #b79e61;
		padding-bottom: 30px;
	}

	#listeService ol { list-style: none;}
	#listeService ol li { width: 100%; float: left; position: relative; margin: 50px 0 0 0;}
	#listeService ol li .listeServiceImage {
		height:80px;
		text-align: center;
		position: relative;
	}
	#listeService ol li img {
		display: inline-block;
		max-width: 100%;
		width: auto;
		position: absolute;
		bottom: 0px;
		left:50%;
		transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);
		max-height: 80px;		
	}

	#listeService ol li .icone-service-1 img { width: 110px;}
	#listeService ol li .icone-service-2 img { width: 100px;}
	#listeService ol li .icone-service-3 img { width: 64px;}
	#listeService ol li .icone-service-4 img { width: 85px;}
	#listeService ol li .icone-service-5 img { width: 68px;}
	#listeService ol li .icone-service-6 img { width: 64px;}
	#listeService ol li .icone-service-7 img { width: 80px;}
	#listeService ol li .icone-service-8 img { width: 65px;}
	#listeService ol li .icone-service-9 img { width: 54px;}


	#listeService ol li p {
		display: block;
		margin:25px 0 0 0;
		line-height: 24px;
		font-size: 14px;
		padding:0 5px;
	}

	@media only screen and (min-width: 480px) {
		#listeService ol li {
			display: inline-block;
			vertical-align: top;
			float: none;
			margin:50px -3px 0 0;
			width: 50%;
		}
		#listeService ol li:nth-child(1n+1) { clear:none;}
		#listeService ol li:nth-child(2n+1) { clear:left;}
	}

	@media only screen and (min-width: 640px) {
		#listeService ol li { width: 33.3333%; width: calc(100% / 3);}
		#listeService ol li:nth-child(1n+1),
		#listeService ol li:nth-child(2n+1) { clear:none;}
		#listeService ol li:nth-child(3n+1) { clear:left;}
	}

	/*@media only screen and (min-width: 1320px) {
		#listeService ol li { width: 25%; margin-top: 100px;}
		#listeService ol li:nth-child(1n+1),
		#listeService ol li:nth-child(2n+1), 
		#listeService ol li:nth-child(3n+1) { clear:none;}
		#listeService ol li:nth-child(4n+1) { clear:left;}
	}*/

	@media only screen and (min-width: 1320px) {
		#listeService ol li { width: 20%;}
		#listeService ol li:nth-child(1n+1),
		#listeService ol li:nth-child(2n+1),
		#listeService ol li:nth-child(3n+1),
		#listeService ol li:nth-child(4n+1) { clear:none;}
		#listeService ol li:nth-child(5n+1) { clear:left;}
	}

	#reserverChambre { 
		text-align: center;
		background:#000;
		padding:25px 0;
	}
	#reserverChambre h3 {
		margin:0 0 20px 0;
		display: inline-block;
		vertical-align: middle;
		font-size: 20px; line-height: 24px;
		width: 100%;
	}
	#reserverChambre a { margin:0; display: inline-block; vertical-align: middle;}

	@media only screen and (min-width: 768px) {
		#reserverChambre h3 { margin:0 50px 0 0; width: auto;}
	}

	@media only screen and (min-width: 1000px) {
		#reserverChambre h3 { font-size:35px; line-height: 40px; }
	}

/* 03_100 : Services
--------------------------------------------------------------------------------------- */
	#photoGallerie { display: none; padding: 0 20px;}
	#photoGallerie.slick-initialized { display: block; margin-bottom: 20px;}
	#photoGallerie .slick-prev, #photoGallerie .slick-next {
		width: 20px;
		height: 100%;
		top:0;
		margin:0;
		background: #ba9d58;
		text-align: center;
		-webkit-transition: background 0.15s linear 0s; 
		transition: background 0.15s linear 0s;
	}
	#photoGallerie .slick-prev:hover, #photoGallerie .slick-next:hover { background: #a98b42;}
	#photoGallerie .slick-prev:before, #photoGallerie .slick-next:before {
		content: '';
		width: 10px;
		height: 16px;
		display: block;
		background: url(../gx/m/icone-fleche-gacuhe-droite.png) no-repeat 0 0;
		margin-left: 3px;
		position: absolute;
		top:50%;
		transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
	}
	#photoGallerie .slick-prev { left:0px;}
	#photoGallerie .slick-next { right:0px;}
	#photoGallerie .slick-next:before { background-position: -10px 0; margin-left: 6px;}

	#photoGallerie img { width: 100%; max-width: 100%;}

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


/* 04_100 : Tarifications
--------------------------------------------------------------------------------------- */

	/* ONGLET */
	#ongletPosition { position: relative; top:-35px; z-index: 10;}
	#onglet > .conteneur { padding: 0;}
	#onglet .slick-list { height:35px; padding:0 40px;}

	.cd-tabs { position: relative; width: 100%;}
	.cd-tabs-navigation {
		width: 100%;
		top: 0px;
		left: 0px;
		position: relative;		
		float: left;
		width: 100%;
		height: 35px;
		display: none;
	}
	.cd-tabs-navigation.slick-initialized { display: block;}
	.cd-tabs nav {
		overflow: auto; -webkit-overflow-scrolling: touch;
		position: relative;
		float: none;
		background: transparent;
		box-shadow: none;
	}
	.cd-tabs-navigation li { float: left; position: relative;}	
	.cd-tabs-navigation li.dernier {}
	.cd-tabs-navigation li a {
		position: relative;
		display: block;
		height: 35px;
		padding: 0;
		text-align: center;	
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;	
		color:#fff;
		background: rgba(0,0,0,0.5);
		border:3px solid #fff;
		border-radius: 3px;
		font-size: 15px; 
		font-family: 'Libre Baskerville', sans-serif; font-weight: bold;
	}	
	#ongletPosition.service .cd-tabs-navigation li a { text-transform: uppercase;}
	.no-touch .cd-tabs-navigation li a:hover { }
	.cd-tabs-navigation li a.selected { 
		background: #131313; 
		border:3px solid #131313; 
		color:#d1b56f;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	.cd-tabs-navigation li a span {
		position: absolute;
		top:50%;
		left:50%;
		width: 100%;
		padding:0 20px;
		display: block;
		transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
	}

	.cd-tabs-navigation li a i { display: none;}

	#onglet button {
		margin:0;
		position: absolute;
		top:0px;
		height: 35px;
		width:40px;
		display: block;
		text-align: center;
		background: #ba9d58
	}
	#onglet button:hover {}
	#onglet button.slick-prev { left:0px;}
	#onglet button.slick-next { right:0px;}
	#onglet button:before {
		content:'';
		display: inline-block;
		width: 10px;
		height: 16px;
		background: url(../gx/m/icone-fleche-gacuhe-droite.png) no-repeat 0 0;
	}
	#onglet button.slick-next:before { background-position: -10px 0;}
	

	#ongletMobile {
		padding:20px 20px 5px 20px;
		background:#131313;
		display: block;
	}

	@media only screen and (min-width: 768px) {
		#ongletMobile {	display: none;}
		#ongletPosition { top:-50px; }
		#onglet { 
			height: 50px;
			position: relative;
			width: 100%;
			overflow: hidden;
		}
		#onglet .slick-list { height:52px; padding:0 20px;}
		.cd-tabs nav {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			z-index: 1;
		}
		.cd-tabs-navigation { display: block; width: 100%; text-align: center; height: 50px;}	
		.cd-tabs-navigation li { width: 30.72916666666666%; margin-left: 1.953125%;}	
		.cd-tabs-navigation li a { height: 50px; line-height: 20px;}
		#onglet button { height:50px; width: 75px;}
	}

	@media only screen and (min-width: 1000px) {
		#ongletPosition { }
		#onglet { padding: 0; width: 790px; padding:0; margin: 0 auto;}
		#onglet .slick-list { height:52px; padding:0 75px;}
		#onglet button { display: none;}
		.cd-tabs-navigation { display: block; width: 100%; text-align: center;}
		.cd-tabs-navigation li { width: 250px; margin-left: 15px;}		
		.cd-tabs-navigation li.premier { margin-left: 0px;}	
		.cd-tabs-navigation li a { display: block; width: 100%;}		
	}

	.cd-tabs-content { 
		margin-bottom: 0px;
		min-height: 52px;
		height: auto!important;
		list-style: none;
		width: 100%;
		display: block;
		background: #131313;
	}
	.cd-tabs-content.solo {}
	.cd-tabs-content > li { display: none; padding: 30px 0;}
	.cd-tabs-content > li.selected { display: block;}	

	@media only screen and (min-width: 768px) {				
		.cd-tabs-content {}
		.cd-tabs-content.solo {}
		.cd-tabs-content > li { padding:85px 0 25px 0;}

		.cd-tabs-content .incTinyMce li {
			float: left; 
			width: calc(50% - 17px); 
			padding-right: 10px;
		}
		.cd-tabs-content .incTinyMce li:nth-child(odd) { clear: left;}
		.cd-tabs-content .incTinyMce li:nth-child(even) {
			padding-left: 0px;
			padding-right: 10px;
		}
	}

	@media only screen and (min-width: 1000px) {
		.cd-tabs-content { min-height: 0;}
		.cd-tabs-content .conteneur { max-width: 1000px; padding:0 0 0 110px;}
	}


/* 04_110 : Forfait Détail
--------------------------------------------------------------------------------------- */
	.forfaitContenu .intro { margin-top: 40px;}

	/* Accordéon */
	ol.accordeon { margin: 30px 0 50px 0; list-style: none; width: 100%;}
	ol.accordeon.avecLien { margin-bottom:0;}
	ol.accordeon > li { margin-bottom: 10px; list-style: none; width: 100%;}
	button.accordeonTrigger {
		position: relative; 
		padding:0; 
		margin: 0; 
		border: 0; 
		outline: 0;	
		background: #363636;		
		cursor: pointer; 
		display: block; 
		width: 100%;
		text-align: left;
		border-radius: 3px;
		-webkit-transition: background 0.15s linear 0s; 
		transition: background 0.15s linear 0s;
	}
	button.accordeonTrigger h2 {
		padding:23px 30px;
		margin:0;
		position: relative;
	    width: 100%;
	    color:#fff;
	    -webkit-transition: color 0.15s linear 0s; 
		transition: color 0.15s linear 0s;
	    font:700 16px/20px 'Open Sans', sans-serif;
	}
	button.accordeonTrigger h2:after {
	    content: '';
	    width: 17px;
	    height:10px;
	    display: block;
	    background: url(../gx/m/icone-fleche-haut-bas.png) no-repeat;
	    position: absolute;
	    right: 30px;
	    top: 25px;
	    color: #181818;	    
	    -webkit-transition: transform 0.15s linear 0s; 
		transition: transform 0.15s linear 0s;
	}	
	button.accordeonTrigger h2 span { display: inline-block;}


	button.accordeonTrigger:hover { background:#5a5a5a;}

	.actif button.accordeonTrigger {
		background: #fff;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.actif button.accordeonTrigger h2:after { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
	.actif button.accordeonTrigger h2 { color:#000;}

	ol.accordeon > li .accordeonContenu {
		display: none;
		padding:15px 30px 0 30px;
		background: #fff;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	ol.accordeon > li .accordeonContenu { color:#000;}
	ol.accordeon > li.actif .accordeonContenu { display: block;}
	ol.accordeon > li .accordeonContenu p { text-shadow:1px 1px 2px rgba(255,255,255,1);}
	ol.accordeon > li .accordeonContenu li { margin-bottom: 10px;}

	.alignDroite { width: 100%; text-align: center; }

	@media only screen and (min-width: 540px) {
		.alignDroite { text-align: right; margin-bottom: 50px; }
	}
	

/* 05_100 : Le Quartier
--------------------------------------------------------------------------------------- */
	.carteQuartier { padding-bottom: 30px;}
	.carteQuartier h3 {	margin:45px 0;}

	#mapDetail { display: none; }

	#listeMap {	width: 100%;}
	#listeMap ol { list-style: none;}
	#listeMap ol li {
		background: #fff;
		display: block;
		position: relative;
		text-align: left;
	}
	#listeMap ol li:nth-child(even) { background: #ccc; }

	#listeMap ol li a {
		display: block;
		padding:10px;
		width: 100%;
		position: relative;
		min-height: 66px;
	}

	#listeMap ol li a img {
		position:absolute;
		top:10px;
		left:10px;
		display: block;
		z-index: 1;
	}
	#listeMap ol li a span {
		display: block;
		padding: 12px 10px 12px 60px;
		color:#000;
		font-weight: bold;
		font-size: 18px;
	}

	@media only screen and (min-width: 768px) {
		#mapDetail { 
			display: block; 
			float: left; 
			width: 50%; 
			height:660px;
			background: url(ajax-loader2.gif) no-repeat center center;
		}
		img[src*="gstatic.com/"], img[src*="googleapis.com/"] { max-width: none;} /* Pour empêcher les icones de google maps d'être décalés */
		.googleMapInfoWindow { min-width: 50px; overflow: hidden; width: auto; padding:0px;}
		.googleMapInfoWindow p { color:#d1b56f; margin: 0; line-height: 1.7em;}
		.googleMapInfoWindow a.lienNom {
			display: block; 
			padding:0 30px;
			border-radius:3px;
			font:15px/44px 'Libre Baskerville', sans-serif;
			text-transform: uppercase;
			color:#fff;
			border:3px solid #fff;
			min-height: 44px;
			vertical-align: top;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-moz-osx-font-smoothing: grayscale;
			position: relative;
			margin-top:10px;
			border:transparent;
			background: #b29550;
			background: -moz-linear-gradient(left,  #b29550 0%, #edcf89 50%, #b29550 100%);
			background: -webkit-linear-gradient(left,  #b29550 0%,#edcf89 50%,#b29550 100%);
			background: linear-gradient(to right,  #b29550 0%,#edcf89 50%,#b29550 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b29550', endColorstr='#b29550',GradientType=1 );
			-webkit-box-shadow: inset 1px 1px 3px 0px rgba(255, 255, 255, 0.3);
			-moz-box-shadow: inset 1px 1px 3px 0px rgba(255, 255, 255, 0.3);
			box-shadow: inset 1px 1px 3px 0px rgba(255, 255, 255, 0.3);
			-webkit-transition: background 0.15s linear 0s; -moz-transition: background 0.15s linear 0s; transition: background 0.15s linear 0s;
		}
		.googleMapInfoWindow a.lienNom:hover, 
		.googleMapInfoWindow a.lienNom:focus, 
		.googleMapInfoWindow a.lienNom:active {
			outline:none;	
			background: #a98b42;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		} 
		.googleMapInfoWindow a.lienNom:before { display: none;}
		.googleMapInfoWindow a.lienNom:after { display: none;}

		.googleMapInfoWindow a.itineraire { display: block; margin-top: 10px;}		
		.googleMapInfoWindow a.itineraire:after {
			content: '>';
			display: inline-block;
			font-family: 'guifx', sans-serif;
			font-weight: normal;
			padding-left: 5px;	
		}
		.googleMapInfoWindow a.itineraire:hover { text-decoration: underline;}

		#listeMap { float: left; width: 50%; height:500px; padding-left: 20px;}
	}

/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
	#contactInfos { text-align: left;}
	#contactForm { width: 100%; margin:0 auto;}
	.titreContact { margin:50px 0;}
	#contactInfos address .h4 { margin:0;}
	#contactInfos address p { margin-bottom: 30px; line-height: 24px;}	
	#contactInfos address p.nomAdresse { margin-top: 43px; margin-bottom:0;}
	#contactInfos address a:hover { text-decoration: underline;}
	#contactInfos address p.noTel a { display: inline-block; color:#fff;}
	#contactInfos address p.noTel a:hover { text-decoration: none;}

	@media only screen and (min-width: 768px) {
		#contactInfos { float: right; width: 50%; padding-left: 20px;}
		#contactCarte { float: left; width: 50%; padding-right: 20px;}
		#contactCarte #mapDetail { width: 100%;}
	}

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

	@media only screen and (min-width: 1024px) {
		#contactInfos address p.noTel a { cursor: default;}
	}

/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */
	#piedPage { text-align: center; background: #000; padding:30px 0; border-top:1px solid #393939;}

	.referencement { font-size:11px; color:#fff;}

	.copyrights { display: block; margin-top: 5px;}
	.copyrights a { display: block; color: #fff; }
	.copyrights a:hover { color: #d2b56f;}
	.signatureVortex { white-space: nowrap; display: block; margin-top: 5px;}
	.signatureVortex a { display: inline-block;}

	#piedPage img {	
		display: inline-block;
		vertical-align: middle;
		margin:0 15px 20px 15px;
	}
	
	.menuPiedContenu { width: 100%; display: inline-block; vertical-align: top;}
	#menuPied {	display: none;}	

	@media only screen and (min-width: 768px) {
		#piedPage { text-align: left; padding:20px 0;}
		#piedPage .conteneur { padding:0 45px;}
		.menuPiedContenu { margin:0;}

		#piedPage img { margin:0 0 20px 0;}
		#piedPage img.imgSiteDifferent { margin:0 0 0 30px;}

		#menuPied {	display: block; color:#fff; font: 14px/24px 'Open Sans', sans-serif;}
		#menuPied li { display:inline-block;}
		#menuPied a { color:#fff; padding:0 10px;}
		#menuPied a.actif { color:#d2b56f;}	
		#menuPied a:hover { color:#d2b56f;}
		#menuPied li:first-child a { padding-left:0;}
	}


	.piedHotel { display: none;}
	.rs a, #menuMobile .rs a { 
		float: left;
		display: block;
		background: url(../gx/m/icone-rs.png) no-repeat 0 0;
		width: 24px;
		height: 24px;
		margin-right: 10px;
		padding:0;
	}		
	.rs a.icone-googlePlus, #menuMobile .rs a.icone-googlePlus { background-position: 0px 0px;}
	.rs a.icone-twitter, #menuMobile .rs a.icone-twitter { background-position: -24px 0px;}
	.rs a.icone-facebook, #menuMobile .rs a.icone-facebook{ background-position: -48px 0px;}
	.rs a.icone-youtube, #menuMobile .rs a.icone-youtube { margin-right: 0; background-position: -72px 0px;}
	.rs a:hover, #menuMobile .rs a:hover { opacity: 0.8;}

	@media only screen and (min-width: 1000px) {
		#piedPage .conteneur { padding:0 20px;}
		.copyrights { margin-top: 0;}
		.copyrights a { display: inline-block;}
		.signatureVortex {  margin-top: 0px;}
		.menuPiedContenu { margin:10px 40px 0 40px; width: auto;}
		.piedHotel { 
			display: block;
			vertical-align: middle;				
			margin-top: 15px;
			float: right; 
		}		
	}

	@media only screen and (min-width: 1200px) {
		.signatureVortex { display: inline-block;}
		.piedHotel { display: inline-block; margin-left: 0;}
		.piedHotel span { margin-right: 30px;}
		.piedHotel a:first-of-type img { margin-right: 30px;}
	}

	@media only screen and (min-width: 1320px) {
		#piedPage .conteneur { padding:0;}
		.piedHotel { margin-top: 0px;}
		.piedHotel img { width: auto;} 
		.piedHotel span { margin-right: 40px;}
	}	
	

/* ==================================================================================== */
/*  Media Queries for Responsive Design  */
/* ==================================================================================== */

	/* Styles pour appareils haute resolution */
	@media (-o-min-device-pixel-ratio: 5/4),
	       (-webkit-min-device-pixel-ratio: 1.25),
	       (min-resolution: 120dpi) {

	}

	/* Mobile portrait
	--------------------------------------------------------------------------------------- */
	@media only screen and (min-width: 320px) {

	}

	/* Mobile paysage
	--------------------------------------------------------------------------------------- */
	@media only screen and (min-width: 480px) {

	}

	/* Tablette portrait
	--------------------------------------------------------------------------------------- */
	@media only screen and (min-width: 768px) {

	}

	/* Tablette paysage et desktop
	--------------------------------------------------------------------------------------- */
	@media only screen and (min-width: 1000px) {

	}

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

	}