body{ background: url(fond_solde_kitesurf.gif) repeat center}

p {margin-top: 0; margin-bottom: 0;}
h1{text-decoration: none; color: #000; font-family: arial, helvetica, sans-serif; font-size: 13pt;}
h2{text-decoration: none; color: #000; font-family: arial, helvetica, sans-serif;font-size: 11pt; }
ul{list-style-type: none;}


/*----------------------
		MENU
; border:#0F0 1px solid}
--------------------*/
#menu-kitesurf{z-index:3}
#menu-kitesurf a{text-decoration:none}
#menu-kitesurf {background:url(fond_menu.gif) no-repeat; border:#000 0px solid; width:220px; position:relative}
#menu-kitesurf .menu_univers {padding:0; margin-bottom:1px}
#menu-kitesurf .menu_univers:hover{cursor:pointer}
#menu-kitesurf dt{padding:0; margin:0}
#menu-kitesurf dd{padding:0; margin:0}

#menu-kitesurf .menu_rayon{padding:0; margin:0}
#menu-kitesurf .menu_rayon li{display: block; width:219px; height:23px; padding:0; margin:0; border-bottom:#fff 1px solid; padding-top:1px}
#menu-kitesurf .menu_rayon li:hover {background:#CCC}

#menu-kitesurf .menu_rayon li a{display: block; width:210px; height:21px; padding-top:1px; padding-left:5px}

#menu-kitesurf .fleche{background:url(trait_menu.png) no-repeat right}
#menu-kitesurf .fleche:hover{background:none}
	
#menu-kitesurf .menu_sous_famille{display:none; padding:0; margin:0; z-index:5}
#menu-kitesurf .menu_rayon li:hover .menu_sous_famille{display:block; padding:0; margin-top:-22px; width:160px; left:215px; z-index:5; position:absolute; background:#ccc; border:#fff 1px solid}
#menu-kitesurf .menu_sous_famille img{display:block; position:absolute; margin-left:-10px; margin-top:5px}
#menu-kitesurf .menu_rayon li:hover .menu_sous_famille li{width:160px; height:auto}
#menu-kitesurf .menu_rayon li:hover .menu_sous_famille li a{width:153px}
#menu-kitesurf .menu_sous_famille li:hover{background:#999}

#menu-kitesurf .Kitesurf li:hover{background:#9bb5db}
#menu-kitesurf .Powerkite li:hover{background:#c1ae9a}
#menu-kitesurf .Hi-Tech li:hover{background:#999}
#menu-kitesurf .Wear li:hover{background:#f2a3d2}
#menu-kitesurf .Surf li:hover{background:#b7eadd}

#menu-kitesurf .Kitesurf .rub_pack{color:#1b3965; font-weight:bold}
#menu-kitesurf .Powerkite .rub_pack{color:#6b4927; font-weight:bold}

/*menu marques*/
#menu-marque a{text-decoration: none;}
#menu-marque{margin:0; padding:0; display:block; border:#F00 0px solid; width:221px; background:url(fond_menu.gif) repeat-y; }
#menu-marque .logo-marque{background:url(titre-marques-kitesurf.png) no-repeat; height:42px;margin:0; padding:0; margin-bottom:10px;}
#menu-marque .logo-marque img{ margin-left:119px; margin-top:3px}

#menu-marque .marque_univers{height:20px; background:url(fond-marque-kitesurf.png) no-repeat; padding-top:8px; padding-left:5px; border:#900 0px solid;}

#menu-marque .menu_marque_rayon {padding:0; margin:0; margin-left:-40px;}
#menu-marque .menu_marque_rayon li{display: block; width:219px; height:23px; border-bottom:#fff 1px solid; /*border:#0F0 1px solid;*/ padding-top:1px;}
#menu-marque .menu_marque_rayon li:hover {background:#ccc;}

#menu-marque .menu_marque_rayon li a{display: block; width:210px; height:21px; padding-top:1px; padding-left:5px;}

#menu-marque .menu_marque_sous_famille{display:none;}
#menu-marque .menu_marque_rayon li:hover .menu_marque_sous_famille{display:block; padding:0; margin-top:-22px;; width:160px; left:215px; z-index:5; position:relative; background:#ccc; border:#fff 1px solid;}
#menu-marque .menu_marque_sous_famille img{display:block; position:absolute; margin-left:-10px; margin-top:5px;}
#menu-marque .menu_marque_rayon li:hover .menu_marque_sous_famille li{width:160px; height:auto; /*padding:2px;*/}
#menu-marque .menu_marque_sous_famille li:hover{background:#999;}

#menu-marque .fleche{background:url(trait_menu.png) no-repeat right;}
#menu-marque .fleche:hover{background:none;}

/*zone recherche texte*/
#acheter-kitesurf{padding:3px; margin:0; display:block; border:#F00 0px solid; height:21px; width:230px; background:url(vente-aile-kitesurf.png)}
#acheter-kitesurf .zone_saisie{display:block; font-family: Arial; font-size: 11pt; font-weight:bold; width:200px; float:left; border:none; background:none}
#acheter-kitesurf img{display:block; position: relative; float:left; margin-left:5px; margin-top:2px;}
#PortOffert{background:#FF0; color:#000; font-size:11pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

/*zone repetee*/
#liste_produits2 ul{width:336px; height:191px; display:block; margin:0; padding:0; position:relative; list-style: none; float:left; margin-right:15px; margin-bottom:15px; z-index:0}
#liste_produits2 ul li{margin:0; padding:0}
#liste_produits2 ul dl{margin:0; padding:0; position:absolute; z-index:1}
#liste_produits2 ul .liste_img{position:absolute; border:none; width:133px; height:100px; margin-top:45px; margin-left:5px}
#liste_produits2 ul li .liste_titre{position:absolute; margin-left:5px; margin-top:10px}
#liste_produits2 ul li .liste_accroche{position:absolute; margin-top:50px; margin-left:150px; width:182px; overflow:hidden; height:80px; z-index:0}
#liste_produits2 ul li .liste_marques{position:absolute; margin-top:159px; margin-left:260px; padding:2px; background:#FFF}
#liste_produits2 ul li .liste_prix{position:absolute; margin-top:163px; margin-left:10px}
#liste_produits2 ul li .liste_prix_barre{position:absolute; margin-top:166px; margin-left:140px}
#liste_produits2 ul li .vignette_promo_liste{z-index: 1; position:absolute; background-repeat:no repeat; display:block; margin-top:41px; margin-left:0px}

/*tooltip*/

#liste_produits2 ul li dl:hover .tip{display:block; position:absolute; width:249px; height:120px; z-index:5; margin-left:115px; margin-top:35px; padding:5px; background:url(bulle_tip.png) no-repeat}
#liste_produits2 ul li dl .tip{display:none}
#liste_produits2 ul li dl .tip span{position:relative; display:block; height:95px; width:180px; overflow:auto; padding:5px; margin-left:18px; margin-top:2px; z-index:5}

#reglette_marques .box_ss_fam{margin:0; padding:0; padding-left:120px; background:url(rayon-kitesurf.gif) no-repeat #FFF; margin-top:5px; width:580px; height:25px; float:left; border-bottom:1px solid #CCC; padding-bottom:5px}
#reglette_marques .box_ss_fam .sous_famille_haut{display:block; background:#FFF; border:#ccc 1px solid; float:left; margin-right:5px; padding:3px; margin-bottom:5px}
#reglette_marques .box_ss_fam .sous_famille_haut:hover{border:#000 1px solid}
#reglette_marques .box_ss_fam .sous_fam_over{border:#000 1px solid}
#reglette_marques .box_ss_fam .sous_famille_haut a{text-decoration:none}

#reglette_marques .box_marque{height:30px; margin:0; padding:0; background:url(marque-kitesurf-cabrinha-f-one.gif) no-repeat  #FFF; padding-left:120px; width:580px; margin-top:5px; float:left; margin-bottom:5px; border-top:1px solid #CCC; padding-top:5px}
#reglette_marques .box_marque .marques_haut{display:block; border:#ccc 1px solid; width:64px; height:25px; margin-right:5px; float:left; margin-bottom:5px}
#reglette_marques .box_marque .marques_haut:hover{border:#000 1px solid}
#reglette_marques .box_marque .marque_over{border:#000 1px solid}


/*combo marques*/
#marques-kitesurf a{text-decoration:none;}
#marques-kitesurf div{display:block; width:220px; height:27px; position:relative; background:url(fond_combo_marques.png) no-repeat; z-index:1000; }
#marques-kitesurf .titre-marques{display:block; width:220px; height:27px; padding-left:5px; padding-top:4px;}

#marques-kitesurf div ul{display:none;}
#marques-kitesurf div:hover ul{display:block; background:#FFF; border:#ccc 1px solid; z-index:1; height:450px; overflow:auto; padding:0; margin-top:-4px; }

#marques-kitesurf div:hover ul li{line-height:24px; padding-left:5px;}
#marques-kitesurf div:hover ul li:hover{background:#23FF20;}
#marques-kitesurf .impair{background:#FFF}
#marques-kitesurf .pair{background:#efefef;}


/*box bas accueil*/
.box_accueil{display:block; width:540px; list-style-type: none; padding:0; margin:0;}
.box_accueil li{display:block; width:250px; height:81px; float:left; padding-right:10px; padding-top:10px; padding-left:3px; margin-bottom:5px; }
.box_accueil li:hover{background-color:#EEE;}
.box_accueil li a img{display:block; position:absolute; border:#999 1px dashed;}
.box_accueil li a.lien-fiche{display:block; position:absolute; margin-left:110px; width:120px;}
.box_accueil li .prix{display:block; position:absolute; margin-left:110px; width:120px; margin-top:45px;}
.box_accueil li .prix-barre{display:block; position:absolute; margin-left:110px; width:120px; margin-top:65px;}
.promo-accueil{position:absolute; display:block; width:100px; height:100px; z-index: 1; margin-left:-5px; margin-top:-5px;}

.box_sous_famille{border-left:#999 1px dashed; padding-left:10px; margin-top:5px; position:absolute; display:block; margin-left:540px; line-height:17px;}
.box_sous_famille li:hover{display:block; width:160px; background-color:#EEE;}

.box_marques{position:relative; display:block; float:left; margin-top:0;  padding:0; margin:0; margin-bottom:10px;}
.box_marques li{float:left; margin-right:10px; padding:0;}

.box_marques li img{border:#999 1px dashed;}
.box_marques li img:hover{border:#000 1px dashed; }

.box_marques .pack-perso{display:block; position:absolute; margin-left:520px; margin-top:-30px;}


.titre_promo{display:block;	width:640px; background-color:#EEE;	border:#ccc solid 1px; font-family: arial, helvetica, sans-serif; font-size: 10pt; font-weight:700; padding: 3px; margin-top:10px; }

.promo{background-color:#FF0;color:#F00;}
.tableau_promo{	border:#EEE 1px solid;margin-top:5px;background:#F8F8F8;}
.tableau_promo:hover{background:#EEE;}

.photo {width:475px; height:394px; padding:0px; margin:0px;background:url(kitesurfing-board-kite.png) no-repeat;}

.photo img{padding-top:10px;padding-left:10px;}
.image {padding:0px; margin:15px;}
.vignettes {background:url(kitesurf-vignette.png) no-repeat; width:106px; height:105px; float:left}
.vignettes img{padding:0px; margin:13px;}

.fond-marque{background:url(kitesurf.gif) no-repeat;}
.logo-marque{background:url(acheter-aile-kitesurf.png) no-repeat center; height:95px; padding-top:10px;	padding-left:32px;}

.intro_txt{border-top:#000 solid 1px;}
.intro_txt p{font-family: arial, helvetica, sans-serif; font-size: 10pt;}


/* pour ggogle map */
#madiv{height:150pt;overflow:auto} 



.BackgndProduit2{z-index: 1; position:absolute; background-repeat:no repeat; margin-left:17px; margin-top:-5px;}
.icone_promo{z-index: 1; position:absolute; background-repeat:no repeat; margin-left:5px; margin-top:5px;}


.TabLink {
BACKGROUND-COLOR: #FFFFFF; 
BORDER-BOTTOM: 1px solid #A9CDEB;
}


#TabGene TD.TabOff a {
font: bold 9pt Arial;
color: #FFFFFF;
}

#TabGene TD.TabOn a {
font: bold 9pt Arial;
color: #A9CDEB;
}


#menu_navig{width: 220px; background:url(kitesurf-promos-kite-boards.gif) no-repeat left top; padding-top: 2px;}
#menu_navig dd {margin: 0;}
#menu_navig dt {background:url(pack-kitesurf-mountainboard.png) no-repeat left top; font-size: 18px; padding: 5px; margin: 1px; font: bold 13px "Arial"; line-height:25px;}
#menu_navig dt:hover{background:url(shop-kitesurf.png) no-repeat left top;}

#menu_navig div{background:url(pack-kitesurf-mountainboard.png) no-repeat left top; font-size: 18px; padding: 5px; margin: 1px; font: bold 13px "Arial";line-height:25px;}
#menu_navig div:hover{background:url(shop-kitesurf.png) no-repeat left top;}

#menu_navig dd a{ color: #000; font: 13px "Arial";}
#menu_navig ul{ list-style: none; padding: 5px;}

/*anim accueil*/
#container { width:700px; margin:0px auto 0px; background:#FF0000; padding:0px; font-size:12px; margin-top:0px; background:url(../cadre.png) no-repeat}
.lof-slidecontent a.readmore{color:#58B1EA;font-size:95%;}
.lof-slidecontent{position:relative;overflow:hidden;}
.lof-slidecontent .preload{	height:100%;width:100%;	position:absolute;top:0;left:0;z-index:100000;text-align:center;background:#FFF}
.lof-slidecontent .preload div{	height:100%;width:100%;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;}
.lof-main-outer{position:relative;height:100%;width:300px;z-index:3px;overflow:hidden;}



/*******************************************************/
.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	bottom:50px;
	left:0px;
	width:350px;
	background:url(../images/bg_trans.png);
	height:100px;
	/* filter:0.7(opacity:60) */
	padding:10px;
}
.lof-main-item-desc p{
	margin:0 8px;
	padding:8px 0
}
.lof-main-item-desc h3{
	padding:0;
	margin:0
}
.lof-main-item-desc h2{
	padding:0;
	margin:15px 0 0 0px;
}
.lof-main-item-desc h3 a{	
	margin:0;
	background:#C01F25;
	font-size:75%;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-main-item-desc h3 a:hover{

	text-decoration:underline;
}
.lof-main-item-desc h3 i {
	font-size:70%;
}

/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	float:left;
	position:relative;
}
.lof-opacity {
	overflow:visible  !important;;
	position:absolute !important;
}
.lof-opacity  li{
	position:absolute  !important;;
	top:0;
	left:0;
	float:inherit  !important;
}
ul.lof-main-wapper li img{
	padding:0px;	
}

/* item navigator */
.lof-navigator-wapper {
	position:absolute;
	bottom:10px;
	right:10px;
	background:#000;
	padding:5px 15px;
	-moz-border-radius:5px 5px 5px 5px;

}
.lof-navigator-outer{
	position:relative;
	z-index:100;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	padding:0;
	margin-left:0px;
	overflow:hidden;
	float:left;
	display:block;
	text-align:center;
}
ul.lof-navigator li.active , ul.lof-navigator li:hover  {
	background:#FFF;
	color:#000;
	display:block;
}