body { position: relative; font-size: 11px; font-family: Arial; margin:0; padding: 0; min-height:780px; } 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; } /* HEADER */ #container-header { position: relative; background: url(../images/static/img-header.jpg) no-repeat top center; width: 100%; height: 109px; text-align: center; min-width: 990px; z-index: 0; } #header { position: relative; width: 990px; margin: 0 auto; } #header #logo a { position: absolute; top:5px; left:210px; background: url(../images/static/img-logo-btwin.jpg) no-repeat; width: 139px; height:70px; display: block; } #header ul#menu { position: absolute; top:36px; left:370px; } #header ul#menu li { position: relative; float: left; margin: 0 5px; } #header ul#menu li a { text-indent: -9999em; } #header ul#menu li.elops a { background: url(../images/static/img-btn-elops.jpg) no-repeat; width: 212px; height: 26px; display: block; } /* CONTAINER */ #container { position: relative; width: 990px; margin: 0 auto; padding: 30px 0 10px 0; padding-bottom:200px; } #container ul#barre-top { position: relative; width: 880px; margin: 0 auto; background-color: black; height: 40px; } #container ul#barre-top li.left { position: absolute; left: 0; background: url(../images/static/img-barre-black-left.jpg) no-repeat; width: 10px; height: 40px; display: block; } #container ul#barre-top li.middle { position: absolute; left: 10px; width: 770px; color: #999573; line-height: 40px; font-size: 20px; padding-left:90px; } #container ul#barre-top li.right { position: absolute; right: 0; background: url(../images/static/img-barre-black-right.jpg) no-repeat; width: 10px; height: 40px; } #container ul#barre-top #velo { position: absolute; right: 0; bottom: 0; background: url(../images/static/img-velo.png) no-repeat; width: 108px; height: 71px; } #container #background { position: absolute; bottom:-15px; left:10%; background: url(../images/static/img-elops.jpg) no-repeat; width: 770px; height: 518px; z-index: 0; } /* COLONNE LEFT */ #container #left { position: relative; width: 700px; float: left; z-index: 10; } #container #left #slogan { position: absolute; top:15px; left:150px; background: url(../images/static/img-assistance-electrique.jpg) no-repeat; width: 384px; height: 25px; } #container #left #contain { position: relative; width: 610px; height: 418px; margin: 40px 0 0 70px; } #container #left #contain #video { position: absolute; top:30px; left:-830px; z-index: 20; } #container #left #contain #images { position: absolute; top:10px; left:10px; width:590px; height: 398px; overflow: hidden; } #container #left #contain #mask { position: absolute; top:0; left: 0; background: url(../images/static/img-mask.png) no-repeat; width: 610px; height: 418px; } #container #left #contain #logo { position: absolute; top:-110px; left: -80px; background: url(../images/static/img-logo-elops.png) no-repeat; display: block; width: 150px; height:150px; z-index: 100; } #container #left #contain #clic-video a { position: absolute; bottom:-80px; left: -50px; background: url(../images/static/img-bulle-video.png) no-repeat; display: block; width: 190px; height:190px; z-index: 1000; cursor:pointer; } #container #left #contain #clic-video a:hover { background-position: 0 -211px; cursor:pointer; } #container #left #contain #clic-video-off a { position: absolute; bottom:-80px; left: -50px; background: url(../images/static/img-bulle-video-off.png) no-repeat; width: 190px; height:190px; z-index: 1000; display: block; cursor:pointer; } #container #left #contain #clic-video-off a:hover { background-position: 0 -211px; cursor:pointer; } #container #left #contain #decouvrez a { position: absolute; bottom:-80px; right: -40px; background: url(../images/static/img-bulle-decouvrez.png) no-repeat; display: block; width: 190px; height:190px; z-index: 1000; cursor:pointer; } #container #left #contain #decouvrez a:hover { background-position: 0 -211px; cursor:pointer; } #container #left #texte { position: relative; width: 620px; margin:20px 0 0 70px; padding-top: 85px; } #container #left #texte ul#bloctexte { position: relative; overflow: hidden; } #container #left #texte ul#bloctexte li.top { background: url(../images/static/img-back-texte-top.png) no-repeat; width: 615px; height: 20px; padding: 0; margin: 0;} #container #left #texte ul#bloctexte li.texte p { line-height: 20px; padding:5px 25px 0 20px; font-size: 12px; color: #333333; background: url(../images/static/img-back-texte-back.png) repeat-y 0 0px; margin: 0; } #container #left #texte ul#bloctexte li.bottom { background: url(../images/static/img-back-texte-bottom.png) no-repeat; width: 615px; height: 20px;} /* COLONNE RIGHT */ #container ul#bloc { position: relative; margin-left: 735px; padding-top: 40px; z-index: 10; } #container ul#bloc li { position: relative; padding: 0 0 10px 0; width:198px; height: 196px; } #container ul#bloc li.un { background: url(../images/static/img-bloc1.jpg) no-repeat; } #container ul#bloc li.deux { background: url(../images/static/img-bloc2.jpg) no-repeat; } #container ul#bloc li.trois { background: url(../images/static/img-bloc3.jpg) no-repeat; } #container ul#bloc li.quatre { background: url(../images/static/img-bloc4.jpg) no-repeat; } /*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;}