@CHARSET "UTF-8"; BODY{font-family: "Arial", Verdana; font-size: 11px; background: url(../img/bg_body.gif); margin: 0px; padding: 0px;} a, a:hover, a:visited{text-decoration: none; color: #7b7b7b;} a img{border: 0px;} form{margin: 0px; padding: 0px;} #global{margin: 0 auto; width: 960px; display: none;} #loading{margin: 0 auto; width: 960px; text-align: center;margin-top: 100px; font-size: 14px;} #header{padding: 50px 15px 0px 15px; background: url(../img/header.jpg) no-repeat; height: 150px;width: 930px;} #carte{z-index: 3; position: relative;background: url(../img/carte.png)!important;background: url(../img/carte.gif);height: 92px;width: 230px;float: left; padding: 45px 0px 0px 20px;} #carte a, #carte a:hover, #carte a:visited{color: #546288; text-decoration: none;} #menu{z-index: 3;position: relative;padding: 80px 0px 0px 15px;float: left;height: 60px;} #menu .item{padding-left: 13px; float: left; cursor: pointer;} #menu a, #menu a:hover, #menu a:visited{color: #FFFFFF; text-decoration: none; cursor: pointer;} .submenu{position: absolute; margin-top: 0px!important;margin-top: -3px; color: #FFFFFF;} .submenu ul{margin: 0px; padding: 0px;} .submenu li{ margin-bottom: -3px;text-align: center;list-style-type: none;height: 31px; line-height: 31px; background: url(../img/menu/bg_submenu.gif) repeat-x;} .submenu .on{ background: url(../img/menu/bg_submenu_on.gif) repeat-x;} #footer{background: url(../img/bg_footer.gif);height: 104px;width: 960px;margin-bottom: 20px; float: left;} #footer .content{float: right; background: url(../img/footer.gif) bottom no-repeat;width: 960px;height: 71px;line-height: 71px;padding-top: 33px; text-align: right; } #footer .content img{margin-top: 27px;} .opacity{behavior: url(/public/js-css/iepngfix.htc);} /* ----- STAGE ----- */ #content_header_stage{z-index: 0;position: relative; width: 940px;height: 30px; background: url(../img/bg_content_header.gif);margin-top: 11px!important; margin-top: -29px; padding: 10px!important;padding: 5px 10px 5px 10px; float: left;} #header_stage{padding: 50px 15px 0px 15px; background: url(../img/header_stage.jpg) no-repeat; height: 111px;width: 930px;} #stage {z-index:1;position: relative;top: -29px; height: 165px;} /* ----------------- */ /* ----- COMMON ------ */ .error{color: #FF0000;} .line{position: relative;clear: both;padding: 10px 0px 10px 0px;} .line .label{width: 250px;float: left; padding-right: 50px;} .line .field{width: 400px;float: left; color: #707070;} .field input{border: 1px solid #bcbbbb; height: 15px; width: 150px;} .field select{border: 1px solid #bcbbbb; width: 170px;} #content_header{ width: 940px; height: 40px; background: url(../img/bg_content_header.gif); padding: 10px 0px 0px 20px;} /* ------------------- */ /* ----- INFOS LEGALES ------ */ #il_header{ position: relative; height:174px ; width: 960px;background:url(../img/bg_infoslegales_header.png)} #il_header .col1{float: left; height:154px ; width: 400px; padding: 10px 20px 10px 30px;color: #FFFFFF;text-align: justify} #il_header .col2{float: left; height:154px ; width: 290px; padding: 10px 20px 10px 10px;color: #FFFFFF;text-align: justify} #il_content{position: relative; float: left;width: 900px;padding: 30px;text-align: justify;background:url(../img/bg_infoslegales_content.png);} /* -------------------------- */ /* ----- SUBSCRIPTION ------ */ #header_inscription{padding: 0px; background: url(../img/header_inscription.jpg) no-repeat; height: 161px;width: 960px;cursor: pointer;} #s_content{position: relative;background: #FFFFFF; width: 920px; padding: 20px 20px 20px 20px;} #s_content_bottom{padding: 20px 20px 20px 20px;background: url(../img/bg_content_bottom.png); width: 920px;} #s_content_bottom .h_middle{width: 920px; text-align: center;} #s_content_header{ width: 940px; height: 40px; background: #b4d22b; padding: 10px 0px 0px 20px;} #s_content_header img{ margin: 0px 30px 0px 0px;} /* ------------------------- */ /* ----- Login ----- */ #footer_login{width: 960px; float: left} #footer_login .content{background: url(../img/footer.gif) bottom no-repeat;width: 960px;height: 71px;line-height: 71px; text-align: right;} #footer_login .content img{margin-top: 27px;} #l_content{width: 930px; height: 374px; background: url(../img/bg_login.jpg);padding: 15px 15px 15px 15px!important;padding: 15px 15px 0px 15px;} #l_content .col1{float: left; width: 605px; height: 350px; background: #FFFFFF;padding: 10px 10px 10px 10px;} #l_content .col2{ float: left; width: 305px; height: 370px;} #l_content .col2 .row1{text-align: center; padding-top: 20px; width: 301px; height: 51px;background: url(../img/bg_login_row1.gif);} #l_content .col2 .row2{text-align: center; padding-top: 10px!important; width: 301px; height: 169px;background: url(../img/bg_login_row2.gif);} #l_content .col2 .row3{text-align: center; padding-top: 20px; width: 301px; height: 100px;background: url(../img/bg_login_row3.gif);} #l_content input{border: 1px solid #bcbbbb; height: 15px; width: 150px; margin-top: 5px;} /* ----------------- */ /* ----- WebTV ----- */ #w_content{position: relative;background: url(../img/bg_webtv.jpg); width: 940px; height: 352px; padding: 0px; padding-top: 20px; padding-left: 20px;} #w_content #video{float: left;width: 441px; height:310px; color:#FFFFFF; } #w_content #video_info{float: left; padding-left: 25px; padding-top: 50px;width: 200px;} #w_content #offer{float: right; position: relative; top:-50px; margin-right:15px;} #w_content #videos{padding-left: 25px;width: 454px;float: left; position: relative; top:-25px; } #w_content #videos #slideshow{overflow:hidden; display:inline; position:relative; margin: 0px 10px 0px 10px;float: left; width:395px; height: 76px;} #w_content #videos #slideshow ul{width:3900px;padding-left:0px; margin:0px;} #w_content #videos #slideshow li{float:left;margin:0px 2px 0px 2px;cursor:pointer;} #w_content #videos #slideshow img{border: 1px solid #000000;margin: 0px 2px 0px 2px;} #w_content #videos ul, lu {list-style:none;} #w_content #webtv_previous { cursor:pointer; float:left; width:19px; height:76px; } #w_content #webtv_next { cursor:pointer; float:left; width:19px; height:76px; } #w_content_bottom{padding: 20px 20px 20px 20px;background: url(../img/bg_content_bottom.png); width: 920px; height: 213px;} #w_content_bottom #slideshow2{ position:relative; overflow:hidden; margin: 0px 10px 0px 10px;float: left; width:848px; height: 183px;} #w_content_bottom #slideshow2 .slide_video{ position:relative; padding: 12px 16px 0px 16px; width: 131px; height: 171px; background: url(../img/webtv/master.png) top left;} #w_content_bottom #slideshow2 .slide_video img{margin-bottom: 5px;} #w_content_bottom #slideshow2 .cur_video_puce { position:absolute; bottom:20px; left:33px; display:none; } #w_content_bottom #slideshow2 .cur_video_puce img{ width:6px; height:9px; border:0 none; } #w_content_bottom #slideshow2 .cur_video_puce span{ color:#FFFFFF; font-weight:bold; } #w_content_bottom #slideshow2 ul{width:3900px;padding-left:0px; margin:0px; position:relative;} #w_content_bottom #slideshow2 li{float:left;margin:0px 4px 0px 4px;cursor:pointer; position:relative;} #w_content_bottom #slideshow2 img{border: 1px solid #000000;margin: 0px 2px 0px 2px;} #w_content_bottom ul, lu{list-style:none;} /* ----------------- */ /* ----- Actualités ----- */ #n_content{float: left; position: relative;background: url(../img/bg_actu.png); width: 940px; padding: 10px;clear: both;} #n_content p{padding: 0px; margin: 0px;} #n_content .item{float: left; position: relative;width: 937px;background: url(../img/bg_actu_item.png);margin: 10px 0px 10px 0px;} #n_content .item .title1{padding: 10px 0px 0px 20px;float: left;position: relative;width: 408px; height: 25px;} #n_content .item .pic{padding: 0px;float: left;position: relative;width: 428px;} #n_content .item .title2{padding: 10px 0px 0px 20px;float: left;position: relative;width: 480px; height: 25px;} #n_content .item .desc{padding: 10px 0px 0px 15px;float: left;position: relative;width: 485px;} #n_content .item .desc a{color: #406618;} /* ---------------------- */ /* ----- Distributeurs ----- */ #d_content{float:left;background: url(../img/bg_dealer_content.png) repeat-x; width: 940px; padding: 10px;clear: both;} #d_content .col1{width: 240px;float: left;} #d_content .col1 p#bn_header{margin: 0px;padding: 12px 10px 0px 10px; width: 217px; height: 22px; background: url(../img/bg_bn_header.png)!important;background: url(../img/bg_bn_header.gif);} #d_content .col1 p.bn_sep{font-size: 1px; margin: 0px;width: 237px; height: 2px; background: url(../img/bg_bn_sep.png)!important;background: url(../img/bg_bn_sep.gif);} #d_content .col1 p#bn_note1{margin: 0px;padding: 10px 10px 20px 10px; width: 217px;line-height: 15px; background: url(../img/bg_bn_note1.png) no-repeat!important;background: url(../img/bg_bn_note1.gif) no-repeat;} #d_content .col1 p#bn_note2{margin: 0px;padding: 10px 10px 20px 10px; width: 217px;line-height: 15px; background: url(../img/bg_bn_note2.png) no-repeat!important;background: url(../img/bg_bn_note2.gif) no-repeat;} #d_content .col1 p#bn_add{position: relative; float: left;margin: 0px;padding: 12px 10px 12px 10px; width: 217px; background: url(../img/bg_bn_add.png) bottom!important;background: url(../img/bg_bn_add.gif) bottom;} #d_content .col1 p#bn_add #noteFormAlert{border: 1px solid #bcbbbb; width: 150px;} #d_content .col2{position: relative; padding: 15px; width: 644px;float: right;background:url(../img/bg_dealer_content2.png)!important;background:url(../img/bg_dealer_content2.gif);} #d_content .col2 .label{width: 200px; float: left;} #d_content .col2 .field{width: 300px; float: left;} #d_content .col2 .field input{border: 1px solid #bcbbbb; height: 15px; width: 150px;} #d_content .col2 .field select{border: 1px solid #bcbbbb; width: 152px;} #d_content #search_result a{color: #FFFFFF;} #d_content .error{color: #FFFFFF;} #d_content_header_stage{z-index: 1;position: relative; width: 940px;height: 27px; background: url(../img/bg_dealer_title.png) repeat-x;margin-top: 11px!important; margin-top: -29px; padding: 10px!important;padding: 5px 10px 5px 10px; float: left;} /* ------------------------- */ /* ----- Mes exclusivites ----- */ #e_content{position: relative;background: url(../img/bg_mesexclus.jpg); width: 940px; height: 404px; padding: 0px; padding-top: 0px; padding-left: 20px;} #e_content #offer{float: left;width: 434px; height:350px; margin-top: 25px;margin-right: 20px;} #e_content #offer_slide{float: left;width: 157px; height:404px;} #e_content #offer_slide #slideshow{overflow:hidden; float: left; width:157px; height: 325px;} #e_content #offer_slide #slideshow ul{height:3900px;padding:0px; margin:0px;} #e_content #offer_slide #slideshow li{cursor:pointer;margin: 0px 0px 10px 12px;} #e_content #offer_slide #slideshow li div{background: url(../img/bg_mesexclus_slide.png) bottom no-repeat;margin:0px; padding: 0px 0px 0px 0px; width: 130px; height: 102px; color: #FFFFFF; font-size: 10px;} #e_content #offer_slide #slideshow img{ margin: 0px; padding: 0px;} #e_content #offer_slide ul, lu {list-style:none;} #e_content #mesexclus_previous { cursor:pointer; float:left; width:157px; height:28px; margin-bottom: 10px;} #e_content #mesexclus_next { cursor:pointer; float:left; width:157px; height:28px; margin-top: 10px;} #e_content #offer_cat{cursor: pointer; float: right;width: 287px; height:137px; margin-top: 30px;margin-right: 20px!important;margin-right: 10px; background:#363636;} #e_content #offer2{float: right;width: 297px; height:117px; margin-top: 95px;margin-right: 15px!important;margin-right: 7px;} #e_content_bottom{padding: 0px;background: url(../img/bg_content_bottom.png); width: 960px; height: 253px;} #e_content_bottom .col1{float: left; padding: 10px 0px 0px 20px;width: 452px; height: 243px; border-right: 1px solid #41731a;} #e_content_bottom .col1 a{color: #515151;} #e_content_bottom .col1 .eco{margin: 0px 20px 0px 0px;text-align: center;padding: 7px 7px 7px 7px; float: left; width: 191px; height: 178px; background:url(../img/bg_mesexclus_eco.png) no-repeat;} #e_content_bottom .col1 .eco img{border: 1px solid #666563;} #e_content_bottom .col1 .fd{ font-size: 9px; margin: 0px 10px 10px 0px!important;margin: 0px 10px 5px 0px; padding: 4px 10px 0px 10px; float: left; width: 78px; height: 88px; background:url(../img/bg_mesexclus_fd.png);} #e_content_bottom .col1 .dark {background:url(../img/bg_mesexclus_fd_dark.png) 0 0 no-repeat;color:white} #e_content_bottom .col1 .dark a {color:#aeaeae} #e_content_bottom .col1 .fd img{border: 1px solid #666563;} #e_content_bottom .col2{color: white; float: right; padding: 10px 10px 0px 20px;width: 457px; height: 243px;} #e_content_bottom .col2 .answer {line-height: 1.5em;margin-bottom: 10px;} #e_content_bottom .col2 .stats {float:left;width: 95%; margin-top: 5px; margin-bottom: 0px;} #e_content_bottom .col2 .stats .title {float:left; width: 150px;font-weight: bold; margin-left: 10px;} #e_content_bottom .col2 .stats .progress {background:url(../img/bg_survey_result.png) no-repeat;float:left; width: 231px;height: 12px;margin-top: 3px; font-size: 1px;} #e_content_bottom .col2 .stats .progress2 {background:url(../img/bg_survey_progress.png) repeat-x;font-size: 1px; margin: 1px;} /* ----------------- */ /* ----- Parrainage ----- */ #p_content{position:relative; background: url(../img/bg_parrainage.jpg); width: 940px; height: 391px; padding: 0px; padding-top: 0px; padding-left: 20px;} #p_contentTop {position:relative; padding-top:28px; height:258px; padding-left:16px; padding-right:36px; } #p_contentTopLeft { float:left; width:542px; } #p_contentTopRight { float:right; width:309px; } #p_contentMiddle {} #p_contentMiddleForm { float:left; padding-left:45px; color:white; font-size:12px; } .p_contentMiddleFormLine { margin-bottom:4px;} #p_contentMiddleTerms { float:right; margin-top:-5px; margin-right:20px;width:168px;} #p_content_bottom{padding: 0px;background: url(../img/bg_parrainage_bottom.png); width: 960px; height: 190px; padding-top:23px;} #p_content_bottomSubmit { text-align:center;} #p_content_bottomLoading {position:relative; text-align:center; color:white; top:-110px; width:940px; height:50px; font-size:15px;} #p_content_bottomTerms1 { padding-left:45px; padding-right:50px; padding-bottom:10px; padding-top:20px; font-size:10px;} #p_content_bottomTerms1Image { float:left; width:43px; margin-right:10px;} #p_content_bottomTerms1Text { } #p_content_bottomTerms2 { padding-left:45px; padding-right:50px; padding-top:15px; color:#3d3d3d; font-size:10px;} /* ----------------- */ /* ----- Offre ----- */ #o_content{float: left;position: relative;background: url(../img/bg_offre.jpg); width: 915px;padding: 20px 20px 20px 25px;} #o_content .col1{position: relative; float: left;width: 465px;} #o_content .col1 .game_left{position: relative; float: left; width: 4px; height: 87px; background: url(../img/bg_offre_game_left.png) no-repeat;} #o_content .col1 .game{text-align: left; position: relative; float: left; width: 406px; height: 67px; background: url(../img/bg_offre_game.png); padding: 10px;} #o_content .col1 .game_right{position: relative; float: left; width: 4px; height: 87px; background: url(../img/bg_offre_game_right.png) no-repeat;} #o_content .col2{color: #FFFFFF; position: relative; float: right;width: 437px;} #o_content .col2 ul{margin: 0px;padding: 10px 0px 0px 15px;} #o_content .col2 li{list-style-image : url(../img/puce_offre_li.png);padding: 5px 0px 5px 0px;} #o_content_bottom{position: relative;float: left;padding: 20px;background: url(../img/bg_offre_ml.jpg); width: 920px; position: relative; } #o_form{width: 700px;margin: 0 auto; position: relative;} #o_form .header{float: left;width: 700px; color: #406618; font-size: 14px;padding: 0px 0px 0px 10px; font-weight: bold;margin: 10px 0px 5px 0px;} #o_form .group{width: 670px; float: left;padding: 15px;background:#c4d860;} #o_form .group .top{width: 700px; height: 10px;position: relative; background: url(../img/bg_offre_form_top.png)} #o_form .group .content{width: 700px;position: relative; background: url(../img/bg_offre_form.png)} #o_form .group .bottom{width: 700px; height: 10px;position: relative; background: url(../img/bg_offre_form_bottom.png)} #o_form .label{width: 300px; float: left;padding-bottom: 5px;position: relative; height: 25px; line-height: 25px;} #o_form .field{text-align: right;width: 300px; float: right;padding-bottom: 5px;position: relative; height: 22px; line-height: 22px;padding-top: 3px;} #o_form input.error{background-color: #adcb2b;} #o_form label.error{background-color: '';display: none;display: block;margin-left: 1em;width: auto;} #o_form input.inputText{border: 1px solid #bcbbbb; height: 15px; width: 280px;} #o_form select{border: 1px solid #bcbbbb; height: 20px; width: 280px;} /* POPUP OFFRE */ #popup_offre {width:818px;font-size:12px;} .blk_2cols {float:left;width:50%;_width:49.9%} #logo_offre {margin:15px 2px 0} .blk_title {padding:10px 20px 5px;margin-right:11px;background:#a2c126} .blk_title h1 {margin:0;padding:0;font-size:22px;color:black} .blk_title h2 {margin:0;padding:0;font-size:40px;color:white} .blk_title h2 span {font-size:30px} #blk_pop_content {margin:15px 10px 15px 20px; line-height:18px} #blk_pop_content .blk_2cols p {padding:5px 0} #blk_pop_content .blk_2cols p strong {font-size:14px} #blk_pop_content .blk_2cols:last-child p{ padding-left:20px; border-left:1px solid #ccc} .txt_top {float:right;margin:15px 25px 15px 0;font-size:15px} .txt_top strong {font-size:17px} .blk_v-offre {position:relative;margin:0 10px; clear:both} .txt_detail {position:absolute;top:13px;left:0;padding:5px 38px;font-size:15px;color:white;font-weight:bold;margin:0;background:url(../img/bg_detail.png) 0 0 repeat-x #95b223} #btn_imprime_pop {float:right; margin:26px 22px 20px} /* ----------------- */ /* ----- HOME ----- */ #h_content1{position: relative; padding: 0px 15px 15px 15px;background: url(../img/bg_home_content.gif);height: 351px;width: 930px;} #h_content2{background: url(../img/bg_home_vehicle.jpg);height: 336px;width: 960px;} #h_content2 .col1{float: left; width: 371px;} #h_content2 .col1 a{color: #000000;} #h_content2 .col1 .content{width: 341px; height: 57px; padding-left: 30px; padding-top: 7px; font-size: 12px;} #h_content2 .col2{float: left; width: 295px; height: 302px; padding-top: 35px;} #h_content2 .col2 span,#h_content2 #col2 img{margin-left: 35px;} #h_content2 .col2 #immat{background: url(../img/bg_home_immat.gif); width: 132px; height: 29px;line-height: 29px;margin-left: 35px;margin-top:5px; text-align: center;} #h_content2 .col2 #compteur{position: relative; z-index: 0;margin-top:5px;} #h_content2 .col3{float: left; width: 290px; height: 302px; padding-top: 35px;} #h_content2 .col3 #meteo{background: url(../img/bg_home_meteo.gif); width: 241px; height: 92px; margin-left:20px; padding-top: 10px; padding-left: 15px;} #h_content2 .col3 #meteo #result{padding-top: 12px;} #h_content2 .col3 #meteo #result .content{padding-top: 5px;} #h_content2 .col3 #trafic{width: 256px; height: 65px; margin-left:20px;margin-top: 5px;} #h_content2 .col3 #alerte{background: url(../img/bg_home_alerte.gif);width: 230px; height: 91px; margin-left:7px;margin-top: 10px; padding-left: 35px; padding-top: 15px;} #h_event{float: left;width:608px;} /* SLIDESHOW HOME */ #event-slideshow {position:relative;height:349px;overflow:hidden;background:url(../img/home-slide-bg.png) 0 0 no-repeat} #event-slideshow ul, #event-slideshow li {margin:0;padding:0;list-style:none} #event-slideshow .content li {padding:6px 8px;} #event-slideshow .nav {position:absolute;bottom:10px;left:50%;width:68px;height:22px;margin:0 0 0 -40px;padding-left:20px;line-height:22px;background:url(../img/slide-nav-left.png) 0 0 no-repeat} #event-slideshow .nav ul {background:url(../img/slide-nav-right.png) right 0 no-repeat;padding-right:20px;} #event-slideshow .nav li {display:inline-block;margin:6px 4px 0 4px;} #event-slideshow .nav li a {display:block;width:13px;height:13px;overflow:hidden; text-indent:-9em;background:url(../img/button-slide-nav.png) 0 0 no-repeat;outline:none;} #event-slideshow .nav li a:hover {background-position:0 -44px;} #event-slideshow .nav .on a, #event-slideshow .nav .on a:hover {background-position:0 -22px;cursor:default;} #h_webtv{position: relative;z-index:0;color: #FFFFFF;background: url(../img/bg_home_webtv.gif) top right no-repeat;width: 279px; height: 274px; float: right;padding: 73px 0px 0px 15px;} /* ---------------- */ /* ----- Ma SKODA ----- */ #ms_content{z-index: 1;position: relative; background: url(../img/bg_maskoda.gif); width: 940px;margin-top: 11px!important; margin-top: -29px; padding: 10px; float: left;} #ms_content .col1{width: 240px;float: left;} #ms_content .col1 p#bn_header{margin: 0px;padding: 12px 10px 0px 10px; width: 217px; height: 22px; background: url(../img/bg_bn_header.png)!important;background: url(../img/bg_bn_header.gif);} #ms_content .col1 p.bn_sep{font-size: 1px; margin: 0px;width: 237px; height: 2px; background: url(../img/bg_bn_sep.png)!important;background: url(../img/bg_bn_sep.gif);} #ms_content .col1 p#bn_note1{margin: 0px;padding: 10px 10px 20px 10px; width: 217px;line-height: 15px; background: url(../img/bg_bn_note1.png) no-repeat!important;background: url(../img/bg_bn_note1.gif) no-repeat;} #ms_content .col1 p#bn_note2{margin: 0px;padding: 10px 10px 20px 10px; width: 217px;line-height: 15px; background: url(../img/bg_bn_note2.png) no-repeat!important;background: url(../img/bg_bn_note2.gif) no-repeat;} #ms_content .col1 p#bn_add{position: relative; float: left;margin: 0px;padding: 12px 10px 12px 10px; width: 217px; background: url(../img/bg_bn_add.png) bottom!important;background: url(../img/bg_bn_add.gif) bottom;} #ms_content .col1 p#bn_add #noteFormAlert{border: 1px solid #bcbbbb; width: 150px;} #ms_content #dealer{position: relative; float: left;margin: 10px 0px 0px 0px;padding: 15px 0px 0px 0px; background: url(../img/bg_dealer.png)!important;background: url(../img/bg_dealer.jpg); width: 237px; height: 218px;} #ms_content #dealer .content{ width: 217px; padding:10px;} #ms_content #dealer #dealer_search{padding-left: 10px;margin: 50px 3px 0px 2px; background:url(../img/bg_dealer_recherche.png); height: 23px; line-height: 23px;} #ms_content #dealer a,#ms_content #dealer a:hover, #ms_content #dealer a:visited{text-decoration: underline; color: #000000;} #ms_content .col2{width: 690px;float: right;} #ms_content .col2 .menu{float: left; padding-left: 150px; margin: 0px;width: 530px;height: 58px;background:url(../img/menu/maskoda/temp.gif)} #ms_content .col2 .menu .m_previous{margin: 8px 10px 0px 0px; float: left;display: none;} #ms_content .col2 .menu .m_next{margin: 8px 10px 0px 10px;float: right;display: none;} #ms_content .col2 .menu .on .round_l{margin: 8px 0px 0px 2px;float: left; width: 4px;height: 42px;background:url(../img/menu/maskoda/bg_menu_round_on_l.png);} #ms_content .col2 .menu .on .round_r{margin: 8px 2px 0px 0px;float: left; width: 4px;height: 42px;background:url(../img/menu/maskoda/bg_menu_round_on_r.png);} #ms_content .col2 .menu .off .round_l{margin: 8px 0px 0px 2px;float: left; width: 4px;height: 42px;background:url(../img/menu/maskoda/bg_menu_round_off_l.png);} #ms_content .col2 .menu .off .round_r{margin: 8px 2px 0px 0px;float: left; width: 4px;height: 42px;background:url(../img/menu/maskoda/bg_menu_round_off_r.png);} #ms_content .col2 .menu .off .item{padding: 12px 25px 0px 25px; margin: 8px 0px 0px 0px;float: left;height: 30px;background:url(../img/menu/maskoda/bg_menu_off.gif);} #ms_content .col2 .menu .on .item{padding: 8px 25px 0px 25px; margin: 8px 0px 0px 0px;float: left;height: 30px;background:url(../img/menu/maskoda/bg_menu_on.gif); border-top: 4px solid #b6d32c;} #ms_content .col2 .menu .round_l{margin: 8px 0px 0px 2px;float: right; width: 4px;height: 42px;background:url(../img/menu/maskoda/bg_menu_round_off_l.png);} #ms_content .col2 .menu .round_r{margin: 8px 15px 0px 0px;float: right; width: 4px;height: 42px;background:url(../img/menu/maskoda/bg_menu_round_off_r.png);} #ms_content .col2 .menu .item_add{padding: 3px 5px 0px 5px; margin: 8px 0px 0px 0px;float: right;height: 39px;background:url(../img/menu/maskoda/bg_menu_off.gif);} #ms_content .col2 #maskoda{float: left;background: url(../img/bg_maskoda_content.gif) bottom no-repeat; width: 625px; height: 470px;padding: 20px 30px 15px 25px} #ms_content .col2 #maskoda span{margin-left: 20px;} #ms_content .col2 #maskoda #modelInfo .user{float: left; height: 60px; width: 230px;} #ms_content .col2 #maskoda #modelInfo .modify{float: left; height: 60px; line-height: 60px; padding-left: 0px;padding-top: 15px;} #ms_content .col2 #maskoda #modelInfo .immat{float: left; height: 60px;padding-left: 30px;} #ms_content .col2 #maskoda #compteur{position: relative;z-index: 0;margin-top:5px;} #ms_content .col2 #maskoda #immat{background: url(../img/bg_home_immat.gif); width: 132px; height: 29px;line-height: 29px;margin-left: 20px;margin-top:5px; text-align: center;} #ms_content .col2 #maskoda #alerte{float: left;background: url(../img/bg_maskoda_alerte.png) no-repeat;width: 213px; height: 158px; margin-left:5px;margin-top: 5px; padding-right: 70px; padding-left: 20px; padding-top: 25px;} #ms_content .col2 #maskoda #alerte span{margin: 0px;} #ms_content #skoda_add{padding:30px 0px 30px 30px; display: none; background: url(../img/bg_add_skoda.gif) no-repeat; left:280px;top: 80px;width: 613px; position: absolute; height: 401px;} #ms_content #skoda_add .line{width:610px;position: relative;clear: both;padding: 0px;margin: 7px 0px 7px 0px; line-height: 20px;height: 20px;} #ms_content #skoda_add .line .label{position: relative;width: 230px;float: left; padding-right: 50px;} #ms_content #skoda_add .line .field{position: relative;width: 300px;float: left; color: #707070;} #ms_content #skoda_add .field input{position: relative;font-size: 14px;border: 1px solid #bcbbbb; height: 17px; width: 200px;} #ms_content #skoda_add .field input.check{width: 15px; height: 15px; border: 0px;} #ms_content #skoda_add .field select{position: relative;border: 1px solid #bcbbbb; width: 170px;} #ms_content #skoda_edit{padding:30px 0px 30px 30px; display: none; background: url(../img/bg_add_skoda.gif) no-repeat; left:280px;top: 80px;width: 613px; position: absolute; height: 401px;} #ms_content #skoda_edit .line{width:610px;position: relative;clear: both;padding: 0px;margin: 7px 0px 7px 0px; line-height: 20px;height: 20px;} #ms_content #skoda_edit .line .label{position: relative;width: 230px;float: left; padding-right: 50px;} #ms_content #skoda_edit .line .field{position: relative;width: 300px;float: left; color: #707070;} #ms_content #skoda_edit .field input{position: relative;font-size: 14px;border: 1px solid #bcbbbb; height: 17px; width: 200px;} #ms_content #skoda_edit .field input.check{width: 15px; height: 15px; border: 0px;} #ms_content #skoda_edit .field select{position: relative;border: 1px solid #bcbbbb; width: 170px;} /* -------------------- */ /* ----- Moi ----- */ #m_content{z-index: 1;position: relative; background: url(../img/bg_maskoda.gif); width: 940px;margin-top: 11px!important; margin-top: -29px; padding: 10px; float: left;} #m_content .col1{width: 240px;float: left;} #m_content .col1 p#bn_header{margin: 0px;padding: 12px 10px 0px 10px; width: 217px; height: 22px; background: url(../img/bg_bn_header.png)!important;background: url(../img/bg_bn_header.gif);} #m_content .col1 p.bn_sep{font-size: 1px; margin: 0px;width: 237px; height: 2px; background: url(../img/bg_bn_sep.png)!important;background: url(../img/bg_bn_sep.gif);} #m_content .col1 p#bn_note1{margin: 0px;padding: 10px 10px 20px 10px; width: 217px;line-height: 15px; background: url(../img/bg_bn_note1.png) no-repeat!important;background: url(../img/bg_bn_note1.gif) no-repeat;} #m_content .col1 p#bn_note2{margin: 0px;padding: 10px 10px 20px 10px; width: 217px;line-height: 15px; background: url(../img/bg_bn_note2.png) no-repeat!important;background: url(../img/bg_bn_note2.gif) no-repeat;} #m_content .col1 p#bn_add{position: relative; float: left;margin: 0px;padding: 12px 10px 12px 10px; width: 217px; background: url(../img/bg_bn_add.png) bottom!important;background: url(../img/bg_bn_add.gif) bottom;} #m_content .col1 p#bn_add #noteFormAlert{border: 1px solid #bcbbbb; width: 150px;} #m_content #dealer{position: relative; float: left;margin: 10px 0px 0px 0px;padding: 15px 0px 0px 0px; background: url(../img/bg_dealer.png)!important;background: url(../img/bg_dealer.jpg); width: 237px; height: 218px;} #m_content #dealer .content{ width: 217px; padding:10px;} #m_content #dealer #dealer_search{padding: 0px 0px 0px 10px;margin: 50px 3px 0px 2px; background:url(../img/bg_dealer_recherche.png); height: 23px; line-height: 23px;} #m_content #dealer a,#m_content #dealer a:hover, #m_content #dealer a:visited{text-decoration: underline; color: #000000;} #m_content .col2{width: 690px;float: right;} #m_content .col2 .menu{float: left; padding: 0px 0px 0px 150px!important;padding: 0px 0px 0px 130px; margin: 0px;width: 530px!important;width: 550px;height: 58px;background:url(../img/menu/moi/bg_head.gif)} #m_content .col2 .menu .on .round_l{margin: 8px 0px 0px 2px;float: left; width: 4px;height: 42px;background:url(../img/menu/maskoda/bg_menu_round_on_l.png);} #m_content .col2 .menu .on .round_r{margin: 8px 2px 0px 0px;float: left; width: 4px;height: 42px;background:url(../img/menu/maskoda/bg_menu_round_on_r.png);} #m_content .col2 .menu .off .round_l{margin: 8px 0px 0px 2px;float: left; width: 4px;height: 42px;background:url(../img/menu/maskoda/bg_menu_round_off_l.png);} #m_content .col2 .menu .off .round_r{margin: 8px 2px 0px 0px;float: left; width: 4px;height: 42px;background:url(../img/menu/maskoda/bg_menu_round_off_r.png);} #m_content .col2 .menu .off .item{padding: 12px 15px 0px 15px; margin: 8px 0px 0px 0px;float: left;height: 30px;background:url(../img/menu/maskoda/bg_menu_off.gif); } #m_content .col2 .menu .on .item{padding: 8px 15px 0px 15px; margin: 8px 0px 0px 0px;float: left;height: 30px;background:url(../img/menu/maskoda/bg_menu_on.gif); border-top: 4px solid #b6d32c;} #m_content .col2 #moi_infos{float: left;background: url(../img/bg_moi_content.png); width: 660px; height: 414px;padding: 40px 10px 20px 10px;} #m_content .col2 #moi_infos .ip_title1{float: left;width: 286px; color: #406618; font-size: 14px;padding: 0px 0px 0px 10px; font-weight: bold;margin-bottom: 5px;} #m_content .col2 #moi_infos .ip_title2{float: left;width: 336px; color: #406618; font-size: 14px;padding: 0px 0px 0px 10px; font-weight: bold;margin-bottom: 5px;margin-left: 15px;} #m_content .col2 #moi_infos .ip_title3{float: left;width: 286px; color: #406618; font-size: 14px;padding: 0px 0px 0px 10px; font-weight: bold;margin-bottom: 5px;} #m_content .col2 #moi_infos .ip_title4{float: left;width: 336px; color: #406618; font-size: 14px;padding: 0px 0px 0px 10px; font-weight: bold;margin-bottom: 5px;margin-left: 15px;} #m_content .col2 #moi_infos .ip_content1{float: left;width: 276px; height: 153px; background: url(../img/bg_moi_ip1.gif) no-repeat; padding: 10px;} #m_content .col2 #moi_infos .ip_content2{float: left;width: 326px; height: 153px; background: url(../img/bg_moi_ip2.gif) no-repeat; padding: 10px;margin-left: 15px;} #m_content .col2 #moi_infos .ip_content3{float: left;width: 276px; height: 100px; background: url(../img/bg_moi_ip3.gif) no-repeat; padding: 10px;} #m_content .col2 #moi_infos .ip_content4{float: left;width: 326px; height: 100px; background: url(../img/bg_moi_ip4.gif) no-repeat; padding: 10px;margin-left: 15px;} #m_content .col2 #moi_infos .ip_content1 .label,#m_content .col2 #moi_infos .ip_content3 .label{width: 130px; float: left;padding-bottom: 5px;} #m_content .col2 #moi_infos .ip_content1 .field,#m_content .col2 #moi_infos .ip_content3 .field{width: 145px; float: left;padding-bottom: 5px;} #m_content .col2 #moi_infos .ip_content2 .label,#m_content .col2 #moi_infos .ip_content4 .label{width: 150px; float: left;padding-bottom: 5px;} #m_content .col2 #moi_infos .ip_content2 .field,#m_content .col2 #moi_infos .ip_content4 .field{width: 175px; float: left;padding-bottom: 5px;} #m_content .col2 #moi_infos .ip_content1 .field input,#m_content .col2 #moi_infos .ip_content3 .field input{border: 1px solid #bcbbbb; height: 15px; width: 140px;} #m_content .col2 #moi_infos .ip_content1 select, #m_content .col2 #moi_infos .ip_content3 select{border: 1px solid #bcbbbb; height: 20px; width: 140px;} #m_content .col2 #moi_infos .ip_content2 .field input,#m_content .col2 #moi_infos .ip_content4 .field input{border: 1px solid #bcbbbb; height: 15px; width: 160px;} #m_content .col2 #moi_infos .ip_content2 select, #m_content .col2 #moi_infos .ip_content4 select{border: 1px solid #bcbbbb; height: 20px; width: 160px;} #m_content .col2 #moi_infos .pc_content{float: left;width: 380px; height: 274px; background: url(../img/bg_moi_pc.gif) no-repeat; padding: 10px;margin-left: 120px!important;margin-left: 60px} #m_content .col2 #moi_infos .pc_content .label{width: 185px; float: left;padding-bottom: 5px;} #m_content .col2 #moi_infos .pc_content .field{width: 195px; float: left;padding-bottom: 5px;} #m_content .col2 #moi_infos .pc_content .field input{border: 1px solid #bcbbbb; height: 15px; width: 170px;} #m_content .col2 #moi_infos .ci_title1{float: left;width: 391px; color: #406618; font-size: 14px;padding: 0px 0px 0px 10px; font-weight: bold;margin-bottom: 5px;} #m_content .col2 #moi_infos .ci_title2{float: left;width: 228px; color: #406618; font-size: 14px;padding: 0px 0px 0px 10px; font-weight: bold;margin-bottom: 5px;margin-left: 15px;} #m_content .col2 #moi_infos .ci_title3{float: left;width: 391px; color: #406618; font-size: 14px;padding: 0px 0px 0px 10px; font-weight: bold;margin-bottom: 5px;} #m_content .col2 #moi_infos .ci_title4{float: left;width: 228px; color: #406618; font-size: 14px;padding: 0px 0px 0px 10px; font-weight: bold;margin-bottom: 5px;margin-left: 15px;} #m_content .col2 #moi_infos .ci_content1{float: left;width: 381px; height: 124px; background: url(../img/bg_moi_ci1.gif) no-repeat; padding: 10px;} #m_content .col2 #moi_infos .ci_content2{float: left;width: 218px; height: 123px; background: url(../img/bg_moi_ci2.gif) no-repeat; padding: 10px;margin-left: 15px;} #m_content .col2 #moi_infos .ci_content3{float: left;width: 381px; height: 94px; background: url(../img/bg_moi_ci3.gif) no-repeat; padding: 10px;} #m_content .col2 #moi_infos .ci_content4{float: left;width: 218px; height: 94px; background: url(../img/bg_moi_ci4.gif) no-repeat; padding: 10px;margin-left: 15px;} #m_content .col2 #moi_infos .ci_content1 .col,#m_content .col2 #moi_infos .ci_content3 .col{width: 180px; float: left;} #m_content .col2 #moi_infos .ci_content2 .col,#m_content .col2 #moi_infos .ci_content4 .col{width: 200px; float: left;} #m_content .col2 #moi_infos .ci_content1 .field input,#m_content .col2 #moi_infos .ci_content3 .field input{ height: 15px; width: 15px;} #m_content .col2 #moi_infos .ci_content2 .field input,#m_content .col2 #moi_infos .ci_content4 .field input{ height: 15px; width: 15px;} #m_content .col2 #moi_infos .error{background: #ffa9a9;} #m_content .col2 #moi_infos_b{float: left;background: url(../img/bg_moi_content_b.png); width: 680px; height: 10px;font-size: 1px;} /* -------------------- */ /* ------ Popup ------- */ #popup_global{z-index: 1001; float: ; position: absolute;display: none;} #popup_global #popup{position: relative;} #popup #header_left{z-index: 1;float: left; position: relative; width:18px; height: 60px; background: url(../img/bg_popup_header_left.png);} #popup #header_content{z-index: 1;float: left; position: relative; height: 60px; padding: 0px; background: url(../img/bg_popup_header.png);} #popup #header_right{z-index: 1;font-size: 1px;float: right; position: relative; width:1px; height: 60px; background: url(../img/bg_popup_header_right.png);} #popup #header_bottom{font-size: 1px; float: left; width: 100%; position: relative;background: url(../img/bg_popup_header_bottom.png);} #popup #header_bottom #header_bottom_left{float: left; width:8px; height: 19px;position: relative;background: url(../img/bg_popup_header_bottom_left.png) no-repeat;} #popup #header_bottom #header_bottom_right{float: right; width:54px; height: 19px; position: relative;background: url(../img/bg_popup_header_bottom_right.png) no-repeat;} #popup #popup_content{color: #FFFFFF; margin: 0px;float: left; position: relative; padding: 20px; background: url(../img/bg_popup_content.png); border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;} #popup #popup_close{position: absolute;width: 600px;z-index: 2;top: 5px;color: #FFFFFF;font-size: 10px; } #popup_global #popup_footer_left{width: 15px; height: 10px;font-size: 1px; margin: 0px;float: left; position: relative; background: url(../img/bg_popup_footer_left.png);} #popup_global #popup_footer{font-size: 1px; margin: 0px;float: left; position: relative; background: url(../img/bg_popup_footer.png);} #popup_global #popup_footer_right{width: 20px; height: 10px;font-size: 1px; margin: 0px;float: left; position: relative; background: url(../img/bg_popup_footer_right.png);} /* -------------------- */ .green{color: #00824d;} .green_l{color: #8dc63f;} .green_d{color: #406618;} .blue_l{color: #3f94cc;} .blue_d{color: #0072bc;} .grey{color: #444444;} .grey_m{color: #9f9f9f;} .grey_l{color: #d3d3d3;} .white{color: #FFFFFF;} .red{color: #FF0000;} .font9{font-size: 9px;} .font10{font-size: 10px;} .font12{font-size: 12px;} .font13{font-size: 13px;} .font14{font-size: 14px;} .font15{font-size: 15px;} .font16{font-size: 16px;} .font17{font-size: 17px;} .font18{font-size: 18px;} .font20{font-size: 20px;} .line2{ height:2px;width:100%;line-height:2px;clear: both;} .line5{ height:5px;width:100%;line-height:5px;clear: both;} .line10{ height:10px;width:100%;line-height:10px;clear: both;} .line15{ height:15px;width:100%;line-height:15px;clear: both;} .line20{ height:20px;width:100%;line-height:20px;clear: both;} .line30{ height:30px;width:100%;line-height:30px;clear: both;} .wtv_btn1 { position:relative; height:21px; cursor:pointer; margin:5px 0; } .wtv_btn1_left { float:left; height:21px; width:5px; background:url(../img/webtv/btn1_left.png) no-repeat left top; } .wtv_btn1_body { float:left; height:21px; background:url(../img/webtv/btn1_bg.png) repeat-x left top; } .wtv_btn1_body img{ height:21px; width:16px; } .wtv_btn1_body span{ position:relative; top:-7px; font-size:10px; color:#336600; } .wtv_btn1_right { float:left; height:21px; width:5px; background:url(../img/webtv/btn1_right.png) no-repeat left top; } .wtv_rating { position:absolute; left:180px; top:2px; display:none; } .wtv_menu { position:absolute; margin:-31px 0 0 408px; } .wtv_menu_item, .wtv_menu_item_ON { position:relative; height:31px; float:left; margin:0 0 0 -4px; } .wtv_menu_item { z-index:1; } .wtv_menu_item_ON { z-index:2; } .wtv_menu_item .wtv_menu_item_left { float:left; width:4px; height:31px; background:url(../img/webtv/btn_white_left.png) no-repeat left top; } .wtv_menu_item .wtv_menu_item_body{ float:left; height:31px; background:url(../img/webtv/btn_white_bg.png) repeat-x left top; } .wtv_menu_item .wtv_menu_item_body_cont{ float:left; padding:9px 10px 0 20px; background:url(../img/webtv/btn_white_arrow2.png) no-repeat 10px 13px; text-transform:uppercase; } .wtv_menu_item .wtv_menu_item_right { float:left; width:4px; height:31px; background:url(../img/webtv/btn_white_right.png) no-repeat left top; } .wtv_menu_item_ON .wtv_menu_item_left { float:left; width:4px; height:31px; background:url(../img/webtv/btn_black_left.png) no-repeat left top; } .wtv_menu_item_ON .wtv_menu_item_body{ float:left; height:31px; background:url(../img/webtv/btn_black_bg.png) repeat-x left top; } .wtv_menu_item_ON .wtv_menu_item_body_cont{ float:left; padding:9px 10px 0 20px; background:url(../img/webtv/btn_black_arrow.png) no-repeat 10px top; } .wtv_menu_item_ON .wtv_menu_item_body_cont a{ color:#FFFFFF; text-transform:uppercase; } .wtv_menu_item_ON .wtv_menu_item_right { float:left; width:4px; height:31px; background:url(../img/webtv/btn_black_right.png) no-repeat left top; } .webtv_title2 { color:#FFFFFF; text-transform:uppercase; } #webtv_mv { position:relative; width:100%; height:100%; } #webtv_mv1 a, #webtv_mv2 a, #webtv_mv3 a { float:right; cursor:pointer } #webtv_mv1 img, #webtv_mv2 img, #webtv_mv3 img { position:absolute; bottom:0; } #webtv_mv1 a img, #webtv_mv2 a img, #webtv_mv3 a img { position:static } #webtv_mv1 { position:absolute; top:-10px; left:155px; } #webtv_mv1 a { margin-left:24px } #webtv_mv2 { position:absolute; top:5px; left:0px; } #webtv_mv2 a { margin-left:21px } #webtv_mv3 { position:absolute; top:15px; left:300px; } #webtv_mv3 a { margin-left:19px } #mentions { text-align: right; position:relative; text-align:right; height:0; }