@charset "UTF-8";


/* 	--------------------------------------------------------------------------------
	Redefine tags ----------------------------------------------------------------*/
	body {
		background: url(../images/bg_clouds.jpg) center top repeat-x;
		padding: 0; margin: 0;
		font-family: Arial, Myriad Pro, Helvetica, sans-serif;
		font-size: 10px;
	}
	hr { clear: both; }
	a { outline: none; }
	p a { color: #444; }
	p a:hover { text-decoration: none; }
	h1, h2, h3, h4 { font-family: Trebuchet MS, Helvetica, Arial; }
	h1 { font-size: 20px; }
	h2, .aujourdhui {
		background: url(../images/h_gradient.gif) left top no-repeat;
		border-bottom: solid 1px #eaeaea;
		color: #43526e;
		line-height: 21px;
		margin: 0 0 10px 0; padding: 0 0 0 7px;
		font-size: 12px;
		font-weight: normal;	
		text-transform: uppercase;
	}
	h2 span, .aujourdhui span { color: #818e96; }
	
	.aujourdhui {
		float: left;
		border: 0;
		clear: both;
		font-size: 12px;
		line-height: 20px;
		font-weight: bold;
		margin: 25px 0 0 221px;
	}
	.english .aujourdhui { font-size: 10px; }
	* html .aujourdhui { margin: 25px 0 0 110px;}
	h3 { 
		color: #374661; 
		font-size: 10px;
		margin: 0 0 5px 0;
		text-transform: uppercase;
	}
	h3.fleche { background: url(../images/fleche.gif) left center no-repeat; line-height: 13px; padding: 0 0 0 5px; }
	p { 
		color: #858585;
		font-size: 11px; 
		font-family: Tahoma, Geneva, Arial, sans-serif; 
		margin: 0 0 10px 0;
	}
	
/* 	--------------------------------------------------------------------------------
	Shell ------------------------------------------------------------------------*/
	#container {
		background: url(../images/header.jpg) center top no-repeat;
		margin: 0 auto 0 auto;
		width: 788px;
	}
	
	#header {
		height: 347px;
		position: relative;
	}
	#btn_login {
		background: url(../images/btn_login.png) top center no-repeat;
		display: block;
		text-indent: -99999px;
		position: absolute;
		bottom: 5px; right: 66px;
		width: 45px; height: 30px;
	}
	#btn_login:hover { background-position: bottom center; }

	#btn_langue { 
		background: url(../images/btn_langue.png) 0 -23px no-repeat;
		display: block;
		text-indent: -999999px;
		width: 32px; height: 15px;
		position: absolute;
		left: 77px; bottom: 7px;	
	}
	
	#btn_langue:hover { background-position: -57px -23px; } 
	
	#btn_langue.english { background: url(../images/btn_langue.png) 0 4px no-repeat;}
	#btn_langue.english:hover { background-position: -57px 4px; } 
	

	#content {
		margin: 24px auto 0 auto;
		width: 668px;
	}
	#content.pad #contentZone { padding: 0 15px; }
	.col {
		border-right: solid 1px #dfdfdf;
		float: left;
		padding: 0 15px;
		width: 190px;
	}
	.col.last { border: 0; }
	
	.plus {
		background: url(../images/btn_plus_info.gif) center center no-repeat;
		display: block;
		text-indent: -99999px;
		float: right;
		width: 58px; height: 10px;
	}
	
