/*
Theme Name: Domaine Le Plessis Gallu   
Version: 1.0.0
Author: Business to Web
Author URI: http://www.b2w.fr
Description: Thème WordPress sur-mesure pour le site https://www.domaineplessis.net/. Vous avez besoin d'aide, contactez Business to Web au 09 67 06 67 56.
Text Domain: themePlessis

@site : http://www.b2w.fr
@author : Business to Web
@version : 1.0.0
@date : 2017
@licence : Création Business to Web - Tous droits réservés
@media : screen

@tested : 

@todo : 

*/

/************************************************/
/*    SOMMAIRE                                  */
/************************************************/

/* 
1=  Reset
2=  Structure 
3=  Display, float & margin / padding 
4=  Buttons 
5=  Forms
6=  Medias 
7=  Typography 
8=  Box infos 
9= 	Colors
10= Effects
11= Header
12= Navigation
13= Footer
14= Contents
15= Loops
16= Page templates
17= CPT
18= Compatibility
19= Responsive
*/

/************************************************/
/* 1= RESET                                     */
/************************************************/

html, body, label { margin: 0; padding: 0; }
code, pre, samp { white-space: pre-wrap; font-family: monospace; line-height:1.75em; font-size:0.875em; border-left:solid 5px #e493a3; padding-left:20px}
table{ border-collapse:collapse; border-spacing:0;}
input:focus, textarea, select {outline:none;}
fieldset,img{ border:0;}
img, table, td, blockquote, code, pre, textarea, input, object, video { max-width: 100%; height: auto; }
iframe {max-width:100%;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 
/* html5 */
header, section, article, nav, footer, aside, menu, hgroup, figure, figcaption {display:block;}

/************************************************/
/* 2= STRUCTURE                                 */
/************************************************/

.full-width {float: left; width: 100%;}
.col {float: left;}

@media (min-width: 0) {	
	.row {width: 100%; margin-right: auto; margin-left: auto;}	
	.col-sm-1 {width: 25%;}
	.col-sm-2 {width: 50%;}
	.col-sm-3 {width: 75%;}
	.col-sm-4 {width: 100%;}
}

@media (min-width: 768px) {	
	.row {width: 80%; margin-right: auto; margin-left: auto;}	
	.col-md-1 {width: 16.66%;}
	.col-md-2 {width: 33.33%;}
	.col-md-3 {width: 50%;}
	.col-md-4 {width: 66.66%;}
	.col-md-5 {width: 83.33%;}
	.col-md-6 {width: 100%;}
}

@media (min-width: 1040px) {	
	.row, .row-desktop {width: 1040px; margin-right: auto; margin-left: auto;}	
	.col-lg-1 {width: 8.33%;}
	.col-lg-2 {width: 16.66%;}
	.col-lg-3 {width: 25%;}
	.col-lg-4 {width: 33.33%;}
	.col-lg-5 {width: 41.66%;}
	.col-lg-6 {width: 50%;}
	.col-lg-7 {width: 58.33%;}
	.col-lg-8 {width: 66.66%;}
	.col-lg-9 {width: 75%;}
	.col-lg-10 {width: 83.33%;}
	.col-lg-11 {width: 91.66%;}
	.col-lg-12 {width: 100%;}
}

@media (min-width: 1440px) {	
	.row, .row-desktop {width: 1440px; margin-right: auto; margin-left: auto;}
}

/************************************************/
/* 3= DISPLAY, FLOAT & MARGIN / PADDING         */
/************************************************/

html {font-size: 100%; font-size: 16px; line-height: 25px;}
body {overflow-x: hidden; padding: 0 50px; font-family: "Lora", serif; font-size: 1em; font-weight: 400; color: #392A2D; line-height: 1em;} 

/* Display */ 

.block {display:block;}
.inline {display:inline;}
.none {display:none;}
.hidden {overflow:hidden;}

@media (min-width: 0) {	
	.hide-smartphone {display: none;}
}

@media (min-width: 768px) {	
	.show-tablet {display: block;}
	.hide-tablet {display: none;}
}

@media (min-width: 1040px) {	
	.show-desktop {display: block;}
	.hide-desktop {display: none!important;}
}

/* Float */

.left {float: left;}
.right {float: right}
.float-none {float: none;}
.clear {clear: both;}  
.center {margin-right: auto; margin-left: auto;}

/* Positions */

.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}

/* Margin */

.margin-sm {margin: 15px;}
.margin-sm-top {margin-top: 15px;}
.margin-sm-right {margin-right: 15px;}
.margin-sm-bottom {margin-bottom: 15px;}
.margin-sm-left {margin-left: 15px;}

.margin-md {margin: 30px;}
.margin-md-top {margin-top: 30px;}
.margin-md-right {margin-right: 30px;}
.margin-md-bottom {margin-bottom: 30px;}
.margin-md-left {margin-left: 30px;}

.margin-lg {margin: 60px;}
.margin-lg-top {margin-top: 60px;}
.margin-lg-right {margin-right: 60px;}
.margin-lg-bottom {margin-bottom: 60px;}
.margin-lg-left {margin-left: 60px;}

/* Padding */

.padding-sm {padding: 15px;}
.padding-sm-top {padding-top: 15px;}
.padding-sm-right {padding-right: 15px;}
.padding-sm-bottom {padding-bottom: 15px;}
.padding-sm-left {padding-left: 15px;}

.padding-md {padding: 30px;}
.padding-md-top {padding-top: 30px;}
.padding-md-right {padding-right: 30px;}
.padding-md-bottom {padding-bottom: 30px;}
.padding-md-left {padding-left: 30px;}

.padding-lg {padding: 60px;}
.padding-lg-top {padding-top: 60px;}
.padding-lg-right {padding-right: 60px;}
.padding-lg-bottom {padding-bottom: 60px;}
.padding-lg-left {padding-left: 60px;}

/* Border */

.border {border: 1px solid #ddd;}
.border-top {border-top: 1px solid #ddd;}
.border-right {border-right: 1px solid #ddd;}
.border-bottom {border-bottom: 1px solid #ddd;}
.border-left {border-left: 1px solid #ddd;}
      
/************************************************/
/* 4= BUTTONS                                   */
/************************************************/

.btn, input[type="submit"], button, a.wp-block-button__link {position: relative; display: block; border: 0; width: 100%; text-align: center; text-transform: uppercase; font-weight: 700; cursor: pointer; background: transparent; border: 0; font-family: "Questrial", Arial, sans-serif; letter-spacing: 2px; outline: none; 
-webkit-border-radius: 0;
border-radius: 0;
}
@media (min-width: 768px) {	
	.btn, input[type="submit"], button,	a.wp-block-button__link {width: auto;}
}

.btn-sm {padding: 10px 30px; font-size: 0.75em;}
.btn-md, a.wp-block-button__link, input[type="submit"] {padding: 15px 30px; font-size: 0.75em;}
.btn-lg {padding: 25px 30px; font-size: 0.75em;}

.btn-primary, a.wp-block-button__link, input[type="submit"] {background-color: #796C6C; color: #fff;}
.btn-secondary {background-color: transparent; color: #392A2D; border: 1px solid #392A2D;}

.wp-block-button {float: left; width: 100%; margin: 60px 0;}
.wp-block-button.alignnone {text-align: left;}
.wp-block-button.alignleft {text-align: left;}
.wp-block-button.alignright {text-align: right;}
.wp-block-button.aligncenter {text-align: center;}
.wp-block-button a {display: inline-block;}

.btn i, 
input[type="submit"] i, 
button i,
a.wp-block-button__link i {vertical-align: middle;}

/************************************************/
/* 5= FORMS                                     */
/************************************************/

form {width:100%;}
input.hidden {display: none!important;}

input[type="checkbox"],
input[type="radio"],
input[type='file'],
input[type='submit'],
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

/* Loading iconFont */

li.menu-item-has-children:before,
hr:before,
.checker span:before,
.radio span:before,
.selector:before,
.file-wrap:before {font-family: "domaine-plessisgallu" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Label */

label {display: none;} 

/* Placeholder */

::-webkit-input-placeholder {font-size: 0.875em; font-style: italic; color: #666; font-family: "Questrial", Arial, sans-serif;}
::-moz-placeholder {font-size: 0.875em; font-style: italic; color: #666; font-family: "Questrial", Arial, sans-serif;}
:-ms-input-placeholder {font-size: 0.875em; font-style: italic; color: #666; font-family: "Questrial", Arial, sans-serif;}
:-moz-placeholder {font-size: 0.875em; font-style: italic; color: #666; font-family: "Questrial", Arial, sans-serif;}

/* Text, email, phone... */
input[type='text'],
input[type='email'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='number'],
textarea {position: relative; display: block; padding: 15px; width: 100%; border: 1px solid #ddd; font-family: "Questrial", Arial, sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='number']:focus,
textarea:focus {outline: 3px solid #ddd; outline-offset: -3px;}

/* Select */

select {position: relative; display: block; padding: 15px; width: 100%; border: 0; background: transparent; font-family: "Questrial", Arial, sans-serif;}
.selector {position: relative; float: left; width: 100%!important; border: 1px solid #ddd; background: #fff;}
.selector span {display: none;}
.selector:before {content: "\62"; position: absolute; top: 0; right: 0; bottom: 0; padding: 15px;}

/* File */

input[type='file'] {display: block; padding: 10px 15px; width: 100%; opacity: 0;}
.file-wrap {position: relative; float: left; width: 100%; border: 1px solid #000;}
.file-wrap:before {content: "\70"; position: absolute; z-index: 5; top: 50%; right: 15px; margin-top: -8px;}
.file-wrap small {top: 50%; left: 15px; margin-top: -7px;}

/* Checkbox */

.checker span {position: relative; float: left;}
.checker span:before {content: "\49";}
.checker span.checked:before {content: "\48";}

/* Radio */

.radio span {position: relative; float: left; font-size: 1.5em; margin-top: -3px;}
.radio span:before {content: "\46";}
.radio span.checked:before {content: "\47";}

/* Gravity form */

.gform_body,
.gform_footer {float: left; width: 100%;}
.gform_fields {margin: 0; padding: 0; list-style: none;}
.gform_fields .gfield {position: relative; margin-bottom: 15px;}
.gform_fields .gfield:before {display: none;}

.gfield_error input,
.gfield_error textarea,
.gfield_error select {outline: 3px solid #962D3E; outline-offset: -3px;}
.gfield_error .gfield_description.validation_message {position: absolute; top: 0; right: 0; padding: 15px; background: #962D3E; color: #fff; font-family: "Questrial", Arial, sans-serif; font-size: 0.75em; text-transform: uppercase;}

/************************************************/
/* 6= MEDIAS                                    */
/************************************************/

/* Images */

figure {margin: 0; line-height: 0; overflow: hidden;}
a img {border: 0;}   
.wp-caption {max-width: 100%; margin-top: 15px;}
.wp-caption-text {font-size: 0.75em; margin: 0; font-style: oblique; color: #807275;}
.alignleft {float: left; margin: 0 60px 0 0;}
.alignright {float: right; margin: 0 0 0 60px;}
.aligncenter {display: block; margin: 60px 0;}

.wp-block-image {width: 100%; margin: 60px auto; text-align: center;}

/* Cover image */

.wp-block-cover-image {height: auto; margin: 60px -50px 60px -50px; padding: 120px 60px; background-size: cover; background-position: center;}
.wp-block-cover-image p.wp-block-cover-image-text {max-width: 700px; padding: 45px 60px; background: #eee; text-align: center;}

/* Vidéos */

.wp-video {margin:30px 0;}
.video-container {position: relative; height: 0; margin-bottom: 30px; padding-top: 25px; padding-bottom: 56.25%; /* 16:9 */}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.youtube-container {position: relative; height: 0; margin-bottom: 30px; padding-top: 25px; padding-bottom: 56.25%; /* 16:9 */}
.youtube-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Gallery WordPress */

.wp-block-gallery {max-width: 1000px; padding: 0; margin: 60px auto; list-style: none;}
.wp-block-gallery .blocks-gallery-item {float: left; padding: 15px;}
.wp-block-gallery .blocks-gallery-item:before {display: none;}
.wp-block-gallery.columns-3 .blocks-gallery-item {width: 33.33%;}

.gallery {margin-right: -15px!important; margin-left: -15px!important;}
.gallery .gallery-item {padding: 15px;}
.gallery .gallery-item a {border: 0;}
.gallery .gallery-item img {border: 0!important;}

/* Slick */

.slick-slide {outline: none; background-size: cover; background-position: center;}

.slick-arrow {z-index: 5; top: 50%; height: 50px; width: 50px; line-height: 50px; margin-top: -25px;}
.slick-arrow.slick-prev {left: -50px;}
.slick-arrow.slick-next {right: -50px;}

ul.slick-dots {margin: 15px 0 0 0; padding: 0; text-align: center;}
ul.slick-dots li {display: inline-block; margin: 0 5px;}
ul.slick-dots li:before {display: none;}
ul.slick-dots li button {height: 10px; width: 10px; padding: 0; background: #A9A2A4; font-size: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
}
ul.slick-dots li.slick-active button {background: #392A2D;}

/* Carousel cottage */

.carousel-cottages {margin-right: -20px; margin-left: -20px;}
.carousel-cottages .loop-cottage {margin: 0 20px;}
.carousel-cottages .slick-arrow.slick-next {right: -25px;}
.carousel-cottages .slick-arrow.slick-prev {left: -25px;}

/* Carousel single cottage */

.single-carousel-cottage .slick-arrow.slick-next {right: 0;}
.single-carousel-cottage .slick-arrow.slick-prev {left: 0;}
                      
/************************************************/
/* 7= TYPOGRAPHY                               */
/************************************************/

/* Font family */

.questrial {font-family: 'Questrial', sans-serif; letter-spacing: 2px;}
.lora {font-family: 'Lora', serif;}

/* Font size (Sur la base de 16 px) */

.size-12, small {font-size: 0.75em;}
.size-14 {font-size: 0.875em;}
.size-16 {font-size: 1em;}
.size-20 {font-size: 1.25em;}
.size-24 {font-size: 1.50em;}
.size-28 {font-size: 1.75em;}
.size-32 {font-size: 2em;}
.size-36 {font-size: 2.25em;}
.size-40 {font-size: 2.50em;}
.size-44 {font-size: 2.75em;}

/* Font weight */

strong, b, .strong {font-weight: 700;}
.regular {font-weight: 400;}
.thin {font-weight: 300;}  
.normal {font-style: normal;}

/* Font style */

em, italic, .em {font-style: italic;} 

/* Text-transform */

.uppercase {text-transform:uppercase;}
.lowercase {text-transform:none;}

/* Titres */

@media (min-width: 0) {	
	h1, h2, h3, h4, h5, h6 {clear: both; margin: 60px 0 15px 0; font-weight: 400; line-height: 1em; font-family: 'Questrial', sans-serif; letter-spacing: 2px;}
	h1 {font-size: 1.75em; line-height: 1.25em; margin: 0; text-align: center;}
	h2 {font-size: 1.75em;}
	h3 {font-size: 1.50em;}
	h4 {font-size: 1.25em;}
	h5 {font-size: 1em;}
	h6 {font-size: 1em;}
}

@media (min-width: 1040px) {	
	h1 {font-size: 2.25em;}
}

/* Alignement */

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

/* Liens */

a {text-decoration: none; border-bottom: 1px solid #392A2D; color: inherit;} 
.reset a, a.reset {border-bottom: 0;}
a i {vertical-align: middle;}

/* Paragraphe */

p {margin:0 0 15px 0; font-size: 0.875em; line-height: 1.75em;}  
#content-page p {clear: both; max-width: 500px; margin: 0 auto 15px auto;}

@media (min-width: 768px) {	
	p {margin-bottom: 30px; font-size: 1em;}  
}

/* Columns */

.wp-block-text-columns {max-width: 500px; margin: 0 auto;}
.wp-block-text-columns .wp-block-column {float: left; padding: 0 15px;}

.wp-block-text-columns.columns-2 .wp-block-column {width: 50%;}
.wp-block-text-columns.columns-3 .wp-block-column {width: 33.33%;}
.wp-block-text-columns.columns-4 .wp-block-column {width: 25%;}

article#contenu-single .wp-block-text-columns {max-width: none; margin-right: -15px; margin-left: -15px;}

/* Listes */    

ul, ol {margin: 15px 0 30px 0; padding: 0 0 0 45px;}
li {position: relative; padding: 0; margin-bottom: 15px; line-height: 1.50em;}
ul {list-style: none;}
ul li:before {content: ""; position: absolute; top: 10px; left: -45px; display: block; height: 1px; width: 30px; background: #392A2D;}
li p, li ul, li ol { margin-top: 0; margin-bottom: 0; }

ul.reset, ol.reset, .reset ul, .reset ol {margin: 0; padding: 0; list-style: none; list-style-image: none;}
.reset li {position: static; padding: 0; margin: 0; line-height: 1em;}
.reset li:before {display: none;}

#content-page ul,
#content-page ol {margin: 60px auto; max-width: 500px;}

/* Separator */

hr {margin: 0 auto; border: 0; font-size: 5em; text-align: center;}
hr:before {content: "\66";}

/* Mark */

mark {background-color:yellow}

/* Blockquote */

blockquote {margin: 60px 0; padding: 60px; position: relative; font-weight: 400; font-style: italic; font-size: 1.25em; background: #eee; line-height: 1.25em;}
blockquote p:last-child {margin-bottom: 0;}

/* Cite */

cite {display: block; max-width: 500px; margin: 0 auto;}

/* Table */

table {width: 100%; max-width: 700px; margin: 60px auto; text-align: left;}
table tr {border-bottom: 1px solid #eee;}
table tr td {padding: 10px 0; vertical-align: top;}

/************************************************/
/* 8= BOX INFOS                                 */
/************************************************/

.validation_error, .gform_confirmation_message {width: 100%; margin: 0px 0 20px; padding: 30px 15px; text-align: center; font-weight: 700; font-style: italic;}
.box-info p {color: #5a5a5a;}
.box-info.info {color: #5a5a5a; background-color: #efefef; border-color: #5a5a5a;}
.box-info.alert {color: #007eb4; background-color: #e2f2f8; border-color: #007eb4;}
.validation_error {color: #fff; background-color: #962D3E;}
.gform_confirmation_message {color: #fff; background-color: #73ADAD;}        

/************************************************/
/* 9= COLORS                                    */
/************************************************/

/* Colors */  

.color-white {color: #fff;}
.color-lighter {color: #eee;}
.color-light {color: #A9A2A4;}
.color-medium {color: #807275;}
.color-dark {color: #A1919C;}
.color-primary {color: #392A2D;}

/* Background */

.bg-white {background-color: #fff;}  
.bg-lighter {background-color: #eee;}
.bg-light {background-color: #A9A2A4;}
.bg-medium {background-color: #807275;}
.bg-dark {background-color: #A1919C;}
.bg-primary {background-color: #392A2D;}

.bg-gradient-dark {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );	
}

/* Sélection */

::-moz-selection {background: #000000; color: #fff;}
::selection {background: #000000; color: #fff;}

/************************************************/
/* 11= HEADER                                   */
/************************************************/

header#header {z-index: 100; height: 50px;}

@media (min-width: 1040px) {
	header#header {position: relative; height: 115px;}
}

/* Logotype */

#logo {top: 0; left: 50%; margin-left: -25px;}
#logo img {height: 50px; width: 50px; padding: 5px 0;}
@media (min-width: 1040px) {
  #logo {left: 0; margin-left: 0;}
	#logo img {height: 115px; width: auto; padding: 5px 0;}
}

/* Language */

ul.language-mobile {margin-top: 30px;}
ul.language-mobile li {float: left;}
ul.language-mobile li a {display: inline-block; padding: 0 15px 0 0;}
ul.language-mobile li.current-lang a {font-weight: 700;}
@media (min-width: 1040px) {
  .language {margin-top: 29px; padding: 21px 15px 21px 0;}
  .language select {padding: 0; text-transform: uppercase;}
  .language i {top: 21px; right: 0;}
}
@media (min-width: 1440px) {  
	.language {padding: 21px 15px 21px 15px;}
}

/* Phone */

#header .phone {margin: 49px 0 0 15px; letter-spacing: 0;}
#header .phone:after {content: ""; position: absolute; top: 3px; left: 0; display: block; height: 10px; width: 1px; background: #392A2D;}

/* CTA Réservation */

#btn-reservation {top: 0; right: -50px; height: 50px; width: 50px; padding: 0; line-height: 60px;}
@media (min-width: 1040px) {	
	#btn-reservation {position: relative; top: auto; right: auto; float: right; height: 60px; width: auto; padding: 0 30px; margin-top: 25px; font-size: 0.75em;}
}

/************************************************/
/* 12= NAVIGATION                               */
/************************************************/

/* Breadcrumbs */

#breadcrumbs a {color: #807275;}

/* Menu principal */

button.btn-open-menu {z-index: 10; top: 0; left: -50px; height: 50px; width: 50px; padding: 0; line-height: 60px;}
button.btn-close-menu {z-index: 15; top: 0; right: 0; height: 50px; width: 50px; padding: 0; line-height: 60px;}
button.btn-open-menu small,
button.btn-close-menu small {right: 0; bottom: 0; left: 0; line-height: 1em; font-size: 8px;}

@keyframes bodyMenuOpen {
    0%   {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		}
    100% {
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-o-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		}
}
@keyframes bodyMenuClose {
    0%   {
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-o-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		}
    100% {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		}
}
@keyframes bodySubmenuOpen {
    0%   {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		}
    100% {
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		}
}
@keyframes bodySubmenuClose {
    0%   {
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		}
    100% {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		}
}

body {animation: bodyMenuClose 500ms;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
body.menu-open {overflow-y: hidden; padding-left: 50px; animation: bodyMenuOpen 500ms;
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
@media (min-width: 1040px) {	
	body {
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  }
}

#navigation {position: fixed; z-index: 10; width: 100%; margin-left: -50px;
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
#navigation.menu-open {z-index: 15; top: 0; bottom: 0; left: 0; padding: 50px; margin-left: 0;}

#navigation.menu-open .content {overflow-x: hidden; overflow-y: scroll; height: 100%;}

#navigation.menu-open ul.menu-principal {animation: bodySubmenuClose 500ms;}
#navigation.menu-open ul.menu-principal li {border-bottom: 1px solid #A9A2A4;}
#navigation.menu-open ul.menu-principal li a {display: block; padding: 20px 0;}
#navigation.menu-open ul.menu-principal li.menu-item-object-custom {display: none;}
#navigation.menu-open ul.menu-principal li.menu-item-has-children {position: relative; padding-right: 45px;}
#navigation.menu-open ul.menu-principal li.menu-item-has-children .icon-arrow-right {content: "\63"; position: absolute; top: 0; right: 0; bottom: 0; padding: 15px 0; font-size: 1.50em;}
#navigation.menu-open ul.menu-principal ul.sub-menu  .icon-arrow-left {position: absolute; top: 0; left: 0; padding: 15px 0; font-size: 1.50em;}
#navigation.menu-open ul.menu-principal ul.sub-menu {position: absolute; top: 0; left: 0; width: 100%; padding-left: 45px;
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
#navigation.menu-open ul.menu-principal.submenu-open {animation: bodySubmenuOpen 500ms;
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}

@media (min-width: 1040px) {
	ul.menu-principal {position: relative; float: right; height: 115px;}
	ul.menu-principal li {display: block; float: left;}
	ul.menu-principal li a {display: block; float: left; line-height: 115px; padding: 0 10px; font-family: "Questrial", Arial, sans-serif; text-transform: uppercase; font-size: 0.875em;}
	
	ul.menu-principal:hover a {color: #A9A2A4;}
	ul.menu-principal:hover a:hover {color: #392A2D;}
	
  ul.menu-principal li:hover ul.sub-menu {display: block;}
	ul.menu-principal ul.sub-menu {position: absolute; top: 100%; right: 0; left: 0; display: none; width: 100%; height: auto; min-height: 212px; padding: 30px 0 60px 230px; background: #eee;}
  ul.menu-principal ul.sub-menu li {width: 100%;}
	ul.menu-principal ul.sub-menu li a {line-height: 1.25em; padding: 5px 0;}
	ul.menu-principal ul.sub-menu li.menu-item-type-custom {position: absolute; top: 30px; left: 0; width: 200px; padding: 0; font-size: 0;}
  ul.menu-principal ul.sub-menu:before,
  ul.menu-principal ul.sub-menu:after {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; display: block; width: 1000px; background: inherit;}
  ul.menu-principal ul.sub-menu:before {left: 100%;}
  ul.menu-principal ul.sub-menu:after {right: 100%;}
}
@media (min-width: 1440px) {
	ul.menu-principal li a {padding: 0 15px;}
}

/* Menu footer */

ul.menu-footer li {position: relative; display: inline;}
ul.menu-footer a {padding-right: 15px; color: #807275; letter-spacing: 0;}

ul.menu-footer li:after {content: ""; position: absolute; top: 1px; right: 4px; height: 10px; width: 1px; background: #807275;}
ul.menu-footer li:last-child:after {display: none;}

@media (min-width: 1040px) {
	#navigation-footer {float: left; width: auto; margin: 5px 0 0 15px; text-align: left;}
}

/* Pagination */

.pagination {text-align: center;}
.pagination a, .pagination span {padding: 10px;}
.pagination a {color: #807275; font-weight: 400;}
.pagination a:hover {background: #eee;}
.pagination span {font-weight: 700; font-style: italic; border-bottom: 1px solid #392A2D;}
.pagination a.next,
.pagination a.prev {margin-top: -10px;}
.pagination a.next {float: right;}
.pagination a.prev {float: left;}

/* Menu sidebar */

button.btn-open-aside {float: none; width: 135px; margin: 30px auto 0 auto;}

/************************************************/
/* 13= FOOTER                                   */
/************************************************/

/* Copyright */

#copyright {letter-spacing: 0;}

@media (min-width: 1040px) {
	#copyright {max-width: 235px; margin-top: 15px; text-align: right;}
}
@media (min-width: 1440px) {
	#copyright {max-width: 100%; width: auto;}
}

/* RS */

#footer .content-rs {text-align: center;}
#footer .content-rs li {display: inline; float: none;}
#footer .content-rs li a {display: inline-block;}

@media (min-width: 1040px) {
	#footer .content-rs {width: auto;}
	#footer .content-rs li {display: block; float: left;}
	#footer .content-rs li a {display: block;}
}

/* Return to top page */

.return-top-page {right: 0; bottom: 0; height: 50px; width: 50px; line-height: 50px;}

/* Cookies choice */

#cookieChoiceInfo {position: fixed; right: 50px; bottom: 50px; left: 50px; background: #fff; text-align: center; color: #392A2D; font-size: 0.75em; padding: 60px; z-index: 9000;
-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.25);
box-shadow: 0 0 25px 0 rgba(0,0,0,0.25);
}
#cookieChoiceInfo a,
#cookieChoiceInfo #cookieChoiceDismiss {display: inline; padding: 0; margin: 0 15px!important; background: #fff; color: #392A2D;}
#cookieChoiceInfo #cookieChoiceDismiss {padding: 5px 10px; border: 1px solid #392A2D; font-family: "Questrial", Arial, sans-serif; text-transform: uppercase;
-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
-ms-transition: all 100ms ease-out;
-o-transition: all 100ms ease-out;
transition: all 100ms ease-out;
}
#cookieChoiceInfo #cookieChoiceDismiss:hover {outline: 1px solid #392A2D; outline-offset: 2px;}

/************************************************/
/* 14= CONTENTS                                 */
/************************************************/ 

/* Content rs */ 

.content-rs li a {height: 45px; width: 45px; line-height: 45px; margin-right: 5px;} 

/* Content map */

@media (min-width: 1040px) {
	#content-map {padding-left: 60px;}
}

/* Content slider home */

#content-slider-home .subtitle {z-index: 20; top: 60px;}
@media (min-width: 1040px) {	
	#content-slider-home .subtitle {top: 40%;}
}

#content-slider-home .slider-home-content .slick-slide {background-repeat: no-repeat; background-position: center center; background-size: cover;}
#content-slider-home .slider-home-content .slick-slide:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
#content-slider-home .slider-home-content .slick-slide .content {z-index: 20; top: 50%; left: 50%;}
#content-slider-home .slider-home-content .slick-slide .content h2 {margin: 0 0 15px 0;}

#content-slider-home .slider-home-nav {position: absolute; right: 0; bottom: 60px; left: 0; z-index: 5; height: 60px; line-height: 60px;}
#content-slider-home .slider-home-nav .slick-slide {opacity: 0.5; cursor: pointer;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
#content-slider-home .slider-home-nav .slick-slide.slick-current,
#content-slider-home .slider-home-nav .slick-slide:hover {position: relative; font-weight: 700; font-style: oblique; opacity: 1;}
#content-slider-home .slider-home-nav .slick-slide.slick-current:after {content: ""; position: absolute; bottom: 0; left: 50%; display: block; height: 1px; width: 15px; margin-left: -7.5px; background: #fff;}

@media (min-width: 1040px) {
	#content-slider-home .slider-home-nav {left: 50%; width: 1040px; margin-left: -520px;}
	#content-slider-home .slider-home-nav .slick-track {transform: none!important;}	
}

/* Content interest */

@keyframes interestItemH3 {
    0%   {padding-top: 65px;}
    100% {padding-top: 35px;}
}
@keyframes interestItemH3Out {
    0%   {padding-top: 35px;}
    100% {padding-top: 65px;}
}
@keyframes interestItemImg {
    0%   {opacity: 1; top: 60px;}
    100% {opacity: 0; top: 30px;}
}
@keyframes interestItemImgOut {
    0%   {opacity: 0; top: 30px;}
    100% {opacity: 1; top: 60px;}
}
@keyframes interestItemA {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes interestItemAOut {
    0%   {opacity: 1;}
    100% {opacity: 0;}
}

#content-interest .item:after {content: ""; position: absolute; bottom: 0; left: 50%; height: 1px; width: 100px; margin-left: -50px; background: #A9A2A4;}
#content-interest .item:last-child:after {display: none;}

@media (min-width: 768px) {	
  #content-interest .item:nth-child(even):after {display: none;}
	#content-interest .item:nth-child(odd):after {content: ""; position: absolute; top: 30px; right: 0; bottom: 30px; left: auto; width: 1px; height: auto; background: #A9A2A4;}
  #content-interest .item:nth-child(0n+3):before,
  #content-interest .item:nth-child(0n+4):before {content: ""; position: absolute; top: 0; right: 30px; left: 30px; height: 1px; background: #A9A2A4;}
}

#content-interest .item h3 {padding-top: 65px; margin: 0; animation: interestItemH3Out 500ms;}
#content-interest .item p {margin: 15px 0;}
#content-interest .item img {top: 60px; left: 50%; margin-left: -25px; opacity: 1; max-width: 50px; margin-bottom: 15px; animation: interestItemImgOut 500ms;}

@media (min-width: 768px) {	
  #content-interest .item {height: 295px;}
  #content-interest .item a {opacity: 0; animation: interestItemAOut 800ms;}
  #content-interest .item a i {line-height: 25px;}
}

#content-interest .item:hover h3 {padding-top: 35px; animation: interestItemH3 500ms;}
#content-interest .item:hover img {opacity: 0; top: 30px; animation: interestItemImg 500ms;}
#content-interest .item:hover a {opacity: 1; animation: interestItemA 800ms;}

/* Content bottom page */

#bottom-page .item {background-size: cover; background-position: center;} 
#bottom-page .item .title {line-height: 1em;}
#bottom-page #bottom-page-booking h2 {margin: 0;}
#bottom-page #bottom-page-booking .phone {margin: 5px 0 0 0;} 

@media (min-width: 768px) {	
	#bottom-page .item {height: 335px;} 
	#bottom-page .item .content {height: 335px;} 
	#bottom-page-cottage.item .content {padding: 100px 60px;}
}
@media (min-width: 810px) {	
	#bottom-page-cottage.item .content {padding: 115px 60px;}
	#bottom-page-service.item .content {padding: 75px 60px;}
}
@media (min-width: 824px) {	
	#bottom-page-service.item .content {padding: 95px 60px;}
}
@media (min-width: 1040px) {
	#bottom-page #bottom-page-booking {padding-left: 60px;}
	#bottom-page #bottom-page-booking h2 {margin: 25px 0 0 0; max-width: 245px;}
	#bottom-page #bottom-page-booking .btn {min-width: 200px;}
}
@media (min-width: 1314px) {	
	#bottom-page-service.item .content {padding: 115px 60px;}
}

/************************************************/
/* 15= LOOPS                                    */
/************************************************/ 

/* Loop Post */  

@keyframes loopPostMore {
    0%   {right: 25%; opacity: 0;}
    100% {right: 0; opacity: 1;}
}
@keyframes loopPostMoreOut {
    0%   {right: 0; opacity: 1;}
    100% {right: 25%; opacity: 0;}
}

.loop-post h2 {margin: 5px 0 0 0; letter-spacing: 0;}
.loop-post .loop-post-content .more {opacity: 0; bottom: -1px; right: 25%; animation: loopPostMoreOut 500ms;}
.loop-post:hover .loop-post-content .more {opacity: 1; right: 0; animation: loopPostMore 500ms;}
@media (min-width: 1040px) {
	.loop-post h2 {padding-right: 30%;}
}

/* Loop cottage */

@keyframes cottageGradient {
    0%   {outline: 2px solid transparent;}
    100% {outline: 2px solid #fff;}
}
@keyframes cottageGradientOut {
    0%   {outline: 2px solid #fff;}
    100% {outline: 2px solid transparent;}
}
@keyframes cottageContent {
    0%   {margin-top: -54px;}
    100% {margin-top: -100px;}
}
@keyframes cottageContentOut {
    0%   {margin-top: -100px;}
    100% {margin-top: -54px;}
}
@keyframes cottageContentDisplay {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes cottageContentDisplayOut {
    0%   {opacity: 1;}
    100% {opacity: 0;}
}

.loop-cottage .bg-gradient-dark {top: 0; right: 0; bottom: 0; left: 0; outline: 2px solid transparent; outline-offset: -50px; animation: cottageGradientOut 500ms;}
.loop-cottage .content {top: 50%; right: 50px; left: 50px; margin-top: -54px; animation: cottageContentOut 500ms;}
.loop-cottage .content h2 {margin: 15px 0; letter-spacing: 0;}
.loop-cottage .content .display-hover {opacity: 0; animation: cottageContentDisplayOut 900ms;}

.loop-cottage:hover .bg-gradient-dark {outline: 2px solid #fff; animation: cottageGradient 500ms;}
.loop-cottage:hover .content {margin-top: -100px; animation: cottageContent 500ms;}
.loop-cottage:hover .content .display-hover {opacity: 1; animation: cottageContentDisplay 900ms;}

/************************************************/
/* 16= PAGE TEMPLATES                           */
/************************************************/ 

/* Template home */

#content-home .row {max-width: 500px;}
#content-home p:first-child {margin: 0;}
#content-home h2 {margin: 0 0 30px 0; font-size: 1.50em;}

/* Template cottage */

/* Liste */

#content-carousel-cottages #content-top {z-index: 5;}
#content-carousel-cottages #content-top #breadcrumbs a {color: #fff;}

/* Fiche */

#content-template-cottage .cottage-images {z-index: 5;}
#content-template-cottage .cottage-images .content-image {top: 0; right: 0; bottom: 0; left: 0;}
#content-template-cottage .cottage-images .content-image .txt {top: 50%; left: 0;}

#content-template-cottage figure {background-size: cover; background-position: center;}
#content-template-cottage .content {max-width: 700px; padding-bottom: 120px;}
#content-template-cottage .content #cta-booking .price {padding-top: 25px;}
#content-template-cottage .content #nav-single-cottage {right: 0; bottom: 30px; left: 0;}

@media (min-width: 768px) {
	#content-template-cottage .content #cta-booking .price {padding-left: 30px;}
	#content-template-cottage .content #nav-single-cottage {bottom: 60px;}
	#content-template-cottage .content #nav-single-cottage a {display: inline;}
	#content-template-cottage .content #nav-single-cottage a.service-link {margin: 0 0 0 15px; padding: 0 0 0 15px; border: 0;}
	#content-template-cottage .content #nav-single-cottage a.service-link:before {content: ""; position: absolute; top: 5px; left: 3px; height: 10px; width: 1px; background: #807275;}
}
@media (min-width: 1040px) {	
  
  #content-template-cottage .cottage-images {
    -webkit-transition: width 300ms ease-out;
    -moz-transition: width 300ms ease-out;
    -ms-transition: width 300ms ease-out;
    -o-transition: width 300ms ease-out;
    transition: width 300ms ease-out;
  }
  #content-template-cottage .cottage-images .content-image button {right: 0; bottom: 55px; width: 200px; font-size: 0.60em;}
  #content-template-cottage .cottage-images .content-image button.btn-close-galerie-cottage {display: none;}
  
  #content-template-cottage .cottage-images.open {width: 100%;}
  #content-template-cottage .cottage-images.open ul li {background-size: auto auto; background-repeat: no-repeat; background-color: #000;}
  #content-template-cottage .cottage-images.open .content-image {top: auto; left: auto; background: none;}
  #content-template-cottage .cottage-images.open .content-image .txt {display: none;}
  
	#content-template-cottage {position: relative; background: #eee;}
	#content-template-cottage .content {position: static; height: 100%; overflow-y: auto; padding: 60px 60px 120px 60px;}
	#content-template-cottage .content #nav-single-cottage {bottom: 0; left: 50%; height: 120px; padding: 50px 60px 0 60px;}
}

/* Template single */

#contenu-single {max-width: 700px; margin: 0 auto;}
#content-share {top: 100% ; left: 0;}
#content-share div {cursor: pointer;}

@media (min-width: 440px) {	
	#info-bottom a {width: auto; padding-right: 30px;}
	#info-bottom a:after {content: ""; position: absolute; top: 5px; right: 0; width: 1px; height: 15px; background: #392A2D;}
	#info-bottom .single-share {width: auto;}
	#info-bottom .single-share button {width: auto; padding: 0 0 0 30px; line-height: 26px; margin: 0; border: 0;}
	#content-share {padding-left: 30px; text-align: left;}
}

/* 404 */

body#error .content,
body#error .content .bg-gradient-dark {top: 50px; right: 50px; bottom: 50px; left: 50px;}
body#error .content .txt {z-index: 5;}
body#error .content #logo {top: -50px; left: -50px;}
@media (min-width: 1040px) {	
	body#error .content,
  body#error .content .bg-gradient-dark {top: 115px; right: 115px; bottom: 115px; left: 115px;}
  body#error .content .txt h1 {margin-top: 60px; font-size: 2.5em}
  body#error .content #logo {top: -110px; left: -110px;}
  body#error .content #logo img {max-width: 115px; height: auto;}
}

/************************************************/
/* 16= WIDGET 			                            */
/************************************************/ 

.widget_categories ul li a {display: block; padding: 10px 0; border-bottom: 1px solid #eee;}
.widget_categories ul li.current-cat a {position: relative; font-weight: 700; font-style: italic;}
.widget_categories ul li.current-cat a:before {content: ""; position: absolute; top: 50%; left: -30px; display: block; height: 1px; width: 15px; margin-top: -0.5px; background: #392A2D;}

/************************************************/
/* 18= COMPATIBILITY                            */
/************************************************/
  
/* IE11 */