/*@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700,900"); */

/*
	Phantom by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-family: Times New Roman;

		font-size: 100%;
		/*color: #000000;*/
		/*font: inherit;*/
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}
	

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* MENUSERV */

	#menuserv {
		width: 9%;
		/*! bottom: 5em; */
	}
	
		#menuserv nav {
			position: fixed;
			right: 0em;
			bottom: 6.5em;
			width: 10%;
			margin: 0 5px 0 5px;
			z-index: 10000;
		}
	@media screen and (max-width: 736px){
		#menuserv {
			display: none;
		}
	}

		#menuserv nav ul li {
			border-bottom: 1px solid #9a6336;
			line-height:2em;
		}	
		
		#menuserv nav ul li a {
			color: #000000;
		}
		#menuserv a:hover {
			color: #ffffff;
		}

	#menuservbottom736 {
		display: none;
	}
	#menuservbottom1200 {
		display: none;
	}
	#menutbottom1200 {
		display: none;
	} 
	
	#menutbottom736 {
		display: none;
	}
	
	@media screen and (max-width: 736px){
			
		#menuservbottom736  ul {
			width: 100%;
			margin: 0;
			display:inline-flex;
			padding: 0;
		}
		
		#menuservbottom736{
			display:block;
			width:100%;
			margin-top: 1em;
		}

		#menutbottom ul {

		}
		
		#menuservbottom736 ul li {
			border-left: 1px solid #000;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 33%;
		}	
		#menuservbottom736 ul li:last-child{
			border-right: 1px solid #000000;
		}
		#menuservbottom736  ul li a {
			display: block;
			color: #000000;
			text-align: center;
		}
		#menuservbottom736  a:hover {
			color: #ffffff;
		}
	}

		@media screen and (min-width: 736px) and (max-width: 1200px){
		#menuservbottom1200  ul {
			width: 100%;
			margin: 0;
			display:inline-flex;
			padding: 0;

		}
		#menuserv {
			display:none
		}
		#menuservbottom1200{
			margin-top: 1em;
			display:block;
			width:100%;
			text-align: center;

		}
		
		#menuservbottom1200 ul li {
			border-left: 1px solid #000;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 20%
		}	
		#menuservbottom1200 ul li:last-child {
			border-left: 1px solid #000;
			border-right: 1px solid #000;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 20%
		}	
		
		#menuservbottom1200  ul li a {
			display: block;
			color: #000000;
			text-align: center;
		}
		#menuservbottom1200  a:hover {
			color: #ffffff;
		}
	}


/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

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

		html, body {
			min-width: 320px;
		}

	}

	body {
		background: #cc9568;
;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body, input, select, textarea {
		font-family: "times new roman", Helvetica, sans-serif;
		color: #000000;
		font-size: 16pt;
		font-weight: 300;
		line-height: 1.75;
	}

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

			body, input, select, textarea {
				font-size: 14pt;
			}

		}

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

			body, input, select, textarea {
				font-size: 12pt;
			}

		}

	a {
		-moz-transition: border-bottom-color 0.2s ease, color 0.2s ease;
		-webkit-transition: border-bottom-color 0.2s ease, color 0.2s ease;
		-ms-transition: border-bottom-color 0.2s ease, color 0.2s ease;
		transition: border-bottom-color 0.2s ease, color 0.2s ease;
		text-decoration: none;
		color: #ffffff;
	}

	strong, b {
		font-weight: 900;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 1em 0;
	}

	hl {
		font-weight: 700;
		margin: 0 0 1em 0;
		letter-spacing: -0.035em;
		text-align: center;
		text-transform: uppercase;
		padding-top: 10px;
		font-size: 1.2em;	
		}

		h1 a {
			color: inherit;
		}

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

			h1 {
				font-size: 1.8em;
				margin: 0,5em 0 1em 0;
			}
			hl {
				font-size: 1.5em;
			}

		}

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

			h1 { 
				font-size: 1.3em;
			}
			hl {
				font-size: 1.3em;
			}
		}

	h2, h3, h4 {
		font-weight: 900;
		line-height: 1.5;
		margin: 0 0 1em 0;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}

	h5 {
		font-weight: 900;
		line-height: 1.5;
		margin: 0 0 2em 0;
		font-variant: small-caps;
		letter-spacing: 0.35em;
		background-color: #FEC79A ;
		text-align: center;
		border: solid 1px rgba(154, 99, 54, 1);
		border-radius: 5px;

	}
	
	
	h6 {
		font-weight: 900;
		line-height: 1.5;
		margin: 0 0 2em 0;
		text-transform: uppercase;
		letter-spacing: 0.35em;
		font-style: italic;
	}


		h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
		}

	h2 {
		font-size: 1.1em;
		font-style: italic;
	}

	h3 {
		font-size: 1em;
	}

	h4 {
		font-size: 0.8em;
	}

	h5 {
		font-size: 1em;
	}

	h6 {
		font-size: 1em;
	}

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

		h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
			display: none;
		}

	}

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

		h2 {
			font-size: 1em;
			color: #ffffff;
		/* background-color: #ffffff; */
			opacity: 1;
			border-radius: 5px;
		}

		h3 {
			font-size: 0.8em;
		}


		}

	}
	@media screen and (max-width: 480px) {
		h2 {
			font-size: 1em;
			color: #000000;
		}

		h3 {
			font-size: 0.8em;
		}

		p{
			color: #000000;
		}

	}
	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	blockquote {
		border-left: solid 4px #c9c9c9;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-radius: 4px;
		border: solid 1px #c9c9c9;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: solid 1px #c9c9c9;
		margin: 2em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header p {
		margin-top: -1em;
	}

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

		header p {
			margin-top: 0;
		}
	}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.style2 {
			-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			background-color: transparent;
			border: solid 1px #c9c9c9;
			border-radius: 4px;
			width: 2.65em;
			height: 2.65em;
			display: inline-block;
			text-align: center;
			line-height: 2.65em;
			color: inherit;
		}

			.icon.style2:before {
				font-size: 1.1em;
			}

			.icon.style2:hover {
				color: #f2849e;
				border-color: #f2849e;
			}

			.icon.style2:active {
				background-color: rgba(242, 132, 158, 0.1);
			}

/* style3 */

	.icon2 {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}


.icon2:before {
    /*content: "\f18e"; */
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/* couleur de l'icone*/
    color: #000000;
    font-size: 18px;
}		

.icon2:hover{
	color: #585858;
}		

		.icon2.style3 {
			-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			background-color: #cc9568;
/* couleur bordure */
			border: solid 2px #cc9568;
/* arrondi bordure */			
			border-radius: 5px;
/* taille bordure */			
			width: 3.5em;
			height: 3.5em;
			
			display: inline-block;
			text-align: center;
/*Définit la hauteur de la zone contenant une ligne physique du contenu */			
			line-height: 3.5em;
			
			/*color: inherit; */
		}
/* taille de l'icone */
			.icon2.style3:before {
				font-size: 5px;
			}

			.icon2.style3:hover {
				color: #000000;
				
/*couleur de la bordure si hover */
				border-color: #9a6336; 
				background-color: #fec79a;
			}

			.icon2.style3:active {
				background-color: rgba(242, 132, 158, 0.1);
			}

			.tiles article.style3 > .image:before {
				background-color: #7ecaf6;
			}
/* fin de style3 */			

/* style 4 */
		.icon2.style4 {
			-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			background-color: #fec79a;
/* couleur bordure */
			border: solid 0px #000000;
/* taille bordure */			
			width: 5em;
			
			display: inline-block;
			text-align: center;
		}
/* taille de l'icone */
			.icon2.style3:before {
				font-size: 5em;
			}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
/* MODIF */		margin: 0 0 0 0;
		padding-left: 1em;
	}
	
		ul li {
			padding-left: 0.5em;
						list-style: none;
		}

		
		ul ul li a:before{
			content: "";
		}

ul ul li a {
	font-size: 1em;
}
		
		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px #c9c9c9;
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
			margin: -1em 0 2em -1em;
		}

			ul.icons li {
				display: inline-block;
				padding: 1em 0 0 1em;
			}

		ul.icons2 {
			cursor: default;
			list-style: none;
			padding-left: 0;
			margin: 0;
			}

			ul.icons2 li {
				display: inline-block;
				padding: 1em 0 0 0em;
			}
			
			
		ul.actions {
			cursor: default;
			list-style: none;
			/*! padding-left: 20em; */
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

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

				ul.actions {
					margin: 0 0 2em 0;
				}

					ul.actions li {
						padding: 1em 0 0 0;
						display: block;
						text-align: center;
						width: 100%;
					}

						ul.actions li:first-child {
							padding-top: 0;
						}

						ul.actions li > * {
							width: 100%;
							margin: 0 !important;
						}

							ul.actions li > *.icon:before {
								margin-left: -2em;
							}

					ul.actions.small li {
						padding: 0.5em 0 0 0;
					}

						ul.actions.small li:first-child {
							padding-top: 0;
						}

			}

	dl {
		margin: 0 0 2em 0;
	}

		dl dt {
			display: block;
			font-weight: 900;
			margin: 0 0 1em 0;
		}

		dl dd {
			margin-left: 2em;
		}

/* Form */

	form {
		margin: 0em 0em 0em 0em;
		
		border-radius: 5px;
		padding-left; 2em;
	}

		form:after {
			content: '';
			display: block;
			clear: both;
			height: 1px;
		}

		form .field {
			position: relative;
			float: left;
			margin: 0 0 1.3em 0;
			vertical-align: top;
			width: 50%;
		}

		form .half {
			width: calc(50% + 1em) !important;
			padding-left: 2em;
		}

		form .half.first {
			width: calc(50% - 1em) !important;
			padding-left: 0;
		}

		form :last-child {
			margin-bottom: 0;
		}

		form .half:nth-last-child(2) {
			margin-bottom: 0;
		}

		formform .actions {
			position: relative;
			clear: both;
			padding: 1em 0 1em 0; 
			text-align: center;
		}

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

			form .half {
				width: 100% !important;
				padding-left: 0;
			}

			form .half.first {
				width: 100% !important;
				padding-left: 0;
			}

			form .half:nth-last-child(2) {
				margin: 0 0 1.3em 0;
			}

		}

	label {
		display: block;
		font-size: 0.9em;
		font-weight: 900;
		margin: 0 0 1em 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select,
/* zone de saisie formulaire */
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
	background-color: #FEC79A ; /*modifier couleur page rgb avec transparence &agrave trouver */
		border: none;
		border-radius: 5px;
		border: solid 1px #B0713C /*rgba(255, 255, 255, 0.5)*/; /* modifier comme couleur fond menu*/
		color: #000000;
		display: block;
		outline: 0;
		padding: 0;
		text-decoration: none;
	width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		select:focus,
		textarea:focus {
			border-bottom-color: #f2849e;
			box-shadow: inset 0 -1px 0 0 #f2849e;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: #c9c9c9;
			content: '\f078';
			display: block;
			height: 3em;
			line-height: 3em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 3em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 3em;
	}

	textarea {
		padding: 0;
		min-height: 3.75em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #585858;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 300;
			padding-left: 2.55em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				border-radius: 4px;
				border: solid 1px #c9c9c9;
				content: '';
				display: inline-block;
				height: 1.8em;
				left: 0;
				line-height: 1.725em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.8em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #585858;
			border-color: #585858;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #f2849e;
			box-shadow: 0 0 0 1px #f2849e;
		}

	input[type="checkbox"] + label:before {
		border-radius: 4px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

/* Box */

	.box {
		border-radius: 4px;
		border: solid 1px #c9c9c9;
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

/* Image */

	.image {
		border-radius: 4px;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.main {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

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

				.image.main {
					margin: 0 0 2em 0;
				}

			}
			
	.imagenv{
		width: 100%;
		height: auto;
		border-radius: 4px;
		border: 0;
		display: inline-block;
		position: relative;
		margin-top: 1em;
	}

	.imagenv p {
		color: #000000 !important;
		font-style: normal !important;
	}

/* Table */

	.titre {
		text-align: center;
	}
	.titre p{
		color: #000000;
		font-weight: 900;
		
	}

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: auto;
		width: 50%;
		background-color: #FEC79A ;
	}
	@media screen and (max-width: 736px) {
		table {
		margin: auto;
		width: 95%;
		background-color: #FEC79A ;
	}
}
	
	@media screen and (max-width: 480px){ 
		table {
		margin: auto;
		width: 95%;
		background-color: #FEC79A ;
	}
}
	
	@media screen and (max-width: 360px){
		table {
		margin: auto;
		width: 95%;
		background-color: #FEC79A ;
	}
}
	
/*		@media screen and (max-width: 1280px) {
		table {
			margin: auto;
			width: 95%;
		}	*/

/* en tete tableau */		
		table tbody tr {
			border: solid 1px #9A6336;
			border-left: 2;
			border-right: 2;
			text-align: center;
			color: #000000;
		}
/* en tete tableau */		
		/*	table tbody tr:nth-child(2n + 1) {
			background-color: #ffffff; rgba(144, 144, 144, 0.075);
			}*/

		table td {
			padding: 0.75em 0.75em;
			border: solid 1px #9A6336;
			border-left: 2;
			border-right: 2;
			text-align: center;
			color: #000000;
		}

		table th {
			font-size: 0.9em;
			font-weight: 900;
			padding: 0.75em 0.75em 0.75em 0.75em;
			text-align: center;
		}

		table thead {
			border-bottom: solid 2px #c9c9c9;
			border: solid 2px #c9c9c9;
		}

		table tfoot {
			border-top: solid 2px #c9c9c9;
		}



			table tbody tr {
				text-align: justify;
				color: #000000;
			}

/*				table tbody tr:nth-child(2n + 1) {
					background-color: #000000;
				}
*/
			table td {
				padding: 0.75em 0.75em;
			}

			table th {
				font-size: 0.9em;
				font-weight: 900;
				padding: 0.75em 0.75em 0.75em 0.75em;
				text-align: center;
			}

			table thead {
				border-bottom: solid 2px #c9c9c9;
				border: solid 2px #c9c9c9;
			}

			table tfoot {
				border-top: solid 2px #c9c9c9;
			}		table.alt {
				border-collapse: separate;
			}

			table.alt tbody tr td {
				border: solid 1px #c9c9c9;
				border-left-width: 2;
				border-top-width: 2;
				text-align: center;

			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 1;
			}

			table.alt tfoot {
				border-top: 1;
			}

			
/* Table environs */

	.tabenv a:hover{
		background-color: inherit ;
			text-align: center !important;
			color: #000000;

	}

	
/*		.tabenv tbody tr {
			border: solid 0px #9A6336;
			text-align: center;
			color: #000000;
		}

		.tabenv a {
			padding: 0.75em 0.75em;
			border: solid 0px #9A6336;
			text-align: center;
			color: #000000;
		}*/

		
/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 4px;
		border: 0;
		box-shadow: inset 0 0 0 2px rgba(154, 99, 54, 1);
		color: #ffffff /*rgba(154, 99, 54, 1)*/ !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 900;
		height: 3.5em;
		letter-spacing: 0.35em;
		line-height: 3.45em;
		overflow: hidden;
		padding: 0 1.25em 0 1.6em;
		text-align: center;
		text-decoration: none;
		text-overflow: ellipsis;
		text-transform: uppercase;
		white-space: nowrap;
	}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
		color: #000000 !important;
		box-shadow: inset 0 0 0 2px #000000/*rgba(154, 99, 54, 1)*/;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: rgba(242, 132, 158, 0.1);
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.5em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			font-size: 1em;
		}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		button.special,
/*format bouton valider*/
		.button.special {
			box-shadow: none;
			background-color: rgba(154, 99, 54, 1); /*modifier couleur menu*/
			color: #ffffff !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			button.special:hover,
			.button.special:hover {
				color:#000000 !important;	/*			background-color: rgba(154, 99, 54, 0.6);*/
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			button.special:active,
			.button.special:active {
				background-color: #ee5f81;
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.25;
		}

/* Tiles (3 colonnes) */

	.tiles {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: -0em 0 0 -2.5em;
	}

		.tiles article {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(33.33333% - 2.5em);
			margin: 1.5em 0 0 2.5em;
		}

			.tiles article > .image {
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				position: relative;
				display: block;
				width: 100%;
				border-radius: 4px;
				overflow: hidden;
			}

				.tiles article > .image img {
					display: block;
					width: 100%;
				}

				.tiles article > .image:before {
					-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 1;
					opacity: 0.1;
				}

				.tiles article > .image:after {
					-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					/* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}

			.tiles article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 1em;
				border-radius: 4px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

				.tiles article > a > :last-child {
					margin: 0;
				}

				.tiles article > a:hover {
					color: #ffffff !important;
				}

				.tiles article > a h2 {
					margin: 0;
				}

				.tiles article > a .content {
					-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles article.style1 > .image:before {
				background-color: #ffffff;
				opacity: 0,1;
			}

			.tiles article.style2 > .image:before {
				background-color: #ffffff;
				opacity: 0,1;
			}

			.tiles article.style3 > .image:before {
				background-color: #ffffff;
				opacity: 0,1;
			}

			.tiles article.style4 > .image:before {
				background-color: #ffffff;
				opacity: 0,1;
			}

			.tiles article.style5 > .image:before {
				background-color: #ffffff;
				opacity: 0,25;
			}

			.tiles article.stylegeneric > .image:before {
				background-color: #ffffff;
				opacity: 0,1;
			}

/* Transformation image hover */
			body:not(.is-touch) .tiles article:hover > .image {
				-moz-transform: scale(1.15);
				-webkit-transform: scale(1.15);
				-ms-transform: scale(1.15);
				transform: scale(1.1);
			}

			body:not(.is-touch) .tiles article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles {
			margin-top: 1em;
		}

		body.is-loading .tiles article {
			-moz-transform: scale(0.9);
			-webkit-transform: scale(0.9);
			-ms-transform: scale(0.9);
			transform: scale(0.9);
			opacity: 0;
		}

		body.is-touch .tiles article .content {
			max-height: 15em;
			opacity: 1;
		}

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

			.tiles {
				margin: -1.25em 0 0 -1.25em;
			}

		* + .tiles {
			margin-top: 1em;
		}
				.tiles article {
					width: calc(33.33333% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

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

			.tiles {
				margin: -2.5em 0 0 -2.5em;
			}
		* + .tiles {
			margin-top: 0.5em;
		}

				.tiles article {
					width: calc(50% - 2.5em);
					margin: 2.5em 0 0 2.5em;
				}

		}

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

			.tiles {
				margin: -1.25em 0 0 -1.25em;
			}
		* + .tiles {
			margin-top: 0.5em;
		}

				.tiles article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

					.tiles article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}
	}

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

			.tiles {
				margin: 0;
			}
		* + .tiles {
			margin-top: 0.5em;
		}

				.tiles article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}
/* fin de tiles */

/* Tiles2 (Page photos fixes)*/

	#texte span{
		color: #000000;
		font-family: times new roman, arial;
		font-style: italic !important;
		text-align: justify;	
	}

	.texteleft {
		color: #000000;
		font-family: times new roman, arial;
		font-style: italic !important;
		text-align: justify;
		margin-top: 1em;		
		background-color:#fec79a;
		border-radius: 10px;
	}
	
	.texte p {
		padding: 0 2em;
		text-indent: 1em;
		text-align: justify;
		margin: 0;
	}
	
	.infosup p {
		text-align:center;
		font-style: italic;
		padding-top:0;
		font-size:90%;		
	}
	.texte p:first-child {
		padding-top: 0.5em;
	}
	
	.texte p:last-child {
		padding-bottom: 1em;
	}
	
		@media screen and (max-width: 980px){
			.texte p {
				padding: 0 0.5em;
				text-indent: 1em;
				text-align: justify;
				margin: 0;
			}	
		}

	.texte a {
		color: #000000;
	}
	
	.texte a:hover {
		font-weight: bold;
	}
	
	.texte li {
		text-align: right;
		padding-right: 2em;
	}

	.texteleft li {
		text-align: left;
		padding-left: 2em;
	}
	
	.texte table {
		width: 98%;
		border: solid 0px;
		padding: 1em ;
	}
	.texte tbody{
		border: solid 0px;
	
}
	.texte tr{
		padding: 0px;
		border: solid 0px;
	}
	.texte td{
		padding: 0px;
		border: solid 0px;
		width: 33%;
		vertical-align: top;
	}
	.texte th {
		font-size: 1.2em;
		font-weight: bold;
		padding: 1em 0 0 0;
		text-align: center;
	}
	#chambres table {
		border: solid 0px;
	}
	#chambres tr {
		border: solid 0px;
	}
	#chambres td {
		border: solid 0px;
		text-align:left;
	}
	.services {
		margin-top:1em;
	}
