/*
Theme Name: SM4B HOTEL
*/

@import url(https://fonts.googleapis.com/css?family=Raleway:400,900italic,900,800italic,800,700italic,700,600italic,600,400italic,500italic,500,300italic,300,200italic,200,100italic,100);
/* ---------------------------------------------------------------------- */
/*	GENERAL
/* ---------------------------------------------------------------------- */
html{font-size:100%;}

body {font-size:16px; background:#f1f3f7; font-family: 'Raleway', sans-serif; color:#8A8F9A;}

.starter-template {padding: 0px;}

h1{font-size: 3rem; color: #4d5567;}
h2{font-size: 2rem; color: #4d5567;}
h3{font-size: 1.5rem; color: #4d5567;}
h4{font-size: 1.2rem; color: #4d5567;}

a{color: #EE3E23;}

img{max-width: 100%;height: auto;width: auto;box-sizing: border-box;}

nav ul, nav ol {list-style: none;list-style-image: none;}

.nav-menu li {display: inline-block;position: relative;}

.nav-menu .sub-menu, .nav-menu .children {background-color: #220e10;border: 2px solid #f7f5e7;border-top: 0;padding: 0;position: absolute;left: -2px;z-index: 99999;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);}

ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul, ul.nav-menu .focus > ul, .nav-menu .focus > ul {clip: inherit;overflow: inherit;height: inherit;width: inherit;}

#masthead {background-color: #fff;z-index: 130;position: relative;}

#masthead .navbar-inverse{background:#fff; border:none; width: 100%; margin: 0px auto;height: 100px;}

#masthead .navbar-inverse .container{position: relative;}

#masthead .navbar-inverse .container #navbar{margin-top:4px;}

#masthead .navbar-inverse .container .logo{width:16%;margin-top: 0px;float: left;margin-right: 75px;display: flex;align-items: center;justify-content: center;height: 66px;}

#masthead .navbar-inverse .container  #primary-menu {margin: 0; font-size: 15px;list-style: none;padding-left: 0;z-index: 99999;text-align: right;display: inline;}

#masthead .navbar-inverse .container  #primary-menu li {display: inline-block;text-align: left;position: relative;-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}

#masthead .navbar-inverse .container  #primary-menu li  a {display: block;text-decoration: none;cursor: pointer;padding: 21px 20px;color: #4d5567;font-weight: 500;font-size: 15px;}

#masthead .navbar-inverse .container  #primary-menu li:hover > a, #masthead .navbar-inverse .container  #primary-menu li:hover > a:active, #masthead .navbar-inverse .container  #primary-menu li:hover > a:focus {color: #EE3E23;}

#masthead .navbar-inverse .container  #primary-menu > li:hover a {background: transparent;}

#masthead .navbar-inverse .container  #primary-menu ul {float: left;margin: 0;position: absolute;left: -8px;visibility: hidden;opacity: 0;top: 77px;margin-left: 3px;
width: 240px;padding: 12px 0px;background-color: #f1f3f7;-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);-webkit-transition: top 0.2s ease;
-moz-transition: top 0.2s ease;-o-transition: top 0.2s ease;transition: top 0.2s ease;}

#masthead .navbar-inverse .container  #primary-menu li:hover > ul {top: 60px;opacity: 1;visibility: visible;}

#masthead .navbar-inverse .container  #primary-menu ul::after {bottom: 100%;left: 67px;content: " ";height: 0;width: 0;position: absolute;border-width: 13px;margin-left: -30px;
border-left: 13px solid transparent;border-right: 13px solid transparent;border-bottom: 13px solid #f1f3f7;}

#masthead .navbar-inverse .container .user_menu {display: inline-block;position:absolute; right:0;color: #8A8F9A;padding: 0px;cursor: pointer;margin-top: 23px;
top: 0;}

#masthead .navbar-inverse .container .user_menu #submit_action {display: inline !important;font-size: 15px;margin-left: 15px;
padding: 10px 16px !important;border: 1px solid #EE3E23;color: #4d5567;border-radius: 40px;transition: color .1s linear,background-color .1s linear,border-color .1s linear;
font-weight: 500;text-decoration: none;}

#masthead .navbar-inverse .container .user_menu #submit_action:hover {background-color: #EE3E23;color: #FFFFFF;}

.introspecifique{font-weight:bold;font-size:18px;}

#colophon {background-color: #3e4453;color: #9DA5B9;}

#colophon #sub_footer {width: 100%;background-color: #313643;color: #9DA5B9;font-size: 15px;}

#colophon #sub_footer #site-info {padding-top: 13px;float: left;    padding-bottom: 13px;}

#colophon #sub_footer #menufooter {float: right;margin-top: 13px;text-align: right;}

#colophon #sub_footer #menufooter ul {list-style: none;margin: 0px;font-size: 15px;line-height: 1.6em;}

#colophon #sub_footer #menufooter ul li {display: inline;font-size: 13px;margin-left: 26px;}

#colophon #sub_footer #menufooter ul li a {font-size: 15px;padding-bottom: 0px;color: #9DA5B9;}

#colophon #sub_footer #menufooter ul li a:hover {color: #EE3E23;}



#toggle {text-align: center; background:#313643;}

#toggle button {background: none repeat scroll 0 0 #555;border: medium none;border-radius: 5px 5px 5px 5px;color: #FFFFFF;font-weight: bold;height: 20px;margin: 5px;}

#toggle #eff {height: 20px;margin: 0px auto; padding: 0;text-align: center;display: inline-block; width: auto;}

#toggle #eff li {float: left;list-style-type: none;margin: 0 10px; color:#EE3E23;}
#toggle #eff li a{color:#EE3E23;}

#backgroundheader{
	width: 100%;
	height:450px;
	background-size:cover;
	background-position:center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 0px 1000px rgba(104, 108, 121, 0.75) inset;
}

/* ---------------------------------------------------------------------- */
/*	HOME
/* ---------------------------------------------------------------------- */
.home #header_media {background-color: #fdfdfd;position: relative;width: 100%;}
.home #header_media .fa-angle-left::before{color:white;}
.home #header_media .fa-angle-right::before{color:white;}

.home #header_media  h1{position:absolute; bottom:250px;color: #fff;text-decoration: none;
padding: 0px;z-index: 99;font-size: 40px;font-weight: 600;line-height: 1.1em; text-align:center;width:100%;left:0;}

.home #header_media  .container{position: relative;}

.singlecontainer{position: relative;top: 420px;z-index: 6;}

#booking{position:absolute; bottom: 50px;width: 100%;left: 0; z-index:10;}

#booking form{width: 360px; margin:0 auto}

#ui-datepicker-div{background:white;padding:15px 30px;}
#ui-datepicker-div .ui-datepicker-prev::before{color: #EE3E23;content: "\f053";display: inline-block;
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;position: absolute;top: 10px;left: 9px;width: 20px;height: 23px; background:none;}

#ui-datepicker-div .ui-datepicker-next::before{color: #EE3E23;content: "\f054";display: inline-block;
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;position: absolute;top: 10px;left: 9px;width: 20px;height: 23px; background:none;}

#booking #date{display: block; clear:both; position: relative;}

#booking #nbnuit{display: block;clear: both;margin-top: 5px;position: relative;width: 100%;padding: 10px 13px 10px 13px;padding-left: 45px;
background-color: #fff;border: 1px solid #e7e9ef;}

#booking #butt{display: block; clear:both; text-align: center;}

#booking label{color:white;text-transform:uppercase; width:180px;}

#booking #date input{width: 100%;padding: 10px 13px 10px 13px;padding-left: 48px;background-color: #fff;
border: 1px solid #e7e9ef;color: #232121; }
#booking #nbnuit select{width: 100%;background-color: #fff;border: 0;color: #8A8F9A;}

#booking #date::before {color: #EE3E23;content: "\f073";display: inline-block;
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;position: absolute;top: 16px;left: 20px;width: 20px;height: 23px;}

