/*------------------------------------------------------------------------
# JA Mercury 1.0 - Sep, 2006
# ------------------------------------------------------------------------
# Copyright (C) 2004-2006 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
body {
	color: #333333;
}
.clr {
	clear: both;
}
body#bd {
/*background-image:url(../images/BODY_BG.jpg);
background-repeat:repeat-x;*/
	margin: 0px auto;
	color: #000000;
	font-size: 11px;
	font: 60%  Arial;
	text-align: left;
	padding: 0;
}

body.contentpane {
	width: auto;
	margin: 10px;
	line-height: 140%;
}

h1 {
	font-size: 1.7em;
}

h2 {
	margin: 10px 0;
	font-size: 1.45em;
}

h3, h4 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	letter-spacing:1px;
}

form {
	margin: 0;
	padding: 0;
}

/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption, 
.blog_more, .pagenavcounter, .pagenav, .pagenavbar, .contenttoc, 
#ja-spotlight-1, #ja-spotlight-2, #ja-rightcol, #ja-footer, #ja-bottomline {
	font-size: 11px;
}

/* Normal link */
a {
	color: #0076FD;
	font-size:11px;
	letter-spacing:1px;
	text-decoration: underline;	
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;	
}

p {
	margin: 10px 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	padding-left: 2px;
}

th {
	padding: 4px;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #999999;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

img {
	border: 0;
	padding: 0;
	
}

/* JOOMLA! STYLE
----------------------------------------------------------- */
table.blog {
	width: auto;
}

table.blog .article_seperator {
}

a.readon {
	background: #F1F1F1;
	color: #990000;
	font-size: 10px;
	padding: 1px 5px;
	text-decoration: none;
}

a.readon:hover {
	text-decoration: underline;
}

table.polls {
	width: 100%;
}

table.pollstableborder {
	padding-right: 10px;
	width: 100%;
	border-color: #FFFFFF;
	text-align: left;
}

table.pollstableborder img {
	margin: 4px 4px 4px 0;
}

.syndicate {
	padding: 6px 25px 0px 0px;
	margin-left: 18px;
}

div.syndicate a {
	padding-right: 30px;
	margin: 0;
}

table.contentpaneopen td, table.contentpane td {
	padding: 0;
	margin: 0;
	border: none;
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
	margin-right: 10px;
}

.createdate {
	color: #999999;
	font-weight: bold;
	line-height: 10px;
}

.modifydate {
	color: #999999;
	height: 15px;
}

.error {
	color: #CC0000;
}

.highlight {
	border-bottom: 1px dotted;
	font-weight: bold;
}

.mosimage {
	padding: 0;
	margin: 15px 10px 0 0!important;
	margin: 15px 5px 0 0;
}

.mosimage img {
	padding: 0;
	margin: 0!important;
}

.mosimage_caption {
	margin-top: 2px;
	padding: 1px 2px;
	color: #AAAAAA;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
	padding: 0 5px 1px;
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
	color: #666666;
	text-decoration: none;
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
	background: #D2D2D2!important;
	border: 1px solid #DDDAB5;
	text-decoration: none!important;
}

.pagenavbar {
	padding-left: 14px;
	color: #666666;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
	color: #666666;
}

.sectiontableheader {
	padding: 1px 4px;
	background: #990000;
	color: #FFFFFF;
	font-weight: bold;
}

.sectiontableheader a, .sectiontableheader a:hover {
	color: #FFFFFF;
}

tr.sectiontableentry1 td {
	padding: 4px;
	background: #EEEEEE;
}

tr.sectiontableentry2 td {
	padding: 4px;
}

.small {
	color: #999999;
}

.button {
	padding: 1px 2px;
	background: #999;
	border: #999 solid 1px;;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	cursor: hand;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	color: #999999;
	text-decoration: none!important;
	background: none!important;
}

.buttonheading {
	padding-right: 15px;
}

.toclink {
	margin-left: 10px;
}

.toclink th {
}

.contentheading {
	color: #B12A2A;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

.componentheading {
	color: #404040;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0;
}

/* WIDE LAYOUT DIVS WIDTH
--------------------------------------------------------- */
.wide #ja-wrapper1,
.wide #ja-wrapper2,
.wide #ja-wrapper3,
.wide #ja-wrapper- {
	width: 1024px;
	margin: 0px auto;
	padding: 0;
}

.wide #ja-top-modules  {
	width: 990px;
}

