/* CSS Document */

/*-------- Initialisation des balises -----------------*/
h1, h2, h3, h4, h5, h6, dl, dt, dd, form, ul, li, p
{
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px ;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
h1{
font-size:20px;
}
h2 {
font-size:18px;
padding-left:5px;
}
h3{
font-size:15px;
}
h4{
color:#000000;
padding:0px 0px 10px 20px;
font-size:15px;
}
/*--------------------------- alentours /hiver - été  -----------------------------*/
.p20px{
padding:0px 10px 0px 20px;
}
#fond_ete{
background-image:url(../images/fond_ete.gif);
background-repeat:no-repeat;
width:739px;
}
.titre_ete{
color:#009966;
}
#fond_hiver{
background-image:url(../images/fond_hiver.gif);
background-repeat:repeat-x;

width:750px;
}
.coins{
background-image:url(../images/coins.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

/*------------------------------------------------------- ZONE TEMPLATE  -----------------------------*/
#Page{
	width: 980px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/fond.gif);
    background-repeat:no-repeat;
	border:1px solid #000000;
}
#haut_page{
height:95px;
width: 976px;
}
/*-------------------- Menu principal -------------------------*/
#conteneur_menu{
width:199px;
float:left;
}

#Menu{
margin-left:18px;
margin-top:16px!important;
margin-top:13px;
height:190px;
}
#Menu ul li {
list-style:none;
width:140px;
margin-bottom:2px;
}
#Menu  a, #Menu  a:link, #Menu  a:active, #Menu  a:visited{
text-decoration: none;
font-family: Verdana;
font-size: 10px;
font-weight:bold;
color: #FFFFFF;
display:block;
background-image:url(../images/bouton.gif);
background-repeat:no-repeat;
height:20px;
line-height:18px;
text-align:center;
/*background-color:#CCFF66;*/
text-indent:8px;
} 
#Menu a:hover{
list-style-type: none;
color: #333399;
text-decoration: none;
display:block;
background-image:url(../images/bouton_over.gif);
background-repeat:no-repeat;
height:20px;
}
ul#Sub li.SelectMenu a, ul#Sub li.SelectMenu a:visited , ul#Sub li.SelectMenu a:hover {
list-style-type: none;
color: #333399;
text-decoration: none;
display:block;
background-image:url(../images/bouton_over.gif);
background-repeat:no-repeat;
height:20px;
}
	
#flash{
width:779px;
height:229px;
float:left;
background-image:url(../images/fond_flash_cadre.gif);
background-repeat:no-repeat;
/*background-color:#FF0000;*/
}
#flash_gauche{
float:left; 
padding:13px 0px 0px 22px;
}
#flash_droite{
float:left; 
padding:13px 0px 0px 112px;
}
/*------------------------------------------------------- FIN ZONE TEMPLATE  -----------------------------*/
#contenu {
width:976px;
float:left;
color:#285690;
}
#contenu  a, #contenu  a:link, #contenu  a:active, #contenu  a:visited{
text-decoration:none;
color:#285690;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
#contenu a:hover{
color:#D30222;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#contenu_gauche{
width:196px;
float:left;
/*background-color:#CC6633;*/
}
#contenu_milieu{
width:396px;
float:left;
}
#contenu_milieu dt {
font-size:14px;
font-weight:bold;
background-color:#285690;
color:#FFFFFF;
text-indent:10px;
width:128px;
margin:10px 0px 10px 10px;

}
#contenu_milieu dd {
padding:0px 0px 0px 19px;
}
#contenu_milieu p {
padding:0px 0px 3px 20px;
}
#contenu_droite{
width:350px;
float:left;
padding-left:10px;
}
#contenu_droite_texte{
width:340px;
margin-left:auto;
margin-right:auto;
border:1px solid #285690;
padding:1px 4px 5px 10px;
}
#contenu_droite_texte  a, #contenu_droite_texte  a:link, #contenu_droite_texte  a:active, #contenu_droite_texte  a:visited{
color:#FD1B14;
text-decoration:overline underline blink;
}
#contenu_droite_texte a:hover{
color:#66CCFF;
text-decoration: none;
}
#coeur_alpes{
width:340px;
margin-left:auto;
margin-right:auto;
border:1px solid #285690;
padding:1px 4px 5px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
font-weight:bold;
}

#contenu_mixte{
width:739px;
float:left;
}
#contenu_mixte p {
padding:10px 30px 7px 20px;
text-align:justify;
}
.plan{
background-image:url(../images/plan_station.gif);
background-repeat:no-repeat;
background-position:bottom left;
width:276px;
height:110px;
}
.bordure_pointille{
background-repeat:repeat-y;
background-image:url(../images/bordure_pointille.gif);
background-position:left;
}

