/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	background: #fff;
	padding: 0 !important;
	color: #fff;
	font-size:1.8em;
	font-style:normal;
	line-height:1.4em;
	padding-top: 0;
}
abbr[title], abbr[data-original-title] {
	border: 0 none;
    text-decoration: none;
}

.form-control::-webkit-input-placeholder {
	color: #fff !important;
	font-size: 1em;
}
.form-control:-moz-placeholder {
	color: #fff !important;
	font-size: 1em;
	opacity:1;
}
.form-control::-moz-placeholder {
	color: #fff !important;
	font-size: 1em;
	opacity:1;
}
.form-control:-ms-input-placeholder {
	color: #fff !important;
	font-size: 1em;
}
.form-control::-ms-input-placeholder {
	color: #fff !important;
	font-size: 1em;
}
.form-control::placeholder {
	color: #fff !important;
	font-size: 1em;
}

.checkbox {
    padding-top: 15px;
}
.has-error .form-control {
    border-color: #F65065;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.has-error .form-control:focus {
    border-color: #f65065;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #f65065;
}
.badge {
    background-color: transparent;
    color: #0099ff;
    font-size: 23px;
    font-weight: 200;
}
.list-group-item {
    background-color: transparent;
    border: 0 none;
    color: #000;
    display: block;
    font-size: 85%;
    margin-bottom: 1px;
    padding: 10px 15px;
    position: relative;
}
.smallbadge {
    font-size: 40%;
    letter-spacing: 2px;
}
.myadresse .glyphicon-heart {
    color: #cc1631 !important;
    font-size: 200% !important;
    left: -5px;
    position: absolute;
    top: -15px;
    transform: rotate(-25deg);
}
.panel-title {
    font-size: 160%;
}

/* article[id^="evenement-"] .clickable {
    cursor: inherit;
} */
/* rooms */
.nav-tabs > li > a {
    background: #6FCBF3;
    color: #fff !important;
	font-size: 1.5em !important;
    padding: 10px 5px !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: #fff;
    color: #000 !important;
}
.overflow-hidden {
    margin: 0 !important;
    max-height: 400px;
    min-height: 400px;
    padding: 0 15px !important;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.large-abso {
    top: 40px;
    position: absolute;
    right: 0;
	left: 0;
	z-index: 1;
}
.relative {
    position:relative;
}

/* .navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
} */
#mycarouselinside,
div[id^="mycarouselinside-"],
div[id^="mycarouselcuisine-"] {
    position: relative;
}
a.carousel-control {
	color:#fff;
	opacity:1;
}
a.carousel-control:hover {
	color:#000;
}
.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}
.modal-title {
    font-size: 0.8em;
}
.carousel-inner > .item {
    width:100%;
	height:100%;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
            opacity: 0;
            -webkit-transition-property: opacity;
			-moz-transition-property: opacity;
			-o-transition-property: opacity;
			transition-property: opacity;
			-webkit-transition-duration: 2.5s;
			-moz-transition-duration: 2.5s;
			-o-transition-duration: 2.5s;
			transition-duration:2.5s;
			-webkit-backface-visibility: hidden;
        }
.fill {
    height: 100%;
    position: relative;
    width: 100%;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
            opacity: 1;
        }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
            left: 0;
            /* transform: translate3d(0, 0, 0); */
        }
    }

.carousel-fade .carousel-inner .carousel-control {
        z-index: 2;
    }

.carousel-inner {
    height: 100%;
    width: 100%;
}
.carousel {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.carousel-indicators {
    bottom: 50px;
}

.tab-content > .active {
    display: block;
    padding: 20px 5px;
}
.nav-tabs > li > a:hover {
  background: #000;
}
.nav-tabs > li > a {
    margin-right: 5px;
}
.mypanel {
    margin: 0 0 40px;
    position: relative;
}
.mypanel h2 {
    color: #6FCBF3;
    font-size: 220%;
    margin: 0 0 20px;
    transition: top 0.5s ease 0s;
}
.mypanel h3 {
    background: transparent;
    color: #fff;
    font-size: 150%;
    letter-spacing: 0px;
    margin: 0px auto 0px !important;
    padding: 20px;
    transition: top .5s ease 0s;
    width: 300px;

}
.mypanel p {
    color: #000;
}
.mycontent-panel {
    background: #1a1a1a;
    padding: 0px 0;
}
.mycontent-panel:hover .clickable .glyphicon {
	text-shadow: 0 0 5px #000;
}
.mycontent-panel:hover .clickable .overflow-hidden,
.mycontent-panel:hover .clickable .black-rooms {
	/* opacity: 0.7;
	-ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity = 70); */
}
/* .mycontent-panel:hover .clickable .overflow-hidden {
	-webkit-filter: grayscale(0.5);
	-webkit-filter: grayscale(50%);
	filter: gray;
	filter: grayscale(50%);
} */

.panel-heading span {
    margin-top: -23px;
    font-size: 15px;
    margin-right: -9px;
}
a.clickable {
	color: inherit;
}
a.clickable:hover {
	text-decoration:none;
}
.smallform .form-group {
    margin-bottom: 5px;
}
.equipements:nth-of-type(1) ul li,
.services:nth-of-type(2) ul li { /* first well;*/
	list-style-type: square;
	margin-left: 15px;
}

.textp {
    height: auto;
    min-height: 100px;
    position: relative;
}
.pluslink span.glyphicon {
    left: 1.2px;
    top: 0px;
}
.mylarge {
    padding: 0 !important;
}
.modal-dialog {
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.modal-content {
	background: #1a1a1a;
	height: auto;
	min-height: 100%;
	overflow: auto;
	border-radius: 0;
	position:relative;
}
#prestations .modal-content {
    background: #35291A;
}
#description- .modal-content {
    background: #1a1a1a;
}
.modal-backdrop {
   background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0;
}


.navbar-btn .hidden-xs,
#reserver .hidden-xs {
    display: inline-block !important;
}


/* .home #id-wrapper-full.affix-top {
	z-index:10;
	position:absolute;
	top:0;
	width:100%;
} */
/* #id-wrapper-full.affix-top {
	z-index:10;
	position:absolute;
	top:0;
	width:100%;
} */

.pos-abs {
    position: absolute;
	bottom: 0;
    top: 0;
    z-index: 0;
}
.fix-mywrapper {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.navigation {
	position: relative;
    top: -200px !important;
    width: 100%;
    z-index: 10;
}
#id-wrapper-full.affix {
	z-index:10;
	position:relative;
	top:0;
	width:100%;
	transition: top 0.5s ease 0s;
    -webkit-transition: top 0.5s ease 0s;
    -moz-transition: top 0.5s ease 0s;
    -o-transition: top 0.5s ease 0s;
}
/* .notmobile #id-wrapper-full.affix {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
} */

#id-wrapper {
	z-index:10;
	width:100%;
}
.home #nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
	background: none !important;
	max-height:999em;
    -moz-transition: 0.5s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
	z-index:1049;
	-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
} */
#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
	background: #fff !important;
	max-height:999em;
    -moz-transition: 0.5s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
	z-index:1049;
	height: 120px !important;
	-webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,.1);
		-moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,.1);
		box-shadow: 0 10px 10px -5px rgba(0,0,0,.1);
}

#nav.affix .navbar-toggle {
    top: 0px;
}
#nav.affix .menu-toggle {
    top: 80px;
}

.home:not #nav.affix {
    width: 100%;
	background: #fff !important;
	margin: 0;
	-webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,.7);
		-moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,.7);
		box-shadow: 0 10px 10px -5px rgba(0,0,0,.7);
	height: 120px !important;
}
#nav.navbar.navbar-inverse.affix {
    width: 100%;
	background: #fff !important;
	margin: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: 0 4px 10px -10px #000;
	height: 120px !important;
}

.navbar-brand {
    /* padding: 10px 10px 10px;
	float: none; */
}
/* .affix .navbar-brand {
    display:none !important;
} */

.navbar, 
.navbar-inner, 
.nav,
.navbar-inverse {
	background: transparent !important;
	filter: none !important;
	border: none;
	padding: 0 !important;
	margin: 0;
	font-size: 13px;
	border-radius:0;
	width:auto;
	z-index: 20;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret,
.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret,
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret,
.navbar-inverse .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #CC1631;
  border-bottom-color: #CC1631;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #D3D1B8;
}
.mybuttons.nav > li {
    display: inline-block;
}
.navbar-collapse.collapse.in {
	background: #fff !important;
	z-index: 100;
	position: absolute;
	top: 120px;
	width: 100%;
	padding: 25px;
	box-shadow: 0 4px 10px -10px #000;
	border: 0;
}
/* affix */

ul#menu-main li a,
ul#menu-main-en li a,
ul#menu-main-de li a {
    font-size: 1em;
    letter-spacing: 0px;
}
.navbar-fixed-top.affix ul#menu-main li a,
.navbar-fixed-top.affix-top ul#menu-main li a,
.navbar-fixed-top.affix ul#menu-main-en li a,
.navbar-fixed-top.affix-top ul#menu-main-en li a,
.navbar-fixed-top.affix ul#menu-main-de li a,
.navbar-fixed-top.affix-top ul#menu-main-de li a  {
	color: #000;
}
.navbar-fixed-top.affix ul#menu-main li a:hover,
.navbar-fixed-top.affix-top ul#menu-main li a:hover,
.navbar-fixed-top.affix ul#menu-main li .active > a:hover,
.navbar-fixed-top.affix-top ul#menu-main li .active > a:hover
.navbar-fixed-top.affix ul#menu-main-en li a:hover,
.navbar-fixed-top.affix-top ul#menu-main-en li a:hover,
.navbar-fixed-top.affix ul#menu-main-en li .active > a:hover,
.navbar-fixed-top.affix-top ul#menu-main-en li .active > a:hover,
.navbar-fixed-top.affix ul#menu-main-de li a:hover,
.navbar-fixed-top.affix-top ul#menu-main-de li a:hover,
.navbar-fixed-top.affix ul#menu-main-de li .active > a:hover,
.navbar-fixed-top.affix-top ul#menu-main-de li .active > a:hover {
	color: #999;
}
#id-wrapper-full.affix #nav li.contact > a:hover {
	color: #000 !important;

}
#id-wrapper-full.affix #nav li a.dropdown-toggle {color: #000;}
#id-wrapper-full.affix #nav li a.dropdown-toggle:hover {color: #6fccdf;}

.nav > li > a {
    color: #fff;
    font-size: 1.4em;
	letter-spacing: -1px;
    padding: 25px 5px 15px;
}

.navbar-inverse .navbar-nav > li > a {color: #fff;}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > .active > a:hover {
	color: #ccc;
	background: none;
}
.navbar-inverse .navbar-nav > li > a.reservation:hover {
	background: #000;
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a {
	color: #fff;
	border-top:0;
	background: none;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent !important;
	color:#ccc !important;
}

.dropdown-menu {
	border: 0;
	box-shadow: none !important;
	position: relative;
	padding: 20px 0 20px 40px;
	margin: 0;
	background-color: transparent;
}

.dropdown-menu > li > a {
    color: #fff !important;
    font-weight: 200;
    font-size: 2em !important;
    line-height: 1.2em;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background:none;
	color: #CC1631 !important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background: transparent;
	color: #CC1631 !important;
}
.open > .dropdown-menu {
	display: block;
	width: 100%;
}
.navbar-toggle, .navbar-toggle:focus {
	background: #fff !important;
	border-color: #000 !important;
	margin-top: 20px;
	outline: none;
	padding: 20px;
	border-radius:0;
}
.affix .navbar-toggle, .affix .navbar-toggle:focus {
	background: #fff !important;
	border-color: #000 !important;
	margin-top: 20px;
	outline: none;
	padding: 20px;
	border-radius:0;
}
.navbar-toggle:hover {
	background: #999 !important;
	border-color: #999 !important;
}
.navbar-collapse .glyphicon-remove {
    top: 20px;
	right: 20px;
	font-size: 2em;
	cursor: pointer;
	display: block;
	text-align: right;
	position: relative;
}
.navbar-collapse .glyphicon-remove:hover {
    color:#000;
}
.navbar-toggle .icon-bar {
    height: 3px;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #000;
}.navbar-inverse .navbar-toggle:hover .icon-bar {
	background-color: #fff;
}
/* .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 100%;
} */
.pagination > li > a,
.pagination > li > span {
    border: 1px solid #ccc6a9;
	color: #504e43;
}
.pagination > li > span.page-numbers.current {
    border: 1px solid #ccc6a9;
	color: #ccc6a9;
}
.pagination > li > span:hover.page-numbers.current {
    background-color: #fff;
	color: #ccc6a9 !important;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
    background-color: #504e43;
	color: #fff !important;
}
.panel {
    border-color: #000;
    padding: 40px 20px;
    margin: 50px 0;
    min-height: 430px;
    border-radius: 0;
}
.panel:hover {
    background-color: #ffffff;
    box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);
}

.form-control {
    background: #f4f4f4;
    border-color: #666;
	border-radius: 0;
}
#reservation-bloc .form-group #adultes,
#reservation-bloc .form-group #enfants {
    color: #fff !important;
    height: auto;
    padding: 15px !important;
}
#phone-bloc .form-control,
#reservation-bloc .form-control,
#offre-bloc .form-control {
    background: transparent;
    border-color: #fff;
    border-radius: 0;
    color: #fff !important;
    letter-spacing: 1px;
	padding: 28px;
	font-size: 1em;
	font-weight: 200 !important;
}
.wpcf7 form.init .wpcf7-response-output {
	display: none
}
#reservation-bloc .nightsValueStep2 {
    background: transparent;
	letter-spacing: 1px;
	border: 0;
	width: 25px;
}
.page-id-62 #wpcf7-f4-p62-o2 .form-control {
    background: #fff;
    border-color: #666;
}
.page-id-62 #wpcf7-f4-p62-o2 label {
    color:#000;
}
a.btn-success, .content a.btn-success, .btn-success {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 0;
    color: #000 !important;
    outline: 0;
    padding: 20px 30px;
    text-decoration: none;
	font-weight: 700;
}

.squaredphotos .btn-primary,
.squaredphotos a.btn-primary,
.content .squaredphotos a.btn-primary {
    background-color: #CC1631;
    border-color: #CC1631  !important;
	border: 1px solid;
	min-width: 160px;
	margin: 10px;
	font-size: 1em;
	font-weight: 200 !important;
}
.page-id-636 .squaredphotos .btn-primary,
.page-id-636 .squaredphotos a.btn-primary,
.page-id-636 .content .squaredphotos a.btn-primary {
    background-color: #E1C47E;
    border-color: #E1C47E  !important;
}
.page-id-941 .squaredphotos .btn-primary,
.page-id-941 .squaredphotos a.btn-primary,
.page-id-941 .content .squaredphotos a.btn-primary {
    background-color: #b79280;
    border-color: #b79280  !important;
}
.squaredphotos .btn-primary:hover,
.squaredphotos a:hover.btn-primary,
.content .squaredphotos a:hover.btn-primary,
.squaredphotos .btn-primary:focus,
.squaredphotos .btn-primary.focus,
.squaredphotos .btn-primary:active,
.squaredphotos .btn-primary.active {
  color: #fff !important;
  background-color: #000 !important;
  border-color:#000 !important;
  outline:none;
}



