body { position: relative; background:url(../images/img-background.png) repeat; font-size: 11px; font-family: Arial; padding: 0; margin: 0; } h1, h2, h3, h4, h5 ul, li, ol, p, form, fieldset { margin: 0; padding: 0; } ul, li { list-style: none; } img { border: 0; } .clear { clear: both; } a { color: #cccccc; } a:hover { color: #F93296; } #accroche { position: absolute; top:20px; left:35%; background: url(../images/img-accroche.png) no-repeat; width: 437px; height: 194px; display: block; } #point-hg { position: absolute; top:-40px; left: -15px; background: url(../images/img-background-point.png) no-repeat; width: 350px; height: 527px; display: block; z-index: 1; } #point-bd { position: absolute; bottom:-40px; right:0; background: url(../images/img-background-point.png) no-repeat; width: 350px; height: 527px; display: block; z-index: 1; } #bandeau { position: absolute; top:0px; right:0px; background: url(../images/img-bandeau.png) no-repeat; width: 361px; height: 209px; display: block; z-index: 100; padding: 0; margin: 0; } #container { position: relative; margin:250px 0 10px 15%; width: 745px; z-index: 50; } /* MENU */ ul#menu { position: relative; padding-right: 15px; } ul#menu li { position: relative; width: 127px; height: 49px; display: block; float: right; color: white; margin: 0 4px; padding:0; } ul#menu li a { background: url(../images/img-onglet.png) no-repeat; width: 107px; height: 31px; display: block; color: white; padding: 18px 5px 0 15px; text-decoration: none; font-size: 12px; text-align: center; cursor: pointer; } ul#menu li a:hover { background-position: 0 -70px; color:#F93296; } ul#menu li.on { position: relative; width: 127px; height: 49px; display: block; float: right; color: white; margin: 0 4px; padding:0; } ul#menu li.on a { background-position: 0 -70px; color:#F93296; } #container #container-top { position: relative; background: url(../images/img-container-top.gif) no-repeat; width: 745px; height: 15px; } #container #container-back { position: relative; background: url(../images/img-container-back.png) repeat-y; width: 745px; color: #cccccc; font-size: 12px; min-height: 450px; } #container #container-back p#intro { position: relative; padding:25px 25px 15px 125px; line-height:25px; z-index: 100; } #container #container-back p#intro span#savoirplus { padding: 0px 0; margin:0;} #container #container-back p#intro a { color: #F93296; text-decoration: underline; } #container #container-back p#intro a:hover { color: #F93296; text-decoration: none; } /* COLONNE LEFT */ #container #container-back #col-left { position: relative; float: left; width:335px; margin-left:125px; z-index: 100; padding-right: 15px; border-right: 2px solid #F93296; } #container #container-back #col-left h2 { background: url(../images/img-title-proposez.png) no-repeat; width: 227px; height: 33px; display: block; } #container #container-back #col-left p { line-height:22px; } #container #container-back #col-left textarea { background-color: #151515; border: 2px solid #F93296; width: 320px; height: 110px; padding: 5px; color: #cccccc; line-height: 18px; } #container #container-back #col-left p a { color: #F93296; text-decoration: underline; } #container #container-back #col-left p a:hover { color: #F93296; text-decoration: none; } #container #container-back #col-left p.rose { line-height:22px; color: #F93296; font-weight: bold; font-size: 14px; } fieldset.form { border: 0; position: relative; } fieldset.form p { clear: both; margin: 5px 0; } fieldset.form p label { width: 80px; float: left; padding-right: 5px; text-align: right; line-height: 26px; } fieldset.form p input[type=text] { border: 2px solid #F93296; width: 180px; padding: 6px; } /* COLONNE RIGHT */ #container #container-back #col-right { position: relative; float: left; width: 220px; z-index: 100; padding-left: 20px; } #container #container-back #col-right h2 { background: url(../images/img-title-gagnant.png) no-repeat; width: 205px; height: 54px; display: block; } #container #container-back #col-right h3 { font-size: 16px; padding: 15px 0 0 15px; line-height: 22px; } #container #container-back #col-right h5 { background: url(../images/img-fleche.gif) no-repeat 0 1px; padding-left: 15px; } /* ONE COL */ #container #container-back #one-col { position: relative; width:570px; z-index: 100; margin-left:145px; } #container #container-back #one-col .affirmation { position: relative; padding: 0; } #container #container-back #one-col .affirmation-left { position: relative; float: left; } #container #container-back #one-col .affirmation-right { position: relative; float: left; padding: 5px 0 0 10px; width:430px; } #container #container-back #one-col span.texte { font-size: 12px; color: #F93296; padding: 0 0 4px 0; display: block; line-height: 18px; } #container #container-back #one-col span.par { font-size: 10px; color: #F93296; padding: 0 0 4px 0; display: block; line-height: 18px; } input.proposez-affirmation { background: url(../images/img-proposez-affirmation.png) no-repeat; width: 289px; height: 54px; display: block; border: 0; cursor: pointer; } input.participez { background: url(../images/img-btn-participez.png) no-repeat; width: 209px; height: 54px; display: block; border: 0; cursor: pointer; } input.voter { background: url(../images/img-btn-voter.png) no-repeat; width: 149px; height: 54px; display: block; border: 0; cursor: pointer; } /* PAGINATION */ ul#pagination { position: relative; overflow: hidden; color: #cccccc; } ul#pagination li { position: relative; float:left; border: 1px solid #F93296; padding: 0; margin: 0 4px; color: #cccccc; } ul#pagination li a { text-decoration: none; padding: 2px 4px; display: block; color: #cccccc; } ul#pagination li a:hover { background-color: #F93296; color: #cccccc; } ul#pagination li.page-selectionne a { background-color: #F93296; color: #cccccc; text-decoration:none; } ul#pagination li.pages { line-height: 20px; border: 0; } /* RATING */ .star-rating { position: relative; list-style:none; margin:5px 0 0 -5px!important; padding:0px; width: 125px; height: 20px; background: url(../images/img-stars.png) top left repeat-x; overflow: hidden; text-align: left; } .star-rating li { padding:0px; margin:0px; float: left; } .star-rating li a { display:block; width:25px; height:20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; } .star-rating li a:hover{ background: url(../images/img-stars.png) 0 35px; z-index: 2; left: 0px; } .star-rating a.one-star{ left: 0px; } .star-rating a.one-star:hover{ width:25px; } .star-rating a.two-stars{ left:25px; } .star-rating a.two-stars:hover{ width: 50px; } .star-rating a.three-stars{left: 50px;} .star-rating a.three-stars:hover{width: 75px;} .star-rating a.four-stars{left: 75px;} .star-rating a.four-stars:hover{width: 100px;} .star-rating a.five-stars{left: 100px;} .star-rating a.five-stars:hover{width: 125px;} .star-rating li.current-rating{ position: absolute; left:0; background: url(../images/img-stars.png) left 55px;height: 20px; display: block; text-indent: -9000px; z-index: 1;} #container #container-back #logo a { position: absolute; top:-200px; left: -150px; background: url(../images/img-privacy.png) no-repeat; width: 299px; height: 250px; display: block; z-index: 100; cursor: pointer; } #container #container-back #point { position: absolute; top:5px; left:5px; background: url(../images/img-container-background-point.png) no-repeat; width: 102px; height: 215px; display: block; } #container #container-back #boite-jeu a { position: absolute; top:225px; left:5px; background: url(../images/img-boite-jeu.png) no-repeat; width: 115px; height: 191px; display: block; z-index: 100; cursor: pointer; } #container #container-back #carte { position: absolute; bottom:0px; left:15px; background: url(../images/img-container-background-carte.png) no-repeat; width: 195px; height: 162px; display: block; z-index: 20; } #container #container-back #carte2 { position: absolute; bottom:0px; right:110px; background: url(../images/img-container-background-carte2.png) no-repeat; width: 252px; height: 177px; display: block; z-index: 20; } #container #pastille a { position: absolute; bottom:30px; right: -55px; background: url(../images/img-pastille.png) no-repeat; width: 139px; height: 125px; display: block; z-index: 20; cursor: pointer; } #container #container-bottom { position: relative; background: url(../images/img-container-bottom.png) no-repeat; width: 745px; height: 15px; z-index: 10; } #container #footer { position: relative; width:590px; border-top: 2px solid #cccccc; margin:40px auto; } #container #footer ul { position: relative; overflow: hidden; text-align: center; color: #cccccc; line-height:18px; font-size: 12px; padding:5px 0 0 0; margin: 0; } #container #footer ul li { color: #cccccc; font-size: 12px; display: inline; } #container #footer ul li a { color: #cccccc; text-decoration: none; padding: 0 5px; } #container #footer ul li a:hover { text-decoration: underline; }