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

#root 
{
    background-color: #543d27;
    font-family:      'Montserrat', sans-serif;
    color:            #8e9a9e;
    font-size:        13px;
    line-height:      1.5em;
}

#root.white
{
	background-color: #fff;
}

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

#rooms-container
{
	position: relative;
    padding:  70px 0;
}

#rooms-container-reload /* content1280 */
{
	
}

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

.col960.form-container
{
	float:  none;
	margin: 0 auto;
}

.col960.form-container.contentform
{
	padding: 0;
}

.col960.form-container.toolbarform
{
	padding: 0 10px;
}

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

.room 
{
	position: relative;
    margin:   0 0 110px 0;
}

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

.field300
{
	max-width: 100% !important;
	width:     300px;
	padding:   0;
	margin:    0 80px 0 0;
	float:     left;
}

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

.room h2 
{
    font-size:      21px;
    text-transform: uppercase;
    color:          #2a303b;
    font-family:    'Montserrat', sans-serif;
    font-weight:    700;
    line-height:    1.1em;
    margin:         0;
}

.room h2 a 
{
    color: #2a303b;
}

.room h2 a:hover 
{
    text-decoration: none;
}

.room-price 
{
	color:     #d66270;
    font-size: 16px;
    position:  absolute;
    top:       2px;
    right:     0;
}

.room-text 
{
    margin:    15px 0 0 0;
    clear:     both;
    font-size: 12px;
}

.room p
{
    margin:     0 0 17px 0;
    text-align: justify;
}

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

.preview-container
{
	position: relative;
}

.preview-container h3
{
    bottom:      -30px;
    margin:      0;
    font-size:   16px;
    font-weight: normal;
    position:    relative;
    color:       #2a303b;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.1em;
}

.iconcarousel 
{
    border-top:     1px solid #e7edf3;
    border-bottom:  1px solid #e7edf3;
    position:       relative;
    margin-bottom:  50px;
    padding-bottom: 10px;
    text-align:     center;
}

.iconlist-container
{
	display:  inline-block;
    overflow: hidden;
    position: relative;
    width:    255px;
    height:   104px;
}

.iconlist
{
    position:   relative;
    list-style: none;
    width:      255px;
    height:     104px;
}

.iconlist li 
{
    display:  block;
    float:    left;
    width:    39px;
    height:   39px;
    position: relative;
    margin:   50px 6px 15px 6px;
}

.iconlist li:hover
{
	cursor: help;
}

.iconslist li:last-child
{
	margin-right: 28px;
}

.iconcarousel .prev, 
.iconcarousel .next 
{
    display:     block;
    color:       #abb5c1;
    font-size:   36px;
    position:    absolute;
    bottom:      18px;
    line-height: 39px;
    height:      39px;
}

.iconcarousel .prev 
{
    left: 0;
}

.iconcarousel .next 
{
    right: 0;
}

.iconcarousel .prev:hover,
.iconcarousel .next:hover
{
    color: #d3dde9;
}

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

#preview
{
	position: absolute;
	display:  none;
	z-index:  99999;
}

.tooltip 
{
	position:   relative;
  	margin-top: -3px;
  	padding:    5px 0;
}

.tooltip-inner 
{
  	padding:          3px 8px;
  	color:            #ffffff;
  	text-align:       center;
  	text-decoration:  none;
  	background-color: #000000;
  	border-radius:    4px;
  	font-size:        12px;
	line-height:      1.4;
}

.tooltip-arrow 
{
  	position:         absolute;
  	width:            0;
  	height:           0;
  	border-color:     transparent;
  	border-style:     solid;
  	bottom:           0;
  	left:             50%;
  	margin-left:      -5px;
  	border-width:     5px 5px 0;
  	border-top-color: #000000;
}

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

.field560
{
	max-width:     100% !important;
	width:         558px;
	padding:       0;
	margin:        0;    
    background:    #3d474b;
    border:        1px solid #cfd1d2;
    border-bottom: 1px solid #82878a;
    
    -webkit-box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         1px 3px 4px 0px rgba(0, 0, 0, 0.3);
}

.gallery-container
{
	position: relative;
    display:  block;
    overflow: hidden;
    width:    100%;
    height:   310px;
}

.gallery-big
{
	position:   absolute;
	left:       0;
	top:        0;
    width:      100%;
    height:     100%;
    overflow:   hidden;
}

.ulgallerybig
{
	position: relative;
	width:    100%;
	height:   100%;
}

.ulgallerybig li
{
	position: relative;
	float:    left;
	display:  inline-block;
	width:    100%;
	height:   100%;
}

.gallery-small-container
{
	position:  relative;
	width:     100%;
	max-width: 100%;
	padding:   15px;
	overflow:  hidden;
}

.gallery-small
{
	position: relative;
	overflow: hidden;
	width:    100%;
}

.ulgallerysmall
{
	position: relative;
	height:   100%;
	width:    100%;
	overflow: hidden;
}

.ulgallerysmall li
{
	position:      relative;
	float:         left;
	display:       inline-block;
	width:         20%;
	height:        100%;
	cursor:        pointer;
	border-top:    5px solid #3d474b;
    border-bottom: 5px solid #3d474b;	
}

