/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.9 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.css */ html {font-size:100.01%;} body {font-size:75%;color:#222;background:#fff;font-family:Helvetica, Arial, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;} tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;} input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;} form.inline {line-height:3;} form.inline p {margin-bottom:0;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} /* grid.css */ .container {width:950px;margin:0 auto;} .showgrid {background:url(src/grid.png);} .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;} .last, div.last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:150px;} .span-5 {width:190px;} .span-6 {width:230px;} .span-7 {width:270px;} .span-8 {width:310px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-11 {width:430px;} .span-12 {width:470px;} .span-13 {width:510px;} .span-14 {width:550px;} .span-15 {width:590px;} .span-16 {width:630px;} .span-17 {width:670px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-24, div.span-24 {width:950px;margin-right:0;} input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;} input.span-1, textarea.span-1 {width:18px!important;} input.span-2, textarea.span-2 {width:58px!important;} input.span-3, textarea.span-3 {width:98px!important;} input.span-4, textarea.span-4 {width:138px!important;} input.span-5, textarea.span-5 {width:178px!important;} input.span-6, textarea.span-6 {width:218px!important;} input.span-7, textarea.span-7 {width:258px!important;} input.span-8, textarea.span-8 {width:298px!important;} input.span-9, textarea.span-9 {width:338px!important;} input.span-10, textarea.span-10 {width:378px!important;} input.span-11, textarea.span-11 {width:418px!important;} input.span-12, textarea.span-12 {width:458px!important;} input.span-13, textarea.span-13 {width:498px!important;} input.span-14, textarea.span-14 {width:538px!important;} input.span-15, textarea.span-15 {width:578px!important;} input.span-16, textarea.span-16 {width:618px!important;} input.span-17, textarea.span-17 {width:658px!important;} input.span-18, textarea.span-18 {width:698px!important;} input.span-19, textarea.span-19 {width:738px!important;} input.span-20, textarea.span-20 {width:778px!important;} input.span-21, textarea.span-21 {width:818px!important;} input.span-22, textarea.span-22 {width:858px!important;} input.span-23, textarea.span-23 {width:898px!important;} input.span-24, textarea.span-24 {width:938px!important;} .append-1 {padding-right:40px;} .append-2 {padding-right:80px;} .append-3 {padding-right:120px;} .append-4 {padding-right:160px;} .append-5 {padding-right:200px;} .append-6 {padding-right:240px;} .append-7 {padding-right:280px;} .append-8 {padding-right:320px;} .append-9 {padding-right:360px;} .append-10 {padding-right:400px;} .append-11 {padding-right:440px;} .append-12 {padding-right:480px;} .append-13 {padding-right:520px;} .append-14 {padding-right:560px;} .append-15 {padding-right:600px;} .append-16 {padding-right:640px;} .append-17 {padding-right:680px;} .append-18 {padding-right:720px;} .append-19 {padding-right:760px;} .append-20 {padding-right:800px;} .append-21 {padding-right:840px;} .append-22 {padding-right:880px;} .append-23 {padding-right:920px;} .prepend-1 {padding-left:40px;} .prepend-2 {padding-left:80px;} .prepend-3 {padding-left:120px;} .prepend-4 {padding-left:160px;} .prepend-5 {padding-left:200px;} .prepend-6 {padding-left:240px;} .prepend-7 {padding-left:280px;} .prepend-8 {padding-left:320px;} .prepend-9 {padding-left:360px;} .prepend-10 {padding-left:400px;} .prepend-11 {padding-left:440px;} .prepend-12 {padding-left:480px;} .prepend-13 {padding-left:520px;} .prepend-14 {padding-left:560px;} .prepend-15 {padding-left:600px;} .prepend-16 {padding-left:640px;} .prepend-17 {padding-left:680px;} .prepend-18 {padding-left:720px;} .prepend-19 {padding-left:760px;} .prepend-20 {padding-left:800px;} .prepend-21 {padding-left:840px;} .prepend-22 {padding-left:880px;} .prepend-23 {padding-left:920px;} div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;} .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5 {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7 {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9 {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11 {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13 {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15 {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17 {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19 {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21 {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23 {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;} .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em 120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px 1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0 -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9 {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;} .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em 480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0 -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16 {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;} .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em 760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0 -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23 {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .prepend-top {margin-top:1.5em;} .append-bottom {margin-bottom:1.5em;} .box {padding:1.5em; margin-bottom:1.5em; background:#eeeeee; border:1px solid #d8d8d8;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;visibility:hidden;} .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} /* ************* end bleuprint screen.css */ body { background-image:url(/css/img/bg.jpg); background-repeat:repeat-x; background-position:top; background-color:#f1f1f1; } a:active, a:focus { outline: 0; } a:hover { color:#F26432; } a:visited { text-decoration:none;} .bold { font-weight:bold;} .grey { color:#999999; } .lightgrey { color:#659985; } .red { color:#F26432; } .blue { color:#0099ff; } .darkblue { color:#2472D6; } .black { color:#000000; } #header { background-image:url(/css/img/bg.jpg); background-repeat:repeat-x; /* background-position:top; background: #fff;*/ } #logoweb { width:700px; } #topLeftNav {position:absolute; margin:27px 0 0 240px; color:#0099FF;} #topLeftNav a {margin:0px 10px 0 10px; color:#0099FF;} #topLeftNav a:hover {color:#F26432;} #logoprint {display:none; } #navtop, #navtop2 { float:right; text-align:right; width:200px; color:#0099ff; /*border:1px solid red;*/ } #navtop a { text-decoration:none; text-transform:uppercase; color:#0099ff; padding:2px; margin:10px 0 0 0; font-size:.9em; letter-spacing:0.05em; } #navtop a:hover { background-color:#0099ff; color:#fff; } #navtop2 a { text-decoration:none; text-transform:uppercase; color:#0099ff; padding:2px; margin:10px 0 0 0; font-size:.9em; letter-spacing:0.05em; } #navtop2 a:hover { background-color:#0099ff; color:#fff; } #numtel {font-weight:bold; color:#f26532; font-size:1.5em;} #homemedia { height:244px; min-height:244px; background:#fff url(/css/img/bg_bandeau2.jpg) repeat-x bottom; } #media { height:200px; min-height:200px; background:#fff url(/css/img/bg_bandeau_200.jpg) repeat-x bottom; } #content { background-color:#fff;} .TableArticle { margin-bottom:0px;} .TableArticle td { padding:0;} .TableArticleCategorie { line-height: 1.5; width: 35%; font-size: 0.8em; margin-bottom: 0px; } .TableArticleCategorie td { padding:0;} .box1 { background:#fff url(/css/img/box1-bg.jpg) no-repeat bottom; text-align:left; height:210px; padding:5px 0 0 0; } .box1 ul { margin:5px 0 0 30px; } .box1 ul li { list-style-type:square; color:#cccccc; } .box1 ul li a:hover { text-decoration:none; background-color:White; color:#f26432;} .box1 ul li a { text-decoration:none;} .box1 p { margin:5px 15px 0 15px;} .catalogueContainer { line-height: 1; } .catalogueconteneur {/*background:#fff url(../img/span6-bg.jpg) no-repeat bottom;*/ margin:1em 0 1em 0; /*background: #222 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC") repeat-x;*/ display: inline-block; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); } .cataloguecontent { padding:0 10px 0 10px; margin-bottom:5px;} .cataloguecontent a img, .cataloguecontent img { float:right; margin:0 5px 5px 5px;} .cataloguecontent p a { margin:5px 0 20px 0px; font-size:0.9em; text-decoration:none; color:#659985; text-decoration:none;} /*.cataloguecontent p a:hover {color:#659985;}*/ a:link h4 { text-decoration:none; color:#659985;} a:hover h4 { background-color:#f1f1f1; color:#f26532;} .cataloguecontent h4, .catalogueconteneur h4 {font-weight:bold; margin-bottom:0em; margin-top:0.4em;padding-left:0px; display:inline; color:#659985; text-transform:uppercase;} /*page categorie*/ .catPres {clear:both;} .catPres p {line-height: 22px;} /* item liste prod page categorie*/ .cDimension {/*color:#b1b1b1;*/} .chiffre {font-size:12px; font-weight:bold;} .catalogueconteneur a:link, .catalogueconteneur a:visited {text-decoration:none; color:#659985;} /*.catalogueconteneur a:hover {text-decoration:color:#659985;}*/ .news {} .newsText { font-size:1.55em; line-height:1em; color:#767676;/* color:#ff9900;*/ margin:25px 0 0 0; text-align:right;} .newsText img { float:right;} a.newsText { color:#fff;} .pictoInflammable { position:absolute; margin-left:-60px;} .nosMarques {width: 100%; } .boxBrabantia, .boxNayati, .boxRosignol, .boxSimplehuman, .boxVipp, .boxRubbermaid, .boxOtto, .boxHailo, .boxWesco {float:left; width:90px; height:45px; background: url(/css/brabantia.gif) no-repeat; text-indent: -9999px; margin-right: 30px; } .boxNayati {background-position: -113px 0;} .boxRosignol {background-position: -238px 0;} .boxSimplehuman {background-position: -366px 0; width:105px;} .boxVipp {background-position: -510px 0; width:55px;} .boxRubbermaid {background-position: -594px 0;} .boxOtto {background-position: -720px 0; width:45px;} .boxHailo {background-position: -794px 0; width:50px;} .boxWesco {background-position: -869px 0; margin-right: 0px;} /* FOOTER ------------------------------------------------*/ .footerContact { display:none;} #footer { background:#fff url(/css/img/footer_bg.jpg) repeat-x top; } .footerlinklist {margin:20px 0 0 0;} .footerlinklist div { color:#766763; letter-spacing:1px; margin-bottom:0.4em; text-transform:uppercase;font-size:1.2em; line-height:1; font-weight:bold; } .footerlinklist h3 { font-size:1.2em; font-weight:bold; } .footerlinklist ul li { list-style-type:square; color:#cccccc; } .footerlinklist ul li a { text-decoration:none; padding:2px} .footerlinklist ul li a:hover { text-decoration:none; background-color:White; color:#f26432;} .footerlinklist ul li:hover {color:#f26432;} span.phone { font-size:1.5em; } a.phone { background:#fff url(/css/img/bt-footer-bg.jpg) repeat-x bottom; text-decoration:none; border: solid 1px #bbbbbb; padding:3px; font-size:1.1em; } a.phone:hover { border: solid 1px #F26432; color:#F26432; } a.linkfooter:link, a.linkfooter:visited { text-decoration:none; padding:2px 0 2px 0; line-height:2.5em;} a.linkfooter:hover { text-decoration:none; background-color:White; color:#f26432} .MainImageVignette { display:inline; line-height:2em; height:50px; min-height:50px; margin:0px 2px 0 2px;} .MainImageVignette img { cursor:pointer; margin:10px 5px 0 0px; padding:2px 2px 4px 2px; border:1px solid #cccccc;} .MainImageVignette img:hover {border:1px solid #766763;} /* TYPE ------------------------------------------------*/ h1 { color:#ffffff; font-size:2.5em; line-height:2em; } h2 { text-transform:uppercase; color:#0099ff; letter-spacing:0.05em;line-height: 20px;padding:4px 0 4px 0px; margin:8px 0 8px 0px; display:inline;} h2 a:link, h2 a:visited { color:#0099ff; text-decoration:none;} h2 a:hover { color:#f26532; text-decoration:none;} .box1 h2 { text-transform:uppercase; color:#0099ff; letter-spacing:0.05em; margin:8px 0 0 15px;} h3 { text-transform:uppercase; color:#766763; letter-spacing:0.1em; margin-bottom:0.4em; z-index:3000;} h4 { } p a:link, p a:visited {text-decoration:none;} p a:hover {color:#F26432; text-decoration:underline;} a:link { text-decoration:none;} .awesome, .awesome:visited { background: #222 url(/css/img/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; } .awesome:hover { background-color: #111; color: #fff; } .awesome:active { top: 1px; } .small.awesome, .small.awesome:visited { font-size: 11px; padding: ; } .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; } .green.awesome, .green.awesome:visited { background-color: #91bd09; } .green.awesome:hover { background-color: #749a02; } .blue.awesome, .blue.awesome:visited { background-color: #2daebf; } .blue.awesome:hover { background-color: #007d9a; } .red.awesome, .red.awesome:visited { background-color: #e33100; } .red.awesome:hover { background-color: #2372D6; } /*.red.awesome:hover { background-color: #872300; }*/ .magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; } .magenta.awesome:hover { background-color: #630030; } .orange.awesome, .orange.awesome:visited { background-color: #ff5c00; } .orange.awesome:hover { background-color: #d45500; } .yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; } .yellow.awesome:hover { background-color: #fc9200; } .articleShareLinks {position:absolute; width:910px; text-align:right; padding:3px 0 0 0;color:#ccc;} a.btPrint { background:#fff url(/css/img/icon-print.png) no-repeat 0px 0px; display:inline-block; padding:0px 0px 0px 28px; text-decoration:none; font-size:11px; color:#ccc; height:20px; } a.btPrint:hover { background:#fff url(/css/img/icon-print.png) no-repeat 0px -20px;color:red; } a.btMail { background:#fff url(/css/img/icon-mail.png) no-repeat 0px 3px; display:inline-block; padding:0px 0px 0px 28px; font-size:11px; color:#ccc; text-decoration:none; height:20px; } a.btMail:hover { background:#fff url(/css/img/icon-mail.png) no-repeat 0px -15px; color:red; } .boxColLeft { } .boxColRight { width:46%;float:right; padding:0 0 3em 2.5em;} .slidecontainer { width:950px; height:306px; overflow:hidden; position:relative; /*cursor:pointer;*/ } .slides { position:absolute; top:0; left:0; } .slides div { position:absolute; top:0; width:950px; display:none; } .slidenav { position:absolute; /*display: inline;*/ z-index:100; margin-left:850px; margin-top:270px; width:70px; background-image:url(/css/img/nav_bg.png); padding:0 5px 0 5px; } ul.pagination { list-style:none; padding:0; margin:0; } ul.pagination li { float:left; } ul.pagination li a { padding:4px 5px; text-decoration:none; color:#0099ff; } ul.pagination li.active a { background:#0099ff; color:white; } /* //////////////////////////////////////////////////////////////////////////////////////// anythingSlider v1.0 */ .anythingSlider { width: 950px; height: 244px; position: relative; /*border:1px solid red; margin: 0 auto 15px; */ } .anythingSlider .wrapper { width: 950px; overflow: auto; height: 235px; margin: 0 0px; position: absolute; top: 0; left: 0; } .anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; /*border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213;*/ margin: 0; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 235px; width: 950px; margin: 0; } /*.anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; } .anythingSlider .forward { background-position: 0px 0; right: -50px; } .anythingSlider .back { background-position: -67px 0; left: -50px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; }*/ /* -------------------------------------------------------------------------- */ /* ------------------------------------------------------------- slideshow */ #slideshow { margin: 0; width: 950px; height: 235px; padding-bottom:0; z-index: 0; } #slideshowNav { z-index: 50; position: absolute; margin-left: 825px; margin-top:-44px; background-color: rgba(236, 236, 236, 0); padding:1px 3px 2px 3px; -moz-border-radius: 7px; -webkit-border-radius: 7px;border-radius: 7px;} #slideshowNav:hover {background: #ECECEC;background-color: rgba(236, 236, 236, 1)} #slideshowNav a { margin: 0 4px; padding: 3px 5px; text-decoration: none ; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#999;} #slideshowNav a.activeSlide, #slideshowNav a.activeSlide:hover { background: #DADADA; color:#e21a22; } #slideshowNav a:hover { color:#e21a22; } #slideshowNav a:focus { outline: none; } /**/ .pics { height: 950px; width: 235px; padding:0; margin:0; overflow: hidden } .pics img { height: 235px; width: 950px; padding: 0; border: 0 solid #ccc; background-color: #eee; top:0; left:0 } /**/ .slide div {position:absolute; z-index:51; margin:40px 0; /*background:#5d9199; background:rgba(52,118,127,0.8);*/ font-size:18px; line-height: 30px; padding:10px 20px 10px 20px; color:#fff;/*border-radius:0 10px 10px 0 ; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0;*/} .slide div h1 {font-size: 28px;} .slide div h2 {font-size: 22px;} .slide div h3 {font-size: 18px;} .slide div h4 {font-size: 14px;} ul.slideLiens li {font-size: 16px; display: inline; background-image: none; padding: 0;} ul.slideLiens li a {color:#fff;background-color:#1B4B57; font-size:14px; padding:5px 7px 5px 7px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;color:#E21A22;} ul.slideLiens li a:hover {color:#fff; background-color:rgba(52,118,127,0.85); } /* ------ */ /* //////////////////////////////////////////////////////////////////////////////////////// */ div.sc_menu_wrapper { } div.sc_menu { position: relative; height: 170px; /* Make bigger than a photo, because we need a place for a scrollbar. */ width: 950px; margin-top: 20px; overflow:auto; } ul.sc_menu { display: block; height: 110px; /* Max width here, for users without Javascript */ width: 10000px; /* Remove default margin */ margin: 0; list-style:none; } .sc_menu li { float: left; margin-right: 15px; padding: 15px 5px 0 5px; /*border: 2px rgb(79, 79, 79) solid; -webkit-border-radius: 4px; -moz-border-radius: 4px;*/ cursor:pointer; text-align:center; } .sc_menu li:hover { /*background: rgb(204, 204, 204);*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; /*border: 2px rgb(79, 79, 79) solid; */ } .sc_menu li a { /* When image support is turned off */ color: #fff; } .sc_menu a:hover { background-color:#CCCCCC; } .sc_menu img { /*display: block;*/ border: none; } .sc_menu_wrapper .loading { position: absolute; padding: 10px; width: 100px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-align: center; color: #fff; border: 1px solid rgb(79, 79, 79); background: #cccccc; /* Make background a bit transparent for browsers that support rgba */ background: rgba(0, 0, 0, 0.5); } /* Styling tooltip */ .sc_menu_tooltip { display: block; position: absolute; padding: 6px; font-size: 12px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid rgb(79, 79, 79); background: rgb(0, 0, 0); /* Make background a bit transparent for browsers that support rgba */ background: rgba(0, 0, 0, 0.5); } .sc_menu span { /* We want a caption to display on the next line */ display: none; margin-top: 3px; color: #000; } #thumbNav { position:absolute; /*display: inline;*/ z-index:100; left:50%; margin-left:325px; top:211px; width:120px; background-image:url(/css/img/nav_bg.png); background-repeat:no-repeat; background-position:right; padding:0 5px 0 5px; text-align:right;} #thumbNav a { display: inline-block; padding: 3px 6px; margin: 0 5px 0 0; text-align: center; color:#0099ff; text-decoration:none; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #thumbNav a:hover { background-color:none; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20);} #thumbNav a.cur { background-color:#0099ff; color:#fff; font-weight:bold; } .slidecontent {display:block; height:286px; min-height:266px; padding:20px 50px 0 50px;} .slidecontent h1{ line-height:2em;} #start-stop { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #start-stop.playing { background-color: red; } #start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } .formTextInput { width:99%; border:solid 1px #bbbbbb;} .formTextInputBorder { border:solid 1px #bbbbbb;} /* Sacs search */ .sacsearchlist ul { margin:0; padding:0; } .sacsearchlist ul li { list-style-type:none;padding:2px 0 2px 0; color:#000000;font-size:14px; } .sacsearchlist ul li:hover { list-style-type:none; color:#F26432; } .sacsearchlist ul li a { text-decoration:none; font-weight:normal; font-size:14px;} .sacsearchlist ul li a:hover { text-decoration:none; background-color:White; color:#784512} .sacsearchlist input:checked { list-style-type:none; color:#00FF00; } /* //////////////////////////////////////////////////////////////////////////////////////// */ .imgGeneric, .imgPoubExterieur, .imgSacs, .imgSanitaire, .imgConteneur, .imgCorbExterieur, .imgCendrier, .imgPoubInterieur, .imgPoubPedale, .imgSupport, .imgFut, .imgGreen, .imgCorbeille, .imgContact, .imgContainer, .imgHydro, .imgSociete, .imgLinge, .imgCuisine, .imgRecyclage, .imgGobelet { background-repeat:no-repeat; background-position:right; min-height:191px; height:191px; } .imgConteneur {background-image:url(/css/img/conteneurs-enfouis.jpg);} .imgSacs {background-image:url(/css/img/sacs-poubelles.jpg);} .imgPoubExterieur {background-image:url(/css/img/cat-big-poubelles-exterieur.jpg);} .imgCorbExterieur {background-image:url(/css/img/cat-big-corbeilles-exterieur.jpg);} .imgCendrier {background-image:url(/css/img/cat-big-cendrier.jpg);} .imgPoubInterieur {background-image:url(/css/img/cat-big-poubelles-interieur.jpg);} .imgPoubPedale {background-image:url(/css/img/cat-big-poubelles-pedale.jpg);} .imgSupport {background-image:url(/css/img/cat-big-support2.jpg);} .imgFut {background-image:url(/css/img/cat-big-fut3.jpg);} .imgGreen {background-image:url(/css/img/cat-big-green2.jpg);} .imgCorbeille {background-image:url(/css/img/cat-corbeilles-a-papier.jpg);} .imgContact {background-image:url(/css/img/img-contact.jpg);} .imgContainer {background-image:url(/css/img/cat-big-container2.jpg);} .imgHydro {background-image:url(/css/img/cat-big-hydro2.jpg);} .imgSociete {background-image:url(/css/img/bureau.jpg);} .imgLinge {background-image:url(/css/img/cat-big-linge.jpg);} .imgSanitaire {background-image:url(/css/img/cat-big-sanitaire.jpg);} .imgCuisine {background-image:url(/css/img/cat-cuisine.jpg);} .imgGeneric {} .notification { font-size: 0.8em; background:#FFF6BF; color:#514721; border-color:#FFD324; } #val_largeur { background:transparent; border: none 0 fff; } .chkBoxTitle { text-transform:uppercase; } .chkBoxCol1 { float: left; width: 100%; clear: left; } .chkBoxCol2 { float: left; width: 50%; } /* ------------------------------------------------------------ Page sacs */ .selectedSacs { /*border:solid 1px Red; background-color:#ffffff; margin:0 0px 0px 0px; padding:0 2px 5px 2px;*/ } .sacResult { background:#f5f5f5 url(/css/cms/tr-alt-cms-table2.jpg) repeat-x top; padding:10px 0 0 0; font-size:14px; line-height:22px; } .sacAltResult { background:#fff url(/css/cms/tr-cms-table2.jpg) repeat-x top; padding:10px 0 0 0; font-size:14px; line-height:22px; } .ligne { width:60%} .sacSelection { background-image:url(/css/img/tr-sac-selection.jpg); background-repeat:repeat-x; background-position:top; background-color: #7fccff; } .btPanierAdd, .btPanierRem { display:block; float:left; height:30px; margin:0px 0 0 5px;; padding-bottom:0; /* reset padding-bottom:18px from a tag */ text-indent:-9999px; width:26px; f } .btPanierAdd { background:url(/css/img/icon-panier.png) -26px 0px no-repeat; } .btPanierRem { background:url(/css/img/icon-panier.png) 0px 0px no-repeat; } .btPanierAdd:hover { background:url(/css/img/icon-panier.png) -26px -42px no-repeat; } .btPanierRem:hover { background:url(/css/img/icon-panier.png) 0px -42px no-repeat; } /** ********************************************* * Prototype of styles for horizontal CSS-menu * @data 30.06.2009 ********************************************* * (X)HTML-scheme: * ********************************************* */ /* menu::base */ div#menuContainer { height:38px; width:100%; background:url(/css/apmenu-images/main-bg2.png) repeat-x; text-align:center; } div#menu { margin-top:67px; height:38px; width:1000px; margin:auto; margin-bottom:0px; margin-top:0px; text-align:left; /*background:url(/css/apmenu-images/main-bg2.png) repeat-x;*/ } div#menu ul { margin: 0; padding: 0; list-style: none; float: left; } div#menu ul.menu { padding-left: 20px; width: 100%; } div#menu li { position: relative; z-index: 9; margin: 0; padding: 0 5px 0 0; display: block; float: left; cursor: default; } div#menu li:hover>ul { left: -5px; } div#menu a, div#menu ul li { position: relative; z-index: 10; height: 38px; display: block; float: left; line-height: 38px; text-decoration: none; font-size:1.2em; font-weight:bold; } div#menu ul ul a {font-weight:normal;font-size:14px;} /*div#menu a:hover, div#menu a:hover span { }*/ div#menu a:hover { color: rgb(215, 82, 35); } /*div#menu li.current a,*/ #topLeftNav a {color:#0099FF; /*cursor:default;*/} #topLeftNav a.current {cursor:default; color:#ccc;} div#menu li.mainmenuCurr a {background-color:none; cursor: default; color:#0099FF;} div#menu li.mainmenu a {color:#fff; } div#menu span { display: block; cursor: pointer; background-repeat: no-repeat; background-position: 95% 0; } div#menu ul ul a.parent span { background-position:95% 8px; background-image: url(/css/apmenu-images/item-pointer.gif); } div#menu ul ul a.parent:hover span { background-image: url(/css/apmenu-images/item-pointer-mover.gif); } div#menu ul ul li div { color:#fff; font-size: 14px; font-weight:bold; padding:2px 0 2px 14px; margin-bottom:5px; background:url(/css/apmenu-images/item-pointer.gif) 95% 8px no-repeat; text-transform:uppercase; } div#menu ul ul div:hover { background:url(/css/apmenu-images/item-pointer-mover.gif) 95% 8px no-repeat; color:#F26432; } /* menu::level1 */ div#menu a, div#menu ul li div { padding: 0 10px 0 10px; /*line-height: 40px;*/ color: #fff; } #menu ul li div.currcat {color:#0099FF;} div#menu span { margin-top: 15px; /* color: #000099;*/ } div#menu ul a:hover span, div#menu ul li:hover div { color: #F26432; li.current:hover div {color:#0099ff;} } div#menu ul ul span { /*color: #000099;*/ } div#menu ul ul a:hover span { /*color: rgb(218,219,222);*/ } div#menu li { background: url(/css/apmenu-images/main-delimiter2.png) 98% 4px no-repeat; } div#menu li.last { background: none; } /* menu::level2 */ div#menu ul ul li { background: none; } div#menu ul ul { position: absolute; top: 37px; left: -999em; width: 250px; padding: 5px 0 0 0; background:#C3C7CA; margin-top:1px; } /* div#menu ul ul a { padding: 0px 0 0px 15px; height: auto; float: none; display: block; line-height: 24px; color: #fff; } div#menu ul ul span { margin-top: 0; padding-right: 15px; _padding-right: 20px; color:#fff; } div#menu ul ul a:hover span { color: #fff; }*/ div#menu ul ul li.last { background: none; } div#menu ul ul li { width: 100%; } /* menu::level3 */ div#menu ul ul ul { padding: 2px; width: 230px; margin: -38px 0 0 123px !important; margin-left:172px; } div#menu ul ul ul li a {font-size:14px; color:#000000;} /* colors */ div#menu ul ul ul { background:#B8BDC2; } div#menu ul ul ul ul { background: rgb(38,38,38); } div#menu ul ul ul ul { background: rgb(35,35,35); } /* lava lamp */ div#menu li.back { background: url(/css/apmenu-images/lava.png) no-repeat right -44px !important; background-image: url(/css/apmenu-images/lava.gif); width: 13px; height: 44px; z-index: 8; position: absolute; margin: -1px 0 0 -5px; } div#menu li.back .left { background: url(/css/apmenu-images/lava.png) no-repeat top left !important; background-image: url(/css/apmenu-images/lava.gif); height: 44px; margin-right: 8px; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -100px 0;} #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -100px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -129px -29px;} #cboxMiddleLeft{width:21px; background:url(colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }