/*================================================================================================*/

#langselbar
{
	clear:       both;
	position:    relative;
	width:       100%;
    height:      32px;
    font-family: verdana, arial, sans-serif;
}

#langselbar ul li
{
	float:    left;
    width:    120px;
    position: relative;
}

#langselbar ul li a
{
	display:         block;
    font-size:       11px;
    text-decoration: none !important;
    color:           #959595;
    border:          1px solid #543d27;
    background:      #543d27;
    padding-left:    10px;
    line-height:     24px;
}

#langselbar ul li a [class*='icon-']
{
	float:        right;
	margin-right: 10px;
	line-height:  24px;
}

#langselbar a:hover
{
	background: #eee;
	color:      #000;
}

#langselbar ul li ul
{
	display:  none;
	position: absolute;
	top:      100%;
	left:     0;
	z-index:  1000;
}

#langselbar ul li:hover ul
{
	display: block;
}

/*================================================================================================*/

#logobar
{
	clear:         both;
	position:      relative;
	width:         100%;
	background:    url(../img/logo_bg.jpg);
	padding:       30px 0 15px 0;
    text-align:    center;
    margin:        9px 0;
	border-top:    1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    
    overflow: visible;
}

#specialoffer
{
	position:    absolute;
	left:        50%;
	top:         0;
	width:       305px;
	margin-left: 180px;
	margin-top:  -50px;
	z-index:     99999;
}

/*================================================================================================*/

#menubar
{	
	clear:         both;
	position:      relative;
	width:         100%;
	height:        62px;
	font-size:     11px;
	color:         #fff;
	padding:       20px 0;
	border-bottom: 10px solid #543d27;
}

#menu-container
{
	position: relative;
	width:    1280px;
	height:   100%;
	margin:   0 auto;
}

#menu-left
{
	position:   relative;
	float:      left;
	text-align: left;
}

#menu-right
{
	position:   relative;
	float:      right;
	text-align: right;
}

.menu
{
	position:   relative;
	display:    inline-block;
	list-style: none;
	padding:    0;
	margin:     0;
	outline:    0;
	height:     100%;
}

.menu li
{
	display:  inline-block;
	position: relative;
	float:    left;
	height:   100%;
	padding:  0 15px;
}

.menu li a
{
	color:          #959595;
	display:        block;
	text-align:     center;
	text-transform: uppercase;
}

.menu li a:hover,
.menu li a.active
{
	color:           #fff;
	text-decoration: none;
}

.menu li:hover > ul
{
	display: block;
}

.menu li:hover i
{
	visibility: hidden;
}

.menu ul
{   
    display:    none;
    position:   absolute;
    top:        13px;
    left:       -48%;
    z-index:    99998;  
    padding:    26px 0 0;
    background: url(../img/dropdown_sub.png) center 20px no-repeat;
}

.menu ul li
{
    float:      none;
    margin:     0;
    padding:    0;
    display:    block;
    text-align: left;
    background: #000;
}

.menu ul li a
{    
    padding:     10px;
    line-height: 1;
    display:     block;
    white-space: nowrap;
}

/*================================================================================================*/

.menu ul.submenu
{
	display:             block;
	visibility:          hidden;
 	position:            absolute;
 	top:                 13px;
 	left:                0;
 	width:               1920px;
 	z-index:             99998;
 	background-image:    url(../img/dropdown_bg.png), url(../img/dropdown_sub.png);
 	background-position: 0 26px, center 20px;
 	background-repeat:   repeat-x, no-repeat;
 	text-align:          left;
 	padding:             26px 0 0;
}

.menu li:hover > ul.submenu 
{
 	visibility: visible !important;
}

.menu ul.submenu li
{
	display:     block;
	position:    relative;
	list-style:  none;
	width:       220px;
    margin:      0 0 0 25px;
    padding:     0;
    float:       left;
    background:  none;
    line-height: 1em;
    height:      auto;
}

.mega-wrap 
{
    width:   990px;
    margin:  0 auto;
    padding: 60px 0;
}

.mega-nav-widget
{
	position: relative;
}

.widget_room 
{
    line-height: 1.6em;
    color:       #8e9a9e;
    background:  #fff;
    text-align:  center;
    padding:     10px 0 0 0;
}

.widget_text
{
    line-height: 1.6em;
    color:       #8e9a9e;
}

.widget-title 
{
    color:          #2b3a3f;
    font-size:      16px;
    text-transform: uppercase;
    margin:         0 0 5px 0;
    font-weight:    normal;
    font-family:    'Montserrat', sans-serif;
    line-height:    1.1em;
}

