*{
  margin:0;
  padding:0;
}
html, body{
  margin:0;
  padding:0;
  height:100%;
}
body{
  color:#b3b5b7;
  font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size:.8em;
  line-height:1.2em;
  background:#000;
  height:100%;
  background-repeat:no-repeat;
  background-position:top center;
}
#langue a {
	display:block;
  text-decoration:none;
  text-indent:-5000px;
  overflow: hidden;
  outline: none;}
  
#langue {
	height:19px;
	width:50px;
	position:absolute;
	top:0px;
	right:50px;
	}

#langue div{
	height:9px;
	width:15px;
	background-repeat:no-repeat;
	margin:5px;
	float:left;
	}
.france {
	background-image:url(images/france.gif);
	}
.america {
	background-image:url(images/america.gif);
	}
.active { background-position: 0px -9px;}
.accueil{
	background-image:url(images/bg_nb.jpg);
	}
.photos{
	background-image:url(images/bg_photo.jpg);
	}	
.propos{
	background-image:url(images/bg_propos.jpg);
	}
.contact{
	background-image:url(images/bg_contact.jpg);
	}
.gonflables{
	background-image:url(images/bg_neutre.jpg);
	}
.goodies{
	background-image:url(images/bg_gonflable.jpg);
	}
.gonflables{
	background-image:url(images/bg_gonflable.jpg);
	}
.revendeurs{
	background-image:url(images/bg_revendeurs.jpg);
	}
.garantie{
	background-image:url(images/bg_garantie.jpg);
	}

#webpage{
	width:100%;
	height:auto;
	margin:0px auto auto auto;
	}

#header{
	position:relative;
	height:142px;
	border-bottom:#1D3038 1px solid;
	background-image:url(images/bg_top.png);
	background-repeat:no-repeat;
	background-position:center top;
	}

#logo img {border:0px;}
	
* html div#header{
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_top.png", sizingMethod="crop");
}

#logo {
	display:block;
	width:349px;
	height:67px;
	text-align:left;
	margin-left:-410px;
	position:absolute;
	left: 50%;
	top: 60px;
	z-index:10;
	}

#nav{
	text-align:center;
	display:block;
	position:absolute;
	bottom:0px;
	height:28px;
	width:100%;
	background-color:#000000;
	background-image:url();
	background-repeat:no-repeat;
	background-position:center;
	}
	
#main{
	height:362px; text-align:center; padding:0px; top:0px;
	}
.propos #main { width:600px; margin:auto;}	
#texte {
width:350px;
margin:0px 0px 0px 250px;
padding:20px 0 0 0;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
text-align: justify;
color:#AAA;
}

#texte a:link {
color:#4ecbfe;
border-bottom: 1px dotted #4ecbfe;
text-decoration:none;
}
#texte a:hover, #texte a:active {
color:#a7e5ff;
border-bottom: 1px solid #a7e5ff;
text-decoration:none;
}

#footer{
	clear:both;
	height:96px;
	border-top:#1D3038 1px solid;
	background-image:url(images/bg_footer.png);
	background-repeat:no-repeat;
	background-position:center top;
	}
* html div#footer{
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_footer.png", sizingMethod="crop");
}


/*---------------------------------------------------------
  Navigation Elements
---------------------------------------------------------*/
#navPrimary{
  background: #000000 url(images/bg_nav.png) no-repeat center;
  position:relative;
  bottom:0px;
  height:24px;
  width:100%;
  top:114px;
  left:0px;
  padding-top:2px;
  padding-bottom:2px;
  
}
#navPrimary ul{
  list-style:none;
  line-height: 1em;
}
#navPrimary ul li a {
  display:block;
  background:no-repeat top left;
  text-decoration:none;
  text-indent:-5000px;
  overflow: hidden;
  height: 24px;
  outline: none;
}
#navPrimary ul li a:hover{
  background-position:left 24px;
}
#navPrimary ul li.current a {
  background-position:left -24px;
}
#navPrimary ul li.propos, #navPrimary ul li.gonflables, #navPrimary ul li.billes, #navPrimary ul li.revendeurs, #navPrimary ul li.garantie, #navPrimary ul li.photos, #navPrimary ul li.goodies, #navPrimary ul li.contact{position:relative;}
#navPrimary ul li.propos{}
#navPrimary ul li.gonflables {}
#navPrimary ul li.billes {}
#navPrimary ul li.revendeurs {}
#navPrimary ul li.garantie {}
#navPrimary ul li.photos {}
#navPrimary ul li.goodies {}
#navPrimary ul li.contact {}

/* Image Replacement for Navigation */
#navPrimary ul li.propos a {
  background-image:url(images/bt_propos.png);
  width:141px;
}
#navPrimary ul li.gonflables a {
  background-image: url(images/bt_gonflables.png);
  width:80px;
}
#navPrimary ul li.terrains a {
  background-image: url(images/bt_terrains.png);
  width:66px;
}
#navPrimary ul li.billes a {
  background-image: url(images/bt_billes.png);
  width:50px;
}
#navPrimary ul li.revendeurs a {
  background-image: url(images/bt_revendeurs.png);
  width: 83px;
}
#navPrimary ul li.garantie a {
  background-image: url(images/bt_garantie.png);
  width:66px;
}
#navPrimary ul li.photos a {
  background-image: url(images/bt_photos.png);
  width:58px;
}
#navPrimary ul li.goodies a {
  background-image: url(images/bt_goodies.png);
  width:62px;
}
#navPrimary ul li.contact a {
  background-image: url(images/bt_contact.png);
  width:62px;
}

#nav-one{
position:relative;
margin:auto;
width:668px;
}
/*---------------------------------------------------------
  Dropdown Secondary Navigation
---------------------------------------------------------*/
.nav, .nav ul { 
  list-style: none;
  margin: 0;
  padding: 0;
  font-size:1em;
}
.nav {
  font-family: Arial, Helvetica, sans-serif;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li ul {
  width: 135px;
  margin-left: 1px;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  background: #000;
  color: #fff;
  display: block;
  text-decoration: none;
}
.nav li a span, .nav li a:link span, .nav li a:active span, .nav li a:visited span {color:#00b4e5;}
.nav li a:hover {
  background: #000;
  color: #000;	
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #000;
  color: #fff;
}
#nav-one li:hover a span, 
#nav-one li.sfHover a span{
  color: #00b4e5;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #000;
  color: #fff;
  width:auto;
  height: auto;
  text-indent: 0px;
  border-bottom: none;
  padding: 5px;
  font-size: 0.9em;
  clear:left;
  display:block;
  width: 125px;
  line-height: 1em;
  border-top:#CCCCCC dotted 1px;
}
#nav-one li:hover ul a span, 
#nav-one li.sfHover ul a span{
  color: #00b4e5;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #333;
  color: #fff;
}
.nav ul {
  background: #fff;
  list-style: none;
  margin: 0;
  width: 135px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 24px;
}
.nav ul li {
  border: 0;
  float: none;
  margin:0;
}
.nav ul a {
  border-bottom: 0;
  width: 135px;
}
.nav ul a:hover {
  color: #000;
}