/* plansite */
	.plansite {
		color: #000000;
		font-family: times new roman, arial;
		font-style: italic !important;
		text-align: justify;
		margin-top: 0.5em;		
		background-color:#fec79a;
		border-radius: 10px;
	}
	
	.plansite p {
		padding: 0 2em;
		text-indent: 1em;
		text-align: justify;
		margin: 0;
	}
	
	.plansite p:first-child {
		padding-top: 0.5em;
	}
	
	.plansite p:last-child {
		padding-bottom: 0.5em;
	}
	
		@media screen and (max-width: 980px){
			.plansite p {
				padding: 0 0.5em;
				text-indent: 1em;
				text-align: justify;
				margin: 0;
			}	
		}

	.plansite a {
		color: #000000;
	}
	
	.plansite a:hover {
		font-weight: bold;
	}
	
	.plansite li {
		text-align: left;
		padding-left: 2em;
	}

	.plansite ul {
		text-align: left;
		padding-left: 2em;
	}
	
	.plansite ul li:first-child {
		padding-top: 1em;
	}
	
	.plansite ul li:last-child {
		padding-bottom: 1em;
	}
	.plansite h1 {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 1.3em;
	margin-bottom:1em;
	}
	.plansite h2 {
		margin:0 0 0 2em;
		padding:0.25em 0 0.25em 0;
		text-align:center;
	}
	.plansite h3 {
		margin:0 0 0 2em;
		padding-top:1em;
	}

/* detailch */
	.detailch {
		color: #000000;
		font-family: times new roman, arial;
		font-style: italic !important;
		text-align: justify;
		margin-top: 1em;		
		background-color:#fec79a;
		border-radius: 10px;
	}
	
	.detailch p {
		padding: 0 2em 0 2em;
		text-indent: 1em;
		text-align: justify;
		margin: 0;
	}
	
	.detailch p:first-child {
		padding-top: 0.5em;
	}
	
	.detailch p:last-child {
		padding-bottom: 0.5em;
	}
	
		@media screen and (max-width: 980px){
			.detailch p {
				padding: 0 0.5em;
				text-indent: 1em;
				text-align: justify;
				margin: 0;
			}	
		}

	.detailch a {
		color: #000000;
		font-weight: bold;

	}
	
	.detailch a:hover {
		font-weight: normal;
	}
	
	.detailch li {
		text-align: right;
		padding-right: 2em;
	}

	.detailch ul {
		text-align: right;
		padding-right: 2em;
	}
	
	.detailch table {
		width: 60%;
		border: solid 1px #9a6336;
		padding: 0 2em;
	}

		@media screen and (max-width: 320px){
			.detaich th,td,caption {
				width: 300px;
			}
		}
	
	.detailch th,tr,td {
		border: solid 1px #9a6336;
		 vertical-align:middle;
	}
	
	.detailch tr{
		padding: 0 2em;

	}
	
	.detailch caption {
		margin: 0 0 0.5em 0;
		font-size: 120%;
	}
	
	.tiles2 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: -2.5em 0 0 -2.5em;
	}

		.tiles2 article {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(33.33333% - 2.5em);
			margin: 1em 0em 0em 2.5em;
		}

			.tiles2 article > .image {
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				position: relative;
				display: block;
				width: 100%;
				border-radius: 4px;
				overflow: hidden;
			}

				.tiles2 article > a > :last-child {
					margin: 0;
				}
				.tiles2 article > p {
					color: #000000;
					text-align: center;
					font-weight: normal;
					margin: 0.5em 0 0 0em;
					font-style: italic;

				}

				.tiles2 article p > a {
					color: #000000 !important;
					text-decoration: none;
					border: 0px;
					text-align: center;
					text-decoration: underline;

				}
/*				.tiles2 article span {
					border: 0px;
					color: #000000;
					text-decoration: none;
				}*/
		
				.tiles2 article p > a:hover {
					color: #000000 !important;
					text-decoration: none;
				}

					
		* + .tiles2 {
			margin-top: 0.2em;
		}

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

			.tiles2 {
				margin: 0em 0 0 -1.0em;
			}

				.tiles2 article {
					width: calc(33.33333% - 1.25em);
					margin: 0.5em 0 0 1.25em;
				}
		* + .tiles2 {
			margin-top: 0.5em;
		}

		}

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

			.tiles2 {
				margin: 0em 0 0 -2.5em;
			}

				.tiles2 article {
					width: calc(50% - 2.5em);
					margin: 0.5em 0 0 2.5em;
				}
		* + .tiles2 {
			margin-top: em;
		}

		}

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

			.tiles2 {
				margin: 0 0 0 -1.25em;
			}
		* + .tiles2 {
			margin-top: 0.5em;
		}

				.tiles2 article {
					width: calc(50% - 1.25em);
					margin: 0 0 0 1.25em;
				}

					.tiles2 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}
	}

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

			.tiles2 {
				margin: 0;
			}

				.tiles2 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}
		
	.ch002 {
		border:2px solid #fec79a;
		border-radius: 10px;
		margin-top: 1.5em;
		background-color: #fec79a;
	}
/* fin de tiles2 */

/* Tiles3 (pour tarif 5 colonnes) */

	#texte3 span{
		color: #000000;
		font-family: times new roman, arial;
		font-style: italic !important;
		text-align: justify;	
	}
	.texte3 {
		color: #000000;
		font-family: times new roman, arial;
		font-style: italic !important;
		text-align: justify;
		margin-top: 1em;		
	}
	
	.tiles3 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		}

		.tiles3 h1 {
			font-size: 1.5em;
		}

		.tiles3 ul {
			padding-left: 0.5em;
		}

		#chambres p {
			text-align: center;
			margin: 0.5em 0 0.5em 0;
			padding: 0 0 1em 0;
/*			border-bottom:solid 1em #cc9568; */

		}
		.tiles3 article {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(25% - 1em);
			margin: 1em 0px 0 16px;
			border:solid 1px #9a6336;
			border-radius: 5px;
		}

			.tiles3 article > .image {
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				position: relative;
				display: block;
				width: 100%;
				border-radius: 4px;
				overflow: hidden;
			}

				.tiles3 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles3 article > a > :last-child {
					margin: 0;
				}
				.tiles3 article > p {
					color: #000000;
					text-align: center;
					font-weight: normal;
					margin: 0.5em 0 0 0em;
					font-style: italic;

				}

				.tiles3 article p > a {
					color: #000000 !important;
					text-decoration: none;
					border: 0px;
					text-align: center;
					text-decoration: underline;

				}
		
				.tiles3 article p > a:hover {
					color: #000000 !important;
					text-decoration: none;
				}

				.tiles3 article li > a {
					color: #9a6336 !important;
					text-decoration: none;
					border: 0px;
					text-align: center;
					font-style: italic;
					font-weight: bold;
					font-size: 80%;

				}
		
				.tiles3 article li > a:hover {
					color: #9a6336 !important;
					text-decoration: none;
					font-style: italic;
					font-weight: normal;
					font-size: 85%;
				}

					
		* + .tiles3 {
			margin-top: 0.2em;
		}

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

			.tiles3 {
				margin: 0 0 0 -1em;
			}

				.tiles3 article {
					width: calc(50% - 2.5em);
					margin: 1em 1em 0 0;
				} 
					.tiles3 article:first-child {
						width: calc(50% - 1em);
						margin: 2em 1em 0.25em 2.5em;
					}
					.tiles3 article:last-child {
						width: calc(50% - 1em);
						margin: 1em 0.5em 0 2.5em;
					}
				
				.tiles3 article >.image img {
					margin-top: 0.25em;
					padding-top:0em;
					} 
				.tiles3 article >.image img:first-child {
					margin-top: 0.25em;
					padding-top:0em;
					padding-left: 0.25em;
					} 
				.tiles3 article >.image img:last-child {
					margin-top: 0.25em;
					padding-top:0em;
					padding-right: 0.25em;
					} 

		}

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

			.tiles3 {
				margin: -2.5em 0 0 -2.5em;
			}

				.tiles3 article {
					width: calc(50% - 2.5em);
					margin: 2.5em 0 0 2.5em;
				}
				.tiles3 article >.image img {
					margin-top: 0.5em;
					padding-top:0.5em;
					} 

		}

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

			.tiles3 {
				margin: -1.25em 0 0 0em;
			}

				.tiles3 article {
					width: calc(50% - 1.25em);
					margin: 1.25em auto 0.5em auto;
					border: 0;
				}
				.tiles3 article:first-child {
					width: calc(50% - 1.25em);
					margin: 1.25em auto 0.5em auto;
					border: 0;
				}
				.tiles3 article:last-child {
					width: calc(50% - 1.25em);
					margin: 1.25em auto 0.5em auto;
					border: 0;
				}

				.tiles3 article >.image img {
					margin-top: 0.5em;
					padding-top:0.5em;
					} 
	}

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

			.tiles3 {
				margin: 0;
			}

				.tiles3 article {
					width: 100%;
					margin: 0.6em auto 0 auto;
				}
				.tiles3 article:first-child {
					width: 100%;
					margin: 0.6em auto 0 auto;
				}
				.tiles3 article:last-child {
					width: 100%;
					margin: 0.6em auto 0 auto;
				}
				.tiles3 article >.image img {
					margin-top: 0em;
					padding-top:0em;
					} 

		}
/* fin de tiles3 */