.widget_text .widget-title 
{
    color:         #fff;
    font-size:     12px;
    font-weight:   normal;
    margin:        0 0 15px 0;
}

.widget_room_content
{
	position: relative;
}

.room_type 
{
    width:  39px;
    height: 39px;
    margin: 7px auto;
}

.room_image
{
	position: relative;	
}

.menu ul.submenu li a
{
	padding:         0;
    text-transform:  uppercase;
    line-height:     1.1em;
    display:         block;
    color:           #b3b2b4;
    text-decoration: none;
}

.room_price 
{
	position:    relative;
    font-family: 'Magra', sans-serif;
    padding:     15px 0;
}

.room_price strong 
{
    font-size:   33px;
    color:       #c9376e;
    display:     inline-block;
    font-weight: 700;
}

.room_price span 
{
    display:      inline-block;
    width:        35px;
    font-size:    13px;
    line-height:  1.2em;
    color:        #474748;
    text-align:   left;
    padding-left: 5px;
}

.room_detail 
{
    background:  #51dae6;
    height:      54px;
    position:    relative;
    font-weight: normal;
}

.room_detail span 
{
    display:     block;
    background:  #2fabbd;
    width:       46px;
    height:      54px;
    line-height: 54px;
    color:       #fff;
    font-size:   20px;
    position:    absolute;
    top:         0;
    left:        0;
}

.room_detail span.icon-chevron-right 
{
    right: 0;
    left:  auto;
}

.menu ul.submenu li .room_detail a
{
	font-size:       12px;
    text-align:      center;
    line-height:     54px;
    height:          100%;
    padding:         0;
    text-transform:  uppercase;
    display:         block;
    color:           #fff;
    text-decoration: none;
    vertical-align:  middle;
}

.widget_text p 
{
    margin-bottom: 18px;
}

.menu ul.submenu li a.link-border 
{
    border-top:      1px solid #444;
    border-bottom:   1px solid #444;
    display:         block;
    padding:         22px 0;
    color:           #51dae6;
    font-size:       12px;
    position:        relative;
    text-transform:  uppercase;
    line-height:     1.1em;
    text-decoration: none;
}

/*================================================================================================*/

#psopen
{
	display:        none;
	font-size:      16px;
	vertical-align: middle;
	text-transform: uppercase;
	line-height:    50px;
	text-align:     center;
	transition:     all 0.5s ease-in-out 0s;
}

#psopen [class*='icon-']
{
	margin-right: 0.5em;
}

#psopen,
#psopen:visited,
#psopen:focus,
#psopen:active
{
    color: #bbbaba;
}

#psopen:hover
{
	color:           #ffe4b5;
	text-decoration: none;
}

/*================================================================================================*/

#psclose
{
	display:        block;
	margin:         20px auto;
	font-size:      16px;
	vertical-align: middle;
	text-transform: uppercase;
	line-height:    50px;
	text-align:     center;
	transition:     all 0.5s ease-in-out 0s;
}

#psclose [class*='icon-']
{
	margin-right: 0.5em;
}

#psclose,
#psclose:link,
#psclose:visited,
#psclose:focus,
#psclose:active
{
    color: #bbbaba;
}

#psclose:hover
{
	color:           #ffe4b5;
	text-decoration: none;
}

/*================================================================================================*/

#pageslide 
{
    display:          none;
    position:         absolute;
    position:         fixed;
    top:              0;
    height:           100%;
    z-index:          999998;
    width:            100%;
    padding:          20px;
    background-color: #333;
    color:            #bbbaba;
    box-shadow:       inset 0 0 5px 5px #222;
}

#menu_slide 
{
    display: none;
}

#menu_open
{
	display:     block;
	margin-left: 0px;
}

#menu_open li.page_item
{
	display:       block;
	line-height:   2.5em;
	padding-left:  20px;
	border-top:    1px solid #4a4a4a;
	border-bottom: 1px solid #000;
	background:    url(../img/footer-bullet.png) no-repeat 0px 12px;
	margin-left:   20px;
	max-width:     240px;
}

#menu_open li:first-child
{ 
	border-top: 0; 
}

#menu_open li:last-child
{ 
	border-bottom: 0; 
}

#menu_open li a
{
	text-decoration: none;
	color:           #bbbaba;
}

#menu_open li a.active,
#menu_open li a:hover
{
	color: #ffe4b5;
}

/*================================================================================================*/

#statusbar
{
	clear:            both;
	height:           44px;
	background-color: #2a2d30;
	line-height:      36px;
	vertical-align:   middle;
	font-size:        12px;
	text-align:       center;
	color:            #fff;
	padding:          4px 0;
	
	-moz-box-shadow:    0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow:         0px 0px 20px #000;
}

