/*----------BODY----------*/ body { margin:0px; padding:0px; background-color:#FFF; background-image:url(../img/ml/body_bg.jpg); background-repeat:no-repeat; background-position:top center; font-family:Arial, Helvetica, sans-serif;} /*----------SPLASH----------*/ body.splash { background-image:url(../img/ml/splash_bg.jpg); background-color:#00ad4f;} #splashpage { position:absolute; top:0px; left:50%; margin-left:-480px; width:908px; height:548px;} /*----------MAIN----------*/ #top { position:absolute; top:35px; left:50%; width:932px; margin-left:-466px; padding:0px 0px 0px 0px; height:90px; z-index:1000;} #top img.logo { margin-right:10px;} #top #secondnav { position:absolute; top:18px; right:40px; width:500px; height:29px; text-align:right;} #top #secondnav img { margin-left:10px;} #global_content { position:absolute; top:105px; left:50%; width:932px; min-height:500px; margin-left:-465px;} /*----------HOME----------*/ #intro { position:absolute; top:70px; left:0px; z-index:1000;} #slider{ position:absolute; top:360px; left:35px; z-index:1000;} #tirette{ position:absolute; top:360px; right:45px; z-index:1000;} /*----------HOME FRISO----------*/ #menu_friso { position:absolute; top:360px; left:48px; width:510px; height:34px; padding:6px 0px 0px 10px ; border-top:solid 1px #dadada; border-bottom:solid 1px #dadada; z-index:1000;} #menu_friso img.center { display:inline; margin:0px 30px 0px 30px;} #slider_friso{ position:absolute; top:420px; left:35px; z-index:1000;} /*----------MENU----------*/ #menu.fr { position:absolute; top:24px; left:85px; width:725px; height:32px; z-index:1500;} #menu.fr ul { margin:0px; padding:0px; width:725px; height:32px; background-image:url(../img/fr/menu_bg.gif) 0 0; background-repeat:no-repeat; list-style-type:none;} #menu.fr li { float:left; /*overflow:hidden;*/ padding-right:3px; text-indent:-9999px; position:relative;} #menu.fr li a {background:url(../img/fr/menu_bg.gif) 0 0; background-repeat:no-repeat; display:block; outline:none;} #menu.fr li a.home { background-position:0 0; width:86px; height:32px;} #menu.fr li.selected a.home { background-position:0 -32px; width:86px; height:32px;} #menu.fr li a.child { background-position:-88px 0; width:80px; height:32px;} #menu.fr li.selected a.child { background-position:-88px -32px; width:80px; height:32px;} #menu.fr li a.mum { background-position:-170px 0; width:103px; height:32px;} #menu.fr li.selected a.mum { background-position:-170px -32px; width:103px; height:32px;} #menu.fr li a.club { background-position:-275px 0; width:93px; height:32px;} #menu.fr li.selected a.club { background-position:-275px -32px; width:93px; height:32px;} #menu.fr li a.news { background-position:-370px 0; width:138px; height:32px;} #menu.fr li.selected a.news { background-position:-370px -32px; width:138px; height:32px;} #menu.fr li a.quality { background-position:-510px 0; width:96px; height:32px;} #menu.fr li.selected a.quality { background-position:-510px -32px; width:96px; height:32px;} #menu.fr li a.products { background-position:-609px 0; width:102px; height:32px;} #menu.fr li.selected a.products { background-position:-609px -32px; width:102px; height:32px;} #menu.nl { position:absolute; top:24px; left:85px; width:725px; height:32px; z-index:1500;} #menu.nl ul { margin:0px; padding:0px; width:725px; height:32px; background-image:url(../img/nl/menu_bg.gif) 0 0; background-repeat:no-repeat; list-style-type:none;} #menu.nl li { float:left; /*overflow:hidden;*/ padding-right:3px; text-indent:-9999px; position:relative;} #menu.nl li a {background:url(../img/nl/menu_bg.gif) 0 0; background-repeat:no-repeat; display:block; outline:none;} #menu.nl li a.home { background-position:0 0; width:86px; height:32px;} #menu.nl li.selected a.home { background-position:0 -32px; width:86px; height:32px;} #menu.nl li a.child { background-position:-88px 0; width:80px; height:32px;} #menu.nl li.selected a.child { background-position:-88px -32px; width:80px; height:32px;} #menu.nl li a.mum { background-position:-170px 0; width:83px; height:32px;} #menu.nl li.selected a.mum { background-position:-170px -32px; width:83px; height:32px;} #menu.nl li a.club { background-position:-255px 0; width:93px; height:32px;} #menu.nl li.selected a.club { background-position:-255px -32px; width:93px; height:32px;} #menu.nl li a.news { background-position:-350px 0; width:98px; height:32px;} #menu.nl li.selected a.news { background-position:-350px -32px; width:98px; height:32px;} #menu.nl li a.quality { background-position:-450px 0; width:136px; height:32px;} #menu.nl li.selected a.quality { background-position:-450px -32px; width:136px; height:32px;} #menu.nl li a.products { background-position:-589px 0; width:122px; height:32px;} #menu.nl li.selected a.products { background-position:-589px -32px; width:122px; height:32px;} /*----------SUBMENU----------*/ #menu div {display:none;} --> /*POSITIONNES, DIMENSIONNES ET BACKGRONNES LES SOUS-MENU*/ #menu.fr ul li div.bg_menu1_level2 {position:absolute; padding:20px 20px 20px 30px; z-index:9; width:384px; height:290px; top:32px; left:-2px; background:url(../img/ml/bg_menu1_level2.gif) 0 0 no-repeat;} #menu.fr ul li div.bg_menu2_level2 {position:absolute; padding:20px 20px 20px 30px; z-index:9; width:450px; height:130px; top:32px; left:-2px; background:url(../img/ml/bg_menu2_level2.gif) 0 0 no-repeat;} #menu.fr ul li div.bg_menu5_level2 {position:absolute; padding:10px 10px 10px 20px; z-index:9; width:285px; height:99px; top:32px; left:-74px; background:url(../img/ml/bg_menu5_level2.gif) 0 0 no-repeat;} #menu.fr ul li div.bg_menu6_level2 {position:absolute; padding:20px 20px 20px 30px; z-index:9; width:640px; height:400px; top:32px; left:-536px; background:url(../img/ml/bg_menu6_level2.gif) 0 0 no-repeat;} #menu.nl ul li div.bg_menu1_level2 {position:absolute; padding:20px 20px 20px 30px; z-index:9; width:384px; height:290px; top:32px; left:-2px; background:url(../img/ml/bg_menu1_level2.gif) 0 0 no-repeat;} #menu.nl ul li div.bg_menu2_level2 {position:absolute; padding:20px 20px 20px 30px; z-index:9; width:521px; height:130px; top:32px; left:-2px; background:url(../img/ml/bg_menu2_level2_nl.gif) 0 0 no-repeat;} #menu.nl ul li div.bg_menu5_level2 {position:absolute; padding:10px 10px 10px 20px; z-index:9; width:285px; height:99px; top:32px; left:-34px; background:url(../img/ml/bg_menu5_level2_nl.gif) 0 0 no-repeat;} #menu.nl ul li div.bg_menu6_level2 {position:absolute; padding:20px 20px 20px 30px; z-index:9; width:640px; height:400px; top:32px; left:-516px; background:url(../img/ml/bg_menu6_level2_nl.gif) 0 0 no-repeat;} /*hack IE7*/ *+html #menu ul li div.bg_menu1_level2 {padding:0;} *+html #menu ul li div.bg_menu2_level2 {padding:0;} *+html #menu ul li div.bg_menu5_level2 {padding:0;} *+html #menu ul li div.bg_menu6_level2 {padding:0;} #menu ul li.hovering div {display: block;} #menu ul li ul { float:left;} #menu ul li ul li { clear:both;} /*-------------------CHILD*/ #menu ul li div.bg_menu1_level2 ul.column1{ width:105px; height:280px; margin-right:20px; margin-left:5px; border-right:dotted 1px #9ECF72;} #menu ul li div.bg_menu1_level2 ul.column2{ width:115px; height:280px; margin-right:20px; border-right:dotted 1px #9ECF72;} #menu ul li div.bg_menu1_level2 ul.column2 img{ margin-left:20px;} #menu ul li div.bg_menu1_level2 ul.column3{ width:105px; height:350px;} #menu ul li div.bg_menu1_level2 ul li { text-indent:0px; margin:0px 0px 0px 0px; padding:10px 0px 10px 10px; background:url(../img/ml/li_green_level2.png) left center no-repeat; *width:85px;} #menu ul li div.bg_menu1_level2 ul li.img { text-indent:0px; margin:0px 0px 0px 0px; padding:10px 10px 0px 0px; background-image:none;} #menu ul li div.bg_menu1_level2 ul li a { font-size:12px; color:#fff; background-image:none !important; text-decoration:none;} /*-------------------MUM*/ #menu ul li div.bg_menu2_level2 ul.column1{ width:210px; height:85px; margin-right:20px;} #menu ul li div.bg_menu2_level2 ul.column2{ width:200px; height:85px; margin-right:20px;} #menu ul li div.bg_menu2_level2 ul.column3{ width:160px; height:85px;} #menu ul li div.bg_menu2_level2 ul li { text-indent:0px; margin:0px 0px 0px 0px; background-position: left top; padding:10px 0px 10px 16px; *width:150px;} #menu ul li div.bg_menu2_level2 ul li a { font-size:12px; color:#fff; background-image:none !important; text-decoration:none;} #menu ul li div.bg_menu2_level2 ul li.subtitle{ background-color:#4ba33a; padding:2px 4px 2px 8px; margin:12px 0px 6px 0px; text-transform:uppercase; width:180px;} #menu ul li div.bg_menu2_level2 ul li.subtitle a{ color:#FFF; text-decoration:none;} #menu ul li div.bg_menu2_level2 ul li.green_arrow{ background:url(../img/ml/li_green_level2.png) 6px center no-repeat; padding:4px 0px 4px 16px; *width:180px;} /*hack IE7*/ *+html #menu ul li div.bg_menu2_level2 ul { position:relative; top:-20px;} /*-------------------societe*/ #menu ul li div.bg_menu5_level2 ul.column1{ width:280px; height:85px; margin:0px 20px 0px 0px; padding-top:5px;} #menu ul li div.bg_menu5_level2 ul li { text-indent:0px; margin:0px 0px 0px 0px; background-position: left top; background:url(../img/ml/li_green_level2.png) 6px center no-repeat; padding:10px 0px 10px 16px;} #menu ul li div.bg_menu5_level2 ul li a { font-size:12px; color:#fff; background-image:none !important; text-decoration:none;} /*hack IE7*/ *+html #menu ul li div.bg_menu5_level2 ul { position:relative; top:-20px;} /*-------------------PRODUCT*/ #menu ul li div.bg_menu6_level2 ul.column1{ width:155px; height:245px;} #menu ul li div.bg_menu6_level2 ul.column2{ width:155px; margin:0px 48px 0px 48px; height:245px;} #menu ul li div.bg_menu6_level2 ul.column3{ width:155px; height:245px; margin-bottom:20px;} #menu ul li div.bg_menu6_level2 ul.column4{ width:364px; height:245px;} #menu ul li div.bg_menu6_level2 ul.column4 li.subtitle{ background-color:#3191cd; padding:2px 4px 2px 8px; margin:12px 0px 6px 0px; text-transform:uppercase; width:364px;} #menu ul li div.bg_menu6_level2 ul li.subtitle{ background-color:#4ba33a; padding:2px 4px 2px 8px; margin:12px 0px 6px 0px; text-transform:uppercase; width:160px;} #menu ul li div.bg_menu6_level2 ul li.subtitle a{ color:#FFF; text-decoration:none;} #menu ul li div.bg_menu6_level2 ul li.green_arrow{ background:url(../img/ml/li_green_level2.png) 6px center no-repeat; padding:4px 0px 4px 16px; *width:160px;} #menu ul li div.bg_menu6_level2 ul li.empty{ padding:4px 0px 4px 16px; font-size:12px;} #menu ul li div.bg_menu6_level2 ul li a{text-indent:0px; font-size:12px; color:#fff; background-image:none !important; text-decoration:none;} #menu ul li div.bg_menu6_level2 span.title a.product { font-size:16px; text-indent:0px; color:#FFF; margin:0px 0px 5px 0px; padding:0px; display:block; clear:both; background:0 none} /*----------START // TEST ALLERGIE----------*/ .allergieDialog { display: none; padding-bottom: 20px; } .allergieDialog .section { border-bottom: 1px solid #c5c5c5; margin: 60px 0 20px 80px; min-height: 240px; overflow: hidden; } .allergieDialog .section p, #left_content .allergieDialog .section ul { line-height: 1.5; margin: 0; padding:0; } .allergieDialog .section li { background:url(../img/test_allergie/li_allergietest.png) no-repeat 0 3px; padding: 0 0 10px 10px; } .allergieDialog .colors { background: #fff url(../img/test_allergie/colors_small.gif) no-repeat 0 173px; margin: 8px 15px 15px 2px; float:left; padding: 0 0 10px 0} .allergieDialog .question{ width:300px; float:left;} .allergieDialog .question img { background: url(../img/test_allergie/allergiedialogen.gif) no-repeat -10px 0; border: none;} .allergieDialog .fr img { background: url(../img/test_allergie/allergiedialogen_fr.gif) no-repeat -10px 13px; border: none;} .allergieDialog .question img.item2 { background-position: -10px -249px; } .allergieDialog .question img.item3 { background-position: -10px -498px; } .allergieDialog .allergietest { border-bottom: 0; clear: left; margin-top: 8px; margin-bottom: 0; width: 100%; } .allergietest th { padding: 0; width: 110px; } .allergietest thead th img { background: url(../img/test_allergie/vadermoeder.gif) no-repeat; } .allergietest_fr thead th img { background: url(../img/test_allergie/vadermoeder_fr.gif) no-repeat; } .allergietest th img.moeder { background-position: 0 -35px; } .allergietest th img.broerzus { background-position: 0 -70px; } .allergietest td, .allergietest th { border: 0; border-bottom: 1px solid #ebebea; color: #14a5e1; vertical-align: middle; } .allergietest th { border-bottom: 3px solid #fff; } .allergietest td { padding-top: 15px; padding-bottom: 15px; color:#737373; } .allergietest td li { padding: 0 0 10px 10px; font-size: 1em; background:url(../img/test_allergie/li_allergietest.png) no-repeat 0 3px;} .allergietest .bgcolor1 { background-color: #fdfdfd; } .allergietest .bgcolor2 { background-color: #fafafa; } .allergietest .bgcolor3 { background-color: #f5f5f5; } .allergieDialog .heading img { background: url(../img/test_allergie/voedselallergie.gif) no-repeat; margin: 0 0 10px 0;} .allergieDialog .heading_fr img { background: url(../img/test_allergie/voedselallergie_fr.gif) no-repeat; margin: 0 0 10px 0;} .allergieDialog .heading_fr img.item2 { background-position: 0 -25px; } .allergieDialog .heading_fr img.item3 { background-position: 0 -50px; } .allergieDialog .heading_fr img.item4 { background-position: 0 -70px; } .allergieDialog .heading_fr img.item5 { background-position: 0 -100px; } .allergieDialog .heading img.item2 { background-position: 0 -25px; } .allergieDialog .heading img.item3 { background-position: 0 -50px; } .allergieDialog .heading img.item4 { background-position: 0 -70px; } .allergieDialog .heading img.item5 { background-position: 0 -100px; } .allergieDialog .advies .heading_fr img { margin-bottom: 1em; } .allergieDialog .advies .heading img { margin-bottom: 1em; } .allergietest .empty { background: none; border: 0; width: auto; } .allergietest input { border: 0; display: block; margin: auto; } .allergieDialog .butbar { margin-top: 0; } .allergieDialog .butbar td { border: 0; padding: 8px 8px 0 0; } #left_content .allergieDialog .butbar input { border: 0; float: right; } #left_content .allergieDialog .butbar .submit { background: url(../img/test_allergie/dialoogbuttons.gif) no-repeat; cursor: pointer; height: 44px; width: 260px; } .allergieDialog .advies { float: left; width: 310px; } #left_content .allergieDialog .advies p{margin: 0 ; padding:0;} #left_content .allergieDialog_fr .butbar .submit { background: url(../img/test_allergie/dialoogbuttons_fr.gif) no-repeat; cursor: pointer; height: 44px; width: 260px; } #left_content #adviesNee p {margin: 0 ; padding:0;} #left_content #adviesJa p {margin: 0 ; padding:0;} .allergieDialog .tel { float: left; margin: 0 55px 0 75px; } .allergieDialog .buttons img { background: url(../img/test_allergie/dialoogbuttons.gif) no-repeat 0 -44px; border:none; } .allergieDialog .buttons_fr img { background: url(../img/test_allergie/dialoogbuttons_fr.gif) no-repeat 0 -44px; border:none; margin-left:100px; } .allergieDialog .buttons_fr img.meerstandaard { background-position: 0 -157px; border:none;} .allergieDialog .buttons_fr img.meerHA { background-position: 0 -88px; } .allergieDialog .buttons img.meerstandaard { background-position: 0 -157px; border:none;} .allergieDialog .buttons img.meerHA { background-position: 0 -88px; } .allergieDialog .customCheckbox input { left: -1600px; position: absolute; } .allergieDialog .customCheckbox a, .allergieDialog .customCheckbox img { background: url(../img/test_allergie/radiocheckbox.gif) no-repeat -102px 0; cursor: pointer; border:0; display: block; height: 41px; margin: auto; width: 51px; } .allergieDialog .customCheckbox_fr input { left: -1600px; position: absolute; } .allergieDialog .customCheckbox_fr a, .allergieDialog .customCheckbox_fr img{ background: url(../img/test_allergie/radiocheckbox_fr.gif) no-repeat -102px 0; cursor: pointer; border:0; display: block; height: 41px; margin: auto; width: 51px; } .allergieDialog .customCheckbox img.checked { background-position: -51px 0; } .allergieDialog .customCheckbox img.unchecked { background-position: 0 0; } .allergieDialog .customCheckbox_fr img.checked { background-position: -51px 0; } .allergieDialog .customCheckbox_fr img.unchecked { background-position: 0 0; } #formAllergie .allergietest ul{margin: 10px 0 0 20px; padding:0;} .linknaarproductpagina img{border: none;} #stap3{margin: 20px 0 0 30px;} /*---------- END // TEST ALLERGIE----------*/ /*----------FOOTER----------*/ #footer { position:relative; top:0px; left:65px; width:803px; border-top:solid 1px #CCCCCC; padding:12px 5px 0px 5px; margin:0px 0px 30px 0px; color:#737373; font-size:10px; text-align:left;} #footer #subnav { position:absolute; top:8px; right:5px; width:200px; text-align:right; font-size:13px; color:#fdba00;} #footer #subnav a { text-decoration:none; color:#737373;} /*----------RIGHT----------*/ #myclub { position:absolute; top:0px; right:0px; width:268px; height:359px; z-index:1000;} #myclub_top { position:relative; top:0px; left:0px; width:268px; height:164px;} #myclub_content { position:relative; top:0px; left:0px; width:268px; height:173px; background:url(../img/ml/myclub_bgcontent.jpg) top left no-repeat;} #myclub_content form { padding:0px 0px 0px 25px;} #myclub_content input{ background-color:transparent; border:none; margin-bottom:15px; font-size:11px; color:#004a8c; font-weight:bold; float:left;} #myclub_content input.login { background-image:url(../img/ml/myclub_bglogin.jpg); background-repeat:no-repeat; width:156px; height:18px; padding:3px 0px 0px 25px;} #myclub_content input.pass { background-image:url(../img/ml/myclub_bgpass.jpg); background-repeat:no-repeat; width:156px; height:18px; padding:3px 0px 0px 25px;} #myclub_content .forgot { font-size:10px; color:#99b7d1; float:left; margin:5px 0px 0px 10px;} #myclub_content .account { margin:15px 0px 0px 25px;} #myclub_bottom { position:relative; top:0px; left:0px; width:268px; height:22px;} #right_content { position:relative; width:227px; float:left; margin:360px 0px 0px 5px; z-index:500;} #right_content img { margin-bottom:15px;} #myclub_content .welcome{ color:#fff; font-size:14px; border-bottom:1px dotted #fff; padding-bottom:5px; margin:0 30px 0 30px;} #myclub_content .club_status{color:#fff; font-size:14px; border-bottom:1px dotted #fff; padding:3px 0; padding-bottom:10px; margin:0 30px 0 30px;} #myclub_content .club_status p{ margin:6px 0; padding:0;} #myclub_content .score{ display:block; float:left; background:url(../img/ml/score.png) top left no-repeat; width:70px; height:31px; text-align:center; font-size:24px; line-height:31px; font-weight:bold; color:#5aa9ee} #myclub_content .score a{font-size:24px; line-height:31px; font-weight:bold; color:#5aa9ee; text-decoration:none;} #myclub_content .points{ display:block; float:left; margin-left:6px; font-size:20px; line-height:31px; font-weight:bold; color:#5aa9ee;} #myclub_content .points a{font-size:20px; line-height:31px; font-weight:bold; color:#5aa9ee; text-decoration:none;} #myclub_content .gotoclub{margin:10px 30px 0 30px;} #myclub_content .features{ margin-left:25px;} /* Tabs ----------------------------------*/ #tabs > div > p{ margin-left:0px;} .ui-tabs {border:none;} .ui-tabs .ui-tabs-nav { list-style: none; position: relative; } .ui-tabs .ui-tabs-nav li {border:none;} .ui-tabs .ui-tabs-nav li a {border:none;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /*----------LEFT----------*/ #left_content { position:relative; top:0px; left:0px; margin:56px 0px 30px 0px; padding:0px 30px 0px 0px; width:630px; min-height:530px; float:left; color:#737373; font-size:12px; z-index:500;} #left_content.friso { position:relative; top:0px; left:0px; margin:56px 0px 30px 0px; padding:0px 30px 0px 0px; width:630px; min-height:600px; float:left; color:#737373; font-size:12px; z-index:500;} #left_content a{ color:#8bb822; border:none;} #left_content a:hover{ color:#007a3d} #mask { position:absolute; top:0px; left:0px; width:74px; height:494px; z-index:1000; background-image:url(../img/ml/intro_mask.png); background-position:-2px 0px; background-repeat:no-repeat;} html>/**/body #mask, x:-moz-any-link, x:default { background-position:-2px 0px} #left_content img.intro_img { float:left; margin:0px 25px 0px 0px; padding:20px 0px 15px 0px;} #left_content p { line-height:20px; text-align:justify; margin:15px 0px 0px 80px;} #left_content h1 { font-size:30px; font-weight:normal; margin-top:40px; line-height:40px;} #left_content h2 { font-size:17px; color:#008a4b; font-weight:normal; margin:15px 0px 0px 80px;} #left_content h3 { font-size:14px; color:#008a4b; font-weight:normal; margin:15px 0px 0px 80px; display:inline;} #left_content h4 { font-size:17px; font-weight:bold; margin:20px 0px 15px 0px;} #left_content ul { margin:30px 0px 30px 80px; padding:0px; list-style-type:none;} /*-------------------NEWS*/ #left_content ul.news li { margin:20px 0px 0px 0px; padding:0px; border-top:solid 1px #CCCCCC;} #left_content ul.news li h2 { margin:15px 0px 0px 0px;} #left_content ul.news li p { margin:10px 0px 0px 0px; padding:0px;} #left_content ul.news li img { float:right; margin:0px 0px 0px 20px; padding:0px 0px 0px 0px;} #left_content ul.default li { margin:0px 0px 0px 0px; padding:0px 0px 0px 13px; line-height:19px; background-image:url(../img/ml/li_puce.jpg); background-position:0px 6px; background-repeat:no-repeat;} #left_content ul.default li a { color:#004b8d;} #left_content ul.default li a:hover { color:#1a7627;} /*-------------------SEARCH*/ #left_content h1.search { margin-left:80px;} #left_content ul.search { margin-top:0px;} #left_content ul.search li.product { margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; min-height:120px; border-bottom:solid 1px #CCCCCC;} #left_content ul.search li.title { margin:0px 0px 0px 0px; padding:5px 10px 5px 10px; background-color:#57ba37; text-transform:uppercase; letter-spacing:0.5px; font-weight:bold; color:#FFF;} #left_content ul.search li h2 { margin:15px 0px 0px 0px;} #left_content ul.search li p { margin:5px 0px 0px 0px; padding:0px; text-align:left;} #left_content ul.search li img { float:left; margin:15px 10px 20px 0px; padding:0px 0px 0px 0px;} #left_content ul.search li .btn_green { float:right; margin:30px 10px 20px 20px; cursor:pointer;} #left_content ul.friso { border:solid 1px #a8d6fd; padding:20px 10px 20px 0px;} #left_content ul.friso li { margin:0px 0px 0px 0px; padding:0px;} #left_content ul.friso li h2 { margin:0px 0px 0px 0px; color:#004a8c;} #left_content ul.friso li p { margin:5px 0px 0px 0px; padding:0px; text-align:left;} #left_content ul.friso li img { float:left; margin:20px 10px 20px 0px; padding:0px 0px 0px 0px;} #left_content ul.friso li .btn_blue { float:right; margin:30px 0px 20px 20px; cursor:pointer;} #left_content ul#news_nav { padding:8px 4px 8px 4px; border:solid 1px #CCCCCC; text-align:right;} #left_content ul#news_nav li { display:inline; border:solid 1px #CCCCCC; color:#4da331; font-weight:bold; margin:2px 2px 2px 2px; padding:2px 6px 2px 6px;} #left_content ul#news_nav li a { color:#4da331; text-decoration:none; font-weight:bold;} #left_content ul#news_nav li .arrow { font-size:14px;} /*-------------------PRODUCT*/ #left_content h1.product { margin-left:80px;} #left_content h2.product_four_month { font-weight:normal; font-size:20px; padding:22px 0px 5px 40px; color:#00bdf2; border-bottom:solid 1px #00bdf2; background-image:url(../img/ml/h2_4month.jpg); background-repeat:no-repeat;} #left_content h2.product_six_month { font-weight:normal; font-size:20px; padding:22px 0px 5px 40px; color:#f7931d; border-bottom:solid 1px #f7931d; background-image:url(../img/ml/h2_6month.jpg); background-repeat:no-repeat;} #left_content h2.product_eight_month { font-weight:normal; font-size:20px; padding:22px 0px 5px 40px; color:#9c3e97; border-bottom:solid 1px #9c3e97; background-image:url(../img/ml/h2_8month.jpg); background-repeat:no-repeat;} #left_content h2.product_ten_month { font-weight:normal; font-size:20px; padding:22px 0px 5px 40px; color:#ed1c24; border-bottom:solid 1px #ed1c24; background-image:url(../img/ml/h2_10month.jpg); background-repeat:no-repeat;} #left_content h2.product_twelve_month { font-weight:normal; font-size:20px; padding:22px 0px 5px 40px; color:#ed1c24; border-bottom:solid 1px #ed1c24; background-image:url(../img/ml/h2_12month.jpg); background-repeat:no-repeat;} #left_content h2.product_fifteen_month { font-weight:normal; font-size:20px; padding:22px 0px 5px 40px; color:#f067a6; border-bottom:solid 1px #f067a6; background-image:url(../img/ml/h2_15month.jpg); background-repeat:no-repeat;} #left_content h2.product_eighteen_month { font-weight:normal; font-size:20px; padding:22px 0px 5px 40px; color:#0054a4; border-bottom:solid 1px #0054a4; background-image:url(../img/ml/h2_18month.jpg); background-repeat:no-repeat;} #left_content ul.product_col1 { margin-top:10px; width:260px; float:left;} #left_content ul.product_col2 { margin-top:10px; margin-left:0px; padding:0px 0px 0px 10px; width:260px; border-left:dotted 1px #CCC; float:left;} #left_content ul.product_col1 li, #left_content ul.product_col2 li { margin:20px 0px 0px 0px; padding:0px 0px 15px 0px; float:left;} #left_content ul.product_col1 li h3, #left_content ul.product_col2 li h3 { margin:15px 0px 0px 0px;} #left_content ul.product_col1 li p, #left_content ul.product_col2 li p { margin:5px 0px 0px 0px; padding:0px; text-align:left; line-height:17px;} #left_content ul.product_col1 li img, #left_content ul.product_col2 li img { float:left; margin:0px 10px 20px 0px; padding:0px 0px 0px 0px;} #left_content ul.product_col1 a, #left_content ul.product_col2 a { text-decoration:none; color:#008a4b;} /*-------------------REWARDING*/ #left_content ul.pdf { border:solid 1px #e7adad; padding:15px 15px 15px 15px;} #left_content ul.pdf li { margin:0px 0px 0px 0px; padding:0px;} #left_content ul.pdf li h2 { margin:0px 0px 0px 0px; color:#cf1f22; text-transform:uppercase; font-weight:bold; *float:left;} #left_content ul.pdf li a {color:#cf1f22; text-decoration:none;} #left_content ul.pdf li p { margin:5px 0px 0px 0px; padding:0px; text-align:left; line-height:16px;} #left_content ul.pdf li img { float:left; margin:-5px 10px 20px 0px; padding:0px 0px 0px 0px;} #left_content ul.rewarding { margin-top:0px;} /*#left_content ul.rewarding li { margin:0px; background:url(../img/ml/li_puce.jpg) no-repeat 0 20; padding:0 0 0 15px; border:none; min-height:inherit;}*/ #left_content ul.rewarding li h2 { margin:15px 0px 0px 0px;} #left_content ul.rewarding li p { margin:5px 0px 0px 0px; padding:0px; text-align:left;} #left_content ul.rewarding li img { float:left; margin:15px 10px 20px 0px; padding:0px 0px 0px 0px;} #left_content ul.rewarding li .bullet_point { background-image:url(../img/ml/bullet_point.jpg); background-repeat:no-repeat; background-position:center top; width:40px; height:40px; color:#FFF; font-size:9px; float:right; padding:8px 0px 0px 0px; margin:0px; text-align:center;} #left_content ul.rewarding li .bullet_point span { font-size:14px; font-weight:bold; font-size:16px; line-height:12px;} #left_content ul.rewarding li .text{width:380px; float:left;} #left_content ul.rewarding ul.default{margin: 10px 0 0 0;} /*#left_content ul.default{margin:10px 0 0 0;} #left_content ul.default li{margin:0px; background:url(../img/ml/li_puce.jpg) no-repeat 0 20; padding:0 0 0 15px; border:none; min-height:inherit;}*/ #left_content ul.rewarding .btn_down{background:url(../img/ml/btn_down.gif) no-repeat; width:31px; height:25px; float:right;} #left_content ul.rewarding .btn_up{background:url(../img/ml/btn_up.gif) no-repeat; width:31px; height:25px; float:right;} #left_content ul.rewarding .btn_points{margin-left:110px; margin-top:60px;} /*-------------------CONTACT*/ #left_content ul.contact { font-size:16px; font-weight:bold; margin-bottom:40px;} #left_content ul.contact li { margin:0px 0px 10px 240px; padding:8px 0px 0px 45px;} /*#left_content ul.contact li.faq { height:36px; background-image:url(../img/ml/li_faq.jpg); background-repeat:no-repeat;} #left_content ul.contact li.phone { height:36px; background-image:url(../img/ml/li_phone.jpg); background-repeat:no-repeat;}*/ #left_content ul.contact li a { color:#737373; text-decoration:none;} #left_content h2.faq{ background-image:url(../img/ml/li_faq.jpg); background-repeat:no-repeat; padding:8px 0px 10px 43px; color:#737373; font-size:16px; font-weight: bold;} #left_content h2.phone{ background-image:url(../img/ml/li_phone.jpg); background-repeat:no-repeat; padding:8px 0px 10px 43px; color:#737373; font-size:16px; font-weight: bold;} #left_content h2.write { background-image:url(../img/ml/h2_write.jpg); background-repeat:no-repeat; padding:8px 0px 10px 43px; color:#737373; font-size:16px; font-weight: bold;} /*-------------------ENGAGEMENT*/ #left_content ul.engagement li { margin:20px 0px 40px 0px; padding:0px; display:block;} #left_content ul.engagement li h2 { margin:0px 0px 0px 0px;} #left_content ul.engagement li p { margin:10px 0px 0px 0px; padding:0px;} #left_content ul.engagement li img { float:left; margin:0px 20px 40px 0px; padding:25px 0px 0px 0px;} /*-------------------ABOUT*/ #left_content ul.about li { margin:20px 0px 20px 0px; padding:0px 0px 20px 0px; display:block; border-bottom:solid 1px #CCCCCC;} #left_content ul.about li h2 { margin:15px 0px 0px 0px;} #left_content ul.about li p { margin:10px 0px 0px 0px; padding:0px;} #left_content ul.about li img { margin:0px 20px 0px 0px; padding:0px 0px 0px 0px;} /*-------------------FORM*/ #left_content form.contact { margin:20px 0px 0px 80px; padding:0px; border:none;} #left_content form input.submit { font-size:14px; text-align:left; color:#FFF; width:100px; height:22px; border:none; background:transparent; background-image:url(../img/ml/bg_btn.jpg); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 4px 7px; *padding:0px 0px 0px 10px; margin-top:15px; display:block;} #left_content form a.add { text-decoration:none; font-size:14px; text-align:left; color:#FFF; width:150px; height:22px; line-height:22px; border:none; background:transparent; background-image:url(../img/ml/add_btn.jpg); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 4px 7px; *padding:0px 0px 0px 10px; margin:10px 0 0 0; display:block;} #left_content form a.delete { text-decoration:none; font-size:14px; text-align:left; color:#FFF; width:150px; height:22px; line-height:22px; border:none; background:transparent; background-image:url(../img/ml/delete_btn.jpg); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 4px 7px; *padding:0px 0px 0px 10px; margin-top:15px; display:block;} #left_content form fieldset { border:solid 1px #CCC; padding:20px 15px 15px 15px; margin:10px 0px 30px 0px; position:relative;} #left_content form fieldset h3 { position:absolute; margin:-28px 0px 0px 0px; background-color:#FFF; padding:0px 5px 0px 5px;} #left_content form fieldset input.field { margin:5px 10px 10px 0px; width:200px;} #left_content form fieldset input.radio { margin:10px 3px 0px 0px;} #left_content form fieldset label.radio { margin-right:10px;} #left_content form fieldset textarea { width:500px; height:200px; margin:15px 0px 15px 0px;} #left_content form fieldset #child0.children{ border-top:0; padding:10px 0;} #left_content form fieldset .children{ border-top:1px solid #eee; padding:10px 0;} /*-------------------MY CHILD*/ /*#mychild { position:relative; width:500px; padding:15px 25px 15px 25px; border:solid 1px #CCC; margin-top:30px; left:80px; background-image:url(../img/ml/mychild_bg.png); background-repeat:no-repeat; background-position:center 70px;} #mychild h2 { margin-left:0px; color:#737373; font-size:18px; border-bottom:solid 1px #CCC; text-transform:uppercase;} #mychild ul.hours { margin:20px 0px 80px 0px; padding:0px 0px 0px 10px; width:725px; height:32px; background-image:url(../img/ml/menu_bg.gif) 0 0; background-repeat:no-repeat; list-style-type:none;} #mychild ul.hours li { float:left; padding-right:12px; text-indent:-9999px; position:relative;} #mychild ul.hours li a {background-image:url(../img/ml/mychild_menu_bg.png); background-position:0 0; background-repeat:no-repeat; display:block; outline:none;} #mychild ul.hours li a.seven { background-position:0 0; width:87px; height:86px;} #mychild ul.hours li a.seven:hover { background-position:0 -90px; width:87px; height:86px;} #mychild ul.hours li.selected a.seven { background-position:0 -90px; width:87px; height:86px;} #mychild ul.hours li a.ten { background-position:-100px 0; width:87px; height:86px;} #mychild ul.hours li a.ten:hover { background-position:-100px -90px; width:87px; height:86px;} #mychild ul.hours li.selected a.ten { background-position:-100px -90px; width:87px; height:86px;} #mychild ul.hours li a.twelve { background-position:-199px 0; width:87px; height:86px;} #mychild ul.hours li a.twelve:hover { background-position:-199px -90px; width:87px; height:86px;} #mychild ul.hours li.selected a.twelve { background-position:-199px -90px; width:87px; height:86px;} #mychild ul.hours li a.four { background-position:-299px 0; width:87px; height:86px;} #mychild ul.hours li a.four:hover { background-position:-299px -90px; width:87px; height:86px;} #mychild ul.hours li.selected a.four { background-position:-299px -90px; width:87px; height:86px;} #mychild ul.hours li a.six { background-position:-399px 0; width:87px; height:86px;} #mychild ul.hours li a.six:hover { background-position:-399px -90px; width:87px; height:86px;} #mychild ul.hours li.selected a.six { background-position:-399px -90px; width:87px; height:86px;} #mychild ul.product { margin-left:0px; margin-bottom:15px;} #mychild ul.product li { margin:15px 0px 0px 0px; padding:0px 0px 15px 0px;} #mychild ul.product li h3 { margin:15px 0px 0px 0px;} #mychild ul.product li p { margin:10px 0px 0px 0px; padding:0px;} #mychild ul.product li img { float:right; margin:0px 0px 0px 20px; padding:0px 0px 0px 0px;} #mychild ul.product li hr.line{ clear:both; display:block; margin:25px 0 0 0; padding:0; width:100%; border:0; border-bottom:solid 1px #CCCCCC; height:0;}*/ #left_content ul.child_col1 { margin:20px 0px 0px 140px; float:left; height:355px; border-right:dotted 1px #CCC;} #left_content ul.child_col2 { margin:20px 0px 0px 0px; float:left; height:355px; border-right:dotted 1px #CCC;} #left_content ul.child_col3 { margin:20px 0px 0px 0px; float:left; height:355px;} #left_content ul.child_col1 li, #left_content ul.child_col2 li, #left_content ul.child_col3 li, #left_content ul.child_col4 li { margin:0px 0px 0px 0px; padding:20px 30px 10px 30px; background-position: left top; letter-spacing:0.7px;} #left_content ul.child_col1 a, #left_content ul.child_col2 a, #left_content ul.child_col3 a, #left_content ul.child_col4 a { text-decoration:none; font-weight:bold; color:#008a4b;} /*-------------------PAGE MY CLUB*/ #myclub_box { position:relative; width:510px; border:solid 1px #CCC; padding:10px 20px 20px 20px; margin-top:10px; left:80px; background-repeat:no-repeat; background-position:center 15px;} #myclub_box ul.menu { margin:0px 0px 0px 1px; padding:0px;} #myclub_box ul.menu li { display:inline-block; zoom: 1; *display:inline; margin:0; list-style-type:none; padding:2px;} #myclub_box ul.menu li a { color:#FFF; text-decoration:none;} ul#product-1 { margin:0px; padding:0px;} ul#product-1 li {margin:0px; padding:0px;} ul#product-1 li p {margin:10px 0px 0px 0px; padding:0px; text-align:left;} /*-------------------PAGE MY CLUB NO LOG*/ #myclub_nolog_box { position:relative; padding:10px 20px 20px 20px; margin-top:10px; left:60px;} #myclub_nolog_box h1{font-size:22px; margin:0px;} #myclub_nolog_box .column{float:left; width:265px; margin:0 30px 0 0;} #myclub_nolog_box .column p{margin:0px; padding:0 0 15px 0;} .btn_blue_big{background:url(../img/ml/btn_blue_big.jpg) no-repeat; width:171px; height:28px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:19px; padding:6px 0 0 10px;} #left_content .btn_blue_big a{color:#FFFFFF; text-decoration:none;} /*-------------------MAMAN*/ #left_content ul.mum_col1 { margin:10px 0px 0px 100px; padding:10px 20px 0px 0px; float:left; width:230px; border-right:dotted 1px #CCC; } #left_content ul.mum_col2 { margin:10px 30px 0px 30px; padding:10px 20px 0px 20px; float:left; width:170px;} #left_content ul.mum_col3 { margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; float:left; width:120px;} #left_content ul.mum_col1 li, #left_content ul.mum_col2 li, #left_content ul.mum_col3 li { margin:0px 0px 0px 0px; padding:0px 0px 15px 12px; background-image:url(../img/ml/li_green_level2.png); background-repeat:no-repeat; background-position: left 3px; letter-spacing:0px;} #left_content ul.mum_col1 a, #left_content ul.mum_col2 a, #left_content ul.mum_col3 a { text-decoration:none; font-weight:bold; color:#008a4b;} /*----------VRAC----------*/ hr { background-color:transparent; padding:0px; border-style:solid; border-top:solid 1px #CCCCCC; margin:15px 0px 10px 80px;} html>/**/body hr, x:-moz-any-link, x:default { background-color:transparent; padding:0px; border:none; border-top:solid 1px #CCCCCC; margin:15px 0px 10px 80px;} .clear { clear:both;} .bull { font-size:18px; color:#6bbd46;} h1.four_month, h1.six_month, h1.eight_month, h1.ten_month, h1.twelve_month, h1.fifteen_month, h1.eighteen_month { background-repeat:no-repeat; padding:25px 0px 0px 80px; float:left;} h1.four_month { background-image: url(../img/ml/h1_4month.jpg);} h1.six_month { background-image: url(../img/ml/h1_6month.jpg);} h1.eight_month { background-image: url(../img/ml/h1_8month.jpg);} h1.ten_month { background-image: url(../img/ml/h1_10month.jpg);} h1.twelve_month { background-image: url(../img/ml/h1_12month.jpg);} h1.fifteen_month { background-image: url(../img/ml/h1_15month.jpg);} h1.eighteen_month { background-image: url(../img/ml/h1_18month.jpg);} div.right { text-align:right;} div.right a.btn_green span span span { /*padding-top:3px;*/} a.btn_green { display:-moz-inline-box; display:inline-block; margin:0px; padding:0px; white-space:nowrap; text-align:left; vertical-align:middle; text-decoration:none; color:#FFFFFF; outline:none; cursor:pointer;} a.btn_green span { float:left; padding:0px 0px 0px 12px; vertical-align:middle; background:url(../img/ml/btn_green_left.jpg) left 2px no-repeat; color:#fff;} a.btn_green span span { padding:0px 19px 0px 0px; background:url(../img/ml/btn_green_right.jpg) right 2px no-repeat; } a.btn_green span span span { height:22px; padding:3px 5px 0px 0px; background:url(../img/ml/btn_green_center.jpg) left 2px repeat-x;} a.btn_blue { display:-moz-inline-box; display:inline-block; margin:0px; padding:0px; white-space:nowrap; text-align:left; vertical-align:middle; text-decoration:none; color:#FFFFFF; cursor:pointer;} a.btn_blue span { float:left; padding:0px 0px 0px 12px; vertical-align:middle; background:url(../img/ml/btn_blue_left.jpg) left 2px no-repeat; color:#fff;} a.btn_blue span span { padding:0px 19px 0px 0px; background:url(../img/ml/btn_blue_right.jpg) right 2px no-repeat; } a.btn_blue span span span { height:22px; padding:3px 5px 0px 0px; background:url(../img/ml/btn_blue_center.jpg) left 2px repeat-x;} a.btn_blue_back { display:-moz-inline-box; display:inline-block; margin:0px; padding:0px; white-space:nowrap; text-align:left; vertical-align:middle; text-decoration:none; color:#FFFFFF; cursor:pointer;} a.btn_blue_back span { float:left; padding:0px 0px 0px 19px; vertical-align:middle; background:url(../img/ml/btn_blue_left2.jpg) left 2px no-repeat; color:#fff;} a.btn_blue_back span span { padding:0px 12px 0px 0px; background:url(../img/ml/btn_blue_right2.jpg) right 2px no-repeat; } a.btn_blue_back span span span { height:22px; padding:3px 5px 0px 0px; background:url(../img/ml/btn_blue_center.jpg) left 2px repeat-x;} a.four_month { color:#00bdf2;} a.six_month { color:#f7931d;} a.eight_month { color:#9c3e97;} a.ten_month { color:#ed1c24;} a.twelve_month { color:#ed1c24;} a.fifteen_month { color:#f067a6;} a.eighteen_month { color:#0054a4;} /*----------TOOLTIP-----------*/ #preview{ position:absolute; border:1px solid #ccc; background:#fff; padding:5px; display:none; color:#fff; z-index:1000; } /*-----QUESTIONNAIRE------*/ #questions {margin:0 0 0 80px;} #questions .box_input_radio {margin:5px 0 10px 12px;} #questions .label_radio {font-size:14px; color:#008a4b; } #rules_accept {margin:10px 0 0 10px} /*-----CONCOURS PHOTO------*/ #carousel1 img{border:1px solid #eeeeee;} #alt-text{font-family:Arial, Helvetica, sans-serif; font-size:31px; color:#737373; padding-top:5px;} #left-but{background:url(../img/ml/carousel_left.png) no-repeat; width:36px; height:35px; border:none; cursor:pointer; position:absolute; top:3px; left:3px;} #right-but{background:url(../img/ml/carousel_right.png) no-repeat; width:36px; height:35px; border:none; cursor:pointer; position:absolute; top:3px; right:3px;} .arrow_bg{background:url(../img/ml/carousel_arrow_bg.jpg) no-repeat; width:101px; height:49px; display:block; position:relative;} .contest_bledichef{margin-left:80px; margin-top:20px;} .prev_container{margin:20px 0 0 40px; width:530px; text-align:center;} .prev_container li{text-align:center; display:inline-block; zoom: 1; *display:inline; width:90px;} .prev_container li img{border:none;} *+html .prev_container li img{float:left; margin-left:3px; border:none;} #left_content .prev_container li a{text-decoration:none; color:#737373;} .btn_view_photos{margin-left:180px; border:none;}