#booking #nbnuit::before {color: #EE3E23;content: "\f186";display: inline-block;
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;position: absolute;top: 16px;left: 20px;width: 20px;height: 23px;}

#booking #butt input{width:100%;border:0;margin: 20px 0px;padding: 15px 0px;color: #fff;font-size: 18px;line-height: 18px;font-weight: 600;background-color: #EE3E23;}

#booking #butt input:hover{background-color: #4d5567;}

#wds_container1_0 #wds_container2_0 .wds_slideshow_image_0{box-shadow: 0px 0px 0px 1000px rgba(104, 108, 121, 0.75) inset;}


/*INTRO*/
.home #bandeauintro{background:#ffffff; padding-top:45px; padding-bottom:45px;}

.home #bandeauintro h2{text-align:center;margin-bottom: 20px;font-weight:700;}

.home #bandeauintro p{font-size: 15px;color: #8A8F9A;}






.home #bandeauriad{padding-top:45px; padding-bottom:45px;}
.home #bandeauriad h2{text-align:center; margin-bottom: 10px; font-weight: 700;}

.home #bandeauriad .intro{text-align:center;font-size: 16px;color: #8A8F9A; display: block;}

.home  #bandeauriad  .riad{float:left;width:30.33333333333333333%; margin-right:3%; margin-top:25px; background:white;}

.home  #bandeauriad  .riad:nth-child(3n){margin-right:0%;}
.home  #bandeauriad  .riad:nth-child(3n+1){clear:both;}

.home  #bandeauriad  .riad .image{position:relative;height:300px;width:auto; background-repeat:no-repeat; background-size:cover; -webkit-background-size: cover; background-position:50% 50%;}
.home  #bandeauriad  .riad .image span{background:rgba(238, 62, 35, 0.8);padding:5px;position:absolute; right:10px; top:10px; color: #ffffff; font-weight: 700;font-size: 20px;}
.home  #bandeauriad  .riad .image a{display: inline-block;width: 100%;height: 100%;}
.home  #bandeauriad  .riad .image a:hover{box-shadow: 0px 0px 0px 1000px rgba(238, 62, 35, 0.60) inset;}
.home  #bandeauriad  .riad .image img{height: auto;width: auto;visibility: hidden;}

.home  #bandeauriad  .riad .content{padding: 25px 15px 25px 15px;position: relative;}

.home #bandeauriad .riad .content span.note {background: #F77718;top: -45px;font-size: 15px;position: absolute;right: 0px;color: #ffffff;font-weight: 700;padding: 5px;}
.home #bandeauriad .riad .content span.note span {background: none;position: static;font-size: 25px;}

.home  #bandeauriad  .riad .content a{text-decoration: none;margin-bottom: 15px;
display: inline-block;line-height: 1.1em;font-size: 18px;font-weight: 600;color: #4d5567;width: 100%;}
.home  #bandeauriad  .riad .content a:hover{color: #EE3E23;}

.home  #bandeauriad  .riad .content p{width: 100%;font-size: 15px;color: #8A8F9A;}