/* Tiles4 (Page tarif 3 colonnes menus*/

	#texte span{
		color: #000000;
		font-family: times new roman, arial;
		font-style: italic !important;
		text-align: justify;	
	}
	.texte {
		color: #000000;
		font-family: times new roman, arial;
		font-style: italic !important;
		text-align: justify;
		margin-top: 1em;		
	}
	
	.tiles4 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: 0 0 0 0; 
		border-radius: 10px;
	}

		.tiles4 article {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: 33.3333%;
			margin: 1em 0 0 0em;
			border-left: solid 1px #9a6336;
			padding-bottom: 0.5em
		}
		
		.tiles4 article:first-child {
			border-left: solid 0px;
			margin-top: 1em;
		}

			.tiles4 article > .image {
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				position: relative;
				display: block;
				width: 100%;
				border-radius: 4px;
				overflow: hidden;
			}

				.tiles4 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles4 article > a > :last-child {
					margin: 0;
				}
				.tiles4 article > p {
					color: #000000;
					text-align: center;
					font-weight: normal;
					margin: 0.5em 0 0 0em;
					font-style: italic;

				}
				.tiles4 article ul  {
					padding: 0;
				}

				.tiles4 article ul > li {
					color: #000000 !important;
					text-decoration: none;
					border: 0px;
					text-align: center;
					font-style: italic;
				}
				.tiles4 h2{
					text-align: center;
					color:#000000;
					padding-top: 0.5em;
				}
		
				.tiles4 article p > a:hover {
					color: #000000 !important;
					text-decoration: none;
				}

					
		* + .tiles4 {
			margin-top: 1em;
		}
		@media screen and (max-width: 1280px) {

			.tiles4 {
				margin: 1em 0 0 -1.25em;
			}

				.tiles4 article {
					width: calc(33.33333% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

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

			.tiles4 {
				margin: 0;
			}

				.tiles4 article {
					width: calc(50%);
					margin-left: 0;
				}
				.tiles4 article:last-child{
					border-right: solid 1px #cc9568;
					width:50%;
				}
				

		}
		
		@media screen and (max-width: 736px) {

			.tiles4 {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles4 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}
				.tiles4 article:last-child {
					border: solid 0px #cc9568;
					
				}
				.tiles4 article:first-child{
					border-bottom: solid 0px #cc9568;
					
				}
				.tliles4 li {
					border: solid 0px;
				}
				.tliles4 ul {
					border: solid 0px;
				}

	}

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

			.tiles4 {
				margin: 0;
			}
				.tiles4 article {
					width: 100%;
					margin: 1.25em 0 0 0;
					border: solid 0px;
				}
			#chambres h1{
					margin-bottom: 1.5em;
			}
			.tiles4 article:last-child {
				width: 100%;
				margin: auto;
				}
			.tiles4 ul {
				padding:0;
				border: solid 0px;
			}
			.tiles4 li {
				padding:0;
				border: solid 0px;
			}
			.autredroit article {
				display: none;
			}
			.autregauche article {
				display: none;
			}

		}
/* fin de tiles4 */

/* Tiles5 (Page tarif 2colonnes bien etre)*/

	
	.tiles5 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		/*! margin: -2.5em 0 0 -2.5em; */
	}
	
	#chambres .tiles5 p {
		text-align: center;
		margin:0;
		padding:0 0 0.25em 0;
	}

	#chambres .tiles5 p img{
		text-align: center;
		width: 80%;
		padding-left: 2em;
	}
	
		.tiles5 article {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(50% - 2.5em);
			margin: 1em 0 0 2.5em;
			font-style: italic;
		}

		.tiles5 article:first-child {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(35% - 2.5em); 
			margin: 1em 0 0 1em;
		}

		.tiles5 article:last-child {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: 65%;
			margin: 1em 0.5em 1em 0.5em;
			border: 1px solid #9a6336;
			border-radius: 10px;
		}


			.tiles5 article > .image {
				position: relative;
				display: block;
				width: 80%;
				border-radius: 4px;
				overflow: hidden;
				padding-left: 1em;
				padding-right: 1em
			}

				.tiles5 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles5 article > p {
					color: #000000;
					text-align: center;
					font-weight: normal;
					margin: 0.5em 0 0 0em;
					font-style: italic;

				}

				.tiles5 article p > a {
					color: #000000 !important;
					text-decoration: none;
					border: 0px;
					text-align: center;
					text-decoration: underline;

				}
/*				.tiles5 article span {
					border: 0px;
					color: #000000;
					text-decoration: none;
				}*/
		
				.tiles5 article p > a:hover {
					color: #000000 !important;
					text-decoration: none;
				}

				.tiles5 h2{
					text-align: center;
					padding-top: 1em;
					color:  #000000;
				}

				.tiles5 p {
					color: #000000;
					text-align: center;
					font-weight: normal;
					margin: 0.5em 0 0 0em;
					font-style: italic;
					padding-bottom:0.5em;

				}

					
		* + .tiles5 {
			margin-top: 1em;
		}

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

			.tiles5 {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles5 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

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

			.tiles5 {
				margin: 0;
			}

				.tiles5 article {
					width: calc(50% - 2.5em);
					margin: 2.5em 0 0 2.5em;
				}

		}

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

			.tiles5 {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles5 article:first-child {
					width: calc(100% - 1.25em);
					margin: 1.25em 0 0 0em;
				}

				.tiles5 article:last-child {
					width: calc(100% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

	}

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

			.tiles5 {
				margin: 0;
			}

				.tiles5 article:first-child {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}

				.tiles5 article:last-child {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}
			.tiles5 ul {
				padding:0;
			}
			.tiles5 li {
				padding-left:1em;
				text-align: left;
			}
			.tiles5 h2 {
				color:#000000;
			}
		}
/* fin de tiles5 */

/* Tiles6 (Page coordonnées 2colonnes coordonnées)*/

	.tiles6 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: -2.5em 0 0 0;
	}

	.tiles6 h3 {
		text-transform:none;
		margin-bottom:0.5em;
		font-size:1em;
	}
	.tiles6 h4 {
		text-transform:none;
		margin-bottom:0;
		font-size:1em;
	}
		.tiles6 article {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(50% - 2.5em);
			margin: 1em 0 0 2.5em;
			border: solid 1px rgba(154, 99, 54, 1);
		}

		.tiles6 article:first-child {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(35% - 2em);
			margin: 1em 0 1em 1em;
			border-radius: 5px;
			padding: 1em 0 1em 1em;
		}

		.tiles6 article:last-child {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(65% - 2em);
			margin: 1em 0 1em 2em;
			border-radius: 5px;
			padding: 1em;

		}


			.tiles6 article > .image {
				position: relative;
				display: block;
				width: 100%;
				border-radius: 4px;
				overflow: hidden;
				padding-left: 1em;
				padding-right: 1em
			}

				.tiles6 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles6 article > p {
					color: #000000;
					text-align: center;
					font-weight: normal;
					margin: 0.5em 0 0 0em;
					font-style: italic;

				}

				.tiles6 article p > a {
					color: #000000 !important;
					text-decoration: none;
					border: 0px;
					text-align: center;
					text-decoration: underline;

				}
		
				.tiles6 article p > a:hover {
					color: #000000 !important;
					text-decoration: none;
				}

					
		* + .tiles6 {
			margin-top: 1em;
		}

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

			.tiles6 {
				margin: -1.25em 0 0 0em;
			}

				.tiles6 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 0em;
				}

		}

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

			.tiles6 {
				margin: -2.5em 0 0 0em;
			}

				.tiles6 article {
					width: calc(50% - 2.5em);
					margin: 2.5em 0 0 0em;
				}

		}

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

			.tiles6 {
				margin: -1.25em 0 0 0em;
			}

				.tiles6 article:first-child {
					width: calc(100% - 1.25em);
					margin: 1.25em 1em 0 1em; 
				}

				.tiles6 article:last-child {
					width: calc(100% - 1.25em);
					margin: 1.25em 1em 0 1em;
				}

	}

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

			.tiles6 {
				margin: 0;
			}

				.tiles6 article:first-child {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}

				.tiles6 article:last-child {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}

		}
/* fin tiles 6 */
	
/* Tiles7 (Page coordonnées 2colonnes formulaire)*/

	.tiles7 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: 0 0 0 5em;
	}

		.tiles7 article {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(33% - 1em);
			margin: 0 0 0 0m;
			font-size: 1em;
			border: solid 0px;
		}

		.tiles7 article:first-child {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(33% - 0em);
			margin: 0em 0 0em 0em;
			border: solid 0px #000000;
			border-radius: 5px;
			padding: 1em 0 0em 10em;
			text-align: left;
		}

		.tiles7 article:last-child {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: calc(33% - 2em);
			margin: 0em 0 0em 0em;
			border: solid 0px #000000;
			border-radius: 5px;
			padding: 0em 0 0em 1em;

		}


			.tiles7 article > .image {
				position: relative;
				display: block;
				width: 100%;
				border-radius: 4px;
				overflow: hidden;
				padding-left: 1em;
				padding-right: 1em
			}

				.tiles7 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles7 article > p {
					color: #000000;
					text-align: center;
					font-weight: normal;
					margin: 0.5em 0 0 0em;
					font-style: italic;

				}

				.tiles7 article p > a {
					color: #000000 !important;
					text-decoration: none;
					border: 0px;
					text-align: center;
					text-decoration: underline;

				}
		
				.tiles7 article p > a:hover {
					color: #000000 !important;
					text-decoration: none;
				}
		.tiles7 img {
			height: 60px;
			width: 60px;
		}
					
		* + .tiles7 {
			margin-top: 1em;
		}

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

			.tiles7 {
				margin: -1.25em 0 0 0em;
			}

				.tiles7 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 0em;
				}

		}

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

			.tiles7 {
				margin: -2.5em 0 0 0em;
			}

				.tiles7 article {
					width: calc(50% - 2.5em);
					margin: 2.5em 0 0 0em;
				}

		}

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

			.tiles7 {
				margin: -1.25em 0 0 0em;
			}

				.tiles7 article:first-child {
					width: calc(100% - 1.25em);
					margin: 1.25em 0 0 0em;
				}

				.tiles7 article:last-child {
					width: calc(100% - 1.25em);
					margin: 1.25em 0 0 0em;
				}

	}

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

			.tiles7 {
				margin: 0;
			}

				.tiles7 article:first-child {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}

				.tiles7 article:last-child {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}

		}
/* fin tiles7 */

/* Google maps */
#coordenees .google {
	position: absolute;
	top: 0px;
	left: 10px;
/*	width:568px; */
	height:100%;
	background-color: #FFC678;
	border-radius: 10px;
	box-shadow: 6px 6px 4px #CF5A36;
}
#frame {
	text-align: center;
	margin:10px 0 10px 0;
	border: 1px solid #FFC678;
	border-radius:6px;
	width: 100%;
}
#frame iframe{
	width:100%;
	height:400px;
}
#coldgoog {
	position: absolute;
	right: 0px;
/*	width:210px; */
	height:100%;
}
/*.frame {
	border: 1px solid #FFC678;
	border-radius:6px;
	width: 100%;
	
}*/


