body { position: relative; font-size: 11px; font-family: Arial; margin:0; padding: 0; min-height:800px; color: #333333; }

h1, h2, h3, h4, h5 p, ul, ol, li, fieldset, form { margin: 0; padding: 0; }

ul, ol, li { list-style-type: none; }

.clear { clear: both; }

a { outline: none; }

span.big { font-weight: bold; }
span.espace { display: block; height:6px; }
span.espace-bas { display: block; height:170px; }

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

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

#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; }

#container-header { position: relative; background: url(../images/static/img-header-back.jpg) no-repeat top center; width: 100%; height: 114px; z-index: 100; text-align: center; min-width: 990px; }

#header { position: relative; width: 990px; margin: 0 auto; }
#header #pathway { position: absolute; top:10px; left:300px; font-size: 11px; color:#0884B6; }
#header #pathway a { color: #0884B6; text-decoration: none; }
#header #pathway a:hover { color: #0884B6; text-decoration: underline; }
#header #logo a { position: absolute; top:5px; left:160px; background: url(../images/static/img-btwin.jpg) no-repeat; width: 136px; height: 64px; display: block; }
#header ul#menu { position: absolute; top:32px; left:300px; }
#header ul#menu li { position: relative; float: left; margin: 0 3px; }
#header ul#menu li a { text-indent: -9999em; }
#header ul#menu li.menu-accueil a { background: url(../images/static/img-btn-accueil.jpg) no-repeat; width: 102px; height: 26px; display: block;  }
#header ul#menu li.menu-videos a { background: url(../images/static/img-btn-videos.jpg) no-repeat; width: 102px; height: 26px; display: block;  }
#header ul#menu li.menu-double a { background: url(../images/static/img-btn-double.jpg) no-repeat; width: 102px; height: 26px; display: block;  }
#header ul#menu li.menu-triple a { background: url(../images/static/img-btn-triple.jpg) no-repeat; width: 102px; height: 26px; display: block;  }
#header ul#menu li.menu-klassik a { background: url(../images/static/img-btn-klassik.jpg) no-repeat; width: 102px; height: 26px; display: block;  }
#header ul#menu li.menu-accueil a:hover,
#header ul#menu li.menu-videos a:hover,
#header ul#menu li.menu-double a:hover,
#header ul#menu li.menu-triple a:hover,
#header ul#menu li.menu-klassik a:hover
{ background-position: -120px 0;}


#container { position: relative; width: 990px; margin: 0 auto; padding:0; z-index: 100;}
#container #bloc-principal { position: relative; width:920px; margin: 0 auto; height:420px; }
#container #bloc-principal-produit { position: relative; width:970px; margin: 0 auto 10px auto; height:450px; }
.hp { background: url(../images/static/img-container-hp.jpg) no-repeat 20px 27px; }
.videos { background: url(../images/static/img-container-videos.jpg) no-repeat 20px 27px; }
.produit { background: url(../images/static/img-container-produit.jpg) no-repeat 0px 27px; }

#container #bloc-principal #subsin a { position: absolute; top:00px; left: -10px; background: url(../images/static/img-subsin.png) no-repeat; width: 275px; height: 85px; display: block;}
#container #bloc-principal-produit #subsin a{ position: absolute; top:00px; left:60px; background: url(../images/static/img-subsin.png) no-repeat; width: 275px; height: 85px; display: block;}
#container #bloc-principal-produit #subsin-k a{ position: absolute; top:00px; left:60px; background: url(../images/static/img-subsin-k.png) no-repeat; width: 275px; height: 85px; display: block;}

#container #bloc-principal p#intro { position: absolute; top:105px; left:60px; line-height: 20px; width: 370px; font-size:12px; }
#container #bloc-principal-produit p#intro-produit { position: absolute; top:96px; left:560px; line-height:17px; width: 360px; font-size:12px; }
#container #bloc-principal-produit p#prix { position: absolute; top:65px; right:55px; line-height: 20px; width:60px; font-size:20px; color: #0884B6; font-weight: bold; }
#container #bloc-principal-produit p#prix-k { position: absolute; top:65px; right:55px; line-height: 20px; width:60px; font-size:20px; color: #A2C309; font-weight: bold; }
#container #bloc-principal-produit p#title-double { position: absolute; top:73px; right:257px; height: 17px; width:160px; background: url(../images/static/img-subsin-double.gif) no-repeat; display: block; }
#container #bloc-principal-produit p#title-triple { position: absolute; top:73px; right:267px; height: 17px; width:150px; background: url(../images/static/img-subsin-triple.gif) no-repeat; display: block; }
#container #bloc-principal-produit p#title-klassik { position: absolute; top:73px; right:267px; height: 17px; width:150px; background: url(../images/static/img-subsin-klassik.gif) no-repeat; display: block; }


#container #bloc-principal #player { position: absolute; top:70px;  width: 400px; height: 300px; background: url(../images/static/loading.gif) no-repeat center center #000000; } 
#container #bloc-principal-produit #player,
#container #bloc-principal-produit #playerKlassik { position: absolute; top:90px;  width: 400px; height: 300px; background: url(../images/static/loading.gif) no-repeat center center #000000; } 
#container #bloc-principal-produit #mrv { position: absolute; top:90px;  width: 400px; height: 300px; background: url(../images/static/loading.gif) no-repeat center center #000000; } 
.player-hp { right:50px;}
.player-videos { left: 80px;}
.player-produit { top:67px; left:110px; background-color: black; padding: 5px;}

#container #bloc-principal #pastille a { position: absolute; top:345px; left:-30px; background: url(../images/static/img-pastille-video.png) no-repeat; width: 124px; height: 111px; display: block; z-index: 200; cursor: pointer; }
#container #bloc-principal #pastille-buzz a { position: absolute; top:345px; left:-30px; background: url(../images/static/img-pastille-buzz.png) no-repeat; width: 115px; height: 110px; display: block; z-index: 200; cursor: pointer; }
#container #bloc-principal-produit #pastille-produit a { position: absolute; top:355px; left:30px; background: url(../images/static/img-pastille-video.png) no-repeat; width: 124px; height: 111px; display: block; z-index: 200; cursor: pointer; }
#container #bloc-principal-produit #pastille-produit-k a { position: absolute; top:355px; left:30px; background: url(../images/static/img-pastille-video-k.png) no-repeat; width: 124px; height: 111px; display: block; z-index: 200; cursor: pointer; }

#container #double a { position: absolute; top:455px; left: 285px; background: url(../images/static/img-acces-double.jpg) no-repeat; width: 230px; height: 160px; display: block;}
#container #triple a { position: absolute; top:455px; left:520px; background: url(../images/static/img-acces-triple.jpg) no-repeat; width: 230px; height: 160px; display: block;}
#container #klassik a { position: absolute; top:455px; left:50px; background: url(../images/static/img-acces-klassik.jpg) no-repeat; width: 230px; height: 160px; display: block;}
#container #createurs { position: absolute; top:430px; left: 790px;  width:170px; height: 245px; overflow: hidden; }
#container #createurs-flower { position: absolute; top:620px; left: 720px; background: url(../images/static/img-ligne-flower.png) no-repeat; width: 241px; height: 60px; }


/* VIDEOS */
#infos_video { position: absolute; top:105px; left:520px; width:320px; height: 120px; }
#infos_video h2 { padding: 30px 0 0 40px; font-size: 16px;  color: #333333;}
#infos_video p { padding: 5px 0 0 40px; margin: 0; width: 280px; height: 55px; overflow: hidden; }

#blocbuzz { position: relative; margin:10px 0 0 150px; padding:5px; width:700px; border: 1px solid #0884B6; text-align: left; }
#blocbuzz { font-size: 12px; font-weight: bold; text-align: left; }
#blocbuzz h3 { text-align: left; font-size: 16px; color: #0884B6; border-bottom: 1px solid #0884B6; padding: 10px 0; height: 27px; line-height: 22px; padding-left: 35px; }
#blocbuzz h3.partager { background: url(../images/static/img-buzz-partager.png) no-repeat 0 6px; }
#blocbuzz h3.buzzer { background: url(../images/static/img-buzz-buzzer.png) no-repeat 0 2px; }
#blocbuzz p { padding-left: 10px; }
#blocbuzz input { margin-left: 10px; border: 1px solid #cccccc; width: 300px; padding: 5px; }
#blocbuzz textarea { margin-left: 10px; border: 1px solid #cccccc; width: 670px; height: 100px; padding: 5px; }

#plus_lu_video { position: absolute; top:245px; left:520px; width:320px; height: 120px; }
#plus_lu_video h2 { padding: 30px 0 0 120px; font-size: 16px;  color: #333333; font-weight: bold; }
#plus_lu_video p { padding: 0 0 0 120px; width: 200px; height: 55px; overflow: hidden; }
#plus_lu_video .vignette { position: absolute; top:28px; left:10px;}
#plus_lu_video h5 a { position: absolute; top:100px; left:120px; background: url(../images/static/img-btn-lire.gif) no-repeat; width: 103px; height:28px; display: block; }

ul#list_videos { position: relative; overflow: hidden; padding: 20px 0 30px 120px; z-index: 10; }
ul#list_videos li { position: relative; float: left; width: 400px; height: 140px; margin: 5px; background: url(../images/static/img-bloc-videos.png) no-repeat; display: block; }
ul#list_videos li h2 { position: absolute; top:15px; left: 170px; font-size: 16px; }
ul#list_videos li p { position: absolute; top:27px; left: 170px; width:210px; height:55px; overflow: hidden; }
ul#list_videos li h5 a { position: absolute; top:100px; right:15px; background: url(../images/static/img-btn-lire.gif) no-repeat; width: 103px; height:28px; display: block; z-index: 2000; }
ul#list_videos li .vignette { position: absolute; top:20px; left:20px;}



/* PRODUIT */
ul#vignette-photo { position: absolute; top:90px; left:10px; overflow: hidden; width:80px; height:270px; }
ul#vignette-photo li { margin: 2px 0; text-align: center; }
ul#vignette-photo li img { border: 0; }

#dispo a { position: relative; float: right; background: url(../images/static/img-dispo.jpg) top right no-repeat; width: 366px; height: 39px; display: block; padding-right:55px; }
#dispo-k a { position: relative; float: right; background: url(../images/static/img-dispo-k.jpg) top right no-repeat; width: 366px; height: 39px; display: block; padding-right:55px; }

#technique-top-d { position: relative; margin:0 0 0 85px; width: 890px; background: url(../images/static/img-technique-top-d.jpg) no-repeat; height: 97px; clear: both; }
#technique-top-k { position: relative; margin:0 0 0 85px; width: 890px; background: url(../images/static/img-technique-top-k.jpg) no-repeat; height: 97px; clear: both; }
#technique-top-t { position: relative; margin:0 0 0 85px; width: 890px; background: url(../images/static/img-technique-top-t.jpg) no-repeat; height: 97px; clear: both; }

#title-subsin-double { position: absolute; top:60px; left:57px; height: 17px; width:160px; background: url(../images/static/img-subsin-double.gif) no-repeat; display: block; }

#title-subsin-triple { position: absolute; top:60px; left:57px; height: 17px; width:150px; background: url(../images/static/img-subsin-triple.gif) no-repeat; display: block; }

#technique-bottom { position: relative; margin:0 0 0 85px; width: 890px; background: url(../images/static/img-technique-back.jpg) no-repeat bottom; padding: 0 0 20px 0; }
#technique-bottom h3 { padding:10px 0 0 30px; font-size: 14px; font-weight: bold; width: 600px; }
#technique-bottom p { padding: 5px 0 0 40px; margin: 0; line-height:20px; width: 600px; font-size: 11px; }
#technique-bottom #evolutif a { position: absolute; top:10px; right:20px; background: url(../images/static/img-evolutif.jpg) no-repeat; width: 188px; height: 550px; }
#evolutif-k a { position: absolute; top:10px; right:20px; background: url(../images/static/img-evolutif-k.jpg) no-repeat; width: 188px; height: 550px; }
#evolutif-d a { position: absolute; top:10px; right:20px; background: url(../images/static/img-evolutif-d.jpg) no-repeat; width: 188px; height: 550px; }

#flower { position: absolute; bottom: 0; left: 0; width: 308px; height: 515px;}




/*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; } 
#bloc_fermer img a, #bloc_fermer img{ border: none;}
#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; } 

/** modif 09 07 2010 **/
#container #bloc-principal-produit #subsin-t a{ position: absolute; top:00px; left:60px; background: url(../images/static/img-subsin-t.png) no-repeat; width: 275px; height: 85px; display: block;}
#container #bloc-principal-produit p#prix-t { position: absolute; top:65px; right:55px; line-height: 20px; width:60px; font-size:20px; color: #855723; font-weight: bold; }
#container #bloc-principal-produit #pastille-produit-t a { position: absolute; top:355px; left:30px; background: url(../images/static/img-pastille-video-t.png) no-repeat; width: 124px; height: 111px; display: block; z-index: 200; cursor: pointer; }
#dispo-t a { position: relative; float: right; background: url(../images/static/img-dispo-t.jpg) top right no-repeat; width: 366px; height: 39px; display: block; padding-right:55px; }