/* CSS FILE */
/* Copyright http://www.guestfriendlyhotel.com */
/* All right reserved */

/* STYLES */

/* ------------------------------------------------------------ */

/* MAIN STYLE */
h1 {
	display: block;
	background: transparent linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.65) 53%, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0% 0%;

	position: relative;
	float: left;
	
	width: 98%;
}
	
h1 p {	
	/* NEW */
	color: #FFF;
	font-family: "Arial";
	font-size: 28px;
	font-weight: 600;
		
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.89);
	
	padding: 10px 15px 10px 15px;	
	margin: 0px;
}	
	
@media screen and (max-width:800px){
	h1 p {
		font-size: 24px;
		font-weight: normal;
		line-height: 22px;
		padding: 10px 10px 10px 10px;
	}
}

@media screen and (max-width:568px){
	h1 p {
		font-size: 22px;
		font-weight: normal;
		line-height: 22px;
		padding: 10px 5px 10px 5px;
	}
}

@media screen and (max-width:400px){
	h1 p {
		font-size: 18px;
		font-weight: normal;
		line-height: 22px;
		padding: 10px 5px 10px 5px;
	}
}	

h2 {
	display: block;
	background: transparent linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.65) 53%, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0% 0%;

	position: relative;
	float: left;	
	
	width: 98%;
}

h2 p {	
	color: #FFF;
	font-family: "Arial";
	font-size: 28px;
	font-weight: 600;
	
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.89);
	
	padding: 10px 15px 10px 15px;
	margin: 0px;
}	
	
@media screen and (max-width:800px){
	h2 p {
		font-size: 24px;
		font-weight: normal;
		line-height: 22px;
		padding: 10px 10px 10px 10px;
	}
}

@media screen and (max-width:568px){
	h2 p {
		font-size: 22px;
		font-weight: normal;
		line-height: 22px;
		padding: 10px 5px 10px 5px;
	}
}

@media screen and (max-width:400px){
	h2 p {
		font-size: 18px;
		font-weight: normal;
		line-height: 22px;
		padding: 10px 5px 10px 5px;
	}
}	

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;  /*Tahoma;*/
	font-size: 18pt;
	color: #0B610B; 
	font-weight: bold;
}

/* ------------------------------------------------------------ */

