*
{
    margin					:0;
    padding					:0;
    border					:0;
    line-height             :1;
}

body
{
    margin                  : 0;
    font-family				: Arial, sans-serif;
    background              : #196394;
    color                   : #000000;
}

p
{
	font-size				: 77%;
    line-height             : 1.2em; 
	margin					: 5px 0 3px 0;
}

#header
{
    height                  : 40px;
    padding                 : 10px 10px;
    background              : url(../images/smartphone/bg_header.png) repeat-x;
}

h1
{
	float					: left;
    width                   : 121px;
    height                  : 39px;
}

#bookSection{
	float					: right;
	width					: 100px;
}

#bookSection a{
	display					: block;
	margin					: 5px 0 0 0;
	width					: 96px;
	height					: 24px;
	overflow				: hidden;
	background              : url(../images/smartphone/book-online-winter.png) no-repeat;
	text-indent				: -9999px;
	
}

#subheader{
	height                  : 44px;
    padding                 : 0 5px;
    background              : url(../images/smartphone/bg_subheader.png) repeat-x;
}


#bookSection{
		
}

.nav-browser
{
    height                  : 21px;
    background              : url(../images/smartphone/bg_browser.png) repeat-x;
    list-style-type         : none; 
    color                   : #FFFFFF;  
}

.nav-browser li
{
    
    float                   : left;
    height                  : 18px;
    padding                 : 3px 0 0 10px;
	font-size				: 85%;
    line-height             : 1em;
}

.nav-browser li a
{
    color                   : #FFFFFF;
    text-decoration         : none;
}

.nav-browser li a:hover
{
    color                   : #222222;
    text-decoration         : none;
}

#nav-menu
{
    list-style-type         : none;
    background              : #F8F8F8;
}


#nav-menu li
{
	height                  : 70px;
	background              : url(../images/smartphone/bg_item_off.png) repeat-x;
}

.img-nav
{
	float					: left;
    height                  : 68px;
	width					: 68px;
	border-right			: 1px solid #FFFFFF;
}

.text-nav
{ 
	float					: left;
    height                  : 50px;
    padding                 : 20px 0 0 7px;
    text-decoration         : none;
}

.arrow
{
   	float					: right;
    margin              	: 30px 10px 0 0;
    background              : url(../images/smartphone/arrow.png) no-repeat;
    height                  : 13px;
    width                   : 9px;
}

.link_title a
{
    color                   : #196394;
    font-weight             : bold;
    text-transform          : capitalize;
    line-height             : 1em;
	text-decoration			: none;
}

.link_title a:hover
{
    color                   : #222222;
	text-decoration			: none;
}

.link_sub_title
{
    color                   : #6e9fb5;
    font-size               : 77%;
    line-height             : 1em;
}

#footer
{
    height                  : 31px;
    background              : url(../images/smartphone/bg_footer.png) top repeat-x;	
}

#social-block
{
	list-style-type			: none;
	padding					: 7px 0px 0 0;
}

#social-block li
{
	float					: left;
	whidth					: 29px;
	height					: 29px;
	margin					: 0 0 0 5px;
}

/* ------------ */
/* ----PAGE---- */
/* ------------ */

#header-title
{
	height					: 43px;
	background-color		: #7aa143;
	border-bottom			: 1px solid #FFFFFF;
}

#header-title-content
{
	height					: 23px;
	color					: #FFFFFF;
	background-color		: #7aa143;
	background              : url(../images/smartphone/img-title-weather.jpg) top left no-repeat;	
	text-transform			: uppercase;
	font-weight				: bold;
	padding					: 20px 0 0 10px;
}


#content
{
    padding                 : 10px 10px;
    background              : url(../images/smartphone/bg-page.jpg) top left repeat-x;
    background-color        : #155383;
    border-bottom           : 1px Solid #DDDDDD;
    color                   : #FFFFFF;
    line-height             : 1.5;
}

