html,body{margin:0; padding:0; background: url("../img/fd.png") repeat;
height:100%;
border: none;
}

body{font: 76% arial,sans-serif;}

/*-------------------------------------Conteneurs Début---------------------------------------*/	
div#header{height:344px; line-height:80px; margin:0;
  background: url("../img/layout/bv.gif") repeat-x; 
  /**padding-left:5px;*/ min-width: 791px;}
  
div#content{margin: 10 15 10 20;} /*C'est sa que j'ai mis*/
div#content p{line-height:1.4;}
div#titreLiens{z-index: 2;}
div#footer{background: #b7d078 url("../img/layout/blue.gif") right repeat-y; color: #FFF;}
div#footer p{margin:0; padding:10px 150px 0 2px ;}
div#rightZone{ min-height: 100%;}

div#center{float:left; width:100%; margin: 0 auto; min-width: 791px; 
	*width: expression( document.body.clientWidth < 850? "791px" :"100%" );
	background: #b7d078 url("../img/layout/blue.gif") right repeat-y;
	z-index: 3;}
div#wrapper{float:left; width:100%; margin-left:-200px; z-index: 3; 
	background: url("../img/layout/squareBottom.gif") left no-repeat;
	background-position: 200px 0px; min-height: 150px;
	/*height: 100%; *height: expression( document.body.clientheight < 150? "150px" :"100%" );*/ }
div#content{margin-left:215px; z-index: 100; height:100%;}
div#titreLiens{float:right; width:135px; background: url("../img/titres/t_lien.gif") no-repeat 15px 0px; margin-top: 80px; height: 50px;}
div#extra{float:right; clear:right; width:135px; height: 100%;}
div#commanditaires{clear:both; width:100%; min-width: 720px; 
	background: #b7d078 url("../img/layout/commanditaires.gif") right top repeat-y; 
	min-height: 76px; _height:76px;  min-width: 791px;
	width: expression( document.body.clientWidth < 850? "791px" :"100%" );}

div#footer{clear:both; width:100%; min-width: 720px; text-align: right; min-width: 791px; 
width: expression( document.body.clientWidth < 850? "791px" :"100%" );}

div#container{ width:80%; height: 100%;  overflow: visible;}
/*div#bg{ width:100%; height: 100%; background: #b7d078 url("../img/layout/blue.gif") right repeat-y; }*/
#bgBas {position: absolute; width:80%; height: 413px; background: #b7d078 url("../img/layout/blue.gif") right repeat-y; bottom: 0px; z-index: 1;}
/*-------------------------------------Conteneurs fin---------------------------------------*/	

/*-------------------------------------Elements Entete Début---------------------------------------*/	
div#skierRight{ position: absolute; width:425px; height: 413px; overflow: visible; left:55%;
	background: url("../img/layout/headSkier.png") no-repeat;
	z-index: 2;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
		/* Opacité pour IE */
		filter: alpha(opacity=90);
		/* Opacité pour IE (2°solution)*/
		-moz-opacity: 0.90;
		/* Opacité pour Mozilla */
		-khtml-opacity: 0.9;
		/* Opacité pour Safari */
		opacity:0.9;
}


div#festiTelemark{/*float:right; clear:right;*/ position: inherit; top: 330px; left: 150px; height: 86px; overflow: visible; width:157px;
	background: url("../img/layout/festiTelemark.png") no-repeat;
	z-index: 5; *margin-top: 330px; *margin-left: 150px;}
	
div#festiTelemark a{height: 86px;}
div#festiTelemark a:hover{background: url("../img/layout/festiTelemarkr.png") no-repeat;}
	
div#mainHead {
	float: left; 
	background: url("../img/layout/logo.gif") no-repeat; 
	width:578px; height: 344px; overflow: hidden; 
	z-index: 5;
}
div#header a{display:block;}

/*-------------------------------------Elements Entete Fin---------------------------------------*/	
	
/*-------------------------------------Menu Début---------------------------------------*/	
div#m1 {background: url("../img/menu/m1_accueil.gif") no-repeat; top: 137px; position: absolute; width:203px; height: 23px; left: 371px;}
div#m2 {background: url("../img/menu/m2_qui.gif") no-repeat; top: 160px; position: absolute; width:203px; height: 23px; left: 371px;}
div#m3 {background: url("../img/menu/m3_activite.gif") no-repeat; top: 183px; position: absolute; width:203px; height: 23px; left: 371px;}
div#m4 {background: url("../img/menu/m4_info.gif") no-repeat; top: 206px; position: absolute; width:203px; height: 23px; left: 371px;}

div#m1 a{	height: 23px;}
div#m2 a{	height: 23px;}
div#m3 a{	height: 23px;}
div#m4 a{	height: 23px;}

div#m1 a:hover{background: url("../img/menu/m1_accueilr.gif") no-repeat; width: 356px; margin-left: -153px; *position: absolute;}
div#m2 a:hover{background: url("../img/menu/m2_quir.gif") no-repeat; width: 347px; margin-left: -144px; *position: absolute;}
div#m3 a:hover{background: url("../img/menu/m3_activiter.gif") no-repeat; width: 338px; margin-left: -135px; *position: absolute;}
div#m4 a:hover{background: url("../img/menu/m4_infor.gif") no-repeat; width: 329px; margin-left: -126px; *position: absolute;}

/*-------------------------------------Menu Fin---------------------------------------*/	

/*-------------------------------------Titres Début---------------------------------------*/	
div.titre {position: absolute; top: 257px; left: 0px; width: 169px; height: 52px;}
div#t1 {background: url("../img/titres/t_qui.gif") no-repeat;}
div#t2 {background: url("../img/titres/t_activite.gif") no-repeat;}
div#t3 {background: url("../img/titres/t_info.gif") no-repeat;}
/*-------------------------------------Titres Fin---------------------------------------*/	

/*-------------------------------------Layer du Festival début---------------------------------------*/	
div#logoFestiTelemark {background: url("../img/layoutFesti/festivalLogo.png") no-repeat; top: 100px; position: absolute; width:385px; height: 213px; left: 230px;}

div#telemarkSwitch{/*float:right; clear:right;*/ position: inherit; top: 330px; left: 150px; height: 86px; overflow: visible; width:157px;
	background: url("../img/layoutFesti/telemarkSwitch.png") no-repeat;
	z-index: 5; *margin-top: 330px; *margin-left: 150px;}
	
div#telemarkSwitch a{height: 86px;}
div#telemarkSwitch a:hover{background: url("../img/layoutFesti/telemarkSwitchr.png") no-repeat;}
/*-------------------------------------Layer du Festival Fin---------------------------------------*/	

/*-------------------------------------trasnparence table---------------------------------------*/	
.transparence{
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		/* Opacité pour IE */
		filter: alpha(opacity=50);
		/* Opacité pour IE (2°solution)*/
		-moz-opacity: 0.50;
		/* Opacité pour Mozilla */
		-khtml-opacity: 0.50;
		/* Opacité pour Safari */
		opacity:0.50;
}