/* Nom du document */ *{outline:none; margin:0; border:0; padding:0;} body { margin-left:auto; margin-top:0px; margin-right:auto; margin-bottom:0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; outline:none;background-color:#fff; } /* pngfix */ img, div, a, input { behavior: url(./css/ressources/iepngfix.htc) } /* Liens*/ a,a:link { color: #000000; text-decoration: none;} a:hover { text-decoration: underline; color: #000000;} a img {border: none;} /*BEFORE*/ .jour { z-index:1000; color:#000; font-size:40px; position:absolute; top:343px; left:417px; text-transform:uppercase; height: 47px; width: 114px; font-weight: bold; text-align: center; } .decompte {z-index:1000; color:#fff27b; font-size:40px; font-weight: normal; position:absolute; top:380px; left:390px;} /* Conteneur */ #conteneur { top:10px; margin: auto; width:950px; height:700px; position: relative; background:url(../img/fd_conteneur.jpg); background-repeat:no-repeat; background-color:#e30019; } /*INDEX*/ .connec_index { width:230px; height:85px; position:absolute; top:110px; left:10px; z-index:1000;} .connec_form { width:124px; height:20px; /*float:left; */background:url(../img/fd_connexion.jpg) right top no-repeat; margin-bottom:3px;} .connec_index label { float:left;} .block_connexion {width:230px; height:85px; float:left;} #index-ss { position:absolute; width:783px; height:585px; top:115px; left:164px; } #index-05 { position:absolute; left:231px; top:106px; width:719px; height:151px; } #menu-index { position:absolute; left:0px; top:198px; width:167px; height:392px; } #index-08 { position:absolute; left:231px; top:257px; width:499px; height:79px; } #index-09 { position:absolute; left:730px; top:257px; width:61px; height:56px; } #index-10 { position:absolute; left:791px; top:257px; width:108px; height:17px; background-color:#FFFFFF; color:#e30019; font-size:16px; font-weight:bold; text-align:center; } #index-11 { position:absolute; left:899px; top:257px; width:51px; height:79px; } #index-12 { position:absolute; left:791px; top:274px; width:108px; height:62px; } #index-13 { position:absolute; left:730px; top:313px; width:61px; height:23px; } #index-14 { position:absolute; left:167px; top:336px; width:783px; height:90px; } #index-15 { position:absolute; left:167px; top:426px; width:150px; height:205px; } #elu { position:absolute; left:317px; top:426px; width:273px; height:77px; background:url(../img/elu.jpg); background-repeat:no-repeat; color:#6f7072; font-size:19px; font-style:italic; text-align:center; line-height:19px; padding-top:5px; } #index-17 { position:absolute; left:590px; top:426px; width:360px; height:274px; } #index-18 { position:absolute; left:317px; top:508px; width:273px; height:123px; } #index-20 { position:absolute; left:167px; top:631px; width:423px; height:69px; } #index-02 { position:absolute; left:0px; top:16px; width:950px; height:83px; } /* #index-05 { position:absolute; left:231px; top:129px; width:719px; height:151px; } #menu-index { position:absolute; left:0px; top:198px; width:167px; height:392px; } #index-09 { position:absolute; left:730px; top:280px; width:61px; height:56px; } #index-10 { position:absolute; left:791px; top:280px; width:108px; height:17px; background-color:#FFFFFF; color:#e30019; font-size:16px; font-weight:bold; text-align:center; } #index-11 { position:absolute; left:899px; top:280px; width:51px; height:56px; } #index-12 { position:absolute; left:791px; top:297px; width:108px; height:39px; } #index-13 { position:absolute; left:167px; top:336px; width:783px; height:90px; } #index-14 { position:absolute; left:167px; top:426px; width:150px; height:205px; } #elu { position:absolute; left:317px; top:426px; width:273px; height:77px; background:url(../img/elu.jpg); background-repeat:no-repeat; color:#6f7072; font-size:19px; font-style:italic; text-align:center; line-height:19px; padding-top:5px; } #index-16 { position:absolute; left:590px; top:426px; width:360px; height:274px; } #index-17 { position:absolute; left:317px; top:508px; width:273px; height:123px; } */ .qui {font-size:11px; color:#000000; font-style:normal; } #KerCadelac { position:absolute; left:11px; top:596px; width:152px; height:92px; } /* Formulaire */ .input_form {margin:0; border: #7f9db9 solid 1px; height:16px; width: 248px;line-height: 16px;} .connec_general { width:230px; height:85px; position:absolute; top:20px; left:10px; z-index:2000; } .connec_general label { float:left;} .colonne1 { width:295px; float:left;} .colonne2 { width:355px; float:left;} p.gauche label { float:left; width:90px;} p.droite label { float:left; width:80px;} .input0 { width:179px; height:22px; background:url(../img/fd_input0.jpg); background-repeat:no-repeat; margin-bottom:5px; float:left;} .input1 { width:179px; height:22px; background:url(../img/fd_input1.jpg); background-repeat:no-repeat; margin-bottom:5px; float:left;} .input2 { width:273px; height:22px; background:url(../img/fd_input2.jpg); background-repeat:no-repeat; margin-bottom:7px; float:left;} .input3 { width:273px; height:22px; background:url(../img/fd_input2.jpg); background-repeat:no-repeat; margin-bottom:7px; } .input_captcha { width:155px; height:22px; background:url(../img/fd_input2.jpg); background-repeat:no-repeat;} .civ input { float:left; margin-bottom:10px;} p.civ label { float:left; width:45px; padding-left:5px;} .date { width:70px; margin-right:5px; float:left; border: 1px solid #879cb7;} .mois { width:120px; margin-right:5px; float:left; border: 1px solid #879cb7;} .optin{ width: 400px; float:left;} .optin input { margin: 5px 5px 2px 0;} .optin a { color:#FFFFFF; font-weight:bold; text-decoration:underline; } #inscription-03 { position:absolute; left:335px; top:9px; width:551px; height:190px; } #inscription-05 { position:absolute; left:0px; top:128px; width:167px; height:460px; } #inscription-08 { position:absolute; left:258px; top:199px; width:692px; height:201px; padding-top:10px; } #inscription-09 { position:absolute; left:258px; top:400px; width:405px; height:280px; padding-top:1px; } #inscription-10 { position:absolute; left:663px; top:400px; width:287px; height:300px; } #inscription-10bis { position:absolute; left:597px; top:328px; width:353px; height:372px; } #inscription_legal { z-index:1002; color:#FFFFFF; font-size:10px; position:absolute; top:652px; left:210px; line-height: 1em; width: 709px; } #inscription-captcha_ { position:absolute; z-index:1000; left:0px; top:126px; width:200px; height:50px; } #inscription-code_ { position:absolute; z-index:1000; left:210px; top:124px; width:195px; height:30px; } #inscription-refresh_ { position:absolute; z-index:1000; left:208px; top:154px; width:33px; height:23px; } #inscription-input-captcha_ { position:absolute; z-index:1000; left:243px; top:155px; width:155px; height:22px; } #inscription-valider_ { position:absolute; z-index:1040; left:148px; top:180px; width:160px; height:75px; } /* BRAVO */ #bravo { position:absolute; z-index:1000; top:19px; left:147px; } #gagne_txt { position:absolute; z-index:1000; top:138px; left:288px;text-align:center} .btn_javoue {margin-top:5px} /* DOMMMAGE */ #dommage { position:absolute; z-index:1001; top:7px; left:111px; } #dommage_txt1 { position:absolute; z-index:1000; top:98px; left:354px;} #dommage_txt2 { position:absolute; z-index:1000; top:295px; left:235px; text-align:center } /* MERCI */ #merci_txt1 { position:absolute; z-index:1000; top:70px; left:341px; } #merci_txt2 { position:absolute; z-index:1000; top:361px; left:299px; text-align:center } /* JAVOUE */ #javoue_title1 { position:absolute; z-index:1001; top:0px; left:312px; } #javoue_title2 { position:absolute; z-index:1001; top:340px; left:222px; } .form_javoue {width:460px;background: #fff url(../img/bg_javoue.gif) top no-repeat;margin-top:10px;padding:50px 5px 5px 10px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#ff0000} .btn_javoue_form {margin-top:3px;margin-left:310px;} #form_max {float:left;width:305px;padding-top:5px} .form_max_long {posiion:relative;top:5px;left:0px;font-size:10px} #btn_javoue_form {float:left;width:150px} /* JEU */ #bonheurs_titre {position:absolute; z-index:1001; top:0px; left:284px; } #btn_valid_quizz {position:absolute; z-index:1001; top:615px; left:445px;} #question1 {position:absolute; z-index:1001; top:255px; left:235px;} #question2 {position:absolute; z-index:1001; top:365px; left:235px;} #question3 {position:absolute; z-index:1001; top:475px; left:235px;} #petit_bonheur1 {position:absolute; z-index:1001; top:285px; left:235px;} #petit_bonheur2 {position:absolute; z-index:1001; top:395px; left:235px;} #petit_bonheur3 {position:absolute; z-index:1001; top:505px; left:235px;} /* petit bonheur2 - quand r�ponse selectionnee uniquement */ #petit_bonheur4 {position:absolute; z-index:1002; top:243px; left:651px; } #petit_bonheur5 {position:absolute; z-index:1001; top:356px; left:673px; } #petit_bonheur6 {position:absolute; z-index:1001; top:530px; left:553px; } #btn_jechoisi1 {position:absolute; z-index:1008; top:285px; left:560px; cursor:pointer; } #btn_jechoisi2 {position:absolute; z-index:1006; top:397px; left:560px; cursor:pointer;} #btn_jechoisi3 {position:absolute; z-index:1004; top:505px; left:560px; cursor:pointer;} #reponse1 {position:absolute; z-index:1001; width:415px; top:295px; left:235px;} #reponse2 {position:absolute; z-index:1001; width:438px; top:405px; left:235px;} #reponse3 {position:absolute; z-index:1001; width:428px; top:515px; left:235px;} #bloc_reponse1, #bloc_reponse2, #bloc_reponse3 {background:url(../img/bg_blocreponse.png) no-repeat;width:297px;height:202px} #bloc_reponse1 {position:absolute; z-index:1007; top:295px; left:647px;} #bloc_reponse2 {position:absolute; z-index:1005;top:407px; left:647px;} #bloc_reponse3 {position:absolute; z-index:1003;top:515px; left:647px;} .prop_reponses {display:block; padding: 42px 15px 0px 15px; font-size:12px; color:#000;line-height:1.2em;position:absolute;z-index:1040;} .valid_rep {position:absolute;top:165px;left:223px} .btn_valid_rep {float:right;padding:0px 15px 15px 0px} /* BONUS */ #les_bonus { position:absolute; z-index:1002; top:0px; left:373px } #les_bonus_intro { position:absolute; z-index:1002; top:152px; left:283px; } #les_bonus_autres { position:absolute; z-index:1002; top:454px; left:193px; } #les_bonus_autres2 { position:absolute; z-index:1002; bottom:0px; right:0px; width:142px; height:71px; } /*.fond_ecran_visu {margin-left:90px}*/ #links_wallpaper a {color:#fff;text-decoration:none} #links_wallpaper a:hover {text-decoration:underline} #sourire_bonus { position:absolute; z-index:1003; top:454px; left:736px } #les_bonus_spots { position:absolute; z-index:1002; top:147px; left:277px; width: 667px; height: 328px; background: url(../img/les_bonus_spotstv.jpg) no-repeat; } #spots_choose {padding-top:170px; padding-left:350px} #spots_choose a {color:#fff;text-decoration:none} #spots_choose a:hover {text-decoration:underline} /* mot de passe oublie */ #password_txt { position:absolute; z-index:1000; top:234px; left:273px; width: 450px; } /* Dotations */ #gains {position:absolute;z-index:1000;top:0px;left:193px} /* Result */ #conteneur_result {top:10px; margin: auto; width:950px; height:700px; position: relative; background-color:#e30019;} /* messages erreur */ #error{ position:relative; top: 0px; color:#FFFFFF; z-index: 1002; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; left: 170px; width: 450px; background-color: #ff0000; text-align: center; height: 35px;vertical-align:middle; line-height:35px;letter-spacing:normal} .error {background-color:#A30110 !important;background-image:none;border:1px solid #FFFFFF;color:#FFFFFF;} .clear{clear:both;} /* Footer */ #footer { text-align: center;} #footer a:link { font-weight: normal; text-decoration : none; color:#999999} #footer a:hover {font-weight: normal;text-decoration : underline; color:#999999} #footer a:visited {font-weight: normal;text-decoration : none; color:#999999} /* ---- scrolbox ---- */ #somebox { height: 160px; width: 458px; padding:210px 0px 0px 260px} #plainbox { height: 160px; width: 458px; overflow:auto; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .scrollbox {position: relative;} .scrollbox_content {margin-right: 40px;} .scrollbox_scrollbar {background-color: #c00076;height: 95%;width: 20px;margin-top:0px;cursor:pointer;/*background:url(../img/handle_bg.gif) repeat-y*/} .scrollbox_up_button {background: transparent url(../img/scroll_up_button.gif) top right no-repeat;height: 10px;} .scrollbox_down_button {background: transparent url(../img/scroll_down_button.gif) top right no-repeat;height: 10px;} .scrollbox_handle {background:url(../img/handle.gif) left no-repeat} #before_election{position:absolute; z-index:1000; top:452px; left:270px;}