#statusbar br
{
	display: none;
}

#statusbar a,
#statusbar a:link,
#statusbar a:focus,
#statusbar a:active,
#statusbar a:hover,
#statusbar a:visited
{
	color: #ffe4b5;
}

/*================================================================================================*/

#footbar
{
	clear:      both;
	position:   relative;
	border-top: 1px solid #222;	
	background: #2a2d30;
	color:      #bbbaba;
}

.fb-mod-box 
{
    padding:          15px;
    border-radius:    12px;
	border:           4px solid #3a4552;
	background-color: transparent;
	min-height:       170px; 
}

.fb-mod-box:first-child
{
	margin: 10px 0 20px 0;
}

.fb-mod-box:last-child
{
	margin: 20px 0 10px 0;
}

#footbar ul
{
	display: block;
	margin:  10px 0 0;
	padding: 0;
}

#footbar ul li
{
	display:       block;
	line-height:   2.5em;
	padding-left:  20px;
	border-top:    1px solid #4a4a4a;
	border-bottom: 1px solid #000;
	background:    url(../img/footer-bullet.png) no-repeat 0px 12px;
}

#footbar ul li:first-child
{ 
	border-top: 0; 
}

#footbar ul li:last-child
{ 
	border-bottom: 0; 
}

#footbar ul li a
{
	text-decoration: none;
	color:           inherit;
}

#footbar ul li a:hover,
#footbar ul li a.active
{
	color: #ffe4b5;
}

#footbar h6
{
	margin:      10px 0 10px 0;
	text-shadow: 0px -2px rgba(0, 0, 0, 0.8);
	font-size:   1em;
	text-align:  center;
	font-weight: 400;
	line-height: 1.2;
	color:       rgb(48, 122, 191);
}

#rss [class*='icon-'],
#yourcomputer [class*='icon-']
{
	margin-right: 0.5em;
	color:        rgb(48, 122, 191);
}

#yourcomputer span#ipadresse,
#yourcomputer span#ecran,
#yourcomputer span#navigateur,
#yourcomputer span#systeme
{
	float:      right;
	text-align: right;
}

#responsive
{
	padding-top: 266px;
	background:  transparent url(../img/responsive.png) top center no-repeat;
	min-height:  266px;
	text-align:  justify;
	font-size:   0.8571em;
}

/*================================================================================================*/

a#teleport,
a#teleport:link,
a#teleport:visited
{
	display:    none;
	position:   fixed;
	bottom:     65px;
	right:      15px;
	width:      64px;
	height:     64px;
	z-index:    99998;
	background: url(../img/backtotop.png) no-repeat center;
	opacity:    0.5;
	filter:     alpha(opacity=50);
}

a#teleport:hover
{
	opacity: 1;
	filter:  alpha(opacity=100);
}

a#teleport
{
	transition: all 0.5s ease-in-out 0s;
}

/*================================================================================================*/
/* MEDIAS QUERIES */
/*================================================================================================*/

@media only screen and (max-width: 1279px) /* ECRANS INFERIEURS A 1280px */
{
	#menu-container
	{
		width: 958px;
	}
}

/*================================================================================================*/

@media only screen and (max-width: 959px) /* ECRANS INFERIEURS A 960px */
{
	#menu-container
	{
		width: 768px;
	}
}

/*================================================================================================*/

@media only screen and (max-width: 769px) /* ECRANS INFERIEURS A 768px */
{
	#menu-container
	{
		display: none;
	}
	
	#psopen
	{
		display: block;
	}
	
	#specialoffer
	{
		margin-left: 200px;
	}
	
	#specialoffer
	{
		width:       280px;
		margin-left: 115px;
		margin-top:  -100px;
	}
}

/*================================================================================================*/

@media only screen and (max-width: 639px) /* ECRANS INFERIEURS A 640px */
{
	#menu-container
	{
		width: 478px;
	}
	
	#specialoffer
	{
		/*margin-left: 100px;*/display: none;
	}
}

/*================================================================================================*/

@media only screen and (max-width: 479px) /* ECRANS INFERIEURS A 480px */
{
	#menu-container
	{
		width: 318px;
	}
	
	#statusbar
	{
		line-height: 18px;
	}
	
	#statusbar br
	{
		display: block;
	}
	
	#specialoffer
	{
		/*margin-left: 100px;*/display: none;
	}
}

/*================================================================================================*/

@media only screen and (max-width: 319px) /* ECRANS INFERIEURS A 640px */
{
	
}

/*================================================================================================*/