body, div, table, tr, th, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;} body {background: #ffffff; font: 12px Arial, Helvetica, sans-serif; color:#666666; line-height:16px;} h1{float:left; height: 33px;} h2{font-size: 19px; color:#e41f1f;} h3{font-size: 15px; color:#e41f1f;} h4{font-size: 12px; color:#e41f1f;} ol li{padding:0 0 10px 0;} ul {list-style-type:none;} /*logo*/ img{border:none;} .sub{line-height:normal} a, a:link, a:active, a:visited {cursor: pointer; -moz-user-select: none; -khtml-user-select: none; outline: none; color:#ef2e34; text-decoration:underline} a:hover {text-decoration:none;} .clear {clear:both;} h2.bb{padding:0 0 3px 0;} h2.bb_homepage{padding:0 0 3px 0; border-bottom: solid 1px #cccccc; margin:0 0 10px 0; font-size: 15px;} /*hack IE6 sinon le soulignement ne s'affiche pas quand il y a deux lignes dans les titres de start*/ *html h2.bb_homepage{padding:0 0 3px 0; border-bottom: solid 1px #cccccc; margin:0 0 10px 0; font-size: 15px; height: 20px;} h2.bb_homepage_title{padding:0 0 3px 0; border-bottom: 1px solid #cccccc; margin:0; position:absolute; left:0;font-size:18px;} h2.bb_homepage_title_discover{padding:0 0 3px 0; border-bottom: 1px solid #cccccc; margin:0; position:absolute; font-size:18px;width:458px; left:0;} h2.bb_homepage_title_start{padding:0 0 3px 0; border-bottom: 1px solid #cccccc; margin:0; position:absolute; font-size:18px;width:280px; left: 482px;} h2.bb_homepage_title_use{padding:0 0 3px 0; border-bottom: 1px solid #cccccc; margin:0; position:absolute; font-size:18px;width:172px; left: 790px;} h2.homepage{padding:0 0 3px 0; margin:0 0 10px 70px; font-size: 15px;} #start ul li a.homepage_a, #start ul li a:link.homepage_a , #start ul li a:active.homepage_a , #start ul li a:visited.homepage_a {cursor: pointer; -moz-user-select: none; -khtml-user-select: none; outline: none; color:#ef2e34; text-decoration:none} #start ul li a:hover.homepage_a {text-decoration:none; background:none;} #start ul li h2.bb_homepage{margin-left: 70px; font-size: 15px;} *html #start ul li a.homepage_a, *html #start ul li a:link.homepage_a , *html #start ul li a:active.homepage_a , *html #start ul li a:visited.homepage_a {cursor: pointer; -moz-user-select: none; -khtml-user-select: none; outline: none; color:#ef2e34; text-decoration:none;} *html #start ul li a:hover.homepage_a {text-decoration:none; background:none; color:#ef2e34} h3.homepage{font-size: 12px;} .bb{border-bottom: 1px solid #cccccc; margin:0 0 10px 0;} a.btn, a:link.btn, a:active.btn, a:visited.btn{background:url(../img/ml/bg_submit_btn.jpg) no-repeat; position: relative; left:330px; width:96px; height:23px; display: block; color:#FFFFFF; font-size:11px; padding: 7px 0 0 15px; margin:0 0 0 -35px; text-decoration: none;} .btn_splashpage a.btn_splashpage, a:link.btn_splashpage, a:active.btn_splashpage, a:visited.btn_splashpage{background:url(../img/ml/bg_submit_btn.jpg) no-repeat; position: relative; left:100px; width:111px; height:23px; display: block; color:#FFFFFF; font-size:11px; padding: 7px 0; margin:0; text-decoration: none; text-align:center;} #main a.btn_suivant { width:104px; background:url(../img/ml/bg_submit_btn.jpg) no-repeat top left; height:23px; display: block; color:#FFFFFF; margin:20px 0 0 590px; font-size:11px; padding: 7px 0 0 30px; text-decoration: none; } .em{ font-style:italic;} .strong{ font-weight:bold} .red{ color:#da2627} .list_without_bullet{background:none;} #discover blockquote{padding:0 0 10px 0;} #en_tete{font-size:16px; margin:0; padding: 0;} /*Content Splash page ---------------------------------*/ #contentSP{margin: 0 auto; width:800px; margin-top:50px; } h1.splash_page{margin-top:30px; display:block; width:800px; font:bold 16px Verdana, Geneva, sans-serif; } h1.splash_page a{text-decoration:none;} h1.splash_page a span{ float:right; margin-top:60px; margin-right:20px;} h2{} #contentSP .template_box{ margin:70px 20px 0 0px; padding:0px; width:380px; float: left; height: 200px;} #contentSP .template_box h3{ color:#87888A; border-bottom:1px solid #595b62; font:bold 14px Verdana, Geneva, sans-serif; line-height:30px;} #contentSP .template_box a{ color:#87888A; border-bottom:1px solid #595b62; font:12px Verdana, Geneva, sans-serif; line-height:30px; display:block; margin-top:15px; text-decoration:none} /* Container (Contient : ) ---------------------------------*/ #container {position:relative; margin:0 auto; width:962px;} #branding{margin:10px 0 0 0; height:66px; position:relative;} #branding img{margin:10px 0 10px 0;} #branding h2{ font:bold 14px Verdana, Geneva, sans-serif; position:absolute; bottom:0; right:0} /* navMain = la navigation principal ---------------------------------*/ #navMain{height:30px; background:#fff /*url(../img/ml/bg_nav_main.jpg) repeat-x*/; border-top:1px solid #d1d1d1; font-size:16px; margin:20px 0 0 0;} #navMain ul{margin:-1px 0 0 180px; padding:0px 0 0 0;} #navMain ul li{display:block; float:left; margin:0 10px 0 0; padding:0; height:30px; background: url(../img/ml/bg_nav_main_a.jpg) repeat-x; border:1px solid #d1d1d1;} #navMain ul .select_navMain{background: url(../img/ml/bg_nav_main_select.jpg) repeat-x;} #navMain ul li a{display: block; width:auto; padding: 8px 21px 0 21px; color: #59595b; text-decoration:none; cursor:default} /* Langues */ #language{float: right; color:#fff; font-size: 12px; margin: 13px 12px 0 0;} #language a, #language a:link, #language a:active, #language a:visited{color:#fff;} /* subNav = navigation secondaire ---------------------------------*/ #subNav1, #subNav2, #subNav3{background:#dddddd; height: 52px; margin:0 0 25px 0; border-bottom: 1px solid #cccccc; font-size:14px;} #subNav1 ul, #subNav2 ul, #subNav3 ul{margin:0 0 0 170px; padding: 20px 0 0 0;} #subNav1 #nav1 #select_subNav, #subNav2 #nav2 #select_subNav, #subNav3 #nav3 #select_subNav{background:url(../img/ml/puce_subnav_select.gif) left top no-repeat;} #subNav1 #nav1 #select_subNav a, #subNav2 #nav2 #select_subNav a, #subNav3 #nav3 #select_subNav a, #subNav1 #nav1 #select_subNav a:active, #subNav2 #nav2 #select_subNav a:active, #subNav3 #nav3 #select_subNav a:active, #subNav1 #nav1 #select_subNav a:visited, #subNav2 #nav2 #select_subNav a:visited, #subNav3 #nav3 #select_subNav a:visited{text-decoration:none;} /*#select_subNav a, #subNav2 #nav2 #select_subNav a, #subNav3 #nav3 #select_subNav a, #subNav1 #nav1 #select_subNav a:link, #subNav2 #nav2 li a:link, #subNav3 #nav3 li a:link, #subNav1 #nav1 #select_subNav a:active, #subNav2 #nav2 #select_subNav a:active, #subNav3 #nav3 #select_subNav a:active, #subNav1 #nav1 #select_subNav a:visited, #subNav2 #nav2 #select_subNav a:visited, #subNav3 #nav3 #select_subNav a:visited{text-decoration: none;}*/ #subNav1 ul li, #subNav2 ul li, #subNav3 ul li{float:left; margin:0; padding:0 22px 10px 22px; background:url(../img/ml/puce_subnav.gif) left top no-repeat; height: 17px;} #subNav1 ul li a, #subNav2 ul li a, #subNav3 ul li a, #subNav1 ul li a:link, #subNav2 ul li a:link, #subNav3 ul li a:link, #subNav1 ul li a:active, #subNav2 ul li a:active, #subNav3 ul li a:active, #subNav1 ul li a:visited, #subNav2 ul li a:visited, #subNav3 ul li a:visited{color: #474747;} #subNav_OFF{background:#fff; height: 52px; margin:0 0 25px 0; border-bottom: 1px solid #cccccc; font-size:14px;} /* Navigation supplémentaire (navigation droite) ---------------------------------*/ #navSupp{float:right; top:5px; right:0px; width:auto; font-size: 12px; margin:0px 0px 0 0;} #navSupp ul{margin:0; padding:0;} #navSupp ul li{float:left; margin:0; padding:0 2px 0 2px; width:auto; list-style:none; line-height:14px;} #navSupp ul li a, #navSupp ul li a:link, #navSupp ul li a:active, #navSupp ul li a:visited{color: #87888a; font: 12px Verdana, Geneva, sans-serif; text-decoration:none;} #navSupp ul li a:hover{color: #dc002e;} #select_navSupp, .select_navSupp{ font:bold 12px Verdana, Geneva, sans-serif; text-decoration:none;} /* contentHp = contenu de la home page ---------------------------------*/ #contentHp{} #discover{float:left; width: 418px; border:#dddddd 2px solid; background: url(../img/ml/bg_contentHp_discover.jpg) no-repeat top left #fefefe; padding: 26px 18px; margin: 30px 0 27px 0;} #discover p{margin: 0 0 17px 0; padding: 0; text-align:justify;} #discover ul{margin: 0; padding: 0;} #discover #video{float:left; margin-top: -10px;} #videoHide{display: none;} #discover #thumbs_videos{float: right; width: 150px; margin: 5px -20px 0 0;} * html #discover #thumbs_videos{float: right; width: 150px; margin: 5px -10px 0 0;} #discover #thumbs_videos a, #discover #thumbs_videos a:link, #discover #thumbs_videos a:active, #discover #thumbs_videos a:visited{float:left; display:block; height:55px; margin-bottom:4px;} #discover #thumbs_videos a:hover{} #discover #thumbs_videos img{margin:0; padding:0;} .select_video{border: 2px solid #e51c1f; margin-top:20px;} .unselect_video{border: 2px solid #FFFFFF; margin-top:20px;} #discover #test_gratis{float:right; width:120px; margin:15px 0 0 0; text-align:center;} #discover #test_gratis a, #discover #test_gratis a:link, #discover #test_gratis a:active, #discover #test_gratis a:visited{color:#e51c1f;} #discover ul li{margin:0; padding:0 0 15px 0;} #discover ul .contentHP_msg{background:url(../img/ml/bg_contentHp_discover_msg.jpg) no-repeat bottom left; border:2px solid #DDDDDD; padding:23px 23px 0 23px; display:block; margin: 0 0 20px 0;} #discover ul li img{margin: 7px 0 0 0;} #discover ul li #sous_liste_HP{margin:0; padding-left:13px;} #discover ul li #sous_liste_HP li{margin:0; padding:0 0 15px 10px;} #discover ul li #sous_liste_HP li.strong{margin:0; padding: 0 0 0 10px; background:url(../img/ml/puce_discover.gif) no-repeat 0 5px;} #discover ul li #btn_home{color:#FFF; background:url(../img/ml/bg_home_btn.jpg) no-repeat center left; width: 237px; height:30px; display:block; margin: 0 auto; text-decoration:none; padding:15px 0 0 20px;} #start{float:left; width: 247px; margin: 30px 23px 27px 23px; border:#dddddd 2px solid; background: url(../img/ml/bg_contentHp_start.jpg) no-repeat top left #fefefe; padding: 26px 15px;} #start ul{padding: 0; margin: 0;} #start ul li{position: relative; display: block; padding: 0 0 32px 0; margin: 0;} #start ul li h3, #start ul li p{margin-left: 70px; } #start ul li img{margin:0; position: absolute; top: 0;} #start ul li a, #start ul li a:link, #start ul li a:active, #start ul li a:visited{text-decoration: none; color:#666;} #start ul li a:hover{background-color:#E41F1F; color: #fff;} #use{float:right; width: 174px; margin: 30px 0 27px 0; padding: 0;} #account{background:url(../img/ml/bg_use.jpg) no-repeat; height: 113px;} #account_active{background:url(../img/ml/bg_use_over.jpg) no-repeat; height: 113px;} #account a, #account_active a{color: #e41f1f;} #use #account p, #account_active p{width: 150px; margin: 0 auto; padding: 25px 0 0 0;} #use #account p .user, #account_active p .user{display: block; float:right; background: url(../img/ml/puce_user.png) right top no-repeat; padding:0 30px 15px 0; text-align:right; width:130px} #use #account p .pwd, #use #account_active p .pwd{display: block; width:150px; margin:20px 0 0 15px;} *html #use #account p .pwd, *html #use #account_active p .pwd{display: block; width:125px; margin:20px 0 0 10px;} #use #account p .pwd_fr, #use #account_active p .pwd_fr{display: block; width:150px; margin:20px 0 0 15px;} *html #use #account p .pwd_fr, *html #use #account_active p .pwd_fr{display: block; width:125px; margin:20px 0 0 10px;} /*#use_top{position:relative; background:url(../img/ml/bg_use_top.jpg) #f4f4f4 top left no-repeat; width:174; height: 53px; padding: 0 34px 0 0;} #use_center{position:relative; border-left: #827b7b solid 2px; border-right: #827b7b solid 2px; background: #f4f4f4; z-index:1;} #position_absolute{position: absolute; z-index:2;} #use_center a.user {display: block; float:right; background: url(../img/ml/puce_user.gif) right top no-repeat; padding:0 50px 0 0; height: 25px;} #use_center a.pwd {display: block; text-align:center; padding: 20px 0 0 0;} #use_bottom{position:relative; background: url(../img/ml/bg_use_bottom.jpg) #f4f4f4 bottom left no-repeat; width:174; height: 12px;}*/ #use_shortcuts{position:relative; background: url(../img/ml/bg_shortcuts.jpg) no-repeat #fff; border: #827b7b 2px solid; margin: 22px 0 0 0; padding: 33px 0 50px 14px; height:100%;} /* * html #use_shortcuts{position:relative; background: url(../img/ml/bg_shortcuts.jpg) no-repeat #fff; border: #827b7b 2px solid; margin: 22px 0 0 0; padding: 33px 0 50px 14px;} */ #use_shortcuts ul{margin: 0; padding: 0; z-index:3;} #send_post{background:url(../img/ml/picto_send_post.gif) no-repeat; padding:0 0 19px 40px; height: 20px;} #pay_pack{background:url(../img/ml/picto_pay_pack.gif) no-repeat; padding:0 0 19px 40px; height: 20px;} #calculator{background:url(../img/ml/picto_calculator.gif) no-repeat; padding:0 0 19px 40px; height: 20px;} #send_post a, #pay_pack a, #calculator a {color:#d62828;} /*CALCULATOR -----------------------------------------*/ #calculator_details{ width: 500px; margin: 0 auto;display:none;} #calculator_details .row_details{} #calculator_details .row_details .details_title{ width:250px; float:left;} #calculator_details .row_details .details_element_price{width:50px; float:left;} #calculator_details .row_details .details_element{width:60px; float:left;} #calculator_details .row_details .details_price{width:100px; float:left;text-align:right; } #comparContainer{ width: 600px; margin: 0 auto; display:none;} #comparContainer .element_selected{ background:#eee ; border:#CCC 1px solid;} #comparContainer .compar_element{margin-bottom:5px; padding:6px 0;} #comparContainer .compar_element_title{width:250px; float:left; text-align:right; margin-right:50px;} #comparContainer .compar_element_price{width:250px; float:left; text-align:left; font-weight:bold} /*Pour les pages autres que la homepage -----------------------------------------*/ #main{float:left; width: 700px; padding:0; margin:0 0 0 60px;} /*IE6*/ *html #main{float:left; width: 703px; padding:0; margin:0 0 0 30px;} #main blockquote a{ line-height:20px;} #main #step{position:relative; float:left; margin: 10px 0 0 0; z-index:5; width:247px; padding:0;} /*IE*/ *html #main #step{position:relative; float:left; margin: 10px 0 0 0; z-index:1; width:247px; padding:0;} #main #step li{padding:13px 0 20px 15px;} #main #step #select_step{background:url(../img/ml/bg_stepbystep_etapes.gif) top left no-repeat;} #main #step #select_step1{position:relative; background:url(../img/ml/bg_stepbystep_etape1.gif) top left no-repeat; top:0; /*width:256px;*/} /*IE6*/ /** html #main #step #select_step1{position:relative; background:url(../img/ml/bg_stepbystep_etape1_IE6.gif) top left no-repeat; top:0; width:245px; border: green 1px solid; z-index:20}*/ #main #step a, #main #step {color:#e41f1f; font-weight:bold; font-size: 15px;} #main #description{float: left; width:420px; z-index:1; margin: 10px 0 0 -2px;} /*IE*/ /**html #main #description{float: left; width:420px; z-index:3; margin: 10px 0 0 -2px; border: red 1px solid}*/ #main #description #description_top{background:url(../img/ml/bg_stepbystep_description_top.gif) no-repeat top left; width:458px; height: 44px; margin: 0; padding: 0 15px;} #main #description #description_middle{background: #f9f9f9; border-left: #999999 1px solid; border-right: #999999 1px solid; margin: -20px 0 0 0; width:406px; padding:1px 25px} #main #description #description_bottom{background:url(../img/ml/bg_stepbystep_description_bottom.gif) no-repeat top left; margin: 0; padding:0; width:458px; height: 11px;} #main #description #description_top_step1{background:url(../img/ml/bg_stepbystep_description_top_step1.gif) no-repeat top left; width:458px; height: 44px; margin: 0; padding: 0 15px;} /*IE*/ *html #main #description #description_top{width:458px; height: 44px; margin: 0 0 0 0px; padding: 0 0px;} *html #main #description #description_top_step1{width:458px; height: 44px; margin: 0 0 0 0px; padding: 0 0px;} *html #main #description #description_middle{margin: -20px 0 0 0; width:406px; padding:0px 25px 0px 25px} *html #main #description #description_bottom{margin: 0; padding:0; width:458px; height: 11px;} #main #description #description_middle p{color:#e41f1f; font-size:15px; margin:0 0 15px 0; padding: 0;} #main #description #description_middle img{float:right; border:none;margin: 0; padding: 0;} #main #description #description_middle p.text_description{color:#666; font-size:12px; margin:0 0 15px 0;} #main #description #description_middle ul{margin: 0 0 0 15px; padding: 0;} /* #main #description #description_middle ul li{ background:url(../img/ml/puce_discover.gif) no-repeat left center;}*/ #main #description #description_middle ul li{background:url(../img/ml/puce_discover.gif) no-repeat center left; padding:0 0 0 10px; margin:0 0 10px 0;} #main #description #description_middle ul .list_without_bullet{background: none; padding: -10px 0 0 10px; margin:-10px 0 10px 0;} #main #description #description_middle ul li.list_normal{background:url(../img/ml/puce_discover.gif) no-repeat center left; background-position: 0 6px; margin: 0; padding:0 0 10px 10px;} #main #description #description_middle ul li ul{margin-top: 5px; padding: 0;} #main #description #description_middle ul li ul li{ list-style:url(../img/ml/puce_discover_blanc.gif);} #main #description ul{padding:0; margin: 0 0 0 15px;} #main #description li{margin:0; padding:0 0 15px 10px;} #main #description li.strong{background:url(../img/ml/puce_discover.gif) center left no-repeat; margin:0; padding:0 0 0 10px;} #main #description ul li a{color:#e41f1f;} #main .typeofpost{background:url(../img/ml/bg_typeofpost_big.jpg) top left no-repeat; width:704px; height:100px; margin: 25px 0;} #main .typeofpost p{float: left; width: 225px; font-size:17px; margin:10px 0 15px 15px; color: #e41f1f; font-weight: bold;} /*IE*/ * html #main .typeofpost p{float: left; width: 221px; font-size:17px; margin:10px 0 15px 5px; color: #e41f1f; font-weight: bold;} #main .typeofpost .types{float: left; width:430px; font-size:15px; margin:0 0 15px 30px; padding: 8px 0 0 0;} /*IE*/ * html #main .typeofpost .types{float: left; width:440px; font-size:15px; margin:0 0 15px 10px; padding: 8px 0 0 0;} #main .typeofpost .types div{margin: 0 0 7px 0;} #main .typeofpost .types div div{float: left;} #main .typeofpost .types div .titre{width: 95px; font-size:13px; color:#666; padding: 0 10px 0 0; text-align: right} * html #main .typeofpost .types div .titre{width: 100px; font-size:13px; color:#666; padding: 0 10px 0 0; text-align: right} #main .typeofpost .types div .option{width: 310px; margin: 0 5px 0 0; font-size:13px; padding: 0 0 0 10px;} #main .typeofpost .types div .option ul{margin: 0 0 0 -10px; padding:0;} #main .typeofpost .types div .option ul li{margin:0; padding: 0 0 0 10px; background:transparent url(../img/ml/puce_posttypes.gif) no-repeat scroll 0 0;} #main .typeofpost .types div div a.btn_typeofpost{ width:96px; background:url(../img/ml/bg_submit_btn.jpg) no-repeat top left; height:23px; display: block; color:#FFFFFF; margin:0 0 0 12px; font-size:11px; padding: 7px 0 0 15px; text-decoration: none;} #main .typeofpost .types div div a.btn_typeofpost_fr{ width:104px; background:url(../img/ml/bg_submit_btn.jpg) no-repeat top left; height:23px; display: block; color:#FFFFFF; margin:0 0 0 12px; font-size:11px; padding: 7px 0 0 10px; text-decoration: none;} /*dfdssvdff*/ main .caracteristique{ width:704px; height:89px; margin: 25px 0;} #main .caracteristique p{float: left; width: 220px; font-size:17px; margin:10px 0 15px 15px; color: #e41f1f; font-weight: bold;} /*IE*/ * html #main .caracteristique p{float: left; width: 220px; font-size:17px; margin:10px 0 15px 15px; color: #e41f1f; font-weight: bold;} #main .caracteristique .typesCaract{background:transparent url(../img/ml/bg_box.jpg) repeat-x top left; border:1px solid #DDDDDD; float: left; width:320px; font-size:15px; margin:10px 0 15px 0; padding: 10px;} /*IE*/ * html #main .caracteristique .typesCaract{float: left; width:340px; font-size:15px; margin:20px 0 0 0; padding: 10px;} #main .caracteristique .typesCaract div{margin: 0;} #main .caracteristique .typesCaract div div{float: left;} #main .caracteristique .typesCaract div div.titre{width: 120px; font-size:13px; color:#666; padding: 0 10px 0 0; text-align: right;} * html #main .caracteristique .typesCaract div .titre{width: 100px; font-size:13px; color:#666; padding: 0 10px 0 0; text-align: right} #main .caracteristique .typesCaract div .option{width: 180px; margin: 0; font-size:13px; padding: 0 0 0 10px;} #main .caracteristique .typesCaract div .option ul{margin: 0 0 0 -10px; padding:0;} #main .caracteristique .typesCaract div .option ul li{margin:0; padding: 0 0 0 10px; background:transparent url(../img/ml/puce_posttypes.gif) no-repeat scroll 0 0;} #main .typeofpost .types div div a.btn_typeofpost_fr{ width:104px; background:url(../img/ml/bg_submit_btn.jpg) no-repeat top left; height:23px; display: block; color:#FFFFFF; margin:0 0 0 12px; font-size:11px; padding: 7px 0 0 10px; text-decoration: none;} /*dfdssvdff*/ #exempleprice {} #exempleprice p { padding-top:10px} #exempleprice ul { margin:10px 0 10px 0; padding:0 0 0 30px;} #exempleprice ul li{ margin-bottom: 10px; padding-left:10px; } #exempleprice ul li.strong { margin:0; padding:0 0 0 10px; background:url(../img/ml/puce_discover.gif) no-repeat center left;} #exempleprice .exemple { position: relative; margin:20px 0 20px 0; padding:20px; border:1px solid #dddddd; background:url(../img/ml/bg_box.jpg) repeat-x top;} #exempleprice .exemple li .red{ display:block; margin:0 0 10px 0} #exempleprice .btn{ position:relative; left:0; margin:0 0 0 550px;} #exemple_template {} #exemple_template p{padding-top:10px} #exemple_template .template_box .btn {margin: -25px 0 0 -170px; position: relative; bottom: 20px;} #exemple_template ul .list_normal{margin-bottom: 10px; padding-left:10px; background:url(../img/ml/puce_discover.gif) center left no-repeat; background-position: 0 6px;} #exemple_template ol li ul li{margin:0; padding:0 0 0 10px; background:url(../img/ml/puce_discover.gif) no-repeat 0 5px;} #exemple_template .template_box{ margin:10px 5px 0 5px; padding:20px; border:1px solid #dddddd; background:url(../img/ml/bg_box.jpg) repeat-x top; width:295px; float: left; height: 200px;} /*IE6*/ * html #exemple_template .template_box{ margin:10px 4px 0 4px; padding:20px; border:1px solid #dddddd; background:url(../img/ml/bg_box.jpg) repeat-x top; width:299px; float: left; height: 200px;} #exemple_template .template_box img{margin: 10px 0 0 0; position: relative; bottom: 10px;} #exemple_template .list_without_bullet{background: none; padding: -10px 0 0 10px; margin:-10px 0 10px 0;} #exemple_template .list_without_bullet_trucs{background: none; padding: -10px 0 0 10px; margin:-10px 0 10px 10px;} #exemple_template a.top, #exemple_template a.top:link, #exemple_template a.top:active, #exemple_template a.top:visited{ width:60px; font-size:11px; text-decoration:none; float:right;} #exemple_template a.top:hover{ text-decoration:underline} #exemple_template a.btn_typeofpost{ width:106px; background:url(../img/ml/bg_submit_btn.jpg) no-repeat top left; height:23px; display: block; color:#FFFFFF; margin:0; font-size:11px; padding: 7px 0 0 5px; text-decoration: none; float:right} /* Page about, contact et help (navigation droite) ---------------------------------*/ #about, #contact, #help {} #about h3, #contact h3{} #help h3{margin-top: 10px;} #about p, #contact p, #help p {} #about ul, #contact ul, #help ul { margin:10px 0 0 0; padding:0 0 0 30px;} #about li, #contact li, #help li { margin-bottom:10px; padding: 0 0 0 10px; background:url(../img/ml/puce_discover.gif) 0 5px no-repeat;} #contact li.list_normal {background:url(../img/ml/puce_discover.gif) center left no-repeat; background-position: 0 6px; margin: 0; padding:0 0 10px 10px;} #contact li.list_without_bullet { margin-bottom:10px; padding: 0 0 0 10px; background: none;} #help li.list_normal {background:url(../img/ml/puce_discover.gif) center left no-repeat; background-position: 0 6px; margin: 0; padding:0 0 10px 10px;} #help li ul li{background:none; margin-bottom:10px; padding: 0 0 0 10px;} h3#h3_about{padding: 10px 0 10px 0;} /* Page about (navigation droite) ---------------------------------*/ #about .box { margin:20px 0 0 0; padding:20px; border:1px solid #dddddd; background:url(../img/ml/bg_box.jpg) repeat-x top;} #about .box img { float:left; margin:0 20px 20px 0;} /* Site Info Ours du site (pied de page) ---------------------------------*/ #siteInfoHp{clear:both; border-top: 1px solid #cccccc; padding: 20px 0 17px 0; text-align:center; margin:50px 0 0 0; } #siteInfoHp a, #siteInfoHp a:link, #siteInfoHp a:active, #siteInfoHp a:visited{color:#666666;} /*#siteInfoHp ul{margin:0; padding:0;} #siteInfoHp ul li{display:block; float:left; margin:0; padding:5px 2px 0 2px; width:auto; list-style:none;} #siteInfoHp ul li a{color:#666;}*/ /* Pages pour Info Ours du site (pied de page) ---------------------------------*/ #contentSiteInfo {} #contentSiteInfo h3 { margin-top:30px;} #contentSiteInfo h4 { margin-top:10px;} #contentSiteInfo p {/* margin-top:10px;*/} #contentSiteInfo a.top, #contentSiteInfo a.top:link, #contentSiteInfo a.top:active, #contentSiteInfo a.top:visited{ width:60px; font-size:11px; text-decoration:none; float:right;} #contentSiteInfo a.top:hover{ text-decoration:underline} #contentSiteInfo ul { margin:10px 0 0 0; padding:0 0 0 30px;} #contentSiteInfo ul li {background:url(../img/ml/puce_discover.gif) center left no-repeat; padding:0 0 0 10px; margin:0 0 10px 0;} #contentSiteInfo ul .list_without_bullet{background:none;} #contentSiteInfo ul li.list_normal {background:url(../img/ml/puce_discover.gif) center left no-repeat; background-position: 0 6px; margin: 0; padding:0 0 10px 10px;} #contentSiteInfo ul li.list_normal ul li{background:none; margin: 0; padding:0 0 10px 10px;} #contentSiteInfo ul li ul { margin:10px 0 0 0; padding:0 0 0 30px;} #contentSiteInfo ul li ul li { padding-bottom:10px; background:url(../img/ml/puce_discover.gif) left center no-repeat;} /*JEROME*/ #contentForm{ float:left; width:656px; margin-left:65px;} *html #contentForm{float:left; width:656px; margin:0 0 0 40px;} #contentForm p{ line-height:20px;} #contentForm blockquote a{ line-height:20px} /*#contentForm{ float:left; width:686px; margin-left:65px;} #contentForm a{ color:#000;} #contentForm a:hover{ color:#fff; background-color:#da2627} #contentForm p{ line-height:20px;} #contentForm blockquote a{ line-height:20px}*/ #form_content{margin-top:20px} #form_content fieldset { border:1px solid #ccc; margin-bottom:30px; padding:10px;} #form_content #mention{font-size:10px; line-height:normal;} #form_content fieldset span.inputHint{display:block; float:left; margin:10px 0 0 10px; width:240px;} #form_content fieldset span {display:block; float:left; margin:7px 0 0 0; } #form_content fieldset .scriptcontent{display: inline; float:none; margin-top:5px; } * html #form_content fieldset span {margin-top:10px; } * + html #form_content fieldset span {margin-top:10px; } #form_content fieldset legend{ margin-left:45px; font-size:16px; font-weight:bold; color:#da2627; background-color:#fff; padding:0 8px;} * html #form_content fieldset legend{margin-bottom:10px;} * + html #form_content fieldset legend{margin-bottom:10px;} #form_content fieldset label{ margin:10px 20px 0px 5px; width:200px; float:left; text-align:right;} #form_content fieldset input.field{ margin:8px 0 0 0; width:150px; float:left; background-color:#dfdfdf; border:1px solid #999; height:16px;} #form_content fieldset input.field.short{ width:40px;} #form_content fieldset input.field.short.right{ margin-left:10px;} #form_content fieldset input.field.short.left{ margin-right:10px;} /* #form_content fieldset input.radio{ margin:10px 10px 0 0; width:auto; } */ #form_content fieldset input.radio2{ margin:8px 10px 0 55px; width:auto; display:block; float:left} #form_content fieldset input.checkbox{ border:0 none; width:20px; margin-top:11px;} #form_content fieldset textarea{ margin:13px 0 10px 55px; width:300px; float:left; background-color:#dfdfdf; border:1px solid #999; font:13px Arial, Helvetica, sans-serif;} #form_content fieldset textarea#offer{ margin:13px 0 10px 0; width:300px; float:left; background-color:#dfdfdf; border:1px solid #999; font:13px Arial, Helvetica, sans-serif;} #form_content .send{ display:block; float:left; width:111px; height:30px; background:transparent url(../img/ml/bg_submit_btn.jpg) left top no-repeat; color:#FFFFFF; border:0 none; padding:5px 15px 12px 0px; margin:5px 0 40px 205px; cursor:pointer; text-decoration:none; outline:0; } #form_content .reset{ display:block; float:left; width:111px; height:30px; background:transparent url(../img/ml/bg_submit_btn.jpg) left top no-repeat; color:#FFFFFF; border:0 none; padding:5px 15px 12px 0px; margin:5px 0 40px 205px; cursor:pointer; text-decoration:none; outline:0; } * html #form_content .reset{ margin-left:105px;} #form_content .send{ margin-left:20px;} #form_content fieldset input.radio{ margin:12px 10px 0 5px; width:auto; float:left; } *html #form_content fieldset input.radio{ margin:8px 10px 0 0; width:auto; float:left; } *+html #form_content fieldset input.radio{ margin:8px 10px 0 0; width:auto; float:left; } *+html #form_content fieldset input.radio{ margin/*\**/:0px 10px 0 0\9;} #form_content fieldset input.radio3{ margin:13px 10px 0 5px; width:auto; display:block; float:left} *html #form_content fieldset input.radio3{ margin:8px 10px 0 0; width:auto; display:block; float:left} *+html #form_content fieldset input.radio3{ margin:8px 10px 0 0; width:auto; display:block; float:left} /*hack ie8*/ #form_content fieldset input.radio3{ margin/*\**/:10px 10px 0 0\9;} #form_content fieldset .radioTxt{ display:block; float:left; margin:10px 0px 0 0;} /*hack ie7*/ *+html #form_content fieldset .radioTxt{ margin:9px 0 0 0;} /*hack ie8*/ #form_content fieldset .radioTxt{ margin/*\**/:10px 0 0 0\9; display:block;} #form_content fieldset select.field{ margin:8px 0 0 0; width:160px; float:left; background-color:#dfdfdf; border:1px solid #999; height:22px;} *html #form_content fieldset select.field{ margin:8px 5px 0 0; width:auto; background-color:#dfdfdf; border:1px solid #999; height:22px;} *+html #form_content fieldset select.field{ margin:8px 5px 0 0; width:auto; background-color:#dfdfdf; border:1px solid #999; height:22px;} /*hack ie8*/ #form_content fieldset select.field{ width/*\**/:auto\9;} #form_content .sendCenter{display:block; width:111px; height:30px; background:transparent url(../img/ml/bg_submit_btn.jpg) left top no-repeat; color:#FFFFFF; border:0 none; padding:5px 15px 12px 0px; cursor:pointer; text-decoration:none; outline:0; margin:10px auto} #form_content fieldset a.btn_help{ display:block; float:left; margin:7px 0 0 10px; background:transparent url(../../static/click/img/ml/btn_help.gif); width:23px; height:21px; text-decoration:none;} #form_content fieldset .hintBox{ position:relative; margin-top:-28px; margin-left:300px; float:right;} #form_content fieldset .hintBoxRadio{ position:relative; margin-top:-108px; margin-left:300px; float:right;} #form_content fieldset .hintBoxSelect{ position:relative; margin-top:-28px; margin-left:300px; float:right;} * html #form_content fieldset .hintBoxSelect{ position:relative; margin-top:0; margin-left:0px; float:right;} * + html #form_content fieldset .hintBoxSelect{ position:relative; margin-top:0; margin-left:0px; float:right;} /*hack ie8*/ #form_content fieldset .hintBoxSelect{margin-top/*\**/:0px\9;} #form_content fieldset .arrow { position:relative; z-index:99; float:left; margin:11px 0 0 0px; display:block; background:url(../img/ml/arrow_hintbox.gif) left 0 no-repeat; width:12px; height:11px;} #form_content fieldset .box{ position:relative; z-index:1; float:left; margin:5px 0 0 -1px; background-color:#fafafa; border:1px solid #ccc; padding:12px; width:208px;} #form_content fieldset #campainPrice{ width:95%; margin:20px auto; padding:10px; background-color:#f3f3f3; border:1px solid #ccc;} #form_content fieldset #campainPrice p{ float:left; font-size:16px; font-weight:bold; line-height:50px;} #form_content fieldset #campainPrice #nationalPrice{ /*margin: 35px 0 0 175px;*/ font-size:10px; position:absolute; left:265px; margin-top: 40px; display:none;} * html #form_content fieldset #campainPrice #nationalPrice{/*margin: 35px 0 0 -54px;*/ font-size:10px; position:absolute; left:280px; margin-top: 40px;display:none;} * + html #form_content fieldset #campainPrice #nationalPrice{/*margin: 35px 0 0 -20px;*/ font-size:10px; position:absolute; left:265px; margin-top: 40px;display:none;} #form_content fieldset #campainPrice a{ float:right; background:url(../img/ml/bg_compare_campain.gif) 0 0 no-repeat; padding:6px 0 0 0; margin-top:10px; width:275px; height:30px; color:#db261b; font-weight:bold; text-decoration:none; text-indent:30px;} #form_content fieldset #campainPrice .text {display:block; width:305px; float:left;} #form_content fieldset #campainPrice input.fieldCalcul2 {margin:4px 0 0 10px; width:60px; float:left; background-color:#dfdfdf; border:1px solid #999; height:16px;} *html #form_content fieldset #campainPrice input.fieldCalcul2 {margin:10px 0 0 10px; width:60px; float:left; background-color:#dfdfdf; border:1px solid #999; height:16px;} *+html #form_content fieldset #campainPrice input.fieldCalcul2 {margin:10px 0 0 10px; width:60px; float:left; background-color:#dfdfdf; border:1px solid #999; height:16px;} #form_content fieldset#price div.campainLinks.left{ width:310px; border-right:1px dashed #9c9c9c; float:left; margin: 0;} #form_content fieldset#price div.campainLinks.left span{ display: inline; float:none;} #form_content fieldset#price div.campainLinks.left .list_normal{ background:url(../img/ml/puce_discover.gif) no-repeat center left; background-position: 0 8px; margin: 0; padding:0 0 10px 10px;} #form_content fieldset#price div.campainLinks.right{ margin-left:20px; width:275px; float:left;margin: 0;} #form_content fieldset#price div.campainLinks.right span{ display: inline; float:none;} #form_content fieldset#price div.campainLinks.right .list_normal{ background:url(../img/ml/puce_discover.gif) no-repeat center left; background-position: 0 8px; margin: 0; padding:0 0 10px 10px;} #form_content fieldset#price p.header{ margin:10px 0 0 15px; width:100%;font-size:14px; font-weight:bold; color:#da2627;} #form_content fieldset#price ul{ margin:0; padding-top:20px; margin-left:15px; width:270px; padding-left:0px; list-style-type: none; border-top:1px solid #ccc} *+html #form_content fieldset#price ul{ margin:0; padding-top:20px; margin-left:15px; width:270px; padding-left:10px; border-top:1px solid #ccc} #form_content fieldset#price li{ line-height:20px; padding: 0 0 0 10px; background:url(../img/ml/puce_discover.gif) left center no-repeat; color:#333;} #compareForm{ float:left; width:686px; margin-left:65px;} *html #compareForm{float:left; width:686px; margin:0 0 0 40px;} #compareForm a{ color:#000;} /*#compareForm a:hover{ color:#fff; background-color:#da2627}*/ * html #compareForm a:hover{background: url(../img/ml/bg_back_btn.gif) 0 0 no-repeat;;} #compareForm div.back a{ display:block; float:right; background:url(../img/ml/bg_back_btn.gif) 0 0 no-repeat; padding:6px 0 0 0; margin-top:10px; width:185px; height:30px; color:#db261b; font-weight:bold; text-decoration:none; text-indent:40px;} #compareForm #cadre{ margin-top:10px; padding:15px; background-color:#fff; border:1px solid #ccc;} *html #compareForm #cadre{ padding-top:8px;} *+html #compareForm #cadre{ padding-top:8px;} #compareForm #cadre #campainPrice{ padding:10px; background-color:#f3f3f3; border:1px solid #ccc;} #compareForm #cadre #campainPrice p{ float:left; font-size:16px; font-weight:bold; line-height:40px;} #compareForm #cadre #campainPrice img.arrow{ float:left; padding:0 15px; margin-top:11px;} #compareForm #form_content fieldset label{ margin:10px 20px 0px 5px; width:220px; float:left; text-align:right;} #compareForm #form_content fieldset input.field{ margin:8px 0 0 0; width:60px; float:left; background-color:#dfdfdf; border:1px solid #999; height:16px;} /* #compareForm #form_content fieldset input.fieldCalcul{ margin:3px 0 0 38px; width:60px; float:left; background-color:#dfdfdf; border:1px solid #999; height:16px;} *html #compareForm #form_content fieldset input.fieldCalcul{ margin:8px 0 0 10px; width:60px; float:left; background-color:#dfdfdf; border:1px solid #999; height:16px;} *+html #compareForm #form_content fieldset input.fieldCalcul{ margin:8px 0 0 10px; width:60px; float:left; background-color:#dfdfdf; border:1px solid #999; height:16px;} */ #compareForm #form_content fieldset display:block; width:305px; float:left; #compareForm #form_content fieldset table.table1{ width:630px; padding:10px;} #compareForm #form_content fieldset table.table1 .col1{ width:245px; text-align:right; padding-right:20px;} #compareForm #form_content fieldset table.table1 .col2{ width:110px;} #compareForm #form_content fieldset table.table1 .col2 span{padding-top: 10px;} #compareForm #form_content fieldset table.table1 .col3{ width:120px;} #compareForm #form_content fieldset table.table1 .col4{ width:50px; text-align:right;} #compareForm #form_content fieldset table.table1 .col5{ width:80px; text-align:right;} #compareForm #form_content fieldset table.table2{ width:630px; padding:10px;} #compareForm #form_content fieldset table.table2 .col1{ width:255px; text-align:right; padding-right:20px;} #compareForm #form_content fieldset table.table2 .col2{ width:90px;} #compareForm #form_content fieldset table.table2 .col2 span{padding-top: 10px;} #compareForm #form_content fieldset table.table2 .col3{ width:80px;} #compareForm #form_content fieldset table.table2 .col4{ width:100px;} #compareForm #form_content fieldset table.table2 .col5{ width:20px; text-align:right;} #compareForm #form_content fieldset table.table2 .col6{ width:120px; text-align:right;} #compareForm #form_content p.reinit{ padding:8px; float:left; width:460px;} #compareForm #form_content a.send{display:block; float:left; width:111px; height:30px; background:transparent url(../img/ml/bg_submit_btn.jpg) left top no-repeat; color:#FFFFFF; border:0 none; padding:5px 1px 12px 0px; margin:5px 0 0 15px; cursor:pointer; text-decoration:none; outline:0; } #compareForm #form_content a.send_big{display:block; float:left; width:120px; height:30px; background:transparent url(../img/ml/bg_submit_btn_big.jpg) left top no-repeat; color:#FFFFFF; border:0 none; padding:5px 1px 12px 0px; margin:5px 0 0 15px; cursor:pointer; text-decoration:none; outline:0; }