body {
	background: #3C4B50 url('../img/fond.png') 0 0 repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	font: 13px arial, verdana, lucida, helvetica, sans-serif;
}

#conteneur {
	width: 1050px;
	margin: 0 auto;
/*  background: white url('../img/fd_conteneur.jpg') 0 0 repeat-y;*/
}

#wrapper {
/*  background: white url('../img/fd_conteneur_top.jpg') 0 0 no-repeat;*/
	padding-top:10px;
	
}

#header {
	text-align: left;
	width: 1000px;
	height: 218px;
	margin: 0 24px 0;
	position: relative;
	background: url(../img/background_header.jpg) top left no-repeat;
}

#page {
	font: 13px helvetica, arial, verdana, lucida, sans-serif;
	position: relative;
	height: 540px;
	text-align: left;
    background:#FFF;
    margin:0 24px;
}

html>body #conteneur #page {
	height: auto;
	min-height: 540px;
}

#content {
/*  margin: 0 24px;*/
	background:transparent url(../img/fd_reservez_maintenant_fr.png) no-repeat scroll 0 0;
}

#footer {
	position: relative;
	text-align: center;
/*  background: white url(../img/fd_conteneur_bottom.jpg) top left no-repeat;*/
	height: 43px;
}

html>body #footer {
	height: auto;
	min-height: 43px;
}

#partenaires {
	float:right;
	background: url(../img/fd_logos_partenaires.png) 0 0 no-repeat;
	margin-top: 189px;
	width: 339px;
	height: 327px;
}

#lien_resa_40 {
	display: block;
	position: absolute;
	top: 0;
	right: 85px;
	width: 329px;
	height: 188px;
}

#encadre {
	float:left;
	margin-top: 189px;
	margin-left: 31px;
	width: 570px;
	background: white url(../img/fd_bloc_contenu_home.png) top left repeat-y;
}

* html #encadre {
	margin:189px 0 0 15px;
	background-position:1px 0;
}

#encadre .inner {
	margin-left: 0;
	padding-bottom: 20px;
	background: transparent url(../img/fd_bas_bloc_contenu_home.jpg) bottom left no-repeat;
}

ul#menu {
	position: absolute;
	top: 195px;
	left: 0;
	width: 1000px;
	height: 23px;
	background: url(../img/sprite_menu_fr.gif) -1px 0 no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#menu.accueil {
	background-position: 0px 0px;
}

ul#menu.location {
	background-position: 0px -23px;
}

ul#menu.materiel {
	background-position: 0px -46px;
}
	
ul#menu.conseils {
	background-position: 0px -69px;
}

ul#menu.liens {
	background-position: 0px -92px;
}

ul#menu.webcam {
	background-position: 0px -115px;
}

ul#menu.plan {
	background-position: 0px -138px;
}

ul#menu a.plan {
	width: 402px;
}
	

ul#menu li {
	float: left;
}

ul#menu li a {
	display: block;
	height: 23px;
}

a, a:visited {
	color: #3070B1;
}

a span, h1 span, h2 span {
	display: none;
}

#encadre a {
	font-weight: bold;
}

a#english {
	position: absolute;
	top: 10px;
	right: 13px;
	display: block;
	width: 42px;
	height: 16px;
	background: url(../img/english.gif) top left no-repeat;
}

#encadre .inner {
	margin: -150px 0 0;
	padding: 5px;
}

h1#location_ski {
	margin-left:20px;
	height:43px;
	background: url(../img/h1_home_fr.png) top left no-repeat;
}

h2#pro_location_ski {
	margin: 0 20px;
	color: #E20C1A;
	font-size:15.40px;
	font-family: "HelveticaNeue-BoldItalic", "Helvetica Neue Bold Italic", "HelveticaNeue", "Helvetica Neue", helvetica, arial, sans serif;
	font-weight: bold;
	font-variant:italic;
}

img {border:0;}

p {
	padding-bottom:1em;
	font: 13px arial, verdana, lucida, helvetica, sans-serif;
}

p.introIndex {
	font-size: 14px;
	font-weight: bold;
}

#encadre p {
	margin:0 20px;
	padding-bottom:16px;
	line-height: 14px;
}

#encadre h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 20px;
}

#footer p {;
	font-size:14px;
	font-family: "HelveticaNeue", "Helvetica Neue", helvetica, arial, sans serif;
	color: #FFF;
}

#footer #logo_booba {
	position: absolute;
	top: 20px;
	right: 24px;
	width: 85px;
	height: 23px;
}

.bigleft{
	margin-left: 50px;
	margin-top: 50px;
}

.medleft{
	margin-left: 450px;
	background-color: white;
}

/** contactForm conseils */
#contactForm label{
	display: block;
	width: 160px;
	float: left;
	font-weight: bold;
 }
 
 #contactForm .line{
 	margin: 5px 0 20px 5px;
 }
 
 /** listes materiel */

ul#gammeList,
ul#gammeList ul{
	list-style: none;
}
div.more{;text-align: left;margin: 10px 0 10px 0}

div.more a{
	font-weight: bold; color: red;
}

div.moremateriel .img{
	text-align: left;
	margin-left: 135px;	
	margin-bottom: 10px;
}

div.oneski .title{
		font-weight: bold;
		text-align: right;
	}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


#mainPanez{
	margin: 40px 0 0 30px;
}

#reservationPane {border: none; }
#contentresa {
	width: 770px;
/*  background:transparent url(../img/fd_top.png) no-repeat scroll 0 0;*/
}
/******************************
*                      AJOUT CF
******************************/
h2#pro_location_ski span{
    display: block;
}
#scrollable{
    margin-top: 1em;
}
#nav{
    float: right;
    width:200px;
    margin:20px 0 0 0;
    text-align: right;
}
#box{
    float: right;
    border:5px solid #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding:7px;
    width:326px;
    height:320px;
    position:relative;
	overflow:hidden;
}
#box .item{
    min-height:330px;
}
#box .items{
    position:absolute;
	/* this time we have very large space for the height */
	height:20000em;
	
}
#nav button{
    margin:0 0 10px 0;
    border:5px solid #000;
    border-right:0;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color:#FFF;   
    margin-right:0px; 
    cursor:pointer;
}
#nav button.active{
    margin-right:-5px; 
}
#nav button span{
    display: block;
    width:185px;
    height:140px;
    background-image:url(/img/tabs.jpg);
    background-repeat:no-repeat;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=70);    
    margin:-1px -5px -1px -9px
}
#nav button span strong{
  background:#FFF;
  color:#AB101B;
  display: block;
  padding:5px;
  text-align: center;
  font-size: 1.1em;
  font-weight: normal;
  position:relative;
  top:70px;
}
#nav button.active span{
    opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=1);    
    width:180px;    
}
#tab_service span{
    background-position:-15px 0px;
}
#tab_avantage span{
    background-position:-15px -149px;
}
#box h3{
    background-image:url(/img/txt_tabs.gif);
    background-repeat:none;
    text-indent: -999em;
    height:55px;
}
.en #box h3{
    background-image:url(/img/txt_tabs_en.gif);
}
#box h3.t1{
    background-position:0 0;
}
#box h3.t2{
    background-position:0 -60px;
}
#box h3.t3{
    background-position:0 -120px;
}
#box h3.t4{
    background-position:0 -180px;
}