/* ++++++++++++++++++++++++++++++++ */
/* +++++++++++ GLOBAL +++++++++++++ */
/* ++++++++++++++++++++++++++++++++ */

*
{
	margin					: 0;
	padding					: 0;
}

html, body
{
	height					: 100%;
}

body
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 13px;
	line-height				: 1.25;
	color					: #333333;
	background-color		: #2d2b2c;
}


/* ++++++++++++++++++++++++++++++++ */
/* +++++++++ CONTAINERS +++++++++++ */
/* ++++++++++++++++++++++++++++++++ */

#container
{
	margin					: 0 auto;
	width					: 800px;
}

#header
{
	height					: 97px;
	background				: url(../images/bg-header.png) repeat-x;
}

#navigation
{
	height					: 30px;
	background				: url(../images/bg-navigation.png) repeat-x;
}

#title
{
	height					: 75px;
	background-repeat		: no-repeat;
	background-position		: left bottom;
	background-color		: #DDDDDD;
}

#title-home
{
	height					: 138px;
	padding					: 5px 0 0 0;
	background				: url(../images/bg-content.png) repeat-x;
}

#content
{
	background				: url(../images/bg-content.png) repeat-x;
	background-color		: #FFFFFF;
}

#content-left
{
	float					: left;
	margin					: 20px;
	width					: 480px;
	/*background-color		: #FFFFFF;*/
}

#content-right
{
	float					: left;
	margin					: 20px;
	width					: 240px;
	color					: #FFFFFF;
}

#content-no-right
{
	float					: left;
	margin					: 20px;
	width					: 760px;
}
#footer
{
	height					: 60px;
	background				: url(../images/bg-footer.png) repeat-x;
}

/* ++++++++++++++++++++++++++++++++ */
/* +++++++++ TEXTES +++++++++++ */
/* ++++++++++++++++++++++++++++++++ */
h1
{
	display					: block;
	float					: left;
	width					: 200px;
	font-size				: 138.5%;
	padding					: 18px 0 0 20px;
}

h2
{
	text-transform			: uppercase;
	font-size				: 153.9%;
	color					: #FFFFFF;
	padding					: 40px 0 0 20px;
}

h3
{
	font-size				: 116%;
	text-transform			: capitalize;
	color					: #549806;
}

h4
{
	font-size				: 108%;
	text-transform			: capitalize;
	color					: #333333;
	margin					: 8px 0 0 0;
}

.hoth3
{
	margin					: 10px 0 0 0;
}

p
{
	font-size				: 93%;
	margin					: 0 0 0 0;
	padding					: 10px 0 10px 0;
}

.p-line
{
	
	border-bottom			: 1px solid #999999;		
}

p a
{
	color					: #549806;
	text-decoration			: none;
	font-weight				: bold;
}

p a:hover
{
	color					: #549806;
	text-decoration			: underline;
	font-weight				: bold;
}

#footer ul
{
	float					: right;
	margin					: 13px 20px 0 0;
}

#footer li
{
	float					: left;
	margin					: 10px 0 0 20px;
	list-style-type			: none;
	font-size				: 93%;
	color					: #FFFFFF;
}

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

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

.firstHome
{
	font-size				: 116%;
	text-transform			: capitalize;
	color					: #549806;
	font-weight				: bold;
}
/* ++++++++++++++++++++++++++++++++ */
/* +++++++++ NAVIGATION +++++++++++ */
/* ++++++++++++++++++++++++++++++++ */

#nav
{
	list-style-type			: none;
}


#nav li
{
	float					: left;
}

/* ++++++++++++++++++++++++++++++++ */
/* +++++++++++++ LIST +++++++++++++ */
/* ++++++++++++++++++++++++++++++++ */

#social-block
{
	float					: right;
	list-style-type			: none;
	margin					: 35px 20px 0 0;
}

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