.wide #ja-topnav-inner {
	width: 990px;
}

.wide #ja-content {
	width: 554px;
	margin-left: 20px;
}

.wide #ja-leftcol {
	width: 198px;
}

.wide #ja-rightcol-outer {
	width: 305px;
}

.wide #ja-rightcol {
	/*width: 305px;*/
	background-color:#3C6;
}

.wide #ja-rightcol #ja-newsflash {
	width: 198px;
	height: 156px;
}

.wide #ja-content-full-right {
	width: 762px;
	margin-left: 20px;
	float: left;
}

.wide #ja-content-full-left {
	width: 762px;
	margin-right: 20px;
	float: right;
}

.wide #ja-top-modules-inner {
	position: relative;
	width: 980px;
	margin: 0px auto;
}

.wide #ja-footer-inner {
	width: 980px;
}

/* 1 column content width */
.wide #ja-content-f {
	width: 980px;
	margin: 0px auto;
}

/* WRAPPER MODULES */
#ja-wrapper- {
	margin: 0px auto;
	padding: 0;
}

#ja-wrapper2 {
	background: #FFFFFF;
	margin: 0px auto;
	padding: 0;
}

#ja-wrapper3 {
		background:url(../images/velo.jpg) no-repeat bottom left;
		height: 535px;
}

/* HEADER */
#ja-header-outer {
	background: url(../images/header-bg.gif);
	height: 160px;
	border-bottom: 1px solid #990000;
}

#ja-header {
	background: url(../images/image01.jpg) no-repeat center;
	height: 160px;
	margin: 0px auto;
}

#ja-gray-bar {
	height: 14px;
}

/* TOP MODULES */

#ja-top {
	

}
#start {
/*margin: 0 auto;*/

}
#saison {
float:right;
text-align:left;
width:165px;
clear:right;
}
#saison a{
color:#FFFFFF;
font-size:14px;
letter-spacing:1px;
text-decoration:none;
font-weight:bold;

}
#saison a:hover{
color:#9AD9F8;
}

#ja-top-modules {
	margin: 0px auto;
}

/* LOGO */
#ja-logo {

	width: 320px;
}

#ja-logo img {
	margin: 0px;
	padding-right: 2px;
}

/* TOPNAV
--------------------------------------------------------- */
#ja-topnav {
	clear: left;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	letter-spacing: 2px;
}
#ja-topnav-inner {
	margin: 0px auto;
}

#ja-topnav a {
	color: #ffffff;
	text-decoration: none;
}

#ja-topnav a:hover {
	text-decoration: none;
	height: 20px;
}

#ja-topnav ul {
	margin: 0;
	padding: 0;
	float:left;
	height: 25px;
}

#ja-topnav li {
	margin: 0;
	padding: 0;
}

/****** bas_de_page **/
.menu_footer a {
	color: #FFFFFF;
	font-size: 8px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-decoration: none;
	text-transform: uppercase;
}

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

.menu_footer ul {
	margin: 0 auto;
	padding: 0 0 0 0px;
}

.menu_footer li {
	margin: 0;
	padding: 2px 3px 2px 3px;
	display: block;
	float: left;
	background:none;
}

.right{
float: right;
}
/* LEFTCOL */
#ja-leftcol {
	/*background: url(../images/nana-grand-bout_41.jpg) no-repeat bottom;*/
	height: 517px;
	width: 375px;
	float: left;
	color: #000000;
	font-size: 1em;

}
#leftcol-inner{
/*padding-top:20px;*/
}

#ja-leftcol .moduletable, #ja-leftcol .moduletable_menu {
	margin-bottom:3px;
}

#ja-leftcol .moduletable td {
	padding-left: 15px;
}

