/*
Theme Name: Château de Turenne
Author: Le Carrousel
Author URI: http://www.le-carrousel.com
Template: twentyfifteen
Version: 1.6
*/

/********************************************** FONT ********************************************************************/
@font-face {
    font-family: 'Decalotype-Regular';
    src: url('font/Decalotype-Regular.eot');
    src: url('font/Decalotype-Regular.eot?#iefix') format('embedded-opentype'),
    	 url('font/Decalotype-Regular.woff2') format('woff2'),
    	 url('font/Decalotype-Regular.woff') format('woff'),
         url('font/Decalotype-Regular.otf') format('truetype'),
         url('font/Decalotype-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Decalotype-Medium';
    src: url('font/Decalotype-Medium.eot');
    src: url('font/Decalotype-Medium.eot?#iefix') format('embedded-opentype'),
    	 url('font/Decalotype-Medium.woff2') format('woff2'),
    	 url('font/Decalotype-Medium.woff') format('woff'),
         url('font/Decalotype-Medium.otf') format('truetype'),
         url('font/Decalotype-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Decalotype-SemiBold';
    src: url('font/Decalotype-SemiBold.eot');
    src: url('font/Decalotype-SemiBold.eot?#iefix') format('embedded-opentype'),
    	 url('font/Decalotype-SemiBold.woff2') format('woff2'),
    	 url('font/Decalotype-SemiBold.woff') format('woff'),
         url('font/Decalotype-SemiBold.otf') format('truetype'),
         url('font/Decalotype-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Decalotype-Bold';
    src: url('font/Decalotype-Bold.eot');
    src: url('font/Decalotype-Bold.eot?#iefix') format('embedded-opentype'),
    	 url('font/Decalotype-Bold.woff2') format('woff2'),
    	 url('font/Decalotype-Bold.woff') format('woff'),
         url('font/Decalotype-Bold.otf') format('truetype'),
         url('font/Decalotype-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Decalotype-Black';
    src: url('font/Decalotype-Black.eot');
    src: url('font/Decalotype-Black.eot?#iefix') format('embedded-opentype'),
    	 url('font/Decalotype-Black.woff2') format('woff2'),
    	 url('font/Decalotype-Black.woff') format('woff'),
         url('font/Decalotype-Black.otf') format('truetype'),
         url('font/Decalotype-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/********************************************** CONTAINER **************************************************************/
html { 
    font-size: 100%;
    height: 100%;
    width: 100%;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    line-height: 1.4;
    color: #534c4d;
    background-color: white;
    overflow-y: scroll;
}

#page { 
	width: 100%;
	overflow: hidden; 
}

@media screen and (min-width:768px){
	.container { width: 750px; }
}

@media screen and (min-width:992px){ 
	.container { width: 970px; }
}

@media screen and (min-width:1200px){
	.container { width: 1050px; }
}

@media screen and (min-width:1500px){
	.container { width: 1170px; }
}

/********************************************** TITRES ********************************************************************/
h1 {
	display: none;
	position: absolute;
	z-index: 10;
	left: 40px;
	bottom: 40px;
	font-family: 'Decalotype-Medium';
	font-size: 3.5em;
	line-height: 0.9;
	color: white;
	-moz-text-shadow: 0 2px 5px rgba(184,177,158,1);
	-webkit-text-shadow: 0 2px 5px rgba(184,177,158,1);
	-o-text-shadow: 0 2px 5px rgba(184,177,158,1);
	text-shadow: 0 2px 5px rgba(184,177,158,1);
}

h1 .uppercase { font-size: 1.212em; }

h1.h1-en .uppercase { font-size: 0.94em; }

h2.accroche-header {
	margin: 0;
	font-family: 'Decalotype-Regular';
	font-size: 1.3em;
	line-height: 1.3;
	text-align: center;
}

h3 {
	margin: 10px 0 3px 0;
	font-family: 'Decalotype-Medium';
	font-size: 1.43em;
	line-height: 0.95;
	text-transform: uppercase;
	color: #534c4d;
	-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

h4 {
	margin: 23px 0 10px 0;
	font-size: 1.6em;
	font-family: 'Decalotype-Medium';
	text-align: center;
	text-transform: uppercase;
}

@media screen and (min-width: 480px){
	h2.accroche-header { font-size: 1.5em; }
	h3 { 
		margin: 12px 0 4px 0;
		font-size: 1.8em; 
	}
	h4 { 
		margin: 30px 0 15px 0;
		font-size: 1.8em;
	}
}

@media screen and (min-width:768px){
	h2.accroche-header { line-height: 1.4; }
	h3 span { display: block; }
	h4 { 
		margin: 10px 0 15px 0;
		font-size: 2em;
		text-align: left;
	}
}

@media screen and (min-width:992px){
	.home h1 { display: block; }
	h2.accroche-header { 
		font-size: 1.9em; 
		letter-spacing: 0.2px;
	}
	h3 { 
		font-size: 1.83em;
		line-height: 1.1;
	}
	h3 span { display: inline-block; }
	h4 { 
		margin: 10px 0 22px 0;
		font-size: 2.1em; 
	}
}

@media screen and (min-width:1200px){
	h1 { 
		left: 50px;
		bottom: 50px;
		font-size: 4em; 
	}
	h2.accroche-header { font-size: 2.09em; }
	h3 { 
		margin: 18px 0 5px 0;
		font-size: 1.96em; 
	}
	h4 { font-size: 2.2em; }
}

@media screen and (min-width:1500px){
	h1 { 
		left: 80px;
		bottom: 80px;
		font-size: 5em; 
	}
	h2.accroche-header { font-size: 2.34em; }
	h3 { 
		margin: 20px 0 5px 0;
		font-size: 2.25em; 
	}
	h4 { font-size: 2.3em; }
}

/********************************************** TEXTES ********************************************************************/
ul {
    margin: 0;
    padding: 0;
}

ul li { list-style: none; }

p { margin: 0; }

a { 
    color: #ff9900;
    transition: 0.5s ease all;
}

a:hover, a:focus { 
    text-decoration: none; 
    color: #ff7800;
    transition: 0.5s ease all;
}

a:focus {
    outline: inherit;
    outline-offset: 0;
}

button, input, textarea { outline: none; }

::-moz-selection {
    background: #ff9900;
    color: white;
}

::selection {
    background: #ff9900;
    color: white;
}

.uppercase { text-transform: uppercase; }

/********************************************** GENERAL ********************************************************************/
img {
    max-width: 100%;
    height: auto;
}

/********************************************** BACKGROUND-COLOR ********************************************************************/
.bg-gris { 
	padding: 13px 0 18px 0;
	background-color: rgba(184,177,158,0.6); 
}

.bg-gris-clair {
	padding: 18px 0;
	background-color: rgba(184,177,158,0.3); 
}

.bg-gris-fonce {
	padding: 5px 0;
	background-color: rgba(83,76,77,1);
}

.bg-marron {
	padding: 10px 0 20px 0;
	background-color: #c0b587;
}

.bg-blanc { padding: 18px 0; }

.bg-contenu { padding: 20px 0 15px 0 !important; }

@media screen and (max-width: 480px){
	.page-contact .bg-blanc { padding: 18px 0 0 0; }
}

@media screen and (min-width: 480px){
	.bg-gris { padding: 18px 0 23px 0; }
	.bg-gris-clair, .bg-blanc { padding: 20px 0; }
	.bg-marron { padding: 20px 0 30px 0; }
	.bg-contenu { padding: 25px 0 20px 0 !important; }
}

@media screen and (min-width:768px){
	.bg-gris, .bg-gris-clair, .bg-blanc { padding: 25px 0 30px 0; }
	.bg-gris-fonce { padding: 9px 0 6px 0; }
	.bg-marron { padding: 30px 0 35px 0; }
	.bg-contenu { padding: 35px 0 25px 0 !important; }
}

@media screen and (min-width:992px){  
	.bg-gris { padding: 35px 0 40px 0; }
	.bg-gris-clair, .bg-blanc { padding: 35px 0; }
	.bg-marron { padding: 35px 0 40px 0; }
	.bg-contenu { padding: 55px 0 35px 0 !important; }
}

@media screen and (min-width:1200px){
	.bg-gris { padding: 40px 0 45px 0; }
	.bg-gris-clair, .bg-blanc { padding: 40px 0; }
	.bg-contenu { padding: 70px 0 40px 0 !important; }
}

@media screen and (min-width:1500px){
	.bg-gris { padding: 50px 0 55px 0; }
	.bg-gris-clair, .bg-blanc { padding: 50px 0; }
	.bg-marron { padding: 40px 0 45px 0; }
	.bg-gris-fonce { padding: 10px 0 8px 0; }
	.bg-contenu { padding: 90px 0 60px 0 !important; }
}

/********************************************** HEADER ********************************************************************/
.site-header { position: relative; }

.img-header { 
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-bottom: 26.6%;
}

.home .img-header { padding-bottom: 30%; }

.img-header img {
	position: absolute;
	width: 100%;
}

.reseaux ul { 
	width: 94px;
	margin: 15px auto 0 auto;
}

.reseaux li { display: inline-block; }

.reseaux li a {
	display: block;
	width: 40px;
	height: 40px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 40px auto;
}

.reseaux li:first-child a { background-image: url(img/reseaux/tripadvisor.svg); }

.reseaux li:last-child a { 
	margin-left: 10px;
	background-image: url(img/reseaux/guide-du-routard.svg); 
}

.reseaux span { display: none; }

.reseaux-desktop { display: none; }

@media screen and (min-width: 480px){
	.reseaux-desktop { display: block; }
	.reseaux-mobile { display: none; }
	.reseaux { 
		position: fixed;
		z-index: 600;
		top: 7px;
		right: 10px;
	}
	.reseaux ul { 
		width: initial;
		margin: 0;
	}
	.reseaux li a { margin-bottom: 10px; }
	.reseaux li:first-child a { background-image: url(img/reseaux/tripadvisor-tablette.svg); }
	.reseaux li:last-child a { 
		margin-left: 5px; 
		background-image: url(img/reseaux/guide-du-routard-tablette.svg); 
	}
}

@media screen and (min-width:992px){  
	.reseaux {
		position: absolute;
		top: 20px;
		right: 25px;
	}
	.reseaux li { display: initial; }
	.reseaux li a { 
		width: 48px;
		height: 48px;
		background-size: 48px auto;
	}
	.reseaux li:first-child a { background-image: url(img/reseaux/tripadvisor.svg); }
	.reseaux li:last-child a { 
		margin-left: 0; 
		background-image: url(img/reseaux/guide-du-routard.svg); 
	}
}

@media screen and (min-width:1200px){
	.reseaux li a { 
		width: 53px;
		height: 53px;
		background-size: 53px auto;
	}
}

/********************************************** NAV ********************************************************************/
.site { margin-top: 55px; }

#site-navigation {
	position: relative;
	z-index: 800;
	height: 80px;
	-moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
	box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
	background-color: white;
}

#site-navigation.fixed {
	position: fixed;
	z-index: 800;
	top: 0;
	left: 0;
	width: 100%;
}

.nav-menu li {
	display: inline-block;
	vertical-align: top;
}

.nav-menu li a {
	position: relative;
	display: block;
	padding-bottom: 4px;
	font-family: 'Decalotype-Medium';
	font-size: 1.4em;
	text-transform: uppercase;
	color: #534c4d;
}

.nav-menu li a:after {
	position: absolute;
    left: 50%;
    right: 50%;
    height: 5px;
    bottom: 0;
    content: "";
    background-color: #ff9900;
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: translate3d(0, 0, 0);
}

.nav-menu li:nth-child(4) a span {
	display: inline-block;
	vertical-align: top;
	padding-left: 2px;
	padding-top: 10px;
	font-family: 'Decalotype-Bold';
	font-size: 1.2em;
	line-height: 1;
}

.nav-menu li.lang-item {
	position: absolute;
	margin-top: 30px;
}

.lang-item a { 
	width: 32px;
	height: 21px;
	padding: 10px 0 0 0 !important;
	box-shadow: none !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px auto;
}

.lang-item-fr a {
	padding-right: 3px;
	background-image: url(img/flags/fr.svg);
}

.lang-item-en a { background-image: url(img/flags/en.svg); }

.nav-menu li.lang-item img { display: none; }

.nav-menu li.lang-item a:after, .nav-menu li.menu-item-22 a:after, .nav-menu li.menu-item-694 a:after { display: none; }

.lang-item-fr { left: 15px; }

.lang-item-en { left: 70px; }

.nav-mobile, .title-nav { display: block; }

.nav-desktop { display: none; }

.title-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
	width: 100%;
	height: 55px; 
	-moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
	box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
	background-color: white;
}

.title-nav > div {
	padding: 11px 0 0 65px;
	font-family: 'Decalotype-SemiBold';
	font-size: 1.4em;
}

@media screen and (min-width: 480px){
	.title-nav > div {
		padding: 7px 0 0 0;
		font-size: 1.7em;
		text-align: center;
	}
}

@media screen and (min-width:992px){  
	.nav-mobile, .title-nav { display: none; }
	.nav-desktop { display: block; }
	#page.fixed-nav { margin-top: 80px; }
	.site { margin-top: 0; }
	.nav-menu li { padding: 25px 16px 0 16px; }
	.menu-menu-anglais-container .nav-menu li { padding: 25px 12px 0 12px; }
	.nav-menu li:nth-child(4) a span { padding-top: 0; }
	.nav-menu li a:hover:after, .nav-menu li.current-menu-item a:after, .nav-menu li.current-menu-item a:hover:after {
	    left: 0;
	    right: 0;
	}
	.nav-menu li.lang-item, .menu-menu-anglais-container .nav-menu li.lang-item {
		display: block;
		left: inherit !important;
		right: 15px;
		margin-top: 0;
		padding: 0;
	}
	.nav-menu li.lang-item a { padding: 0 !important; }
	.nav-menu li.menu-item-22,
	.nav-menu li.menu-item-694,
	.menu-menu-anglais-container .nav-menu li.menu-item-22,
	.menu-menu-anglais-container .nav-menu li.menu-item-694 { padding: 0; }
	.nav-menu li.menu-item-22 span, .nav-menu li.menu-item-694 span { display: none; }
	.nav-menu li.menu-item-22 a, .nav-menu li.menu-item-694 a {
		width: 63px;
		height: 80px;
		background-image: url(img/logos/logo-nav.svg);
	    background-repeat: no-repeat;
	    background-position: left bottom;
	    background-size: 46px auto;
	}
	.lang-item-fr { top: 18px; }
	.lang-item-fr a { padding-right: 0; }
	.lang-item-en { top: 45px; }
	.lang-item-fr a, .lang-item-en a {
		width: 25px;
		height: 16px;
		background-size: 25px auto;
	}
}

@media screen and (min-width:1200px){
	.nav-menu li { padding: 22px 21px 0 21px; }
	.menu-menu-anglais-container .nav-menu li { padding: 22px 18.5px 0 18.5px; }
	.nav-menu li a { font-size: 1.65em; }
	.nav-menu li.menu-item-22,
	.nav-menu li.menu-item-694,
	.menu-menu-anglais-container .nav-menu li.menu-item-22,
	.menu-menu-anglais-container .nav-menu li.menu-item-694 {
		position: absolute;
		left: -50px;
	}
	.nav-menu li.lang-item, .menu-menu-anglais-container .nav-menu li.lang-item { right: -50px; }
	.lang-item-fr { top: 15px; }
	.lang-item-en { top: 46px; }
	.lang-item-fr a, .lang-item-en a {
		width: 28px;
		height: 18px;
		background-size: 28px auto;
	}
}

@media screen and (min-width:1500px){
	.nav-menu li { padding: 19px 32.5px 0 32.5px; }
	.menu-menu-anglais-container .nav-menu li { padding: 19px 28.3px 0 28.3px; }
	.nav-menu li:nth-child(2) { padding-left: 0; }
	.nav-menu li:nth-child(7) { padding-right: 0; }
	.nav-menu li a { font-size: 1.8em; }
	.nav-menu li.menu-item-22,
	.nav-menu li.menu-item-694,
	.menu-menu-anglais-container .nav-menu li.menu-item-22,
	.menu-menu-anglais-container .nav-menu li.menu-item-694 { left: -140px; }
	.nav-menu li.lang-item, .menu-menu-anglais-container .nav-menu li.lang-item { right: -140px; }
	.lang-item-fr { top: 13px; }
	.lang-item-fr a, .lang-item-en a {
		width: 30px;
		height: 20px;
		background-size: 30px auto;
	}
}

/********************************************** ACCUEIL ********************************************************************/
/************ DIAPORAMA *********************/
.slide-header {
	position: absolute;
	z-index: 0;
	top: 55px;
	left: 0;
}

.slide-header .flex-direction-nav { display: none; }

.slide-header .flexslider {
	margin: 0;
	border: none; 
}

.slide-header .flex-control-nav {
	display: none;
	z-index: 50;
	bottom: 10px;
}

.slide-header .flex-control-paging li { margin: 0 10px; }

.slide-header .flex-control-paging li a {
	width: 18px;
	height: 18px;
	background-color: rgba(255,255,255,0.3);
	border: 2px solid white;
}

.slide-header .flex-control-paging li a:hover, .slide-header .flex-control-paging li a.flex-active {
	background-color: white;
	border: 2px solid #ff9900;;
}

/************ MISES EN AVANT *********************/
.container-mav { margin: 20px auto; }

.container-mav .col { 
	max-width: 390px;
    margin: 0 auto;
	padding: 0; 
}

.container-mav a { 
	display: block;
	padding: 15px 15px 20px 15px;
}

.container-mav img { width: 100%; }

.img-mav { 
	position: relative; 
	overflow: hidden;
}

.img-mav::before, .img-mav::after {
	position: absolute;
	display: block;
	content: '';
}

.img-mav::before { 
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
    background-color: rgba(255,153,0,0.6);
}

.img-mav::after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-image: url(img/link.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px auto;
}

.accroche-mav {
	font-family: 'Decalotype-Regular';
	font-size: 1.2em;
	line-height: 1.25;
	letter-spacing: 0.2px;
	color: #99873d;
}

.container-mav a:hover { background-color: rgba(184,177,158,0.2); }

.img-mav::before,
.img-mav::after,
.container-mav a,
.container-mav a:hover .img-mav::before,
.container-mav a:hover .img-mav::after,
.container-mav a:hover,
.container-mav a:hover h3 {
	-webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.container-mav a:hover .img-mav::before {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.container-mav a:hover .img-mav::after { opacity: 1; }

.container-mav a:hover h3 { color: #ff9900; }

@media screen and (min-width: 480px){
	.slide-header .flex-control-nav { display: block; }
	.container-mav { margin: 30px auto; }
	.accroche-mav { font-size: 1.4em; }
	.accroche-mav:lang(en) { font-size: 1.3em; }
}

@media screen and (min-width:768px){
	.container-mav { margin: 40px auto; }
}

@media screen and (min-width:992px){ 
	.slide-header { top: 0; }
	.container-mav { margin: 50px auto; }
	.accroche-mav, .accroche-mav:lang(en) { font-size: 1.6em; }
	.home .accroche-mav span:lang(en) { display: block; }
}

@media screen and (min-width:1200px){
	.container-mav { margin: 60px auto; }
	.img-mav::after { background-size: 45px auto; }
	.accroche-mav, .accroche-mav:lang(en) { font-size: 1.7em; }
}

@media screen and (min-width:1500px){
	.container-mav { margin: 80px auto 85px auto; }
	.img-mav::after { background-size: 50px auto; }
	.accroche-mav, .accroche-mav:lang(en) { font-size: 1.8em; }
}

/************ TEMOIGNAGES *********************/
.box-temoignage { position: relative; }

.box-temoignage::before {
	position: absolute;
	display: none;
	content: '';
	left: 0;
	top: 0;
	width: 45px;
	height: 45px;
	background-image: url(img/quote.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45px auto;
}

.titre-avis {
	padding: 25px 0 5px 0;
	font-size: 1.1em; 
	font-weight: 500;
}

.txt-avis {
	font-size: 1em;
	font-style: italic;
	line-height: 1.3;
}

.date-avis {
	padding-top: 15px;
	font-size: 0.9em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: right;
}

.slide-temoignage .flexslider {
	margin: 0;
    background: transparent;
    border: none;
}

.slide-temoignage .flexslider .flex-control-nav, .fleche-slide.custom-navigation span { display: none; }

.temoignage-nav.custom-navigation {
	position: absolute;
	z-index: 10;
	right: 15px;
	top: -10px;
}

.fleche-slide.custom-navigation a {
	display: inline-block;
	width: 18px;
	height: 30px;
	margin-left: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px auto;
}

.temoignage-nav.custom-navigation a.flex-prev { background-image: url(img/fleches/fleche-bordeau-gche.svg); }

.temoignage-nav.custom-navigation a.flex-next { background-image: url(img/fleches/fleche-bordeau-dte.svg); }

@media screen and (min-width: 480px){
	.box-temoignage { padding-left: 60px; }
	.box-temoignage::before { display: block; }
	.titre-avis {
		padding: 40px 0 5px 0;
		font-size: 1.3em; 
	}
	.txt-avis { font-size: 1.1em; }
	.date-avis { font-size: 0.9em; }
	.slide-temoignage { padding-right: 60px; }
	.temoignage-nav.custom-navigation { top: -15px; }
	.fleche-slide.custom-navigation a {
		width: 20px;
		height: 45px;
	    background-size: 20px auto;
	}
}

@media screen and (min-width:768px){
	.box-temoignage { padding-left: 70px; }
	.box-temoignage::before {
		width: 50px;
		height: 50px;
		background-size: 50px auto;
	}
	.txt-avis { 
		font-size: 1.2em; 
		text-align: justify;
	}
	.date-avis { font-size: 1em; }
	.slide-temoignage { padding-right: 70px; }
	.fleche-slide.custom-navigation a {
		width: 25px;
		height: 45px;
	    background-size: 25px auto;
	}
}

@media screen and (min-width:992px){ 
	.box-temoignage { padding-left: 90px; }
	.box-temoignage::before {
		width: 60px;
		height: 60px;
		background-size: 60px auto;
	}
	.titre-avis {
		padding: 45px 0 5px 0;
		font-size: 1.4em; 
	}
	.txt-avis { font-size: 1.3em; }
	.slide-temoignage { padding-right: 90px; }
	.fleche-slide.custom-navigation a {
		width: 28px;
	    background-size: 28px auto;
	}
}

@media screen and (min-width:1200px){
	.titre-avis { font-size: 1.5em; }
	.txt-avis { font-size: 1.4em; }
	.date-avis { font-size: 1.05em; }
	
}

@media screen and (min-width:1500px){
	.titre-avis { font-size: 1.6em; }
	.txt-avis { font-size: 1.5em; }
	.date-avis { font-size: 1.1em; }
}

/********************************************** LE CHATEAU ********************************************************************/
.paragraphe-chateau {
	padding: 0 0 20px 0;
	font-size: 1.05em;
	line-height: 1.35;
}

.paragraphe-chateau p {
	position: relative;
	padding: 20px 0;
}

.paragraphe-chateau p:after {
	position: absolute;
	content: "";
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 5px;
	margin: 0 auto;
	background-color: #ff9900;
}

.legende-chateau {
	padding: 5px 0 15px 0;
	font-size: 0.9em;
	font-style: italic;
	line-height: 1;
	text-align: center;
}

.page-template-template-le-chateau .bg-gris-clair .col-sm-4:last-child .legende-chateau { padding: 5px 0 0 0; }

.page-template-template-le-chateau .bg-gris-clair .col-sm-4 { text-align: center; }

.vente {
	position: relative;
	padding: 0 0 20px 0;
	font-size: 1em;
	font-style: italic;
	text-align: center;
}

@media screen and (min-width: 480px){
	.paragraphe-chateau { font-size: 1.15em; }
	.vente { font-size: 1.1em; }
}

@media screen and (min-width:768px){
	.paragraphe-chateau {
		padding: 5px 0 35px 0;
		font-size: 1.2em;
		line-height: 1.4;
	}
	.paragraphe-chateau p { padding: 20px 0; }
	.legende-chateau { 
		padding: 5px 0 0 0;
		font-size: 1em; 
		line-height: 1.3;
	}
	.vente { 
		padding: 0 0 30px 0;
		font-size: 1.15em; 
	}
}

@media screen and (min-width:992px){ 
	.paragraphe-chateau {
		font-size: 1.35em;
		line-height: 1.5;
	}
	.paragraphe-chateau p { padding: 30px 0; }
	.legende-chateau { 
		font-size: 1.1em; 
		line-height: 1.4;
	}
	.vente {
		padding: 0 0 40px 0;
		font-size: 1.3em;
	}
}

@media screen and (min-width:1200px){
	.paragraphe-chateau {
		padding: 10px 0 35px 0;
		font-size: 1.45em;
	}
}

@media screen and (min-width:1500px){
	.paragraphe-chateau {
		padding: 20px 0 50px 0;
		font-size: 1.55em;
		line-height: 1.6;
	}
	.vente { 
		padding: 0 0 50px 0;
		font-size: 1.4em; 
	}
}

/********************************************** VISITER / LES PETITS PLUS **********************************************************/
.page-contenu h3 { 
	margin: 0;
	font-size: 1.6em;
}

.page-contenu .accroche-mav { font-size: 1.3em; }

.description {
	margin-top: 6px;
	font-size: 1em;
	line-height: 1.3;
	letter-spacing: 0.3px;
}

.slide-page .flexslider {
	margin: 0 0 10px 0;
	border: none;
}

.slide-page .flex-control-nav { display: none; }

.slide-nav.custom-navigation {
	position: absolute;
	z-index: 10;
	right: 25px;
	top: 5px;
}

.slide-nav.custom-navigation a {
    width: 15px;
    background-size: 15px auto;
}

.slide-nav.custom-navigation a.flex-prev { background-image: url(img/fleches/fleche-blche-gche.svg); }

.slide-nav.custom-navigation a.flex-next { background-image: url(img/fleches/fleche-blche-dte.svg); }

.commodites { padding-top: 15px; }

.commodites li { 
	margin-bottom: 5px;
	font-size: 0.9em; 
}

.commodites img {
	max-width: 23px;
	margin-top: -2px;
    margin-right: 10px;
    vertical-align: top;
}

@media screen and (min-width: 480px){
	.page-contenu .accroche-mav { font-size: 1.4em; }
	.description {
		margin-top: 8px;
		font-size: 1.05em;
	}
	.commodites { padding-top: 10px; }
	.slide-nav.custom-navigation {
		right: 35px;
		top: 15px;
	}
	.slide-nav.custom-navigation a {
	    width: 22px;
	    background-size: 22px auto;
	}
}

@media screen and (min-width:768px){
	.page-contenu h3 { font-size: 1.8em; }
	.page-contenu .accroche-mav { font-size: 1.5em; }
	.description { font-size: 1.1em; }
	.commodites { padding-top: 10px; }
	.slide-page .flexslider { margin: 0 0 15px 0;  }
}

@media screen and (min-width:992px){ 
	.page-contenu h3 { font-size: 2.1em; }
	.page-contenu .accroche-mav { font-size: 1.6em; }
	.description {
		margin-top: 10px;
		font-size: 1.2em;
		line-height: 1.35;
	}
	.commodites { padding-top: 15px; }
	.commodites img { margin-top: 0; }
	.slide-page .flexslider { margin: 0;  }
}

@media screen and (min-width:1200px){
	.page-contenu h3 { font-size: 2.2em; }
	.page-contenu .accroche-mav { font-size: 1.8em; }
	.description {
		margin-top: 15px;
		font-size: 1.26em;
		line-height: 1.45;
	}
	.commodites { padding-top: 12px; }
	.commodites li { margin-bottom: 2px; }
	.commodites img { margin-top: 3px; }
}

@media screen and (min-width:1500px){
	.page-contenu h3 { font-size: 2.4em; }
	.page-contenu .accroche-mav { font-size: 2em; }
	.description {
		font-size: 1.4em;
		line-height: 1.5;
	}
	.commodites { padding-top: 15px; }
}

/********************************************** INFOS PRATIQUES ***************************************************************/
.page-infos h3 {
	margin-bottom: 20px !important;
	text-align: center;
}

.sous-titre-infos {
	margin: 5px 0 20px 0;
	font-family: 'Decalotype-Regular';
	font-size: 1.5em;
	line-height: 1;
	text-align: center;
}

.pastille { border-radius: 100%; }

.pastille span { 
	display: inline-block;
	width: 100%;
	font-family: 'Decalotype-Bold';
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

/************ TARIFS *********************/
.box-tarifs .col-sm-3:first-child .btn-texte, .box-tarifs .col-sm-3:first-child .btn-prix { background-color: #cdc4a6; }

.box-tarifs .col-sm-3 {
	margin-bottom: 10px;
	text-align: center; 
}

.box-tarifs .pastille { margin: 0 auto; }

.btn-texte, .btn-prix { background-color: #b1adac; }

.btn-texte {
	display: inline-block;
	width: 130px;
	height: 130px;
	padding-top: 36px;
	line-height: 1.3;
	color: white; 
}

.pastille.btn-prix {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 90px;
	height: 90px;
	margin: 20px auto;
	line-height: 90px;
}

.pastille.btn-prix:before {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	left: -16%;
	width: 20px;
	height: 3px;
    background-color: #b1adac;
}

.pastille.btn-prix span { font-size: 1.8em; }

.box-tarifs .col:first-child .btn-prix span { font-size: 1.3em; }

.box-tarifs .col-sm-3:first-child .btn-texte, .box-tarifs .col-sm-3:first-child .btn-prix:before { background-color: #cdc4a6; }

@media screen and (min-width: 480px){
	.sous-titre-infos { font-size: 1.6em; }
	.pastille span, .box-tarifs .col:first-child .btn-prix span { font-size: 1.4em; }
	.pastille.btn-prix span { font-size: 2em; }
	.pastille.btn-prix { margin: 20px auto 20px 20px; }
	.pastille.btn-prix:before {
		left: -31%;
		width: 30px;
	}
}

@media screen and (min-width:768px){
	.sous-titre-infos {
		margin: 5px 0 30px 0;
		font-size: 1.7em;
	}
	.pastille span { font-size: 1.5em; }
	.box-tarifs .col:first-child .btn-prix span { font-size: 1.3em; }
	.pastille.btn-prix span { font-size: 1.9em; }
	.page-infos h3 { margin-bottom: 30px !important; }
	.btn-texte {
		display: block;
		width: 161px;
		height: 161px;
		padding-top: 45px;
	}
	.pastille.btn-prix {
		display: block;
		width: 112px;
		height: 112px;
		margin: 35px auto 20px auto;
		line-height: 112px;
	}
	.box-tarifs .col-sm-3 { 
		margin-bottom: 0;
		text-align: left; 
	}
	.pastille.btn-prix:before {
		top: -45%;
		left: 50%;
		width: 3px;
		height: 60px;
	}
}

@media screen and (min-width:992px){
	.sous-titre-infos {
		margin: 5px 0 40px 0;
		font-size: 1.8em;
	}
	.page-infos h3 { margin-bottom: 40px !important; }
	.pastille span, .box-tarifs .col:first-child .btn-prix span { font-size: 1.6em; }
	.pastille.btn-prix span { font-size: 2.2em; }
}

@media screen and (min-width:1200px){
	.sous-titre-infos {
		margin: 5px 0 50px 0;
		font-size: 1.9em;
	}
	.page-infos h3 { margin-bottom: 50px !important; }
}

@media screen and (min-width:1500px){
	.sous-titre-infos {
		margin: 5px 0 60px 0;
		font-size: 2em;
	}
	.page-infos h3 { margin-bottom: 60px !important; }
	.pastille span, .box-tarifs .col:first-child .btn-prix span { font-size: 1.7em; }
	.pastille.btn-prix span { font-size: 2.3em; }
}

/************ HORAIRES ******************/
.box-desktop { display: none; }

.box-mois .pastille {
	position: relative;
	width: 123px;
	height: 123px;
	margin: 0 auto;
	line-height: 123px;
}

.box-mois .pastille:before {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	width: 52px;
	height: 3px;
    background-color: white;
}

.box-mois .col:nth-child(1) .pastille:before,
.box-mois .col:nth-child(2) .pastille:before,
.box-mois .col:nth-child(3) .pastille:before,
.box-mois .col:nth-child(4) .pastille:before,
.box-mois .col:nth-child(5) .pastille:before { right: -58.5%; }

.box-mois .col:nth-child(6) .pastille:before,
.box-mois .col:nth-child(12) .pastille:after {
	width: 30px;
	right: -25%;
}

.box-mois .col:nth-child(7) .pastille:before,
.box-mois .col:nth-child(1) .pastille:after {
	width: 35px;
	left: -25%;
}

.box-mois .col:nth-child(8) .pastille:before,
.box-mois .col:nth-child(9) .pastille:before,
.box-mois .col:nth-child(10) .pastille:before,
.box-mois .col:nth-child(11) .pastille:before,
.box-mois .col:nth-child(12) .pastille:before { left: -58.5%; }

.box-mois .col:nth-child(1) .pastille:after,
.box-mois .col:nth-child(6) .pastille:after,
.box-mois .col:nth-child(7) .pastille:after,
.box-mois .col:nth-child(12) .pastille:after {
	position: absolute;
	display: block;
	content: "";
    background-color: white;
}

.box-mois .col:nth-child(1) .pastille:after,
.box-mois .col:nth-child(12) .pastille:after {
	top: 50%;
	height: 3px;
}

.box-mois .col:nth-child(6) .pastille:after,
.box-mois .col:nth-child(7) .pastille:after {
	width: 3px;
	height: 180px;
}

.box-mois .col:nth-child(6) .pastille:after {
	top: 50%;
	right: -25%;
}

.box-mois .col:nth-child(7) .pastille:after {
	top: -94%;
	left: -25%;
}

.box-mois .col:nth-child(7) .pastille,
.box-mois .col:nth-child(8) .pastille,
.box-mois .col:nth-child(9) .pastille,
.box-mois .col:nth-child(10) .pastille,
.box-mois .col:nth-child(11) .pastille,
.box-mois .col:nth-child(12) .pastille { margin-top: 55px; }

.pastille.color-horaire1, .pastille.color-horaire2 { color: white; }

.color-horaire1 { background-color: #9e0f2a; }

.color-horaire2 { background-color: #cdc4a6; }

.color-horaire3 { background-color: white; }

.box-horaires {
	font-size: 1em;
	font-weight: 700;
	text-align: center;
}

.box-horaires .pastille {
	width: 66px;
	height: 66px;
	margin: 90px auto 25px auto;
}

.box-mobile .col { text-align: center; }

.box-mobile .mois-mobile {
	display: inline-block;
	margin-bottom: 20px;
	padding: 5px 15px;
	font-family: 'Decalotype-Bold';
	font-size: 1.3em;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

.mois-mobile.horaire3 { border: 3px solid white; }

.mois-mobile.horaire2 { border: 3px solid #cdc4a6; }

.mois-mobile.horaire1 { border: 3px solid #9e0f2a; }

.box-mobile .pastille {
	position: relative;
	margin: 0 auto;
	padding-top: 32px;
	font-family: 'Decalotype-Medium';
	font-size: 1.2em;
	line-height: 1.2;
	text-align: center;
	width: 140px;
	height: 140px;
}

.box-mobile .pastille.color-horaire1, .box-mobile .pastille.color-horaire3:lang(en) { padding-top: 45px; }

.box-mobile .pastille:after {
	position: absolute;
	display: block;
	content: '';
	left: 50%;
	top: -15%;
	width: 3px;
	height: 25px;
}

.box-mobile .color-horaire3, .box-mobile .color-horaire2 { margin-bottom: 20px; }

.box-mobile .pastille.color-horaire3:after { background-color: white; }

.box-mobile .pastille.color-horaire2:after { background-color: #cdc4a6; }

.box-mobile .pastille.color-horaire1:after { background-color: #9e0f2a; }

.box-mobile .pastille.color-horaire2, .box-mobile .pastille.color-horaire1 { color: white; }

@media screen and (min-width: 480px){
	.box-mobile .mois-mobile { font-size: 1.4em; }
	.box-mobile .pastille { font-size: 1.3em; }
	.box-mobile .pastille:lang(en) { font-size: 1.2em; }
}

@media screen and (min-width:768px){
	.box-mobile { display: none; }
	.box-desktop { display: block; }
	.box-mois .pastille:before { width: 25px; }
	.box-mois .col:nth-child(1) .pastille:before,
	.box-mois .col:nth-child(2) .pastille:before,
	.box-mois .col:nth-child(3) .pastille:before,
	.box-mois .col:nth-child(4) .pastille:before,
	.box-mois .col:nth-child(5) .pastille:before { right: -25%; }
	.box-mois .col:nth-child(8) .pastille:before,
	.box-mois .col:nth-child(9) .pastille:before,
	.box-mois .col:nth-child(10) .pastille:before,
	.box-mois .col:nth-child(11) .pastille:before,
	.box-mois .col:nth-child(12) .pastille:before { left: -25%; }
	.box-mois .col:nth-child(7) .pastille:before,
	.box-mois .col:nth-child(1) .pastille:after {
		width: 20px;
		left: -20%;
	}
	.box-mois .col:nth-child(6) .pastille:before,
	.box-mois .col:nth-child(12) .pastille:after {
		width: 20px;
		right: -20%;
	}
	.box-mois .col:nth-child(7) .pastille:after {
		top: -105%;
		left: -20%;
	}
	.box-mois .col:nth-child(6) .pastille:after,
	.box-mois .col:nth-child(7) .pastille:after {
		width: 3px;
		height: 158px;
	}
	.box-mois .col:nth-child(6) .pastille:after {
		top: 50%;
		right: -20%;
	}
	.box-horaires { font-size: 1.05em; }
	.box-horaires .pastille {
		width: 50px;
		height: 50px;
		margin: 50px auto 10px auto;
	}
	.box-mois .pastille {
		position: relative;
		width: 100px;
		height: 100px;
		margin: 0 auto;
		line-height: 100px;
	}
}

@media screen and (min-width:992px){ 
	.box-mois .pastille:before { width: 39px; }
	.box-mois .col:nth-child(1) .pastille:before,
	.box-mois .col:nth-child(2) .pastille:before,
	.box-mois .col:nth-child(3) .pastille:before,
	.box-mois .col:nth-child(4) .pastille:before,
	.box-mois .col:nth-child(5) .pastille:before { right: -31%; }
	.box-mois .col:nth-child(8) .pastille:before,
	.box-mois .col:nth-child(9) .pastille:before,
	.box-mois .col:nth-child(10) .pastille:before,
	.box-mois .col:nth-child(11) .pastille:before,
	.box-mois .col:nth-child(12) .pastille:before { left: -31.5%; }
	.box-mois .col:nth-child(7) .pastille:before,
	.box-mois .col:nth-child(1) .pastille:after {
		width: 35px;
		left: -25%;
	}
	.box-mois .col:nth-child(6) .pastille:before,
	.box-mois .col:nth-child(12) .pastille:after {
		width: 30px;
		right: -25%;
	}
	.box-mois .col:nth-child(7) .pastille:after {
		top: -94%;
		left: -25%;
	}
	.box-mois .col:nth-child(6) .pastille:after,
	.box-mois .col:nth-child(7) .pastille:after { height: 180px; }
	.box-mois .col:nth-child(6) .pastille:after { right: -25%; }
	.box-horaires { font-size: 1.2em; }
	.box-horaires .pastille {
		width: 66px;
		height: 66px;
		margin: 70px auto 20px auto;
	}
	.box-mois .pastille {
		width: 123px;
		height: 123px;
		line-height: 123px;
	}
}

@media screen and (min-width:1200px){
	.box-mois .pastille:before { width: 52px; }
	.box-mois .col:nth-child(1) .pastille:before,
	.box-mois .col:nth-child(2) .pastille:before,
	.box-mois .col:nth-child(3) .pastille:before,
	.box-mois .col:nth-child(4) .pastille:before,
	.box-mois .col:nth-child(5) .pastille:before { right: -43%; }
	.box-mois .col:nth-child(8) .pastille:before,
	.box-mois .col:nth-child(9) .pastille:before,
	.box-mois .col:nth-child(10) .pastille:before,
	.box-mois .col:nth-child(11) .pastille:before,
	.box-mois .col:nth-child(12) .pastille:before { left: -42%; }
	.box-horaires { font-size: 1.3em; }
	.box-horaires .pastille { margin: 90px auto 25px auto; }
}

@media screen and (min-width:1500px){
	.box-mois .pastille:before { width: 72px; }
	.box-mois .col:nth-child(1) .pastille:before,
	.box-mois .col:nth-child(2) .pastille:before,
	.box-mois .col:nth-child(3) .pastille:before,
	.box-mois .col:nth-child(4) .pastille:before,
	.box-mois .col:nth-child(5) .pastille:before { right: -58.5%; }
	.box-mois .col:nth-child(8) .pastille:before,
	.box-mois .col:nth-child(9) .pastille:before,
	.box-mois .col:nth-child(10) .pastille:before,
	.box-mois .col:nth-child(11) .pastille:before,
	.box-mois .col:nth-child(12) .pastille:before { left: -58.5%; }
}

/************ REPAS ********************/
.box-repas { padding-bottom: 10px; }

.box-repas .sous-titre-infos { color: #918a8b; }

.box-repas .pastille { 
	margin: 0 auto;
	background-color: #b1adac;
}

.titre-repas {
	width: 130px;
	height: 130px;
	padding-top: 38px;
	line-height: 1.3;
	color: white; 
}

.tarif-repas {
	position: relative;
	width: 110px;
	height: 110px;
	margin-top: 20px !important;
	padding-top: 31px;
	line-height: 0.8;
}

.tarif-repas span { font-size: 1.7em; }

.tarif-repas span.pers { font-size: 0.6em; }

.tarif-repas:after, .detail-repas:after {
	position: absolute;
	display: block;
	content: "";
	top: -30%;
	left: 50%;
    width: 3px;
	height: 40px;
	background-color: #b1adac;
}

.detail-repas {
	position: relative;
	width: 90px;
	height: 90px;
	margin-top: 20px !important;
	padding-top: 25px;
	line-height: 1;
}

.detail-repas span { font-size: 1.1em; }

@media screen and (min-width: 480px){
	.titre-repas { padding-top: 34px; }
	.tarif-repas { padding-top: 29px; }
	.tarif-repas span { font-size: 1.8em; }
}

@media screen and (min-width:768px){
	.box-repas .col-sm-offset-2 { margin-left: 20%; }
	.box-repas .pastille { margin: initial; }
	.titre-repas {
		width: 150px;
		height: 150px;
		padding-top: 42px;
	}
	.tarif-repas {
		width: 120px;
		height: 120px;
		margin-top: 18px !important;
		padding-top: 31px;
	}
	.detail-repas {
		width: 90px;
		height: 90px;
		margin-top: 33px !important;
		margin-left: 31px !important;
		padding-top: 25px;
	}
	.tarif-repas:after, .detail-repas:after {
		top: 50%;
		left: -60%;
	    width: 80px;
		height: 3px;
	}
	.detail-repas span { font-size: 1.2em; }
	.tarif-repas span { font-size: 2em; }
}

@media screen and (min-width:992px){
	.titre-repas {
		width: 200px;
		height: 200px;
		padding-top: 65px;
	}

	.tarif-repas {
		width: 160px;
		height: 160px;
		margin-top: 20px !important;
		padding-top: 48px;
	}
	.detail-repas {
		width: 100px;
		height: 100px;
		margin-top: 50px !important;
		margin-left: 42px !important;
		padding-top: 31px;
	}
	.tarif-repas:after, .detail-repas:after {	
		left: -60%;
	    width: 100px;
	}
	.tarif-repas span { font-size: 2.1em; }
	.detail-repas span { font-size: 1.3em; }
	.detail-repas span:lang(en) { font-size: 1.2em; }
}

@media screen and (min-width:1200px){
	.tarif-repas:after, .detail-repas:after {	
		left: -70%;
	    width: 120px;
	}
	.tarif-repas span { font-size: 2.2em; }
	.detail-repas { margin-left: 47px !important; }
}

@media screen and (min-width:1500px){
	.tarif-repas:after, .detail-repas:after {	
		left: -100%;
	    width: 160px;
	}
	.tarif-repas span { font-size: 2.3em; }
	.detail-repas { margin-left: 57px !important; }
}

/************ CHAMBRE ******************/
.box-repas h3, .box-chambre h3, .box-location h3, .box-chien h3 { margin-bottom: 0 !important; }

.box-chambre .sous-titre-infos { color: #ff9900; }

.btn-mois {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: white;
	background-color: #ff9900;
}

.btn-mois:after {
	position: absolute;
	display: block;
	content: "";
	bottom: -92%;
	left: 50%;
	width: 3px;
	height: 50px;
	background-color: #ff9900;
}

.periode1, .periode2 { text-align: center; }

.periode2 { margin-top: 20px; }

.periode1 .btn-mois { margin-right: 5px; }

.periode1 .btn-mois:nth-child(4) { margin-right: 0; }

.periode2 .btn-mois:first-child { margin: 0 60px 0 0; }

.box-chambre .btn-prix { margin: 70px auto 0 auto; }

.box-chambre .btn-prix span { font-size: 1.8em; }

.box-chambre .btn-prix:before {
	top: -28%;
	height: 3px;
	background-color: #ff9900;
}

.periode1 .btn-prix:before { 
	left: -48%;
	width: 179px;
}

.periode2 .btn-prix:before { 
	left: -13%;
	width: 117px;
}

.periode1 .btn-prix:after, .periode2 .btn-prix:after {
	position: absolute;
	display: block;
	content: "";
	top: -28%;
	height: 25px;
	background-color: #ff9900;
}

.periode1 .btn-prix:after, .periode2 .btn-prix:after { 
	right: 50%;
	width: 3px;
}

@media screen and (min-width: 480px){
	.box-chambre .btn-prix span { font-size: 1.9em; }
}

@media screen and (min-width:768px){
	.periode1 .btn-prix:after, .periode2 .btn-prix:after {
		top: 50%;
		height: 3px;
	}
	.periode1, .periode2 { text-align: left; }
	.btn-mois {
		width: 90px;
		height: 90px;
		line-height: 90px;
	}
	.btn-mois:after {
		bottom: -125%;
		height: 120px; 
	}
	.box-chambre .btn-prix:before { top: 50%; }
	.periode1 .btn-mois { margin-right: 11px; }
	.periode2 { margin-top: 0; }
	.periode2 .btn-mois:first-child { margin: 0 36px 0 0; }
	.pastille.btn-prix {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
	.box-chambre .btn-prix span { font-size: 2em; }
	.periode1 .btn-prix:before { 
		left: -145%;
		width: 116px;
	}
	.periode1 .btn-prix:after { 
		right: -145%;
		width: 116px;
	}
	.periode2 .btn-prix:before { 
		left: -31%;
		width: 25px;
	}
	.periode2 .btn-prix:after { 
		right: -31%;
		width: 25px;
	}
}

@media screen and (min-width:992px){ 
	.btn-mois {
		width: 110px;
		height: 110px;
		line-height: 110px;
	}
	.btn-mois:after { bottom: -92%; }
	.periode1 .btn-mois { margin-right: 27px; }
	.periode2 .btn-mois:first-child { margin: 0 60px 0 8px; }
	.box-periode2-prix { margin-left: 8px; }
	.box-chambre .btn-prix { margin: 45px auto 0 auto; }
	.periode1 .btn-prix:before { 
		left: -140%;
		width: 157px;
	}
	.periode1 .btn-prix:after { 
		right: -140%;
		width: 157px;
	}
	.periode2 .btn-prix:before { 
		left: -28%;
		width: 31px;
	}
	.periode2 .btn-prix:after { 
		right: -30%;
		width: 34px;
	}
	.pastille.btn-prix {
		width: 112px;
		height: 112px;
		line-height: 112px;
	}
	.box-chambre .btn-prix span { font-size: 2.1em; }
}

@media screen and (min-width:1200px){
	.btn-mois {
		width: 123px;
		height: 123px;
		line-height: 123px;
	}
	.periode1 .btn-mois { margin-right: 26px; }
	.periode2 .btn-mois:first-child { margin: 0 60px 0 10px; }
	.box-periode2-prix { margin-left: 10px; }
	.periode1 .btn-prix:before { 
		left: -155%;
		width: 174px;
	}
	.periode1 .btn-prix:after { 
		right: -157%;
		width: 176px;
	}
	.box-chambre .btn-prix { margin: 55px auto 0 auto; }
	.periode2 .btn-prix:before { 
		left: -33%;
		width: 37px;
	}
	.periode2 .btn-prix:after { 
		right: -36%;
		width: 41px;
	}
	.box-chambre .btn-prix span { font-size: 2.2em; }
}

@media screen and (min-width:1500px){
	.periode1 .btn-mois { margin-right: 30px; }
	.periode1 .btn-mois:first-child { margin-left: 30px; }
	.periode2 .btn-mois:first-child { margin: 0 60px 0 20px; }
	.box-periode1-prix { 
		max-width: 595px; 
		margin-left: 30px;
	}
	.box-periode2-prix { 
		max-width: 310px;
		margin-left: 20px;
	}
	.periode1 .btn-prix:before { 
		left: -161%;
		width: 181px;
	}
	.periode1 .btn-prix:after { 
		right: -162%;
		width: 181.5px;
	}
	.box-chambre .btn-prix span { font-size: 2.3em; }
}

/************ LOCATION ***************/
.box-location .sous-titre-infos { color: white; }

.box-location-desktop { display: none; }

.box-location-mobile .titre-location, .box-location-mobile .texte-location {
	display: inline-block;
	vertical-align: top;
}

.box-location-mobile .col { text-align: center; }

.titre-location {
	width: 160px;
	height: 160px;
	padding-top: 51px;
	color: white;
	background-color: #cdc4a6;
}

.box-location-mobile .titre-location:lang(en) { padding-top: 36px; }

.texte-location {
	position: relative;
	width: 100px;
	height: 100px;
	padding-top: 31px;
	margin-top: 30px;
	margin-left: 15px;
	color: #cdc4a6;
	background-color: white;
}

.texte-location span { line-height: 1; }

.texte-location:before {
	position: absolute;
	display: block;
	content: "";
	left: -30%;
	top: 50%;
	width: 30px;
	height: 3px;
	background-color: #cdc4a6;
}

@media screen and (min-width: 480px){
	.titre-location {
		width: 170px;
		height: 170px;
		padding-top: 54px;
	}
	.texte-location {
		width: 110px;
		height: 110px;
		padding-top: 34px;
		margin-left: 50px;
	}
	.texte-location:before {
		left: -73%;
		width: 80px;
	}
}

@media screen and (min-width:768px){
	.box-location-desktop { display: block; }
	.box-location-mobile { display: none; }
	.titre-location {
		width: 190px;
		height: 190px;
		padding-top: 61px;
	}
	.texte-location {
		width: 130px;
		height: 130px;
		padding-top: 42px;
	}
	.texte-location:before { left: -61%; }
}

@media screen and (min-width:992px){ 
	.titre-location {
		width: 220px;
		height: 220px;
		padding-top: 71px;
	}
	.texte-location {
		width: 160px;
		height: 160px;
		padding-top: 54px;
		margin-left: 75px;
	}
	.texte-location:before {
		left: -87.5%;
		width: 140px;
	}
}

@media screen and (min-width:1500px){
	.titre-location { margin-left: 30px; }
}

/************ ACCES ******************/
.box-carte .col, .pastille-transport .col { text-align: center; }

.pastille-transport { margin-top: 30px; }

.titre-acces {
	margin: 5px 0 0 0;
	font-family: 'Decalotype-Medium';
	font-size: 1.2em;
}

.txt-acces { 
	margin-bottom: 20px;
	font-size: 1em; 
}

.pastille-transport img { width: 90px; }

#carteTurenne { height: 500px; }

.gm-style-iw { font-size: 14px !important; }

.gm-style-iw b {
	font-family: 'Decalotype-Medium';
	font-size: 18px !important;
	font-weight: inherit;
}

.box-carte img { max-height: 190px; }

.box-carte .col:first-child img { margin-bottom: 15px; }

@media screen and (max-width: 480px){
	.box-carte .col { width: 100%; }
}

@media screen and (min-width: 480px){
	.titre-acces { font-size: 1.3em; }
	.pastille-transport img { width: 110px; }
	.box-carte img { max-height: 240px; }
	.box-carte .col:first-child img { margin-bottom: 0; }
}

@media screen and (min-width:768px){
	#carteTurenne { height: 600px; }
	.pastille-transport { margin-top: 60px; }
	.pastille-transport img { width: 100px; }
	.titre-acces { font-size: 1.4em; }
	.txt-acces {
		margin-bottom: 0;
		font-size: 0.91em;
	}
	.pastille-transport img { width: 120px; }
	.box-carte img { max-height: 250px; }
}

@media screen and (min-width:992px){
	.titre-acces { margin: 10px 0 8px 0; }
	.pastille-transport img { width: 130px; }
	.txt-acces { font-size: 1em; }
	.gm-style-iw { font-size: 16px !important; }
	.gm-style-iw b { font-size: 20px !important; }
	.box-carte img { max-height: 260px; }
}

@media screen and (min-width:1200px){
	.titre-acces { font-size: 1.6em; }
	.txt-acces { font-size: 1.09em; }
	.pastille-transport img { width: 140px; }
	.box-carte img { max-height: 270px; }
}

@media screen and (min-width:1500px){
	.titre-acces { font-size: 1.8em; }
	.txt-acces { font-size: 1.2em; }
	.pastille-transport img { width: 150px; }
	.box-carte img { max-height: 280px; }
}

/************ CHIEN ******************/
.box-chien .titre-bouton, .box-chien .sous-titre-bouton { color: white; }

/********************************************** LES ENVIRONS *****************************************************************/
.page-environs h3 {
	margin-bottom: 0 !important;
	text-align: center;
}

.page-environs h4 {
	margin: 0;
	font-size: 1.4em;
}

.page-contenu.page-environs .accroche-mav { font-size: 1.3em; }

.page-environs .col-sm-6 { margin-top: 25px; }

.txt-environs {
	margin-top: 5px;
	font-size: 1em;
	line-height: 1.3;
}

.lien-environs {
	display: inline-block;
	margin-top: 5px;
}

.txt-lien {
	font-family: 'Decalotype-Medium';
	font-size: 1.2em;
}

.picto-environs {
	width: 60px;
	margin: 0 auto 10px auto;
}

.picto-environs a {
	display: block;
	border-radius: 100%;
	-moz-box-shadow: 0 0 10px 2px rgba(184,177,158,0.2);
	-webkit-box-shadow: 0 0 10px 2px rgba(184,177,158,0.2);
	-o-box-shadow: 0 0 10px 2px rgba(184,177,158,0.2);
	box-shadow: 0 0 10px 2px rgba(184,177,158,0.2);
}

.picto-environs a:hover {
	-moz-box-shadow: 0 0 10px 2px rgba(184,177,158,0.4);
	-webkit-box-shadow: 0 0 10px 2px rgba(184,177,158,0.4);
	-o-box-shadow: 0 0 10px 2px rgba(184,177,158,0.4);
	box-shadow: 0 0 10px 2px rgba(184,177,158,0.4);
}

.box-texte-environs { text-align: center; }

@media screen and (min-width: 480px){
	.page-environs h3 { margin-bottom: 5px !important; }
	.page-environs h4 { font-size: 1.45em; }
	.page-contenu.page-environs .accroche-mav { font-size: 1.4em; }
	.page-environs .col-sm-6 { margin-top: 30px; }
	.txt-lien { font-size: 1.3em; }
	.picto-environs { width: 65px; }
}

@media screen and (min-width:768px){
	.page-environs h4 { font-size: 1.55em; }
	.txt-environs { font-size: 1.1em; }
	.txt-lien { font-size: 1.3em; }
	.picto-environs { 
		width: 52px;
		display: inline-block;
		vertical-align: top;
		margin: 0 20px 0 0;
	}
	.box-texte-environs {
		display: inline-block;
		width: 79%;
		text-align: left;
	}
}

@media screen and (min-width:992px){ 
	.page-environs h3 { margin-bottom: 30px !important; }
	.page-environs h4 { font-size: 1.8em; }
	.page-contenu.page-environs .accroche-mav { font-size: 1.6em; }
	.txt-environs { font-size: 1.2em; }
	.txt-lien { font-size: 1.5em; }
	.picto-environs { width: 75px; }
	.page-environs .col-sm-6 { margin-top: 40px; }
}

@media screen and (min-width:1200px){
	.page-environs h3 { margin-bottom: 40px !important; }
	.page-environs h4 { font-size: 2em; }
	.page-contenu.page-environs .accroche-mav { font-size: 1.8em; }
	.txt-environs { font-size: 1.3em; }
	.txt-lien { font-size: 1.6em; }
	.picto-environs {
		width: 78px;
		margin-right: 25px;
	}
}

@media screen and (min-width:1500px){
	.page-environs h4 { font-size: 2.1em; }
	.page-contenu.page-environs .accroche-mav { font-size: 2em; }
	.txt-lien { font-size: 1.7em; }
	.picto-environs { width: 80px; }
	.page-environs .col-sm-6 { margin-top: 50px; }
}

/********************************************** MENTIONS **********************************************************************/
.page-mentions { text-align: center; }

.page-mentions .bg p { 
	margin: 5px 0 10px 0;
	font-size: 1.1em; 
}

.mentions2 { margin-top: 20px; }

@media screen and (min-width:768px){
	.page-mentions { text-align: left; }
	.page-mentions .bg p { font-size: 1.2em; }
	.mentions2 { margin-top: 0; }
}

@media screen and (min-width:1200px){
	.page-mentions .bg p { font-size: 1.3em; }
}

/********************************************** CONTACT ***********************************************************************/
.page-contact .txt-footer ul li:first-child { margin-bottom: 0; }

.padding-contact { 
	padding-left: 29px; 
	line-height: 0.9;
}

.logo-contact { 
	display: none;
	margin-top: 43px; 
}

.map-contact { 
	display: none;
	margin-bottom: -1px; 
}

.map-contact img { 
	width: 100%;
	vertical-align: bottom;
}

/************ FORMULAIRE *********************/
.page-contact form { margin-top: 20px; }

.container-form p {
	font-family: 'Decalotype-Medium';
	font-size: 1.25em;
	text-transform: uppercase;
}

.container-form i {
	display: block;
	text-align: right;
	font-size: 0.7em;
	font-style: normal;
	text-transform: none;
	line-height: 0.9;
}

.container-form input, .container-form textarea { 
	width: 100%;
	padding: 4px 10px;
	font-size: 0.8em;
	color: rgba(83,76,77,0.8);
	background-color: rgba(184,177,158,0.3); 
	border: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.container-form input { margin-bottom: 5px; }

.container-form textarea {
	resize:vertical;
	background-image: url(img/textarea.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 33px auto;
}

::-webkit-resizer { display: none; }

.btn-submit { margin-top: 20px; }

.btn-submit input {
	margin-bottom: 0;
	font-family: 'Decalotype-SemiBold';
	font-size: 1.1em;
	text-transform: uppercase;
	color: #ff9900;
	background-color: rgba(184,177,158,0.3); 
	transition: 0.5s ease all;
}

.btn-submit input:hover {
	color: white;
	background-color: #ff9900;
	transition: 0.5s ease all;
}

.requis {
	font-family: 'Decalotype-SemiBold';
	color: #ff9900;
}

.contact-mobile .bg-gris { padding: 0 0 8px 0; }

.box-logo {
	margin: 10px auto 20px auto;
	text-align: center;
}

.box-logo img { max-width: 200px; }

@media screen and (min-width: 480px){
	.page-contact form { margin-top: 30px; }
	.container-form p { font-size: 1.3em; }
	.padding-contact { padding-left: 42px; }
	.box-logo img { max-width: 250px; }
	.contact-mobile .bg-gris { padding: 0; }
}

@media screen and (min-width:768px){
	.contact-mobile { display: none; }
	.map-contact, .logo-contact { display: block; }
	.page-contact form { margin-top: 0; }
	.btn-submit { margin-top: 15px; }
}

@media screen and (min-width:992px){
	.padding-contact { padding-left: 50px; }
	.logo-contact img { min-width: 300px; }
	.container-form p { font-size: 1.4em; }
}

@media screen and (min-width:1200px){
	.page-contact .bg-blanc { margin-top: 10px; }
	.box-form {
		display: inline-block;
		width: 48%;
	}
	.box-form:first-child { margin-right: 3.2%; }
	.container-form input { margin-bottom: 10px; }
	.container-form p { 
		font-size: 1.6em;
		line-height: 1.36; 
	}
	.btn-submit { margin-top: 27px; }
}

@media screen and (min-width:1500px){
	.page-contact .bg-blanc { margin-top: 20px; }
	.container-form p { line-height: 1.4; }
	.btn-submit { margin-top: 23px; }
}

/********************************************** BOUTON ************************************************************************/
.titre-bouton {
	font-family: 'Decalotype-SemiBold';
	font-size: 1.8em;
	text-transform: uppercase;
	text-align: center;
	line-height: 1;
	color: #9e0f2a;
}

.sous-titre-bouton {
	padding-top: 5px;
	font-family: 'Decalotype-Regular';
	font-size: 1.3em;
	line-height: 1.1;
	text-align: center;
}

.container-btn {
	position: relative;
    width: 100px;
    height: 100px;
    margin: 10px auto 0 auto; 
}

#containerBouton {
	position: relative;
	z-index: 0;
    width: 105px;
    height: 105px;
}

.container-btn a {
	position: absolute;
	z-index: 1;
	top: 7px;
	left: 7px;
	width: 92px;
	height: 92px;
}

.container-btn a img { height: 100% !important; }

@media screen and (min-width: 480px){
	.titre-bouton { font-size: 2.1em; }
	.sous-titre-bouton { font-size: 1.5em; }
	.container-btn { margin: 20px auto 0 auto; }
}

@media screen and (min-width:768px){
	.titre-bouton { font-size: 2.2em; }
	.sous-titre-bouton { font-size: 1.6em; }
}

@media screen and (min-width:992px){ 
	.titre-bouton { font-size: 2.3em; }
	.sous-titre-bouton { font-size: 1.7em; }
	.container-btn {
	    width: 150px;
	    height: 150px;
	    margin: 25px auto 0 auto; 
	}
	#containerBouton {
	    width: 155px;
	    height: 155px;
	}
	.container-btn a {
		top: 8px;
		left: 8px;
		width: 140px;
		height: 140px;
	}
}

@media screen and (min-width:1200px){
	.titre-bouton { font-size: 2.4em; }
	.sous-titre-bouton { font-size: 1.8em; }
}

@media screen and (min-width:1500px){
	.titre-bouton { font-size: 2.5em; }
	.sous-titre-bouton { font-size: 1.9em; }
	.container-btn {
	    width: 170px;
	    height: 170px;
	}
	#containerBouton {
	    width: 175px;
	    height: 175px;
	}
	.container-btn a {
		width: 160px;
		height: 160px;
	}
}

/********************************************** PRE-FOOTER ********************************************************************/
.logo-footer { text-align: center; }

.logo-footer img { max-width: 200px; }

.txt-footer .textwidget {
	max-width: 260px;
	margin: 0 auto;
}

.txt-footer ul li {
	font-family: 'Decalotype-Medium';
	font-size: 1.05em;
	color: rgba(83,76,77,0.8);
}

.txt-footer span {
	display: inline-block;
	vertical-align: top;
	padding-top: 4px;
}

.txt-footer span.picto-contact {
	width: 21px;
	margin-right: 5px;
	padding-top: 0;
	text-align: center; 
}

.tel-en { letter-spacing: -1.3px; }

.tel-contact-en { letter-spacing: -2px; }

.txt-footer .c-mail img { padding-top: 6px; }

.txt-footer a { color: rgba(83,76,77,0.8); }

.txt-footer a:hover { color: #534c4d; }

@media screen and (min-width: 480px){
	.logo-footer img { max-width: 230px; }
	.txt-footer .textwidget { max-width: 350px; }
	.txt-footer ul li {
		margin-bottom: 5px;
		font-size: 1.4em; 
	}
	.txt-footer span { padding-top: 5px; }
	.txt-footer span.picto-contact { 
		width: 29px;
		margin-right: 8px;
	}
}

@media screen and (min-width:768px){
	.logo-footer { text-align: left; }
	.logo-footer img { 
		max-width: 100%;
		padding: 30px 20px 0 0; 
	}
		.txt-footer .textwidget { 
		max-width: 100%; 
		margin: 0;
	}
	.txt-footer ul li { font-size: 1.5em; }
	.txt-footer span.picto-contact { width: 34px; }
}

@media screen and (min-width:992px){ 
	.logo-footer img { padding: 15.5px 0 0 29px; } 
	.txt-footer ul li { font-size: 1.6em; }
	.txt-footer span.picto-contact { width: 36px; }
}

@media screen and (min-width:1200px){
	.logo-footer img { padding: 15.5px 0 0 60px; } 
	.txt-footer ul li { font-size: 1.7em; }
}

@media screen and (min-width:1500px){
	.txt-footer ul li { font-size: 1.8em; }
	.txt-footer span.picto-contact { width: 39px; }
}

/********************************************** FOOTER ************************************************************************/
.nav-footer { text-align: center; }

.nav-footer li { line-height: 1.1; }

.nav-footer li a {
	font-size: 0.8em;
	font-weight: 500;
	text-transform: uppercase;
	color: #c1b2b4;
}

.nav-footer li a:hover { color: white; }

@media screen and (min-width: 480px){
	.nav-footer li {
		display: inline-block;
		padding: 0 10px;
		line-height: 1.4;
	}
	.nav-footer li a { font-size: 0.9em; }
}

@media screen and (min-width:768px){
	.nav-footer li { padding: 0 50px; }
	.nav-footer li a { font-size: 1em; }
}

@media screen and (min-width:992px){ 
	.nav-footer li { padding: 0 60px; }
	.nav-footer li a { font-size: 1.1em; }
}

@media screen and (min-width:1200px){
	.nav-footer li a { font-size: 1.15em; }
}

@media screen and (min-width:1500px){
	.nav-footer li a { font-size: 1.2em; }
}

/********************************************** COPYRIGHT *******************************************************************/
.copyright {
	padding: 2px 10px 1px 10px;
	font-size: 0.75em;
	text-align: center;
	color: #c1b2b4;
	background-color: #433d3e;
}