a:link{color:#0B610B; font-weight:bold; text-decoration: none;}  
a:hover{color: orange; font-weight:bold; text-decoration: none;}
a:visited{color: #298A08; font-weight:bold; text-decoration: none;} 
	
h2 p a:link{color:#FFF; font-weight:bold; text-decoration: none;}   
h2 p a:hover{color: #FFF; font-weight:bold; text-decoration: none;}
h2 p a:visited{color: #FFF; font-weight:bold; text-decoration: none;}

/* ------------------------------------------------------------ */

hr {
	margin: 20px 0 5px 0;
}

@media screen and (max-width:568px){
	hr {
		margin: 15px 0 3px 0;
	}	
}	

.subtitle {
	font-family: Arial;  
	font-size: 18pt;
	color: #0B610B; 
	font-weight: bold;}

/* MENU */
#navmenu ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
	font-family: Arial;  
	font-size: 14pt;
	//width: 960px;
	}
#navmenu li {display: inline; width: 200px;}
#navmenu ul li a {
	text-decoration:none;  
	margin: 0px;
	padding: 16px 12px 16px 12px; 
	color: white;
	background: gray;}
#navmenu ul li a:hover {color: gray;
	background: white; }

/* ------------------------------------------------------------ */
	
/* YOUTUBE */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ------------------------------------------------------------ */

hr.stick {
    margin: 0 0 15px 0;
}

/* ------------------------------------------------------------ */

/* FACEBOOK workaround : disable Comment pop up */
.fb_display{
    overflow: hidden;
	width: 100%; /* 500 px; */
}

.fb-share-button{
}

/* OTHER TEST... */
.fb {
	font-family: Arial;  
	font-size: 8pt;
	color: #000000; 
	font-weight: normal;
}

/* ------------------------------------------------------------ */

/* JUMP LINK... */	
.jump {
	color: white; 
	font-size: 15px;
	font-weight: bold;
	font-style: normal;

	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
	width: 50px; 
	height: 50px; 
	padding: 15px; 
	display: block;
	position: fixed;
	bottom: 30px; 
	right: 30px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .7);
		   	box-shadow:  0px 1px 7px 0px rgba(00, 00, 00, .7);
	background: url('../images/trans.png') repeat;
}

a.jump:link{color: #E6E6E6; font-weight:normal; text-decoration: none;}  
a.jump:hover{color: #E6E6E6; font-weight:normal; text-decoration: none;}	
a.jump:visited{color: #E6E6E6; font-weight:normal; text-decoration: none;}  

	
/* CUSTOMIZED STYLE */
BODY{
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 5px;
	BACKGROUND-COLOR: #333333;
	FONT-SIZE: 10pt; 
	COLOR: #000000; 
	BACKGROUND-IMAGE: url('../images/GuestFriendlyHotel-background.jpg');
	background-attachment:fixed; 
	FONT-FAMILY: Tahoma, Sans-Serif;
}

TABLE.XSP_OUTLINE{
	HEIGHT: 100%; 
	WIDTH:100% !important;  /*960px*/  /* NEW */
}
TD.XSP_HEADER_PANEL{
	BACKGROUND-COLOR: #FFFFFF; 
	WIDTH: 930px;
	HEIGHT: 350px;
	BACKGROUND-IMAGE: url('../images/GuestFriendlyHotels-header.png');
	BACKGROUND-POSITION: left top; 
	background-size: 100% 368px !important; /* NEW */
	PADDING: 0px;
	FONT-SIZE: 10pt; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Sans-Serif;
	VERTICAL-ALIGN: top;
}
TD.XSP_HEADER_PANEL TABLE{FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;}
TD.XSP_LEFT_PANEL_SPC{VERTICAL-ALIGN: top;TEXT-ALIGN: left;WIDTH: 0px; BACKGROUND-COLOR: #FFFFFF;PADDING: 0px;}
TD.XSP_LEFT_PANEL, TD.XSP_LEFT_PANEL_2{VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: 1px; WIDTH: 0px; BACKGROUND-COLOR: #FFFFFF;PADDING: 0px;}
TD.XSP_LEFT_PANEL_2{background-position: bottom left;}
DIV.XSP_LEFT_PANEL{VERTICAL-ALIGN: top;TEXT-ALIGN: left;WIDTH: 100%; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif; PADDING: 0px;}
DIV.XSP_LEFT_PANEL table{FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;}
TD.XSP_CENTER_PANEL{VERTICAL-ALIGN: top;WIDTH: 679px; BACKGROUND-COLOR: #FFFFFF;}
TD.XSP_CENTER_PANEL_NR{VERTICAL-ALIGN: top;WIDTH: 930px; BACKGROUND-COLOR: #FFFFFF;}
TABLE.XSP_CENTER_PANEL{HEIGHT: 100%;WIDTH: 100%;}

/* NEW */
TD.XSP_MAIN_CONTENT_PANEL {
    WIDTH: 930px;
    PADDING: 0px;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Sans-Serif;
    VERTICAL-ALIGN: top;
	BACKGROUND-COLOR: #FFFFFF;
}

TD.XSP_MAIN_PANEL{VERTICAL-ALIGN: top;TEXT-ALIGN: left;WIDTH: 100%;FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Tahoma, Sans-Serif;PADDING: 10px;}
TD.XSP_MAIN_PANEL TABLE{FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Tahoma, Sans-Serif;}
TD.XSP_MAIN_PANEL_FOOTER{VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: 0px; BACKGROUND-COLOR: #FFFFFF; WIDTH: 100%; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;PADDING: 5px -1px;}
TD.XSP_MAIN_PANEL_FOOTER TABLE{FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;}
TD.XSP_MAIN_PANEL_HEADER{VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: 30px; BACKGROUND-COLOR: #FFFFFF; WIDTH: 100%; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;PADDING: 5px 5px;}
TD.XSP_MAIN_PANEL_HEADER TABLE{FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;}
TD.XSP_INFO_BAR{VERTICAL-ALIGN: top;HEIGHT: 50px; BACKGROUND-COLOR: #FFFFFF;FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;PADDING: 0px;}
TD.XSP_INFO_BAR TABLE{FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Sans-Serif;}
TD.XSP_RIGHT_PANEL_SPC{VERTICAL-ALIGN: top;TEXT-ALIGN: left;WIDTH: 243px; BACKGROUND-COLOR: #FFFFFF;PADDING: 4px;}
TD.XSP_RIGHT_PANEL{VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: 1px; WIDTH: 243px; BACKGROUND-COLOR: #FFFFFF;PADDING: 0px;}
DIV.XSP_RIGHT_PANEL{VERTICAL-ALIGN: top;TEXT-ALIGN: left;WIDTH: 100%; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Tahoma, Sans-Serif; PADDING: 0px;}
DIV.XSP_RIGHT_PANEL TABLE{FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Tahoma, Sans-Serif;}
TD.XSP_FOOTER_PANEL{VERTICAL-ALIGN: top;TEXT-ALIGN: left;HEIGHT: 20px; WIDTH: 930px; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Tahoma, Sans-Serif; PADDING: -1px;BACKGROUND-COLOR: transparent;}

TD.XSP_FOOTER_PANEL TABLE{FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Tahoma, Sans-Serif; }

A.HOTEL_NAME { color: #0B610B; font-family: Verdana; font-size: 14pt; font-weight: bold; text-decoration: none; }
A.HOTEL_NAME:visited { color:#298A08; font-weight:bold; text-decoration: none; }
A.HOTEL_NAME:hover { color:orange; font-weight:bold; text-decoration: none;}
TD.HOTEL_PRICE  { color: #ff0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-decoration: none; }

/* =Select pages custom post types */
select {
	background-color:#F9F9F9;
	-webkit-border-radius:2px;
	border-radius:2px;
	border: 1px solid #D9D9D9;
	color: #666666;
	padding: 0.5em;
	line-height: 1.2em;
}

/* =Liste filtres custom taxonomies */
#filtres a{
	display:block;
	margin: 5px 3px;
	padding: 3px 5px;
	border: 1px solid #D9D9D9;
	background-color:#F9F9F9;
	color:#666;
	text-decoration:none;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#filtres a.current{
	background-color:#DDD;
}
#filtres a:hover{
	background-color:#33B5E5;
	color:#FFF;
}
#filtres a.actif{
	background-color:#0099CC;
	color:#FFF;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2) inset;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2)inset;
    box-shadow: 0 2px 2px rgba(0,0,0,.2)inset;
}
span.filtres_sidebar_compteur{
	float: right;
	margin-left: 10px;
	padding: 0 8px;
	border: 1px solid #CCC;
	background-color: #DDD;
	border-radius: 2px;
	font-size: 12px;
	line-height: 1.9em;
	text-align: center;
	color: #444;
}
#filtres a:hover span,#filtres a.actif span{
	background-color: white;
	border: 1px solid #0DA4C2;
	color: #666;
}
	
/* ===================================================== */
	
p, li {
	FONT-FAMILY: Tahoma, Sans-Serif;
    font-size: 10pt;/*14px;*/
	COLOR: #000000;
    margin-top: 0; /*1em;*/
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
	margin-bottom: 10px;
}

@media screen and (max-width:568px){
	p, li {
		font-size: 11px;
		line-height: 16px;
	}
}

ul {
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* ------------------- */

.res-desktop {
    display:block;
}
.res-tablet-mobile-full-screen {
    display:none;
}

/*
.res-desktop {
    display:block;
}

@media screen and (max-width:960px){
	.res-desktop {
		display:none;
	}
}

.res-tablet-mobile-full-screen {
    display:none;
}

@media screen and (max-width:960px){
	.res-tablet-mobile-full-screen {
		display:block;
	}
}
*/

/* ------------------- */

.search-result h4 {
    font-size: 18px;
}
	
@media screen and (max-width:568px){
	.search-result h4 {
		font-size: 14px;
	}
}

/* ------------------------------------------------------------ */

/* HOTEL ARRAYS */

.hotel-title{
    float: left;
    width: 35%;
    text-align: center;
    font-size: 16px;
    position: relative;
    z-index: 2;
    margin-top: 10px;
}

.hotel-grade{
    float: left;
    width: 16%;
    text-align: center;
    font-size: 16px;
    position: relative;
    z-index: 2;
    margin-top: 10px;
}

.hotel-commodities{
    float: left;
    width: 30%;
    text-align: center;
    font-size: 16px;
    position: relative;
    z-index: 2;
    margin-top: 10px;
}

.hotel-price{
	color: #ff0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	text-decoration: none;

    float: left;
    width: 18%;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-top: 10px;
}

.hotel-price{
    color: #ff0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: bold;
    text-decoration: none;
}

@media screen and (max-width:568px){
	.hotel-price{
		font-size: 13pt;
	}
}

.guestfriendlyhotel-picture1, .guestfriendlyhotel-picture2, .guestfriendlyhotel-picture3, .guestfriendlyhotel-picture4{
	display: inline-block;
	vertical-align: bottom;
    margin-top: 10px;
}

/* ------------------- */

.hotel-name-header{
    FONT-SIZE: 9pt;
	color:#ffffff;
}

.hotel-grade-header{
    FONT-SIZE: 9pt;
	color:#ffffff;
}

.hotel-location-header{
    FONT-SIZE: 9pt;
	color:#ffffff;
}

.hotel-commodities-header{
    FONT-SIZE: 9pt;
	color:#ffffff;
}

.hotel-price-header{
    FONT-SIZE: 9pt;
	color:#ffffff;
}

@media screen and (max-width:568px){
	.hotel-name-header{
		FONT-SIZE: 8pt;
	}

	.hotel-grade-header{
		FONT-SIZE: 8pt;
	}

	.hotel-location-header{
		FONT-SIZE: 8pt;
		color:#ffffff;
	}

	.hotel-commodities-header{
		FONT-SIZE: 8pt;
	}

	.hotel-price-header{
		FONT-SIZE: 8pt;
	}
}	
	
/* */
	
.hotel-name-value{
    font-size: 15px; 
	color: #0B610B; 
	font-weight: 600;
	text-align:left;
}

.hotel-grade-value{
    FONT-SIZE: 16px;
	text-align:left;
}

.hotel-location-value{
    FONT-SIZE: 15px; 
	text-align:center;
}

.hotel-commodities-value{
    FONT-SIZE: 15px;
	text-align:center;
}

.hotel-price-value{
    FONT-SIZE: 16px; 
	text-align:center;
}

@media screen and (max-width:568px){
	.hotel-name-value{
		FONT-SIZE: 7pt;
	}

	.hotel-grade-value{
		FONT-SIZE: 7pt;
	}

	.hotel-location-value{
		FONT-SIZE: 7pt;
	}

	.hotel-commodities-value{
		FONT-SIZE: 7pt;
	}

	.hotel-price-value{
		FONT-SIZE: 7pt;
	}
}	

/* ------------------------------------------------------------ */

.hotel-soy{
    font-size: 18px;
	color: #0B610B; 
	font-weight: 600;
	text-align:left;
}

@media screen and (max-width:568px){
	.hotel-soy{
		font-size: 13px;
	}
}	
	
/* ------------------------------------------------------------ */

/* NAVIGATION MENU */
a.pageTitle{ 
	font-size: 14px;  
}

@media screen and (max-width:900px){
	a.pageTitle{
		font-size: 12px;
	}
}

@media screen and (max-width:800px){
	a.pageTitle{
		font-size: 10px;
	}
}	

/* ------------------------------------------------------------ */

/* SITE MAP */

div.sitemap-title { color: black; margin-left:10pt; font-family:Arial; font-size:14pt; text-align:left; font-weight:normal; font-style:normal; text-decoration:underline;  }
	
ul.sitemap-title  { margin-left:0; margin-top:0; margin-bottom:0}

li.sitemap-subtitle { margin-bottom:10; list-style-type:none;}

div.sitemap-subtitle { color: black; margin:20px; margin-left:30px; font-family:Arial; font-size:14pt; text-align:left; font-weight:normal; font-style:normal; text-decoration:none; }
	
a.sitemap-subtitle{ color: black; font-family:Arial; font-size:14pt; text-align:left; font-weight:normal; font-style:normal; text-decoration:none;  }
	
@media screen and (max-width:400px){
	div.sitemap-subtitle { margin-left: 10px; }	
	
	a.sitemap-subtitle {  font-size:12pt; }
}