/* Tiles7 (Page services 3col autres */

	
	.tiles7 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: 0 0 0 0; 
		border-radius: 10px;
	}

		.tiles7 article {
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			position: relative;
			width: 33.3333%;
			margin: 1em 0 1em 0;
			border: solid 0px ;
		}
		
		.tiles7 article ul > li {
			color: #000000 !important;
			text-decoration: none;
			text-align: center;
			font-style: italic;
		}
		.tiles7 h2{
			text-align: center;
			color:#000000;
		}
		

					
		* + .tiles7 {
			margin-top: 1em;
		}
		@media screen and (max-width: 1280px) {

			.tiles7 {
				margin: 1em 0 0 -1.25em;
			}

				.tiles7 article {
					width: calc(33.33333% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

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

			.tiles7 {
				margin: 0;
			}

				.tiles7 article {
					width: 50%;
				}
				.tiles7 article:last-child{
					border-right: solid 1px #cc9568;
					width:50%;
				}
			.tiles7 article:first-child{
				width: 25%;
					padding:0.5em 0 0 1em ;
			}
				

		}
		
		@media screen and (max-width: 736px) {

			.tiles7 {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles7 article {
					width: calc(100% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}
				.tiles7 article:last-child {
					width: calc(100% - 1.25em);
					display: none;
					
				}
				.tiles7 article:first-child{
					width: calc(100% - 1.25em);
					display: none;
					
				}

	}

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

			.tiles7 {
				margin: 0;
			}
				.tiles7 article {
					width: 100%;
					margin: 0;
					border: solid 0px;
					padding: 0.5em;
				}
			.tiles7 article:last-child {
					display: none;
					}
			.tiles7 article:first-child {
					display: none;
					}
			.tiles7 ul {
				padding:0;
			}
			.tiles7 li {
				padding:0;
			}
7
		}
/* fin de tiles7 */

/* page contact*/

			.tiles2 article > .image {
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				position: relative;
				display: block;
				width: 100%;
				border-radius: 4px;
				overflow: hidden;
			}

			.tiles2 article > .image img {
				display: block;
				width: 95%;
				margin: 0 10px;
				border:10px solid #cc9568;
				border-radius: 5px;
			}


/*				.tiles2 article span {
					border: 0px;
					color: #000000;
					text-decoration: none;
				}*/
		
				.tiles2 article p > a:hover {
					color: #000000 !important;
					text-decoration: none;
				}

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

					.tiles2 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}
	}

		@media screen and (max-width: 480px) {
			
				.tiles2 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}
/* fin page contact */
		
.legende{
	padding-top: 10px;
	font-family: times new roman, arial;
	font-style: italic;
	letter-spacing: 2px;

}

/*		body.is-loading .tiles2 article {
			-moz-transform: scale(0.9);
			-webkit-transform: scale(0.9);
			-ms-transform: scale(0.9);
			transform: scale(0.9);
			opacity: 0;
		}

		body.is-touch .tiles2 article .content {
			max-height: 15em;
			opacity: 1;
		}

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

			.tiles2 {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles2 article {
					width: calc(33.33333% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}
*/
		@media screen and (max-width: 980px) {

			.tiles2 {
				/*! margin: -2.5em 0 0 -2.5em; */
			}

				.tiles2 article {
					width: calc(50% - 2.5em);
					margin: 2.5em 0 0 2.5em;
				}

		}

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

			.tiles2 {
				margin: 0 0 0 -1.25em;
			}

				.tiles2 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

					.tiles2 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

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

			.tiles2 {
				margin: 0;
			}

				.tiles2 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}
		
/* Header */

	#header {
		padding: 1em 0 0.1em 0 ;
	}


	#header3 {
		/*! padding: 2em 0 0.1em 0 ; */
		width: 80px;
/*		height: 40px; */
	}
	#header4 {
		/*! padding: 2em 0 0.1em 0 ; */
		width: 80px;
		margin-bottom: 1em;
/*		height: 40px; */
	}

/*HDP*/	#header5 {
		/*! padding: 2em 0 0.1em 0 ; */
/*		width: 40px; */
		width: 10%;
		
/*		height: 40px;*/
	}
@media screen and (max-width: 736px){
	#header5 img{
		display: none;
	}
}

		#headerl .logo {
			display: block;
			border-bottom: 0;
			color: inherit;
			font-weight: 900;
			letter-spacing: 0.1em;
			/*! margin: 0 0 0.5em 0; */
			text-decoration: none;
			text-transform: uppercase;
			display: block;
			font-size: 1.5em;
			color: #000000 !important;
			font-style: normal !important;
			text-align: center;
			margin-top: 0.5em;

		}
		@media screen and (max-width: 400px){
			#headerl .logo span{
				font-size:0.8em;
			}
		}
		
			#headerl .logo > * {
				display: inline-block;
				vertical-align: top;
				font-size: 1.1em ;
			}
			

#header1 .logo span{
	margin-left: 5em;
}
			#headerl .logo .symbol {
				padding-top: 0.65em;
			}
			#headerl .logo .symbolg {
				margin-right: 1.5em;
				padding-top: 0.5em
			}
			#headerl .logo .symbolr {
				margin-left: 1.5em;
				padding-top: 0.5em
			}

			#headerl .logo .symbolg img, #headerl .logo .symbolr img {  
				display: block;
				width: 2em;
				height: 2em;
			}
						
		#header nav {
			position: fixed;
			right: 2em;
			top: 2em;
			z-index: 10000;
		}

		#header2 nav {
			position: fixed;
			right: 2em;
			top: 2em;
			z-index: 10000;
		}

		#header3 nav {
			position: fixed;
			right: 2em;
			top: 2em;
			z-index: 10000;
		}

		#header4 nav {
			position: fixed;
			right: 2em;
			top: 2em;
			z-index: 10000;
		}

/* HDP */#header5 nav {
			position: fixed;
			right: 2em;
			bottom: 3em;
			z-index: 10000;
			display:block;
		}

		/* pause */#header6 nav {
			position: fixed;
			right: 25em;
			top:7em;
			z-index: 10000;
		}

			#header nav ul {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				list-style: none;
				margin: 0;
				padding: 0;
			}
					
				#header nav ul li {
					display: block;
					padding: 0;
					color: #8A5326;
				}

			#header2 nav ul {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				list-style: none;
				margin: 0;
				padding: 0;
			}
					
			#header2 nav ul li {
				display: block;
				padding: 0;
				color: #8A5326;
			}
				
			#header3 nav ul {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				list-style: none;
				margin: 0;
				padding: 0;
			}

			#header4 nav ul {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				list-style: none;
				margin: 0;
				padding: 0;
			}

/* HDP */#header5 nav ul {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			#header3 nav ul li {
				display: block;
				padding: 0;
				color: #8A5326;
			}

			#header4 nav ul li {
				display: block;
				padding: 0;
				color: #8A5326;
			}

/* HDP */	#header5 nav ul li {
				display: block;
				padding: 0;
				color: #8A5326;
			}

				
					#header nav ul li a {
						display: block;
						position: relative;
						height: 3em;
						line-height: 3em;
						/* padding: 0 1.5em; */
/* couleur bouton menu*/background-color: #B0713C /*rgba(255, 255, 255, 0.5)*/;
						border-radius: 4px;
						border: ;
						font-size: 0.85em;
						font-weight: 900;
						letter-spacing: 0.35em; 
						text-transform: uppercase;
					}

					#header2 nav ul li a {
						display: block;
						position: relative;
						height: 3em;
						line-height: 3em;
						/* padding: 0 1.5em; */
/* couleur bouton menu background-color: #B0713C; *//*rgba(255, 255, 255, 0.5)*/ 
						border-radius: 4px;
						border: ;
						font-size: 1em;
						font-weight: 900;
						text-transform: uppercase;
					}

					#header3 nav ul li a {
						display: block;
						position: relative;
						height: 2.0em;
						width: 80px;
						line-height: 2.5em;
						/* padding: 0 1.5em; */
/* couleur bouton menu  background-color: #B0713C;*//*rgba(255, 255, 255, 0.5)*/ 
						border-radius: 4px;
						font-size: 1em;
						font-weight: 900;
						text-transform: uppercase;
						text-align: center;
						margin-left: 0%;
					}
					#header3 nav ul li img {
						text-decoration: none;
					}

					#header nav ul li a[href="#menu"] {
						-webkit-tap-highlight-color: transparent;
						width: 4em;
						text-indent: 4em;
						font-size: 1em;
						overflow: hidden;
						padding: 0;
						white-space: nowrap;
					}

						#header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
							-moz-transition: opacity 0.2s ease;
							-webkit-transition: opacity 0.2s ease;
							-ms-transition: opacity 0.2s ease;
							transition: opacity 0.2s ease;
							content: '';
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background-position: center;
							background-repeat: no-repeat;
							background-size: 2em 2em;
						}

					#header nav ul li a[href="#menu"]:before {
							background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23f2849e%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
							opacity: 0;
						}

						#header nav ul li a[href="#menu"]:after {
							background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23585858%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
							opacity: 1;
						}

						#header nav ul li a[href="#menu"]:hover:before {
							opacity: 1;
						}

						#header nav ul li a[href="#menu"]:hover:after {
							opacity: 0.7;
						}
						

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

			#header {
				padding: 1em 0 0.1em 0 ;
			}
			#headerl {
				padding: 1em 0 0.1em 0 ;
			}

			#header2 {
				padding: 1em 0 0.1em 0 ;
			}

			#header3 {
				padding: 1em 0 0.1em 0 ;
			}
			#header4 {
				padding: 1em 0 0.1em 0 ;
			}

/* HDP */	#header4 {
				padding: 1em 0 0.1em 0 ;
			}

			#header nav {
				right: 0.5em;
				top: 0.5em;
			}

			#header3 nav {
				right: 0.5em;
				top: 3em;
			}

			#header4 nav {
				right: 0.5em;
				top: 5.5em;
			}

/* HDP */#header5 nav {
				right: 0.5em;
				bottom: 1em;
			}

					#header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
						background-size: 1.5em 1.5em;
					}

		}

/* Menu */

	#wrapper {
		-moz-transition: opacity 0.45s ease;
		-webkit-transition: opacity 0.45s ease;
		-ms-transition: opacity 0.45s ease;
		transition: opacity 0.45s ease;
		opacity: 1;
	}

	#menu {
		-moz-transform: translateX(22em);
		-webkit-transform: translateX(22em);
		-ms-transform: translateX(22em);
		transform: translateX(22em);
		-moz-transition: -moz-transform 0.45s ease, visibility 0.45s;
		-webkit-transition: -webkit-transform 0.45s ease, visibility 0.45s;
		-ms-transition: -ms-transform 0.45s ease, visibility 0.45s;
		transition: transform 0.45s ease, visibility 0.45s;
		position: fixed;
		top: 0;
		right: 0;
		width: 22em;
		max-width: 80%;
		height: 100%;
		-webkit-overflow-scrolling: touch;