/*.home #bandeauavoir{background:#ffffff; padding-top:45px; padding-bottom:45px;}*/
.home #bandeauavoir{background-image:url('images/fondavoir.jpg'); padding-top:45px; padding-bottom:45px; 
background-size:cover;-webkit-background-size: cover; background-repeat:no-repeat;background-position:50% 50%;
box-shadow: 0px 0px 0px 1000px rgba(104, 108, 121, 0.75) inset;}

/*.home #bandeauavoir h2{text-align:center; margin-bottom: 10px; font-weight: 700;}*/
.home #bandeauavoir h2{text-align:center; margin-bottom: 10px; font-weight: 700;color: white;}

/*.home #bandeauavoir .intro{text-align:center;font-size: 16px;color: #8A8F9A; display: block;}*/
.home #bandeauavoir .intro{text-align:center;font-size: 16px;color: #8A8F9A; display: block;color: white;}

.home  #bandeauavoir .a-voir{float:left;width:30.33333333333333333%; margin-right:3%;  margin-top:25px; background:white;}

.home  #bandeauavoir  .a-voir:nth-child(3n){margin-right:0%;}
.home  #bandeauavoir  .a-voir:nth-child(3n+1){clear:both;}

.home  #bandeauavoir  .a-voir .image{height:300px;width:auto; background-repeat:no-repeat; background-size:cover; -webkit-background-size: cover;background-position:50% 50%;}
.home  #bandeauavoir  .a-voir .image a{display: inline-block;width: 100%;height: 100%;}
.home  #bandeauavoir  .a-voir .image a:hover{box-shadow: 0px 0px 0px 1000px rgba(238, 62, 35, 0.60) inset;}
.home  #bandeauavoir  .a-voir .image img{height: auto;width: auto;visibility: hidden;}

.home  #bandeauavoir  .a-voir .content{padding: 25px 15px 25px 15px;}

.home  #bandeauavoir  .a-voir .content a{text-decoration: none;margin-bottom: 15px;
display: inline-block;line-height: 1.1em;font-size: 18px;font-weight: 600;color: #4d5567;width: 100%;}
.home  #bandeauavoir  .a-voir .content a:hover{color: #EE3E23;}

.home  #bandeauavoir  .a-voir .content p{width: 100%;font-size: 15px;color: #8A8F9A;}



.home #bandeauasavoir {padding-top:45px; padding-bottom:45px;}
.home #bandeauasavoir h2{text-align:center; margin-bottom: 10px; font-weight: 700;}

.home #bandeauasavoir .intro{text-align:center;font-size: 16px;color: #8A8F9A; display: block;}

.home  #bandeauasavoir .a-savoir{float:left;width:30.33333333333333333%; margin-right:3%;  margin-top:25px; background:white;}

.home  #bandeauasavoir  .a-savoir:nth-child(3n){margin-right:0%;}
.home  #bandeauasavoir  .a-savoir:nth-child(3n+1){clear:both;}

.home  #bandeauasavoir  .a-savoir .image{height:300px;width:auto; background-repeat:no-repeat; background-size:cover;-webkit-background-size: cover; background-position:50% 50%;}
.home  #bandeauasavoir  .a-savoir .image a{display: inline-block;width: 100%;height: 100%;}
.home  #bandeauasavoir  .a-savoir .image a:hover{box-shadow: 0px 0px 0px 1000px rgba(238, 62, 35, 0.60) inset;}
.home  #bandeauasavoir  .a-savoir .image img{height: auto;width: auto;visibility: hidden;}

.home  #bandeauasavoir  .a-savoir .content{padding: 25px 15px 25px 15px;}

.home  #bandeauasavoir  .a-savoir .content a{text-decoration: none;margin-bottom: 15px;
display: inline-block;line-height: 1.1em;font-size: 18px;font-weight: 600;color: #4d5567;width: 100%;}
.home  #bandeauasavoir  .a-savoir .content a:hover{color: #EE3E23;}

.home  #bandeauasavoir  .a-savoir .content p{width: 100%;font-size: 15px;color: #8A8F9A;}




#introcontenthome{ margin-top:45px; color:white; padding-top: 45px;
padding-bottom: 75px;background-color: #EE3E23;}

#introcontenthome h2{text-align:center;color:white;margin-bottom:30px;}
#introcontenthome h3{color:white;margin-bottom:20px;}


/*PAGE LISTING*/
.archive #header_media {background-color: #fdfdfd;position: relative;width: 100%;}
.archive #header_media .fa-angle-left::before{color:white;}
.archive #header_media .fa-angle-right::before{color:white;}

.archive #header_media  h1{position:absolute; bottom:250px;color: #fff;text-decoration: none;
padding: 0px;z-index: 99;font-size: 40px;font-weight: 600;line-height: 1.1em; text-align:center;width:100%;
 margin: 0 auto;left: 0;}

.archive #header_media  .container{position: relative;}


.archive #bandeauintro{background:#ffffff; padding-top:45px; padding-bottom:45px;}

.archive #bandeauintro h2{text-align:center;margin-bottom: 20px;font-weight:700;}

.archive #bandeauintro p{font-size: 16px;color: #8A8F9A;}


.archive #bandeauriad{padding-top:45px; padding-bottom:45px;}
.archive #bandeauriad h2{text-align:center; margin-bottom: 10px; font-weight: 700;}

.archive #bandeauriad .intro{text-align:center;font-size: 16px;color: #8A8F9A; display: block;}

.archive  #bandeauriad  .riad{float:left;width:30.33333333333333333%; margin-right:3%; margin-top:25px; background:white;}

