/* CSS JouezGagnez.com */ /* FireFox Document */ *{margin:0;padding:0;outline:0;} body{background:url(im/fond.jpg) 0 0 repeat-x;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color:#666666;} ul{list-style-type:circle;margin-left:10px;} a{text-decoration:none;color:#ff6e00;} a img{border:0;} table{border:0;text-align:left;} /*--------------*/ /* MISE EN PAGE */ /*--------------*/ #page{position:relative;width:1000px;margin: 10px auto;} #menus{float:left;width:202px;margin-left:3px;margin-bottom: 10px;} #contenu{float:left;width:780px;margin-left:8px;} #blackscreen{position:absolute;top:0;left:0;width:100%;height:300%;background:url(im/blackscreen.png) repeat;display:none;} /*------*/ /* MENU */ /*------*/ #login{float:left;width:186px;height:290px;padding-top:10px;padding-left:14px;background:url(im/fond_login.png) no-repeat} #login2{float:left;width:186px;height:290px;padding-top:10px;padding-left:14px;background:url(im/fond_login2.png) no-repeat} #importercontact{float:left;width:200px;height:120px;margin-top:10px;background:url(im/importercontact.png) no-repeat} #garanties{float:left;width:200px;height:270px;margin-top:10px;background:url(im/fond_garanties.png) no-repeat} #coupdecoeur{float:left;width:200px;height:120px;margin-top:10px;background:url(im/coupdecoeur.png) no-repeat;text-align:center;} .champ{width:168px;height:18px;padding-left:3px;padding-top:4px;background-color:#FFFFFF;border:1px solid #999999;font-weight:bold;} .champ2{width:173px;height:23px;padding-left:3px;padding-top:5px;background-color:#FFFFFF;border:1px solid #999999;font-weight:bold;} .boutton{margin-left:85px;margin-top:10px;} #lien1{width:180px;height:20px;} #lien1 .icone{float:left;width:20px;height:20px;background:url(im/icone1.jpg) 0 0 no-repeat} #lien1:hover .icone{float:left;width:20px;height:20px;background:url(im/icone1.jpg) -20px 0 no-repeat} #lien2{width:180px;height:20px;} #lien2 .icone{float:left;width:20px;height:20px;background:url(im/icone2.jpg) 0 0 no-repeat} #lien2:hover .icone{float:left;width:20px;height:20px;background:url(im/icone2.jpg) -20px 0 no-repeat} #lien3{width:180px;height:20px;} #lien3 .icone{float:left;width:20px;height:20px;background:url(im/icone3.jpg) 0 0 no-repeat} #lien3:hover .icone{float:left;width:20px;height:20px;background:url(im/icone3.jpg) -20px 0 no-repeat} #lien4{width:180px;height:20px;} #lien4 .icone{float:left;width:20px;height:20px;background:url(im/icone4.jpg) 0 0 no-repeat} #lien4:hover .icone{float:left;width:20px;height:20px;background:url(im/icone4.jpg) -20px 0 no-repeat} #b_commentjouer{position:absolute;left:970px;top:94px;width:87px;height:280px;background:url(im/b_commentjouer.png) 0 0 no-repeat;cursor:pointer;} #b_commentjouer:hover{background:url(im/b_commentjouer.png) -87px 0 no-repeat;} #aide_etape1{position:absolute;left:732px;top:275px;width:379px;height:315px;background:url(im/aide_etape1.png) 0 0 no-repeat;} #aide_etape2{position:absolute;left:732px;top:275px;width:379px;height:327px;background:url(im/aide_etape2.png) 0 0 no-repeat;} .aide_croix{position:absolute;left:360px;top:2px;width:37px;height:37px;background:url(im/aide_croix.png) 0 0 no-repeat;cursor:pointer;} .aide_croix:hover{background:url(im/aide_croix.png) -37px 0 no-repeat;} .aide_suite{position:absolute;left:263px;top:275px;width:109px;height:32px;background:url(im/aide_suite.png) 0 0 no-repeat;cursor:pointer;} .aide_suite:hover{background:url(im/aide_suite.png) -109px 0 no-repeat;} .aide_astuces{position:absolute;left:223px;top:275px;width:143px;height:32px;background:url(im/aide_astuces.png) 0 0 no-repeat;cursor:pointer;} .aide_astuces:hover{background:url(im/aide_astuces.png) -143px 0 no-repeat;} /*---------*/ /* CONTENU */ /*---------*/ #gagnants{float:left;width:758px;height:25px;margin-left:10px;padding-top:5px;padding-left:10px;font-size:14px;background:url(im/fond_gagnants.jpg) no-repeat} #categories{position:relative;float:left;width:768px;height:116px;padding-top:3px;padding-left:10px;margin-left:10px;background:url(im/fond_categories.jpg) no-repeat;} #categories a{color:#333333;font-weight:bold;text-align:center;} #categories #m_cat1{float:left;width:106px;height:112px;margin-left:3px;background:url(im/m_cat1.jpg) 0 0 no-repeat;} #categories #m_cat1:hover{float:left;width:106px;height:112px;margin-left:3px;background:url(im/m_cat1.jpg) -106px 0 no-repeat;} #categories #m_cat1_s{float:left;width:106px;height:112px;margin-left:3px;background:url(im/m_cat1.jpg) -106px 0 no-repeat;} #categories #m_cat2{float:left;width:106px;height:112px;background:url(im/m_cat2.jpg) 0 0 no-repeat;} #categories #m_cat2:hover{float:left;width:106px;height:112px;background:url(im/m_cat2.jpg) -106px 0 no-repeat;} #categories #m_cat2_s{float:left;width:106px;height:112px;background:url(im/m_cat2.jpg) -106px 0 no-repeat;} #categories #m_cat3{float:left;width:106px;height:112px;background:url(im/m_cat3.jpg) 0 0 no-repeat;} #categories #m_cat3:hover{float:left;width:106px;height:112px;background:url(im/m_cat3.jpg) -106px 0 no-repeat;} #categories #m_cat3_s{float:left;width:106px;height:112px;background:url(im/m_cat3.jpg) -106px 0 no-repeat;} #categories #m_cat4{float:left;width:106px;height:112px;background:url(im/m_cat4.jpg) 0 0 no-repeat;} #categories #m_cat4:hover{float:left;width:106px;height:112px;background:url(im/m_cat4.jpg) -106px 0 no-repeat;} #categories #m_cat4_s{float:left;width:106px;height:112px;background:url(im/m_cat4.jpg) -106px 0 no-repeat;} #categories #m_cat5{float:left;width:106px;height:112px;background:url(im/m_cat5.jpg) 0 0 no-repeat;} #categories #m_cat5:hover{float:left;width:106px;height:112px;background:url(im/m_cat5.jpg) -106px 0 no-repeat;} #categories #m_cat5_s{float:left;width:106px;height:112px;background:url(im/m_cat5.jpg) -106px 0 no-repeat;} #categories #m_cat6{float:left;width:106px;height:112px;background:url(im/m_cat6.jpg) 0 0 no-repeat;} #categories #m_cat6:hover{float:left;width:106px;height:112px;background:url(im/m_cat6.jpg) -106px 0 no-repeat;} #categories #m_cat6_s{float:left;width:106px;height:112px;background:url(im/m_cat6.jpg) -106px 0 no-repeat;} #categories #m_cat7{float:left;width:106px;height:112px;background:url(im/m_cat7.jpg) 0 0 no-repeat;} #categories #m_cat7:hover{float:left;width:106px;height:112px;background:url(im/m_cat7.jpg) -106px 0 no-repeat;} #categories #m_cat7_s{float:left;width:106px;height:112px;background:url(im/m_cat7.jpg) -106px 0 no-repeat;} #categories #m_cat7_bis{float:left;width:106px;height:112px;background:url(im/m_cat7_bis.jpg) 0 0 no-repeat;} #categories #m_cat7_bis:hover{float:left;width:106px;height:112px;background:url(im/m_cat7_bis.jpg) -106px 0 no-repeat;} #categories #m_cat7_bis_s{float:left;width:106px;height:112px;background:url(im/m_cat7_bis.jpg) -106px 0 no-repeat;} #jeu_accueil{float:left;width:768px;height:386px;margin-left:10px;margin-top:10px;} #jeu{float:left;width:768px;height:477px;margin-left:10px;margin-top:10px;} #jeu #gauche1{float:left;width:400px;height:26px;text-align:center;color:#333333;margin-top:30px;margin-bottom:3px;text-align:center;} #jeu #gauche2{float:left;width:400px;height:26px;text-align:center;color:#666666;text-align:center;} #jeu #etape1{float:left;width:495px;height:100px;margin-top:160px;margin-left:1px;padding-top:10px;background:url(im/fond_jeu_etape1.png) no-repeat;} #jeu #etape1 #zone1{float:left;width:215px;height:75px;margin-top:3px;text-align:center;margin-left:40px;} #jeu #etape1 #zone2{float:left;width:120px;height:75px;margin-top:3px;text-align:center;} #jeu #etape1 #zone3{float:left;width:110px;height:75px;margin-top:3px;text-align:center;} #jeu #etape1 .im2{margin-top:-5px;} #jeu #etape1_bis{float:left;width:400px;height:100px;margin-top:160px;margin-left:1px;padding-top:10px;background:url(im/fond_jeu_etape1_bis.png) no-repeat;} #jeu #etape1_bis #zone1{float:left;width:215px;height:75px;margin-top:3px;text-align:center;margin-left:40px;} #jeu #etape1_bis #zone2{float:left;width:120px;height:75px;margin-top:3px;text-align:center;} #jeu #etape1_bis .im2{margin-top:-5px;} #jeu #etape1_code{float:left;width:495px;height:100px;margin-top:50px;margin-left:1px;padding-top:10px;background:url(im/fond_jeu_etape1.png) no-repeat;} #jeu #etape1_code #zone1{float:left;width:215px;height:75px;margin-top:3px;text-align:center;margin-left:40px;} #jeu #etape1_code #zone2{float:left;width:120px;height:75px;margin-top:3px;text-align:center;} #jeu #etape1_code #zone3{float:left;width:110px;height:75px;margin-top:3px;text-align:center;} #jeu #etape1_code .im2{margin-top:-5px;} #jeu #etape1_code_bis{float:left;width:400px;height:100px;margin-top:50px;margin-left:1px;padding-top:10px;background:url(im/fond_jeu_etape1_bis.png) no-repeat;} #jeu #etape1_code_bis #zone1{float:left;width:215px;height:75px;margin-top:3px;text-align:center;margin-left:40px;} #jeu #etape1_code_bis #zone2{float:left;width:120px;height:75px;margin-top:3px;text-align:center;} #jeu #etape1_code_bis .im2{margin-top:-5px;} #jeu #etape2{float:left;width:495px;height:100px;padding-top:10px;margin-left:1px;background:url(im/fond_jeu_etape2.png) no-repeat;} #jeu #etape2 #zone1{float:left;margin-left:60px;margin-top:19px;color:#666666;} #jeu #etape2 #zone2{float:left;margin-left:10px;margin-top:15px;} #jeu #etape2 #zone3{float:left;width:100px;margin-left:20px;margin-top:10px;text-align:center;} #jeu #etape2 #ok{width:120px;background-color:#DEDEDE;border:1px solid #7D7D7D;font-family:'Verdana';font-size:12px;color:#666666;margin-top:3px;cursor:pointer;} #jeu #etape2_bis{float:left;width:400px;height:100px;padding-top:10px;margin-left:1px;background:url(im/fond_jeu_etape2_bis.png) no-repeat;} #jeu #etape2_bis #zone1{float:left;margin-left:60px;margin-top:19px;color:#666666;} #jeu #etape2_bis #zone2{float:left;margin-left:10px;margin-top:15px;} #jeu #etape2_bis #ok{width:120px;background-color:#DEDEDE;border:1px solid #7D7D7D;font-family:'Verdana';font-size:12px;color:#666666;margin-top:3px;} #jeu #etape3bis{float:left;width:495px;height:100px;padding-top:10px;margin-left:1px;background:url(im/fond_jeu_etape3bis.png) no-repeat;} #jeu #etape3bis #zone1{float:left;margin-left:70px;margin-top:20px;color:#666666;} #jeu #etape3bis_bis{float:left;width:400px;height:100px;padding-top:10px;margin-left:1px;background:url(im/fond_jeu_etape3bis_bis.png) no-repeat;} #jeu #etape3bis_bis #zone1{float:left;margin-left:70px;margin-top:20px;color:#666666;} #jeu #etape3ter{float:left;width:495px;height:100px;padding-top:10px;margin-left:1px;background:url(im/fond_jeu_etape3ter.png) no-repeat;} #jeu #etape3ter #zone1{float:left;margin-left:80px;margin-top:54px;color:#666666;} #jeu #etape3ter_bis{float:left;width:400px;height:100px;padding-top:10px;margin-left:1px;background:url(im/fond_jeu_etape3ter_bis.png) no-repeat;} #jeu #etape3ter_bis #zone1{float:left;margin-left:80px;margin-top:54px;color:#666666;} #jeu #titre{margin-left:60px;margin-top:3px;color:#000;font-size:14px;} .minijeu{position:relative;float:left;width:250px;height:140px;padding-top:10px;margin-top:10px;margin-left:10px;background:url(im/fond_minijeu.jpg) 0 0 no-repeat;} .minijeu:hover{float:left;width:250px;height:140px;padding-top:10px;margin-top:10px;margin-left:10px;background:url(im/fond_minijeu.jpg) -250px 0 no-repeat;} .minijeu #titre{position:absolute;margin-left:10px;width:230px;font-size:22px;color:#333333;text-align:center;} .minijeu #gauche{float:left;width:120px;color:#666666;margin-top:50px;padding-left:5px;font-size:11px;} .minijeu #gauche a{font-size:17px;color:#FF4B04;} .minijeu #droite{float:left;width:120px;margin-left:5px;margin-top:25px;} #bas_menu{float:left;width:768px;height:25px;margin-top:20px;margin-left:10px;padding-top:5px;text-align:center;font-size:13px;background:url(im/fond_bas.jpg) no-repeat} #bas_copy{float:left;width:768px;height:25px;margin-top:10px;margin-left:10px;padding-top:5px;text-align:center;font-size:13px;background:url(im/fond_bas.jpg) no-repeat} #basdepage{float:left;width:768px;height:50px;margin-top:10px;margin-left:10px;text-align:center;} /*---------*/ /* GENERAL */ /*---------*/ #fond_haut{float:left;width:768px;height:13px;margin-left:10px;margin-top:10px;background:url(im/fond_haut.png) no-repeat} #fond_bas{float:left;width:768px;height:13px;margin-left:10px;background:url(im/fond_bas.png) no-repeat} #fond_milieu{float:left;width:768px;margin-left:10px;background:url(im/fond_milieu.png) repeat-y;text-align:justify;} .left_inscr{display: block;float: left;margin-top: 20px;text-align: right;width: 380px;padding-left: 20px;} .right_inscr1{display: block;background: url(im/fond1er.png) no-repeat;color: rgb(68, 68, 68);float: left;line-height: 16px;padding: 10px 0px 10px 44px;width: 267px;margin-left: 10px;margin-top: 30px;} .right_inscr2{background: url(im/fond2nd.png) no-repeat;color: rgb(68, 68, 68);float: left;line-height: 16px;padding: 13px 0px 0px 44px;width: 267px;margin-left: 10px;} .right_inscr3{background: url(im/fond3eme.png) no-repeat;color: rgb(68, 68, 68);float: left;line-height: 16px;padding: 15px 0px 10px 44px;width: 267px;margin-left: 10px;} .titre_inscr{color: rgb(255, 102, 0);font-size: 14px;font-weight: bold;} .titre_inscr_det{font-size: 13px;font-weight: bold;padding-bottom: 5px;padding-left: 38px;} .left_inscr input{background-color: white;border: 1px solid rgb(153, 153, 153);font-size: 11px;margin-bottom: 4px;padding: 4px;} .detail_insc{color:green;font-size: 10px;} #general{float:left;width:768px;height:400px;margin-left:10px;margin-top:10px;background:url(im/fond_general.jpg) no-repeat} #aides{float:left;width:768px;height:1050px;margin-left:10px;margin-top:10px;background:url(im/fond_aide.jpg) no-repeat} #general .boutton{width:92px;height:20px;background-color:#DEDEDE;border:1px solid #7D7D7D;font-family:'Verdana';font-size:12px;margin-left:346px;margin-top:3px;color:#666666;} #general_gagnants{float:left;width:768px;height:400px;margin-left:10px;margin-top:10px;background:url(im/fond_general_gagnants.jpg) no-repeat} #general_gagnants #euros{float:left;width:80px;height:20px;margin-left:330px;margin-top:110px;text-align:center;} #general_gagnants #lots{float:left;width:80px;height:20px;margin-left:60px;margin-top:110px;text-align:center;} #general_gagnants #nb_gagnants{float:left;width:80px;height:20px;margin-left:60px;margin-top:110px;text-align:center;} .interieur{float:left;width:440px;height:250px;margin-left:150px;margin-top:130px;} .interieurinv{float:left;width:500px;height:250px;margin-left:120px;margin-top:130px;overflow:auto;} .interieuraide{float:left;width:740px;height:250px;margin-left:14px;margin-top:90px;text-align:justify;font-size:10px;overflow:auto;;} .interieuraides{float:left;width:740px;height:1050px;margin-left:14px;margin-top:10px;text-align:justify;font-size:11px;overflow:auto;;} .interieurpartenaires{float:left;width:740px;height:1050px;margin-left:14px;margin-top:10px;text-align:justify;overflow:auto;;} .interieuraides h2{margin-top:10px;margin-bottom:3px;} .interieurgagnants{float:left;width:740px;height:250px;margin-left:14px;margin-top:0px;text-align:justify;font-size:10px;overflow:auto;;} .tablo{text-align:center;font-size:11px;} .contact{width:433px;height:120px;padding-left:3px;padding-top:4px;background-color:#FFFFFF;border:1px solid #999999;} #recharge1{width:120px;height:150px; text-align:center} #recharge1 .icone{width:100px;height:100px;background:url(im/recharger1.png) 0 0 no-repeat;margin-left:9px;} #recharge1:hover .icone{width:100px;height:100px;background:url(im/recharger1.png) -100px 0 no-repeat;margin-left:9px;} #recharge2{width:120px;height:150px; text-align:center} #recharge2 .icone{width:100px;height:100px;background:url(im/recharger2.png) 0 0 no-repeat;margin-left:9px;} #recharge2:hover .icone{width:100px;height:100px;background:url(im/recharger2.png) -100px 0 no-repeat;margin-left:9px;} #recharge3{width:120px;height:150px; text-align:center} #recharge3 .icone{width:100px;height:100px;background:url(im/recharger3.png) 0 0 no-repeat;margin-left:9px;} #recharge3:hover .icone{width:100px;height:100px;background:url(im/recharger3.png) -100px 0 no-repeat;margin-left:9px;} .coregistration{display: block;float: left;margin-left:75px;margin-top:5px;} /***** FormCheck *****/ .tipsbox .tipsbox_top_left{ background : url('images/top_left.png') no-repeat; _background : url('images/top_left.gif') no-repeat; _background-position : 9px 8px; } .tipsbox .tipsbox_top{ background : url('images/top.png') repeat-x; height : 17px; _background : url('images/top.gif') repeat-x; _background-position : 0px 8px; } .tipsbox .tipsbox_top_right{ background : url('images/top_right.png') no-repeat; _background : url('images/top_right.gif') no-repeat; _background-position : 0px 8px; } .tipsbox .tipsbox_left{ background : url('images/left.png') repeat-y; width : 17px; _background : url('images/side.gif') repeat-y; _background-position : 9px 8px; } .tipsbox .tipsbox_right{ background : url('images/right.png') repeat-y; width : 22px; _background : url('images/side.gif') repeat-y; _width : 9px; } .tipsbox .tipsbox_bottom_left{ background : url('images/bottom_left.png'); _background : url('images/bottom_left.gif') no-repeat; _background-position : 9px 0px; } .tipsbox .tipsbox_mark{ background : url('images/mark.png') no-repeat; height : 36px; _background : url('images/mark.gif') no-repeat; } .tipsbox .tipsbox_bottom_right{ background : url('images/bottom_right.png'); _background : url('images/bottom_right.gif') no-repeat; } .tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6{ background : url('images/inner.png'); } .tipsbox .tipsbox_inner_ie6 { padding : 4px; } .tipsbox .tipsbox_error { background : url('images/error.png') no-repeat; _background : url('images/error.gif') no-repeat; width: 40px; height: 40px; margin-top: 5px; float: left; clear: left; } .tipsbox p, .tipsbox { font-size: 1em; font-family: tahoma, verdana, "sans-serif"; margin : 0; padding : 0; border : 0; color : #FFF; } .tipsbox p { padding-left: 55px; line-height: 15px; } .tipsbox p span { font-size: 1em; font-weight: bold; color: red; line-height: 35px; } .error_f { border : 1px dotted #666; margin-top : 5px; background-color : #EAEAEA; } .error_f p { margin : 5px; color : #A00; } .error_f p span { font-size : 1.1em; color : #000; margin : 5px 0px 0px 0px; } /*Transparent items*/ .outtaHere { position:absolute; left:-3000px; } /*Radio buttons*/ .radioArea, .radioAreaChecked { display:block; float:left; clear:left; width:15px; height:14px; font-size:0; margin:30px; padding:30px; cursor:pointer; } .radioArea {background:url(images/radio.gif) no-repeat left top;} .radioAreaChecked {background:url(images/radio.gif) no-repeat left bottom;} /*Checkboxes*/ .checkboxArea, .checkboxAreaChecked { display:block; float:left; clear:left; width:13px; height:13px; font-size:0; padding:0; margin-left:15px; cursor:pointer; } .checkboxArea {background:url(images/checkbox.gif) no-repeat left top;} .checkboxAreaChecked {background:url(images/checkbox.gif) no-repeat left bottom;} .focused {border:1px dotted #ddd;} /*Text inputs*/ .textinput, .textinputHovered { height:15px; background:url(images/input_bg.gif) repeat-x left top; border:none; padding:4px 0; vertical-align:middle; } .textinputHovered {background-position:left bottom;} .inputCorner { padding-bottom:0; vertical-align:middle; } /*Text areas*/ .txtarea .tr, .txtarea .tr_xon {background:url(images/txtarea_tr.gif) no-repeat top right;} .txtarea .tr_xon {background:url(images/txtarea_tr_xon.gif) no-repeat top right;} .txtarea img.txt_corner { width:5px; height:5px; display:block; } .txtarea .br, .txtarea .br_xon {background:url(images/txtarea_br.gif) no-repeat top right;} .txtarea .br_xon {background:url(images/txtarea_br_xon.gif) no-repeat top right;} .txtarea .cntr {background:url(images/txtarea_cntr.gif) repeat-y right top;} .txtarea .cntr_xon {background:url(images/txtarea_cntr_xon.gif) repeat-y right top;} .txtarea .cntr_l, .txtarea .cntr_l_xon { width:5px; background:url(images/txtarea_l.gif) repeat-y left top; float:left; } .txtarea .cntr_l_xon {background:url(images/txtarea_l_xon.gif) repeat-y left top;} .txtarea textarea { border:0; background:none; padding:0; margin:5px; } /*Selects*/ .selectArea { width:200px; height:21px; background:url(images/select_bg.gif) repeat-x left top; } .selectArea .left { width:8px; height:21px; float:left; background:url(images/select_left.gif) no-repeat left top; } .selectArea .right { width:21px; height:21px; float:right; background:url(images/select_right.gif) no-repeat left top; } .selectArea .right a { display:block; width:200px; height:21px; margin-left:-179px; position:absolute; } .selectArea .right i {display:none;} .selectArea .center { width:160px; color:#FFF; padding-top:3px; overflow:hidden; white-space:nowrap; } /*Selects drop-down*/ .optionsDivInvisible, .optionsDivVisible { position:absolute; margin-top:-1px; margin-left:3px; width:172px; background:#6f7074; padding:2px; font-size:11px; z-index:20; } .optionsDivInvisible {display:none;} .optionsDivVisible {display:block;} .optionsDivVisible p { margin:0; padding:0; } .optionsDivVisible a { color:#F2F2F2; text-decoration:none; display:block; padding:1px 4px; border:1px solid #6f7074; } .optionsDivVisible a:hover { color:#FFF; background:#5F6062; border-color:#cfd0d6; } /*Button*/ .buttonSubmit, .buttonSubmitHovered { width:auto; height:26px; color:#FFF; font-weight:bold; padding:2px; background:url(images/button_bg.gif) repeat-x left top; cursor:pointer; border:none; } .buttonSubmitHovered {background-position:left bottom;} .buttonImg {vertical-align:bottom;}