body { position: relative; margin: 0; padding: 0; background:url(../images/static/background.jpg) top center no-repeat #000000 fixed; height: 100%; min-width: 990px; color: #333333; font-family: Arial; }

ul, li { list-style: none; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, p { margin: 0; padding: 0; }

img { border: 0; }

.clear { clear: both; }

h1 { position: absolute; text-indent: -9999em; }

.container { position: relative; width: 990px; margin: 0 auto; min-height: 700px; }


#overlay { position: absolute; bottom:0; left:0; width:100%; background-color:#323232; height: 200%; z-index:10000; -moz-opacity: 0.8; opacity: 0.8; display: block; }

#popup { position: fixed; width:720px; height:415px; top:50%; margin-top:-240px; left:50%; margin-left:-360px; z-index: 20000; display: block; background: url(../images/static/loading.gif) no-repeat center center #000000; }

#popup #close a { position: absolute; top:-37px; left: 10px; background: url(../images/static/img-btn-close-video.gif) no-repeat; width: 49px; height: 37px; display: block; cursor: pointer; outline: none; }

#goodies { position:fixed; bottom:0px; left:50%; margin-left: -640px; width:1280px; overflow: hidden; }

#close a { position: absolute; top:-36px; left: 0; background: url(../images/static/btn-close.gif) no-repeat; width: 40px; height: 36px; display: block; z-index: 30000; cursor: pointer; }


/* HEADER */
.container .header { position: relative; width: 990px; margin: 0 auto; padding: 10px 0; z-index: 1000; }
.container .header .logo a { position: absolute; background: url(../images/static/img-logo.png) no-repeat; width: 176px; height: 80px; top:10px; left: 10px; display: block; }

.container .header ul.menu { position: relative; padding:10px 0 0 217px; overflow:visible; }
.container .header ul.menu li { position: relative; float: left; margin: 0 6px 0 0; z-index: 1000; }
.container .header ul.menu li a { height: 60px; cursor: pointer; }

.container .header ul.menu li.accueil a { background: url(../images/static/img-menu-accueil.png) 0 10px no-repeat; width: 70px; display: block;}
.container .header ul.menu li.accueil-on a { background: url(../images/static/img-menu-accueil.png) 0 -80px no-repeat; width: 70px; display: block;}
.container .header ul.menu li.accueil a:hover { background: url(../images/static/img-menu-accueil.png) 0 -80px no-repeat;}


/* SOUS MENU */
.container .header ul.menu li.velo a { background: url(../images/static/img-menu-velo.png) 0 10px no-repeat; width: 122px; display: block; height: 60px; cursor: pointer;}
.container .header ul.menu li.velo ul { position: absolute; top:42px; background: url(../images/static/img-sous-menu.png) no-repeat; width: 122px; height: 94px; z-index: 1000; padding:4px 6px; }

.container .header ul.menu li.velo ul li { background: none; float: none; }
.container .header ul.menu li.velo ul li a { background: none; font-size: 12px; color: #333333; text-decoration: none; width: 115px; height: 20px; float: none;}
.container .header ul.menu li.velo ul li a:hover { background: none; text-decoration: underline; }



.container .header ul.menu li.velo-on a { background: url(../images/static/img-menu-velo.png) 0 -80px no-repeat; width: 122px; display: block;}
.container .header ul.menu li.aide a { background: url(../images/static/img-menu-aide.png) 0 10px no-repeat; width: 122px; display: block;}
.container .header ul.menu li.aide-on a { background: url(../images/static/img-menu-aide.png) 0 -80px no-repeat; width: 122px; display: block;}
.container .header ul.menu li.aide a:hover { background: url(../images/static/img-menu-aide.png) 0 -80px no-repeat;}
.container .header ul.menu li.mots a { background: url(../images/static/img-menu-mots.png) 0 10px no-repeat; width: 162px; display: block;}
.container .header ul.menu li.mots a:hover { background: url(../images/static/img-menu-mots.png) 0 -80px no-repeat;}
.container .header ul.menu li.mots-on a { background: url(../images/static/img-menu-mots.png) 0 -80px no-repeat; width: 162px; display: block; }
.container .header ul.menu li.galerie a { background: url(../images/static/img-menu-galerie.png) 0 10px no-repeat; width: 142px; display: block;}
.container .header ul.menu li.galerie a:hover { background: url(../images/static/img-menu-galerie.png) 0 -80px no-repeat;}
.container .header ul.menu li.galerie-on a { background: url(../images/static/img-menu-galerie.png) 0 -80px no-repeat; width: 142px; display: block;}
.container .header ul.menu li.conseils a { background: url(../images/static/img-menu-conseils.png) 0 10px no-repeat; width: 110px; display: block;}
.container .header ul.menu li.conseils a:hover { background: url(../images/static/img-menu-conseils.png) 0 -80px no-repeat;}
.container .header ul.menu li.conseils-on a { background: url(../images/static/img-menu-conseils.png) 0 -80px no-repeat; width: 110px; display: block;}


/* SLOGAN */
.container .slogan { position: relative; padding:15px 0 0 240px; background: url(../images/static/img-slogan.png) no-repeat bottom right; width: 724px; height: 42px; z-index: 10; }


/* ENTREES */
.container ul.entrees { position: relative; padding:30px 0 0 210px; overflow: hidden; width: 780px;  }
.container ul.entrees li { position: relative; display: block; float: left; margin: 0 10px 0 0; }
.container ul.entrees li a { position: relative; display: block; float: left; cursor: pointer; }
.container ul.entrees li.forme1-femme a { background: url(../images/static/img-onglet-forme-1-femme.png) no-repeat; width: 185px; height: 272px; }
.container ul.entrees li.forme1-homme a { background: url(../images/static/img-onglet-forme-1-homme.png) no-repeat; width: 185px; height: 272px; }
.container ul.entrees li.forme2 a { background: url(../images/static/img-onglet-forme-2.png) no-repeat; width: 185px; height: 272px; }
.container ul.entrees li.forme3 a { background: url(../images/static/img-onglet-forme-3.png) no-repeat; width: 185px; height: 272px; }


/* ONGLETS */
.container ul.onglets { position: relative; padding:20px 0 30px 500px; overflow: hidden; width: 470px; }
.container ul.onglets li { float: left; margin: 0 5px 0 0; }
.container ul.onglets li a { float: left; cursor: pointer; }
.container ul.onglets li.video a { position: relative; background: url(../images/static/img-onglet-video.png) no-repeat; width: 152px; height: 68px; display: block; }
.container ul.onglets li.aide a { position: relative; background: url(../images/static/img-onglet-aide.png) no-repeat; width: 132px; height: 85px; display: block; }
.container ul.onglets li.goodies a { position: relative; background: url(../images/static/img-onglet-goodies.png) no-repeat; width: 145px; height: 70px; display: block; }


/* AIDE */
ul.choix { position: relative; float: left; padding: 30px 0 0 210px; overflow: hidden; width: 309px; }
ul.choix li { position: relative; }
ul.choix li.choix { background: url(../images/static/img-aide-choix.png) no-repeat; width: 309px; height: 109px; display: block; }
ul.choix li.choix h2 { font-size: 12px; color: #333333; padding: 8px 0 0 10px; }
ul.choix li.choix fieldset { border: 0; padding: 5px 0 0 10px; margin: 0; }
ul.choix li.choix fieldset p { margin: 3px 0; padding: 0; font-size: 11px; line-height: 18px; clear: both; }
ul.choix li.choix fieldset.double { border: 0; padding: 15px 0 0 10px;}
ul.choix li.choix fieldset.double p { width: 100px; float: left; clear: none; }

ul.choix li.plus { background: url(../images/static/img-aide-plus.png) no-repeat center; width:29px; height: 29px; display: block; width: 309px; padding: 3px 0 6px 0;}
.egal { position: relative; float: left; width: 45px; height: 45px; padding: 0; background: url(../images/static/img-aide-egal.png) no-repeat center; display: block; padding: 420px 10px 0 10px; }


ul.resultat-un { position: relative; float: left; padding: 160px 0 0 10px; overflow: hidden; width: 372px; }
ul.resultat-deux { position: relative; float: left; padding: 100px 0 0 10px; overflow: hidden; width: 372px; }
ul.resultat-trois { position: relative; float: left; padding:15px 0 0 10px; overflow: hidden; width: 372px; }

ul.resultat-un li,
ul.resultat-deux li,
ul.resultat-trois li { position: relative; background: url(../images/static/img-aide-resultat.png) no-repeat; width: 372px; height: 127px; display: block; margin: 13px 0; }
ul.resultat-un li img,
ul.resultat-deux li img,
ul.resultat-trois li img { float: left; margin:15px 10px 15px 15px; }
ul.resultat-un li h2,
ul.resultat-deux li h2,
ul.resultat-trois li h2 { font-size: 12px; font-weight: bold; padding: 10px 0 5px 0; }
ul.resultat-un li p,
ul.resultat-deux li p,
ul.resultat-trois li p { font-size: 11px; padding: 0 10px 0 0; }
ul.resultat-un li h5 a,
ul.resultat-deux li h5 a,
ul.resultat-trois li h5 a { position: absolute; bottom: -5px; right: 90px; background: url(../images/static/img-aide-btn.png) no-repeat ; width: 152px; height: 40px; display: block; cursor: pointer; }
ul.resultat-un li h5.left a,
ul.resultat-deux li h5.left a,
ul.resultat-trois li h5.left a { position: absolute; bottom: -10px; left: 40px; background: url(../images/static/img-aide-btn-femme.png) no-repeat ; width: 152px; height: 40px; display: block; cursor: pointer; }
ul.resultat-un li h5.right a,
ul.resultat-deux li h5.right a,
ul.resultat-trois li h5.right a { position: absolute; bottom: -10px; right: 20px; background: url(../images/static/img-aide-btn-homme.png) no-repeat ; width: 152px; height: 40px; display: block; cursor: pointer; }



/* MOTS */
ul.videos { position: relative; float: left; width: 275px; padding: 20px 0 0 230px; }
ul.videos li { position: relative; background: url(../images/static/img-mots-video.png) no-repeat; width: 275px; height: 107px; display: block; margin: 10px 0; }
ul.videos li .img { position: absolute; top:7px; left: 5px; width: 90px; height: 90px; }
ul.videos li h2 { position: absolute; top:15px; left: 105px; font-size: 12px; width: 125px; }
ul.videos li h5 a { position: absolute; bottom:15px; left: 120px; background: url(../images/static/img-mots-btn.png) no-repeat; display: block; width: 102px; height: 22px; }
.videoback { position: relative; float: left; width: 417px; padding:45px 0 0 25px; height: 317px; display: block; background: url(../images/static/img-mots-back.png) no-repeat bottom right; }



/* PRODUIT */
.media { position: relative; float: left; padding: 30px 0 0 180px; }
.media ul { position: relative; float: left; overflow: hidden; width: 62px; padding: 8px 0 0 0; }
.media ul li { position: relative; background: url(../images/static/img-produit-vignette.png) no-repeat; width: 48px; height: 49px; display: block; margin: 0 0 5px 0; padding: 5px 7px; }
.media .zone-media { position: relative; float: left; background: url(../images/static/img-produit-back-media.png) no-repeat; width: 400px; height: 310px; display: block; text-align: center; padding: 15px 19px 15px 11px; }
.resume { position: relative; float: left; padding: 30px 0 0 10px; background: url(../images/static/img-produit-back-resume.png) no-repeat bottom right; display: block; width: 290px; height: 350px; }
.resume .prix { position: absolute; bottom:-15px; left:-5px; width: 90px; height:60px; padding:30px 0 0 0; display: block; color: white; font-size: 26px; text-align: center; background: url(../images/static/img-produit-prix.png) no-repeat; font-weight: normal; }


.resume .magasin a { position: absolute; bottom:48px; right: 15px; background:url(../images/static/img-produit-magasin.png) no-repeat 0 -60px; width: 155px; height:50px; display: block; cursor: pointer; }
.resume .magasin a:hover { background-position: 0 0; }

.resume .fiche a { position: absolute; bottom:-5px; left:95px; background: url(../images/static/img-produit-fiche.png) no-repeat; width:210px; height:50px; display: block; cursor: pointer; }
.resume h2 { font-size: 14px; font-weight: bold; padding: 10px 0 0 10px;}
.resume p { font-size: 12px; padding:8px 10px 10px 10px; line-height:20px; }


.infos-techniques { position: relative; width: 700px; padding: 10px 0 0 245px; margin-bottom:25px; }
.infos-techniques ul.onglet-produit { position: relative; overflow: hidden; width: 500px; }
.infos-techniques ul.onglet-produit li, .infos-techniques ul.onglet-produit li a { float: left; outline: none; cursor: pointer; }
.infos-techniques ul.onglet-produit li.technique-on a { background: url(../images/static/img-produit-btn-technique.png) no-repeat; width: 176px; height: 32px; display: block; } 
.infos-techniques ul.onglet-produit li.decouvrir-off a { background: url(../images/static/img-produit-btn-decouvrir.png) no-repeat; width: 135px; height: 32px; display: block; } 
.infos-techniques ul.onglet-produit li.technique-off a { background: url(../images/static/img-produit-btn-technique2.png) no-repeat; width: 176px; height: 32px; display: block; } 
.infos-techniques ul.onglet-produit li.decouvrir-on a { background: url(../images/static/img-produit-btn-decouvrir2.png) no-repeat; width: 135px; height: 32px; display: block; } 

.infos-top { position: relative; background: url(../images/static/img-produit-back-detail-top.png) no-repeat; width: 729px; height: 20px; display: block; }
.infos-bottom { position: relative; background: url(../images/static/img-produit-back-detail-bottom.png) no-repeat bottom; width: 729px; min-height: 100px; }
.infos-top2 { position: relative; background: url(../images/static/img-produit-back-detail-top2.png) no-repeat; width: 729px; height: 20px; display: block; }
.infos-bottom2 { position: relative; background: url(../images/static/img-produit-back-detail-bottom.png) no-repeat bottom; width: 729px; min-height: 100px; }

.infos-bottom h2, .infos-bottom2 h2 { font-size: 13px; font-weight: bold; padding: 5px 10px 5px 20px; margin: 0;}
.infos-bottom p, .infos-bottom2 p { font-size: 12px; line-height: 18px; padding: 0 10px 15px 25px;}

ul.autres_velos { position: relative; overflow: hidden; padding-bottom: 15px; }
ul.autres_velos li { position: relative; width: 650px; padding: 10px 25px; }
ul.autres_velos li p { font-size: 12px; float: left; width: 450px; }
ul.autres_velos li p a { color: #333333; text-decoration: underline; }
ul.autres_velos li p a:hover { text-decoration: none; }
ul.autres_velos li p span { font-size: 14px; font-weight: bold; display: block; }
ul.autres_velos li .img-forme1-femme a { background: url(../images/static/img-btn-forme-1-femme.png) no-repeat; width: 150px; height: 140px; float: left; }
ul.autres_velos li .img-forme1-homme a { background: url(../images/static/img-btn-forme-1-homme.png) no-repeat; width: 150px; height: 140px; float: left; }
ul.autres_velos li .img-forme2 a { background: url(../images/static/img-btn-forme-2.png) no-repeat; width: 150px; height: 140px; float: left; }
ul.autres_velos li .img-forme3 a { background: url(../images/static/img-btn-forme-3.png) no-repeat; width: 150px; height: 140px; float: left; }

/* GALERIE */
ul.galerie { position: relative; padding: 30px 0 0 250px; }
ul.galerie li { position: relative; float: left; background: url(../images/static/img-galerie-back.png) no-repeat; width: 160px; height: 160px; display: block; margin: 10px 10px 0 0; }
ul.galerie li img { padding: 20px 0px 0 0px;}
ul.galerie li h5 a { position: absolute; bottom:17px; left: 25px; background: url(../images/static/img-galerie-btn.png) no-repeat; width: 120px; height: 32px; display: block; outline: none; }

.tip-text { z-index: 2000; background: url(../images/static/img-galerie-over2.png) no-repeat; width: 352px; height: 247px; display: block; padding: 10px 7px 0 0 ; text-align: center; }
/*
ul.galerie li a span { position: absolute; z-index: 2000; background: url(../images/static/img-galerie-over.png) no-repeat; width: 359px; height: 267px; display: block; top:-170px; left:60px; display: none; margin: 0; padding: 0;  }
ul.galerie li a span img { padding: 13px 10px 0 15px; }
ul.galerie li a:hover span { display: block; }
*/


/* CONSEILS */
.conseils1-top { position: relative; background: url(../images/static/img-conseils-back1-top.png) no-repeat right bottom; width: 726px; height: 50px; display: block; padding: 30px 0 0 230px; }
.conseils1-bottom { position: relative; background: url(../images/static/img-conseils-back1-bottom.png) no-repeat right bottom; width: 726px; display: block; padding: 0px 0 0 230px; }
.conseils1-bottom img.left { float: left; margin:0 20px 10px 20px;}
.conseils1-bottom img.right { float: right; margin:0 20px 10px 20px;}
.conseils1-bottom p { font-size: 12px; margin: 0; padding: 0px 20px 0 20px; line-height: 20px; }
.conseils1-bottom ul { font-size: 12px; margin: 0; padding: 10px 20px; }
.conseils1-bottom ul li { font-size: 12px; margin: 10px 0; padding-left: 15px; list-style:square; list-style-position: inside; line-height: 20px; }
.conseils2 { position: relative; background: url(../images/static/img-conseils-back2.png) no-repeat right center; width: 726px; height: 360px; display: block; padding: 30px 0 30px 230px;}
.conseils2 .elt-un a { position: absolute; top:40px; left:260px; background: url(../images/static/img-elt-1.jpg) no-repeat; width: 232px; height: 77px; display: block; cursor: pointer; }
.conseils2 .elt-deux a { position: absolute; top:127px; left:260px; background: url(../images/static/img-elt-2.jpg) no-repeat; width: 232px; height: 94px; display: block; cursor: pointer; }
.conseils2 .elt-trois a { position: absolute; top:221px; left:260px; background: url(../images/static/img-elt-3.jpg) no-repeat; width: 232px; height: 73px; display: block; cursor: pointer; }
.conseils2 .elt-quatre a { position: absolute; top:294px; left:260px; background: url(../images/static/img-elt-4.jpg) no-repeat; width: 232px; height: 82px; display: block; cursor: pointer; }
.conseils2 .elt-cinq a { position: absolute; top:40px; left:690px; background: url(../images/static/img-elt-5.jpg) no-repeat; width: 230px; height: 80px; display: block; cursor: pointer; }
.conseils2 .elt-six a { position: absolute; top:120px; left:690px; background: url(../images/static/img-elt-6.jpg) no-repeat; width: 230px; height: 93px; display: block; cursor: pointer; }
.conseils2 .elt-sept a { position: absolute; top:213px; left:690px; background: url(../images/static/img-elt-7.jpg) no-repeat; width: 230px; height: 87px; display: block; cursor: pointer; }
.conseils2 .elt-huit a { position: absolute; top:300px; left:690px; background: url(../images/static/img-elt-8.jpg) no-repeat; width: 230px; height: 75px; display: block; cursor: pointer; }


/* FOOTER */
.footer { position: fixed; bottom: 0; left:0; width: 100%; text-align: center; z-index: 9999; }
.footer .btn a { position: relative; background: url(../images/static/img-footer-btn.png) no-repeat center;  height: 50px; display: block; text-align: center; }
.footer .div { position: relative; background: url(../images/static/img-footer-background.png) repeat; padding: 5px 0 ; height: 75px; }
.footer .div ul.acces-rapide { position: relative; width: 520px; margin: 0 auto;   }
.footer .div ul.acces-rapide li { float: left; display: block; margin: 0 5px 0 0; }
.footer .div ul.acces-rapide li a { float: left; display: block;  }
.footer .div ul.acces-rapide li.forme-1-femme a { background: url(../images/static/img-footer-forme1f.png) no-repeat; width: 120px; height: 75px; }
.footer .div ul.acces-rapide li.forme-1-femme a:hover { background: url(../images/static/img-footer-forme1f.png) no-repeat 0 -80px; }
.footer .div ul.acces-rapide li.forme-1-homme a { background: url(../images/static/img-footer-forme1h.png) no-repeat; width: 120px; height: 75px; }
.footer .div ul.acces-rapide li.forme-1-homme a:hover { background: url(../images/static/img-footer-forme1h.png) no-repeat 0 -80px;}
.footer .div ul.acces-rapide li.forme-2 a { background: url(../images/static/img-footer-forme2.png) no-repeat; width: 120px; height: 75px; }
.footer .div ul.acces-rapide li.forme-2 a:hover { background: url(../images/static/img-footer-forme2.png) no-repeat 0 -80px; }
.footer .div ul.acces-rapide li.forme-3 a { background: url(../images/static/img-footer-forme3.png) no-repeat; width: 120px; height: 75px; }
.footer .div ul.acces-rapide li.forme-3 a:hover { background: url(../images/static/img-footer-forme3.png) no-repeat 0 -80px; }


/*LIGHTBOX SONDAGE*/
#filtre { background-color:#222222; display:none; float:left; height:863px; left:0; opacity:0.6; position:absolute; top:0; visibility:visible; width:1260px; z-index:110000; } 
#calque { color:#000000; display:none; height:577px; overflow:hidden; position:absolute; width:560px; z-index:200000; } 
iframe#map-decathlon { height:500px; margin-left:20px; margin-top:50px; width:760px; } 
#bloc_fermer { float:right; margin-right:7px; margin-top:10px; } 
#iframe-sondage { overflow:hidden; } 
#calquecontainer #bloc_fermer { background-color:#FFFFFF; color:#FFFFFF; float:none; font-weight:bold; height:20px; margin:0; padding:8px 10px 8px 0; text-align:right; width:auto; } 
#calquecontainer #bloc_fermer a { color:#FFFFFF; }
#bloc_fermer a img, #bloc_fermer a { border: none;}