.archive  #bandeauriad  .riad:nth-child(3n){margin-right:0%;}
.archive  #bandeauriad  .riad:nth-child(3n+1){clear:both;}

.archive  #bandeauriad  .riad .image{position:relative;height:300px;width:auto; background-repeat:no-repeat; background-size:cover; -webkit-background-size: cover; background-position:50% 50%;}
.archive  #bandeauriad  .riad .image span{background:rgba(238, 62, 35, 0.8);padding:5px;position:absolute; right:10px; top:10px; color: #ffffff; font-weight: 700;font-size: 20px;}
.archive  #bandeauriad  .riad .image a{display: inline-block;width: 100%;height: 100%;}
.archive  #bandeauriad  .riad .image a:hover{box-shadow: 0px 0px 0px 1000px rgba(238, 62, 35, 0.60) inset;}
.archive  #bandeauriad  .riad .image img{height: auto;width: auto;visibility: hidden;}

.archive  #bandeauriad  .riad .content{padding: 25px 15px 25px 15px;position: relative;}
.archive #bandeauriad .riad .content span.note {background: #F77718;top: -45px;font-size: 15px;position: absolute;right: 0px;color: #ffffff;font-weight: 700;padding: 5px;}
.archive #bandeauriad .riad .content span.note span {background: none;position: static;font-size: 25px;}

.archive  #bandeauriad  .riad .content a{text-decoration: none;margin-bottom: 15px;
display: inline-block;line-height: 1.1em;font-size: 18px;font-weight: 600;color: #4d5567;width: 100%;}
.archive  #bandeauriad  .riad .content a:hover{color: #EE3E23;}

.archive  #bandeauriad  .riad .content p{width: 100%;font-size: 15px;color: #8A8F9A;}

.archive #pagination-personnalisee {margin-bottom: 20px;}
.archive #pagination-personnalisee #centrage-pagi {text-align:center;}
.archive #pagination-personnalisee #centrage-pagi a{text-align:center; color:white; padding:5px; background-color:#EE3E23;}
.archive #pagination-personnalisee #centrage-pagi .page-numbers{margin-right:5px;}
.archive #pagination-personnalisee #centrage-pagi .current{font-weight:bold;}

/* ---------------------------------------------------------------------- */
/*	SINGLE
/* ---------------------------------------------------------------------- */
.single .entry-header .entry-thumbnail{max-height:542px;background-size:cover;-webkit-background-size: cover;background-position: 50% 50%;
background-repeat: no-repeat; position:relative;}

.single .entry-header .entry-thumbnail img{visibility:hidden;max-width: 100%;
height: auto;width: 100%;box-sizing: border-box;max-height: 500px;}

.single .entry-header .entry-thumbnail #title{position: absolute;bottom: 25px;left: 50%;width: 1170px;margin-left: -585px;z-index: 10;}
.single .entry-header .entry-thumbnail #title #title-inner{position: relative;}

.single .entry-header .entry-thumbnail #title h1{color: #fff;text-shadow: 1px 1px 2px rgba(0,0,0,0.8);font-weight: 700;font-size: 34px;}

.single article .entry-content .introduction-single{background-color:white; padding-top:50px; padding-bottom:50px;}

.single article .entry-content .introduction-single #sidebar1{position:relative;}

.single article .entry-content .introduction-single #booking{position: absolute;top: 0px;right: 0px;box-sizing: border-box;
color: #747c83;margin: 0px 0px 30px 0px;background-color: #fff;max-width: 370px;width: 100%;border-radius: 2px;
border: 15px solid #5d6475; padding: 10px 30px 10px 30px;bottom: auto;}

.single article .entry-content .introduction-single .yarpp-related {display: none;}

.single article .entry-content .introduction-single #booking form{width: 100%;margin: 0;position: relative;padding: 0;}

.single article .entry-content .introduction-single #ui-datepicker-div{background:white;padding:15px 30px;}

.single article .entry-content .introduction-single #booking #date{display: block; clear:both; position:relative;}

.single article .entry-content .introduction-single  #booking #nbnuit{display: block;clear: both;margin-top: 5px;position: relative;width: 100%;padding: 10px 13px 10px 13px;padding-left: 45px;
background-color: #fff;border: 1px solid #e7e9ef;}


.single article .entry-content .introduction-single #booking #butt{display: block; clear:both; text-align: center;}

.single article .entry-content .introduction-single #booking label{color:white;text-transform:uppercase; width:180px;}

.single article .entry-content .introduction-single #booking #date input{width: 100%;margin-bottom: 15px;background-color: #fff;
border: 1px solid #e7e9ef;color: #232121; padding: 10px 13px 10px 13px; padding-left: 48px;}


.single article .entry-content .introduction-single #booking #date::before {color: #EE3E23;content: "\f073";display: inline-block;
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;position: absolute;top: 16px;left: 20px;width: 20px;height: 23px;}

.single article .entry-content .introduction-single #booking #nbnuit select{width: 100%;background-color: #fff;border: 0;color: #8A8F9A;}

.single article .entry-content .introduction-single #booking #nbnuit::before {color: #EE3E23;content: "\f186";display: inline-block;
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;position: absolute;top: 16px;left: 20px;width: 20px;height: 23px;}

.single article .entry-content .introduction-single #booking #butt input{width:100%;border:0;margin: 20px 0px;padding: 15px 0px;color: #fff;font-size: 18px;line-height: 18px;font-weight: 600;background-color: #EE3E23;}

.single article .entry-content .introduction-single #booking #butt input:hover{background-color: #4d5567;}

.single article .entry-content .introduction-single .morecontent{clear:both;text-align:justify;}