#ja-leftcol .moduletable-promo{
margin: 38px 0 0 6px;
}
#ja-leftcol .moduletable-ski{
margin: 35px 0 0 15px;
}

#ja-leftcol .moduletable a{
text-decoration: underline;

}
#ja-leftcol .moduletable h3, #ja-leftcol .moduletable_menu h3 {
	height: 20px;
	color:#17C6FF;
	font-size: 13px;
	font-weight: bold;
	border: none;
	padding-left: 15px;
}

#ja-leftcol .moduletable ul li {
	background: none;
}

#ja-leftcol .moduletable ul li a, #ja-leftcol .moduletable_menu ul li a {
	padding-left: 15px;
	background: url(../images/a_bg.gif) left no-repeat;
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.2em;
}

#ja-leftcol .moduletable ul li a:hover, #ja-leftcol .moduletable_menu ul li a:hover {
	color: #000000;
}

#ja-leftcol .moduletable-actuOne{
margin: 25px 0 16px 0;
padding-bottom: 6px;
padding-left: 15px;
}
#ja-leftcol .moduletable-actuOne a{
color:#990000;
font-size:13px;
font-weight:bold;
}
#ja-leftcol .moduletable-actuOne a:hover{
color:#FFFFFF;
}

/* LOGIN */
#mod_login_password, #mod_login_username {
	width: 110px;
	padding-left: 7px;
	border: 1px solid #7D7D7D;
}

#mod_login_password {
}

#mod_login_username {

}

#mod_login_remember {
	border: none;
	padding: 0!important;
}

/* SEARCH */
#ja-search {
}

#ja-search .inputbox {
	background: #FFFFFF;
	border: 1px solid #7D7D7D;
	padding-left: 6px;
	width: 135px;
	font-size: 10px;
}


/* PATHWAY */

#ja-pathway-outer {
	height: 20px;
	width: 300px;
	margin: 0px auto;
	float:left;
	padding-top: 2px;
}

.wide #ja-pathway-outer {

}

.wide #ja-usertools img {
	/*margin: 4px 4px 0px 14px;*/
}

.wide #ja-usertools {
	width: 196px;
}

#ja-pathway {
	float: left;
	/*padding-left: 20px;*/
	/*padding-right: 20px;*/
}
#ja-pathway2 {
	float: left;}

.pathway img {
	padding: 0px 6px;
	/*margin: 0;*/
}

#ja-usertools {


}

#ja-usertools img {
	cursor: pointer;
	margin: 6px 5px 0px 6px;
}

#ja-usertools a {
}

/* CONTENT */
#ja-content {
	float: left;
	width: 325px;
}
#ja-content table{
	margin: 10px 0px;
}

/* 2 column content [on the left] width */
#ja-content-full-left {
	margin: 0 0 0 15px ;
	width: 705px;
	float: left;
	overflow:hidden;
	z-index: 100;
}

/* 2 column content [on the right] width */
#ja-content-full-right {
	margin-left: 20px;
	width: 580px;
	float: left;
}

/* 1 column content width */
#ja-content-full {
	margin: 0 15px 0;
}

/* RIGHTCOL */
#ja-rightcol {
	height: 525px;
	float: right;
	width: 295px;
	font-size: 1em;
	clear: right;

}


##ja-rightcol .moduletable {
    text-align:center;
	padding: 25px;
	
}
#news{
margin-top: 5px;
color:#FFFFFF;
text-align:center;
width: 183px;
padding-left: 1px;
}
#news h3{
text-align:center;
}
#ja-rightcol .moduletable h3 {
	background: none;
	color: #FFFF00;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
}

#ja-rightcol .moduletable ul li a {
	color:#C6F1FF;
	font-size:10px;
	letter-spacing:1px;
	text-decoration: none;
	line-height: 1.8em;
}
#ja-rightcol .moduletable ul li a:hover{
color: #FFFF66;
text-decoration:underline;
}

#ja-rightcol #ja-newsflash {
	height: 158px;
	overflow: hidden;
	margin-bottom: 16px;
}

#ja-newsflash table {
	border-collapse: collapse; 
	margin: 0;
	padding: 0;
}