/* MODIF */background: #fec79a; /* background menu */
/* MODIF */color: #9a6336; /* couleur texte menu */
		font-weight: normal; /* format lien menu */
		font-size: 1em;/* format lien menu */
/* MODIF */		border: solid 2px #9a6336; /* bordure menu */
/* MODIF */		border-radius: 20px; /*arrondi bordure menu */
/* MODIF */		height: 35em; /* hauteur menu */
		cursor: default;
		visibility: hidden;
		z-index: 10002;
	}
	
/*format lien menu hover*/
		a:hover {
			border-bottom-color: transparent;
			color: #000000; 
		}
		#menu a {
			border-bottom-color: transparent;
		}

		#menu a:hover {
			border-bottom-color: transparent;
/* MODIF */	font-weight: 900; 
			font-style: italic; !important;
		}


		#menu > .inner {
			-moz-transition: opacity 0.45s ease;
			-webkit-transition: opacity 0.45s ease;
			-ms-transition: opacity 0.45s ease;
			transition: opacity 0.45s ease;
			-webkit-overflow-scrolling: touch;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			padding: 2.75em;
			opacity: 0;
			overflow-y: auto;
		}

			#menu > .inner > ul {
				list-style: none;
				margin: 0 0 1em 0;
				padding: 0;
			}

				#menu > .inner > ul > li {
					padding: 0;
/* MODIF */			border-top: solid 2px rgba(154, 99, 54, 1); /* couleur trait entre li du menu */
				}

					#menu > .inner > ul > li a {
						display: block;
						padding: 1em 0;
						line-height: 0.5;
						border: 0;
						color: inherit;
/* MODIF						font-style: normal; */
					}

					#menu > .inner > ul > li:first-child {
						border-top: 0;
						margin-top: -1em;
					}
	
		#menu > .close {
			-moz-transition: opacity 0.45s ease, -moz-transform 0.45s ease;
			-webkit-transition: opacity 0.45s ease, -webkit-transform 0.45s ease;
			-ms-transition: opacity 0.45s ease, -ms-transform 0.45s ease;
			transition: opacity 0.45s ease, transform 0.45s ease;
			-moz-transform: scale(0.25) rotate(180deg);
			-webkit-transform: scale(0.25) rotate(180deg);
			-ms-transform: scale(0.25) rotate(180deg);
			transform: scale(0.25) rotate(180deg);
			-webkit-tap-highlight-color: transparent;
			display: block;
			position: absolute;
			top: 2em;
			left: -6em;
			width: 6em;
			text-indent: 6em;
			height: 3em;
			border: 0;
			font-size: 1em;
			opacity: 0;
			overflow: hidden;
			padding: 0;
			white-space: nowrap;
		}

			#menu > .close:before, #menu > .close:after {
				-moz-transition: opacity 0.2s ease;
				-webkit-transition: opacity 0.2s ease;
				-ms-transition: opacity 0.2s ease;
				transition: opacity 0.2s ease;
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-position: center;
				background-repeat: no-repeat;
				background-size: 2em 2em;
			}
/* image X fermeture */
			#menu > .close:before {
				background-image: url("data:image/svg)+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23000000%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
				opacity: 0;
			}

/*MODIF */	#menu > .close:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %239a6336%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
				opacity: 1; /* COULEUR DU X */
			}
/* opacité; X fermeture */
			#menu > .close:hover:before {
				opacity: 1;
			}

/* MODIF */	#menu > .close:hover:after {
				opacity: 1;
			}

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

			#menu {
				-moz-transform: translateX(18em);
				-webkit-transform: translateX(18em);
				-ms-transform: translateX(18em);
				transform: translateX(18em);
				width: 22em;
			}

/*				#menu > .inner {
					padding: 2.75em 1.5em;
				}
*/
				#menu > .close {
					top: 0.5em;
					left: -4.25em;
					width: 4.25em;
					text-indent: 4.25em;
				}

					#menu > .close:before, #menu > .close:after {
						background-size: 1.5em 1.5em;
					}

		}

		@media screen and (max-width: 350px){
			#menu {max-width: 95%;
			}
		}
		
	body.is-menu-visible #wrapper {
		-moz-pointer-events: none;
		-webkit-pointer-events: none;
		-ms-pointer-events: none;
		pointer-events: none;
		cursor: default;
/* MODIF */	opacity: 0.5;
	}

	body.is-menu-visible #menu {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}

		body.is-menu-visible #menu > * {
			opacity: 1;
		}

		body.is-menu-visible #menu .close {
			-moz-transform: scale(1.0) rotate(0deg);
			-webkit-transform: scale(1.0) rotate(0deg);
			-ms-transform: scale(1.0) rotate(0deg);
			transform: scale(1.0) rotate(0deg);
			opacity: 1;
		}

		
/* Main */

	#main {
		padding: 0em 0 2em 0 ;
	}

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

			#main {
				padding: 0em 0 1em 0 ;
			}

		}

/* Footer */

	#footer {
		padding: 1em 0 1em 0 ;
	background-color: #fec79a;/* modif */
	}

	#footer table {
		width: 100%;
		border: solid 0px;
	}
	
		#footer table > *{
		border: solid 0px;
	}
	
#footer td.alignleftfooter{
	text-align:left;
	padding-left:2em;
	border: solid 0px;
	vertical-align: middle;
	}

#footer .alignright{
	text-align:right;
	padding-right:15px;
	border: solid 0px;
	}

 #footer td.alignrightfooter{
	text-align:right;
	padding-right:15px;
	border: 0px;
	}
#footer tr{
	border: 0px;
}

#footer a {
	color: #000000;
}

#footer a:hover {
	font-weight: bold;
}

/*		#footer > .inner {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-moz-flex-direction: row;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
		}
*/
/*			#footer > .inner > * > :last-child {
				margin-bottom: 0;
			}

			#footer > .inner section:nth-child(1) {
				width: calc(66% - 2.5em);
				margin-right: 2.5em;
			}

			#footer > .inner section:nth-child(2) {
				width: calc(33% - 2.5em);
				margin-left: 2.5em;
			}

			#footer > .inner .copyright {
				width: 100%;
				padding: 0;
				list-style: none;
				font-size: 1em;
				color: inherit; 
			}
*/
/*			#footer > .inner .copyright a {
					color: inherit;
				}
*/
/*				#footer > .inner .copyright li {
					display: inline-block;
					border-left: solid 1px #000000; 
					line-height: 1;
					padding: 0 0 0 1em;
					margin: 0 0 0 1em;
				}
*/
/*					#footer > .inner .copyright li:first-child {
						border-left: 0;
						padding-left: 0;
						margin-left: 0;
					}
*/
		@media screen and (max-width: 1280px) {

			#footer {
				padding: 2em 0 2em 0 ;
			}

/*				#footer > .inner section:nth-child(1) {
					width: calc(66% - 1.25em);
					margin-right: 1.25em;
				}

				#footer > .inner section:nth-child(2) {
					width: calc(33% - 1.25em);
					margin-left: 1.25em;
				}
*/
		}
/*
		@media screen and (max-width: 980px) {

			#footer > .inner section:nth-child(1) {
				width: 66%;
				margin-right: 0;
			}

			#footer > .inner section:nth-child(2) {
				width: calc(33% - 2.5em);
				margin-left: 2.5em;
			}

		}
*/
		@media screen and (max-width: 736px) {

			#footer {
				padding: 0em 0 1em 0 ;
			}
/*
				#footer > .inner {
					-moz-flex-direction: column;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
				}

					#footer > .inner section:nth-child(1) {
						width: 100%;
						margin-right: 0;
						margin: 3em 0 0 0;
					}

					#footer > .inner section:nth-child(2) {
						-moz-order: -1;
						-webkit-order: -1;
						-ms-order: -1;
						order: -1;
						width: 100%;
						margin-left: 0;
					}

					#footer > .inner .copyright {
						margin-top: 1em;
					}
*/
		}
/*
		@media screen and (max-width: 480px) {


				#footer > .inner .copyright li {
					border-left: 0;
					padding-left: 0;
					display: block;
					line-height: inherit;
				}


		}
*/
/* Wrapper */

	#wrapper > * > .inner {
		width: 100%;
		max-width: 68em;
		margin: 0 auto ;
		padding: 0 2.5em;
	}

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

			#wrapper > * > .inner {
				padding: 0 1.25em;
			}

		}
#intro {
	font-size: 1.0em;
	font-weight: 400;
	font-style: italic;
	background-color: #fec79a;
	border-radius: 10px;
	margin: 2em 0 1em 0;
	}

	#intro h1 {
		text-align: center;
		text-transform: uppercase;
	}

	#intro p {
		padding: 0 2em;
		text-indent: 1em;
		text-align: justify;
		margin: 0;
	}
	#intro p:first-child {
		padding-top: 0.5em;
	}
	
	#intro p:last-child {
		padding-bottom: 0.5em;
	}

		
 #detailch {
	border-radius: 10px;
	margin: 1.2em auto 0em auto;
	width: 100%;
	padding-top: 1em;
	}


	@media screen and (max-width: 736px){
		#detailch {
			width: 95%;
		}
	} 
	
#saison p {
	border:1px solid #9a6336;
	margin:0 0.8em 0.5em 0.8em;
	padding:1em 2em 1em 2em;
	border-radius: 10px;
	text-align: left;
	}
#reduc {
	border:1px solid #9a6336;
	margin:0 0.8em 0.5em 0.8em;
	padding:1em 2em 1em 2em;
	border-radius: 10px;
	}
#reduc p{
	text-align: left;
	}

.bandeau {
	font-size: 1,5em;
	font-weight: 400;
	font-style: italic;
	background-color: #fec79a;
	padding: 0.5em;
	border-radius: 10px;
	margin: 1.5em auto 0em auto;
	width: 100%;
	text-align: center;
	}
	
.bandeau p {
	text-align: left;
	padding-left: 2em;
	text-indent: 1em;
	margin: 0;
	}

.bandeau p:first-child {
	margin-top: 1em;
	}

	.bandeau p:last-child {
	margin-bottom: 1em;
	}

.bandeau > h1 {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 1.3em;	
	}

.bandeau > h2 {
	margin: auto 0 auto 0;
	text-align: center;
	color: #000000;
	}

.bandeau > h3 {
	margin: auto 0 auto 0;
	text-align: center;
	color: #000000;
	}
	
