/******************************************** * * GENERAL DECLARATIONS / RESETTER * *********************************************/ html { margin: 0; padding: 0; border: none; /*min-height: 100%; height: 100% !important; height: 100%;*/ } /* block */ div { margin: 0; padding: 0;} /* liens */ a:link, a:visited, a:active, a:focus { color: #1aabd9; text-decoration: underline; } a.underline, a.underline:hover{color: #1aabd9; text-decoration:none} a.underline:hover{text-decoration:underline} a:hover { text-decoration: underline; } a.title,a.title:hover {color:white; text-decoration:none;} a.white,a.white:hover {color:white; text-decoration:none; font-weight:bold} input:focus, textarea:focus{outline:none} textarea { resize: none;} /* listes */ dl, ul, ol, dd, dt, li { margin: 0; padding: 0; } li { list-style: none; } /* titres */ h1, h2 ,h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial; color:#283126;} /* formulaire */ form { margin: 0; padding: 0; } form fieldset, form legend, form label { margin: 0; padding: 0; border: none; } /* tableau table { border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; width: 100%; } table caption { text-align: left; } table thead tr, table tbody tr {} table thead tr th, table tbody tr td { border: none; vertical-align: top; text-align: left; } */ /* image */ img { display: block; margin: 0; padding: 0; border: none; } /* Clear */ .clear { display: block; height: 1px; font-size: 1px; overflow: hidden; clear: both; float: none; } /* body */ body { background-color:#fff;font-family:Arial;font-size:12px; line-height:15px; color:#646464;margin:0;padding:0 } /* paragraphe */ p {margin:0; padding:0} .bold2{font-weight:bold;} /******************************************** * * (END) GENERAL DECLARATIONS / RESETTER (END) * *********************************************/ .main_container{ width:930px; height:auto; margin:0 auto; position:relative;} .banner_container{ line-height:16px;} ul.pagination { margin:0 auto; text-align:center; color:#000; font-weight:700; } ul.pagination li { display:inline;text-decoration:none} ul.pagination li.selected a { color:#e51d3d; text-decoration:none} ul.pagination li a { color:black; text-decoration:underline;} ul.pagination li a:hover { color:white; background-color:#e51d3d; text-decoration:underline;} ul.pagination li.num a { text-decoration:underline; color:black} .bottom_container_banner { margin-bottom:16px;} .content_container h2 { border-bottom:1px solid #283126; width:660px; height:28px; text-align:left; font-size:22px; margin-bottom:15px; padding-bottom:10px;} .banner_container h2 { border-bottom:1px solid #283126; width:180px; text-align:left; font-size:12px; margin-bottom:15px; padding-bottom:10px; padding-top:10px;} custom{ font-size: 0.8em; position: relative; top: -4px; vertical-align: baseline; } /******************************************** * * HEADER * *********************************************/ .header_container { width:924px; height:157px; margin:0 auto; background:url(../images/header/bg_header.jpg) no-repeat; margin-bottom:20px; overflow:hidden; position:relative} .header_container a.your_cart { position:absolute; width:67px; height:34px; background-image:url(../images/header/your_cart.jpg); background-repeat:no-repeat; display:block; left:45px;} .header_container a.your_cart:hover { background-position:bottom} .header_container .logo a{background:url(../images/header/header_logo.png) no-repeat top left; height:39px; width:163px; float:right; margin:13px 18px 12px; display:block;} .header_container ul.menu { border-bottom:1px solid #fff; border-top:1px solid #fff; margin-left:25px; padding:8px 0 6px; width:875px; overflow:hidden;} .header_container ul li { float:right; color:#fff;} .header_container ul.menu li.separator { font-size:20px; margin:0 3px; } .header_container ul.menu li a { font-size:20px; color:#fff; text-decoration:none; padding:0 2px 2px; } .header_container ul.menu li a:hover { color:#283126; background-color:#fff; } .header_container ul.menu li a.selected { color:#283126; background-color:#fff;} .header_container ul.submenu { color:#fff; font-size:12px;margin:10px 44px;} .header_container ul.submenu li.separator { margin:0 5px;} .header_container ul.submenu li.search { font-weight:bold; color:black; padding:0 3px;} .header_container ul.submenu li a { color:#fff; padding:2px 3px; } .header_container ul.submenu li a:hover { background-color:#fff; color:#283126; text-decoration:none; } .header_container ul.submenu li a.selected { color:#283126; background-color:white; text-decoration:none;} .header_container ul.submenu li a.selected:hover { color:#e51d3d; background-color:white; text-decoration:none;} .header_container input.search_arborite{ width:66px;border:1px solid #3c3c3c; border-right:none; height:14px; font-size:11px; padding-left: 2px;} .header_container input.search_arborite:focus{outline: 0 none;} .header_container input.submit_arborite{ background:url(../images/footer/btn_submit_footer.jpg) top left no-repeat; width:24px; height:24px; position:absolute; top:107px; right:32px; display:block; border:none;} .header_container input.submit_arborite:hover{ background-position:bottom;} a.callout_iapp.fr { background: url("../images/calloutArborite_fr.png") no-repeat scroll left top transparent; display: block; height: 80px; left: -30px; position: absolute; top:75px; width: 149px; z-index: 1000; } a.callout_iapp { background: url("../images/calloutArborite_menu.png") no-repeat scroll left top transparent; display: block; height: 80px; left: -30px; position: absolute; top:75px; width: 149px; z-index: 1000; } a.callout_iapp:hover{background-position:bottom;} /******************************************** * * FOOTER * *********************************************/ .footer_container { width:887px; height:205px; margin:26px auto 0 auto; border-bottom:1px solid #646464; font-weight:700} .footer_container .footer_left{ float:left; width:212px;} .footer_container .footer_left .footer_search { width:212px; height:100px; background-image:url(../images/footer/bg_search_collections.jpg); background-repeat:no-repeat; margin-bottom:11px; position:relative; } .footer_container .footer_left .footer_search h2{ border-bottom:1px solid #283126; font-size:15px; margin:0px 0 10px 19px; padding-top:14px; padding-bottom:8px; width:174px; } .footer_container .footer_left .footer_search input.search_collections{ border:1px solid #3c3c3c; border-right:none; margin:0px 0 0 19px; float:left; width:155px;height:14px; font-size:11px; padding-left: 2px;} .footer_container .footer_left .footer_search input.search_collections:focus{outline: 0 none;} .footer_container .footer_left .footer_search .search_submit{ width:24px; height:24px; float:left; background:url(../images/footer/btn_submit_footer.jpg) top left no-repeat; border:none; position:absolute; top:60px; right:20px;} .footer_container .footer_left .footer_search .search_submit:hover{ background-position:bottom; } .footer_container .footer_left a.footer_quick { width:212px; height:58px; background-image:url(../images/footer/bg_quick_order.jpg); background-repeat:no-repeat; display:block;} .footer_container .footer_left a.footer_quick:hover { width:212px; height:58px; background-image:url(../images/footer/bg_quick_order_over.jpg); background-repeat:no-repeat; cursor:pointer;} .footer_container .footer_right{ float:right; width:662px; height:187px; background-image:url(../images/footer/bg_browse_collections.jpg); background-repeat:no-repeat; } .footer_container .footer_right ul {width:211px; float:left;text-align:left;} .footer_container .footer_right ul.special_effects {width:225px;} .footer_container .footer_right ul.distributors {width:225px;} .footer_container .footer_right ul li h2{ border-bottom:1px solid #283126; font-size:15px; margin:14px 0 10px 14px;padding-bottom:8px;} .footer_container .footer_right ul li h2.singleline{padding-bottom:23px;} .footer_container .footer_right ul li a{color:#646464; text-decoration:underline; padding:1px 2px; line-height:16px; margin-left:14px;} .footer_container .footer_right ul li a:hover{color:white; text-decoration:none; background-color:#e51d3d} .footer_container .footer_right ul.ors li a{margin-left:28px;} .disclaimer { height:100px; width:887px; text-align:center;} .disclaimer ul { margin:5px 0 0 0; font-family:Verdana, Arial; font-size:10px;} .disclaimer ul li{ display:inline; line-height:16px;} .disclaimer ul li.separator { margin:0 5px;} .disclaimer ul li a{ text-decoration:none; color:#828282; padding:2px 3px} .disclaimer ul li a:hover{ background-color:#e51d3d ; text-decoration:none; color:white;} /******************************************** * * HOME * *********************************************/ .home_container{ width:885px; height:235px; margin:10px auto 0 auto; font-family:Arial;} .home_container ul li{ width:285px; height:146px; float:left; position:relative;} .home_container ul li h2{border-bottom:1px solid #283126; color:#283126; font-size:20px; height:30px; width:285px;} .home_container ul li h2.green{border-bottom:1px solid #6fb43f; color:#6fb43f} .home_container ul li.meet_you, .home_container ul li.surfaces{ margin-right:15px;} .home_container ul li.greenguard img{ margin:12px 0 0;} .home_container ul li.globalshop img{ margin:12px auto 0 auto;} .home_container ul li p{ padding:0 10px 12px 10px; height:auto;} .home_container ul li.greenguard { color:#6fb43f} .home_container ul li.globalshop { background-color:#8AD5DF;background-image:url(../images/home/tradeshow/home_diagonal.jpg);background-position:bottom;background-repeat:no-repeat;} .home_container ul li a.btn_details, .home_container ul li a.btn_details_green, .home_container ul li a.btn_details_globalshop{ width:99px; height:20px; background:url(../images/home/btn_details.jpg) no-repeat; display:block;} .home_container ul li a.btn_details_green { background:url(../images/home/btn_details_green.jpg) no-repeat;} .home_container ul li a.btn_details_globalshop { background:url(../images/home/tradeshow/btn_details_globalshop.jpg) no-repeat;} .home_container ul li a.btn_details:hover, .home_container ul li a.btn_details_green:hover, .home_container ul li a.btn_details_globalshop:hover{ background-position:bottom} .globalshop_container{background:url(../images/home/tradeshow/bg_advertise.jpg) no-repeat} /******************************************** * * HUB COLLECTIONS * *********************************************/ .hub_collections_container {width:885px; height:auto; margin:0 auto;} .hub_collections_container h1{ font-size:28px; color:#FFF; margin-bottom:20px;} .hub_collections_container .banner_container { width:210px; height:auto; float:left; font-weight:100;font-family:Arial;} .hub_collections_container .banner_container .greenguard_banner{ width:177px; height:233px; background:url(../images/banner/b_greenguard.jpg) no-repeat; margin-bottom:14px; padding: 40px 16px 0 17px; text-align:left; } .hub_collections_container .banner_container .greenguard_banner p, .hub_hub_collections_container .banner_container .greenguard_banner img {padding:12px 0; border-top:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; } .hub_collections_container .banner_container .greenguard_banner p.btn_details_blue {padding:12px 0; border-top:1px solid #7a7a7a; border-bottom:none} .hub_collections_container .banner_container .greenguard_banner img {padding:12px 0; border:none} .hub_collections_container .banner_container .greenguard_banner a.btn_details_blue { background:url(../images/banner/btn_details_blue.jpg) no-repeat; width:99px; height:20px; display:block; } .hub_collections_container .banner_container .greenguard_banner a.btn_details_blue:hover { background-position:bottom } .hub_collections_container .banner_container .quick_order_banner{ width:177px; height:306px; background:url(../images/banner/b_quick_order.jpg) no-repeat; padding: 54px 16px 0 17px; text-align:left; } .hub_collections_container .banner_container .quick_order_banner p {padding:12px 0; border-top:1px solid #7a7a7a; } .hub_collections_container .banner_container .quick_order_banner p.btn_quick_order, p.btn_quick_order {padding:10px 0 0 0; border-top:1px solid #7a7a7a; } .hub_collections_container .banner_container .quick_order_banner img { padding:0 0 12px 27px } .hub_collections_container .banner_container .quick_order_banner a.btn_quick_order { background:url(../images/banner/btn_quick_order.jpg) no-repeat; width:136px; height:20px; display:block; } .hub_collections_container .banner_container .quick_order_banner a.btn_quick_order:hover { background-position:bottom } .hub_collections_container .banner_container div.new_colors {width:210px; position:relative; text-align:left;} .hub_collections_container .banner_container .arborite50_banner { width:177px; background:url(../images/banner/b_arborite50.jpg) no-repeat; padding: 0px 16px 0 17px } .hub_collections_container .banner_container h2.left { border-bottom:1px solid #283126; width:177px; text-align:left; font-size:18px; margin-bottom:15px;} .hub_collections_container .banner_container h2.left.iapp { width:177px; text-align:left; font-size:18px; margin-bottom:15px;border-bottom:1px solid #e51e3d;} .hub_collections_container .banner_container .new_colors p { width:177px; text-align:left; font-size:11px; font-family:Arial; color:#e51d3d;padding-bottom:9px;} .hub_collections_container .banner_container h2.left.iapp.fr { width:177px; text-align:left; font-size:18px; margin-bottom:15px;border-bottom:1px solid #e51e3d;} .hub_collections_container .banner_container .new_colors img { margin-left:24px; margin-bottom:12px; } .hub_collections_container .banner_container .new_colors a.new_colors { background:url(../images/hub/btn_new_colors.jpg) no-repeat; width:147px; height:20px; display:block; } .hub_collections_container .banner_container .new_colors a.new_colors.fr { background:url(../images/hub/btn_new_colors_fr.jpg) no-repeat; width:147px; height:20px; display:block; } .hub_collections_container .banner_container .new_colors a:hover, a.new_colors:hover{ background-position:bottom } .hub_collections_container .banner_container .new_colors a.new_iapp { background:url(../images/hub/btn_iapp.png) no-repeat; width:147px; height:20px; display:block; } .hub_collections_container .banner_container .new_colors a.new_iapp.fr { background:url(../images/hub/btn_iapp_fr.png) no-repeat; width:147px; height:20px; display:block; } .hub_collections_container .content_container { width:660px; height:auto; float:right; text-align:justify;} .hub_collections_container .content_container .new_colors {width:660px; height:219px; position:relative} .content_container h2 { border-bottom:1px solid #283126; width:660px; height:28px; text-align:left; ; font-size:20px; margin-bottom:15px; padding-bottom:10px;} .hub_collections_container .content_container .new_colors p { width:435px; text-align:left; font-size:11px; font-family:Arial; color:#e51d3d; float:left; padding-bottom:9px;} .hub_collections_container .content_container .new_colors img { position:absolute; top:46px; left:477px; } .hub_collections_container .content_container .new_colors a.new_colors { background:url(../images/hub/btn_new_colors.jpg) no-repeat; width:147px; height:20px; display:block; } a.new_colors {background:url(../images/hub/btn_new_colors_fr.jpg) no-repeat; width:147px; height:20px; display:block; } a.new_colors.en {background:url(../images/hub/btn_new_colors.jpg) no-repeat; width:147px; height:20px; display:block; } .hub_collections_container .content_container .new_colors a:hover, a.new_colors:hover{ background-position:bottom } .hub_collections_container .content_container .browse_collections .collections_selector { margin-bottom:31px; width:660px; height:226px; background-color:#e51d3d;} .hub_collections_container .content_container .special_finishes{ width:660px; height:250px; margin-bottom:15px;} .hub_collections_container .content_container .special_finishes h2 { width:660px;} .hub_collections_container .content_container .special_finishes .finishes_selector { width:435px; height:226px; background-color:#000;} .hub_collections_container .content_container .tseries{ width:150px; height:307px; margin-bottom:15px; } .hub_collections_container .content_container .tseries h2 { width:165px;} .hub_collections_container .content_container .tseries .tseries_selector { width:210px; height:226px; background-color:#000;} /******************************************** * * SURFACE (SPECIFIC) * *********************************************/ .surface_container{width:893px; height:auto; margin:0 auto; } .surface_container h1{ font-size:28px; color:#fff; ; margin-bottom:20px;} .surface_container h6{ height:17px; color:#787878; padding:10px 0 0 50px; font-size:12px; font-weight:100; text-align:left} .surface_container .zoom_container{width:886px; height:282px; background-repeat:no-repeat; position:relative; z-index:0;margin-bottom:7px;} .surface_container .zoom_container .puce{width:53px; height:26px; background-repeat:no-repeat; background:url(../images/surface/puce.png) ;position:absolute; bottom:0; left:46% } .surface_container .zoom_container .zoomIn{width:76px; height:27px; background:url(../images/surface/zoom.png) 0 -27px; background-repeat:no-repeat; position:absolute; bottom:-12px; left:86%; z-index:5;} .surface_container .zoom_container .zoomIn:hover{background-position:bottom right;} .surface_container .zoom_container .zoomOut{width:76px; height:27px; background:url(../images/surface/zoom.png); background-repeat:no-repeat; position:absolute; bottom:-12px; left:86%; z-index:5;} .surface_container .zoom_container .zoomOut:hover{background-position:top right;} .surface_container .add_zoom{background:url(../images/surface/btn_add_to_cart_zoom.jpg) 0 0; width:41px; height:38px; cursor:hand; cursor:pointer; position:relative; left:10px; margin:10px 0;} .surface_container .add_zoom:hover{background-position:-41px 0;} .surface_container .content_container{ width:886px; height:auto; background:url(../images/surface/bg_1px.jpg) repeat-y; padding-top:0/*27px*/;} .surface_container .content_container .detail_container{width:785px; height:auto; text-align:left;} .surface_container .content_container .detail_container .finishes h3, .surface_container .content_container .detail_container .grades h3, .surface_container .content_container .detail_container .sheet_sizes h3, .surface_container .content_container .bottom_container h3, noscript h3{ width:770px; height:20px; text-align:left; ; font-size:16px; margin-bottom:8px; } .surface_container .content_container .detail_container .finishes ul { margin-bottom:9px; height:auto; text-align:left; color:#000; float:left} .surface_container .content_container .detail_container .finishes ul li{ float:left; width:90px; height:30px; font-size:12px; margin-top:5px;} .surface_container .content_container .detail_container .finishes ul li span{ font-size:15px; font-weight:700;} .surface_container .content_container .detail_container .finishes .btn_view_finishes { width:119px; height:27px; cursor:pointer; background:url(../images/surface/btn_view_finishes.jpg) repeat-x;float:right; } .surface_container .content_container .detail_container .finishes .btn_view_finishes:hover { background-position:bottom;} .surface_container .content_container .detail_container .finishes_hide .btn_hide_finishes { width:119px; height:27px; cursor:pointer; background:url(../images/surface/btn_hide_finishes.jpg) repeat-x;float:right; } .surface_container .content_container .detail_container .finishes_hide .btn_hide_finishes:hover { background-position:bottom;} .surface_container .content_container .detail_container .finishes p{ height:17px; color:#787878; clear:left; float:left; width:600px;} .surface_container .content_container .detail_container .finishes_hide { width:785px; height:auto; margin-top:27px; border-top:1px solid #dcdcdc; padding-top:15px;} .surface_container .content_container .detail_container .finishes_hide ul li { width:385px; float:left; margin-right:14px; padding-bottom:6px;} .surface_container .content_container .detail_container .finishes_hide ul li.second{margin-right:0;} .surface_container .content_container .detail_container .finishes_hide ul li p.finishe { width:352px; height:16px; color:#000; font-size:16px; padding-top:6px;} .surface_container .content_container .detail_container .finishes_hide ul li p.finishe span { font-weight:700;} .surface_container .content_container .detail_container .finishes_hide ul li p.finishe_detail {width:352px; color:black; padding-top:3px;} .surface_container .content_container .detail_container .finishes_hide .hide_finishes { height:35px; width:785px; } .surface_container .content_container .detail_container .grades { width:305px; height:300px; float:left; color:black; margin-top:27px;} .surface_container .content_container .detail_container .grades h3 { width:290px;} .surface_container .content_container .detail_container .grades p { height:20px; width:305px;} .surface_container .content_container .detail_container .grades ul { width:305px; height:auto; } .surface_container .content_container .detail_container .grades ul li { width:305px; height:28px; padding:5px 0 ; border-top:1px solid #dcdcdc} .surface_container .content_container .detail_container .grades ul li p.a_cote1, .surface_container .content_container .detail_container .grades ul li p.a_cote2{ border:none; float:left} .surface_container .content_container .detail_container .grades ul li p.a_cote1 { width:145px; height:28px; padding-left:15px; font-size:18px; font-weight:700; } .surface_container .content_container .detail_container .grades ul li p.a_cote2 { width:130px; height:28px; padding-left:15px; font-size:14px; font-weight:100; } .surface_container .content_container .detail_container .grades ul li p.a_cote2 span { width:145px; font-weight:700; } .surface_container .content_container .detail_container .grades ul li.epaisseur_last{border:none;} .surface_container .content_container .detail_container .grades ul li p.cote_notice {border:none; color:#787878; float:left; height:17px; width:600px; font-size:10px;} .surface_container .content_container .detail_container .finishes_hide ul li #divNoticeGL p, .surface_container .content_container .detail_container .finishes_hide ul li #divNoticeGL1 p, .surface_container .content_container .detail_container .finishes_hide ul li #divNoticeGL2 p, .surface_container .content_container .detail_container .finishes_hide ul li #divNoticeGL3 p, .surface_container .content_container .detail_container .finishes_hide ul li #divNoticeGL4 p, .surface_container .content_container .detail_container .finishes_hide ul li #divNoticeGL5 p, .surface_container .content_container .detail_container .finishes_hide ul li #divNoticeGL6 p, .surface_container .content_container .detail_container .finishes_hide ul li #divNoticeGL7 p, .surface_container .content_container .detail_container .finishes_hide ul li #divNoticeGL8 p, .surface_container .content_container .detail_container .finishes_hide ul li #divNoticeLM p, .surface_container .content_container .detail_container .finishes_hide ul li #divNoticeFP p{font-size:10px;} .surface_container .content_container .detail_container .sheet_sizes { width:465px; float:right; margin-top:27px;} .surface_container .content_container .detail_container .sheet_sizes h3 { width:450px;} .surface_container .content_container .detail_container .sheet_sizes ul li, .surface_container .content_container .detail_container .sheet_sizes ul li.last{ width:145px; height:49px; border-bottom:1px solid #dcdcdc; margin:0 15px 8px 0; float:left} .surface_container .content_container .detail_container .sheet_sizes ul li.last{ margin-right:0px; } .surface_container .content_container .detail_container .sheet_sizes ul li div.image_sheet{ width:28px; height:49px; float:left; } .surface_container .content_container .detail_container .sheet_sizes ul li p.info_sheet{ width:117px; height:47px; float:left; font-size:14px; font-weight:100; color:black; padding-top:2px; } .surface_container .content_container .detail_container .sheet_sizes ul li p.info_sheet span{ font-weight:700; } .surface_container .content_container .detail_container .add_cart_container { width:785px; margin-top:25px;} .surface_container .content_container .detail_container .add_cart_container .btn_add_cart { width:785px; height:37px; background:url(../images/surface/btn_add_cart.jpg) no-repeat;} .surface_container .content_container .detail_container .add_cart_container .btn_add_cart:hover {background-position: left bottom;} .surface_container .content_container .detail_container .add_cart_container .btn_add_cart_down { width:785px; height:37px; background:url(../images/surface/btn_add_cart.jpg) no-repeat right top;} .surface_container .content_container .detail_container .add_cart_container .btn_add_cart_down:hover {background-position: right bottom;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide { width:691px; height:215px; margin-top:14px;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .item { float:left;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form { float:right; width:548px; height:202px; text-align:left; padding-top:13px;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form h4 { float:right; width:548px; font-size:20px; color:#fff; ; padding-bottom:13px; border-bottom:1px solid #dcdcdc} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form .quantity, .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form .sizes, .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form .textures { width:165px; float:left; height:54px; padding:8px 26px 0 0px;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form .textures { padding:8px 0 0 0px;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form h5 { font-weight:700px; width:165px; color:black; font-size:12px;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form label { font-weight:bold; width:165px; color:black; font-size:12px; display:block;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form select { width:165px; margin:6px 0 16px 0} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form span.taille, .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form span.texture{float:left; padding:8px 26px 0 0;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form a.add_to_cart { background:url(../images/surface/btn_add_to_cart.jpg) no-repeat; height:37px; width:186px; display:block; margin-bottom:5px;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form a.add_to_cart_cancel { background:url(../images/surface/btn_add_to_cart_cancel.jpg) no-repeat; height:27px; width:90px; display:block; cursor:pointer;} .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form a.add_to_cart:hover, .surface_container .content_container .detail_container .add_cart_container .add_cart_container_hide .form a.add_to_cart_cancel:hover { background-position:bottom;} .surface_container .content_container .bottom_container{width:886px; height:244px; margin-top:25px; position:relative; margin:25px 0} .surface_container .content_container .bottom_container .background-coordinate{position:absolute; top:26px;} .surface_container .content_container .bottom_container h3{ margin-bottom:0px;} .surface_container .content_container .bottom_container .info_coordinate{ margin:0 10px; width:130px; display: -moz-inline-stack; display: inline-block; height:38px; zoom: 1; *display: inline; _height: 38px; font-weight:100; font-size:12px; color:black; padding-top:25px;position:relative; z-index:1000;} .surface_container .content_container .bottom_container .info_coordinate:hover{ color:#e51d3d; } .surface_container .content_container .bottom_container .info_coordinate span{ font-weight:700; } .surface_container .content_container .bottom_container .image_coordinate{ margin:0 10px; background-repeat:no-repeat; width:130px; display: -moz-inline-stack; display: inline-block; height:192px; zoom: 1; *display: inline; _height: 192px; position:relative; z-index:} /******************************************** * * TSERIES (SPECIFIC) * *********************************************/ .surface_container .zoom_container .tseries_img {bottom:0;position:absolute; bottom:0; left:35%} .surface_container .content_container .bottom_tseries_container{width:893px; height:17px; margin-top:7px; background:url(../images/tseries/bg_bottom.jpg) no-repeat; position:relative} .bottom_tseries_container{width:893px; height:17px; margin-top:0; background:url(../images/tseries/bg_bottom.jpg) no-repeat; position:relative} /******************************************** * * FINISHES (SPECIFIC) * *********************************************/ .finishes_container{width:915px; height:auto; margin:0 auto; } .finishes_container h1{ font-size:28px; color:#fff; ; margin-bottom:20px;} .finishes_container p{ color:#000; width:785px; height:auto} .finishes_container img.finishes_img{ margin-top:13px;} .finishes_container .content_container{width:915px; /*height:336px;*/ margin:18px 0 13px 0;} /******************************************** * * CONTACT * *********************************************/ .contact_container {width:885px; height:auto; margin:0 auto;} .contact_container h1{ font-size:28px; color:#fff; ; margin-bottom:20px; margin-left:222px;} .contact_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .contact_container .banner_container .contact_banner { width:210px; height:129px; background:url(../images/banner/b_contact.jpg) no-repeat; padding-bottom:10px;padding-left:15px;} .contact_container .banner_container .contact_banner ul{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:700; ; text-align:left;} .contact_container .banner_container .contact_banner ul li a{ color:#646464; line-height:17px; padding:2px; } .contact_container .banner_container .contact_banner ul li a.selected{ color:#e51d3d; text-decoration:none} .contact_container .banner_container .contact_banner ul li a:hover{ background-color:#e51d3d ; text-decoration:none; color:white;} .contact_container .content_container { width:660px; height:auto; float:right; text-align:justify;} .contact_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#000; width:660px;} .contact_container .content_container input.contact_us_text{ float:left; width:208px; border:1px solid black; margin-right:15px; overflow:hidden} .contact_container .content_container label.contact_us_text{ float:left; width:210px; margin-right:15px; color:black} .contact_container .content_container textarea.contact_us_text{ width:658px; height:128px; margin-top:10px; border:1px solid black} .contact_container .content_container a.send_message{ width:105px; height:20px; display:block; background:url(../images/contact/btn_send.jpg) no-repeat; margin:14px 0 24px 0;} .contact_container .content_container a.send_message:hover{ background-position: bottom} .contact_container .content_container .office { width:660px; height:auto; border-top:1px solid black; padding-bottom:35px;} .contact_container .content_container .office ul li{ width:322px; height:auto; margin-right:16px; float:left} .contact_container .content_container .office ul li.second_office{ margin-right:0px; } .contact_container .content_container .office h5 { color:#000; font-size:12px; ; margin-top:2px; } .contact_container .content_container .office ul li p { margin:0px; width:322px; text-align:left;} .contact_container .content_container .office ul li p.poste { margin-top:18px; font-weight:700 } .contact_container .content_container .office ul li p a { color:#000000; font-weight:bold; text-decoration:underline; /*padding:2px;*/} .contact_container .content_container .office ul li p a:hover { background-color:#E51D3D;color:white;text-decoration:none;} .contact_container .content_container .validation_error { width:363px; height:auto; position:fixed; padding:13px; background-color:white; color:#F00; z-index:9999; border:#000 1px solid;} .contact_container .content_container .validation_error h2 { width:363px; height:28px; text-align:left; ; font-size:22px; margin-bottom:11px;} .contact_container .content_container .validation_error p { width:363px; margin-bottom:11px;} .contact_container .content_container .validation_error p.error { width:363px; margin-bottom:11px; font-size:11px; color:#e51d3d} .contact_container .content_container .validation_error .closeMsg { width:363px; border-top:1px solid #e51d3d; margin-top:11px;} .contact_container .content_container .validation_error .closeMsg p.close { float:right; margin:0; padding-top:12px; text-align:right; cursor:pointer; font-size:11px;} .contact_container .content_container .validation_error .closeMsg p.close:hover { text-decoration:underline; } /*.body_shadow { position:fixed; background-color:#333; left:0; top:0; z-index:8888; opacity:0.9;}*/ .career_top_banner{ width:210px; height:39px; background:url(../images/banner/b_career.jpg) no-repeat; padding-left:15px;} .career_bottom_banner{background:url(../images/banner/b_banner_bottom.jpg) no-repeat; width:210px; height:8px; padding-bottom:20px;} .career_container_banner { background:url(../images/banner/b_banner_1px.jpg); width:195px; height:auto; padding-bottom:18px; padding-left:15px;} .career_container_banner p{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:100; text-align:left; padding:13px 0 0 0;} .career_container_banner p a{color:#646464; line-height:17px; padding:2px; } .career_container_banner p a:hover{color:white; background:#e51d3d; text-decoration:none } .message_sent{color:black; font-weight:bold; margin-bottom:15px;} /******************************************** * * DISTRIBUTORS * *********************************************/ .distributors_container {width:885px; height:auto; margin:0 auto;} .distributors_container h1{ font-size:28px; color:#fff; ; margin-bottom:20px;} .distributors_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .distributors_container .banner_container .top_container_banner {background:url(../images/banner/b_regions.jpg) no-repeat; width:210px; height:39px;} .distributors_container .banner_container .bottom_container_banner {background:url(../images/banner/b_banner_bottom.jpg) no-repeat; width:210px; height:8px;} .distributors_container .banner_container .container_banner { background:url(../images/banner/b_banner_1px.jpg); width:210px; height:auto; padding-bottom:18px;} .distributors_container .banner_container .container_banner ul{ color:#646464; width:182px; height:auto; font-family:Arial; font-size:11px; font-weight:100; ; text-align:left; padding:13px 0 0 0;} .distributors_container .banner_container .container_banner ul li {height:20px;} .distributors_container .banner_container .container_banner ul li.country {font-weight:700; padding:2px;} .distributors_container .banner_container .container_banner ul li a{ color:#646464; line-height:17px; padding:2px; } .distributors_container .banner_container .container_banner ul li a:hover{ background-color:#e51d3d ; text-decoration:none; color:white;} .distributors_container .content_container { width:660px; height:auto; float:right; text-align:justify;} .distributors_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#000; width:660px;} .distributors_container .content_container p.map_p {margin:0px;} .distributors_container .content_container p.map-notice {color:#646464} .distributors_container .content_container img {margin:0 auto 20px auto;} .distributors_container .content_container { width:660px; height:auto; padding-bottom:35px;} .distributors_container .content_container ul.distributors li{ width:322px; height:auto; margin-right:16px; float:left} .distributors_container .content_container ul.distributors li a { color:#000000; font-weight:bold; text-decoration:underline;/* padding:2px;*/} .distributors_container .content_container ul.distributors li a:hover { background-color:#E51D3D;color:white;text-decoration:none;} .distributors_container .content_container ul.distributors li.second_office{ margin-right:0px; } .distributors_container .content_container h5 { color:#000; font-size:12px; ; margin-top:2px; } .distributors_container .content_container ul.distributors li p { margin:0px; width:322px; } .distributors_container .content_container ul.distributors li p.poste { margin-top:15px; font-weight:700 } .distributors_container .content_container ul.distributors li a{ color:black; } .distributors_container .content_container ul.distributors li a:hover{ } .distributors_container .content_container ul.revendeurs{text-align:left; color:#000000;} .distributors_container .content_container ul.revendeurs li { height:auto; margin-right:16px; background:url(../images/distributors/border.gif) repeat-x; padding-top:11px; margin-bottom:40px;} .distributors_container .content_container ul.revendeurs li a { color:#000000; font-weight:bold; text-decoration:underline;/* padding:2px;*/} .distributors_container .content_container ul.revendeurs li a:hover { background-color:#E51D3D;color:white;text-decoration:none;} .distributors_container .content_container ul.revendeurs li.second_office{ margin-right:0px; } .distributors_container .content_container h5 { color:#000; font-size:12px; ; margin-top:2px; } .distributors_container .content_container ul.revendeurs li p { margin:0px; padding-right:12px; width:145px; float:left; } .distributors_container .content_container ul.revendeurs li p.telephone {width:109px;min-height:1em;} .distributors_container .content_container ul.revendeurs li p.email {width:152px;padding-right:0;} .distributors_container .content_container ul.revendeurs li span.poste {font-weight:700 } .distributors_container .content_container ul.revendeurs li a{ color:black; } .distributors_container .content_container ul.revendeurs li a:hover{ } /******************************************** * * QUICK ORDER SYSTEM * *********************************************/ .quick_order_container .banner_container .top_container_faqs_banner {background:url(../images/banner/b_faqs.jpg) no-repeat; width:210px; height:62px;} .quick_order_container {width:885px; height:auto; margin:0 auto;} .quick_order_container h1{ font-size:28px; color:#fff; ; margin-bottom:20px; margin-left:224px;} .quick_order_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .quick_order_container .banner_container .top_container_banner {background:url(../images/banner/b_note.jpg) no-repeat; width:210px; height:44px;} .quick_order_container .banner_container .bottom_container_banner {background:url(../images/banner/b_banner_bottom.jpg) no-repeat; width:210px; height:8px;} .quick_order_container .banner_container .container_banner { background:url(../images/banner/b_banner_1px.jpg); width:210px; height:auto; padding-bottom:18px;} .quick_order_container .banner_container .container_banner p{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:100; text-align:left; padding:13px 0 0 0;} .quick_order_container .banner_container .container_banner p a{color:#646464; padding:1px 2px; } .quick_order_container .banner_container .container_banner p a:hover{background-color:#E51D3D;color:white;text-decoration:none;} .quick_order_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#000; width:660px;} .quick_order_container .content_container ul li{ float:left; display:block} .quick_order_container .content_container { width:660px; height:auto; float:right; text-align:justify; min-height:350px;} .quick_order_container .content_container .name , .quick_order_container .content_container .size{ width:210px; float:left; font-weight:700; color:#000; margin: 0 15px 8px 0;} .quick_order_container .content_container .name p , .quick_order_container .content_container .size p{ width:210px; margin:0;} .quick_order_container .content_container select { width:210px; margin: 5px 0 0 0;} .quick_order_container .content_container .go_container{ width:225px; float:left; margin-bottom:20px;} .quick_order_container .content_container .go_container a.go{ width:37px; height:19px; text-align:center; background:url(../images/quick_order/go.jpg) repeat-x; display:block; background-position:bottom;} .quick_order_container .content_container .go_container a.go:hover{ background-position:top;} .quick_order_container .content_container .product_container { width:660px; height:226px; border-top:1px solid #e51d3d; margin-bottom:25px;} .quick_order_container .content_container .product_container img.surface { margin:21px 26px 12px 11px; float:left} .quick_order_container .content_container .product_container .form { width:480px; height:226px; float:right; } .quick_order_container .content_container .product_container .form h4{ font-size:20px; color:#fff; ; width:350px; float:left; width:380px; margin-top:33px; } .quick_order_container .content_container .product_container .form a.cart_cancel{ float:right; width:90px; height:27px; display:block; background:url(../images/quick_order/btn_cancel.jpg) no-repeat; margin:30px 0 7px 0; } .quick_order_container .content_container .product_container .form a.cart_cancel:hover{ background-position:bottom} .quick_order_container .content_container .product_container .form .selection{ width:480px; border-top:1px solid #dcdcdc; padding-top:15px; margin-bottom:18px; text-align:left;} .quick_order_container .content_container .product_container .form .selection h5{ color:black; font-size:12px} .quick_order_container .content_container .product_container .form .selection .quantity, .quick_order_container .content_container .product_container .form .selection .sizes{ float:left; width:150px; } .quick_order_container .banner_container div.new_colors {width:210px; position:relative; text-align:left;} .quick_order_container .banner_container .arborite50_banner { width:177px; background:url(../images/banner/b_arborite50.jpg) no-repeat; padding: 0px 16px 0 17px } .quick_order_container .banner_container h2.left { border-bottom:1px solid #283126; width:210px; text-align:left; font-size:18px; margin-bottom:15px;} .quick_order_container .banner_container h2.left.iapp { width:177px; height:70px; text-align:left; font-size:18px; margin-bottom:15px;border-bottom:1px solid #e51e3d;} .quick_order_container .banner_container .new_colors p { width:177px; text-align:left; font-size:11px; font-family:Arial; color:#e51d3d;padding-bottom:9px;} .quick_order_container .banner_container h2.left.iapp.fr { width:177px; text-align:left; font-size:18px; margin-bottom:15px} .quick_order_container .banner_container .new_colors img { margin-left:24px; margin-bottom:12px; } .quick_order_container .banner_container .new_colors a.new_colors { background:url(../images/hub/btn_new_colors.jpg) no-repeat; width:147px; height:20px; display:block; } .quick_order_container .banner_container .new_colors a:hover, a.new_colors:hover{ background-position:bottom } .quick_order_container .banner_container .new_colors a.new_iapp { background:url(../images/hub/btn_iapp.png) no-repeat; width:147px; height:20px; display:block; } .quick_order_container .banner_container .new_colors a.new_iapp.fr { background:url(../images/hub/btn_iapp_fr.png) no-repeat; width:147px; height:20px; display:block; } .quick_order_container .content_container .product_container .form .selection .textures {float:left; width:150px; margin-left:15px;} .quick_order_container .content_container .product_container .form .selection .quantity select, .quick_order_container .content_container .product_container .form .selection .sizes select, .quick_order_container .content_container .product_container .form .selection .textures select{ width:150px; } .quick_order_container .content_container .product_container .form .selection .quantity { margin-right:15px;} .quick_order_container .content_container .product_container .form a.btn_add_to_cart {width:480px; height:37px; background:url(../images/quick_order/btn_add_to_cart.jpg) no-repeat; display:block} .quick_order_container .content_container .product_container .form a.btn_add_to_cart:hover {background-position:bottom;} .quick_order_container .content_container .cart_container {width:660px; height:auto; color: black; font-weight:100; margin-bottom:20px;} .quick_order_container .content_container .cart_container ul { width:646px; border-top:1px solid #dcdcdc; padding: 8px 14px 0 0 ; height:45px;} .quick_order_container .content_container .cart_container .title{font-weight:700; float:left; text-align:left; margin-bottom:7px;} .quick_order_container .content_container .cart_container .sample { width:81px; height:15px; position:relative;} .quick_order_container .content_container .cart_container .sample img {left:0;margin-left:5px;position:absolute; } .quick_order_container .content_container .cart_container .code { width:106px;} .quick_order_container .content_container .cart_container .name { width:151px; margin:0} .quick_order_container .content_container .cart_container .finish { width:113px;} .quick_order_container .content_container .cart_container .size { width:68px; margin:0} .quick_order_container .content_container .cart_container .quantity {float:right;} .quick_order_container .content_container .cart_container .delete {margin-left:40px} .quick_order_container .content_container .cart_container .quantityLeft input{ margin-left:44px; text-align:right; width:45px; float:left;} .quick_order_container .content_container .cart_container .quantityLeft span{ margin-left:44px; text-align:right; width:45px; display:block;} .quick_order_container .content_container .cart_container .edit { float:right; width:43px; background:url(../images/quick_order/corbeille.png) no-repeat right;} .quick_order_container .content_container .cart_container .edit a { color:black;} .quick_order_container .content_container .validation_error { width:363px; height:auto; position:fixed; padding:13px; background-color:white; color:#F00; z-index:9999; border:#000 1px solid;} .quick_order_container .content_container .validation_error h2 { width:363px; height:28px; text-align:left; ; font-size:22px; margin-bottom:11px;} .quick_order_container .content_container .validation_error p { width:363px; margin-bottom:11px;} .quick_order_container .content_container .validation_error p.error { width:363px; margin-bottom:11px; font-size:11px; color:#e51d3d} .quick_order_container .content_container .validation_error .closeMsg { width:363px; border-top:1px solid #e51d3d; margin-top:11px;} .quick_order_container .content_container .validation_error .closeMsg p.close { float:right; margin:0; padding-top:12px; text-align:right; cursor:pointer; font-size:11px;} .quick_order_container .content_container .validation_error .closeMsg p.close:hover { text-decoration:underline; } /******************************************** * * FAQS / TECHNICAL / GREENGUARD * *********************************************/ .documentation_container {width:885px; height:auto; margin:0 auto;} .documentation_container h1{ font-size:28px; color:#fff; ; margin-bottom:20px; margin-left:222px;} .documentation_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .documentation_container .banner_container .top_container_banner {background:url(../images/banner/b_note.jpg) no-repeat; width:210px; height:44px;} .documentation_container .banner_container .top_container_tech_banner,.banner_container .top_container_tech_banner {background:url(../images/banner/b_technical.jpg) no-repeat; width:210px; height:56px;} .documentation_container .banner_container .top_container_faqs_banner {background:url(../images/banner/b_faqs.jpg) no-repeat; width:210px; height:62px;} .documentation_container .banner_container .bottom_container_banner, .contact_container .banner_container .top_container_tech_banner {background:url(../images/banner/b_banner_bottom.jpg) no-repeat; width:210px; height:8px;} .documentation_container .banner_container .container_banner, .documentation_container .banner_container .container_tech_banner, .contact_container .banner_container .top_container_tech_banner { background:url(../images/banner/b_banner_1px.jpg); width:210px; height:auto; padding-bottom:18px;} .documentation_container .banner_container .container_tech_banner {padding-bottom:0} .documentation_container .banner_container .container_banner a { color:#646464;} .documentation_container .banner_container .container_banner a:hover { background-color:#e51d3d ; text-decoration:none; color:white; } .documentation_container .banner_container .container_banner ul {width:178px; padding-top:10px; } .documentation_container .banner_container .container_banner ul li{font-weight:700; padding:2px;text-align:left; margin-bottom:3px;} .documentation_container .banner_container .container_banner ul li a{font-weight:700; padding:2px;text-align:left} .documentation_container .banner_container .container_banner ul li a:hover{ background-color:#e51d3d ; text-decoration:none; color:white; } .documentation_container .banner_container .container_banner ul li a.selected { color:#e51d3d; text-decoration:none;} .documentation_container .banner_container .container_banner ul li a.selected:hover { background:none; color:#e51d3d;} .documentation_container .banner_container .container_tech_banner ul {width:178px; padding-top:10px; } .documentation_container .banner_container .container_tech_banner ul li{font-weight:700; padding:2px;text-align:left} .documentation_container .banner_container .container_tech_banner ul li a{ color:#646464; line-height:17px; padding:2px; ;width:178px; } .documentation_container .banner_container .container_tech_banner ul li a:hover{ background-color:#e51d3d ; text-decoration:none; color:white; } .documentation_container .banner_container .container_tech_banner ul li a.selected { color:#e51d3d; text-decoration:none;} .documentation_container .banner_container .container_tech_banner ul li a.selected:hover { background:none; color:#e51d3d;} .documentation_container .banner_container .container_tech_banner p{ font-size:11px; text-transform:none; font-weight:100; padding-left:15px; width:163px; margin-bottom:25px; } .documentation_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#000; width:660px;} .documentation_container .banner_container .container_banner p{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:100; text-align:left; padding:13px 0 0 0;} .documentation_container .content_container { width:660px; height:auto; float:right; text-align:justify; } .documentation_container .content_container p a{padding:2px; color:black;} .documentation_container .content_container p a:hover{ background-color:#e51d3d ; text-decoration:none; color:white; } .documentation_container .content_container a.btn_technical_guides, .documentation_container .content_container a.btn_greenguard, .documentation_container .content_container a.btn_faqs{ width:210px; height:50px; display:block; margin-bottom:50px;} .documentation_container .content_container a.btn_technical_guides { background:url(../images/documentation/btn_technical_guides.jpg) no-repeat; float:left; margin-right:15px;} .documentation_container .content_container a.btn_greenguard { background:url(../images/documentation/btn_greenguard.jpg) no-repeat; float:left} .documentation_container .content_container a.btn_faqs { background:url(../images/documentation/btn_faqs.jpg) no-repeat; float:right} .documentation_container .content_container a.btn_technical_guides:hover, .documentation_container .content_container a.btn_greenguard:hover, .documentation_container .content_container a.btn_faqs:hover{ background-position:bottom} .documentation_container .content_container h5{font-size:12px; color:black;} .documentation_container .banner_container img.logo_green{margin:0 0 24px 0} .documentation_container .banner_container img.logo_green2{margin:0 0 30px 0} /******************************************** * * TECHNICAL GUIDES CONTAINER (SPECIFIC) * *********************************************/ .documentation_container .content_container .guides_container{ width:660px; height:auto; border-top:1px solid black; margin-bottom:35px} .documentation_container .content_container .guides_container h5 { margin-top:2px; ; color:black; font-size:12px; margin-bottom:20px;} .documentation_container .content_container .guides_container ul { } .documentation_container .content_container .guides_container ul li { margin-right:15px; width:322px; float:left; height:27px;} .documentation_container .content_container .guides_container ul li.second { margin:0;} .documentation_container .content_container .guides_container ul li a {color:black;} /******************************************** * * GREENGUARD CONTAINER (SPECIFIC) * *********************************************/ .documentation_container .content_container .greenguard_container{ width:660px; height:auto; border-top:1px solid black; margin-bottom:35px} .documentation_container .content_container .greenguard_container h5 { margin-top:2px; ; color:black; font-size:12px; margin-bottom:20px;} .documentation_container .content_container .greenguard_container ul { width:660px; float:left; margin-bottom:10px; } .documentation_container .content_container .greenguard_container ul li { margin-right:15px; min-width:322px; height:27px; float:left;} .documentation_container .content_container .greenguard_container ul li.second { margin:0;} .documentation_container .content_container .greenguard_container ul li a {color:black;} .documentation_container .content_container .greenguard_container img { float:left; margin:0 30px 20px 0;} /******************************************** * * FAQS CONTAINER (SPECIFIC) * *********************************************/ .documentation_container .content_container .faqs_container{ width:660px; height:auto; border-top:1px solid black; margin-bottom:35px} .documentation_container .content_container .faqs_container h5 { margin-top:2px; ; color:black; font-size:12px; margin-bottom:20px;} .documentation_container .content_container .faqs_container h6 {color:black; font-size:12px;} .documentation_container .content_container .faqs_container ul {margin-bottom:20px; padding-left:30px; width:630px;} .documentation_container .content_container .faqs_container ul li { list-style:disc inside; color:#000} .documentation_container .content_container .faqs_container p.asterix { font-size:10px; font-style:italic;} /******************************************** * * OUR COMPANY * *********************************************/ .our_company_container {width:885px; height:auto; margin:0 auto;} .our_company_container h1{ font-size:28px; color:#fff; ; margin-bottom:20px;} .our_company_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .our_company_container .banner_container .our_company_banner { width:210px; height:126px; background:url(../images/banner/b_our_company.jpg) no-repeat; margin-bottom:14px;} .our_company_container .banner_container .our_company_banner ul{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:700; ; text-align:left;} .our_company_container .banner_container .our_company_banner ul li{margin-bottom:3px} .our_company_container .banner_container .our_company_banner ul li:last-child{width:160px} .our_company_container .banner_container .our_company_banner ul li a{ color:#646464; line-height:17px; padding:2px 2px 2px 0; } .our_company_container .banner_container .our_company_banner ul li a.selected{ color:#e51d3d; text-decoration:none} .our_company_container .banner_container .our_company_banner ul li a:hover{ background-color:#e51d3d ; text-decoration:none; color:white;} .our_company_container .banner_container .arborite50_banner { width:177px; background:url(../images/banner/b_arborite50.jpg) no-repeat; text-align:left; font-family:Arial, Geneva, sans-serif; padding: 0px 16px 0 17px } .our_company_container .banner_container img.logo_company{margin-bottom:23px;} .our_company_container .banner_container .arborite50_banner p, .our_company_container .banner_container .arborite50_banner a { width:178px; height:auto; } .our_company_container .banner_container .arborite50_banner img { margin:14px 0 } .our_company_container .banner_container .arborite50_banner a{ text-decoration:underline; color:#646464} .our_company_container .banner_container .arborite50_banner a:hover{color:white; text-decoration:none; background-color:#e51d3d; padding:1px 2px; line-height:16px; } .documentation_container .banner_container .arborite50_banner { width:177px; height:248px; background:url(../images/banner/b_arborite50.jpg) no-repeat; margin-bottom:27px; text-align:left; font-family:Arial, Geneva, sans-serif; padding: 67px 16px 0 17px } .documentation_container .banner_container .arborite50_banner p, .documentation_container .banner_container .arborite50_banner a { width:178px; height:auto; } .documentation_container .banner_container .arborite50_banner img { margin:14px 0 } .documentation_container .banner_container .arborite50_banner a{ text-decoration:underline; color:#646464} .documentation_container .banner_container .arborite50_banner a:hover{color:white; text-decoration:none; background-color:#e51d3d; padding:1px 2px; line-height:16px; } .our_company_container .content_container { width:660px; height:auto; float:right; text-align:justify;} .our_company_container .content_container .content_left{ width:435px; float:left;} .our_company_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#000; width:435px;} .our_company_container .content_container img.company{ float:right; width:210px; height:auto; margin-top:9px;} .our_company_container .content_container img.company_en{ float:right; width:210px; height:auto; margin-top:63px;} .our_company_container .content_container table.renderedtable td{min-width:50px;} /******************************************** * * PRIVACY STATEMENT CONTAINER (SPECIFIC) * *********************************************/ .documentation_container .content_container .privacy_container{ width:660px; height:auto; border-top:1px solid black; margin-bottom:35px} .documentation_container .content_container .privacy_container h5 { margin-top:2px; ; color:black; font-size:12px; margin-bottom:20px;} .documentation_container .banner_container .top_container_privacy_banner {background:url(../images/banner/b_privacy.jpg) no-repeat; width:210px; height:39px;} /******************************************** * * NEWS MAIN * *********************************************/ .our_company_container .banner_container .top_container_news_banner, .our_company_container .banner_container .bottom_container_news_banner { width:210px; height:8px; display:block;} .our_company_container .banner_container .top_container_news_banner { background:url(../images/banner/b_banner_top.jpg) no-repeat;} .our_company_container .banner_container .bottom_container_news_banner { background:url(../images/banner/b_banner_bottom.jpg) no-repeat;} .our_company_container .banner_container .content_news_banner { width:210px; height:auto; color:#646464; font-size:11px; background:url(../images/banner/b_banner_1px.jpg) repeat-y; text-align:left; padding:5px 16px; width:178px;} .our_company_container .content_container .news_list_content{ width:660px; height:auto;} .our_company_container .content_container .news_list_content .news_content{ width:660px; height:auto; font-size:13px; color:black;} .our_company_container .content_container .news_list_content .news_content span { display:block} .our_company_container .content_container .news_list_content .news_content span.date{ width:660px; height:auto; color:#e51d3d;} .our_company_container .content_container .news_list_content .news_content span.title a{ width:660px; height:auto; ; text-decoration:underline; font-weight:700; color:#000; line-height:18px;} .our_company_container .content_container .news_list_content .news_content span.title a:hover{ color:white; text-decoration:none; background-color:#e51d3d} .our_company_container .content_container .news_list_content .news_content span.description p{ font-size:13px; width:660px; height:auto; margin-bottom:35px;} /******************************************** * * NEWS ARTICLE * *********************************************/ .our_company_container .content_container .news_list_content{ width:660px; height:auto;} .our_company_container .content_container .news_list_content .news_content{ width:660px; height:auto; font-size:13px; color:black;} .our_company_container .content_container .news_list_content .news_content span { display:block} .our_company_container .content_container .news_list_content .news_content span.date{ width:660px; height:auto; color:#e51d3d;} .our_company_container .content_container .news_list_content .news_content span.big_title { width:660px; height:auto; font-weight:700; color:#000; font-size:24px; line-height:27px;} .our_company_container .content_container .news_list_content .news_content span.location { width:660px; height:auto; margin-bottom:20px; color:#646464;} .our_company_container .content_container .news_list_content .news_content div.description, .our_company_container .content_container .news_list_content .news_content div.description p{ width:660px; height:auto; } .our_company_container .content_container .news_list_content .news_content div.description p { margin-bottom:16px; } .our_company_container .content_container .news_list_content .news_content div.description p a { color:black; text-decoration:underline; } .our_company_container .content_container .news_list_content .news_content div.description p a:hover {color:white; text-decoration:none; background-color:#e51d3d } .our_company_container .content_container .news_list_content .news_content div.description img.news { margin-top:30px; float:left; width:auto } .our_company_container .content_container .news_list_content .news_content .return { width:660px; height:auto; margin-top:48px; border-top:1px solid #000000; } .our_company_container .content_container .news_list_content .news_content .return a { color:#000; font-size:12px; line-height:23px; } .our_company_container .content_container .news_list_content .news_content a:hover{ color:white; text-decoration:none; background-color:#e51d3d } /******************************************** * * NEWS ARTICLE (TABLE) AND OTHER TABLES (DISCONTINUED ITEMS) * *********************************************/ .our_company_container .content_container .news_list_content .news_content div.description h6 { font-size:12px; padding-bottom: 6px; ;} .our_company_container .content_container table { border-collapse: collapse;border-color:#dcdcdc; margin-bottom:0px; } .our_company_container .content_container .news_list_content .news_content div.description table{border-collapse: collapse;border-color:#dcdcdc; margin-bottom:40px;} .our_company_container .content_container .news_list_content .news_content div.description table th,.our_company_container .content_container table th {background-color:#dcdcdc;padding:3px;} .our_company_container .content_container .news_list_content .news_content div.description table p,.our_company_container .content_container table p{width:auto;margin:0;padding:3px;} /******************************************** * * DISCONTINUED ITEMS (BANNER) * *********************************************/ .our_company_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .our_company_container .banner_container .top_container_discontinued_banner {background:url(../images/banner/b_new_colors.jpg) no-repeat; width:210px; height:39px;} .our_company_container .banner_container .bottom_container_banner {background:url(../images/banner/b_banner_bottom.jpg) no-repeat; width:210px; height:8px;} .our_company_container .banner_container .container_banner { background:url(../images/banner/b_banner_1px.jpg); width:210px; height:auto; padding-bottom:18px;} .our_company_container .banner_container .container_banner p{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:100; text-align:left; padding:13px 0 0 0;} /******************************************** * * SHIPPING CONTAINER * *********************************************/ .quick_order_container .shipping_container { width:660px; height:auto; } .quick_order_container .shipping_container h2 { width:660px; height:28px; text-align:left; ; font-size:22px; margin-bottom:15px;} .quick_order_container .shipping_container .header, .quick_order_container .shipping_container .comment_header{ width:660px; height:17px; border-bottom:1px solid #dcdcdc; margin-bottom:5px;font-size:12px; ; font-weight:700; color:black;} .quick_order_container .shipping_container .header .customer, .quick_order_container .shipping_container .header .address{ float:left; } .quick_order_container .shipping_container .header .customer { width:340px;} .quick_order_container .shipping_container .header .address{ width:320px; } .quick_order_container .shipping_container .customer_info, .quick_order_container .shipping_container .address_info{ float:left; } .quick_order_container .shipping_container .customer_info{ width:340px; } .quick_order_container .shipping_container .address_info{ width:320px; color:#000; } .quick_order_container .shipping_container .customer_info span{ color:black; margin-bottom:4px; width:340px; display:block } .quick_order_container .shipping_container .customer_info span.bold{ font-weight:700; margin-bottom:0px; } .quick_order_container .shipping_container .customer_info span a{color:black;} .quick_order_container .shipping_container .address_info span{ color:black;width:320px; display:block } .quick_order_container .shipping_container .address_info span.bold{ font-weight:700; } .quick_order_container .shipping_container .comment_header { margin-top:23px;} .quick_order_container .shipping_container p.comment { margin:10px 0;} .quick_order_container .cancel_shipping { width:660px; height:27px; border-top:1px solid #e51d3d; border-bottom:1px solid #e51d3d; padding-top:8px; } .quick_order_container .cancel_shipping a { width:156px; height:19px; background:url(../images/shipping/btn_cancel_shipping.jpg) no-repeat; display:block; float:right; background-position:bottom} .quick_order_container a.confirm_shipping {width:210px; height:27px; background:url(../images/shipping/btn_confirm_shipping.jpg) no-repeat; display:block; float:right; margin:8px 0 32px 0; background-position:bottom } .quick_order_container .cancel_shipping a:hover, .quick_order_container a.confirm_shipping:hover { background-position:top; } .quick_order_container #divWaiting{color:black; font-size:11px; margin-top:11px; padding-bottom:11px; text-align:right;} /***************** ****************************/ .quick_order_container .continue_shipping { width:660px; height:27px; border-top:1px solid #e51d3d; border-bottom:1px solid #e51d3d; padding-top:8px; } .quick_order_container .continue_shipping a.continue { width:156px; height:19px; background:url(../images/shipping/btn_continue.jpg) no-repeat; display:block; float:right; background-position:bottom} .quick_order_container .continue_shipping a.update { width:156px; height:19px; background:url(../images/shipping/btn_update.jpg) no-repeat; display:block; float:right; background-position:bottom; margin-left:15px} .quick_order_container .continue_shipping input.update { width:156px; height:19px; background:url(../images/shipping/btn_update.jpg) no-repeat; display:block; float:right; background-position:bottom; margin-left:15px; border:none;} .quick_order_container a.checkout_shipping {width:210px; height:27px; background:url(../images/shipping/btn_checkout.jpg) no-repeat; display:block; float:right; margin:8px 0 32px 0; background-position:bottom } .quick_order_container input.checkout_shipping {width:210px; height:27px; background:url(../images/shipping/btn_checkout.jpg) no-repeat; display:block; float:right; margin:8px 0 32px 0; background-position:bottom; border:none; cursor:hand; cursor:pointer;} .quick_order_container input.checkout_shipping:hover { background-position:top; } .quick_order_container .continue_shipping a.continue:hover, .quick_order_container a.checkout_shipping:hover, .quick_order_container .continue_shipping a.update:hover { background-position:top; } /******************************************** * * FORM SHIPPING CONTAINER * *********************************************/ .quick_order_container .form_shipping { width:660px; height:auto; } .quick_order_container .form_shipping h2 { width:660px; height:28px; text-align:left; ; font-size:22px; margin-bottom:15px;} .quick_order_container .form_shipping .cancel_shipping { width:660px; height:27px; border-top:1px solid #e51d3d; border-bottom:1px solid #e51d3d; padding-top:8px; } .quick_order_container .form_shipping .cancel_shipping a { width:156px; height:19px; background:url(../images/shipping/btn_cancel_shipping.jpg) no-repeat; display:block; float:right; background-position:bottom} .quick_order_container .form_shipping .cancel_shipping input.cancel { width:156px; height:19px; background:url(../images/shipping/btn_cancel_shipping.jpg) no-repeat; display:block; float:right; background-position:bottom; border:none;cursor:hand; cursor:pointer;} .quick_order_container .form_shipping .cancel_shipping input.cancel:hover { background-position:top; } .quick_order_container .form_shipping a.btn_checkout_shipping {width:210px; height:27px; background:url(../images/shipping/btn_checkout.jpg) no-repeat; display:block; float:right; margin:8px 0 32px 0; background-position:bottom } .quick_order_container .form_shipping .cancel_shipping a:hover, .quick_order_container .form_shipping a.confirm_shipping:hover { background-position:top; } .quick_order_container .form_shipping input{ float:left;} .quick_order_container .form_shipping input.medium{ border:1px solid black; width:148px; margin-right:14px;} .quick_order_container .form_shipping input.large{ border:1px solid black; width:300px} .quick_order_container .form_shipping h6{ font-size:11px; font-weight:700; color:black; margin-bottom:17px; float:left} .quick_order_container .form_shipping h6.medium{ width:153px; margin-right:15px;} .quick_order_container .form_shipping h6.large{ width:300px} .quick_order_container .form_shipping .second_part{ border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; height:auto; width:660px; padding-top:15px;} .quick_order_container .form_shipping select{ float:left} .quick_order_container .form_shipping select.medium{ width:153px;} .quick_order_container .form_shipping select.large{ width:300px; margin-right:15px;} .quick_order_container .form_shipping .second_part h6.large{ margin-right:15px;} .quick_order_container .form_shipping .third_part { margin-top:17px;} .quick_order_container .form_shipping .third_part textarea{ height:71px; width:322px; border:1px solid black} .quick_order_container .form_shipping .cancel_shipping span{ font-size:11px; color:black; float:left} .quick_order_container .form_shipping .third_part .col_1{float:left; margin-right:15px; width:325px;} .quick_order_container .form_shipping .third_part .col_2{float:left; width:300px;} .quick_order_container .form_shipping .third_part .delai_titre{width:170px} .quick_order_container .form_shipping .third_part .delai{margin-top:1px;} .loadingZoom { vertical-align:top; text-align:center; padding-top:130px } .centeredImage { display:block; margin-left:auto; margin-right:auto;padding-top:8px } /******************************************** * * CONFIRMATION PAGE! * *********************************************/ .confirmation_container {width:885px; height:auto; margin:0 auto;} .confirmation_container h1{ font-size:28px; color:#fff; ; margin-bottom:20px;} .confirmation_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .confirmation_container .banner_container .top_container_banner {background:url(../images/banner/b_head_office.jpg) no-repeat; width:210px; height:44px;} .confirmation_container .banner_container .bottom_container_banner {background:url(../images/banner/b_banner_bottom.jpg) no-repeat; width:210px; height:8px;} .confirmation_container .banner_container .container_banner { background:url(../images/banner/b_banner_1px.jpg); width:210px; height:auto; padding-bottom:18px;} .confirmation_container .banner_container .container_banner p{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:100; text-align:left; padding:13px 0 0 0;} .confirmation_container .banner_container .container_banner p a{color:#646464;} .confirmation_container {width:885px; height:auto; margin:0 auto;} .confirmation_container h1{ font-size:28px; color:#fff; ; margin-bottom:20px;} .confirmation_container .content_container { width:660px; height:auto; float:right; text-align:justify;} .confirmation_container .content_container .content_left{ width:435px; float:left;} .confirmation_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#000; width:435px; text-align:left;} .confirmation_container .content_container p a{color:black;} /******************************************** * * CAREER PAGE! * *********************************************/ h5.career a { color:black; text-decoration:none;padding:1px 2px; } h5.career a:hover{color:white; text-decoration:none; background-color:#e51d3d} .career_container li a { text-decoration:underline;} .documentation_container .content_container .career_container{ width:660px; height:auto; margin-bottom:35px} .documentation_container .content_container .career_container h5 { border-top:1px solid black; margin-top:30px; ; color:black; font-size:12px; margin-bottom:20px;} .documentation_container .content_container .career_container ul li { margin-right:15px; width:660px; float:left; height:27px;} .documentation_container .content_container .career_container ul.liste_tiret{ padding-left:20px;} .documentation_container .content_container .career_container ul.liste_tiret li{ margin-bottom:10px;} .documentation_container .content_container .career_container ul.liste_no{ width:600px;} .documentation_container .content_container .career_container ul.liste_no li{ width:660px; height:auto; } .documentation_container .content_container .career_container ul.liste_no li p.p_no{ width:640px; height:auto; padding-left:20px; } .documentation_container .content_container .career_container ul li, .documentation_container .content_container .career_container ul li a{color:black;} .documentation_container .content_container .table_career_container h5 { border-top:1px solid black; margin-top:30px; ; color:black; font-size:12px; margin-bottom:10px;} .documentation_container .content_container .table_career_container ul { width:445px; float:left; } .documentation_container .content_container .table_career_container img { float:right; } .documentation_container .content_container .table_career_container ul li { width:445px; height:27px;} .documentation_container .content_container .table_career_container ul li a { width:445px; height:27px; text-decoration:underline; padding:1px 2px; color:black; } .documentation_container .content_container .table_career_container ul li a:hover { text-decoration:none; color:white; background-color:#e51d3d } /******************************************** * * SEARCH PAGE! * *********************************************/ ul.liste_recherche{ width:866px; padding:0px 0 0 0} div.feedback, .warning, .form_search {padding-left:25px; } ul.liste_recherche div.feedback, .warning { font-size:16px; height:20px;} ul.liste_recherche li img {float:left; width:0px;} ul.liste_recherche li { height:auto;} ul.liste_recherche li h2{ padding:15px 0 7px 0; ;} ul.liste_recherche li p{ padding:0 0 0 4px;} ul.liste_recherche li .attribute-link p { padding:4px 0 0 2px} .pagenavigator { padding:7px 0 0 2px;} ul.liste_recherche li a, .pagenavigator a{color:#646464; text-decoration:underline; padding:1px 2px; line-height:16px; margin-left:0px;} ul.liste_recherche li a:hover, .pagenavigator a:hover{color:white; text-decoration:none; background-color:#e51d3d} input.search_arborite2{ width:150px;border:1px solid #3c3c3c; border-right:none; position:absolute; top:1px; left:27px; height:14px; font-size:11px; padding-left: 2px;} input.submit_arborite2{ width:20px; height:20px; position:absolute; top:0px; left:177px; } .print_image, .print_image_small{display:none; height:200px; overflow:hidden;} .career_container li a:hover { color:white;} .warning_msg li {padding:0;list-style-type:disc; margin-left:40px;} .quick_order_container .validation_error2 { width:363px; height:auto; position:fixed; padding:13px; background-color:white; color:#F00; z-index:9999; border:#000 1px solid; margin-left:237px;} .quick_order_container .validation_error2 h2 { width:363px; height:28px; text-align:left; ; font-size:22px; margin-bottom:11px;} .quick_order_container .validation_error2 p { width:363px; margin-bottom:11px; text-align:left;} .quick_order_container .validation_error2 p.error { width:363px; margin-bottom:11px; font-size:11px; color:#e51d3d} .quick_order_container .validation_error2 .closeMsg { width:363px; border-top:1px solid #e51d3d; margin-top:11px;} .quick_order_container .validation_error2 .closeMsg p.close { float:right; margin:0; padding-top:12px; text-align:right; cursor:pointer; font-size:11px;} .quick_order_container .validation_error2 .closeMsg p.close:hover { text-decoration:underline; } /******************************************** * * SUSTAINABILITY *NOUVELLE SECTION* * *********************************************/ .sustainability_container {width:885px; height:auto; margin:0 auto;} .sustainability_container .sustainability_header{font-size:28px; color:#fff; ; margin-bottom:12px; background:#6ab03c; display:block; height:152px; width:885px; text-decoration:none;} .sustainability_container .sustainability_header span{visibility:hidden;} .sustainability_container .content_container #hub-1{width:660px; margin-bottom:11px;} .sustainability_container .content_container #hub-2{float:left; width:212px; margin-right:12px;} .sustainability_container .content_container #hub-3{float:left; width:212px; margin-right:12px;} .sustainability_container .content_container #hub-4{float:left; width:212px;} .sustainability_container .content_container .hub{background:#6ab03c; display:block; height:186px; text-decoration:none;} .sustainability_container .content_container .hub span{visibility:hidden;} .sustainability_container .banner_container { width:210px; height:auto; float:left; font-weight:100} .sustainability_container .banner_container .top_container_banner-green{background:url(../images/sustainability/b_top-green.gif) no-repeat; width:210px; height:9px;} .sustainability_container .banner_container .bottom_container_banner-green{background:url(../images/sustainability/b_bot-green.gif) no-repeat; width:210px; height:9px;} .sustainability_container .banner_container .container_banner-green{background:#6ab03c; width:210px; height:auto; padding-bottom:18px;} .sustainability_container .banner_container .container_banner-green h3{ ; text-align:left; padding:5px 0 12px 0; margin:0 16px; border-bottom:1px solid white;} .sustainability_container .banner_container .container_banner-green a {color:white;} .sustainability_container .banner_container .container_banner-green a:hover {background-color:white ; text-decoration:none; color:#6ab03c; } .sustainability_container .banner_container .container_banner-green ul {width:178px; padding-top:4px; } .sustainability_container .banner_container .container_banner-green ul li{font-weight:700; padding:2px; text-align:left; margin-top:8px;} .sustainability_container .banner_container .container_banner-green ul ul{padding:0; font-size:11px; line-height:normal; margin-left:32px; width:auto;} .sustainability_container .banner_container .container_banner-green ul ul li{font-weight:700; padding:2px; text-align:left; margin-top:0px; text-transform:none;} .sustainability_container .banner_container .container_banner-green ul li a{font-weight:700; padding:2px;text-align:left} .sustainability_container .banner_container .container_banner-green ul li a:hover{ background-color:white ; text-decoration:none; color:#6ab03c; } .sustainability_container .banner_container .container_banner-green ul li a.selected { color:#e51d3d; text-decoration:none;} .sustainability_container .banner_container .container_banner-green ul li a.selected:hover { background:none; color:#e51d3d;} .sustainability_container .banner_container .container_banner-green p{ color:#646464; width:178px; height:auto; font-family:Arial; font-size:11px; font-weight:100; text-align:left; padding:13px 0 0 0;} .sustainability_container .banner_container .top_container_banner-green.green-2{background:url(../images/sustainability/b_top-green-2.gif) no-repeat;} .sustainability_container .banner_container .bottom_container_banner-green.green-2{background:url(../images/sustainability/b_bot-green-2.gif) no-repeat;} .sustainability_container .banner_container .container_banner-green.green-2{background:#daebce;} .sustainability_container .banner_container .container_banner-green.green-2 a {color:#646464;} .sustainability_container .banner_container .container_banner-green.green-2 a:hover {background-color:#646464 ; text-decoration:none; color:#daebce; } .sustainability_container .banner_container .container_banner-green.green-2 h3{border-bottom:1px solid #646464;} .sustainability_container .content_container p {margin-bottom:20px; font-size:12px; font-family:Arial; color:#6ab03c; width:660px;} .sustainability_container .content_container { width:660px; height:auto; float:right; text-align:justify; color:#6ab03c;} .sustainability_container .content_container p a{padding:2px; color:#6ab03c;} .sustainability_container .content_container p a:hover{ background-color:#e51d3d ; text-decoration:none; color:white; } .sustainability_container .content_container h5{font-size:12px; color:#6ab03c;} .sustainability_container .banner_container img.logo_green{margin:18px 0 24px 0} .sustainability_container .banner_container img.logo_green2{margin:0 0 30px 0} /******************************************** * * 404 * *********************************************/ .lost_container{margin:0 20px; } .lost_container h1.lost_title{font-size:48px; margin:0 50px 24px;} .lost_container p{margin:0 50px 20px;} .lost_container .sep{background-color:#283126;height:1px;width:100%;margin-bottom:18px;} .lost_container .back_home{background:url(../images/error/back.png) top left no-repeat;display:block;height:20px;margin-left:50px;text-decoration:none;width:147px;} .lost_container .back_home_fr{background:url(../../fr/images/error/back.png) top left no-repeat;display:block;height:20px;margin-left:50px;text-decoration:none;width:147px;} .lost_container .back_home:hover, .lost_container .back_home_fr:hover{background-position:bottom;} .lost_container .back_home span, .lost_container .back_home_fr span{visibility:hidden;} /* MISC fixed */ noscript h3{ color:#fff; margin-left:67px } noscript p{ color:#f00; margin-left:67px; } /* Mobile Page */ .col{ float:left; width:297px; } .col.col-left{ margin-left:10px; } .mobile_content{ position:relative; } .mobile_content .col p{ color:#000; margin:15px 0; padding:0 20px; text-align:center; width:257px; } .mobile_content .col img{ margin-top:30px; } .mobile_content h2{ font-size:28px; text-align:center; margin-bottom:10px; } .mobile_content .left{ margin-left:65px; width:534px; } .mobile_content h3{ color:#e51d3d; font-size:24px; margin:30px 0 20px; } .mobile_content .sep{ background-color:#000; height:1px; margin-bottom:20px; width:100%; } .mobile_content ul{ color:#000; } .mobile_content ul li{ margin-left:15px; list-style:disc; } .mobile_content .callout{ background:url(../images/mobile/bg_button.png) no-repeat top left; margin:0 auto; height:237px; position:absolute; top:400px; right:26px; width:285px; } .mobile_content .callout h3{ font-size:18px; margin-top:22px; text-align:center; } .mobile_content .callout p{ color:#fff; padding:12px 0 0; margin:0 60px; text-align:center; } .mobile_content .callout.fr p{ color:#fff; padding:12px 0 0; text-align:center; } .mobile_content .callout a{ display:block; margin:57px 65px 0; } .mobile_content .callout.fr a{ display:block; margin:41px 65px 0; }