/*///////// BODY //////////////*/
body{
background-color:#123972;
font-family:  Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal;
text-decoration: none;
margin:0px;
color:#505E75;
}

.hiver-ete {
	position:absolute;
	width:130px;
	height:375px;
	z-index:1;
	left: 130px;
	top: 430px;
}

img.icones {
	vertical-align:middle;
	border:none;
}

/** ajout lors du dernier web **/
div#nouv_actu {
	width:260px;
	float:left;
	margin:0 2px 0 15px;
}

div#nouveautes {
	width:220px;
	height:50px;
	background:transparent url('../images/interface/bg_nouveautes.jpg') no-repeat;
	padding:45px 10px 0 20px;
}

div#actualites {
	margin-top:10px;
	width:220px;
	height:50px;
	background:transparent url('../images/interface/bg_actualites.jpg') no-repeat;
	padding:45px 10px 0 20px;
}

div#forfaits {
	float:left;
	width:298px;
	height:200px;
}

div#infos_station {
	background:transparent url('../images/interface/bg_info.jpg') no-repeat;
	width:539px;
	height:102px;
	margin:25px 15px;
	text-align:center;
	padding-top:40px;
}


/*///////// STYLES SELON SAISON EN COURS //////////////*/

.saison-hiver{
background-image:url(../images/interface/fond_hiver.png);
background-position:top center;
background-repeat:no-repeat;
}

.saison-ete{
background-image:url(../images/interface/fond-ete.gif);
background-position:top center;
background-repeat:no-repeat;
}

.saison-contextuelle{
background-image:url(../images/interface/fond_hiver.png);
background-position:top center;
background-repeat:no-repeat;
}

.bandeau-hiver{
background-image:url(../images/interface/bandeau_hiver.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.bandeau-ete{
background-image:url(../images/interface/bandeau-ete.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.bandeau-contextuel{
background-image:url(../images/interface/bandeau_hiver.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.bandeau-home{
background-image:url(../images/interface/bandeau_hiver.jpg);
background-position:top left;
background-repeat:no-repeat;
}

/*/////STYLE GLOBAL DE LA PAGE HTM  /////*/

input, option, select, textarea{
background-color:#FFFFFF;
}

.contour-formulaires{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
border-color:#828282;
border-style:solid;
border-width:1px;
}

li{
margin-left:15px;
list-style-type:disc;
}

h1, .h1  {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#B9221B;
margin:0px 0px 8px 0px;
}

h2, .h2  {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#395A8B;
margin:0px 0px 8px 0px;
}

h3, .h3  {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#8CAF4B;
margin:0px 0px 8px 0px;
}

a{
color:#AE3539;
text-decoration: underline;
}

a:hover{
color:#AE3539;
text-decoration: none;
}

p{
margin:0px 0px 10px 0px;
text-align:justify;
}

/*///////// STYLES //////////////*/

.annotations{
color:#8E8E8E;
font-size:10px;
}

.annotations_actu{
color:#bdbdbd;
font-size:10px;
}

.gras{
font-weight:bold;
color:#2A3546;
}

.grasrouge{
font-weight:bold;
color:#B9221B;
}

.tableau{
border: 1px solid #C4C4C4;
}

a.sousmenu{
text-decoration:none;
}

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

.fond-central{
background-color:#FFFFFF;
background-image:url(../images/interface/fond_central.jpg);
background-position:top left;
background-repeat:repeat-y;
}

.footer-home{
background-image:url(../images/interface/footer.png);
background-position:top left;
background-repeat:no-repeat;
color:#123972;
font-size:10px;
}

.footer{
background-image:url(../images/interface/footer.png);
background-position:top left;
background-repeat:no-repeat;
color:#123972;
font-size:10px;
}

a.langues{
color:#123972;
font-size:10px;
}


a.liens-footer{
color:#123972;
text-decoration: none;
}

a.liens-footer:hover{
color:#123972;
text-decoration: underline;
}


#menu{
background-image:url(../images/interface/fond-menu-grand.gif);
background-position:top left;
background-repeat:no-repeat;
width:161px;
float:left;
padding:0 0 0 15px;
}

#sousmenu{
margin:0 0 10px 25px;
font-size:11px;
color:#B9221B;
}

#sous-sousmenu {
	margin-left:5px;
	font-size:10px;
}

a.ssmenu:link { color:#567bb2; text-decoration:none; }
a.ssmenu:visited { color: #567bb2; text-decoration: none; }
a.ssmenu:active { color: #567bb2; text-decoration: none; }
a.ssmenu:hover { color: #567bb2; text-decoration: underline; }

#home-left{

background-position:bottom left;
background-repeat:no-repeat;
width:177px;
float:left;
}

#home-contenu{
width:580px;
float:left;
}

#contenu{
width:580px;
float:left;
}

#newsletter{
background-image:url(../station-ski-haute-savoie/images/newsletter.jpg);
background-position:top left;
background-repeat:no-repeat;
width:128px;
height:54px;
margin:20px 0 0 10px;
padding-top:46px;
color:#FFFFFF;
font-size:10px;
}

#meteo{
background-image:url(../station-ski-haute-savoie/images/bloc-meteo.gif);
background-position:top left;
background-repeat:no-repeat;
width:137px;
height:300px;
margin:0 4px 0 16px;
padding-top:50px;
color:#395A8B;
font-size:14px;
}

#meteo a{
color:#B9221B;
font-size:12px;
font-weight:bold;
}

#decalage{
margin-left:25px;
}

#actus{
background-image:url(../station-ski-haute-savoie/images/bloc-actus.gif);
background-position:top left;
background-repeat:no-repeat;
width:410px;
height:116px;
color:#FFF;
padding:42px 8px 5px 13px;
font-size:10px;
float:left
}

.titre-actus{
color:#FFF;
font-size:11px;
font-weight:bold;
}

a.actu-lien{
color:#FFF;
text-decoration: underline;
margin-right: 43px;

}

/*/////  PISTES  /////*/

.piste-verte{
font-weight:bold;
color:#00A213;
}

.piste-bleue{
font-weight:bold;
color:#045BC7;
}

.piste-rouge{
font-weight:bold;
color:#EE0000;
}

.piste-noire{
font-weight:bold;
color:#000000;
}

/*/////  IMAGES  /////*/

.contouractus {
border-color:#FFF;
border-style:solid;
border-width:1px;
margin-right:5px;
margin-bottom:5px;
}

.contourimage {
border-color:#646464;
border-style:solid;
border-width:1px;
}

.contour {
border-color:#646464;
border-style:solid;
border-width:1px;
}

.imagegauche {
margin-right:10px;
margin-bottom:10px;
border-color:#C9D5E6;
border-style:solid;
border-width:7px;
}

.imagegaucheete {
margin-right:10px;
margin-bottom:10px;
border-color:#C7DAA3;
border-style:solid;
border-width:7px;
}

/*/////  MENU  /////*/

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navcontainer li { 
margin: 0 0 3px 0; 
list-style-type: none;
}

#navcontainer a
{
display: block;
padding: 2px 2px 2px 20px;
width: 100px;
}

#navcontainer a:link, #navlist a:visited
{
color: #123972;
text-decoration: none;
}


#navcontainer a:hover ul
{
background-image: url(../images/interface/puce.gif);
background-position:top left;
background-repeat:no-repeat;
color: #B9221B;
font-weight:bold;
}

#active a:link, #active a:visited, #active a:hover
{
background-image: url(../images/interface/puce.gif);
background-position:top left;
background-repeat:no-repeat;
color: #B9221B;
font-weight:bold;
}