#sub-menu
{
	list-style-type			: none;
	margin					: 15px 0 0 0;
	padding					: 0 0 8px 10px;
	border-bottom			: 1px solid #999999;
}

#sub-menu li
{
	height					: 25px;
	background				: url(../images/puce.png) no-repeat;
	font-size               : 93%;
	padding					: 0 0 0 25px;
}

#sub-menu li a
{
	text-decoration			: none;
	color					: #333333;
	
}

#sub-menu li a:hover
{
	text-decoration			: none;
	color					: #549806;
	
}

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

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

/* ++++++++++++++++++++++++++++++++ */
/* ++++++++++++ TABLE +++++++++++++ */
/* ++++++++++++++++++++++++++++++++ */

.snow-table
{
	margin					: 10px 0 20px 0;	
}

.td_left
{
	font-weight				: bold;
	font-size				: 93%;
	color					: #02528d;
	width					: 70%;
	vertical-align			: top;
	padding					: 5px 0 5px 0;
	border-bottom			: 1px solid #BBBBBB;
}

.td_right
{
	font-size				: 93%;
	color					: #333333;
	width					: 30%;
	vertical-align			: top;
	padding					: 5px 0 5px 0;
	border-bottom			: 1px solid #BBBBBB;
}

/* ++++++++++++++++++++++++++++++++ */
/* +++++++++ CHARTS PAGE ++++++++++ */
/* ++++++++++++++++++++++++++++++++ */



.charts, .schedule
{
	margin					: 10px 0;
}

.charts td, .schedule td
{
	font-size				: 11px;
	border-bottom			: 1px solid #BBBBBB;
	
}

.charts-first, .schedule-hour
{
	padding					: 5px;
	background-color		: #54889f;
	color					: #FFFFFF;
	text-align				: left;
}

.schedule-hour{
        width                                   : 120px;
}

.charts-header
{
	padding					: 20px 5px 5px 5px;
	font-weight				: bold;
}

.charts-common
{
	text-align				: center;
	padding					: 5px;	
}

.schedule-common{
        text-align				: left;
	padding					: 5px;	
}

.charts-top
{
	background-color		: #549806;
	color					: #FFFFFF;
	font-weight				: bold;
	padding					: 5px;
	text-align				: center;
}
.charts-top-first{
	background-color		: #549806;
	color					: #FFFFFF;
	font-weight				: bold;
	padding					: 5px;
}

.schedule-date h4{
        color                                   :#549806;
}



.disclaimer
{
	margin					: 0 0 0 20px;
}
.disclaimer li
{
	font-size				: 85%;
}
/* ++++++++++++++++++++++++++++++++ */
/* ++++++++ BLOCK WEATHER +++++++++ */
/* ++++++++++++++++++++++++++++++++ */

.block_weather
{
	height					: 60px;
	padding					: 10px 0 10px 0;
	border-bottom           : 1px Solid #FFFFFF;
	background				: url(../images/bg-weather-block.png) repeat-x;
	/*background-color		: #01497b;*/
}

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

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

/* ++++++++++++++++++++++++++++++++ */
/* +++++++++++ GALLERY ++++++++++++ */
/* ++++++++++++++++++++++++++++++++ */

.block-photo-medium
{
	margin					: 10px 0 0 0;
	width 					: 460px;
	background-color		: #FFFFFF;
	border					: 1px solid #CCCCCC;
}

.thumb_block
{
	float					: left;
	width					: 96px;
	padding					: 4px;
	background-color		: #FFFFFF;
	border					: 1px solid #CCCCCC;
	margin					: 0 10px 15px 0;
}

.photo-date
{
	display					: block;
	padding					: 2px;
	font-size				: 85%;
	color					: #999999;
}


/* ++++++++++++++++++++++++++++++++ */
/* ++++++++ MISCELLANEOUS +++++++++ */
/* ++++++++++++++++++++++++++++++++ */

img
{
	border					: 0;	
}

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