.ulgallerysmall li.selected
{
	border-top:    5px solid #c9376e;
    border-bottom: 5px solid #c9376e;
	cursor:        default;
}

.gallery-container .prevnext
{
    position:    absolute;
    z-index:     200;
    top:         140px;
    font-size:   70px;
    color:       #fff;
    opacity:     0.5;
    text-shadow: 1px 1px 1px #444;
    display:     none !important;
}

.gallery-container .prevnext.prev 
{
    left: 20px;
}

.gallery-container .prevnext.next 
{
    right: 20px;
}

.gallery-container:hover .prevnext 
{
    display: block !important;
}

.gallery-container .prevnext:hover 
{
    opacity: 1;
}

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

.title_block 
{
	position:   relative;
    text-align: center;
    padding:    0;
    margin:     0;
}

.btn-white
{
    background-color: #fff;
    color:            #3d474b !important;    
    display:          inline-block;
	margin:           10px 5px;
	padding:          12px 20px;
    opacity:          1;
    font-size:        14px;
    font-weight:      400;
    line-height:      1.33;
    vertical-align:   middle;
    text-align:       center;
    white-space:      nowrap;
    text-transform:   uppercase;
    border:           1px solid #c6cccf;
    
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    
    -moz-box-shadow:    inset 0px 0px 1px 0px 0px rgba(255,255,255,0.25);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.25);
    box-shadow:         inset 0px 1px 0px 0px rgba(255,255,255,0.25), 0px 1px 1px 0px rgba(0,0,0,0.15);
    
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    -o-user-select:      none;
    user-select:         none;
}

.btn-white span 
{
    color: #d15160;
}

a.btn-faremaeva 
{
	display:        inline-block;
	margin:         10px 5px;
	padding:        12px 20px;
    opacity:        1;
    font-size:      14px;
    font-weight:    400;
    line-height:    1.33;
    vertical-align: middle;
    text-align:     center;
    cursor:         pointer;
    white-space:    nowrap;
    text-transform: uppercase;
    color:          #fff !important;
    border:         1px solid #ca4e2a;
    
    background: #d45967;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d45967), color-stop(1, #ce4c5b) );
    background: -moz-linear-gradient( center top, #d45967 5%, #ce4c5b 100% );
    filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#d45967', endColorstr='#ce4c5b');
    
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    
    -moz-box-shadow:    inset 0px 0px 1px 0px 0px rgba(255,255,255,0.25);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.25);
    box-shadow:         inset 0px 1px 0px 0px rgba(255,255,255,0.25), 0px 1px 1px 0px rgba(0,0,0,0.15);
    
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    -o-user-select:      none;
    user-select:         none;
}

a.btn-faremaeva:hover
{
	text-decoration: none;
	opacity:         0.8;
}

.title_block .text_notice 
{
    color:       #8e9a9e;
    font-size:   12px;
    font-family: Arial, sans-serif;
    text-align:  center;
}

.title_block .text_notice em 
{
    font-style: italic;
}

.title_block .text_notice a 
{
    color: #52dae6;
}

.title_block .text_notice a:hover 
{
    color:           #d25261;
    text-decoration: none;
}

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

.field600
{
	max-width: 100% !important;
	width:     600px;
	padding:   0;
	margin:    0 70px 0 0;
	float:     left;
}

.details
{
	position: relative;
}

.details h1
{
	padding-right:  150px;
    font-size:      21px;
    margin:         0 0 20px 0;
	text-transform: uppercase;
	color:          #2a303b;
    font-family:    'Montserrat', sans-serif;
    font-weight:    700;
    line-height:    1.1em;
}

.details .room-price 
{
    color:     #d66270;
    font-size: 18px;
    position:  absolute;
    top:       2px;
    right:     0;
}

.details .rating 
{
    unicode-bidi:  bidi-override;
    font-size:     15px;
    direction:     rtl;
    display:       inline-block;
    margin-bottom: 10px;
}

.details .rating strong 
{
    float:        left;
    direction:    ltr;
    font-weight:  normal;
    line-height:  15px;
    font-size:    13px;
    color:        #797979;
    margin-right: 5px;
}

.details .rating span.star 
{
    font-family: FontAwesome;
    font-weight: normal;
    font-style:  normal;
    display:     block;
    float:       left;
    line-height: 1em;
}

.details .rating span.star:hover
{
    cursor:pointer;
}

.details .rating span.star:before 
{
    content: "\f006";
    color:   #a7b8c8;
    float:   left;
    width:   17px;
    height:  15px;
}

.details .rating span.star:hover:before, 
.details .rating span.over:before, 
.details .rating span.on:before, 
.details .rating span.voted:before, 
.details .rating span.half-star.voted.over:before 
{
    content: "\f005";
    color:   #d1505f;
    opacity: 0.8;
}

.details .rating span.half-star.voted:before
{
    content:"\f123";
}

.details .rating span.star:hover:before,
.rating > span:hover ~ span:before 
{
    opacity: 1;
}