.single article .entry-content .introduction-single #sidebar1 #booking h2{width: 100%;padding: 0px 0px 0px 0px;font-size: 35px;
font-weight: 600;margin-bottom: 5px;color: #4d5567;text-align:center;}

.single article .entry-content .introduction-single #sidebar1 #booking #prix{display:block;margin-bottom:20px;text-align:center;}
.single article .entry-content .introduction-single #sidebar1 #booking #prix span{font-size:30px; font-weight:bold;}


.single article .entry-content #sidebar2{margin-top: 150px;}

.single article .entry-content #sidebar2 aside{box-sizing: border-box;color: #747c83;margin: 0px 0px 30px 0px;background-color: #fff;
max-width: 370px;width: 100%;border-radius: 2px;border: 1px solid #e7e9ef;padding: 30px 30px 30px 30px;margin-top: 39px;
bottom: auto;}

.single article .entry-content #sidebar2 aside .widgettitle{width: 100%;padding: 0px 0px 0px 0px;font-size: 16px;font-weight: 600;
margin-bottom: 24px;color: #4d5567;display: inline-block;}

.single article .entry-content #sidebar2 aside ul{margin:0px; padding:0px;}
.single article .entry-content #sidebar2 aside ul li{margin-bottom:10px; padding:0px;list-style-type: none;}
.single article .entry-content #sidebar2 aside ul li:last-child{margin:0px; padding:0px;}
.single article .entry-content #sidebar2 aside ul li::before {color: #EE3E23;content: "\f09e";
display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;
text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
margin-right: 5px;margin-right: 5px;}

.single article .entry-content #sidebar2 aside #contactpub{width: 100%;border: 0;margin: 20px 0px;
padding: 15px 0px;color: #fff;font-size: 18px;line-height: 18px;font-weight: 600;background-color: #EE3E23;
display: block;text-align: center;text-decoration: none;}

.single article .entry-content #sidebar2article{margin-top: 0px;}

.single article .entry-content #sidebar2article aside{box-sizing: border-box;color: #747c83;margin: 0px 0px 30px 0px;background-color: #fff;
max-width: 370px;width: 100%;border-radius: 2px;border: 1px solid #e7e9ef;padding: 30px 30px 30px 30px;margin-top: 39px;
bottom: auto;}

.single article .entry-content #sidebar2article aside .widgettitle{width: 100%;padding: 0px 0px 0px 0px;font-size: 16px;font-weight: 600;
margin-bottom: 24px;color: #4d5567;display: inline-block;}

.single article .entry-content #sidebar2article aside ul{margin:0px; padding:0px;}
.single article .entry-content #sidebar2article aside ul li{margin-bottom:10px; padding:0px;list-style-type: none;}
.single article .entry-content #sidebar2article aside ul li:last-child{margin:0px; padding:0px;}
.single article .entry-content #sidebar2article aside ul li::before {color: #EE3E23;content: "\f09e";
display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;
text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
margin-right: 5px;margin-right: 5px;}

.single article .entry-content #sidebar2article aside #contactpub{width: 100%;border: 0;margin: 20px 0px;
padding: 15px 0px;color: #fff;font-size: 18px;line-height: 18px;font-weight: 600;background-color: #EE3E23;
display: block;text-align: center;text-decoration: none;}

.single article .entry-content #suiteinfoarticle {padding:20px; background:white;margin-top: 40px;}
.single article .entry-content #suiteinfoarticle .wp-caption{width:100% !important;}

/*.single article .entry-content #suiteinfo .items .item:hover{box-shadow: 0px 0px 0px 1000px rgba(238, 62, 35, 0.60) inset;}*/
#content-my-hotel{padding-top:100px;}
#content-my-hotel .entry-header #title{position:relative;}
#content-my-hotel .entry-header #title #title-inner{position:relative;display:inline-block;}
#content-my-hotel .entry-header #title .h1-seemoreinfo{position:relative;}
#content-my-hotel .entry-header #title h1{margin-bottom:5px;max-width:650px;}
#content-my-hotel .entry-header #title .blocseemoreinfo{margin-top:20px;}
#content-my-hotel .entry-header #title .seemoreinfo{text-decoration:none;}
#content-my-hotel .entry-header #title .seemoreinfo:hover{text-decoration:none;}
#content-my-hotel .entry-header #title .seemoreinfo:visited{text-decoration:none;}
#content-my-hotel .entry-header #title .seemoreinfo:focus{text-decoration:none;}
#content-my-hotel .entry-header #title .seemoreinfo:active{text-decoration:none;}
#content-my-hotel .entry-header #title #adresse{color:#4d5567;font-size: 16px;margin-left:3px;}
#content-my-hotel .entry-header #title .seemoreinfo span{padding: 8px 16px;color: #fff;font-size: 16px;font-weight: 600;background-color: #EE3E23;}
#content-my-hotel .entry-header #title .blocseemoreinfo .seemoreinfo#seeexpection span{padding-top:6px;padding-bottom:6px;background-color:transparent; color:#EE3E23; border:2px solid #EE3E23;}
#content-my-hotel .entry-header #title .containernote{float:right;padding-top:5px;}
#content-my-hotel .entry-header #title .note{font-size:15px;color: #F77718; font-weight: 700;border:0;}
#content-my-hotel .entry-header #title .note .up{background:none;position:static; font-size:30px;}

#content-my-hotel .entry-header #grid-hotel-images{margin-top:20px;}

.single article .entry-content #suiteinfo #adresse-detail {overflow: hidden; border-bottom: 1px solid #e7e9ef; margin-bottom: 40px; padding: 40px 0px;}

