/* CSS Document */

/* GLOBAL RESET*/
html,body,div,span,object,iframe,h1,h2,h3,h4,p,a,em,a img,img,small,strong,sub,sup,
tt,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body{background-color:#000;font-family:arial;font-size:12px;line-height:16px;color:#fff;overflow-x:hidden}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
th,td{text-align:left;font-weight:normal}
.space{clear:both;line-height:0;}
a:link,a:visited,a:hover,a:active{text-decoration:underline;color:#fff;font-size:10px;}
strong{font-weight:bold;color:#ffff00}
sup{height: 0;line-height: 1;vertical-align:baseline;/*_vertical-align: bottom;*/position: relative;bottom: 1ex;}
hr{background-color:#fff;border:0 none;color:#fff;height:1px;}
#wrap{width:1280px;height:620px;background:url(/images/background.jpg) no-repeat 0px 40px;position:absolute;left:50%;margin-left:-640px;}
.yellow{color:#ffff00}

/* FORMULAIRES */
label{display:block;color:#ffed00;font-weight:bold;line-height:19px;text-indent:1px;margin-bottom:5px;}
label.error{background:url(/images/error.png) no-repeat 230px 21px;}
label.error_cb{background:url(/images/error.png) no-repeat 203px 7px;}
.inputText{display:block;width:220px;height:18px;border:none;}
.inputCheckbox{border:none;margin-left:0px}
.inputBd1{border:none;text-align:center;width:30px;height:15px;margin-right:7px;font-size:10px;color:#58585a;padding-top:3px;margin-top:10px;}
.inputBd2{border:none;text-align:center;width:60px;height:15px;font-size:10px;color:#58585a;padding-top:3px;margin-top:10px;}
select{width:220px;}
p.error{background:url(/images/error.png) no-repeat 1px 1px;color:#ffed00;font-weight:bold;padding-left:25px;margin-top:15px;}

/* radio */
.jquery-checkbox       {display: inline; font-size: 20px; line-height: 39px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}
.jquery-checkbox img {vertical-align: middle; width: 39px; height: 39px;}
.jquery-checkbox img{background: transparent url(/images/radio.png) no-repeat;}
.jquery-checkbox img{background-position: 0px -39px;}
.jquery-checkbox-checked img{background-position: 0px 0px;}

/* MENU TOP */
#header_left{float:left;background:url(/images/menu_bg_pattern_left.png);height:40px;width:50%;}
#header_right{float:left;background:url(/images/menu_bg_pattern_right.png);height:40px;width:50%;}
#logo_aero{position:absolute;top:30px;left:170px;width:282px;height:25px;}
#header{height:40px;background:url(/images/menu_bg.png) no-repeat}
  #header #logo_babolat{margin:10px 0 0 974px;width:136px;height:26px}


#contener{width:661px;height:405px;background:url(/images/bg_pattern_transparent_pages.png) repeat-x;margin:auto;margin-top:38px;padding:35px 0 0 40px}

/* HOME */
#contener_home{height:478px;}
  #contener_home #home_left{float:left;width:542px;height:478px;padding-left:248px;width:518px;height:457px;}
  #contener_home #home_right{float:left;width:211px;background:url(/images/bg_pattern_transparent.png) repeat-x;height:378px;padding:100px 0 0 28px;}
    #contener_home #home_right p{margin-top:11px;color:#ffff00;font-weight:bold;}
    #contener_home #home_right p#home_links{margin-top:34px;line-height:30px;}

/* PAGE CONNEXION */

#forms #connect{width:299px;float:left;margin-top:19px;}
  #bttn_connexion{display:block;width:141px;height:21px;border:none;margin-top:20px;}
#forms #suscribe{width:299px;margin:19px 0 0 21px;float:left;}
  #bttn_inscription{display:block;width:141px;height:21px;border:none;margin-top:10px;}
  #label_cgv{color:#fff;font-size:10px;font-weight:normal;margin-top:8px;}
#forms .aForm{margin-top:8px;}

/* QUIZ */
#contener_quiz{width:460px;height:423px;background:url(/images/bg_pattern_transparent_quiz.png) repeat-x;margin:auto;padding:55px 39px 0}
  #contener_quiz h3#quiz{width:208px;margin:auto;}
  #contener_quiz h4#title_question{text-align:center;margin-top:21px;}

#slider_out{width:460px;height:291px;overflow:hidden;position:relative;}
  #slider_out #slider_in{width:920px;height:291px;overflow:hidden;position:relative;}
    #slide_left{float:left;width:460px;}
    #slide_right{float:left;width:460px;}
    
    #slider_in .question{text-align:center;/*height:66px;*/margin-top:13px}
      #slider_in .question hr{margin:0}
      #slider_in .question img{margin:6px 0 5px}

    #slider_in p.quiz_vertical{width:200px;margin:auto;margin-top:9px;margin-bottom:27px}
      #slider_in p.quiz_vertical label{cursor:pointer;}
      #slider_in p.quiz_vertical label img{margin-left:10px;}

    #slider_in p.quiz_horizontal{margin:9px;overflow:hidden;}
      #slider_in p.quiz_horizontal label{float:left;text-align:center;width:33%;}
        #slider_in p.quiz_horizontal label span.reponse_img{display:block;height:85px}
    
    #slider_in #q1_reponses{overflow:hidden; margin:15px 0 20px 35px;}
    #slider_in #q1_reponses label img{vertical-align:middle;}
      
    #slider_in #q2_reponses{overflow:hidden;}
    #slider_in .specif_form_civ{margin-bottom:68px;}
      #slider_in #q2_reponses p{float:left;}
        #slider_in #q2_reponses p label{margin:0;}
      #slider_in #q2_reponses p#q2_1{margin-top:13px;}
      #slider_in #q2_reponses p#q2_2{margin-left:15px;}
      #slider_in #q2_reponses p#q2_3{margin:13px 0 0 60px;}

    #slider_in p.valid{text-align:center;}
    #slider_in p.error{width:210px;margin:0px auto 0;display:none;}

/* RESULTATS */
#contener_fb{width:778px;height:423px;background:url(/images/bg_pattern_transparent_quiz.png) repeat-x;margin:auto;padding:55px 41px 0;overflow:hidden;}
  #contener_fb #visuel_gamme{width:198px;height:368px;float:left;}
  #argumentaire_fb{width:240px;margin-top:18px;float:left;}
    #argumentaire_fb p{width:220px;font-weight:bold;margin-top:11px}
      #argumentaire_fb p a{margin-top:25px;display:block;}
  #resultats{width:300px;margin:18px 0 0 40px;float:left;overflow:hidden;height:383px;border:0 none;position:relative;}
    #resultats_slider{width:600px;overflow:hidden;position:relative;}

      #resultats_left{width:300px;float:left}
        #resultats_left #date_score{display:block;line-height:23px;font-weight:bold;}
        #result_tab_out{overflow:auto;height:260px;width:301px;}
          #resultats_slider table{width:284px;border-collapse:separate;border-spacing:1px 1px;}
            #resultats_slider table td{vertical-align:middle;text-align:center}
            #resultats_slider #head{background:#000;margin-top:13px;}
              #resultats_slider #head td{font-weight:bold;}
            #resultats_slider tr{height:25px;}
            #result_tab_out .even{background:url(/images/bg_pattern_transparent_table_scores.png) repeat-x;}
            #result_tab_out .odd{background:#009acf;}
              #resultats_slider .rank{width:28px}
              #resultats_slider .pseudo{width:137px}
              #resultats_slider .pays{width:69px}
        #resultats_left #voir_gagnants{display:block;margin-top:23px}
      #resultats_right{width:300px;float:left;overflow:hidden}
      #resultats_right h3{height:48px;}
        #resultats_right div{height:285px;overflow:auto;}
          #resultats_right div span.gagnants{display:block;float:left;width:140px;height:50px;font-weight:bold;}
            #resultats_right div span.gagnants span.yellow{display:block;}
        #resultats_right #voir_scores{display:block;margin-top:23px}

/* MERCI */
#contener_merci{width:460px;height:478px;background:url(/images/bg_pattern_transparent_quiz.png) repeat-x;margin:auto;padding:0px 39px}
  #contener_merci #visuel_gamme{height:220px; width:460px; text-align:center; }
  #contener_merci #merci{padding-top:10px;text-align:center;height:25px;border-top:#fff 1px solid;border-bottom:#fff 1px solid;}
  #contener_merci p{border-bottom:#fff 1px solid;height:140px;padding-top:15px;font-weight:bold;margin-bottom:15px;}
  #contener_merci a#left_link{display:block;float:left}
  #contener_merci a#right_link{display:block;float:right}
      
/* PAGE GAMME */
#contener_gamme{width:619px;background:url(/images/bg_pattern_transparent_gamme.png) repeat-y;margin:auto;padding:13px 81px 0;overflow:hidden;}
  #visuel_page_gamme{width:422px;height:225px;margin-left:85px;display:block;margin-bottom:23px;}
  .itw{width:308px;display:inline-block;margin-bottom:60px;}
  .signature{margin-top:13px;}
  #gamme_aero{overflow:hidden;padding-bottom:50px;}
    #gamme_aero .left{float:left;margin-top:20px;}
    #gamme_aero .right{float:right;margin-top:20px;}
    #gamme_aero div.argumentaire{width:379px;}
  #en_savoir_plus{margin:auto;display:block;width:222px;}
  #cross_link{margin-top:3px;text-align:center;}
  #cross_link a:link,
  #cross_link a:visited,
  #cross_link a:hover,
  #cross_link a:active{font-size:10px;text-decoration:none;font-weight:bold;color:#d7d9d9;padding:0 14px}


/* FOOTER */
#footer{margin-top:14px;}
  #footer #bande_tennis_runs{width:991px;height:40px;text-indent:-999px;background:url(/images/bande_tennis_runs.png) no-repeat;margin-left:126px;}
  #footer #legals{height:14px;margin:18px 0 30px 170px;}
    #footer #legals li{float:left;margin-right:24px;display:inline-block;height:14px;}
      #footer #legals li a{height:14px;text-indent:-999em;display:block;}
      #footer #legals li a#legals_1{background:url(/images/footer/babolat.png) left top;width:49px}
      #footer #legals li img{cursor:pointer;}

      #footer .de li a#legals_2{background:url(/images/footer/reglement_de.png) left top;width:92px}
      #footer .de li a#legals_3{background:url(/images/footer/defi_fb_de.png) left top;width:80px}
      #footer .de li a#legals_4{background:url(/images/footer/credits_de.png) left top;width:54px}
      #footer .de li a#legals_5{background:url(/images/footer/share_de.png) left top;width:57px}

      #footer .en li a#legals_2{background:url(/images/footer/reglement_en.png) left top;width:22px}
      #footer .en li a#legals_3{background:url(/images/footer/defi_fb_en.png) left top;width:80px}
      #footer .en li a#legals_4{background:url(/images/footer/credits_en.png) left top;width:30px}
      #footer .en li a#legals_5{background:url(/images/footer/share_en.png) left top;width:47px}

      #footer .es li a#legals_2{background:url(/images/footer/reglement_es.png) left top;width:46px}
      #footer .es li a#legals_3{background:url(/images/footer/defi_fb_es.png) left top;width:72px}
      #footer .es li a#legals_4{background:url(/images/footer/credits_es.png) left top;width:35px}
      #footer .es li a#legals_5{background:url(/images/footer/share_es.png) left top;width:66px}

      #footer .fr li a#legals_2{background:url(/images/footer/reglement_fr.png) left top;width:40px}
      #footer .fr li a#legals_3{background:url(/images/footer/defi_fb_fr.png) left top;width:57px}
      #footer .fr li a#legals_4{background:url(/images/footer/credits_fr.png) left top;width:30px}
      #footer .fr li a#legals_5{background:url(/images/footer/share_fr.png) left top;width:61px}

      #footer .it li a#legals_2{background:url(/images/footer/reglement_it.png) left top;width:51px}
      #footer .it li a#legals_3{background:url(/images/footer/defi_fb_it.png) left top;width:63px}
      #footer .it li a#legals_4{background:url(/images/footer/credits_it.png) left top;width:30px}
      #footer .it li a#legals_5{background:url(/images/footer/share_it.png) left top;width:64px}

#footer #flag img{width:16px;height:11px}

#langs{position:absolute;text-align:center;top:476px;left:147px;display:none;}
.langs_gamme{top:1000px !important;}
  #langs li a{text-indent:-999em;display:inline-block;}
  #langs li span{text-indent:-999em;display:inline-block;}
  #langs li a#langs_1{background:url(/images/langues/uk.png) no-repeat left top;width:65px;height:8px;}
  #langs li a#langs_1:hover{background:url(/images/langues/uk_on.png) no-repeat left top;width:65px;height:8px;}
  #langs li.selected span#langs_1{background:url(/images/langues/uk_on.png) no-repeat left top;width:65px;height:8px;}
  #langs li a#langs_2{background:url(/images/langues/fr.png) no-repeat left top;width:26px;height:8px;}
  #langs li a#langs_2:hover{background:url(/images/langues/fr_on.png) no-repeat left top;width:26px;height:8px;}
  #langs li.selected span#langs_2{background:url(/images/langues/fr_on.png) no-repeat left top;width:26px;height:8px;}
  #langs li a#langs_3{background:url(/images/langues/es.png) no-repeat left top;width:29px;height:8px;}
  #langs li a#langs_3:hover{background:url(/images/langues/es_on.png) no-repeat left top;width:29px;height:8px;}
  #langs li.selected span#langs_3{background:url(/images/langues/es_on.png) no-repeat left top;width:29px;height:8px;}
  #langs li a#langs_4{background:url(/images/langues/de.png) no-repeat left top;width:50px;height:8px;}
  #langs li a#langs_4:hover{background:url(/images/langues/de_on.png) no-repeat left top;width:50px;height:8px;}
  #langs li.selected span#langs_4{background:url(/images/langues/de_on.png) no-repeat left top;width:50px;height:8px;}
  #langs li a#langs_5{background:url(/images/langues/at.png) no-repeat left top;width:45px;height:8px;}
  #langs li a#langs_5:hover{background:url(/images/langues/at_on.png) no-repeat left top;width:45px;height:8px;}
  #langs li.selected span#langs_5{background:url(/images/langues/at_on.png) no-repeat left top;width:45px;height:8px;}
  #langs li a#langs_6{background:url(/images/langues/it.png) no-repeat left top;width:25px;height:8px;}
  #langs li a#langs_6:hover{background:url(/images/langues/it_on.png) no-repeat left top;width:25px;height:8px;}
  #langs li.selected span#langs_6{background:url(/images/langues/it_on.png) no-repeat left top;width:25px;height:8px;}
  #langs li a#langs_7{background:url(/images/langues/us.png) no-repeat left top;width:57px;height:8px;}
  #langs li a#langs_7:hover{background:url(/images/langues/us_on.png) no-repeat left top;width:57px;height:8px;}
  #langs li.selected span#langs_7{background:url(/images/langues/us_on.png) no-repeat left top;width:57px;height:8px;}