.tarif > h3 {
	text-align:center;
	padding-top:1em;
	font-size: 1.0em;
	margin-bottom:0.5em;
}


	@media screen and (max-width: 736px){
		.bandeau{
			width: 100%;
		}
	}

#bandind > h1 {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 1.3em;	
	}

#bandind {
	background-color: #fec79a;
	padding: 0.3em;
	border-radius: 10px;
	margin: 1.2em auto 1em auto;
	width: 100%;
	}

	@media screen and (max-width: 736px){
		#bandind{
			width: 95%;
		}
	}

#bandvid > h2 {
	margin: auto 0 auto 0;
	text-align: center;
}

#bandvid {
	font-size: 1,5em;
	font-weight: 400;
	font-style: italic;
	background-color: #fec79a;
	padding: 0.5em;
	border-radius: 10px;
	margin: 1.2em auto 1em auto;
	width: 100%;
	max-width: 640px;
	text-align: center;
	}

	@media screen and (max-width: 736px){
		#bandvid{
			width: 95%;
		}
	}

/* SLIDER */
	
.slider {
/*  box-shadow: 0px 4px 10px #9d9d9d; */
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  max-width: 525px;
  border-radius: 4px;
}

.slider ul {
  width: 1000%;
  height: auto;
  position: relative;
  list-style: none;
  left: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  -moz-animation:slide-animation 25s infinite;
  -webkit-animation:slide-animation 25s infinite;
  animation:slide-animation 25s infinite;
}

.slider ul:hover {
  -moz-animation-play-state:paused;
  -webkit-animation-play-state:paused;
  animation-play-state:paused;
}

.slider li {
  width: 10%;
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  border-radius: 4px;
}
#pictoright img{
	width:80px;
	height:40px;
}
#chambres  #pictoleft{
	width:80px;
	height:40px;
}


.slider span {
  position: relative;
  height: 2em;
  display: block;
  font-size: 1.2em;
  bottom: 0;
  padding: 20px 0 20px 0 ;
  margin-top: -50px;
  overflow: hidden;
  background-color:rgba(255,255,255,0.4);
  color: #000000;
  font-weight: bold;
  font-style:  italic;
  border-radius: 4px;
  font-family: Times New Roman;

}

.slider p {
	text-align: center;
	width: 510px;
} 
@media screen and (max-width: 736px){
	.slider span {
		display:none;

	}
}
@-webkit-keyframes slide-animation {
1%  {left: 0%; opacity: 1;}
9%  {left: 0%; opacity: 1;}
10%  {opacity: 0,2;}
11%  {left: -100%; opacity: 1;}
19%  {left: -100%; opacity: 1;}
20% {opacity: 0.2;}
21%  {left: -200%; opacity: 1;}
29%  {left: -200%; opacity: 1;}
30% {opacity: 0.2;}
31%  {left: -300%; opacity: 1;}
39%  {left: -300%; opacity: 1;}
40% {opacity: 0.2;}
41%  {left: -400%; opacity: 1;}
49%  {left: -400%; opacity: 1;}
50% {opacity: 0.2;}
51%  {left: -500%; opacity: 1;}
59%  {left: -500%; opacity: 1;}
60% {opacity: 0.2;}
61%  {left: -600%; opacity: 1;}
69%  {left: -600%; opacity: 1;}
70% {opacity: 0.2;}
71%  {left: -700%; opacity: 1;}
79%  {left: -700%; opacity: 1;}
80% {opacity: 0.2;}
81%  {left: -800%; opacity: 1;}
89%  {left: -800%; opacity: 1;}
90% {opacity: 0.2;}
91%  {left: -900%; opacity: 1;}
99.5%  {left: -900%; opacity: 1;}
  100% {left: 0%;}
}

@-moz-keyframes slide-animation {
1%  {left: 0%; opacity: 1;}
9%  {left: 0%; opacity: 1;}
10%  {opacity: 0,2;}
11%  {left: -100%; opacity: 1;}
19%  {left: -100%; opacity: 1;}
20% {opacity: 0.2;}
21%  {left: -200%; opacity: 1;}
29%  {left: -200%; opacity: 1;}
30% {opacity: 0.2;}
31%  {left: -300%; opacity: 1;}
39%  {left: -300%; opacity: 1;}
40% {opacity: 0.2;}
41%  {left: -400%; opacity: 1;}
49%  {left: -400%; opacity: 1;}
50% {opacity: 0.2;}
51%  {left: -500%; opacity: 1;}
59%  {left: -500%; opacity: 1;}
60% {opacity: 0.2;}
61%  {left: -600%; opacity: 1;}
69%  {left: -600%; opacity: 1;}
70% {opacity: 0.2;}
71%  {left: -700%; opacity: 1;}
79%  {left: -700%; opacity: 1;}
80% {opacity: 0.2;}
81%  {left: -800%; opacity: 1;}
89%  {left: -800%; opacity: 1;}
90% {opacity: 0.2;}
91%  {left: -900%; opacity: 1;}
99.5%  {left: -900%; opacity: 1;}
  100% {left: 0%;}
}

@keyframes slide-animation{
1%  {left: 0%; opacity: 1;}
9%  {left: 0%; opacity: 1;}
10%  {opacity: 0,2;}
11%  {left: -100%; opacity: 1;}
19%  {left: -100%; opacity: 1;}
20% {opacity: 0.2;}
21%  {left: -200%; opacity: 1;}
29%  {left: -200%; opacity: 1;}
30% {opacity: 0.2;}
31%  {left: -300%; opacity: 1;}
39%  {left: -300%; opacity: 1;}
40% {opacity: 0.2;}
41%  {left: -400%; opacity: 1;}
49%  {left: -400%; opacity: 1;}
50% {opacity: 0.2;}
51%  {left: -500%; opacity: 1;}
59%  {left: -500%; opacity: 1;}
60% {opacity: 0.2;}
61%  {left: -600%; opacity: 1;}
69%  {left: -600%; opacity: 1;}
70% {opacity: 0.2;}
71%  {left: -700%; opacity: 1;}
79%  {left: -700%; opacity: 1;}
80% {opacity: 0.2;}
81%  {left: -800%; opacity: 1;}
89%  {left: -800%; opacity: 1;}
90% {opacity: 0.2;}
91%  {left: -900%; opacity: 1;}
99.5%  {left: -900%; opacity: 1;}
  100% {left: 0%;}
}


/* MENUCH 

	#menuch {
		width: 9%;
	}
	#menuchbottom736 {
		display: none;
	}
	#menuchbottom1200 {
		display: none;
	}
	
	#menuch nav {
		position: fixed;
		right: 0em;
		bottom: 6.5em;
		width: 9%;
		margin: 0 5px 0 5px;
		z-index: 10000;
	}
	#menuch nav ul li {
		border-bottom: 1px solid #9a6336;
		line-height:2em;
	}	
	#menuch nav ul li a {
		color: #000000;
	}
	#menuch a:hover {
		color: #ffffff;
	}

	@media screen and (max-width: 980px){
		#menuch {
			display: none;
		}
		#menuch736 {
			display: none;
		}
		#menuchbottom1200  ul {
			width: 100%;
			margin: 0;
			display:inline-flex;
			padding: 0;
		}
		#menuchbottom1200{
			margin-top: 1em;
			display:block;
			width:100%;
			text-align: center;

		}
		
		#menuchbottom1200 ul li {
			border-left: 1px solid #9a6336;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 20%;
			text-align: center;

		}	
		#menuchbottom1200 ul li:last-child {
			border-left: 1px solid #9a6336;
			border-right: 1px solid #9a6336;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 20%
		}	
		
		#menuchbottom1200  ul li a {
			display: block;
			color: #000000;
		}
		#menuchbottom1200  a:hover {
			color: #ffffff;
		}

	}
	
	@media screen and (max-width: 736px){
			
		#menuchbottom736  ul {
			width: 100%;
			margin: 0;
			display:inline-flex;
			padding: 0;
		}
		
		#menuchbottom736{
			display:block;
			width:100%;
			margin-top: 1em;
		}
		
		#menuchbottom1200 {
		display: none;
	} 
		#menuch{
		display: none;
	} 
		
		#menuchbottom736 ul li {
			border-left: 1px solid #9a6336;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 50%;
			text-align: center;
		}	
		
		#menuchbottom736 ul li:last-child{
			border-right: 1px solid #9a6336;
		}
		#menuchbottom736  ul li a {
			display: block;
			color: #000000;
		}
		#menuchbottom736  a:hover {
			color: #ffffff;
		}
	}

		@media screen and (max-width: 1200px){
		#menuchbottom1200  ul {
			width: 100%;
			margin: 0;
			display:inline-flex;
			padding: 0;

		}
		#menuch {
			display:none
		}
		#menuchbottom736 {
			display:none;
		}
		#menuchbottom1200{
			margin-top: 1em;
			display:block;
			width:100%;
			text-align: center;

		}
		
		#menuchbottom1200 ul li {
			border-left: 1px solid #9a6336;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 20%;
			text-align: center;

		}	
		#menuchbottom1200 ul li:last-child {
			border-left: 1px solid #9a6336;
			border-right: 1px solid #9a6336;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 20%
		}	
		
		#menuchbottom1200  ul li a {
			display: block;
			color: #000000;
		}
		#menuchbottom1200  a:hover {
			color: #ffffff;
		}
	}
*/
/* MENUENV */

	#menuen {
		width: 9%;
	}
	
		#menuenv nav {
			position: fixed;
			right: 0em;
			bottom: 5em;
			width: 9%;
			margin: 0 5px 0 5px;
			z-index: 10000;
		}
	@media screen and (max-width: 736px){
		#menuenv {
			display: none;
		}
	}

		#menuenv nav ul li {
			border-bottom: 1px solid #000;
			line-height:2em;
		}	
		
		#menuenv nav ul li a {
			color: #000000;
		}
		#menuenv a:hover {
			color: #ffffff;
		}

	#menuenvbottom736 {
		display: none;
	}
	#menuenvbottom1200 {
		display: none;
	}
	
	@media screen and (max-width: 736px){
			
		#menuenvbottom736  ul {
			width: 100%;
			margin: 0;
			display:inline-flex;
			padding: 0;
		}
		
		#menuenvbottom736{
			display:block;
			width:100%;
			margin-top: 1em;
		}
		
		#menuenvbottom736 ul li {
			border-left: 1px solid #000;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 50%;
		}	
		#menuenvbottom736 ul li:last-child{
			border-right: 1px solid #000000;
		}
		#menuenvbottom736  ul li a {
			display: block;
			color: #000000;
			text-align: center;
		}
		#menuenvbottom736  a:hover {
			color: #ffffff;
		}
	}

		@media screen and (min-width: 750px) and (max-width: 1200px){
		#menuenvbottom1200  ul {
			width: 100%;
			margin: 0;
			display:inline-flex;
			padding: 0;

		}
		#menuenv {
			display:none
		}
		#menuenvbottom1200{
			margin-top: 1em;
			display:block;
			width:100%;
			text-align: center;

		}
		
		#menuenvbottom1200 ul li {
			border-left: 1px solid #000;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 33%
		}	
		#menuenvbottom1200 ul li:last-child {
			border-left: 1px solid #000;
			border-right: 1px solid #000;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 33%
		}	
		
		#menuenvbottom1200  ul li a {
			display: block;
			color: #000000;
			text-align: center;
		}
		#menuenvbottom1200  a:hover {
			color: #ffffff;
		}
	}