.single article .entry-content #suiteinfo #adresse-detail .panel-title {margin-bottom: 10px;padding: 3px 0px 0px 0px;color: #8A8F9A;width: 25%;font-size: 14px;font-weight: 600;
float: left;position: relative;width: 100%;font-size: 19px;}
.single article .entry-content #suiteinfo #adresse-detail .panel-title:hover {color: #EE3E23;}
.single article .entry-content #suiteinfo #adresse-detail .panel-title-arrow {width: 13px;height: 12px;background-color: #EE3E23;font-size: 10px;float: left;
margin: 5px 10px 0px 0px;background-image: url('images/property_arrows.png');background-position: -13px 0px;
background-repeat: no-repeat;}

.single article .entry-content #suiteinfo #adresse-detail .listing_detail{padding: 2px 20px 2px 0px;color: #5d6475;}

.single article .entry-content #suiteinfo #adresse-detail .listing_detail .item_head {color: #5d6475;font-size: 14px;font-weight: 700;}



.single article .entry-content #suiteinfo #listing-detail{overflow: hidden; border-bottom: 1px solid #e7e9ef; margin-bottom: 40px; padding-bottom: 40px;}

.single article .entry-content #suiteinfo #listing-detail .panel-title {margin-bottom: 10px;padding: 3px 0px 0px 0px;color: #8A8F9A;width: 25%;font-size: 14px;font-weight: 600;
float: left;position: relative;width: 100%;font-size: 19px;}
.single article .entry-content #suiteinfo #listing-detail .panel-title:hover {color: #EE3E23;}
.single article .entry-content #suiteinfo #listing-detail .panel-title-arrow {width: 13px;height: 12px;background-color: #EE3E23;font-size: 10px;float: left;
margin: 5px 10px 0px 0px;background-image: url('images/property_arrows.png');background-position: -13px 0px;
background-repeat: no-repeat;}

.single article .entry-content #suiteinfo #listing-detail ul {margin:0; padding:0;}
.single article .entry-content #suiteinfo #listing-detail ul li{padding: 2px 20px 2px 0px;color: #5d6475;list-style-type:none; width:50%;
display: inline-block;float: left;}


.single article .entry-content #suiteinfo #feature-detail{overflow: hidden; margin-bottom: 40px;}

.single article .entry-content #suiteinfo #feature-detail .panel-title {margin-bottom: 10px;padding: 3px 0px 0px 0px;color: #8A8F9A;width: 25%;font-size: 14px;font-weight: 600;
float: left;position: relative;width: 100%;font-size: 19px;}
.single article .entry-content #suiteinfo #feature-detail .panel-title:hover {color: #EE3E23;}
.single article .entry-content #suiteinfo #feature-detail .panel-title-arrow {width: 13px;height: 12px;background-color: #EE3E23;font-size: 10px;float: left;
margin: 5px 10px 0px 0px;background-image: url('images/property_arrows.png');background-position: -13px 0px;
background-repeat: no-repeat;}


.single article .entry-content #suiteinfo #feature-detail ul {margin:0; padding:0;}
.single article .entry-content #suiteinfo #feature-detail ul li{padding: 2px 20px 2px 0px;color: #5d6475;list-style-type:none; width:50%;
display: inline-block;float: left;}
.single article .entry-content #suiteinfo #feature-detail ul li::before{color: #EE3E23;content: "\f00c";display: inline-block;
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; margin-right:10px;}

.single article .entry-content #google-map {width: 100%;height: 400px;border: #ccc solid 1px;margin: 20px 0;}
/* fixes potential theme css conflict */
.single article .entry-content #google-map img {max-width: inherit !important;}


.single article .entry-content #related-post .yarpp-related h3{text-transform:none;margin-bottom: 20px;}
.single article .entry-content #related-post .yarpp-related .yarpp-thumbnail{text-transform:none;border: 0px;
width: 100%;height: 100%;margin: 0.5%;margin-left: 0px;vertical-align: top;width: 24%; background:#ffffff;}
.single article .entry-content #related-post .yarpp-related .yarpp-thumbnail-title{width:100%;text-decoration: none;margin-bottom: 15px;
display: inline-block;line-height: 1.1em;font-size: 18px;font-weight: 600;color: #4d5567; margin:auto; padding: 20px;}
.single article .entry-content #related-post .yarpp-related .yarpp-thumbnail:hover > .yarpp-thumbnail-title{color: #EE3E23;}
.single article .entry-content #related-post .yarpp-related  .yarpp-thumbnail > img,
.single article .entry-content #related-post .yarpp-related  .yarpp-thumbnail-default
{width:100%; height:250px;margin: 0;padding: 0;}

.fixed-submit-hotel{display:none;}



/* ---------------------------------------------------------------------- */
/*	CONTACT
/* ---------------------------------------------------------------------- */

#content-contact .wpcf7{float:left; width:47.5%; margin-right:5%;}


#content-contact .wpcf7 .wpcf7-submit {width:100%;border: 0;margin: 20px 0px;padding: 15px 0px;color: #fff;font-size: 18px;line-height: 18px;
font-weight: 600;background-color: #EE3E23;}

#content-contact .wpcf7 input, #content-contact .wpcf7 select, #content-contact .wpcf7 textarea{width:100%;}

#content-contact .wpcf7 .wpcf7-submit:hover {background-color: #4d5567;}

#content-contact .nextcontact{float:right; width:47.5%;}
#header_media_contact {background-color: #fdfdfd;position: relative;width: 100%;}
#header_media_contact .fa-angle-left::before{color:white;}
#header_media_contact .fa-angle-right::before{color:white;}

