/* CSS Document */

/*CLIENT: Novae Communication
Copyright 2008 All rights reserved
/GRAFITAR/ Mathieu Bruzeaud
contact@grafitar.com
http://www.grafitar.com
Dýcembre 2008
*/
	
/* CSS global reset for all browsers */

* {
	margin:0;
	padding:0;
	border: 0;
	font-family: sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none; 
}

html, body {
	width:100%;
	height:100%;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------
GLOBAL
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

body 
	{
	font: 100% Arial, Geneva, sans-serif;
	color: #000;
	background: #005ab9 url(../img/fond.jpg) repeat-x 50% 0%;
	margin:0;
	padding:0;
	}
	
#all
	{
	background: #005ab9 url(../img/fond_all.jpg) repeat-x 50% 0%;
	background-color: #005ab9;
	width: 998px;
	margin-left: auto;
    margin-right: auto;
	}
	
/*-------------------------------------------------------------------------------------------------------------------------------------------------------
FIN GLOBAL
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

#ombre_left
	{
	background: url(../img/ombre_left.jpg) no-repeat;
	background-color: #005ab9;
	width: 18px;
	height: 709px;
	float: left;
	}
	
#ombre_right
	{
	background: url(../img/ombre_right.jpg) no-repeat;
	background-color: #005ab9;
	width: 8px;
	height: 709px;
	float: right;
	}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

#header{
	width: 726px;
	float: left;
}

#logo
	{
	background: url(../img/logo.jpg) no-repeat;
	width: 333px;
	height: 85px;
	float: left;
	}
	
#accroche
	{
	background: url(../img/accroche.jpg) no-repeat;
	width: 393px;
	height: 85px;
	float: left;
	}		

#anim{
	background: url(../img/bg_anim.jpg) no-repeat;
	float:left;
	}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------
FIN HEADER
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
BLOC ACTU
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
#bloc_actu{
	width: 246px;
	float: left;
}

#accroche2
	{
	background: url(../img/accroche2.jpg) no-repeat;
	width: 246px;
	height: 85px;
	float: left;
	}
	
#actu
	{
	background: url(../img/actu.jpg) no-repeat;
	width: 246px;
	height: 50px;
	float: left;
	}		

#content_actu
	{
	background: url(../img/content_actu.jpg) no-repeat;
	width: 246px;
	height: 234px;
	float: left;
	}	

#footer_actu
	{
	background: url(../img/footer_actu.jpg) no-repeat;
	width: 246px;
	height: 34px;
	float: left;
	}	

#accroche3
	{
	background: url(../img/accroche3.jpg) no-repeat;
	width: 246px;
	height: 63px;
	float: left;
	}
	
#bloc_content{
	width: 200px;
	padding: 0 10px 0 25px;
	float: left;
}	

#appart{
	border-right: 1px solid #5198d0;
	background: url(../img/plan1.jpg) no-repeat 0 150px;
	width: 436px;
height:440px;
	float: left;
	padding-right: 20px;
}

#appart2{
	background: url(../img/plan2.jpg) no-repeat 20px 150px;
	border-left: 1px solid #183b9e;
	width: 436px;
height:440px;
	float: left;
	padding-left: 20px;
}		

#appart3{
	background: url(../img/plan3.jpg) no-repeat;
	width: 311px;
	height: 340px;
	border-right: 1px solid #5198d0;
clear:both;
	float: left;
	padding: 0px 20px 0 0px;
	margin-top: 40px;
}

#appart4{
	border-left: 1px solid #183b9e;
	width: 205px;
	float: left;
	padding: 0 20px 0 20px;
	margin-top: 40px;
}	

#appart5{
	border-left: 1px solid #5198d0;
	width: 330px;
	height: 340px;
	float: left;
	padding-left: 20px;
	margin-top: 40px;
}	

#txt_appart{
	width: 205px;
	float: left;
}	

#txt_appart2{
	width: 180px;
	padding-left: 45px;
	float: left;
}	

#txt_appart3{
	
	width: 311px;
	padding-left: 0px;
	float: left;
}	

#txt_appart4{
	padding-bottom: 22px;
	float: left;
}

#contenu{
	
	width: 450px;
	float: left;
	padding-right: 0px;
}

#contenu2{
	padding: 30px 0px 0px 225px;
	width: 700px;
	float: left;
	padding-right: 0px;
}

#contenu3{
	border-right: 1px solid #5198d0;
	width: 430px;
	float: left;
	padding: 0 50px 30px 10px;
}

#contenu4{

	width: 930px;
	float: left;
	padding: 0 0px 0px 0px;
}
	
#bloc_txt{
border-right: 1px solid #5198d0;
	width: 350px;
	padding: 0 20px 0px 70px;
	float: left;
}

#bloc_txt2{

	width: 400px;
	padding: 0 30px 0px 60px;
	float: left;
}

#bloc_txt3{

	width: 250px;
	padding: 0 30px 0px 40px;
	float: left;
}

#bloc_txt4{
	border-right: 1px solid #5198d0;
	width: 400px;
	padding: 0 30px 0px 0px;
	float: left;
}

#container_img{

	width: 350px;
	padding: 15px 0px 0px 0px;
	float: left;
}
#container_img2{

	width: 400px;
	padding: 20px 0px 50px 0px;
	float: left;
}

#container_img3{

	width: 300px;
	padding: 45px 0px 55px 40px;
	float: left;
}

#container_img4{

	width: 610px;
	padding: 25px 5px 0px 0px;
	float: right;
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------
FIN BLOC ACTU
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
MENU
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav{
    margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
	float: left;
}

#nav li {
    margin: 0;
    padding: 0;
    display: inline;
}

#nav li a:link, #nav li a:visited {
    display: block;
    float: left;
    height: 41px;
    line-height: 41px;
    text-decoration: none;
    padding: 0;
	font-family: Arial, Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
	}

#nav li a:hover, #nav li #iamactiv_accueil, #nav li #iamactiv_hebergement, #nav li #iamactiv_services, #nav li #iamactiv_tarifs,#nav li #iamactiv_environnement, #nav li #iamactiv_liens, #nav li #iamactiv_acces, #nav li #iamactiv_contact {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #22498b;
    padding: 0;
	} 

#accueil{
	width: 85px;
	background: url(../img/accueil.jpg);
	text-indent: 23px;
	}

#accueil:hover{
	width: 85px;
	background: url(../img/accueil.jpg) 0 -41px;
	text-indent: 23px;
    }

#iamactiv_accueil{
	width: 85px;
	background:  url(../img/accueil.jpg) 0 -41px;
	text-indent: 23px;
	}
	
#hebergement{
	width: 111px;
	background: url(../img/hebergement.jpg);
	text-indent: 21px;
	}

#hebergement:hover{
	width: 111px;
	background: url(../img/hebergement.jpg) 0 -41px;
	text-indent: 21px;
    }

#iamactiv_hebergement{
	width: 111px;
	background:  url(../img/hebergement.jpg) 0 -41px;
	text-indent: 21px;
    }
	
#services{
	width: 81px;
	background: url(../img/services.jpg);
	text-indent: 18px;
	}

#services:hover{
	width: 81px;
	background: url(../img/services.jpg) 0 -41px;
	text-indent: 18px;
    }

#iamactiv_services{
	width: 81px;
	background:  url(../img/services.jpg) 0 -41px;
	text-indent: 18px;
    }
	
#tarifs{
	width: 69px;
	background: url(../img/tarifs.jpg);
	text-indent: 21px;
	}

#tarifs:hover{
	width: 69px;
	background: url(../img/tarifs.jpg) 0 -41px;
	text-indent: 21px;
    }

#iamactiv_tarifs{
	width: 69px;
	background:  url(../img/tarifs.jpg) 0 -41px;
	text-indent: 21px;
    }
	
#environnement{
	width: 118px;
	background: url(../img/environnement.jpg);
	text-indent: 21px;
	}

#environnement:hover{
	width: 118px;
	background: url(../img/environnement.jpg) 0 -41px;
	text-indent: 21px;
    }

#iamactiv_environnement{
	width: 118px;
	background:  url(../img/environnement.jpg) 0 -41px;
	text-indent: 21px;
    }
	
#liens{
	width: 111px;
	background: url(../img/liens.jpg);
	text-indent: 23px;
	}

#liens:hover{
	width: 111px;
	background: url(../img/liens.jpg) 0 -41px;
	text-indent: 23px;
    }

#iamactiv_liens{
	width: 111px;
	background:  url(../img/liens.jpg) 0 -41px;
	text-indent: 23px;
    }
	
#acces{
	width: 69px;
	background: url(../img/acces.jpg);
	text-indent: 21px;
	}

#acces:hover{
	width: 69px;
	background: url(../img/acces.jpg) 0 -41px;
	text-indent: 21px;
    }

#iamactiv_acces{
	width: 69px;
	background:  url(../img/acces.jpg) 0 -41px;
	text-indent: 21px;
    }

#contact{
	width: 82px;
	background: url(../img/contact.jpg);
	text-indent: 23px;
	}

#contact:hover{
	width: 82px;
	background: url(../img/contact.jpg) 0 -41px;
	text-indent: 23px;
    }

#iamactiv_contact{
	width: 82px;
	background:  url(../img/contact.jpg) 0 -41px;
	text-indent: 23px;
    }

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
FIN MENU
-------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------------------------------------------------------
CONTENT
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

	
/*-------------------------------------------------------------------------------------------------------------------------------------------------------
FIN CONTENT
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
BIARRITZ
-------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------------------------------------
FIN BIARRITZ
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer{
	width: 972px;
	float: left;
}

#footer1
	{
	background: url(../img/footer1.jpg) no-repeat;
	width: 477px;
	height: 217px;
	float: left;
	}
	
#sep_footer
	{
	background: url(../img/sep_footer.jpg) no-repeat;
	width: 8px;
	height: 217px;
	float: left;
	}		

#footer2
	{
	background: url(../img/footer2.jpg) no-repeat;
	width: 487px;
	height: 217px;
	float: left;
	}	
	
#logo_novae
	{
	background: url(../img/logo_novae.jpg) no-repeat;
	width: 207px;
	height: 26px;
	float: right;
	padding: 0 10px 0 0;
	}	



/*-------------------------------------------------------------------------------------------------------------------------------------------------------
FIN FOOTER
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
CONTENT
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

#content_accueil{
	width: 210px;
	padding: 18px 5px 15px 18px;
	float: left;
}	

#content_accueil2{
	width: 200px;
	padding: 25px 10px 15px 35px;
	float: left;
}	

#fond{
	background: #0059b9 url(../img/fond2.jpg) no-repeat;
	width: 972px;
	float: left;
}

#fond_content{
	background: #184381 url(../img/top.jpg) no-repeat;
	width: 964px;
	float: left;
}

#bottom_content{
	background: url(../img/bottom.jpg) no-repeat;
	width: 964px;
	height: 14px;
	float: left;
}

#content{
	padding: 10px 10px 15px 15px;
	float: left;
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------
FIN CONTENT
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Syles texte
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
h1{
	background: url(../img/puce_titre.gif) no-repeat 0% 50%;
  	font: 100% Arial, Geneva, sans-serif;
    font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-indent: 23px;
	margin-bottom: 4px;
	}
	
h2{
	font: 100% Arial, Geneva, sans-serif;
	font-style: italic;
    font-size: 17px;
	font-weight: bold;
	color: #22498b;
	padding-left: 8px;
	padding-top: 46px;
	letter-spacing: 1px;
	}
	
h5{
	background: url(../img/puce_titreactu.gif) no-repeat 0% 50%;
	font: 100% Arial, Geneva, sans-serif;
    font-size: 17px;
	font-weight: bold;
	color: #aaef00;
	padding-left: 0px;
	text-indent: 10px;
	}
	
h3{	
	font: 100% Arial, Geneva, sans-serif;
    font-size: 17px;
	font-weight: bold;
	color: #94cc07;
	padding-left: 47px;
	line-height: 40px;
	letter-spacing: 1px;
	}

h4{	
	background: url(../img/puce_titreactu.gif) no-repeat 0% 50%;
  	font: 100% Arial, Geneva, sans-serif;
    font-size: 11px;
	font-weight: bold;
	color: #22498b;
	text-indent: 10px;
	line-height: 25px;
	}
	
h6{	
  	font: 100% Arial, Geneva, sans-serif;
    font-size: 19px;
	font-weight: bold;
	color: #fff;
	}
	

.txt{
	font: 100% Arial, Geneva, sans-serif;
    font-size: 11px;
	font-weight: normal;
	color: #fff;
	}
	
p{
	font: 100% Arial, Geneva, sans-serif;
    font-size: 14px;
	font-weight: normal;
	color: #fff;
	}	
	
a.plus
	{
	background: url(../img/puce-lienactu.gif) no-repeat 0% 50%;
	font: 100% Arial, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	line-height: 25px;
	padding-left: 10px; 
	text-decoration: underline;
	}
	
a.news
	{
	background: url(../img/puce-lienactu.gif) no-repeat 100% 60%;
	font: 100% Arial, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
	padding-left: 95px; 
	
	text-decoration: none;
	}
	
.gras{
	font: 100% Arial, Geneva, sans-serif;
    font-size: 11px;
	font-weight: bold;
	color: #fff;
	}
	
.gras2{
	font: 100% Arial, Geneva, sans-serif;
    font-size: 11px;
	font-weight: bold;
	color: #ffb400;
	}
	
.gras3{
	font: 100% Arial, Geneva, sans-serif;
    font-size: 17px;
	font-weight: bold;
	color: #ffb400;
	}
	
.gras4{
	font: 100% Arial, Geneva, sans-serif;
    font-size: 30px;
	font-weight: bold;
	color: #ffb400;
	
	}
	
.links
	{
	font-family: verdana, arial, sans-serif;
    font-size: 14px;
	color: #fff;
    }
	

.links:hover
	{
	font-family: verdana, arial, sans-serif;
    font-size: 14px;
	color: #ffb400;
    }

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Fin Syles texte
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
fieldset { border:1px solid #ffb400; padding: 10px 10px 10px 20px;}

legend {
  padding: 0.2em 0.5em;
  font-weight: bold;
  color: #fff;
  font-size:90%;
  text-align:right;
  }







.buttonSubmit, .buttonSubmitHovered 
	{
	background-color: #958b90;
	color:#fff;
	font-weight:normal;
	padding:1px 2px;
	cursor:pointer;
	border:1px solid #fff;
	
	}
	
	

.buttonSubmitHovered 
	{
	background-position:left bottom;
	}
#content_actu #logo { display:none;}
#skiinfo_widget {
	float:left;
	padding:0 0 0 23px;
	width:200px;
	background:none;
}
#content_actu #skiinfo_content { 
font:bold 12px Arial,Verdana,helvetica,arial,sans-serif;
padding:0;

}