/* 	--------------------------------------------------------------------------------
	Horaire ----------------------------------------------------------------------*/	
	#horaire thead th {
		background-color: #a9d1ef;
		color: #000;
		font-weight: normal;
	}
	#horaire tbody th { 
		color: #374661;
		text-align: right;
		font-size: 11px;
		font-weight: normal;
		padding: 0 5px 0 2px;
		text-transform: uppercase;
	}
	#horaire tbody td {
		background-color: #e9f3fb;
		font-weight: bold;
		color: #205c96;
		text-align: center;
	}
	.finsaison { font-weight: bold; color: #205c96; }
	.legendHoraire { margin: 10px 0 0 79px; color: #374661; font-size: 12px; }
	
	#horaire .hover, #horaire tbody td.hover { background: #c6d8e6; }

	
	
/* 	--------------------------------------------------------------------------------
	Tarifs -----------------------------------------------------------------------*/
	#tarifs { width: 60%; float: left; }
	#tarifs table { margin: 0 0 20px 0;  }
	#tarifs table .even { background: #d8e8f4; }
	#tarifs table .odd { background: #f5f7f8; }
	
	
	/* Modifications 17 mai 2010 */
	#tarifs tr { width:100%; }
	#tarifs .tarifHeader { background:#003f87; height:15px; color:#fff; font-size:12pt; padding-left:10px;}
	#tarifs .tarifContenu, #tarifs .tarifPrix { background:#d8e8f4; line-height:14px;}
	#tarifs .tarifPrix { text-align:right; padding-right:5px; line-height:14px;}	
	#tarifs .tarifPetit { font-size:7pt; line-height:14px; }
	#tarifs .tarifContenu.tarifPetit { width:70px; text-align:center; }
	#tarifs .tarifContenu.tarifPetit.anglais { width:71px;}
	#tarifs .spacer { height:20px; }
	/* Fin modifications 17 mai 2010 */
	
	
	/* Styles originaux
	#tarifs table td { vertical-align: middle; padding: 0 10px; }
	#tarifs table th { color: #374661; font-size: 14px; padding: 3px; text-align: left; }
	*/
	
	#rules { margin: 0 0 0 10px; width: 35%; float: right; }
	#rules ul { padding: 0; list-style-type: none; font-size: 11px; }
	#rules li { background: url(../images/fleche.gif) left 4px no-repeat; padding: 0 0 0 7px; margin: 0 0 7px; }
	
	
/* 	--------------------------------------------------------------------------------
	Contact ----------------------------------------------------------------------*/
	#infos{float:left;}
	
	#message{float:right;}
	
	
	
	
	
/* 	--------------------------------------------------------------------------------
	Nav --------------------------------------------------------------------------*/
	#nav {
		background: url(../images/menu_bg.gif) top left repeat-x;
		border-left: solid 1px #4f77c2;
		border-right: solid 1px #4f77c2;
		padding: 0; margin: 0 auto;
		list-style-type: none;
		width: 666px; height: 40px;
	}
	#nav li {
		float: left;
		text-transform: uppercase;
	}
	
	#nav li a {
		background: url(../images/menu_sep.gif) top right no-repeat;
		color: #fff;
		display: block;
		float: left;
		height: 40px;
		line-height: 40px;
		padding: 0 30px;
		text-decoration: none;
	}
	.english #nav li a { padding: 0 35px; }
	
	#nav li.selected a { font-weight: bold; }
	#nav li a:hover { color: #1f3867; }
	#nav li.last a { background: none; }


/* 	--------------------------------------------------------------------------------
	Meteo ------------------------------------------------------------------------*/
	.tempValue {
		font-size: 45px;
		line-height: 45px;
		float: left;
	}
	.tempUnit { font-size: 23px; }
	#meteo, #meteo p { color: #1f3867; }
	#meteo { margin: 0 0 10px 0; }
	#loading { text-align: center; padding: 20px; }
	
/* 	--------------------------------------------------------------------------------
	Google Map liens -------------------------------------------------------------*/

	#map{
		width:425px;
		height:350px;
		
	}
	
	#info ul,#info2 ul, #info3 ul{
		list-style-type: none;
		margin:0;
		-webkit-padding-start: 0px;
		padding:0;
	}
	
	#info li, #info2 li, #info3 li{
		background: url(../images/fleche.gif) left 4px no-repeat;
		padding: 0 0 0 7px; 
		margin: 0 0 7px;
	}
	
	#info li strong a:link,#info li strong a:hover,#info li strong a:visited,#info li strong a:active,
	#info2 li strong a:link,#info2 li strong a:hover,#info2 li strong a:visited,#info2 li strong a:active,
	#info3 li strong a:link,#info3 li strong a:hover,#info3 li strong a:visited,#info3 li strong a:active{
		outline:none;
		color:#000;
	}
	
	#info li a,#info2 li a,#info3 li a{
		color:#374661;
	}
	
	#info li, #info2 li, #info3 li{
		color:#818E96;
	}
	
	#info2, #info3{
		height:75px;
		padding-top:15px;
	}
	
	#info2{
		float:left;
	}
	
	#info3{
		float:left;
		border-left:solid 1px #dfdfdf;
		padding-left:15px;
		margin-left:65px;
	}
	
	#infoCols{
		width:425px;
	}
	
	.gmnoprint strong a{
		color:#000;
	}
	
/* 	--------------------------------------------------------------------------------
	Autre ------------------------------------------------------------------------*/
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;} /* IE7 */
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
* html .clearfix { height:1px; } /* IE6 */

/*     Grand prix du tourisme 2010 */
#prixTourisme{
	margin:30px auto;
	width:100px;
}
#prixTourisme img{
	margin:0 auto;
	display:block;
}

#laureat{
	color:#818E96;
	font-size:8pt;
	margin:0 auto;
	text-align:center;
	display:block;
}

#heuresSaison{
	margin:15px 0px 15px 20px;
	font-size: 12px;
	float:left;
	width:280px;
}

#heuresSaison span{
	margin-left:10px;
}

#heuresSaison sup{
	font-size:7px;
}

#heuresSaison h3.horaire{
	font-size:12px;
	color:#000;
	width:100%;
	background:#e1effa;
	padding:0px 0px 0px 5px;
}

span#spacerHoraire{
	display:block;
	width:100%;
	border-bottom:2px solid #e1effa;
	margin:10px 0px 10px 0px;
}

#prixTourismeHoraire{
	float:left;
	margin:15px 10px;
}

/* Hack IE pour png 
{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img_header_02.png", sizingMethod="crop");}
*/