/* Default setting. --------------------------------------------------------------- */ html { overflow-y: scroll; } body { background:#d5eafa url(../media/images/bg_body.jpg) repeat-x; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size:12px; line-height:1.5em; color:#003791; } a { color:#03aaeb; text-decoration:none; } a:hover { color:#feb500 } fieldset { } /* title / heading --------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6, h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight:normal; margin-bottom:0.5em } h1 a:hover,h2 a:hover,h3 a:hover, h4 a:hover,h5 a:hover,h6 a:hover { text-decoration:none } ol { margin-left:20px; } /* button / links --------------------------------------------------------------- */ a.guiBtn1 { padding:0 14px; background:transparent url(../media/images/bg_btngreen.png) repeat-x 0 0; color:#fff;display:inline-block;height:26px;line-height:23px; } a:hover.guiBtn1 { background:transparent url(../media/images/bg_btngreen.png) repeat-x 0 -28px; } a.guiBtn2 { padding:0 8px; background:transparent url(../media/images/bg_btngreen.png) repeat-x 0 0; color:#fff; display:block; height:26px; line-height:23px; float: left; margin-top: 5px; margin-left: 5px; } a:hover.guiBtn2 { background:transparent url(../media/images/bg_btngreen.png) repeat-x 0 -28px; } #reg_accueil { float: left; } /* @group header --------------------------------------------------------------- */ .text_error { padding: 1px; border: 1px solid #FF0000; background: #F9E9E9 !important; color:#B42E33; } .select_error { background: #F9E9E9 !important; color:#B42E33; } .radio_error { background: #F9E9E9 !important; color:#B42E33; } textarea { font-family: arial; font-size: 12px; } #header { height:142px; padding-right:16px; overflow:hidden; position:relative; } #header fieldset { float:right; width:250px; clear:right; overflow:hidden; margin-right: 2px; } #header legend { display:none; } #header input, #header button { float:left; } #header input { width:198px; height:16px; margin:0; padding:6px 2px 4px 23px; border:none; color:#999; background:#fff url(../media/images/bg_search.gif) no-repeat 0 0; } #header input:focus, #header input:hover { background:#fff url(../media/images/bg_search.gif) no-repeat 0 -26px; } #header .search { float:right; } #header h1 { position:absolute; margin:4px 0 0 16px; z-index:1; } #header ul.sub { float:right; width:640px; clear:right; margin:14px 0 14px 0; } #header ul.sub a { color:#fff; } #header ul.sub a:hover { color:#bee1f5; } #header ul.main { position:absolute; z-index:9999; top:90px; text-align: right; right: 0px; } #header ul.sub li { float:right; display:inline-block; margin:0 6px; padding-left:10px; border-left:1px solid #bee1f5; } #header ul.sub li.noborder{ border-style: none; } #header ul.sub li.social{ margin-right: 0px; margin-left: 0x; padding-left:0px } #header ul.sub li.social2{ margin-right: 4px; margin-left: 0x; padding-left:0px } #header ul.sub li.last { padding-right: 0px; margin-right: 4px; } #header ul.main li { float:left; display:block; margin:0 8px 0 8px; } #header ul.main li:last-child { float:left; display:block; margin:0 4px 0 0px; } #header ul.main a { display:block; height:34px; padding:0 0 0 15px; text-transform:uppercase; white-space:nowrap; font-size:14px; color:#003791; font-weight:bold; cursor:pointer; } #header ul.main a span { display:block; height:27px; padding:7px 15px 0 0; } #header ul.main a:hover { color:#018ad9; } #header ul.main a.active { background:transparent url(../media/images/mainnav-left.png) no-repeat left 0; color:#fff; } #header ul.main a.active span { background:transparent url(../media/images/mainnav-right.png) no-repeat right 0; } /* Box size ********************/ .box790 { width:790px; } .box700 { width:700px; } .box480 { width:480px; } .box470 { width:470px; } .box460 { width:460px; } .box440 { width:440px; } .box420 { width:420px; } .box400 { width:400px; } .box390 { width:390px; } .box385 { width:385px; } .box380 { width:380px; } .box340 { width:340px; } .box310 { width:310px; } .box300 { width:300px; } .box260 { width:260px; } .box250 { width:250px; } .box240 { width:240px; } .box220 { width:220px; } .box200 { width:200px; } .box180 { width:180px; } .box160 { width:160px; } .pr10 { padding-right:10px; } .pr20 { padding-right:20px; } .pr30 { padding-right:30px; } .pl10 { padding-left:10px; } .pl20 { padding-left:20px; } .pl30 { padding-left:30px; } /* GENERAL ********************/ .left { float:left; } .right { float:right; } /* Class ***********************/ .br5 { line-height:5px; } .br10 { line-height:10px; } .br15 { line-height:15px; } .m5 { margin-bottom:5px; } .m10 { margin-bottom:10px; } .m15 { margin-bottom:15px; } .m20 { margin-bottom:20px; } .mr40 { margin-right:40px; } .mr20 { margin-right:20px; } /* Success, notice and error boxes -------------------------------------------------------------- */ body .error, body .notice, body .success { padding:1em; margin-bottom:1em; border:2px solid #ddd; text-align:center } body .error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; } body .notice { background:#FFF6BF; color:#514721; border-color:#FFD324; } body .success { background:#E6EFC2; color:#264409; border-color:#C6D880; } body .error a { color:#8a1f11; } body .notice a { color:#514721; } body .success a { color:#264409; } /* customClass for list tag -------------------------------------------------------------- */ .noBullet li { list-style-type:none; } /* dash list */ .dashList { list-style-type:none; border-top:#999 1px dashed } .dashList li { list-style-type:none; border-bottom:#999 1px dashed; padding:7px 0 } .dashList a { font-weight:normal } /* dot list */ .dotList { list-style-type:none; border-top:#999 1px dotted } .dotList li { list-style-type:none; border-bottom:#999 1px dotted; padding:7px 0 } /* solid list */ .solidList { list-style-type:none; border-top:#999 1px solid } .solidList li { list-style-type:none; border-bottom:#999 1px solid; padding:7px 0 } /* imagesBox + txtBox --------------------------------------------------------------- */ #imagesBox, #txtBox { width:956px; margin:0 auto 16px auto; overflow:hidden; } .columnOne, .columnTwo, .columnThree { width:314px; float:left; margin-right:7px; } .spacing { margin:10px; } #txtBox h4 { color:#003791; text-transform:uppercase; margin-bottom:0.8em; padding-bottom:6px; border-bottom:1px solid #003791; } #txtBox h5 { color:#003791; font-weight:bold; font-size:14px; } #txtBox p, #txtBox h2 { color:#141414; font-size:11px; line-height:1.5em; margin-bottom:3px; } #txtBox small { color:#141414; font-size:9px; } #txtBox input { width:195px; height:16px; margin:0 0 8px 0; padding:6px 2px 4px 24px; border:none; color:#999; background:#fff url(../media/images/bg_infolettre.gif) no-repeat 0 0; } /* breadcrumbs --------------------------------------------------------------- */ #breadcrumbs { width:952px; height:40px; margin:auto; color:#003791; font-size:11px; } #breadcrumbs span { color:#00adef; } #breadcrumbs ul { margin:0; padding:0; } #breadcrumbs ul li { display:inline; } #breadcrumbs a { color:#003791; border-bottom:1px solid #003791; padding-bottom:1px; } #breadcrumbs a:hover { color:#00adef; border-bottom:1px solid #00adef; } /* @group general --------------------------------------------------------------- */ .columnThree .spacing ul { float:left; width:165px; padding:0; margin:0; list-style:none; } .columnThree .spacing ul li { padding-left:25px; margin-bottom:5px; color:#2e8fd9; background:transparent url(../media/images/ico_check-blue.png) no-repeat scroll left 2px; } /* @PLAN SITE --------------------------------------------------------------- */ #plandusite .whiteboard ul { margin:0; padding:0; list-style:none; } #plandusite .whiteboard ul a { font-size:14px; color:#003791; } #plandusite .whiteboard ul a:hover { text-decoration:underline; } #plandusite .whiteboard ul.nav1 { padding-left:20px; margin-bottom:15px; } #plandusite .whiteboard ul.nav1 li { margin:3px 0; } #plandusite .whiteboard ul.nav1 a { font-size:12px; color:#03AAEB; } #plandusite .whiteboard ul.nav2 { padding-left:40px; } #plandusite .whiteboard ul.nav2 li { margin:3px 0; } #plandusite .whiteboard ul.nav2 a { font-size:12px; } /* @group general --------------------------------------------------------------- */ #general .column1 { width:120px; margin:0 16px; float:left; } #general .column2 { width:678px; margin:0 30px 0 16px; float:left; } #general .sidemenu { width:118px; margin:0 auto 20px auto; } #general .sidemenu .top { width:118px; height:17px; background:transparent url(../media/images/bg_sidemenu_top-118px.png) no-repeat; } #general .sidemenu .middle { width:118px; background:transparent url(../media/images/bg_sidemenu-118px.png) repeat-y; overflow:hidden; } #general .sidemenu .bottom { width:118px; height:22px; background:transparent url(../media/images/bg_sidemenu_bottom-118px.png) no-repeat 0 bottom; } #environnement #wrapper { padding-bottom:20px; } #environnement .column1 { width:230px; margin:0 0 0 16px; float:left; } #environnement .column2 { width:678px; margin:0 30px; float:left; } #environnement .sidemenu { width:230px; margin:0 auto 20px auto; } #environnement .sidemenu .top { width:230px; height:17px; background:transparent url(../media/images/bg_sidemenu_top-230px.png) no-repeat; } #environnement .sidemenu .middle { width:230px; background:transparent url(../media/images/bg_sidemenu-230px.png) repeat-y; overflow:hidden; } #environnement .sidemenu .bottom { width:230px; height:22px; background:transparent url(../media/images/bg_sidemenu_bottom-230px.png) no-repeat 0 bottom; } #environnement .sidenav { margin:0 0 0 18px; padding:0; list-style:none; text-align:left; width:194px; } #environnement .sidenav li { margin-bottom:5px;width:100%; padding-bottom:3px; background:transparent url(../media/images/bg_sidenav_bottom-186px.gif) no-repeat left bottom; } #environnement .sidenav li a { display:block;width:100%; padding:10px 12px 8px 10px; font-size:13px; color:#003791; font-weight:bold; cursor:pointer; background:transparent url(../media/images/bg_sidenav_top-186px.gif) no-repeat; } #environnement .sidenav a:hover { color:#00adef; } #environnement .sidenav li.ui-tabs-selected { background:transparent url(../media/images/bg_sidenav-select_bottom-186px.gif) no-repeat left bottom;width:100%; } #environnement .sidenav li.ui-tabs-selected a { color:#fff; background:transparent url(../media/images/bg_sidenav-select_top-186px.gif) no-repeat;width:100%; } #environnement .roundcontent { width:678px; } #environnement .roundcontent .top { height:17px; background:transparent url(../media/images/bg_roundcontent_top-678px.png) no-repeat; } #environnement .roundcontent .middle { padding:0 18px; background:transparent url(../media/images/bg_roundcontent-678px.png) repeat-y; overflow:hidden; } #environnement .roundcontent .bottom { height:21px; background:transparent url(../media/images/bg_roundcontent_bottom-678px.png) no-repeat; } #environnement ul.list-products { margin-bottom:20px; } /* @group FAQ --------------------------------------------------------------- */ #faq .introTxt { margin:0 16px 24px; } #faq .column2 { width:108px; float:left; } #faq .column3 { width:678px; margin:0 30px 0 16px; float:left; } #faq .columnMenu { visibility:hidden; display:none; } #faq .sidemenu { float:left; width:118px; margin:0 20px 20px 20px; } #faq .sidemenu .top { width:118px; height:17px; background:transparent url(../media/images/bg_sidemenu_top-118px.png) no-repeat; } #faq .sidemenu .middle { width:118px; background:transparent url(../media/images/bg_sidemenu-118px.png) repeat-y; overflow:hidden; } #faq .sidemenu .bottom { width:118px; height:22px; background:transparent url(../media/images/bg_sidemenu_bottom-118px.png) no-repeat 0 bottom; } #faq li { margin-bottom:0; padding-left:0; background:none; } #faq ul li { padding-left:0; background:none; } #faq .nav1 h3 { width:90px; margin:0; } #faq .nav1 { margin:0 0 0 18px; padding:0; list-style:none; text-align:center; width:90px; } #faq .nav1 li { width:82px; margin-bottom:5px; padding-bottom:3px; text-align:center; background:transparent url(../media/images/bg_sidenav_bottom-82px.gif) no-repeat left bottom; } #faq .nav1 li a { display:block; padding:10px 12px 8px 5px; margin:0; font-size:13px; color:#003791; font-weight:bold; cursor:pointer; background:transparent url(../media/images/bg_sidenav_top-82px.gif;) no-repeat; } #faq .nav1 a:hover { color:#00adef; } #faq .nav1 li.active { background:transparent url(../media/images/bg_sidenav-select_bottom-82px.gif) no-repeat left bottom; } #faq .nav1 li.active a { color:#fff; background:transparent url(../media/images/bg_sidenav-select_top-82px.gif) no-repeat; } #faq .column2 ul.sub { margin:0; padding:0; list-style:none; } #faq .column2 ul.sub li { padding:6px 2px; border-bottom:1px solid #c0e0f5; font-weight:bold; font-size:12px; } #faq .column2 ul.sub a { color:#003791; } #faq .column2 ul.sub a:hover, #faq .column2 ul.sub a.selected { color:#00adef; } #faq .roundcontent { float:right; width:678px; margin-right:30px; } #faq .roundcontent .top { height:17px; background:transparent url(../media/images/bg_roundcontent_top-678px.png) no-repeat; } #faq .roundcontent .middle { padding:0 18px; background:transparent url(../media/images/bg_roundcontent-678px.png) repeat-y; overflow:hidden; } #faq .roundcontent .bottom { height:21px; background:transparent url(../media/images/bg_roundcontent_bottom-678px.png) no-repeat; } #faq h4 { color:#00adef; font-weight:bold; } #faq .collapse h4 { cursor:pointer; margin-bottom:16px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #faq .collapse h4 span { display:block; float:left; width:22px; height:23px; margin-right:12px; background:transparent url(../media/images/btn_minusplus.gif) no-repeat 0 -23px; } #faq .collapse h4 b { display:block; float:left; width:22px; height:23px; margin-right:12px; background:transparent url(../media/images/btn_minusplus.gif) no-repeat 0 -23px; } /*#faq .collapse .content { display:none; } // we hide it by javascript for accessibility */ #faq h4.on span { background:transparent url(../media/images/btn_minusplus.gif) no-repeat 0 0; } #faq h4.on b { background:transparent url(../media/images/btn_minusplus.gif) no-repeat 0 0; } #faq .contentspacing form p { margin-bottom:5px; } #faq .contentspacing form input { margin-bottom:10px; width:300px; } #faq .contentspacing form input.submit { width:80px; } #faq .sended { color:#fff; padding:5px 10px; background:green; } #faq .nxErrorBox li { display:block; list-style:circle; padding-left:30px; float:none; margin:3px 0; } #faq .bullet-list { margin:0 0 20px 10px; } #faq .bullet-list li { padding-left:20px; background:transparent url(../media/images/ico_check-blue.png) no-repeat scroll left 2px; } /* @group FAQ --------------------------------------------------------------- */ #apropos .column1, #offres-speciales .column1, #fiches-signaletique .column1, #confidentialite .column1, #conditions .column1, #plandusite .column1, #nousjoindre .column1, #infolettre .column1, #search .column1 { width:952px; margin:0 16px; float:left; } .whiteboard { width:952px; margin-bottom:12px; } .whiteboard .top { height:10px; background:transparent url(../media/images/bg_newscontent_top-952px.png) no-repeat; } .whiteboard .middle { padding:10px 24px 0 24px; background:transparent url(../media/images/bg_newscontent-952px.png) repeat-y; overflow:hidden; } .whiteboard .bottom { height:13px; background:transparent url(../media/images/bg_newscontent_bottom-952px.png) no-repeat;overflow:hidden; } .whiteboard .bottomLeft { height:52px; background:transparent url(../media/images/bg_newscontent_bottom_l-788px.png) no-repeat;overflow:hidden; } .whiteboard .bottomLeft .date { display:block; font-size:10px; text-align:left; color:#4f4f4f; margin:30px 0 0 124px; } .whiteboard .bottomRight { height:52px; background:transparent url(../media/images/bg_newscontent_bottom_r-788px.png) no-repeat;overflow:hidden; } .whiteboard .bottomRight .date { display:block; font-size:10px; text-align:right; color:#4f4f4f; margin:30px 124px 0 0; } .whiteboard h2 { font-weight:bold; color:#00adef; } .whiteboard h4 { color:#003791; } .whiteboard p { color:#141414;margin:0 0 15px 0; } .whiteboard ol, .whiteboard ul { margin-left:52px; color:#141414; } /* infolettre --------------------------------------------------------------- */ #infolettre .column1 select, #infolettre .column1 input { margin:0 0 5px 0;padding:0; } #infolettre .column1 select.isize, #infolettre .column1 input.isize { width:250px; } #infolettre .column1 .newsletter_lang { float:left;margin:0 0 0 0;padding:0;position:relative;bottom:-5px;!bottom:-1px; } #infolettre label { float:left;margin:0 0 0 5px;line-height:21px; } /* pageContent --------------------------------------------------------------- */ #wrapper { background:#ecf6fd url(../media/images/bg_wrapper.jpg) no-repeat; width:984px; overflow:hidden; margin:0 auto } .contentspacing { margin-bottom: 16px; overflow:hidden; } a:hover.fadeLink { opacity:0.8; } .introTxt { margin:0 16px 24px 16px; } .introTxt h2, .introTxt h3 { font-size:16px; color:#003791; } /* JQUERY TABS*/ .ui-tabs .ui-tabs-hide { display: none; } .ui-tabs-nav { list-style-type:none; margin:0; padding:0; overflow:hidden; } .ui-tabs-nav li { float:left; font-size:11px; } .ui-tabs-nav a { color:#00adef; font-weight:bold; display:block; } .ui-tabs-selected { background:#fff; } .ui-tabs-selected a { color:#003791; } .ui-tabs-panel { min-height:490px;height:auto !important;height:490px;/*overflow:hidden;*/ } .ui-tabs-panel ul { list-style-type:none; margin:0; padding:0 0 0px 12px; } .ui-tabs-panel li { margin-bottom:8px; padding-left:24px; background:transparent url(../media/images/ico_check-blue.png) no-repeat left 2px; } .ui-tabs-panel ul ul { padding:8px 0 0 12px; } .ui-tabs-panel ul ul li { padding-left:12px; background:transparent url(../media/images/ico_bullet-blue.gif) no-repeat left 8px; } #products .ui-tabs-nav a { margin:10px; } #products .ui-tabs-panel { padding:15px; background:#fff;width:90%; } #products #tabsFragrances .ui-tabs .ui-tabs-hide { display: none; } #products #tabsFragrances .ui-tabs-nav { list-style-type:none; margin:0; padding:0 0 0 25px; overflow:hidden; } #products #tabsFragrances .ui-tabs-nav li { float:left; font-size:11px; } #products #tabsFragrances .ui-tabs-nav a { margin:0; color:#00adef; font-weight:bold; display:block; } #products #tabsFragrances .ui-tabs-selected { background:none; } #products #tabsFragrances .ui-tabs-selected a { color:#003791; margin:0; } #products #tabsFragrances .ui-tabs-panel { min-height:362px; height:362px !important; padding:0; margin-bottom:20px; background:none; } #products #tabsFragrances .ui-tabs-panel ul { list-style-type:none; margin:0; padding:0; } #products #tabsFragrances .ui-tabs-panel li { } #products #tabsFragrances .ui-tabs-panel ul ul { padding:0; } #products #tabsFragrances .ui-tabs-panel ul ul li { padding:0; } /* slider --------------------------------------------------------------- */ #slider { width:956px; height:284px; margin:0 auto 7px; background:transparent url(../media/images/bg_homeslider.png) no-repeat; position:relative; } .slideshow { width:946px; height:274px; position:absolute; top:3px; left:5px; } .slideshow div.slide { width:946px; height:274px; display:none; position:relative; } .slideshow div.first { display:block; } .slideshow h2, .slideshow h3, .slideshow p { margin-left:334px; width:240px; color:#003791; } .slideshow h2 { margin-top:12px; font-size:16px; margin-bottom:0.2em; } .slideshow h3 { font-size:15px; margin-bottom:12px; font-weight:bold; padding-bottom:12px; border-bottom:1px solid #003791; } .slideshow div.btn { width:132px; height:48px; position:absolute; top:210px; left:334px; } #prev { width:47px; height:60px; position:absolute; top:110px; left:-10px; z-index:9999; cursor:pointer; } #next { width:47px; height:60px; position:absolute; top:110px; left:918px; z-index:9999; cursor:pointer; } /* sliderNav --------------------------------------------------------------- */ #sliderNav { width:956px; height:36px; margin:2px auto 4px auto; background:transparent url(../media/images/bg_slidernav.png) no-repeat; text-align:center; } #sliderNav ul { display:inline-block; margin:0 auto; *margin-left:100px; } #sliderNav li { float:left; display:block; margin:3px 0 0 0; padding:0 6px; background:transparent url(../media/images/pointline-vertical.gif) no-repeat right center; } #sliderNav li.last { background:none; } #sliderNav a { display:block; height:26px; padding:0 0 0 8px; text-transform:uppercase; white-space:nowrap; font-size:12px; color:#003791; font-weight:bold; cursor:pointer; } #sliderNav a span { display:block; height:20px; padding:6px 8px 0 0; } #sliderNav a:hover { color:#018ad9; } #sliderNav a.activeSlide { background:transparent url(../media/images/slidernav-left.png) no-repeat left 0; color:#fff; } #sliderNav a.activeSlide span { background:transparent url(../media/images/slidernav-right.png) no-repeat right 0; } /* @group .column1 */ .column1 { } .column1 .columnOne { width:956px; float:left; } /* @end */ /* @group .column2 */ .column2 { } .column2 .columnOne, .column2 .columnTwo { width:474px; float:left; margin-right:8px; } /* @end */ /* @group .column3 */ .column3 { } .column3 .columnOne, .column3 .columnTwo, .column3 .columnThree { width:314px; float:left; margin-right:7px; } .column3 .columnOne ul { padding-left:0; list-style:none; } .column3 .columnOne ul a { display:block; font-size:16px; margin-bottom:-10px; } /* @end */ .column2 .last, .column3 .last { margin:0; clear:right; } /* @group news --------------------------------------------------------------- */ #news .column1 { width:788px; margin:0 16px; float:left; } #news .column2 { width:116px; margin:0 32px 0 16px; float:left; } #news .newscontent { width:788px; margin-bottom:12px; } #news .newscontent .top { height:10px; background:transparent url(../media/images/bg_newscontent_top-788px.png) no-repeat; } #news .newscontent .middle { padding:10px 24px 0 24px; background:transparent url(../media/images/bg_newscontent-788px.png) repeat-y; overflow:hidden; } #news .newscontent .bottomLeft { height:52px; background:transparent url(../media/images/bg_newscontent_bottom_l-788px.png) no-repeat;overflow:hidden; } #news .newscontent .bottomLeft .date { display:block; font-size:10px; text-align:left; color:#4f4f4f; margin:30px 0 0 124px; } #news .newscontent .bottomRight { height:52px; background:transparent url(../media/images/bg_newscontent_bottom_r-788px.png) no-repeat;overflow:hidden; } #news .newscontent .bottomRight .date { display:block; font-size:10px; text-align:right; color:#4f4f4f; margin:30px 124px 0 0; } #news .newscontent h1 { font-size:1.5em; font-weight:bold; color:#00adef; } #news .newscontent h2 { font-size:1em; color:#003791; } #news .newscontent p { color:#003791; } #news .newscontent ol, #news .newscontent ul { padding:0; margin:0; list-style:none; color:#003791; } #news .newscontent .nouvelles ol ol { padding:0 0 0 24px; margin:0 0 1.5em; list-style-type:decimal; } #news .newscontent .nouvelles ul ul { padding:0 0 0 24px; margin:0 0 1.5em; list-style-type:disc;list-style-position: inside; } #news .newscontent .nouvelles li { margin:0 0 1.5em; } #news .newscontent .nouvelles li li { margin:0 0 0.6em; } #news .column2 h5 { text-align:center; } #news .column2 ul.sub { margin:0; padding:0; list-style:none; text-align:center; } #news .column2 ul.sub li { padding:6px 2px; border-bottom:1px solid #c0e0f5; font-weight:bold; font-size:13px; } #news .column2 ul.sub a { color:#003791; } #news .column2 ul.sub a:hover, #news .column2 ul.sub a.selected { color:#00adef; } div#wrapper div#contentspacing div#txtBox.column3 div.columnOne div.spacing div#news ul li.last p a{ font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #003791; } div#wrapper div#contentspacing div#txtBox.column3 div.columnOne div.spacing div#news ul li.last p:first-child a { font-weight: bold; } div#wrapper div#contentspacing div#txtBox.column3 div.columnOne div.spacing p.nouvelle { /*color: #03AAEB;*/ color: #003791 !important; font-size: 12px; line-height: 15px; } a#lpLink{ margin-left:94px;} div#wrapper div#contentspacing div#txtBox.column3 div.columnOne div.spacing a { text-decoration: underline; } /* @group products --------------------------------------------------------------- */ #products .columnMenu { float:left; margin:0 8px; width:192px; } #products .column1 { float:left; } #products .column2 { float:left; width:420px; margin:0 16px; } #products .sidemenu { width:166px; margin:0 auto 20px auto; } #products .sidemenu .top { width:166px; height:17px; background:transparent url(../media/images/bg_sidemenu_top-166px.png) no-repeat; } #products .sidemenu .middle { width:166px; background:transparent url(../media/images/bg_sidemenu-166px.png) repeat-y; overflow:hidden; } #products .sidemenu .bottom { width:166px; height:24px; background:transparent url(../media/images/bg_sidemenu_bottom-166px.png) no-repeat 0 bottom; } #products .nav1 { margin:0 auto; padding:0; list-style:none; text-align:center; width:130px; } #products .nav1 li { margin-bottom:10px; } #products .nav1 li a { display:block; padding:7px 0; margin:0; font-size:13px; color:#003791; font-weight:bold; cursor:pointer; background:url(../media/images/bg_produits_h3.png) no-repeat bottom left; } #products .nav1 li h3 { margin:0; } #products .nav1 li ul li a { background:none; } #products .nav1 li.active a { padding: 5px 0 20px 0; color:#fff; background:transparent url(../media/images/bg_produits_li_selected.png) no-repeat left bottom; line-height:15px;} #products .nav1 li.active ul.nav2 li a { background:none; color:#003791; padding:5px 7px; } #products .nav1 li.active ul.nav2 li a:hover { color:#00adef; } #products .nav1 li.active ul.nav2 li a.active { color:#00ADEF; background:url(../media/images/ico_arrowright-blue.gif) no-repeat center right; } #products .nav1 ul { margin:0 auto 12px auto; padding:0; list-style:none; text-align:center; width:130px; } #products .nav1 ul li a, #products .nav1 ul li.active a { background:none; padding:4px; font-size:11px; border-bottom:1px solid #c0e0f5; } #products .nav1 ul li.active a { color:#00adef; background:none; } #products .nav2 { margin:0; } #products .nav2 li { margin-bottom:0px; } #products .sidemenu a:hover { color:#00adef; } #products .column1 h5 { text-align:center; margin-top:-17px; color:#0087d6; } #products .column1 h5 strong { color:#003791; } #products .column1 ul li h5 { margin-bottom:10px; } #products .column1 ul { width:280px; margin:10px 0; padding-left:25px; } #products .column1 li { list-style-type:none; } #products .column1 p.fragrances { width:260px; margin:10px 0; line-height:normal; } #products .column1 .ecofragrance { display: block; margin: 0px 22px; width: 280px; border-style: none; } #products .column1 ul#landing-page { width:730px; padding:0; margin:0; } #products .column1 ul#landing-page li { overflow:hidden; margin-bottom:15px; } #products .column1 .supplements { padding-left:55px; } #products .column1 .demo-img { float:left; } #products .column1 .landing-txt { float:right; width:415px; } #products .column1 .landing-txt p { /*width:410px;*/ padding-left:5px; } #products .column2 h2 { margin-bottom:35px; } #products .column2 h3, #products .column2 h4, #products .column2 h5 { color:#00adef; margin-bottom:1em; max-width:390px;/*maxheight for safari bug*/ } #products .column2 a:hover { color:#003791; } #products .ecologo { float:left; margin-right:10px; } /* search --------------------------------------------------------------- */ #search ol { padding-left:20px; margin:14px 0 0; } #search ol li { padding-top:14px; border-top:1px solid lightgrey; } /* footer --------------------------------------------------------------- */ #footer { width:100%; overflow:hidden; background:#cae5f8; font-size:11px; } #footer .container { width:984px; min-height:140px;height:auto !important; height:140px; margin:0 auto; background:transparent url(../media/images/bg_footer.jpg) repeat-x; } #footer li { float:left; } #footer .nav li { margin:0 8px; } #footer .social li { margin:0 3px; } #footer .social .last { clear:both; margin:0 0 0 6px; } #footer .social, #footer .nav, #footer p { margin:16px; } #footer p { font-size:10px; padding-right:8px; } #footer a { color:#007cc5; } #footer .social a { display:block; } #footer .social a:hover { opacity:0.6; } #footer .nav a:hover { color:#4babd9; } /* Errors and messages box BEGIN */ div.nxErrorBox, div.nxMessageBox { padding: 5px 0px 8px 0px; margin-bottom: 10px; overflow: hidden; } div.nxErrorBox { border: 1px solid #B42E33; background: #F9F0C3; } div.nxMessageBox { border: 1px solid #0070B0; background: #EBF3F9; } div.nxLogoBox { float: left; width: 15px; padding: 7px 10px 0px 10px; } div.nxMessages { float: left; } div.nxErrorBox ul, div.nxMessageBox ul { margin-top: 5px; padding-top: 0px; margin-bottom: 5px; padding-bottom: 0px; list-style: disc; } div.nxErrorBox ul { color: #B42E33; } div.nxMessageBox ul { color: #1F537C; } /* Errors and messages box END */ #news a.more { font-size:11px;font-weight:bold;text-decoration:underline; display:inline; } p.ecard_soumission_Text {font-weight: bold; font-size:14px; padding: 10px 0 0 0; margin: 0; text-align: justify;} div.wrap_position {position: relative;} div.form_personal {width: 542px; height: 120px; padding: 20px 0 0 20px; margin: 0 0 10px 0; background:transparent url(../media/images/ecard-soumission-background.jpg) center top no-repeat; color: #fff;} div.form_ami {width: 821px; height: 42px; padding: 10px 0 0 20px; background:transparent url(../media/images/ecard-soumission-background2.jpg) center top no-repeat; color: #fff;} div#ecard_count_fr {position: absolute; top: 0; right: 71px; width: 262px; height: 140px; background: url(../media/images/fr/ecard-soumission-count-background.jpg) center top no-repeat;} div#ecard_count_fr ul {position: absolute; top: 50px; left: 53px; margin: 0; padding: 0;} div#ecard_count_fr ul li {margin: 0; padding: 0; list-style: none; float: left; margin-right: 11px;} div#ecard_count_en {position: absolute; top: 0; right: 71px; width: 262px; height: 140px; background: url(../media/images/en/ecard-soumission-count-background.jpg) center top no-repeat;} div#ecard_count_en ul {position: absolute; top: 48px; left: 53px; margin: 0; padding: 0;} div#ecard_count_en ul li {margin: 0; padding: 0; list-style: none; float: left; margin-right: 11px;} #news p { color:#003791; } .infolettre { color:#003791 !important; font-size: 12px; } #txtBox p.infolettre { color:#003791 !important; font-size: 12px; line-height: 15px; } .under_construction_msg { position: absolute; top: 0; left: 0; width: 100%; background: red; color: white; font-weight:bold; font-size: 12px; padding:3px 0px 3px 0px; } .hide_archives { display:none; } .ui-tabs-panel ul, .ui-tabs-panel ol { list-style-type:none;margin-left:0px;padding-left:15px; } .tag { background:url(../../../commonsite/3.0/images/icons/fatcow/16/tag_blue.png) no-repeat;padding-left:20px !important;display:none; } .fiches p { margin:0; } .fiches h3 { margin-top:15px; }