.details .entry 
{
    line-height: 1.6em;
    color:       #8e9a9e;
    font-size:   12px;
}

.details .entry p 
{
    margin: 0 0 1.3em 0;
}

.details .entry .room 
{
	position:      relative;
    clear:         both;
    padding:       40px 0;
    margin:        30px auto;
    border-top:    1px solid #e7edf3;
    border-bottom: 1px solid #e7edf3;
}

.details .entry .room .room-container
{
	position:      relative;
    max-width:     100% !important;
	width:         558px;
	padding:       0;
	margin:        0 auto;    
    background:    #3d474b;
    border:        1px solid #cfd1d2;
    border-bottom: 1px solid #82878a;
    
    -webkit-box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         1px 3px 4px 0px rgba(0, 0, 0, 0.3);
}

.details .title_block 
{
    padding: 20px 0;
}

a.btn-default 
{
	display:        inline-block;
	margin:         10px 5px;
	padding:        12px 20px;
    opacity:        1;
    font-size:      14px;
    font-weight:    400;
    line-height:    1.33;
    vertical-align: middle;
    text-align:     center;
    cursor:         pointer;
    white-space:    nowrap;
    text-transform: uppercase;
    color:          #fff !important;
    border:         1px solid #31a7b2;
    
    background: #46cbd8;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #53d1dd), color-stop(1, #46cbd8) );
    background: -moz-linear-gradient( center top, #53d1dd 5%, #46cbd8 100% );
    filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#53d1dd', endColorstr='#46cbd8');
    
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    
    -moz-box-shadow:    inset 0px 0px 1px 0px 0px rgba(255,255,255,0.25);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.25);
    box-shadow:         inset 0px 1px 0px 0px rgba(255,255,255,0.25), 0px 1px 1px 0px rgba(0,0,0,0.15);
    
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    -o-user-select:      none;
    user-select:         none;
}

a.btn-default:hover
{
	text-decoration: none;
	opacity:         0.8;
}

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

.field270
{
	max-width: 100% !important;
	width:     270px;
	padding:   0;
	margin:    0;
	float:     left;
}

.amenlist
{
	position: relative;
}

.amenlist h3
{
    font-size:   16px;
    font-weight: normal;
    margin:      0 0 25px 0;
    position:    relative;
    color:       #2a303b;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.1em;
}

.amenlist ul
{
	position: relative;
}

.amenlist ul li 
{
    min-height:    40px;
    margin-bottom: 25px;
}

.amenlist ul li img 
{
    float:  left;
    margin: 0 10px 0 0;
    width:  39px;
    height: 39px;
}

.amenlist ul li strong 
{
    font-size:   16px;
    color:       #52dae6;
    font-weight: normal;
    display:     block;
}

.amenlist ul li span 
{
    font-size: 12px;
    color:     #cad6e4;
    display:   block;
}

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

.table-container
{
	position: relative;
    margin:   10px 0 20px;
    width:    100%;
}

table
{
	border:          1px solid #2f2f2f;
	border-top:      0;
	border-collapse: separate;
	border-spacing:  0;
	text-shadow:     none;
	color:           #404040;
    width:           100%;
    padding-bottom:  1px;
    margin-bottom:   20px;
	
	-moz-border-radius:    4px;
    -webkit-border-radius: 4px;
    border-radius:         4px;
}

table tr th, 
table tr td 
{
    line-height:    1.428571429;
    vertical-align: top;
    border-top:     1px solid #d0d0d0;
    padding:        7px 10px;
    text-align:     left;
}

table tr th, 
table tr td
{
	width:      110px;
	text-align: right;
} 

table tr th:first-child,
table tr td:first-child
{
	width:      auto;
	text-align: left;
} 

table tr th 
{
    vertical-align: bottom;
    border-color:   #2f2f2f;
    border-bottom:  2px solid #2f2f2f;
    color:          #fff !important;
    font-size:      12px;
    font-weight:    normal;

    -moz-box-shadow:    inset 0px 0px 1px 0px 0px rgba(255,255,255,0.25);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.25);
    box-shadow:         inset 0px 1px 0px 0px rgba(255,255,255,0.25), 0px 1px 1px 0px rgba(0,0,0,0.15);

	background: #474747;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #636363), color-stop(1, #474747) );
    background: -moz-linear-gradient( center top, #636363 5%, #474747 100% );
    filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr='#636363', endColorstr='#474747');
}

table tr th:first-child
{
	-moz-border-top-left-radius:    4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius:         4px;
}

table tr th:last-child
{
	-moz-border-top-right-radius:    4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius:         4px;
}

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

@media only screen and (max-width: 639px) /* ECRANS INFERIEURS A 640px */
{
	.gallery-container
	{
	    height: 298px;
	}
	
	.ulgallerysmall li
	{
		width: 143px;	
	}
}

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

@media only screen and (max-width: 479px) /* ECRANS INFERIEURS A 480px */
{
	.gallery-container
	{
	    height: 166px;
	}
	
	.ulgallerysmall li
	{
		width: 90px;	
	}
}

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