.DecoFleurDroite{
text-align: right;
top: -15px;
right:-24px;
position: relative;
}

/*--------------------------- style - infolive news -----------------------------*/
.titre_news{
font-size:15px;
font-weight:bold;
background-color:#B2BC00;
width:367px;
color:#FFFFFF;
border:2px solid #D7E303;
margin-left:auto;
margin-right:auto;
}
#bloc_news{
width:371px;
background-image:url(../images/fond_news.gif);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}
#bloc_news p {
padding:4px 10px 0px 2px;
font-size:10px;

}
#bloc_news  a, #bloc_news  a:link, #bloc_news  a:active, #bloc_news  a:visited{
font-weight:normal;}
#bloc_news  a:hover{
font-weight:normal;}

.date{
font-weight:bold;
display:inline;
padding:0px 0px 0px 0px;
}
.soustitre{
padding:0px 0px 0px 10px;
}
/*--------------------------- bloc meteo  -----------------------------*/
#meteo {
height:250px;
overflow:hidden;
}
/*--------------------------- Pied - page -----------------------------*/
#pied{
height:20px;
background-color:#285690;
clear:both;
color:#FFFFFF;
text-align:center;
line-height:20px;
}
#pied  a, #pied  a:link, #pied  a:active, #pied  a:visited{
color:#FFFFFF;
}
#pied a:hover{
color:#66CCFF;
text-decoration: none;
}
/*--------------------------- Menu - APPARTS -----------------------------*/
#Appart{
float:left;
}
#Appart ul{
padding-left:23px;
}
#Appart ul li{
display:inline;
padding:0px 10px 0px 0px;
}
/*--------------------------- APPARTS -----------------------------*/
#appart_contenu{
background-color:#C6E2FF;
clear:both;
width:980px;
}
#contenu_gauche .DescAppart{
background-image:url(../images/fleche.gif);
background-repeat:no-repeat;
background-position:7px 8px;
}
#contenu_gauche .DescAppart .descriptif{
padding-left:30px;
padding-top:8px;
}
/*--------------------------- Table -----------------------------*/
table {
border-collapse:collapse;
text-align:center;
color:#333333;
}
.Desc_tarif{
color:#000000;
padding: 50px 1px 0px 8px;
}
.ligne1_ete{
background-color:#99FFCC;}
.ligne1_hiver{
background-color:#A4DAF7;}


/*--------------------- Formulaire -----------------*/					
.combo {
height: 12px; 
border: #404040 1px solid;
color : #000000;
background-color: #FFFFFF;
 }
 
.combo2 {
border: #404040 1px solid;
font-family: verdana;
color :#000000;
background-color:#FFFFFF;
font-size:11px;
}
.textegras{
font-weight:bold;}
.grasrouge{
color:#FF0066;
}
.Desc_form{
padding: 5px 11px 0px 11px;
font-size:10px;
}
.txtpetit{
font-size:10px;
}
/*--------------------- liens -----------------*/		
.lien_contenant{
border-bottom:1px solid #9999FF;
border-bottom-style:dashed;
padding:0px 0px 5px 20px;
height:92px;
}
.lien_image{
float:left;
width:147px;
text-align:center;
}
.Desc_liens{
padding:2px 5px 5px 25px;
float:left;
}
/*--------------------- Meublés -----------------*/

#meubles{
width:450px;
float:left;
}
#meubles table{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
}
#meubles a, #meubles a:link, #meubles a:active, #meubles a:visited{
color:#285690;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#meubles a:hover{
font-weight:normal;
color:#D30222;
}
#meubles2{
width:289px;
float:left;
}
.padding_gauche{
width:165px;
margin:0px 0px 0px 8px;
}
#texte_infos_gauche{
background-color:#C6E2FF;
width:170px;
padding:0px 2px 0px 8px;
}
#plan_station{
padding-top:24px;
text-align:center;
}
#plan_station  a, #plan_station  a:link, #plan_station  a:active, #plan_station  a:visited{
color:#FD1B14;
text-decoration:overline underline blink;
}
#plan_station a:hover{
color:#66CCFF;
text-decoration: none;
}
.img{
border:1px solid #285690;
}
#info_balcon{
float:right; 
padding:37px 0px 0px 30px;
color:#FF0066;
}
/*--------------------- page liens -----------------*/
#contenu_liens  a, #contenu_liens  a:link, #contenu_liens  a:active, #contenu_liens  a:visited{
color:#FD1B14;
text-decoration: underline;
font-size:10px;
}
#contenu_liens a:hover{
color:#66CCFF;
text-decoration: none;
}
#contenu_liens{
width:739px;
float:left;
}
#contenu_liens p {
padding:10px 30px 7px 20px;
text-align:justify;
}