#header_media_contact  h1{position:absolute; bottom:250px;color: #fff;text-decoration: none;
padding: 0px;z-index: 99;font-size: 40px;font-weight: 600;line-height: 1.1em; text-align:center;width:100%;left:0;}

#header_media_contact  .container{position: relative;}


/* ---------------------------------------------------------------------- */
/*	RESPONSIVE
/* ---------------------------------------------------------------------- */
@media screen and (min-width: 992px)
{
	#content-my-hotel article .entry-content .introduction-single .morecontent{padding-right:25px;}
}

@media screen and (max-width: 1200px)
{
	#booking{bottom:30px;}
	
	#wds_container2_0{height:500px !important;}
	.wds_slideshow_image_wrap_0{height:500px !important;}
	#wds_slideshow_image_container_0{height:500px !important;}
	.wds_slideshow_image_spun2_0 span{height:500px !important;}
	
	/*HOME*/
    .home #header_media h1{bottom:220px;}
	
	.home #bandeauriad .riad .image{height: 200px;}
	
	.home #bandeauavoir .a-voir .image{height:200px;}
	
	.home #bandeauasavoir .a-savoir .image{height:200px;}
	
	/*LISTING*/
	.archive #header_media h1{bottom:220px;}
	
	.archive #bandeauriad .riad .image{height:200px;}
	
	/*SINGLE*/
	.single .entry-header .entry-thumbnail #title{width: 970px;margin-left: -490px;}
	.single article .entry-content #related-post .yarpp-related .yarpp-thumbnail > img, .single article .entry-content #related-post .yarpp-related .yarpp-thumbnail-default{height:200px;}
	
}

@media screen and (max-width: 991px)
{
	/*HEADER*/
	#masthead .navbar-inverse .container .user_menu #submit_action{font-size:13px}
	#masthead .navbar-inverse .container .logo{margin-right:20px;}
	#masthead .navbar-inverse .container .logo{width:22%;}
	
	/*SINGLE*/
	.single .entry-header .entry-thumbnail #title{width: 750px; margin-left: -385px;}
	#content-my-hotel .entry-header #title h1{margin-bottom:5px;max-width:500px;}
	.single article .entry-content .introduction-single #booking{position:relative; max-width:100%; margin: 40px 0px 0px 0px;}
	.single article .entry-content #suiteinfo{margin-top:0px;}
	.single article .entry-content #sidebar2{margin-top:10px;}
	.single article .entry-content #sidebar2article aside{max-width:100%;}
	.single article .entry-content #sidebar2 aside{max-width:100%;}
	
		
	.fixed-submit-hotel{display:block;position: fixed;bottom: 0;z-index: 999;width: 100%;background-color: #fff;-webkit-box-shadow: 0 0 5px 0 #ccc;
	-moz-box-shadow: 0 0 5px 0 #ccc;box-shadow: 0 0 5px 0 #ccc;}
	.fixed-submit-hotel .fixed-hotel-inner{overflow:hidden;text-align:center;width:auto;padding:10px 0px; margin:0px 10px;}
	.fixed-submit-hotel .fixed-hotel-inner .fixed-left{display:inline-block;}
	.fixed-submit-hotel .fixed-hotel-inner .fixed-left strong{font-size:20px;}
	.fixed-submit-hotel .fixed-hotel-inner .fixed-right{margin-left:10px;display:inline-block;}
	.fixed-submit-hotel .fixed-hotel-inner .fixed-right .submit{}
	.fixed-submit-hotel .fixed-hotel-inner .fixed-right .submit a{padding:8px;background-color: #EE3E23;display: inline-block;text-transform: uppercase;color: #fff;
    font-weight: 700;text-decoration: none;}
	
	#colophon #sub_footer{padding: 15px 0px;text-align:center;}
	#colophon #sub_footer #site-info{clear:both;float:none;padding-bottom:0px;}
	#colophon #sub_footer #menufooter{float:none;clear:both;}
	#colophon #sub_footer #menufooter ul{padding:0;text-align:center;}
	#colophon #sub_footer #menufooter ul li{display:inline-block;margin-left:0px;}
	
	.single article .entry-content #related-post .yarpp-related .yarpp-thumbnail > img, .single article .entry-content #related-post .yarpp-related .yarpp-thumbnail-default{height:150px;}
}

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

	/*HOME*/
	.home #bandeauriad .riad{width:48.5%;}
	.home #bandeauriad .riad:nth-child(3n){margin-right:3%;}
	.home #bandeauriad .riad:nth-child(3n+1){clear:none;}
	.home #bandeauriad .riad:nth-child(2n+1){margin-right:0%;}
    .home #bandeauriad .riad .image{height: 200px;}
	
	.home #bandeauavoir .a-voir{width:48.5%;}
	.home #bandeauavoir .a-voir:nth-child(3n){margin-right:3%;}
	.home #bandeauavoir .a-voir:nth-child(3n+1){clear:none;}
	.home #bandeauavoir .a-voir:nth-child(2n+1){margin-right:0%;}
	.home #bandeauavoir .a-voir .image{height:200px;}
	
	.home #bandeauasavoir .a-savoir{width:48.5%;}
	.home #bandeauasavoir .a-savoir:nth-child(3n){margin-right:3%;}
	.home #bandeauasavoir .a-savoir:nth-child(3n+1){clear:none;}
	.home #bandeauasavoir .a-savoir:nth-child(2n+1){margin-right:0%;}
	.home #bandeauasavoir .a-savoir .image{height:200px;}
	
	/*LISTING*/
	.archive #bandeauriad .riad{width:48.5%;}
	.archive #bandeauriad .riad:nth-child(3n){margin-right:3%;}
	.archive #bandeauriad .riad:nth-child(3n+1){clear:none;}
	.archive #bandeauriad .riad:nth-child(2n){margin-right:0%;}
	.archive #bandeauriad .riad .image{height:200px;}
}