#ja-newsflash .moduletable h3 {
	background: none;
	color: #404040;
	padding: 0;
	margin: 0;
	
}

/* FOOTER */
#ja-footer {
	background: url(../images/bandeau-menu-gris.jpg) repeat-x;
	margin: 0 auto;
	clear: both;
}

#ja-footer-inner {
	margin: 0px auto;
	padding: 0;
}

#ja-footer-inner img {
	margin: 0;
	padding: 0;
	border: none;
}

#but-css {
	float: right;
}

#but-xhtml {
	float: right;
	margin-right: 20px;
}

#copyright {
	float: left;
	font-size: 11px;
	color: #8D8C90;
}

/* MISCELLANOUS
----------------------------------------------------------- */
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	color: #AAAAAA;
	text-decoration: none;
}

#mod_login_password {
}

#mod_login_username {
}

#mod_login_remember {
	border: none;
	background: none;
}

#mod_search_searchword {
	width: 140px;
	font-size:11px;
}

div.search{

}
/* Text Shadow */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%; /* End hide from IE-mac */
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}
.cam1, .cam2{ 
	margin-left: 15px;
	text-decoration:underline;
	color:#404040;
	cursor: pointer;
}
#pop-container{
position: absolute;
top: 0px; left: 0;
width: 100%; height: 100%;
display: none;
}
#webcam{
background-color:#0066CC;
width:670px;
height: 500px;
paddin-top:100px;
margin: 100px auto;
display: block;
}

.btn-slide{
height: 20px; width: 124px;
cursor:pointer;
margin: 0 auto;
border:2px solid #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFF00;
}
.opened{}
.closed{display: none }
.componentheading-iframe_test{
	color: #404040;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0;
	margin-bottom: 15px;
}
.contentpane-iframe_test{
	overflow: hidden;
	float:left;
	width:710px;
	overflow:hidden;
	}
.abs{
position:absolute;
}
.right{
float:right;
}
div.back_button{
text-align:center;
}
#right_flags{
margin:0;
padding:0;
}
#favoris{
margin-top:3px;
}
#destinfo{
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color:#0B2F63;
letter-spacing:1px;
font-weight:bold;
}
#destinfol a{
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color:#0B2F63;
letter-spacing:1px;
text-decoration:none;
}
#destinfo1{
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
color:#0B2F63;
letter-spacing:1px;
}
.moduletable-meteo_france{
color:#FFFFFF;
margin-bottom:20px;
margin-left:15px;
margin-top:20px; 
}
.moduletable-meteo_france tbody{
width:90px;
azimuth:center;
}
.moduletable-meteo_france table{
}
.moduletable-meteo_france img{
margin:0px;
}


.moduletable, .moduletable-meteoM, .moduletable-actu {
	/*padding: 15px 0 10px 0;*/
	padding-left: 30px;

	}

.rawimages {

/*margin-top:13px;*/

}
.rawimages a{ margin-right:3px;}
#link-250:hover {
 /*padding:2px;*/
 /* img:url(../images/but-xhtml.gif);*/
}

#media{ background:url(../images/webcams-videos.jpg) no-repeat; padding:30px 0 5px;; margin:10px 0;}
#media a{ color: #09F; font-size:15px; font-weight:bold;}
#media a:hover{ color: #03C; cursor: pointer;}

.moduletable-photo{width:288px}
.moduletable-photo img{ height: 223px; width:290px; padding-left: 3px;}
#ja-rightcol .moduletable-meteo{}
.moduletable-mmeteo{ padding-left: 3px;}

.moduletable-photo h3 { color:#0076fd; text-transform:uppercase;}
#actu{ background:url(../images/actualites.jpg) no-repeat; padding-top:40px;}
#actu a:hover{color:#03F;}
#actu a{text-decoration: none; font-size: 11pt; color:#0076FD;}
.moduletable-flash{ background:url(../images/bons-plans.jpg) no-repeat top; margin:7px 0;
padding:35px 0 0 0px; height:250px}
.moduletable-actu { background: url(../images/frise.png) no-repeat; height: 235px;}