@import url("style_infolive.css");

h1, h2, h3, h4, h5, h6, dl, dt, dd, form, ul, li, p, form {
	margin: 0px;
	padding: 0px;
}
li {
	list-style-type: none;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #ECECE6;
	text-align: center;
}
#Page{
	width: 1004px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/fond-page-accueil-haut.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#CBC9BA;
}
#Contenu{
	width: 1004px;
	min-height: 650px;
	_height: 650px;
	padding: 0px;
	text-align:left;
	position:relative;
}

/****** Lien Sybelles ******/
#LienSybelles
{
height:53px;
position:absolute;
right:30px;
top:25px;
width:124px;
}

#BlocFlash {
	position:relative;
	float: left;
	width: 732px;
}
#BlocFlash .Top {
	position:absolute;
	top: 130px;
	left: 208px;
}

#Flash {
	padding: 130px 0px 0px 208px;
	z-index:20;
}
#IcoLeon {
	position:absolute;
	z-index:100;
	top: 135px;
	left: 77px;
}
#IcoMagasin {
	position:absolute;
	z-index:100;
	top: 135px;
	left: 617px;
}
#IcoRestaurant {
	position:absolute;
	z-index:100;
	top: 333px;
	left: 58px;
}
#IcoMotoneige {
	position:absolute;
	z-index:100;
	top: 355px;
	left: 563px;
}
#IcoWebcam {
	position:absolute;
	z-index:100;
	top: 670px;
	left: 659px;
}
.ttt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/*----------------------------------- Coordonnees -----------------------------------------*/
#BlocCoordonnees {
	float: left;
	padding: 254px 0px 0px 35px;
}
#Coordonnees {
	width: 229px;
	min-height: 159px;
	_height: 159px;
	background-image: url(../images/bloc-accueil-contact.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#CoordonneesTxt {
	padding: 10px 7px 0px 7px;
	margin: 0px;
	color: #000000;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 16px;
}
#CoordonneesTxt p{
	margin-bottom: 7px;
}
#CoordonneesTxt h1{
	color: #000000;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0px;
	padding: 0px;
}
#CoordonneesTxt h2{
	color: #000000;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom:1px solid #000000;
}
#CoordonneesTxt a, #CoordonneesTxt a:link, #CoordonneesTxt a:active, #CoordonneesTxt a:visited {
	color: #000000;
	text-decoration:underline;
}
#CoordonneesTxt a:hover  {
	color:#666666;
	text-decoration:underline;
}

/*----------------------------------- Actus défilantes -----------------------------------------*/
#BlocActus {
	float: left;
	width: 330px;
	height: 197px;
	background-image:url(../images/bloc-accueil-actus.gif);
	background-position:30px 20px;
	background-repeat:no-repeat;
}
#Actus {
	padding: 27px 12px 10px 45px;
	margin: 0px;
	color: #000000;
	font-family: "Trebuchet MS";
	font-size: 12px;
}
#Actus h3{
	padding-bottom: 1px;
	margin-bottom: 5px;
	color: #000000;
	font-family: "Trebuchet MS";
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}
/*----------------------------------- Edito -----------------------------------------*/
#BlocEdito {
	float: left;
	width: 664px;
}
#Edito {
	color: #394A59;
	font-family: "Trebuchet MS";
	font-size: 14px;
	padding: 40px 30px 0px 30px;
}
#Edito p{
	margin-bottom: 12px;
}
#Edito a, #Edito a:link, #Edito a:active, #Edito a:visited {
	color: #394A59;
	text-decoration: underline;
}
#Edito a:hover {
	color: #990000;
	text-decoration: none;
}


/*----------------------------------- Txt Motoneige -----------------------------------------*/
#BlocTxtLarge {
	width: 980px;
}
#TxtLarge {
	color: #394A59;
	font-family: "Trebuchet MS";
	font-size: 14px;
	padding: 120px 0px 0px 118px;
	margin:0px;
}
#TxtLarge ul {
	padding-left: 40px;
}
#TxtLarge ul li{
	list-style:square;
	list-style-position:inside;
	list-style-type:square;}
#BlocTxt {
	width: 600px;
	float:left;
}
#Txt {
	color: #394A59;
	font-family: "Trebuchet MS";
	font-size: 14px;
	padding: 120px 0px 0px 118px;
	margin:0px;
}
#Txt h1, #TxtLarge h1{
	color: #cc0000;
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0px;
	padding: 0px;
}
#Txt h2, #TxtLarge h2{
	color: #cc0000;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