@media screen and (max-width: 768px)
{
	/*HEADER*/
	#masthead .navbar-inverse .container .user_menu{display:none;}
	#masthead .navbar-inverse .navbar-header{display:none;}
	#toggle #eff{height:50px;}
	
	/*HOME*/
	.home #bandeauriad .riad{width:100%; clear:both; margin-right:0px;}
	.home #bandeauriad .riad:nth-child(3n){margin-right:0%;}
	.home #bandeauriad .riad:nth-child(3n+1){clear:both;}
	.home #bandeauriad .riad:nth-child(2n+1){margin-right:0%;}
    .home #bandeauriad .riad .image{height: 400px;}
	
	.home #bandeauavoir .a-voir{width:100%; clear:both; margin-right:0px;}
	.home #bandeauavoir .a-voir:nth-child(3n){margin-right:3%;}
	.home #bandeauavoir .a-voir:nth-child(3n+1){clear:both;}
	.home #bandeauavoir .a-voir:nth-child(2n+1){margin-right:0%;}
	.home #bandeauavoir .a-voir .image{height:400px;}
	
	.home #bandeauasavoir .a-savoir{width:100%; clear:both; margin-right:0px;}
	.home #bandeauasavoir .a-savoir:nth-child(3n){margin-right:3%;}
	.home #bandeauasavoir .a-savoir:nth-child(3n+1){clear:both;}
	.home #bandeauasavoir .a-savoir:nth-child(2n+1){margin-right:0%;}
	.home #bandeauasavoir .a-savoir .image{height:400px;}
	
	
	.home #header_media h1{font-size: 30px;}
	  
	
	/*LISTING*/
	.archive #bandeauriad .riad{width:100%; clear:both; margin-right:0px;}
	.archive #bandeauriad .riad:nth-child(3n){margin-right:3%;}
	.archive #bandeauriad .riad:nth-child(3n+1){clear:both;}
	.archive #bandeauriad .riad:nth-child(2n){margin-right:0%;}
	.archive #bandeauriad .riad .image{height:400px;}
	
	.archive #header_media h1{font-size: 30px;}
	
	/*SINGLE*/
	.single .entry-header .entry-thumbnail #title {width: 100%;margin-left: 0px;left: 0;}
	.single .entry-header .entry-thumbnail #title #title-inner{text-align:center;}
	.single article .entry-content #related-post .yarpp-related .yarpp-thumbnail{width:49.4%;}
	.single article .entry-content #related-post .yarpp-related .yarpp-thumbnail:nth-child(2n){margin-right:0px;}
	.single article .entry-content #related-post .yarpp-related .yarpp-thumbnail > img, .single article .entry-content #related-post .yarpp-related .yarpp-thumbnail-default{height:200px;}
	.single .entry-header .entry-thumbnail #title h1{font-size:25px;}
	.single article .entry-content .introduction-single{padding-top:25px;}
	.single .entry-header .entry-thumbnail{min-height:500px;}
	#content-my-hotel .entry-header #title .containernote{float:none;clear:both;}
	#content-my-hotel .entry-header #title .note{float:none;}
	
	
	/*CONTACT*/
	#content-contact .wpcf7{float:none; width:100%; margin-right:0%; margin-bottom:25px;}
	#content-contact .nextcontact{float:none; width:100%;}
}

@media screen and (max-width: 630px)
{
	.single article .entry-content #related-post .yarpp-related .yarpp-thumbnail{width:100%; margin:0; margin-top:10px;}
	.single article .entry-content #related-post .yarpp-related .yarpp-thumbnail > img, .single article .entry-content #related-post .yarpp-related .yarpp-thumbnail-default{height:250px;}
}

@media screen and (max-width: 600px)
{
	/*HEADER*/
	#masthead .navbar-inverse .container .logo {width: 30%;}
	/*HOME*/
    .home #bandeauriad .riad .image{height: 300px;}

	.home #bandeauavoir .a-voir .image{height:300px;}
	
	.home #bandeauasavoir .a-savoir .image{height:300px;}
	
	.home #header_media h1{font-size: 25px;}
	
	/*LISTING*/
	.archive #bandeauriad .riad .image{height:300px;}
	
	.archive #header_media h1{font-size: 25px;}

}


@media screen and (max-width: 500px)
{
	/*HEADER*/
	#masthead .navbar-inverse .container .logo {width: 40%;}
	
	#booking{width:100%;padding-left:20px;padding-right:20px;}
	#booking form{width:100%;}
	/*HOME*/
	.home #header_media h1{padding-left:20px;padding-right:20px;}
	/*ARCHIVE*/
	.archive #header_media h1{padding-left:20px;padding-right:20px;}
}


@media screen and (max-width: 400px)
{
	/*HEADER*/
	#masthead .navbar-inverse .container .logo {width: 50%;}
	
	/*HOME*/
    .home #bandeauriad .riad .image{height: 200px;}

	.home #bandeauavoir .a-voir .image{height:200px;}
	
	.home #bandeauasavoir .a-savoir .image{height:200px;}
	
	/*LISTING*/
	.archive #bandeauriad .riad .image{height:200px;}
}