/* MENUENV */

	#menuen {
		width: 9%;
	}
	
		#menuenv nav {
			position: fixed;
			right: 0em;
			bottom: 5em;
			width: 9%;
			margin: 0 5px 0 5px;
			z-index: 10000;
		}
	@media screen and (max-width: 736px){
		#menuenv {
			display: none;
		}
	}

		#menuenv nav ul li {
			border-bottom: 1px solid #000;
			line-height:2em;
		}	
		
		#menuenv nav ul li a {
			color: #000000;
		}
		#menuenv a:hover {
			color: #ffffff;
		}

	#menuenvbottom736 {
		display: none;
	}
	#menuenvbottom1200 {
		display: none;
	}
	
	@media screen and (max-width: 736px){
			
		#menuenvbottom736  ul {
			width: 100%;
			margin: 0;
			display:inline-flex;
			padding: 0;
		}
		
		#menuenvbottom736{
			display:block;
			width:100%;
			margin-top: 1em;
		}
		
		#menuenvbottom736 ul li {
			border-left: 1px solid #000;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 50%;
		}	
		#menuenvbottom736 ul li:last-child{
			border-right: 1px solid #000000;
		}
		#menuenvbottom736  ul li a {
			display: block;
			color: #000000;
			text-align: center;
		}
		#menuenvbottom736  a:hover {
			color: #ffffff;
		}
	}

		@media screen and (min-width: 736px) and (max-width: 1200px){
		#menuenvbottom1200  ul {
			width: 100%;
			margin: 0;
			display:inline-flex;
			padding: 0;

		}
		#menuenv {
			display:none
		}
		#menuenvbottom1200{
			margin-top: 1em;
			display:block;
			width:100%;
			text-align: center;

		}
		
		#menuenvbottom1200 ul li {
			border-left: 1px solid #000;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 33%
		}	
		#menuenvbottom1200 ul li:last-child {
			border-left: 1px solid #000;
			border-right: 1px solid #000;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 33%
		}	
		
		#menuenvbottom1200  ul li a {
			display: block;
			color: #000000;
			text-align: center;
		}
		#menuenvbottom1200  a:hover {
			color: #ffffff;
		}
	}
/* fin menuenv */

/* MENU TARIF */
		#menut {
		width: 10%;
		/*! bottom: 5em; */
	}
	
		#menut nav {
			position: fixed;
			right: 0em;
			bottom: 6.5em;
			width: 10%;
			margin: 0 5px 0 5px;
/*			line-height: 3em; */
			z-index: 10000;
		}

		#menut nav ul li {
			border-bottom: 1px solid #000;
			line-height:3em;
		}	
		
		#menut nav ul li a {
			color: #000000;
		}
		#menut a:hover {
			color: #ffffff;
		}

	@media screen and (max-width: 735px){
		
		#menut {
			display: none;
		}	
		#menutbottom736  ul {
			width: 100%;
			margin: 0;
			display:inline-flex;
			padding: 0;
		}
		
		#menutbottom736{
			display:block;
			width:100%;
		}
		
		#menutbottom736 ul li {
		border-left: 1px solid #000; 
		border-right: solid 1px #000;
		line-height:2em;
		padding:0 4px 0 4px;
		width: 33%;
		}	
		
		#menutbottom736 ul li:nth-child(odd) {
			border: 0;
		}	
		
	}	
		
		#menutbottom736  ul li a {
			display: block;
			color: #000000;
		}
		#menutbottom736  a:hover {
			color: #ffffff;
		}
	}

		@media screen and (min-width: 736px) and (max-width: 1200px){
		
		#menut {
			display: none;
		}
		#menutbottom1200  ul {
			width: 50%;
			display:inline-flex;
			max-width: 736px;
			margin: 0 25% 0 25%;
						text-align: center;


		}
		
		#menutbottom1200{
			display:block;
			width:100%;
			
		}
		
		#menutbottom1200 ul li {
			border-left: 1px solid #000;
			line-height:2em;
			padding:0 4px 0 4px;
			width: 33%;
						text-align: center;

		}	
		
		#menutbottom1200  ul li a {
			display: block;
			color: #000000;
		}
		
		#menutbottom1200  a:hover {
			color: #ffffff;
		}
	}

/* COORDONEES */

.coord {
	font-size: 1.1rem;
	background-color: #FEC79A ;
	border: solid 0px #FEC79A;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	margin: 0em 1em 1em 1em;
	font-size: 1em;

}

#divcoord {
			display: inline-block;
			width: 100%;
			/*! margin:1em 0 0 0; */
}
	@media screen and (max-width: 736px){
		#divcoord{
			width:100%;
			margin:0;
		}
	}

#coordonnee {
	vertical-align:top;
	display:block;
	width: 100%;
	margin: 1em 0 0 0; 
	background-color: #FEC79A;
	border-radius: 10px;
	font-style: italic;
}
#coordonnee h1{
	text-align: center;
	/*! margin-top:1em; */
	margin-bottom: 0.5em;
	font-size: 0.5em;
	padding-top: 0.5em;
}
#coordonnee ul{
	border: solid 0px rgba(154, 99, 54, 1);
	border-radius: 5px;
	padding: 0em;
}

#coordonnee ul li{
	border: solid 1px rgba(154, 99, 54, 1);
	border-radius: 5px;
	padding-right: 2em;
}

#coordonees{
/*	display: inline-block; */
		width:100%;

}	
#coordonnees section{
	width:100%;
}
#coordonnees article {
	width: 50%;
}
@media screen and (max-width: 736px){
	#coordonnee{
	width: 100%;
	margin :10px 0 0 0;
	}
}

#coortel {
	border: solid 1px rgba(154, 99, 54, 1);
	border-radius:5px;
	margin: 1em;
}

#coortel h3{
	padding-left:1em;
	margin-bottom:0;
}
#coortel ul li{
	padding-left: 2em;
	border:none;
}
/* FORMULAIRE */
	#formulaire {
		display: inline-block;
		width: 100%;
		margin: 2em 0 0 0; 
		background-color: #FEC79A;
		vertical-align:top;
		border: solid 1px rgba(154, 99, 54, 1);
		border-radius: 10px;
		font-style: italic;
}
	#formform {
		width: 100%;
		margin: 0 0 0 0; 
	}

	#formulaire h1{
	text-align: center;
	margin-bottom: 0.5em;
	font-size: 1.25em;
	padding-top: 0.5em;
	}

	#send {
		margin:1em 0 1em 0;
	}
	#send ul {
		text-align: center;
	}
	@media screen and (max-width: 730px){
		#formulaire{
			display: none;
		}
	}
	
/* video */

.rvideo-box 
	{
	background-color: #FEC79A;
	text-align: center;
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 100%; 
	max-width: 640px;
/*	height: 80%; */
	border: 1px solid #f2849e;
	border-radius: 5px;
	font-style: italic;
	}

.rvideo-box video 
	{
	width: 100%;
	height: auto;
	display: block;
	padding: 0px;
	margin: 0px;
	}

.rvideo-caption 
	{
	color: #000000;
	font-size: inherit;
	font-weight: bold;
	text-align: center;
	}

/* .rvideo-nosupport
	{
	color: #000000;
	padding-top: 110px;
	padding-bottom: 110px;
	} */
	
#containervid {
	width:100%;
	height:480px;
	display: flex;
  }
#leftvid {
	float:left;
	width: 10%;
	margin: auto;
	text-align: center;
	font-size: 8rem;
	font-weight: 900;
}
#rightvid {
	float:left;
	width: 10%;
	text-align: center;
	margin: auto;
	font-size: 8rem;
	font-weight: 900;


}
#centervid {
	float:left;
	width:50%px;
}

@media screen and (max-width: 736px){
		#leftvid {
		float:left;
		width: 10%;
		margin: auto;
		text-align: center;
		font-size: 2rem;
		font-weight: 900;
	}
	#rightvid {
		float:left;
		width: 10%;
		text-align: center;
		margin: auto;
		font-size: 2rem;
		font-weight: 900;
	}
	#centervid {
	float:left;
	width:40%px;
}
	
	

	
/* CONTACT */

@media screen and (max-width: 736px){
	.formulaire .tableau1, .tableau2, .tableau3 {
		width:100%;
	}
}
	
/* postionnement icones drapeaux */
	.right2 {
		position: absolute;
		right: 0px;
		width: 80px;
		border: none;
	}
	
	.left1 {
		position: absolute;
		left: 16.5rem;
		width: 400px;
		border: none;
		padding: 0px;
	}
	.flag{
		position: absolute;
		right: 1rem;

}	
	.right2 a {
		position: relative;
		right: 0rem;
	}

 a {
	text-decoration: none;
	border: none;
}

.saisie_form{
		background-color: #FEC79A ;

}

.alignleft{
	text-align:left;
	padding-left:15px;
	border-left: 0px;
	}


.borderright{
	border-right; solid 0px;
}

tr .bordernone{
	border: solid 0px;
}
.alignleft2{
	text-align:left;
	padding-left:30px;
}

.majit {
	text-transform: uppercase;
	font-style: italic;
	font-size: 1.5em;

}
.ital {
	font-style: italic;
}

.textenv {
	background-color: #FEC79A ;
	border-radius: 10px;
	padding: 15px;
}


.tableradius{
border: 2px outset #000000;}


/*	@media screen and (max-width:736px) {

		.tiles article{
			display:none;
		}
	} */

/*	@media screen and (max-width:720px) {
		#slideshow {
			display: none;
		}
	}*/