.block_weather
{
	height					: 60px;
	padding					: 10px 0 10px 0;
	border-bottom           : 1px Solid #5a89a8;
}

.block_weather_left
{
	float					: left;
	width					: 60px;
	height					: 60px;
}

.block_weather_right
{
	float					: left;
	margin					: 5px 0 0 8px;
	height					: 55px;
	font-size				: 85%;
	line-height				: 1.2;
}

/* ------------ */
/* ----TEXT---- */
/* ------------ */

h2
{
	display					: block;
	width					: 100%;
	font-size				: 100%;
	text-transform			: capitalize;
	margin					: 15px 0 0 0;
}
p
{
	display					: block;
	padding					: 3px 0 15px 0;
	border-bottom			: 1px solid #5a89a8;
	font-size				: 77%;
}

p a
{
	text-decoration			: underline;
	color					: #FFFFFF;	
}

p a:hover
{
	text-decoration			: none;
	color					: #FFFFFF;	
}

.p_block
{
	display					: block;
	padding					: 3px 0 15px 0;
	border-bottom			: 1px solid #5a89a8;
	font-size				: 77%;
}

.p_block a
{
	text-decoration			: underline;
	color					: #FFFFFF;	
}

.p_block a:hover
{
	text-decoration			: none;
	color					: #FFFFFF;	
}

.txt-footer
{
	display					: block;
	padding                 : 10px 0 10px 10px;
    line-height             : 1.5;
	color                   : #FFFFFF;
    font-size               : 77%;
}

#ul_direction
{
	list-style-type			: none;
	margin					: 15px 0 0 0;
	padding					: 0 0 8px 0;
	border-bottom			: 1px solid #5a89a8;
}

#ul_direction li
{
	height					: 25px;
	background				: url(../images/smartphone/puce.png) no-repeat;
	font-size               : 85%;
	padding					: 0 0 0 20px;
}

#ul_direction li a
{
	text-decoration			: none;
	color					: #FFFFFF;
	
}

#ul_direction li a:hover
{
	text-decoration			: none;
	color					: #75b926;
	
}

ol
{
	list-style-position		: outside;
	margin					: 10px 0 10px 0;
	padding					: 0 0 15px 0;
	border-bottom			: 1px solid #5a89a8;
}

ol li
{
	margin					: 6px 0 0 25px;
	font-size				: 77%;
	color					: #FFFFFF;
}

.txt-footer a {
	color					: #FFFFFF;
	text-decoration			: none;
}

/* ------------ */
/* ----TABL---- */
/* ------------ */

table
{
	margin					: 10px 0 10px 0;	
}

.td_left
{
	font-weight				: bold;
	font-size				: 77%;
	color					: #72a6bd;
	width					: 40%;
	vertical-align			: top;
	padding					: 5px 0 5px 0;
	border-bottom			: 1px solid #5a89a8;
}

.td_right
{
	font-size				: 77%;
	color					: #FFFFFF;
	width					: 60%;
	vertical-align			: top;
	padding					: 5px 0 5px 0;
	border-bottom			: 1px solid #5a89a8;
}

.td_schedule
{
        background-color                :#003764;
}

/* ------------ */
/* ----IMGS---- */
/* ------------ */

#img_content
{
	margin					: 5px 0 15px 0;
	width					: 300px;
}

.thumb_block
{
	float					: left;
	width					: 75px;
	padding					: 4px;
	background-color		: #003764;
	border					: 1px solid #5a89a8;
	margin					: 15px 10px 0 0;
}

.thumb_date
{
	font-size				: 77%;
	color					: #5a89a8;
}

.medium_block
{
	width					: 240px;
	padding					: 4px;
	background-color		: #003764;
	border					: 1px solid #5a89a8;
	margin					: 15px 10px 0 0;	
}

/* ------------ */
/* ----MISC---- */
/* ------------ */


.clearer
{
	display					: block;
	clear					: both;
}