.btn-primary,
a.btn-primary,
.content a.btn-primary,
#footer a.btn-success, #footer .content a.btn-success, #footer .btn-success {
    background-color: transparent;
    border-color: #fff !important;
	border: 1px solid;
    border-radius: 0;
    color: #fff !important;
	outline: none;
	padding: 20px 30px;
	text-decoration:none;
	font-weight: 700;
}
#footer a.btn-success, #footer .content a.btn-success, #footer .btn-success {
    opacity: 0.7;
}
.content a.allover:hover + .align-left .btn-primary,
.btn-primary:hover,
a:hover.btn-primary,
.content a:hover.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
a.plus:hover + .col-md-10 .middle2 .align-center .thisbutton.btn.btn-primary,
#footer a.btn-success:hover, #footer .content a.btn-success:hover, #footer .btn-success:hover {
  color: #fff !important;
  background-color: #CC1631 !important;
  border-color:#CC1631 !important;
  outline:none;
  border: 1px solid;
}

a.btn.btn-large.btn-success {color:#fff !important;}
a.btn-success:hover,
.content a.btn-success:hover,
.content a.btn-success:focus,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
a.allover:hover + .button-evenements.btn-success {
  color: #fff !important;
  background-color: #000 !important;
  border:1px solid #000 !important;
}

/* .notmobile .tele.btn-success:hover,
.notmobile .tele.btn-success:focus,
.notmobile .tele.btn-success:active,
.notmobile .tele.btn-success.active {
  color: #fff !important;
  background-color: #000 !important;
  border:1px solid #000 !important;
  cursor:default;
} */
.disponibilites .btn-lg {
    font-size: 17px;
    line-height: 1.33333;
    margin: 50px 0;
    padding: 30px;
}
/* .btn {
    margin-right: 5px;
} */
.font-rooms {
    font-size: 100%;
}

a {color:#000;}
a:hover, a:focus {color:#999;}

h1 {
  margin: 0;
  line-height: 0.75em !important;
  color: #000;
  /* text-shadow: 0 1px 1px rgba(0,0,0,.4); */
  font-weight:500 !important;
}

p {
  margin: 1% 0 !important;
  color: #fff;
}


.thumbnail {
border: 0 !important;
box-shadow: ;
width:100%;
height:auto;
padding:0;
opacity:1;
background:none;
}
a.thumbnail:hover {opacity:1;}
.padd{padding: 3% 0;}
.img-responsive,
.attachment-shop_single,
.attachment-shop_thumbnail {
	width: 100%;
	height:auto;
	border-radius: 0px !important;
	border: 0 none !important;
	box-shadow: 0;
}
/* .attachment-shop_single {
	width: 100%;
	height:auto;
	border-radius: 0px !important;
	border: 0 none !important;
	box-shadow: 0;
} */


/* 5 column hack
-------------------------------------------------- */
.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-5th {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-5th {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5th {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5th {
        width: 20%;
        float: left;
    }
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 6000px) {
    .navbar-header {
        float: none;
		position:relative;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    /* .navbar-toggle {
        display: block;
		top: 0px;
    } */
/*     .navbar-collapse {
		border-top: 1px solid transparent;
		border-top-color: transparent;
		box-shadow: inset 0 1px 0 rgba(0,0,0,0.5);
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		background: #D2D2D2;
		background-size: 100px auto;
		width: 50%;
		z-index: 100000;
    } */
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.home:not .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
		background: #fff !important;
	}
    /* .navbar-collapse.collapse {
        display: none!important;
    } */
   /*  .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    } */
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	.pull-right {
		float: right !important;
	}
}
@media (max-width: 1199px) {

}
@media (max-width: 991px) {
	.pull-right {
		float: none !important;
	}
	.affixwrap.affix {
		position: static;
	}
/* 	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		border-color: #473621;
		height: 100vh;
		max-height: 100vh !important;
		width: 100%;
	} */
}
@media (max-width: 979px) {

	.content p {/* margin: 10% 0 !important; */}
	img.logo {margin-left: 0px;}
	#id-wrapper-full.affix, .navbar-fixed-top #logo-affix {
		box-shadow: 0;
		padding: 0;
		position: absolute;
		width: 150px;
	}
}


@media (min-width: 768px) {
  .navbar-nav {
	float: right;
	margin: 0;
  }
}

@media (max-width: 767px) {

	.bg, .box {margin-left:0px !important;margin-right:0px !important;padding-left:0 !important;padding-right:0 !important;}
	#footer {
	  margin-left: 0px;
	  margin-right: 0px;
	  padding-left: 0px;
	  padding-right: 0px;
	}
	h1 {
	  line-height: 1em;
	  font-size:1.8em;
	}
	.nav > li > a {padding-bottom:10px;padding-top:10px;}

	#menu-main.nav, #menu-main-en.nav, #menu-main-de.nav {background: none !important;padding: 5%;}
	.navbar-inverse .navbar-nav > li > a {color: #000 !important;font-size: 1.7em !important;}
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {background:#0099FF;}
	.navbar-nav > li > .dropdown-menu {padding-left:30px;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {background:none !important;font-size: 1.7em !important;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color:#000;}
	

	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > .active > a:hover {
		color: #CC1631 !important;
		background: none;
	}

	.navbar-inverse .navbar-nav > li > a:focus,
	.navbar-inverse .navbar-nav > .active > a:focus,
	.navbar-inverse .navbar-nav > .active > a {
		color: #000 !important;
		border-top:0;
		background: none;
	}
	.dropdown-menu > li > a {
		color: #000 !important;
	}
	.navbar-btn .hidden-xs,
	#reserver .hidden-xs {
		display: none !important;
	}
	.large-abso {
		padding: 0;
		position: relative;
		top: 10px;
	}
	.mypanel {
		margin: 0 0 70px;
	}
	.vertical-align,
	.vertical-align2 {
		display: block;
	}
	.bestprice-book.btn-primary {
		background-color: transparent;
		border-color: #fff;
		border-radius: 0;
		color: #fff !important;
		margin: 0 0 40px;
	}
	.clickable .glyphicon {
		bottom: 0;
		font-size: 250%;
		left: 0;
		position: absolute;
		right: 0;
		top: 20%;
		z-index: 2;
	}
	div[id^="mycarouselcuisine-"] {
		height: auto;
	}
	.vertical-align2 {
		align-items: center;
		margin-top: 0;
	}
	.affix-top .navbar-header li.contact a,
	.affix .navbar-header li.contact a	{
		margin: 20px 0 0;
	}
	.affix-top .navbar-header li.contact a:hover,
	.affix .navbar-header li.contact a:hover {
		background: #999 !important;
	}
	.modal .bx-viewport {
		width: 100% !important;
	}
	.navigation {
		top: 0;
	}
	#nav.affix-top,
	#nav.affix,
	.home #nav.affix	{
		margin: 0;
		
	}
	
	.navbar-toggle {
		margin-top: 24px;
		border-radius: 0;
		padding: 10px;
	}
	#nav.affix .navbar-toggle,
	#nav.affix-top .navbar-toggle {
		top: 0px;
		padding: 16px;
		margin-top: 24px;
	}
	#nav.affix .menu-toggle,
	#nav.affix-top .menu-toggle {
		top: 80px;
		right:24px
	}
	#nav.affix,
	#nav.affix-top {
		height: 120px !important;
	}
	#id-wrapper-full.affix, .navbar-fixed-top #logo-affix {
		width: 170px;
		height: 120px;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	.image-logo {
		margin: 22px 0px 0 15px;
		width: 82%;
		height: auto;
	}
	.bg-noir {
		left: 0px;
		right: 0px;
	}
	.rubriques h1 {
		top: 0;
		line-height: 1em !important;
		position: relative;
		padding: 50px 20px;
		text-shadow: none;
		font-size: 1.5em;
		letter-spacing: 6px;
	}
}

@media (max-width: 600px) {

	/* #nav.affix-top,
	#id-wrapper-full.affix	{
		width: 100%;
		-moz-box-shadow: 0px 5px 20px 0px #666;
		-webkit-box-shadow: 0px 5px 20px 0px #666;
		-o-box-shadow: 0px 5px 20px 0px #666;
		box-shadow: 0px 5px 20px 0px #666;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#666, Direction=180, Strength=20);
	} */
}

@media (orientation: portrait) {
	.bg {
		margin: 0px 0 0;
		height:50% !important;
	}
}