#Txt p, #TxtLarge p{
	margin-bottom: 12px;
}
#Txt a, #Txt a:link, #Txt a:active, #Txt a:visited,
#TxtLarge a, #TxtLarge a:link, #TxtLarge a:active, #TxtLarge a:visited {
	color: #394A59;
	text-decoration: underline;
}
#Txt a:hover, #TxtLarge a:hover {
	color: #990000;
	text-decoration: none;
}
#Txt .Vignette{
	float:left;
	width: 160px;
	margin-bottom: 5px;
}
#Txt .Vignette img{
	border:1px solid #666666;
}
/*----------------------------------- Pied de page -----------------------------------------*/
#Pied {
	width: 1004px;
	min-height:150px;
	_height:150px;
	color: #FFFFFF;
	text-align: left;
	background-image: url(../images/fond-pied-accueil.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#BlocBaseline, BlocSignature {
	float: left;
	width: 500px;
}
#Baseline {
	text-align: left;
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	padding: 115px 20px 20px 20px;
}
#Signature {
	text-align: right;
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	padding: 115px 20px 20px 20px;
}
#Signature a, #Signature a:link, #Signature a:active, #Signature a:visited, #Baseline a, #Baseline a:link, #Baseline a:active, #Baseline a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#Signature a:hover, #Baseline a:hover {
	color: #FF0000;
	text-decoration: none;
}
/************** TABLEAUX DE TARIFS ****************************/
TABLE TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

TABLE.TableData{
	color:#292929;
	padding-top: 3px;
	width:473px;
}
TABLE.TableData TR{
	background-color: #DCDADA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
TABLE.TableData TD{
	font-size: 10px;
	color:#292929;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-right-color: #202D3D;
	border-bottom-color: #202D3D;
	padding: 3px;
	text-align:center;
}

TABLE.TableData TH{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: #202D3D;
	padding: 5px;
	background-color:#26446A;
	color: #FFFFFF;	
	text-align:center;
}
TABLE.TableData TH.SansTrait{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #202D3D;
}
TABLE.TableData TD.colonne{
	font-size: 10px;
	color:#292929;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-right-color: #202D3D;
	border-left-color: #202D3D;
	border-bottom-color: #202D3D;
	padding: 3px;
	text-align:left;
}
TABLE.TableData TH.colonne{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #202D3D;
	background-color:#6692C8;
	color: #292929;
	text-align:left;
}
TABLE.TableData TD a:link {
	color: #FFFFFF;
	text-decoration: none;
}
TABLE.TableData TD a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
TABLE.TableData TD a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
TABLE.TableData TR.L1,TABLE.TableData TH.L1{	background-color: #8ACEF9; font-weight: bold;}
TABLE.TableData TR.L2,TABLE.TableData TH.L2{	background-color: #E8E8E8;}
TABLE.TableData TR.L3,TABLE.TableData TH.L3{	background-color: #DEDEDE;}
TABLE.TableData TR.L1:hover,TABLE.TableData TR.L2:hover{	background-color:#F6F6F6;}

TABLE h4 {
	display: block;
	background-color: #0072BA;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 2px 5px 2px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/****************************************
	Contact
****************************************/
#BlocForm {
	width: 400px;
	float:left;
}
#Form {
	color: #394A59;
	font-family: "Trebuchet MS";
	font-size: 14px;
	padding: 120px 0px 0px 0px;
}
#Form h2{
	color: #cc0000;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
#Form a, #Form a:link, #Form a:active, #Form a:visited {
	color: #394A59;
	text-decoration: underline;
}
#Form a:hover {
	color: #990000;
	text-decoration: none;
}
.TableContact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
.TableContact td{
	text-align:left;
}
.TableContact td.Libelle{
	width:35%;
	text-align:right;
}
			
.combo {
	height: auto; 
	border: #292929 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
}
.combogo {
	height: auto; 
	border: #292929 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #3E699F;
}


/*** slideshow **/

#slideshow {
	position:relative;
	height:363px;
}

#slideshow img{ position:absolute; left:0px; top:0px;}

.slideshowoff
{
 display:none;
}
