/* YUI 3.5.0 reset.css (https://developer.yahoo.com/yui/3/cssreset/) - https://cssreset.com */ html{color:#000;background:#FFF;font-size:110%}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}#yui3-css-stamp.cssreset{display:none} /* Clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* .clearfix { display: inline-block; } */ html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .mbr {display: none;} /* Uniform Theme: Uniform Default Version: 1.8 By: Josh Pyles License: MIT License --- For use with the Uniform plugin: https://uniformjs.com/ */ /* General settings */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { background-image: url("../images/uniform/sprite.png"); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } #homePage div.selector, #homePage div.selector span, #homePage div.checker span, #homePage div.radio span, #homePage div.uploader, #homePage div.uploader span.action, #homePage div.button, #homePage div.button span { background-image: url(../images/uniform/spriteHome.png); } div.selector, div.checker, div.button, div.radio, div.uploader { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; /* Keeping this as :focus to remove browser styles */ } div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus { outline: 0; } div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * { margin: 0; padding: 0; } .highContrastDetect { background: url("../images/uniform/bg-input.png") repeat-x 0 0; width: 0px; height: 0px; } /* Input & Textarea */ input.uniform-input, select.uniform-multiselect, textarea.uniform { padding: 3px; background: url("../images/uniform/bg-input.png") repeat-x 0 0; outline: 0; } input.uniform-input.active, select.uniform-multiselect.active, textarea.uniform.active { background: url("../images/uniform/bg-input-focus.png") repeat-x 0 0; } /* Remove default webkit and possible mozilla .search styles. * Keeping this as :active to remove browser styles */ div.checker input, input[type="search"], input[type="search"]:active { -moz-appearance: none; -webkit-appearance: none; } /* Select */ div.selector { background-position: 0 -130px; line-height: 26px; height: 26px; padding: 0 0 0 10px; position: relative; overflow: hidden; } div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background-position: right 0; height: 26px; line-height: 26px; padding-right: 25px; cursor: pointer; width: 100%; display: block; } div.selector.fixedWidth { width: 190px; } div.selector.fixedWidth span { width: 155px; } div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 22px; top: 2px; left: 0px; width: 100%; } div.selector.active { background-position: 0 -156px; } div.selector.active span { background-position: right -26px; } div.selector.hover, div.selector.focus { background-position: 0 -182px; } div.selector.hover span, div.selector.focus span { background-position: right -52px; } div.selector.hover.active, div.selector.focus.active { background-position: 0 -208px; } div.selector.hover.active span, div.selector.focus.active span { background-position: right -78px; } div.selector.disabled, div.selector.disabled.active { background-position: 0 -234px; } div.selector.disabled span, div.selector.disabled.active span { background-position: right -104px; } /* Checkbox */ div.checker { position: relative; } div.checker, div.checker span, div.checker input { width: 19px; height: 19px; } div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -260px; } div.checker span.checked { background-position: -76px -260px; } div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; } div.checker.active span { background-position: -19px -260px; } div.checker.active span.checked { background-position: -95px -260px; } div.checker.hover span, div.checker.focus span { background-position: -38px -260px; } div.checker.hover span.checked, div.checker.focus span.checked { background-position: -114px -260px; } div.checker.hover.active span, div.checker.focus.active span { background-position: -57px -260px; } div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: -133px -260px; } div.checker.disabled, div.checker.disabled.active { background-position: -152px -260px; } div.checker.disabled span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; } /* Radio */ div.radio { position: relative; } div.radio, div.radio span, div.radio input { width: 18px; height: 18px; } div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; } div.radio.active span { background-position: -18px -18px -279px; } div.radio.active span.checked { background-position: -90px -279px; } div.radio.hover span, div.radio.focus span { background-position: -36px -36px -279px; } div.radio.hover span.checked, div.radio.focus span.checked { background-position: -108px -279px; } div.radio.hover.active span, div.radio.focus.active span { background-position: -54px -279px; } div.radio.hover.active span.checked, div.radio.focus.active span.checked { background-position: -126px -279px; } div.radio.disabled span, div.radio.disabled.active span { background-position: -144px -279px; } div.radio.disabled span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; } /* Uploader */ div.uploader { background-position: 0 -297px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; } div.uploader span.action { background-position: right -409px; height: 28px; line-height: 28px; width: 82px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; } div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 85px; padding: 0 10px; } div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; } div.uploader.active span.action { background-position: right -465px; } div.uploader.hover, div.uploader.focus { background-position: 0 -353px; } div.uploader.hover span.action, div.uploader.focus span.action { background-position: right -437px; } div.uploader.hover.active span.action, div.uploader.focus.active span.action { background-position: right -493px; } div.uploader.disabled, div.uploader.disabled.active { background-position: 0 -325px; } div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: right -381px; } /* Buttons */ div.button { background-position: 0 -641px; height: 30px; cursor: pointer; position: relative; /* Keep buttons barely visible so they can get focus */ } div.button a, div.button button, div.button input { opacity: 0.01; filter: alpha(opacity=1); -moz-opacity: 0.01; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } div.button span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; line-height: 22px; text-align: center; background-position: right -521px; height: 22px; margin-left: 13px; padding: 8px 15px 0 2px; } div.button.active { background-position: 0 -671px; } div.button.active span { background-position: right -551px; cursor: default; } div.button.hover, div.button.focus { background-position: 0 -701px; } div.button.hover span, div.button.focus span { background-position: right -581px; } div.button.disabled, div.button.disabled.active { background-position: 0 -731px; } div.button.disabled span, div.button.disabled.active span { background-position: right -611px; cursor: default; } /* INPUT & TEXTAREA */ input.uniform-input, select.uniform-multiselect, textarea.uniform { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; color: #777; border-top: solid 1px #aaaaaa; border-left: solid 1px #aaaaaa; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input.uniform-input.hover, input.uniform-input.focus, select.uniform-multiselect.hover, select.uniform-multiselect.focus, textarea.uniform.hover, textarea.uniform.focus { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-color: #999; } @media(min-width:641px){ #personnalisationreliure{padding-left: 220px !important; background: url(../images/categorie/personnalisation-couvertures.jpg) no-repeat left center;} #personnalisationreliure2{padding-left: 220px !important; background: url(../images/categorie/unicover-personalisable-2.jpg) no-repeat left center;}} @media(max-width:640px){ #personnalisationreliure{padding-top: 290px !important; background: url(../images/categorie/personnalisation-couvertures.jpg) no-repeat center top;} #personnalisationreliure2{padding-top: 290px !important; background: url(../images/categorie/unicover-personalisable-2.jpg) no-repeat left center;} #preencolle tr { display: flex; max-width: 92vw; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: inherit; } #preencolle td { border-bottom: 1px solid grey !important; width:44%} #emboitage tbody, #emboitage tr{ display:flex;flex-direction:row;flex-wrap:wrap} #emboitage tr{ width:100%} #emboitage td{ width:20%} } .panel ul, .panel .panel-footer{height: auto !important;} /* PRESENTATION */ /* Buttons */ div.button span { font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } div.button.hover span, div.button.focus span { color: #555; } div.button.disabled span, div.button.disabled.active span { color: #bbb; } /* Select */ div.selector { font-size: 12px; } div.selector span { color: #666; text-shadow: 0 1px 0 white; } div.selector select { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; } div.selector.disabled span, div.selector.disabled.active span { color: #bbb; } /* Checker */ div.checker { margin-right: 5px; } /* Radio */ div.radio { margin-right: 3px; } /* Uploader */ div.uploader span.action { text-shadow: white 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; } div.uploader span.filename { color: #777; border-right: solid 1px #bbbbbb; font-size: 11px; } div.uploader.disabled span.action, div.uploader.disabled.active span.action { color: #aaa; } div.uploader.disabled span.filename, div.uploader.disabled.active span.filename { border-color: #ddd; color: #aaa; } input.uniform-input, input.uniform-input:focus { background-color: #fff; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancy/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancy/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/fancy/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancy/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } @media (max-width: 603px) { table.jobClass td:before, table.jobClass td.jobDescr { content: attr(data-title); font-size: 1.1em !important } table.jobClass td.jobDesc div.seeMore { font-size: 1em } table.jobClass td.jobDesc h3 { font-size: 1.1em } table.jobClass, table.jobClass thead, table.jobClass tbody, table.jobClass th, table.jobClass td, table.jobClass tr { display: block; } table.jobClass thead tr { display: none; } table.jobClass td { position: relative; border: 0px solid transparent; padding-left: 34% !important; white-space: normal; text-align: right; } table.jobClass td:before { position: absolute; top: 0px; left: 0px; width: 32%; padding-right: 15px; height: 100%; white-space: nowrap; text-overflow: ellipsis !important; overflow: hidden !important; text-align: left; background-color: #f8f8f8; padding: 2px; } .listeCommandes { font-size:0.7em !important} .listeCommandes tr{display: flex; width: 100%; flex-wrap: nowrap} .listeCommandes th, .listeCommandes td{width:20%;} .listeCommandes.suiviDevis th, .listeCommandes.suiviDevis td{width:15%} .listeCommandes.suiviDevis th:first-child{padding-right:13px} .listeCommandes.suiviDevis th:first-child, .listeCommandes.suiviDevis td:first-child{ width:20% } .listeCommandes.suiviDevis th:nth-child(2), .listeCommandes.suiviDevis td:nth-child(2){ width:18% } .listeCommandes.suiviDevis th:nth-child(3), .listeCommandes.suiviDevis td:nth-child(3){ width:24% } .listeCommandes.suiviDevis th:nth-child(4), .listeCommandes.suiviDevis td:nth-child(4){ width:14% } .listeCommandes.suiviDevis th:last-child, .listeCommandes.suiviDevis td:last-child{ width:10% } .isNew td{ width: 20%; padding: 0.3em 0.5em !important } .detailQuote td{ width: 100% !important; font-size:1.4em !important} .pjAbuttons{display:flex} .sousMenu{font-size: 1.1em;line-height: 1.8em;} .sousMenu ul li ul{font-size:1.1em;line-height:2em} .sousMenu ul li ul li ul li{padding-bottom:5px} } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancy/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../images/fancy/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } #contactPopin {max-width: 600px;} /* Zoomple */ #zoomple_previewholder{ left:0; top:0; z-index:9900; position:absolute; display:none; width:300px; height:300px; background-color:transparent; background-position:50% 50%; background-repeat: no-repeat; transform: translateZ(0); -webkit-transform: translateZ(0); } #zoomple_previewholder .image_wrap{ left:0; top:0; z-index:9900; position:absolute; width:100%; height:100%; overflow:hidden; background:#fff; box-shadow:0 0 20px 4px #000; } #zoomple_previewholder.rounded .image_wrap{ border:0 solid #454C50; border-radius:50%; background-clip: padding-box; } #zoomple_previewholder .overlay{ position:absolute; left:0; top:0; width:100%; height:100%; background-clip: padding-box; z-index:1; } #zoomple_previewholder.rounded .overlay{ border-radius:50%; /*box-shadow:inset 0 0 20px 7px #fff;*/ } #zoomple_previewholder .cursor{ width:20px; height:20px; margin-left:-10px; margin-top:-10px; position:absolute; left:50%; top:50%; z-index:10100; background: url(../images/cursor.png) 0 0 no-repeat; } #zoomple_previewholder.zp-visible{ display:block; } #zoomple_previewholder img{ display:block; position:absolute; left:0; top:0; } #zoomple_previewholder .caption-wrap{ position:absolute; top:100%; left:0; z-index:10100; width:100%; margin:0; padding:0; font:11px Verdana,sans-serif; color:#090808; border-radius:0 0 7px 7px; } #zoomple_previewholder .caption-wrap .caption{ padding:5px 10px; font:11px Verdana,sans-serif; border-radius:0 0 7px 7px; background: #fff; } #zoomple_image_overlay{ background:red; position:absolute; z-index:10000; filter: alpha(opacity=1); opacity: 0.01; } #zoomple_image_overlay.preview{ background:rgb(0,0,0); filter: alpha(opacity=50); opacity: 0.5; } #zoomple_image_overlay .eyelet{ background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; } .marquee{ filter: alpha(opacity=100); } /* Fonts */ @font-face { font-family: 'Numans'; font-style: normal; font-weight: 400; src: local('Numans'), local('Numans-Regular'), url(./fonts/Numans.woff2) format('woff2'), url(./fonts/Numans.woff) format('woff'); } /* Cookie banner */ #inform-and-ask {z-index: 2000;} #cookie-banner-message, #cookie-message {background-color:#fff;text-align:center;padding:0.5em;font-size:1.2em; border-bottom:1px solid #eee;} #cookie-banner-message a {text-decoration:underline; color: #e82c0c;} #inform-and-consent {width: 300px; background: #fff; border: 1px solid #ccc; padding: 1em;text-align:center; position: fixed; top:3em; left:50%; margin-top:0; margin-left:-150px; z-index:100000; opacity:1} #inform-and-consent p {font-size:1.2em; margin: 0.5em 0;} #inform-and-consent .pButton button{border: 0 none; background: #e82c0c; color: #fff; cursor: pointer; padding: 0.3em 0.5em; font-size: 1.1em;} /* Globals */ /* html { background: url(../images/commons/bgWebsite.jpg) no-repeat center center fixed; background-size: cover;} */ body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #333; } strong, .strong { font-weight: bold; text-align:justify; } em { font-style: italic; } ul, ul li { display: default; list-style: disc inside; } #contenuPage p, #contenuPage ul { margin-bottom: 0.5em; } @media(max-width:640px){ #contenuPage p, #contenuPage ul { margin-top: 1.5em; } } ul li { margin: 0 0 0 2em; } h2 { margin: 1em 0 0.7em; } .hidden { display: none !important; } #globalBg { max-width: 1220px; margin: 1em auto; } #global { background: #fff; max-width: 1210px; margin: 0 auto; box-shadow: 2px 2px 4px 4px #999;} /* No script */ .alertNoScript { background: none repeat scroll 0 0 #f47b7b; color: #000; font-size: 1.2em; margin: 0 0 10px; text-align: center; } .alertNoScript p { margin: 0; padding: 10px 0; } .alertNoScript p strong { font-size: 1.1em; font-weight: bold; } /* Packs blocks */ ul#liPacks, ul#liPacks li { list-style: outside none none; margin: 0; padding: 0; } ul#liPacks li { border: 1px solid #cdcdcd; border-radius: 10px; margin: 0 0 15px; padding: 0 10px 0 0; position: relative; } ul#liPacks li .aNePasManquer { background: none repeat scroll 0 0 #ff4e00; border-bottom-right-radius: 5px; border-top-right-radius: 5px; color: #fff; font-family: 'Numans', sans-serif; font-size: 1.6em; left: -2px; padding: 2px 8px 2px 5px; position: absolute; top: 15px; } ul#liPacks img { border-bottom-left-radius: 10px; border-top-left-radius: 10px; float: left; width: 363px; } ul#liPacks h2 { padding: 1em 0 0.5em; font-weight: bold; font-size: 1.6em; text-transform: uppercase; } ul#liPacks p { font-size: 1.1em; margin: 0 0 5px; padding: 0; } ul#liPacks p.descrPack { text-align: justify; } ul#liPacks p.pricePack { font-size: 1.6em; text-align: right; } ul#liPacks p.linkPack { text-align: right; } ul#liPacks p.linkPack a { color: #f05601; text-decoration: underline; } /* Top */ #top { color: #014e90; text-align: center; } #top a { text-decoration: none; } #header { padding: 1em; position: relative; } #top .logo { float: left; margin: 1em 2em 2em 1em;} #top .baseline { display: inline-block; width: 50%; font-size: 1.2em; line-height: 1.4em; } #top .baseline .likeTitle { font-family: 'Numans', sans-serif; text-transform: uppercase; font-size: 1.2em; font-weight: bold; padding: 1em 0 0; } #top .baseline .commDispo { margin: 0.5em 0 0; } #top .baseline .commPhone a { color: #014e90;} #top .baseline form { width: 50%; min-width: 200px; margin: 1em 0; } #top .baseline form p { width: 100%; } #top .baseline form, #top .baseline form p, #top .baseline form input { display: inline-block; vertical-align: middle; } #top .baseline form input { height: 20px; line-height: 20px; } #top .baseline form input.inputText { width: 80%; margin: 0 1% 0 0; border: 1px solid #014e90; color: #666; } #top .baseline form input.linkSubmit { width: 10%; border: 0 none; background: #014e90; color: #fff; border-radius: 3px; cursor: pointer; font-weight: bold; } #top .lineTop { float: right; } #top .lineTop ul, #top .lineTop li { display: inline-block; vertical-align: middle; } #top .lineTop li { margin: 0 2px; } #top .lang li a { display: block; width: 20px; height: 13px; background: url(../images/commons/flags.png) no-repeat; } #top .lang li a span { display: none; } #top .topLinks { margin: 0 10px 0 0; } #top .topLinks a { color: #014e90; font-size: 1.2em; display: inline-block; vertical-align: middle; line-height: 1.2em; text-transform: uppercase; } #top .topLinks a:hover { color: #75a3e3; } #top .lang li.lang-fr a {background-position: 0 0;} #top .lang li.lang-en a {background-position: -20px 0;} #top .lang li.lang-de a {background-position: -40px 0;} #top .lang li.lang-it a {background-position: -60px 0;} #top .lang .topLinks ul { display: block; margin: 1em 0 0.9em; text-transform: uppercase; font-size: 1.1em; } #top .specialLinks { clear: right; float: right; text-align: right; margin: 2.5em 0 1em; } #top .specialLinks ul { text-align: center; } #top .specialLinks ul li { display: inline-block; margin: 0;} #top .specialLinks ul { display: inline-block; background: #014e90; border-radius: 3px; padding: 3px 5px; font-size: 0.95em; } #top .specialLinks a { color: #fff; font-size: 1.2em; display: inline-block; vertical-align: middle; padding: 0 4px; line-height: 1.2em; text-decoration: none; } #top .specialLink a:hover { color: #ccc; } #top .specialLinks span { display: inline-block; vertical-align: middle; height: 20px; background: url(../images/commons/sprite-top-links.png) no-repeat; margin: 0 0 0 5px; } #top .specialLinks .payment span {width: 18px; background-position: 0 0;} #top .specialLinks .shipping span {width: 25px; background-position: -30px 0;} #top .specialLinks .contact span {width: 15px; background-position: -60px 0;} #basket { clear: right; float: right; font-size: 1.3em; margin: 1em 4% 0.5em 0; } #basket .linkBasket { padding: 0 0 0 40px; line-height: 30px; position: relative; background: url(../images/commons/cart.png) no-repeat left center; font-size: 0.9em; } #basket .linkBasket a { color: #014e90; } #basket .linkBasket a:hover {color: #75a3e3} #basket .linkBasket a:hover big {background: #75a3e3;} #basket .linkBasket big { background: #014e90; border-radius: 10px; color: #fff; display: inline-block; font-size: 0.9em; font-weight: bold; height: 20px; left: 7px; line-height: 20px; position: absolute; text-align: center; top: -12px; width: 20px; } /** Menu **/ #menu { clear: both; } #menuTop { position: relative; z-index: 999; width: 100%; background: #014e90;} #subMenuTop { overflow: hidden; } #menuTop img { border: 0 none; } #menuTop, #menuTop a { color: #333; text-decoration: none; } #menuTop ul, #menuTop ol, #menuTop li { padding: 0; margin: 0; list-style: none; font-size: 1em; } #menuTop li { display: list-item; } #menuTop ul li.tabMenuTop { float: left; width: 11%; max-width: 130px; color: #fff; text-align: center; background: #014e90; height: 48px; cursor: pointer; border-bottom: 3px solid #014e90; font-size: 1.1em;} #menuTop ul li.tabMenuTop.last { border-right: 0 none; } #menuTop ul li#deb.tabMenuTop { float: left; width: 1%; min-width: 40px; background: #014e90 url(../images/commons/home.png) no-repeat center center; } #menuTop ul li.tabMenuTop span { display: block; } #menuTop ul li#deb a { display: block; height: 48px; } #menuTop ul li#deb.tabMenuTop span { display: none; } #menuTop ul li.noActive, #menuTop ul li#deb.noActive { background-color: #014e90; } #menuTop ul li.tabMenuTop.tab1Line span {padding: 20px 0 0;} #menuTop ul li.tabMenuTop.tab2Lines span {padding: 10px 0 0;} #menuTop ul li.tabMenuTop.tab3Lines span {padding: 5px 0 0;} #menuTop ul li.tabMenuTop .sousMenu { position: absolute; top: 48px; left: -30000px; z-index: 1000; color: #333; font-weight: normal; text-align: left; cursor: default; font-size: 0.9em; background: #f6f2ec; padding: 1em 0; box-shadow: 0px 5px 5px 0px #c0c0c0; border-top: 3px solid; } #menuTop ul li.tabMenuTop:hover .sousMenu { right: 0; left: 0; } #menuTop ul li.tabMenuTop .sousMenu .sousMenuGauche { float: left; width: 83%; } #menuTop ul li.tabMenuTop .sousMenu .sousMenuDroite { float: left; width: 15%; } #menuTop ul li.tabMenuTop .sousMenu .sousMenuBas { clear: both; font-size: 1.1em; text-transform: uppercase; padding: 1em 1em 0; text-align: center; } #menuTop ul li.tabMenuTop .sousMenu .sousMenuBas a { color: #666; } #menuTop ul li.tabMenuTop .sousMenu .sousMenuBas a:hover { color: #333; } /* Columns of submenu */ #menuTop ul li .sousMenuGauche ul.menuColumn1, #menuTop ul li .sousMenuGauche ul.menuColumn2, #menuTop ul li .sousMenuGauche ul.menuColumn3 { width: 30%; margin: 0.5em 1%; float: left; } #ong2 > div > div.sousMenuGauche > ul.menuColumn1, #ong2 > div > div.sousMenuGauche > ul.menuColumn2 { width: 32%; } #menuTop ul li .sousMenuGauche ul li.level1 { font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin-top: 1em; } #menuTop ul li .sousMenuGauche ul li.level1 li { font-size: 1em; font-weight: normal; text-transform: none; } #menuTop ul li .sousMenuGauche ul li.level1 ul li { background: url(../images/tick.png) no-repeat; text-indent: 1.7em; } #menuTop ul li .sousMenuGauche ul li.level1 ol li { list-style-type: decimal; list-style-position: inside; } #menuTop ul li .sousMenuGauche ul li.level1 li li { font-size: 0.9em; line-height: 1.1em; padding-left: 2em; text-indent: 0; margin-left: 0; list-style-type: none; background: 0 none; } /* RightSubMenu ads */ #menuTop .sousMenuDroite .adMenu2 { margin-top: 1em; } /* Colors of menu items */ /** Home **/ /*#menuTop ul li#deb { border-bottom-color: #75A3E3;}*/ /** Onglet 1 **/ /*#menuTop ul li#ong1 { border-bottom-color: #5CBC02;} */ #menuTop ul li#ong1 .sousMenu { border-color: #5CBC02;} #menuTop ul li#ong1 li.level1 li { color: #5CBC02;} #menuTop ul li#ong1:hover, #menuTop ul li#ong1.active { background: #5CBC02;} #menuTop ul li#ong1 .sousMenuGauche ul li.level1 li { background-position: -2px -2px;} /** Onglet 2 **/ /*#menuTop ul li#ong2 { border-bottom-color: #F05601;}*/ #menuTop ul li#ong2 .sousMenu { border-color: #F05601;} #menuTop ul li#ong2 li.level1 li { color: #F05601;} #menuTop ul li#ong2:hover, #menuTop ul li#ong2.active { background: #F05601;} #menuTop ul li#ong2 .sousMenuGauche ul li.level1 li { background-position: -2px -52px;} /** Onglet 3 **/ /*#menuTop ul li#ong3 { border-bottom-color: #0779ED;}*/ #menuTop ul li#ong3 .sousMenu { border-color: #0779ED;} #menuTop ul li#ong3 li.level1 li { color: #0779ED;} #menuTop ul li#ong3:hover, #menuTop ul li#ong3.active { background: #0779ED;} #menuTop ul li#ong3 .sousMenuGauche ul li.level1 li { background-position: -2px -102px;} /** Onglet 4 **/ /*#menuTop ul li#ong4 { border-bottom-color: #70645B;}*/ #menuTop ul li#ong4 .sousMenu { border-color: #70645B;} #menuTop ul li#ong4 li.level1 li { color: #70645B;} #menuTop ul li#ong4:hover, #menuTop ul li#ong4.active { background: #70645B;} #menuTop ul li#ong4 .sousMenuGauche ul li.level1 li { background-position: -2px -152px;} /** Onglet 5 **/ /*#menuTop ul li#ong5 { border-bottom-color: #60789B;}*/ #menuTop ul li#ong5 .sousMenu { border-color: #60789B;} #menuTop ul li#ong4 li.level1 li { color: #60789B;} #menuTop ul li#ong5:hover, #menuTop ul li#ong5.active { background: #60789B;} #menuTop ul li#ong5 .sousMenuGauche ul li.level1 li { background-position: -2px -202px;} /** Onglet 6 **/ /*#menuTop ul li#ong6 { border-bottom-color: #42413C;}*/ #menuTop ul li#ong6 .sousMenu { border-color: #42413C;} #menuTop ul li#ong6 li.level1 li { color: #42413C;} #menuTop ul li#ong6:hover, #menuTop ul li#ong6.active { background: #42413C;} #menuTop ul li#ong6 .sousMenuGauche ul li.level1 li { background-position: -2px -252px;} /** Onglet 7 **/ /*#menuTop ul li#ong7 { border-bottom-color: #3D9A21;}*/ #menuTop ul li#ong7 .sousMenu { border-color: #3D9A21;} #menuTop ul li#ong7 li.level1 li { color: #3D9A21;} #menuTop ul li#ong7:hover, #menuTop ul li#ong7.active { background: #3D9A21;} #menuTop ul li#ong7 .sousMenuGauche ul li.level1 li { background-position: -2px -302px;} /** Onglet 8 **/ /*#menuTop ul li#ong8 { border-bottom-color: #B060D6;}*/ #menuTop ul li#ong8 .sousMenu { border-color: #B060D6;} #menuTop ul li#ong8 li.level1 li { color: #B060D6;} #menuTop ul li#ong8:hover, #menuTop ul li#ong8.active { background: #B060D6;} #menuTop ul li#ong8 .sousMenuGauche ul li.level1 li { background-position: -2px -352px;} /** Onglet 9 **/ /*#menuTop ul li#ong9 { border-bottom-color: #C5257D;}*/ #menuTop ul li#ong9 .sousMenu { border-color: #C5257D;} #menuTop ul li#ong9 li.level1 li { color: #C5257D;} #menuTop ul li#ong9:hover, #menuTop ul li#ong9.active { background: #C5257D;} #menuTop ul li#ong9 .sousMenuGauche ul li.level1 li { background-position: -2px -402px;} /* Surclasse */ #menuTop ul li.level1 li a { color: #333 !important; } #menuTop ul li.level1 li a:hover { color: #666 !important; } /* Menu marques pour fournitures */ #menuTop ul li .sousMenuGauche ul li.level1 ul.menuBrands { margin: 0 30px 0 15px; } #menuTop ul li .sousMenuGauche ul li.level1 ul.menuBrands li { background-image: none; border-radius: 5px; display: inline-block; margin: 2px 2px 0; padding: 0 3px; text-align: center; text-indent: 0; } #menuTop ul li .sousMenuGauche ul li.level1 ul.menuBrands li img { width: 55px; } /** Franco **/ #newFranco p { text-align: center; font-family: 'Numans', sans-serif; color: #333; font-size: 1.2em; } #newFranco { padding: 5px 0; margin: 20px 0 0; background: #ccc; } #newFranco .upper { text-transform: uppercase; font-weight: bold; } #newFranco strong { color: #b0003c; font-size: 1.1em; } /* Footer */ #piedPage { background: #0d1012; color: #fff; padding: 0 0 20px; } #global.normalFsize #piedPage.footerProduit{ font-size: 1em; } #piedPage a { text-decoration: none; } /** Global **/ #piedPageContenu { padding: 0 20px; } #piedPage li{ list-style: none; display: block; } #piedPage .reassuranceLinks { background: #000; text-align: center; padding: 5px 0; box-shadow: 0 5px 5px 0 #000; } #piedPage .reassuranceLinks ul { margin: 0; padding: 0; } #piedPage .reassuranceLinks li { display: block; float: left; width: 162px; margin: 0 5px; text-align: left; background: url(../images/footer/reassuranceFooter.png) no-repeat; } #piedPage .reassuranceLinks li, #piedPage .reassuranceLinks li a{ color: #fff; height: 56px; font-family: 'Numans', sans-serif; font-size: 1.1em; text-transform: uppercase; } #piedPage .reassuranceLinks li a { display: block; } #piedPage .reassuranceLinks li a span { display: block; margin-left: 60px; padding-top: 15px; } #piedPage .reassuranceLinks li.threeLines a span { padding-top: 8px; } #piedPage .reassuranceLinks li.advise {background-position: 0 0;} #piedPage .reassuranceLinks li.quote {background-position: 0 -55px;} #piedPage .reassuranceLinks li.security {background-position: 0 -110px;} #piedPage .reassuranceLinks li.delivery {background-position: 0 -165px;} #piedPage .reassuranceLinks li.installation {background-position: 0 -220px;} #piedPage .reassuranceLinks li.warranty {background-position: 0 -275px;} #piedPage .reassuranceLinks li.sav {background-position: 0 -330px;} /** Liens varies **/ #piedPage .piedPageContenu { padding: 0 20px; } #piedPage .variousLinks { margin: 20px 0 5px; padding: 0; } #piedPage .variousLinks ul { margin: 10px 0 0 0; padding: 0; } #piedPage .variousLinks li, .variousLinks li a { color: #fff; } #piedPage .variousLinks li { float: left; width: 305px; text-transform: uppercase; font-family: 'Numans', sans-serif; font-size: 1.6em; margin: 0 0 0 20px; } #piedPage .variousLinks a:hover { text-decoration: underline; } #piedPage .variousLinks li.fooShare { width: 160px; overflow: hidden; } #piedPage .variousLinks li li { float: none; text-transform: none; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; width: 100%; margin: 3px 0; } #piedPage .variousLinks li.fooShare li { margin: 5px 10px 5px 0; float: left; width: 32px; } #piedPage .variousLinks li.fooShare .addthis_default_style li a.at300b { padding: 0 !important; } #piedPage .variousLinks li.fooPayment li { display: inline-block; vertical-align: middle; width: auto; } /** Mots-cles **/ #piedPage .pMotsCles { margin: 10px 0 0; padding: 0 20px; } #piedPage .pMotsCles p, .pMotsCles h1, .pMotsCles h2, .pMotsCles h3 { font-size: 1.1em; margin: 0; padding: 0; color: #ccc; display: inline; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-transform: none; } #piedPage .pMotsCles a { color: #ccc; } #piedPage .fooAddress { color: #ccc; font-size: 1.2em; text-align: center; margin: 2em 0 1em; } /** Sous-catégories **/ .strike {text-decoration: line-through;} .hidden {display: none;} .underline {text-decoration: underline;} .lower {text-transform: lowercase;} .strongest {font-weight: bold;} .floatLeft {float: left;} .floatRight {float: right;} .clearLeft {clear: left;} .clearRight {clear: right;} .alignCenter {text-align: center !important;} .sousCategorie a {color: #333; text-decoration: none;} .sousCategorie .blocAdbottom img{width:100%;} .sousCategorie .blocAdbottom2 img{width:47.7%;} .sousCategorie .blocAdbottom3 img{width:52.2%;} .sousCategorie .blocAdbottom4 img{width:47.3%;} .sousCategorie .blocAdbottom5 img{width:52.6%;} .sousCategorie .blocAdbottom6 img{width:50%;} .sousCategorie img {border: 0;} .sousCategorie .lienImgProduit img {width: 100%;} #sousMenuGauche ul, #sousMenuGauche ol, #sousMenuGauche li {margin: 0; padding: 0; list-style: none;} #sousMenuGauche {width: 21%; float: left; padding-bottom: 15px;} #contenuPage {width: 59%; margin: 0 1%; padding-bottom: 20px; float: left;} #colonneDroite {width: 18%; float: left; padding-top: 30px; padding-bottom: 15px;} #piedPage {clear: left;} /** Menu gauche **/ ul#menuGauche { margin: 10px; font-size: 1.1em; } #menuGauche #deb, #menuGauche .niv1 { display: block; font-size: 1.1em; font-weight: bold; text-transform: uppercase; margin: 20px 0 10px; line-height: 1.3em; border-bottom: 2px solid; padding: 0 0 0 5px; } #menuGauche #deb { border-color: #ccc; } #menuGauche li li { margin-left: 5px; font-weight: bold; padding: 5px 0;} #menuGauche li li li { margin-left: 10px; padding: 0;font-weight: normal;} #menuGauche li li li li { margin-left: 15px;} #menuGauche p.voirTous {text-align: center; margin: 20px 0; font-weight: bold;} #menuGauche .offreMenu {text-align: center; margin: 20px 0;} #menuGauche .offreMenu img {border: 1px solid #ddd;} #menuGauche li.current {font-weight: bold;} #menuGauche li.current > a {display: inline; background: url(../images/tick.png) no-repeat; padding-right: 20px;} #menuGauche ol li { list-style-type: decimal; list-style-position: inside; } #menuGauche ol { /**margin-left: 20px;**/ } #menuGauche ul.itemInline { margin-right: 90px; text-align: center; } #menuGauche ul.itemInline li{ display: inline; margin: 0 5px; } #sousMenuGauche .adLeftMenu img{ display: block; width: 90%; margin: 20px auto 0; } #menuGauche ul.menuBrands li{ display: inline-block; } #menuGauche ul.menuBrands li img { width: 55px; } /** Intro Liste **/ .listeProduits .introListe { margin: 20px 0; } .listeProduits .introListe h2 { margin-top: 10px; font-weight: bold; margin: 2em 0 1em; font-size: 1.4em; } .listeProduits .introListe li { list-style-image: url(../images/pageContenu/pictoLiOrange.png); list-style-position: inside; margin-left: 10px; text-indent: 10px; } .listeProduits .introListe p, .listeProduits .introListe li { font-size: 1.2em; text-align: justify; padding-bottom: 3px; } .listeProduits .introListe a { color:#F05601; } .listeProduits .introListe a:hover { text-decoration:underline; } .listeProduits .introListe li p { font-size: 1em; padding-top: 5px; } .listeProduits .introListe .menuInIntro { margin: 0 auto 10px; text-align: center; } .listeProduits .introListe .menuInIntro a { font-size: 1.4em; display: inline-block; vertical-align: top; width: 250px; margin: 0 10px; font-weight: bold; color: #666; text-transform: uppercase; } .listeProduits .introListe .menuInIntro a img { display: block; margin: 0 auto; } /** Liste des produits **/ .sousCategorie h1, .sousCategorie .titrePage p.pTitrePage { text-align: center; font-weight: bold; font-size: 2.0em; color: #014e90; margin: 30px 0; text-transform: uppercase; } .sousCategorie h1 a { color: #014e90; } .sousCategorie h1 span, .sousCategorie .titrePage p.pTitrePage span { display: block; font-size: 0.9em; text-transform: none; } .sousCategorie .titrePage h2, .listeSousCateg .introSousCateg p.interTitle,.sousCategorie .modularTitle { font-size: 1.6em; margin: 25px 0 15px; padding: 0; text-align: left; font-weight:bold; } .listeSousCateg .introSousCateg p.interTitle,.listeProduits .introListe h2,.sousCategorie .modularTitle { font-size: 1.3em; } .sousCategorie .titrePage h2 span, .listeSousCateg .introSousCateg p.interTitle span, .listeProduits .introListe h2,.sousCategorie .modularTitle { background: #777; border-radius: 5px 5px 5px 5px; color: #fff; display: inline-block; padding: 1px 3px 1px 21px; } .sousCategorie .modularTitle { margin: 20px 0 10px; } .listeProduits ul { margin: 0; padding: 0;} .listeProduits li.blocProduit { margin: 10px 0; list-style: none; font-size: 1.2em; border: 1px solid #ddd; box-shadow: 2px 2px 4px 0 #bbb; } .listeProduits li.blocProduit .contentBlocProduit { padding: 10px 20px 0; position: relative; } .listeProduits.listeSousCateg li.blocProduit .contentBlocProduit, .listeProduits.bigItemList li.blocProduit .contentBlocProduit { padding: 10px 20px 50px; } .listeProduits h2 { text-transform: uppercase; font-size: 1.3em; font-weight: bold; margin: 0.5em 0 0.7em; } .listeProduits p { margin: 0; padding: 0; } .listeProduits p.inlineAttr { display: inline-block; } .listeProduits .introListe .juriText { padding: 10px; margin: 5px 10px; background: #efefef; } .listeProduits .introListe .juriText p { font-size: 1.1em; font-style: italic; color: #666; padding: 0; margin: 0; } .listeProduits .descriptionProduit {width: 340px; float: left; margin-left: 5px; padding-bottom: 45px;} .listeProduits .lienImgProduit {width: 160px; float: left; padding-top: 0;} .listeProduits .lienImgProduit p {margin: 5px 0 0 55px;} .listeProduits li h2.h2Produit {margin: 0 0 10px; font-size: 1.4em; font-weight: bold; padding-top: 7px;} .listeProduits .rightBlocProduit { float: right; width: 150px; text-align: right; padding-bottom: 45px; } .listeProduits .rightBlocProduit p.prix { margin: 35px 0 10px; } .listeProduits .prix span.prixOK { display: block; font-weight: bold; font-size: 1.7em; color: #666; } .listeProduits .prix span.prixOK.prixAucun { font-size: 1.4em; text-align: center; padding-left: 25px; } .listeProduits .rightBlocProduit p.financement { margin: 10px 0; font-size: 0.8em; } .listeProduits .rightBlocProduit p.financement strong { font-size: 1.2em; } .listeProduits p.availability { margin-top: 5px; position: relative; width: auto; } .listeProduits p.availability strong{ display: inline-block; background: url(../images/categorie/disponibilite.png) no-repeat left center; text-indent: 12px; cursor: default; } .listeProduits p.availability.unavailable strong{ background: url(../images/categorie/indisponibilite.png) no-repeat left center; } .listeProduits p.availability .tip { display: none; } .listeProduits p.availability:hover .tip { display: block; position: absolute; top: -35px; left: -50px; text-align: center; background: #333; color: #fff; z-index: 10; opacity: 0.9; padding: 3px; } .listeProduits .noteProduit { position: absolute; left: 15px; bottom: 15px; margin: 0; font-style: italic; } .listeProduits .noteProduit2 { display:inline-block;position: relative; left: 15px; bottom: 0px; margin: 0; font-style: italic; } .listeProduits .noteProduit img { vertical-align: bottom; } .listeProduits .introSousCateg table {border-collapse: collapse; font-size: 1.2em;} .listeProduits .introSousCateg table th, .listeProduits .introSousCateg table td {border: 1px solid #ccc; padding: 0.5em;} .listeProduits .introSousCateg table th {background: #ddd;} /** Boutons **/ .listeProduits .boutonsProduit { text-align: right; position: absolute; right: 15px; bottom: 15px; margin: 0; } .listeProduits .boutonsProduit form.ajoutProduitPanier { display: inline-block; vertical-align: top; } .rechercheRes .listeProduits .boutonsProduit form.ajoutProduitPanier {vertical-align: bottom;} .listeProduits .boutonsProduit input.boutonAjoutPanier { border: 0 none; } .listeProduits .boutonsProduit a, .listeProduits .boutonsProduit input.boutonAjoutPanier, .listeProduits .boutonsProduit span.boutonAjoutPanierDisabled { display: inline-block; vertical-align: top; width: auto; padding: 0 3px 0 30px; /*margin-left: 10px*/; height: 30px; line-height: 30px; background: url(../images/boutons/pictosBoutonsCategorie.png) no-repeat; color: #fff; font-weight: bold; text-transform: uppercase; border-radius: 5px; font-family: Arial, Helvetica, sans-serif; cursor: pointer; } .listeProduits .boutonsProduit a:hover, #sousMenuGauche .adLeftMenu:hover, #colonneDroite .blocAd:hover, .listeProduits .boutonsProduit input.boutonAjoutPanier:hover { opacity: 0.7; } .listeProduits .boutonsProduit a.boutonDetailProduit {background-position: left -106px; background-color: #3B5C0E;} .listeProduits .boutonsProduit a.boutonDemoProduit {background-position: 1px -10px; background-color: #E82C0C;} .listeProduits .boutonsProduit a.boutonAjoutPanier, .listeProduits .boutonsProduit input.boutonAjoutPanier {background-position: 1px -58px; background-color: #014e90;} .listeProduits .boutonsProduit span.boutonAjoutPanierDisabled {background: 0 none; padding: 0 20px 0 30px; cursor: default;} .listeProduits .boutonsProduit span.boutonAjoutPanierDisabled span {visibility: hidden;} /** Lien vers haut de page **/ .listeProduits .hautPage {text-align: center; font-weight: bold; text-transform: uppercase; margin: 50px 0; font-size: 1.4em;} .listeProduits .hautPage a:hover {text-decoration: underline;} /** Promos **/ .listeProduits .etiquetteSpeciale { color: #E82C0C; font-weight: normal; font-family: 'Numans', sans-serif;} /*text-transform: lowercase;*/ .listeProduits .pourcentPromo { background: #e82c0c; border-radius: 1.2em; width: 2.4em; height: 2.4em; line-height: 2.4em; color: #fff; display: block; margin: 0.5em auto; font-size: 1.5em; font-weight: bold; text-align: center; box-shadow: 2px 2px 4px 0 #bbb; font-weight: bold; } .listeProduits .pourcentPromo2 { background: #e82c0c; border-radius: 1.2em; width: 2.4em; height: 2.4em; line-height: 2.4em; color: #fff; display: inline-block; margin: 0.5em auto; font-size: 1.5em; font-weight: bold; text-align: center; box-shadow: 2px 2px 4px 0 #bbb; font-weight: bold; } /** Populaire **/ .listeProduits .etiquettePopulaire { background: #C5257D; border-bottom-right-radius: 5px; border-top-right-radius: 5px; color: #FFFFFF; font-family: 'Numans', sans-serif; font-size: 1.25em; left: -2px; padding: 2px 8px 2px 5px; position: absolute; top: 20px; } .listeProduits .etiquettePopulaire2 { background: #C5257D; border-bottom-right-radius: 5px; border-top-right-radius: 5px; color: #FFFFFF; font-family: 'Numans', sans-serif; font-size: 1.25em; left: -2px; padding: 2px 8px 2px 5px; position: absolute; top: 60px;z-index:100; } .listeProduits .etiquettePopulaire.pdtShowroom, .listeProduits .etiquettePopulaire2.pdtShowroom { background: #E82C0C; } /** Contexte menu - couleur **/ /** Onglet 1 **/ .sousCategorie1 #menuGauche #ong1 .niv1 { border-color: #5CBC02;} .sousCategorie1 #menuGauche li.current,.sousCategorie1 #menuGauche li.current > a, .sousCategorie1 #menuGauche a:hover { color: #5CBC02;} .sousCategorie1 #menuGauche li.current > a { background-position: right -4px;} /** Onglet 2 **/ .sousCategorie2 #menuGauche #ong2 .niv1 { border-color: #F05601;} .sousCategorie2 #menuGauche li.current,.sousCategorie2 #menuGauche li.current > a, .sousCategorie2 #menuGauche a:hover { color: #F05601;} .sousCategorie2 #menuGauche li.current > a { background-position: right -54px;} /** Onglet 3 **/ .sousCategorie3 #menuGauche #ong3 .niv1 { border-color: #0779ED;} .sousCategorie3 #menuGauche li.current,.sousCategorie3 #menuGauche li.current > a, .sousCategorie3 #menuGauche a:hover { color: #0779ED;} .sousCategorie3 #menuGauche li.current > a { background-position: right -104px;} /** Onglet 4 **/ .sousCategorie4 #menuGauche #ong4 .niv1 { border-color: #70645B;} .sousCategorie4 #menuGauche li.current,.sousCategorie4 #menuGauche li.current > a, .sousCategorie4 #menuGauche a:hover { color: #70645B;} .sousCategorie4 #menuGauche li.current > a { background-position: right -154px;} /** Onglet 5 **/ .sousCategorie5 #menuGauche #ong5 .niv1 { border-color: #60789B;} .sousCategorie5 #menuGauche li.current,.sousCategorie5 #menuGauche li.current > a, .sousCategorie5 #menuGauche a:hover { color: #60789B;} .sousCategorie5 #menuGauche li.current > a { background-position: right -204px;} /** Onglet 6 **/ .sousCategorie6 #menuGauche #ong6 .niv1 { border-color: #42413C;} .sousCategorie6 #menuGauche li.current,.sousCategorie6 #menuGauche li.current > a, .sousCategorie6 #menuGauche a:hover { color: #42413C;} .sousCategorie6 #menuGauche li.current > a, .sousCategorie #menuGauche.menuContents li.current > a { background-position: right -254px;} /** Onglet 7 **/ .sousCategorie7 #menuGauche #ong7 .niv1 { border-color: #3D9A21;} .sousCategorie7 #menuGauche li.current,.sousCategorie7 #menuGauche li.current > a, .sousCategorie7 #menuGauche a:hover { color: #3D9A21;} .sousCategorie7 #menuGauche li.current > a { background-position: right -304px;} /** Onglet 8 **/ .sousCategorie8 #menuGauche #ong8 .niv1 { border-color: #B060D6;} .sousCategorie8 #menuGauche li.current,.sousCategorie8 #menuGauche li.current > a, .sousCategorie8 #menuGauche a:hover { color: #B060D6;} .sousCategorie8 #menuGauche li.current > a { background-position: right -354px;} /** Onglet 9 **/ .sousCategorie9 #menuGauche #ong9 .niv1 { border-color: #C5257D;} .sousCategorie9 #menuGauche li.current,.sousCategorie9 #menuGauche li.current > a, .sousCategorie9 #menuGauche a:hover { color: #C5257D;} .sousCategorie9 #menuGauche li.current > a { background-position: right -404px;} /** Tous **/ #menuGauche li.current li, #menuGauche li.current p ,#menuGauche li.current div{color: #333;} /** Blocs pubs colonne droite **/ #colonneDroite .blocAd img{ display: block; width: 90%; margin: 20px auto 0; color: #666; } /** bgRightKnowMore Guide **/ #contenuPage .textePage .rightKnowMore { background: url(../images/categorie/guides/bgRightKnowMore.png) no-repeat left bottom; border-radius: 10px; float: right; font-size: 1em; width: 210px; padding: 25px 0 55px; box-shadow: 2px 2px 3px 1px rgba(5, 5, 5, 0.3); border: 1px solid #ddd; margin: 5px 0 5px 10px; } #contenuPage .textePage .rightKnowMore h2 { background: 0 none; color: #333; margin: 10px 10px 20px; padding-left: 0; font-family: 'Numans', sans-serif; font-size: 1.7em; } #contenuPage .textePage .rightKnowMore p { color: #333; margin: 5px 10px; } /** Our selection **/ #contenuPage .textePage .ourSelection { color: #C5257D; } #contenuPage .textePage .ourSelection a { color: #333; } #contenuPage .textePage .ourSelection strong { display: block; font-size: 1.4em; } #contenuPage .textePage .ourSelection .strongest { font-size: 1.2em; } #contenuPage .textePage .ourSelection strong, #contenuPage .textePage .ourSelection .strongest { font-family: 'Numans', sans-serif; } #contenuPage .textePage .ourSelection img { float: left; height: 70px; margin-right: 10px; } #contenuPage .textePage .ourSelection a.know-more { color: #F05601; } #contenuPage .textePage .ourSelection a.know-more span{ } /** Recherche gauche **/ .rechercheGauche { margin: 1em; font-size: 1.0em; } .rechercheGauche p.likeh3 { font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: 20px 0 10px; line-height: 1.3em; border-bottom: 2px solid #75A3E3; padding: 0 0 0 0.3em; } .rechercheGauche .choiceBlock { margin: 0 0 0 1em; } .rechercheGauche p.bigLabel { font-size: 1.2em; text-transform: uppercase; margin: 1.6em 0 0.3em; color: #000; } .rechercheGauche p.pLikeInput { display: inline-block; vertical-align: middle; font-size: 1.1em; margin: 0.3em 0.1em; background: #ccc; padding: 0.2em 0.4em; color: #000; box-shadow: 3px 3px 4px 0px #bbb; } .rechercheGauche p.pLikeInput:hover { background: #fdb813; } .rechercheGauche p.pLikeInput.activeInput { color: #fff; background: #014e90; } .rechercheGauche p.pLikeInput label { display: block; cursor: pointer; } /* Others search */ .sousMenuGauche .blocPasPerfo p { margin: 15px 0 3px; font-weight: bold; } .sousMenuGauche .blocPasPerfo .pasPerfo { margin: 2px 0; text-transform: uppercase; } .sousMenuGauche .blocPasPerfo .pasPerfo.picot { margin: 4px 0; } .sousMenuGauche .blocPasPerfo .pasPerfo img, .sousMenuGauche .blocPasPerfo .pasPerfo input { vertical-align: middle; } .sousMenuGauche .blocPasPerfo .pasPerfo.picot img, .sousMenuGauche .blocPasPerfo .pasPerfo.picot input { vertical-align: baseline; } .deviceNotFound { font-size: 1.2em; margin: 0 0 40px; } .deviceNotFound .contactHelp { background: url(../images/categorie/bgContactCategorie.jpg) no-repeat left top; padding: 30px 0 60px 330px; margin: 40px 0 0; } .deviceNotFound h2 { font-weight: bold; font-size: 1.2em; margin: 0 0 15px; } .deviceNotFound p { margin: 0 0 10px; } .deviceNotFound p strong { color: #000; } /** Recherche Gauche Filtres Niveau Secu **/ .rechercheGauche .displaySecurityFilters .pNiv1 { font-size: 1.1em; font-weight: bold; margin: 0; } .rechercheGauche .displaySecurityFilters .blockForm { width: 48%; margin-right: 2%; float: left; padding-top: 10px; } .rechercheGauche .displaySecurityFilters .blockForm .pNiv2 { font-size: 1em; font-weight: normal; margin: 0 0 3px; } .rechercheGauche .displaySecurityFilters .blockForm .pNiv2 strong { display: block; font-size: 1.1em; } .rechercheGauche .displaySecurityFilters .blockForm.blockFormDelete, .rechercheGauche .displaySecurityFilters .blockForm.blockFormDelete form { width: 100%; margin-right: 0; padding-top: 0; } /** Recherche Gauche Filtres Tip on hover **/ .rechercheGauche .tipHover { border-radius: 6px; cursor: pointer; display: inline-block; font-family: Georgia,'Times New Roman',Times,serif; font-size: 1.3em; font-style: italic; font-weight: bold; margin: 0 3px; } .rechercheGauche .tipHover span { background: #333; opacity: 0.9; bottom: 30px; color: #fff; display: none; font-family: Arial,Helvetica,sans-serif; font-size: 0.8em; font-weight: normal; left: 0; padding: 5px; font-style: normal; position: absolute; } .rechercheGauche .tipHover.onHover span { display: block; } /** Affichage en mode liste ou en mode grille **/ .listeProduits .pSelectDisplay { text-align: right; margin: 0 0 15px; } .listeProduits .pSelectDisplay .buttonSelectDisplay { display: inline-block; border-radius: 5px; background: #ccc; color: #333; padding: 3px; font-size: 1.1em; text-transform: uppercase; cursor: pointer; font-weight: bold; } .listeProduits.modeGrille li.blocProduit { width: 221px; display: inline-block; margin: 10px 4px; overflow: hidden; } .listeProduits.modeGrille li.blocProduit .contentBlocProduit { padding: 0 10px 60px; height: 315px; } .listeProduits.modeGrille li .descriptionProduit { float: none; width: 100%; padding-bottom: 0; } .listeProduits.modeGrille li .lienImgProduit { float: none; width: 100%; } .listeProduits.modeGrille li .lienImgProduit a { display: block; width: 150px; margin: 0 auto; } .listeProduits.modeGrille li .rightBlocProduit { float: none; width: 100%; padding-bottom: 0; } .listeProduits.modeGrille li .pourcentPromo { position: absolute; top: 15px; right: 15px; } .listeProduits.modeGrille li p { margin-left: 0; font-size: 1.0em; } .listeProduits.modeGrille li .prix { text-align: center; margin: 15px 0 0; } .listeProduits.modeGrille li.blocProduit .description, .listeProduits.modeGrille li .boutonsProduit a span, .listeProduits.modeGrille .noteProduit, .listeProduits.modeGrille p.availability, .listeProduits.modeGrille .etiquetteSpeciale.etiquetteNouveau, .listeProduits.modeGrille .etiquetteSpeciale.etiquettePromotion, .listeProduits.modeGrille .boutonsProduit span.boutonAjoutPanierDisabled span { display: none; } .listeProduits.modeGrille .boutonsProduit input.boutonAjoutPanier { color: transparent !important; width: 35px !important; overflow: hidden !important; } .listeProduits.modeGrille .boutonsProduit span.boutonAjoutPanierDisabled { padding: 0 3px 0 30px; } .listeProduits p.availability span {display: inline-block;} /** Intro sous-categories **/ .listeSousCateg .introSousCateg { font-size: 1.2em; } .listeSousCateg .introSousCateg.bgInfoLeft { background: url(../images/categorie/bgInfoLeft.jpg) no-repeat -10px bottom; padding-left: 200px; } .listeSousCateg .introSousCateg p, .listeSousCateg .introSousCateg ul { margin: 0 0 10px; text-align: justify; } .listeSousCateg .introSousCateg li { list-style-position: inside; margin-left: 15px; } .listeSousCateg .introSousCateg a { color: #F05601; } .listeSousCateg .introSousCateg .tip { font-weight: bold; color: #F05601; } .listeSousCateg .introSousCateg .know-more span, #contenuPage .textePage .ourSelection .know-more span { display: inline-block; background: #F05601; color: #fff; height: 10px; line-height: 11px; padding: 0 1px; margin-left: 10px; } /** Sous-categories **/ .listeSousCateg .blocProduit p { margin-left: 195px; text-align: justify; } .listeProduits.bigItemList .blocProduit p.description { margin: 10px 0; padding: 0; } .listeSousCateg .blocProduit .lienImgSousCateg { float: left; display: block; width: 180px; } .listeSousCateg .blocProduit .lienImgSousCateg img { width: 100%; } /** Guides d'achats **/ #contenuPage.guideAchat { width: 77%; } #contenuPage.guideAchat a { color: #F05601; } #contenuPage .textePage { font-size: 1.2em; } #contenuPage .textePage ul, #contenuPage .textePage p { margin: 7px 0; padding: 0; } #contenuPage .textePage ul li { list-style-image: url(../images/pageContenu/pictoLiOrange.png); margin: 3px 0 3px 10px; text-indent: 10px; list-style-position: inside; } #contenuPage .textePage .introPage { box-shadow: 2px 2px 3px 1px rgba(5, 5, 5, 0.3); margin: 0 0 25px 0; padding: 5px 15px; text-align: justify; border: 1px solid #efefef; } #contenuPage .textePage .introPage.thermoBg {background: url(../images/categorie/guides/thermoreliure/guide-thermoreliure-bg.jpg) no-repeat scroll left center; padding-left: 235px;} #contenuPage .textePage .introPage p { margin: 7px 170px 0 0; } #contenuPage .textePage .introPage.noIndex p { margin: 7px 0 0 0; } #contenuPage .textePage .introPage .stronger { font-weight: bold; } #contenuPage .textePage .introPage .indexPage { float: right; width: 150px; border-left: 1px solid #ccc; margin: 20px 0 0 10px; font-size: 0.9em; } #contenuPage .textePage .introPage .indexPage h3 { padding: 0 20px 10px 10px; margin: 0; } #contenuPage .textePage .introPage .indexPage ul { padding: 0 20px 10px 10px; } #contenuPage .textePage .introPage .indexPage ul li { list-style: none; margin: 0 0 3px; text-indent: 0; text-align: left; } #contenuPage .textePage .introPage .indexPage ul li a { color: #333; } #contenuPage .textePage h2 { font-size: 1.3em; text-transform: uppercase; color: #e06900; margin: 35px 0 10px; font-weight: bold; background: url(../images/categorie/guides/plus.png) no-repeat left top; padding-left: 25px; line-height: 1.2em; } #contenuPage .textePage h3, #contenuPage .textePage dt { font-weight: bold; margin: 20px 0 10px; padding: 0; font-size: 1.3em; color: #666; } #contenuPage .textePage dl, #contenuPage .textePage dd { margin: 0; padding: 0; } /** Tableaux guides d'achats **/ #contenuPage .textePage table { border-collapse: collapse; } #contenuPage .textePage table caption { font-weight: bold; font-size: 1.3em; text-transform: uppercase; padding: 25px 0 10px; } #contenuPage .textePage table th, #contenuPage .textePage table td { padding: 5px; vertical-align: middle; } #contenuPage .textePage table td { border: 1px solid #ccc; text-align: center; } #contenuPage .textePage table .notreSelection td { vertical-align: top; } #contenuPage .textePage table .notreSelection td h3 { font-size: 1.1em; } #contenuPage .textePage table .notreSelection td img { display: block; margin: 0 auto; max-width: 180px; } #contenuPage .textePage table td.tdRate{ padding-left: 50px; text-align: left; } #contenuPage .textePage table th, #contenuPage .textePage table td.first { background: #ccc; font-weight: bold; text-align: center; vertical-align: middle; } #contenuPage .textePage table th { border-left: 1px solid #aaa; } #contenuPage .textePage table th.first { border-left: 0 none; } #contenuPage .textePage table td.first { width: 14%; border: 0 none; border-top: 1px solid #aaa; } /*** Divers ***/ span.signature { font-family: 'Shadows Into Light Two'; font-size: 1.2em; } /*** Normal table ***/ #contenuPage .textePage table.withoutBorder td { border: 0 none; text-align: left; padding: 10px; vertical-align: middle; } #contenuPage .listeProduits table.withoutBorder td { border: 0 none; text-align: left; padding: 10px; vertical-align: middle; } /* tableau gamme destructeur de passeport */ #contenuPage .listeProduits table.withoutBorder td img { max-width:60%; } #contenuPage .listeProduits table.withoutBorder td p.pButton a { display: inline-block; text-decoration: none; color: #fff; background: #F05601; text-transform: uppercase; padding: 7px 10px; font-family: 'Numans',sans-serif; border-radius: 5px; text-align: center; } #contenuPage .listeProduits table.withoutBorder td p.pButton a:hover { background: #b0003c; color: #fff !important; } #contenuPage .listeProduits table.withoutBorder td p a:hover { color: #b0003c; } #contenuPage .listeProduits table.withoutBorder td p a:hover { color: #b0003c; text-decoration:underline; } #contenuPage .listeProduits p.pEtoile { color: #F05601 !important; } /** CGV et autres pages de contenus standards **/ #contenuPage.pageCGV h2 { padding-left: 0; background: 0 none; color: #666; } #contenuPage.pageCGV img { max-width:100%; } #contenuPage.pageCGV em { font-weight: bold; text-decoration: underline; font-style: normal; } #contenuPage.pageCGV .blocImportant { background: #dedede; font-weight: bold; color: #333; padding: 5px 10px; margin: 10px 0; } #contenuPage.pageCGV .pLinkCGV { text-align: right; margin-top: 20px; font-weight: bold; text-decoration: underline; } /** Search results page **/ @media(min-width:1200px){ .sousCategorie.rechercheRes #contenuPage { width: 1171px; } .sousCategorie.rechercheRes .listeProduits.modeListe { float: left; width: 55%; } .sousCategorie.rechercheRes .listeProduits .descriptionProduit { float: none; margin-left: 200px; width: auto; padding-bottom: 0; } .sousCategorie.rechercheRes .listeProduits .pourcentPromo { position: absolute; left: 65px; top: 10px; } } .sousCategorie.rechercheRes .noMot { font-size: 1.4em; font-weight: bold; text-align: center; } .sousCategorie.rechercheRes .listeProduits.modeListe { float: left; width: 100%; } .sousCategorie.rechercheRes .listeProduits.modeListe.displayCenter { float: none; margin: 0 auto; } .sousCategorie.rechercheRes .listeProduits.modeListe.displayCenter .descriptionProduit { padding-bottom: 0; } .sousCategorie.rechercheRes .listeProduits li.blocProduit .contentBlocProduit { padding: 10px 20px; } .sousCategorie.rechercheRes .listeProduits .descriptionProduit { float: none; width: auto; padding-bottom: 0; } .sousCategorie.rechercheRes .listeProduits .prix span.prixOK { display: inline; } .sousCategorie.rechercheRes .listeProduits .boutonsProduit { position: static; } .sousCategorie.rechercheRes .listeProduits .boutonsProduit a, .sousCategorie.rechercheRes .listeProduits .boutonsProduit span.boutonAjoutPanierDisabled { margin: 20px 0 0 10px; } .sousCategorie.rechercheRes .listeProduits .pourcentPromo { position: absolute; right: 65px; top: 10px; } .sousCategorie.rechercheRes .listeFourni { float: left; margin-left: 3%; width: 42%; } .sousCategorie.rechercheRes .listeFourni img.imgFourni { float: left; width: 160px; } .sousCategorie.rechercheRes .listeFourni p.titleFourni { font-size: 1.2em; padding-top: 50px; } .sousCategorie.rechercheRes .listeProduits p.displayNumberResults, .sousCategorie.rechercheRes .fourniBlockTitle { font-size: 1.5em; margin-top: 0; } /* Advanced search block */ .sousCategorie.rechercheRes.rechercheResAdv .listeProduits.modeListe { width: 65%; } .sousCategorie.rechercheRes .advancedSearch { float: left; margin-left: 3%; width: 30%; } .sousCategorie.rechercheRes .advancedSearchContent { padding: 20px; background: #efefef; border-radius: 15px; } .sousCategorie.rechercheRes .advancedSearch h3 { color: #014e90; } .sousCategorie.rechercheRes .advancedSearch form { margin: 0 auto; width: 210px; } .sousCategorie.rechercheRes .advancedSearch .selector { cursor: pointer; } .sousCategorie.rechercheRes .advancedSearch select { width: 177px; } .sousCategorie.rechercheRes .advancedSearch select option { width: 188px; padding-right: 1%; } .sousCategorie.rechercheRes .advancedSearch .aButton { display: none } .sousCategorie.rechercheRes .advancedSearchTitle { font-size: 1.5em; margin-top: 0; text-align: center; font-weight: bold; } /* Right pros contact block */ .commercials.commRight { width: 180px; margin-bottom: 30px; } .commercials.commRight p { color: #014e90; font-family: 'Numans', sans-serif; font-size: 1.4em; font-weight: bold; line-height: 1.1em; margin: 0; padding: 0; text-align: center; } .commercials.commRight p.likeh4 { color: #E82C0C; text-transform: uppercase; font-size: 1.2em; line-height: 1.1em;} .commercials.commRight p.likeh4 big { display: block; font-family: Arial; font-size: 1.7em; line-height: 1.1em;} .commercials.commRight .homeMap { width: 180px; height: 216px; position: relative; background: url(../images/categorie/colonne-droite/pros/homeMap.jpg) no-repeat left top; z-index: 0; } .commercials.commRight .homeMap .mapPoint { position: absolute; display: block; width: 7px; height: 7px; background: url(../images/categorie/colonne-droite/pros/mapBullet.png) no-repeat left top; cursor: pointer; z-index: 1; } .commercials.commRight .homeMap .mapPoint span { bottom: 7px; color: #fff; display: none; font-weight: bold; left: -3px; position: absolute; background: url(../images/home/bgOpacityBlack.png); padding: 1px 2px; z-index: 2; } .commercials.commRight .homeMap .mapPoint.pointSoc { right: 44px; top: 140px; background: #d4d400 none; width: 10px; height: 10px; } .commercials.commRight .homeMap .mapPoint.pointMar { right: 52px; top: 193px; } .commercials.commRight .homeMap .mapPoint.pointPar { right: 76px; top: 135px; } .commercials.commRight .homeMap .mapPoint.pointBor { left: 67px; top: 175px; } .commercials.commRight .homeMap .mapPoint.pointLil { right: 73px; top: 98px; } .commercials.commRight .homeMap .mapPoint.pointLyo { right: 52px; top: 158px; } .commercials.commRight .homeMap .mapPoint.pointNan { left: 60px; top: 145px; } .commercials.commRight .homeMap .mapPoint.pointTou { left: 81px; top: 192px; } .commercials.commRight .homeMap .mapPoint.pointStr { right: 31px; top: 130px; } .commercials.commRight .homeMap .mapPoint.pointGen { right: 41px; top: 151px; } .commercials.commRight .homeMap .mapPoint.pointBru { right: 57px; top: 97px; } .commercials.commRight .homeMap .mapPoint.pointLux { right: 47px; top: 111px; } .commercials.commRight .homeMap .mapPoint.pointDom { height: 130px; top: 81px; width: 35px; background: 0 none; } .commercials.commRight .homeMap .mapPoint.active { background-position: left bottom; z-index: 3; } .commercials.commRight .homeMap .mapPoint.pointSoc.active { background: none #d38400; } .commercials.commRight .homeMap .mapPoint.active span { display: inline-block; z-index: 4; } .commercials.commRight .commercialsContent { font-size: 1.3em; } .commercials.commRight h2.titleBlock { color: #004d8f; font-family: 'Numans', sans-serif; font-size: 2.2em; font-weight: bold; line-height: 65px; padding: 35px 0 20px; } .commercials.commRight .commContact .commPhone { color: #014e90; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.9em; font-weight: bold; margin: 0 0 10px; text-align: center; letter-spacing: -1px; } .commercials.commRight .commContact a { background: none repeat scroll 0 0 #014e90; border-radius: 7px; color: #fff; display: block; font-size: 1.3em; font-weight: bold; line-height: 1em; margin: 10px 10px 10px 15px; padding: 3px 6px 3px 15px; position: relative; text-align: center; text-transform: uppercase; } .commercials.commRight .commContact a .pictoComm { display: block; width: 50px; height: 49px; background: url(../images/categorie/colonne-droite/pros/iconPhone.png); position: absolute; left: -25px; top: -6px; } .commercials.commRight .commContact a:hover { border: 1px solid #ccc; background: #fff; color: #014e90; padding: 2px 5px 2px 14px; } .commercials.commRight .commContact a:hover .pictoComm { top: -7px; left: -26px; } .commercials.commRight .commContact a .pictoComm span { display: none; } /* Pop-in pros */ .introListe .openBoxPros { font-weight: bold; color: #E82C0C; } /* Page categorie speciale modele 1 */ .plastif .introPage p.pIntro12, .plastif .introPage .presItem p { font-size: 1.4em; text-align: justify; } .presItem { margin: 3em 0; } .presItem h2 { font-family: 'Numans',sans-serif; font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0 0 0.4em; padding: 0.5em 0 0; } .presItem h2 a { color: #014e90; } .presItem img.floatLeft { margin: 0 1.5em 0 0; } .presItem img.floatRight { margin: 0 0 0 1.5em; } .presItem .pouchSeeMore { margin: 0.6em 1.5em 0 0; text-align: right; } .presItem .pouchSeeMore a { background: #014e90; color: #fff; display: inline-block; font-family: 'Numans',sans-serif; font-size: 1.1em; padding: 0.3em; } .presItem .pouchSeeMore a:hover { background: #444; } .presItem.highTemp h2 a { color: #cc270b !important; } .presItem.highTemp ul.listLinks li a span { background: #cc270b !important; } .presItem.stanLink h2 a { color: #666 !important; } .presItem.stanLink ul.listLinks li a span { background: #666 !important; } /* Page spéciale pochettes de pastification */ .blocFourniture .visuFourni img { width: 200px; height: auto;} /* Page categorie speciale modele 2 */ .presItem ul.listLinks, .presItem ul.listLinks li { margin: 0; padding: 0; list-style: none; } .presItem ul.listLinks { padding: 0 0 0 1.5em; } .presItem ul.listLinks li { font-family: 'Numans',sans-serif; font-size: 1.3em; } .presItem ul.listLinks li a:hover { color: #666; } .presItem ul.listLinks li a span { display: inline-block; height: 10px; line-height: 10px; text-align: center; width: 8px; color: #fff; background: #014e90; padding: 1px; } /** Fancybox openCart in pop-in **/ #productJustAdded.packPage { max-width: 600px; font-family: Arial,Helvetica,sans-serif; padding: 10px; } #productJustAdded.packPage h2 { font-family: Arial,Helvetica,sans-serif; background: none repeat scroll 0 0 #6699CC; border-radius: 5px; color: #fff; padding: 5px; font-size: 1em; } #productJustAdded.packPage h3 { font-size: 0.9em; text-align: center; } #productJustAdded.packPage p { font-size: 0.8em; margin: 5px 20px } #productJustAdded.packPage p .pJAtotalPrice { font-weight: bold; font-size: 1.1em; color: #C5257D; } #productJustAdded.packPage .pJAbuttons { clear: left; padding: 10px 0 5px; text-align: center; } #productJustAdded.packPage .pJAbuttons a { background: #C5257D no-repeat; border-radius: 5px; color: #fff; display: inline-block; font-size: 0.8em; font-weight: bold; margin: 0 5px; padding: 5px; text-decoration: none; text-transform: uppercase; } #productJustAdded.packPage .pJAbuttons a.seeCart { background: url(../images/boutons/pictosBoutonsCategorie.png) no-repeat 4px -60px #C5257D; padding: 5px 5px 5px 35px; } #productJustAdded.packPage .pJAbuttons a.returnP { background: #C5257D; } #productJustAdded.machinePage h3 { font-size: 1.1em; text-align: center; } #productJustAdded.machinePage p { text-align: center; font-size: 0.8em; } #productJustAdded.machinePage p img { width: 200px; } #productJustAdded.machinePage p.pPrice { font-size: 1.1em; } #productJustAdded.machinePage p.pPrice strong { color: #CD0044; } /* Pop-in explicative Comment ?a marche */ .popInExplication { background: #efefef; font-family: Arial, Helvetica, sans-serif; max-width: 560px; font-size: 62.5%; text-align: center; } .popInExplication h2 { color: #333; font-family: 'Numans', sans-serif; font-size: 2.2em; font-weight: bold; line-height: 1.2em; margin: 0 0 10px; padding: 10px 0 0; text-transform: uppercase; } .popInExplication ul { margin: 15px; list-style: none; padding: 0; } .popInExplication ul li { float: left; width: 46%; margin: 0 2%; padding: 0; } .popInExplication ul li h3 { font-family: 'Numans',sans-serif; padding: 0; margin: 10px 0; font-size: 1.3em; } .popInExplication ul li h3 span { background: #002d53; border-radius: 10px; color: #fff; display: inline-block; font-weight: normal; line-height: 20px; text-align: center; width: 20px; } .popInExplication ul li p { padding: 0; margin: 10px 0; font-size: 1.1em; } .popInExplication ul li img { width: 70%; display: block; margin: 10px auto; border-radius: 10px; } .popInExplication.threeCols { width: 640px; } .popInExplication.threeCols ul li { width: 28%; } .popInExplication.threeCols ul li.last { width: 28%; margin-left: 34%; } .popInExplication .linkToDevices { padding-right: 20px; text-align: right; font-size: 1.1em; text-transform: uppercase; } .popInExplication .linkToDevices a { color: #E82C0C; } #reperesPratiques.popInExplication { padding: 10px; width: 620px; } #reperesPratiques.popInExplication .blocExpli { margin: 3em 0; } #reperesPratiques.popInExplication h3 { text-align: left; font-family: 'Numans',sans-serif; font-size: 1.6em; text-transform: uppercase; color: #b0003c; margin: 0 0 0.5em; padding: 1em 0 0; } #reperesPratiques.popInExplication img.floatLeft { margin: 0 1em 0 0; } #reperesPratiques.popInExplication img.floatRight { margin: 0 0 0 1em; } #reperesPratiques.popInExplication p { margin: 0.5em 0; padding: 0; font-size: 1.2em; text-align: left; } #reperesPratiques.popInExplication table { margin: 0 auto; border-collapse: collapse; } #reperesPratiques.popInExplication table th, #reperesPratiques.popInExplication table td { border: 1px solid #ccc; padding: 0.5em; text-align: left; font-size: 1.1em; } #reperesPratiques.popInExplication table th { font-weight: bold; } #reperesPratiques.popInExplication table tr.measuresTd td { text-align: right; } /* Fournitures */ .impressionBox { font-size: 1.3em; margin: 10px 0 0; text-align: left; } .noSpaceBottom { margin-bottom: 0; padding-bottom: 0; } .sousCategorie.consoPage #contenuPage { width: 895px; } .sousCategorie.consoPage h1 { margin: 30px 0 20px; } .sousCategorie.consoPage .introBlocFournitures h2 { font-family: Arial,Helvetica,sans-serif; font-size: 1.4em; font-weight: bold; padding: 10px 0 0; margin: 0; text-align: left; } .sousCategorie.consoPage .introBlocFournitures a { color: #F05601; } .sousCategorie.consoPage .introBlocFournitures h2 span { background: #777; border-radius: 5px; color: #fff; display: inline-block; padding: 1px 10px; } .sousCategorie.consoPage .blocFourniture h2 { background: none repeat scroll 0 0 #777777; border-radius: 5px; color: #fff; display: inline-block; padding: 1px 10px; position: absolute; top: -30px; left: -10px; font-size: 1.2em; max-height: 36px; overflow: hidden; } .sousCategorie.consoPage .explBlocFournitures { margin: 10px 0; font-style: italic; margin: 0; padding-top: 30px; font-size: 1.2em; } .sousCategorie.consoPage .introBlocFournitures { margin: 10px 0; font-size: 1.2em; } .sousCategorie.consoPage .introBlocFournitures ul, .sousCategorie.consoPage .introBlocFournitures li, .sousCategorie.consoPage .introPage ul, .sousCategorie.consoPage .introPage li {list-style: disc inside;} .sousCategorie.consoPage .introBlocFournitures ul, .sousCategorie.consoPage .introBlocFournitures p, .sousCategorie.consoPage .introPage ul, .sousCategorie.consoPage .introPage p {margin: 0 0 0.5em;} .sousCategorie.consoPage .introBlocFournitures li, .sousCategorie.consoPage .introPage li {margin: 0 0 0 2em;} .sousCategorie.consoPage .introPage h2 {color: #000; text-transform: uppercase; font-family: 'Numas', Arial, Helvetica, snas-serif; font-size: 1.7em; margin: 1.5em 0 0.7em;} .sousCategorie.consoPage .blocFourniture { position: relative; background: #fefefe; border: 1px solid #efefef; box-shadow: 2px 2px 3px 1px rgba(5, 5, 5, 0.3); border-radius: 15px; font-size: 1.1em; float: left; margin: 3em 1% 1%; width: 275px; } .sousCategorie.consoPage .blocFourniture.blocAlone { margin-left: 150px; } .sousCategorie.consoPage .blocFournitureContent { position: relative; padding: 30px 15px 10px; } .sousCategorie.consoPage .blocFournitureContent .blocFournitureContentLeft { padding: 10px 125px 0 0; min-height: 165px; } /* Spécial ANM types */ .sousCategorie.consoPage .introPage .typeanm { margin-bottom:25px; } .sousCategorie.consoPage .introPage .typeanm h2 { text-transform:unset !important; top:-30px !important; } .sousCategorie.consoPage .introPage .typeanm table { margin-top:15px !important; } .sousCategorie.consoPage .introPage .typeanm p { font-size:1.1em; margin: 0 15px; } .sousCategorie.consoPage .introPage .typeanm p.titretypeanm { font-size:1.1em; margin-top:20px; } .sousCategorie.consoPage .introPage .typeanm .typesanm th { font-weight:bold; padding: 8px 0; } .sousCategorie.consoPage .introPage .typeanm .typesanm p { font-size:0.8em; } .sousCategorie.consoPage .introPage .typeanm .typesanm img { width:100px; } /* Colors and img */ .sousCategorie.consoPage .blocFourniture .fourniImg { display: none; width: 110px; height: 160px; overflow: hidden; position: absolute; right: 15px; top: 35px; } .sousCategorie.consoPage .blocFourniture .fourniImg:first-child { display: block; } .sousCategorie.consoPage .blocFourniture .fourniImg img { width: 125px; } /* Colors */ .sousCategorie.consoPage .blocFourniture .fourniColor { margin: 15px 0; } .sousCategorie.consoPage .blocFourniture .fourniColor .eachColor { display: inline-block; } .sousCategorie.consoPage .blocFourniture .fourniColor .spanLabel { border-radius: 12px; cursor: pointer; display: block; height: 24px; width: 24px; display: block; border: 1px solid #fff; position: relative; } .sousCategorie.consoPage .blocFourniture .fourniColor span.spanLabel { cursor: default; } .sousCategorie.consoPage .blocFourniture .fourniColor .colorSelected { border: 1px solid #999; } .sousCategorie.consoPage .blocFourniture .fourniColor .spanLabel span { display: none; position: absolute; top: 28px; left: 28px; height: 24px; line-height: 24px; text-align: center; background: #333; color: #fff; z-index: 10; opacity: 0.9; padding: 0 3px; } .sousCategorie.consoPage .blocFourniture .fourniColor .spanLabel:hover span { display: block; } /* Description */ .sousCategorie.consoPage .blocFourniture .fourniDescription{ font-size: 1.1em; } .sousCategorie.consoPage .blocFourniture .fourniInfos p { padding: 0; margin: 5px 0; } .sousCategorie.consoPage .blocFourniture p.pOtherPrice { font-size: 1.1em; margin: 10px 0 1px; } .sousCategorie.consoPage .blocFourniture span.decreasingBlock { display: block; font-weight: bold; padding-left: 28px; background: url(../images/categorie/pictoDegressivite.png) no-repeat left center; } .sousCategorie.consoPage .blocFourniture span.decreasingPrices { display: block; padding-top: 3px; font-size: 1.1em; } .sousCategorie.consoPage .blocFourniture span.displayOtherPrices, .sousCategorie.consoPage .blocFourniture span.hideOtherPrices { color: #E82C0C; cursor: pointer; display: block; text-decoration: underline; } .sousCategorie.consoPage .blocFourniture .fourniPrice, .sousCategorie.consoPage .blocFourniture .fourniOrder{ float: left; width: 60px; } .sousCategorie.consoPage .blocFourniture .boutonDetailProduit, .sousCategorie.consoPage .blocFourniture .fourniAddCart { text-align: right; padding-top: 9px; } .sousCategorie.consoPage .blocFourniture .boutonDetailProduit, .sousCategorie.consoPage .blocFourniture .boutonAjoutPanier { background: url(../images/boutons/pictosBoutonsCategorie.png) no-repeat scroll 0 0; border-radius: 5px; color: #FFFFFF; display: inline-block; font-weight: bold; height: 30px; line-height: 30px; margin-left: 10px; padding: 0 3px 0 30px; text-transform: uppercase; width: auto; cursor: pointer; } .sousCategorie.consoPage .blocFourniture .boutonDetailProduit { background-color: #3B5C0E; background-position: left -106px; } .sousCategorie.consoPage .blocFourniture .boutonAjoutPanier { background-color: #014e90; background-position: 1px -58px; } .sousCategorie.consoPage .blocFourniture .fourniPrice span, .sousCategorie.consoPage .blocFourniture .fourniColorIntro, .sousCategorie.consoPage .blocFourniture .fourniOrder label { display: block; font-weight: bold; } .sousCategorie.consoPage .blocFourniture .fourniPrice strong { font-size: 1.6em; color: #E82C0C; } .sousCategorie.consoPage .blocFourniture .fourniPrice small.promo {background: #e82c0c; color: #fff; font-weight: bold; font-size: 1em;} .sousCategorie.consoPage .blocFourniture .fourniOrder .buttonIncr { display: inline-block; width: 12px; color: #fff; font-size: 1.4em; cursor: pointer; line-height: 12px; height: 12px; } .sousCategorie.consoPage .blocFourniture .fourniOrder .buttonIncr span { display: none; } .sousCategorie.consoPage .blocFourniture .fourniOrder .buttonIncr.buttonMinus { background: url(../images/boutons/minus.png); } .sousCategorie.consoPage .blocFourniture .fourniOrder .buttonIncr.buttonPlus { background: url(../images/boutons/plus.png); } .sousCategorie.consoPage .blocFourniture .fourniOrder .buttonIncr, .sousCategorie.consoPage .blocFourniture input { padding: 0; margin: 0; text-align: center; } .sousCategorie.consoPage .blocFourniture input { height: 20px; line-height: 20px; width: 25px; border-radius: 3px; border: 1px solid #777; color: #333; } .sousCategorie.consoPage .blocFourniture .linkCustomBloc { margin: 10px 0 0; padding: 0; text-align: right; } .sousCategorie.consoPage .blocFourniture .linkCustomBloc a { color: #F05601; } /* Pop-in demande contact formulaire */ body.popinForm { background: #fff; font-size: 62.5%; color: #333; width: 580px; } .popinForm .formContainer { width: 580px; background: url(../images/categorie/consommables/blocs/popin-demande-personnalisation-papeterie-blocs-comptables.jpg) no-repeat left 53px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; min-height: 400px; } .popinForm .formContainer.pros { background: url(../images/categorie/colonne-droite/pros/popin-demande-contact-materiel-pro.jpg) no-repeat -12px 112px; } .popinForm .formContainer form { padding-left: 230px; } .popinForm .formContainer h2 { text-align: center; font-size: 1.5em; color: #777; margin: 0 0 20px; } .popinForm .formContainer.formContainerError h2 { padding-top: 160px; } .popinForm .formContainer .lineForm { padding: 0; margin: 5px 0; display: block; } .popinForm .formContainer .lineForm label, .popinForm .formContainer .lineForm .likeLabel { display: block; float: left; width: 120px; padding: 3px 0; } .popinForm .formContainer .lineForm.withRadio label { display: inline; float: none; } .popinForm .formContainer .lineForm.lineTextarea label { float: none; padding: 8px 0 3px; } .popinForm .formContainer .lineForm.withRadio label, .popinForm .formContainer .lineForm.withRadio .likeLabel { float: none; padding: 3px 0 0; } .popinForm .formContainer ul.lineForm.withRadio { margin: 0; padding: 0; } .popinForm .formContainer ul.lineForm.withRadio li { margin: 0 0 0 20px; padding: 0; list-style: none; } .popinForm .formContainer .lineForm input, .popinForm .formContainer .lineForm textarea, .popinForm .formContainer .lineCaptcha fieldset { border: 1px solid #ccc; } .popinForm .formContainer .lineForm input { width: 230px; } .popinForm .formContainer .lineForm.withRadio input { width: auto; border: 0 none; } .popinForm .formContainer .lineForm textarea { width: 350px; } .popinForm .formContainer .lineCaptcha fieldset { width: 340px; padding: 5px; } .popinForm .formContainer .lineSubmit { margin: 15px 0 0; } .popinForm .formContainer .lineSubmit input{ display: block; border-radius: 5px; color: #fff; background: #777; margin: 0 auto; cursor: pointer; font-weight: bold; height: 30px; line-height: 30px; padding: 0 5px; text-align: center; text-transform: uppercase; width: auto; border: 1px solid #777; } .popinForm .formContainer .footnoteForm { margin: 15px 0 0; text-align: right; font-size: 0.8em; } /* Plastification */ .sousCategorie.consoPage.plastif #contenuPage { width: 59%; } .sousCategorie.consoPage.plastif .introBlocFournitures{ margin: 25px 0 10px; } .sousCategorie.consoPage.plastif .blocFourniture { width: 100%; display: block; float: none; vertical-align: top; padding-bottom: 10px; border-color: #ccc; } .sousCategorie.consoPage.plastif .blocFourniture h2 { font-size: 1.1em; max-height: 60px; top: -21px; background: #ccc; color: #333; } .sousCategorie.consoPage.plastif .blocFourniture .minPrice { position: absolute; top: 12px; right: 525px; display: block; text-align: right; font-size: 1.2em; font-weight: bold; } .sousCategorie.consoPage.plastif .blocFourniture .minPrice .minPriceNumber { font-size: 1.6em; color: #E82C0C; } .sousCategorie.consoPage.plastif .blocFourniture table { width: 450px; border-collapse: collapse; } .plastif .blocFourniture .visuFourni { width: 200px; height: 150px; overflow: hidden; padding: 85px 20px 0 10px; float: left; } .plastif .blocFourniture .visuFourniVide { width: 200px; height: 100px; overflow: hidden; padding: 0px 20px 0 10px; float: left; } .plastif .blocFourniture .formatD { margin: 15px 5px 5px; font-weight: bold; font-size: 1.1em; } .plastif .blocFourniture .selectDiam { display: block; border-bottom: 1px solid #333; margin: 0 10px 0 230px; padding: 0; } .plastif .blocFourniture .subDiamFour { padding: 0 10px; } .plastif #contenuPage .blocFourniture .selectDiam li { list-style: none; display: inline-block; padding: 0 4px 0 0; margin: 0 0.5em; } .plastif #contenuPage .blocFourniture .selectDiam li.diamFour p { padding: 0.3em 0.5em; margin: 0; cursor: pointer; } .plastif .blocFourniture .selectDiam li.diamFour.active p { background: #333; color: #fff; } .sousCategorie.consoPage.plastif .blocFourniture .fourniPrice { float: none; } .sousCategorie.consoPage.plastif .blocFourniture td { vertical-align: middle; padding: 5px 3px; } .sousCategorie.consoPage.plastif .blocFourniture th { vertical-align: bottom; text-align:center;padding: 1px 3px; background: #ddd; } .sousCategorie.consoPage.plastif .blocFourniture th.specialPrice { background: #C5257D; color: #fff; } .sousCategorie.consoPage.plastif .blocFourniture .fourniPrice strong { font-size: 1.1em; } .sousCategorie.consoPage.plastif .blocFourniture .fourniPrice { width: 60px; color: #E82C0C; } .sousCategorie.consoPage.plastif .blocFourniture .fourniCondcenter { width: 60px; text-align: center; font-size: 1.1em; font-weight: bold; } .sousCategorie.consoPage.plastif .blocFourniture .fourniCond { width: 60px; text-align: center; font-size: 1.1em; font-weight: bold; } .sousCategorie.consoPage.plastif .blocFourniture .fourniPrice { width: 60px; text-align: center; } .sousCategorie.consoPage.plastif .blocFourniture .fourniPrice100 { width: 60px; text-align: right; } .sousCategorie.consoPage.plastif .blocFourniture .fourniOrderPrice { width: 110px; text-align: center; } .sousCategorie.consoPage.plastif .blocFourniture .fourniOrder { margin-left: 10px; } .sousCategorie.consoPage.plastif .blocFourniture .fourniOrder label { display: none; } .sousCategorie.consoPage.plastif .blocFourniture .fourniAddCart { padding-top: 0; } .sousCategorie.consoPage.plastif .blocFourniture .boutonAjoutPanier.mini { height: 21px; line-height: 21px; padding: 0 3px 0 21px; background-position: 2px -184px; } .sousCategorie.consoPage.plastif .blocFourniture .boutonAjoutPanier span { display: none; } /** Conso normal **/ .sousCategorie.consoPage.consoNormal #contenuPage { width: 57%; } .sousCategorie.consoPage.consoNormal .blocFourniture { width: 30%; float: none; display: inline-block; vertical-align: top; } .sousCategorie.consoPage.consoNormal .blocFourniture h2 { background: #ccc; color: #333; font-size: 1.1em; max-height: 50px; font-weight: bold; } .sousCategorie.consoPage.consoNormal .blocFournitureContent { padding: 30px 10px 10px; } .sousCategorie.consoPage.consoNormal .blocFournitureContent .logoMarque { position: absolute; right: 20px; top: 125px; width: 70px !important; } .sousCategorie.consoPage.agraf .blocFourniture .logoMarque { position: absolute; right: 20px; top: 75px; width: 75px !important; } .sousCategorie.consoPage.consoNormal .blocFournitureContent .minPrice { font-weight: bold; position: absolute; right: 15px; top: 15px; background: url(../images/categorie/consommables/bgTransparencyWhite.png); border-radius: 5px; padding: 5px 5px 0; } .sousCategorie.consoPage.consoNormal .blocFournitureContent span.pourcentPromo { background: #e82c0c; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #fff; display: block; font-size: 1.5em; font-weight: bold; left: 0; padding: 0.2em 0.5em; position: absolute; text-align: center; top: 25px; } .sousCategorie.consoPage.consoNormal .blocFournitureContent .minPrice .minPriceNumber { color: #E82C0C; font-size: 1.8em; display: block; } .sousCategorie.consoPage.consoNormal .blocFournitureContent img { width: 100%; max-width: 181px; margin: 0 auto; display: block; } .sousCategorie.consoPage.consoNormal .blocFourniture .descriptionFour { text-align: justify; min-height: 80px; } .sousCategorie.consoPage.consoNormal .blocFourniture .fourniPrice { width: 80px; } .sousCategorie.consoPage.consoNormal .blocFourniture .fourniOrder { width: 60px; } .sousCategorie.consoPage.consoNormal .blocFourniture .fourniPrice strong { color: #666; } .sousCategorie.consoPage.consoNormal .blocFourniture .boutonAjoutPanier span { display: none; } .sousCategorie.consoPage.consoNormal .choixMarque { margin: 0 auto; } .sousCategorie.consoPage.consoNormal .choixMarque a { display: inline-block; vertical-align: bottom; color: #333; text-align: center; font-weight: bold; font-size: 0.9em; padding: 10px; border-radius: 15px; } .sousCategorie.consoPage.consoNormal .choixMarque a.active { background: #eaeaea; } .sousCategorie.consoPage.consoNormal .choixMarque a:hover { background: #efefef; } .sousCategorie.consoPage.consoNormal .choixMarque a img { display: block; width: 75px; margin: 0 auto 5px; } .sousCategorie.consoPage.consoNormal .toutesMarques { margin-top: 10px; text-align: right; } .sousCategorie.consoPage.consoNormal .toutesMarques a { text-decoration: underline; font-weight: bold; color: #666; } /** Fancybox openCart in pop-in **/ #productJustAdded { padding: 10px; font-size: 1.4em; } #productJustAdded h2 { background: none #6699CC; border-radius: 5px; color: #fff; padding: 5px; font-size: 1.2em; } #productJustAdded img { float: left; margin: 10px 10px 10px 0; max-width: 150px; display: flex; flex-wrap: nowrap} #productJustAdded p { margin: 0 0 0.5em; } #productJustAdded p.pDescr { padding: 1em 0 0; } #productJustAdded p .pJAtotalPrice { font-weight: bold; font-size: 1.1em; color: #C5257D; } #productJustAdded .pJAbuttons { clear: left; padding: 10px 0 5px; text-align: center; } #productJustAdded .pJAbuttons a { background: #C5257D no-repeat; border-radius: 5px; color: #fff; display: inline-block; font-size: 0.8em; font-weight: bold; margin: 0 5px; padding: 5px; text-decoration: none; text-transform: uppercase; } #productJustAdded .pJAbuttons a.seeCart { background: url(../images/boutons/pictosBoutonsCategorie.png) no-repeat 4px -60px #C5257D; padding: 5px 5px 5px 35px; } #productJustAdded .pJAbuttons a.returnP { background: #C5257D; } .plastif .introPage { padding-top: 5px; } .plastif .introPage p { font-size: 1.2em; } #global a.aColor { text-decoration: underline; color: #E82C0C; } .plastif .introPage .ulNormal { font-size: 1.2em; margin-left: 2em; } .plastif .introPage .ulPouch { list-style: none; padding: 10px 0 0; margin: 0; } .plastif .introPage .ulPouch li { display: inline-block; background: #fefefe; border: 1px solid #efefef; border-radius: 15px; box-shadow: 2px 2px 3px 1px rgba(5, 5, 5, 0.3); font-size: 1.1em; margin: 10px 5px; position: relative; width: 219px; vertical-align: top; height: 290px; padding-bottom: 10px; overflow: hidden; } .plastif .introPage .ulPouch.bigLink li { height: 360px; } .plastif .introPage .ulPouch li a { display: block; padding: 10px; } .plastif .introPage .ulPouch span { display: block; } .plastif .introPage .ulPouch .pouchTitle { font-size: 1.4em; font-weight: bold; margin: 0 0 5px; text-align: center; text-transform: uppercase; } .plastif .introPage .ulPouch .pouchTitlePromo { font-size: 1.4em; font-weight: bold; margin: 0 0 5px; text-align: center; text-transform: uppercase;color:red;} .plastif .introPage .ulPouch .pouchIntro { margin-top: 5px; } .plastif .introPage .ulPouch li .pouchIntro a { display: block; padding: 5px 10px 5px 10px;font-weight:bold; color:#e82c0c;} .plastif .introPage .ulPouch li .pouchIntro a:hover { color:#333;} .plastif .introPage .ulPouch .pouchSeeMore { bottom: 5px; position: absolute; right: 10px; } .plastif .introPage .ulPouch img { display: block; margin: 0 auto; width: 150px; max-height: 150px; } .plastif .introPage .ulPouch .pouchSeeMore span { background: none repeat scroll 0 0 #E82C0C; color: #fff; display: inline-block; height: 10px; line-height: 10px; padding: 1px 2px; } .plastif .introPage .ulPouch a:hover .pouchSeeMore { color: #000; } .plastif .introPage .ulPouch a:hover .pouchSeeMore span { background: #333; } /* Fast search */ input#instantSearch { border: 1px solid #999999; border-radius: 5px; } /* Fournitures avec coloris et capacités à choisir de type couverture */ .sousCategorie.consoPage.plastif.colorSelect .blocFourniture { width: 98%; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture p.descriptionFour { font-size: 1.2em; margin: 30px 5px 0; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture p.fourniColorIntro { font-size: 1.2em; margin: 10px 5px 0; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture p.fourniColorIntro span { display: inline-block; padding: 2px 5px; border: 1px solid #bbb; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table { width: 98%; margin: 15px auto; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table tr.even td{ background: #efefef; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table td, .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table th { font-size: 0.9em; text-align: center; vertical-align: middle; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table td.alignLeft, .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table th.alignLeft { text-align: left; padding-left: 15px; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table td.alignRight, .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table th.alignRight { text-align: right; padding-right: 15px; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table td.fourniPrice { text-align: right; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table td.tdError { color: #f00; font-weight: bold; font-size: 1.4em; padding: 5px 0; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table .tdLegend { font-size: 0.8em; font-weight: normal; display: block; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .minPrice { right: 10px; top: -7px; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .fourniOrder { margin: 0 auto; float: none; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .fourniColor { margin: 5px 5px 0; padding: 0; text-align: center; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .fourniColor li { display: inline-block; list-style: none outside none; margin: 0; padding: 0; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .fourniColor .spanLabel { border-radius: 10px; height: 20px; width: 20px; border: 1px solid #bbb; } .sousCategorie.consoPage.colorSelect .blocFourniture .fourniColor .spanLabel span { padding: 3px; height: auto; line-height: 1.2em; } .sousCategorie.consoPage.colorSelect .blocFourniture .fourniImg { background: #ccc; height: 310px; right: 15px; top: 85px; width: 225px; } #productJustAdded.colorSelect table { font-size: 0.8em; width: 390px; } #productJustAdded.colorSelect table tr { border-bottom: 1px solid #ccc; } #productJustAdded.colorSelect table th { background: #ccc; padding: 3px 5px; font-weight: bold; } #productJustAdded.colorSelect table td { padding: 3px; } #productJustAdded.colorSelect table td.qty { text-align: center; } #productJustAdded.colorSelect table td.pce { text-align: right; } .sousCategorie.consoPage.plastif.colorSelect .buttonSubmit { text-align: right; margin-right: 20px; } .sousCategorie.consoPage.plastif.colorSelect .buttonSubmit input { background: #014e90 url(../images/boutons/pictosBoutonsCategorie.png) no-repeat 1px -58px; border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; font-weight: bold; height: 30px; line-height: 30px; padding-left: 35px; padding: 0 3px 0 30px; text-transform: uppercase; width: auto; border: 0; } .sousCategorie.consoPage.plastif.colorSelect .descriptionFour { margin-top: 20px; padding-top: 10px; } .sousCategorie.consoPage.plastif.colorSelect .descriptionFour p, .sousCategorie.consoPage.plastif.colorSelect .descriptionFour ul { margin: 0 10px 5px 10px; text-align: justify; font-size: 1.1em; } .sousCategorie.consoPage.plastif.colorSelect .descriptionFour ul li { list-style-position: inside; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .fourniImg, .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .blocImgFour { height: 230px; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture.miniHeight145 .fourniImg, .sousCategorie.consoPage.plastif.colorSelect .blocFourniture.miniHeight145 .blocImgFour { height: 145px; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture.miniHeight180 .fourniImg, .sousCategorie.consoPage.plastif.colorSelect .blocFourniture.miniHeight180 .blocImgFour { height: 180px; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .blocImgFour { float: left; width: 220px; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .fourniImg { left: 10px; top: 20px; display: block; height: 230px; width: 200px; background: #fff; } .sousCategorie.consoPage.agraf.colorSelect .blocFourniture .fourniImg { left: 10px; top: 20px; display: block; height:110px; background: #fff; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .blocImgFour {height:230px; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .fourniImg img { width: 165px; display: block; margin: 0 auto; } /* Made in France */ .sousCategorie .madeInFrance { position: absolute; left: 20px; top: 20px; height: 27px; width: 27px; background: url(../images/categorie/consommables/macaronFrance.png) no-repeat center center; } .sousCategorie .ulPouch .madeInFrance { top: 50px; } .sousCategorie .ulPouch .madeInFrance span, .sousCategorie .madeInFrance span { display: none; }/* Prix à partir de */.pouchAPartir { font-size : 1.4em; font-weight: bold; text-align: right;} /* Tableau exemple */ .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table.exampleTable { width: 65%; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table.exampleTable td { font-size: 0.9em; text-align: left; vertical-align: top; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture table.exampleTable caption { font-size: 1.2em; font-weight: bold; padding: 5px 0; text-transform: uppercase; } /* Taille texte minimale */ .tableMinSize table th, .tableMinSize table td { font-size: 1.1em; } /* Filtre sur modèle standard */ .formConso p.filterName { font-size: 1.2em; text-align: center; } .sousCategorie.consoPage .blocFourniture p.filterName label, .sousCategorie.consoPage .blocFourniture p.filterName input { display: inline-block; vertical-align: middle; } .sousCategorie.consoPage .blocFourniture p.filterName input.filterNameInput { width: 220px; margin-left: 0.5em; text-align: left; } /* Description produit au survol */ .withTipCondi .containerTip { position: relative; } .withTipCondi .labelTip { cursor: pointer; color: #E82C0C; font-size: 0.8em; text-decoration: underline; } .withTipCondi div.tip { display: none; position: absolute; z-index: 99; background: #fff; border: 1px solid #ccc; padding: 10px; font-size: 0.8em; border-radius: 10px; box-shadow: 2px 2px 3px 1px rgba(5, 5, 5, 0.3); left: -240px; top: -60px; width: 210px; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .withTipCondi div.tip table { margin: 0; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .withTipCondi div.tip table caption { font-size: 1.1em; font-weight: bold; margin: 0 0 5px; text-transform: uppercase; padding: 2px 5px; color: #B0003C; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .withTipCondi div.tip table td { padding: 1px 3px; } /* Bulle couleur dans description sur certains modèles */ .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .colorBullet { display: inline-block; width: 12px; height: 12px; margin: 0 5px 0 0; vertical-align: middle; border: 1px solid #aaa; border-radius: 6px; } /* Bloc suggestion machines */ .sousCategorie.consoPage.plastif.colorSelect .suggestProduits, .pageGamme .suggestProduits { background: #efefef; border-radius: 15px; width: 100%; margin: 40px 10px 10px; padding: 20px 0 0; position: relative; } .sousCategorie.consoPage.plastif.colorSelect .suggestProduits ul, .sousCategorie.consoPage.plastif.colorSelect .suggestProduits li, .pageGamme .suggestProduits ul, .pageGamme .suggestProduits li { margin: 0; padding: 0; list-style: none; } .sousCategorie.consoPage.plastif.colorSelect .suggestProduits ul, .pageGamme .suggestProduits ul { padding: 10px 15px 15px; } .sousCategorie.consoPage.plastif.colorSelect .suggestProduits h2, .pageGamme .suggestProduits h2 { background: none repeat scroll 0 0 #C5257D; border-radius: 7px; color: #FFFFFF; display: block; font-family: 'Numans', sans-serif; font-size: 1.8em; font-weight: normal; left: -5px; line-height: 1.3em; margin: 20px 0 10px; padding: 2px 5px; position: absolute; top: -35px; } .sousCategorie.consoPage.plastif.colorSelect .suggestProduits h3, .pageGamme .suggestProduits h3 { font-family: 'Numans',sans-serif; font-weight: normal; text-align: center; } .sousCategorie.consoPage.plastif.colorSelect .suggestProduits li, .pageGamme .suggestProduits li { float: left; width: 20%; margin: 1%; background: #fff; padding: 1%; border-radius: 10px; height: 220px; position: relative; } .sousCategorie.consoPage.plastif.colorSelect .suggestProduits img, .pageGamme .suggestProduits img { width: 100%; } .sousCategorie.consoPage.plastif.colorSelect .suggestProduits p.voirProduit, .pageGamme .suggestProduits p.voirProduit { position: absolute; right: 10px; bottom: 10px; font-size: 1.1em; } .sousCategorie.consoPage.plastif.colorSelect .suggestProduits p.voirProduit a, .pageGamme .suggestProduits p.voirProduit a { background: #C5257D; border-radius: 5px; color: #fff; display: inline-block; padding: 2px 5px; } .sousCategorie.consoPage.plastif.colorSelect .suggestProduits p.voirProduit a:hover, .pageGamme .suggestProduits p.voirProduit a:hover { background: #333; } /* Pop-in devis couvertures */ .popinForm.popinCouvertures .formContainer { background: url(../images/categorie/consommables/couvertures-d-emboitage/popin-demande-conception-couvertures-sur-mesure.jpg) no-repeat left 85px; min-height: 650px; max-width: 650px; } .popinForm.popinCouvertures .formContainer.formBindomatic { background: url(../images/categorie/consommables/couvertures-bindomatic/popin-demande-conception-couvertures-bindomatic-sur-mesure.jpg) no-repeat left 92px; } /* Options (rainage...) */ .sousCategorie.consoPage.plastif.colorSelect .fourniColorIntro.rainageSelect input, .sousCategorie.consoPage.plastif.colorSelect .fourniColorIntro.rainageSelect label, .sousCategorie.consoPage.plastif.colorSelect .fourniColorIntro.rainageSelect a { display: inline-block; vertical-align: middle; } .sousCategorie.consoPage.plastif.colorSelect .fourniColorIntro.rainageSelect label { font-weight: normal; } .sousCategorie.consoPage.plastif.colorSelect .fourniColorIntro.rainageSelect input.littleButton { background: #014e90; border: 0 none; border-radius: 5px; color: #fff; cursor: pointer; font-weight: bold; width: auto; padding: 1px; text-transform: uppercase; margin-left: 10px; } .sousCategorie.consoPage.plastif.colorSelect .fourniColorIntro.rainageSelect a { font-weight: normal; font-size: 0.9em; color: #E82C0C; text-decoration: underline; margin-left: 10px; } .sousCategorie.consoPage.plastif.colorSelect .fourniColorIntro.rainageSelect a:hover{ color: #666; } /* Affichage des couleurs si finitions */ .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .fourniColor.avecFinition { text-align: left; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .fourniColor.avecFinition li { vertical-align: middle; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .fourniColor.avecFinition li.finitionColor { width: 150px; font-size: 1.1em; font-weight: bold; padding-left: 40px; } .sousCategorie.consoPage.plastif.colorSelect .blocFourniture .fourniColor.avecFinition li.likeClear { height: 1px; overflow: hidden; width: 100%; padding: 0; margin: 0; } /* Filtre films */ .filtreFilm, .marqueAgrafe { background: #ededed; border-radius: 10px; padding: 10px; } .filtreFilm h3, .marqueAgrafe h3 { font-size: 1.4em; margin: 0 0 0.7em; text-align: center; text-transform: uppercase; } .filtreFilm form, .marqueAgrafe form { display: inline-block; margin: 0 2%; } .filtreFilm form p, .marqueAgrafe form p { font-size: 1.1em; display: inline-block; margin: 0; } .filtreFilm form select, .marqueAgrafe form select { font-size: 1em; } .filtrePochette { background: #ededed; border-radius: 10px; padding: 10px; } .filtrePochette h3 { font-size: 1.4em; margin: 0 0 0.7em; text-align: center; text-transform: uppercase; } .filtrePochette form { display: inline-block; margin: 0 2%; } .filtrePochette form p { font-size: 1.1em; display: inline-block; margin: 0; } .filtrePochette form select { font-size: 1em; } .plastif .blocFourniture .listDiamFilm > p { margin: 0 1%; font-weight: bold; font-size: 1.2em; } .plastif .blocFourniture .listDiamFilm .selectDiam { margin: 1%; } /* Produits */ .pageProduit a {color: #333; text-decoration: none;} .pageProduit img {border: 0;} .pageProduit #contenuPage {width: 77%; margin: 0 1%; padding-bottom: 20px; float: left;} .linkBack { font-size: 1.2em; /*line-height: 5.8em;*/ margin: 0; padding: 0; padding-top:20px; text-align: right; } /* @media(max-width:640px) { .linkBack { line-height: auto; padding-top: 20px; } } */ .linkBack a { text-decoration: underline; color: #666; } /** Contenu page modular **/ .contentProduit { padding-bottom: 50px; } .contentProduit .subHeader { background: #002346; border-bottom-right-radius: 8px; border-top-right-radius: 8px; box-shadow: 6px 6px 10px 0 #BCBCBC; color: #fff; display: inline-block; font-size: 1.5em; line-height: 1.8em; margin: 20px 0 25px -5px; padding: 0 52px 0 10px; text-align: left; text-transform: uppercase; float: left; } @media(max-width:640px){ .contentProduit .subHeader { padding: 0 0 0 10px; } .videoContainer iframe{width: 100%; max-width: 100%;} } .contentProduit object { display: block; margin: 0 auto; width: 100%; } .pageProduit .fancybox-nav span { visibility: visible; } .contentProduit ul.ulCaracTech, .contentProduit ul.ulCaracTech li { padding: 0; margin: 0; list-style: none; text-align: justify; } .contentProduit ul.ulCaracTech { margin: 0 0 5px; } .contentProduit ul.ulCaracTech li { display: inline-block; vertical-align: top; width: 30%; margin: 0 1% 3px; } .contentProduit .caracProduct .tabDisp p { margin: 0 1%; } /** Global modular **/ .listeProduits .contentBlocProduit .pasPerfo { margin-top: 5px; } .listeProduits .contentBlocProduit .pasPerfo ul { margin: 0 20px; padding: 0; text-align: center; } .listeProduits .contentBlocProduit .pasPerfo li { list-style: none; margin: 5px 1%; padding: 0; display: inline-block; width: 47%; font-size: 0.8em; text-transform: uppercase; text-align: left; } .listeProduits .contentBlocProduit .pasPerfo li img { vertical-align: middle; width: 100px; } .contentProduct h1, .bloc404 h1 { color: #002346; font-family: 'Numans',sans-serif; font-size: 2.2em; font-weight: bold; margin: 0 0 25px; padding: 10px 0 0; text-align: center; text-transform: uppercase; } .contentProduct .descrProduct { font-size: 1.3em; } .contentProduct .descrProduct h2, .contentProduit p.likeh2 { border-radius: 5px; color: #444; display: inline-block; padding: 7px 15px; font-weight: normal; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; background: #ccc; margin: 10px 0; } .contentProduct .descrProduct p { margin: 0 0 7px; padding: 0; color: #555; text-align: justify; } .contentProduct .descrProduct .pPrice { font-size: 1.2em; text-align: center; font-weight: bold; margin: 0; } .contentProduct .descrProduct .pFinan { text-align: center; } .contentProduct .descrProduct .pFinan span { color: #E82C0C; font-size: 0.9em; cursor: pointer; } .contentProduct .descrProduct .pPrice span.labelPrice { color: #E82C0C; font-size: 1.3em; } .contentProduct .descrProduct .pPrice span.labelPrice sup { bottom: 3px; display: inline-block; font-size: 0.7em; margin: 0 0 0 1px; position: relative; vertical-align: middle; } /** Ensembles avec perfo **/ .contentProduct .descrProduct .seeModulars { text-align: center; margin: 15px 0; } .contentProduct .descrProduct .seeModulars a { display: inline-block; background: #E82C0C; color: #fff; text-transform: uppercase; padding: 4px 8px; border-radius: 3px; font-size: 1.3em; } .contentProduct .descrProduct .seeModulars a:hover { background: #666; } .modularProduct p.likeh2, .contentProduit p.likeh2 { font-size: 1.5em; position: relative; margin: 90px 0 0; } .contentProduit p.likeh2 { display: block; margin: 0; } .modularProduct p.likeh2 .mickael, .contentProduit p.likeh2 .mickael { background: url(../images/pageProduit/bgTitle.jpg) no-repeat left top; display: block; width: 129px; height: 100px; position: absolute; top: -90px; left: 30px; } .contentProduit p.likeh2 .josette { background: url(../images/pageProduit/4238/bgTitleP.jpg) no-repeat left top; display: block; width: 129px; height: 100px; position: absolute; top: -90px; left: 30px; } .caracProduct { font-size: 1.1em; background: none repeat scroll 0 0 #ececec; border-radius: 10px; margin: 60px 10px 0; position: relative; padding: 20px 10px 10px; } .caracProduct .tabsIndex { position: absolute; top: -10px; margin: 0; padding: 0; } .caracProduct .tabsIndex li { display: inline-block; margin: 0 10px 0 0; } .caracProduct .tabsIndex li h3 { background: none repeat scroll 0 0 #666; border-radius: 3px; color: #fff; font-size: 1.2em; font-weight: bold; left: -10px; margin: 0; padding: 4px 8px; cursor: pointer; display: inline-block; } .caracProduct .tabsIndex li.active h3 { background: #333; } .modularProduct { font-size: 1.1em; margin-top: 100px; } .pageGamme .modularProduct { margin-top: 0; } .modularProduct > ul, .modularProduct > ul > li { list-style: none; padding: 0; margin: 0; } .modularProduct > ul > li { margin: 20px 0; padding: 10px; border: 1px solid #bcbcbc; border-radius: 10px; box-shadow: 6px 6px 10px 0px #bcbcbc; position: relative; } .modularProduct h2 { font-family: 'Numans',sans-serif; font-size: 2em; text-transform: uppercase; font-weight: normal; margin: 0; padding: 0; } .modularProduct .subh2 { font-size: 1.3em; margin: 0 0 10px; } .modularProduct .modularContent .blocPrice { float: right; } .modularProduct .modularContent .blocPrice .pPrice { font-size: 1.2em; margin: 0; } .modularProduct .modularContent .blocPrice .pPrice .labelPrice { color: #E82C0C; font-size: 1.8em; font-weight: bold; } .modularProduct .modularContent .blocPrice .pPrice span { color: #E82C0C; font-size: 0.9em; cursor: pointer; } .modularProduct .modularContent .blocIntroModular { float: left; width: 705px; padding-bottom: 30px; } .modularProduct .modularContent .viewModular { width: 150px; float: left; margin: 0 20px 10px 0; padding: 20px 0 0; position: relative; } .modularProduct .modularContent .viewModular .popularite { background: #C5257D; border-bottom-right-radius: 5px; border-top-right-radius: 5px; color: #fff; font-family: 'Numans', sans-serif; font-size: 1.5em; left: -11px; padding: 2px 8px 2px 5px; position: absolute; top: 5px; } .modularProduct .modularContent p { margin: 0 0 5px; text-align: justify; } .contentProduit .modularContent .tabDisp p { margin: 0 1%; } .modularProduct .modularContent p.introModular { font-size: 1.1em; padding: 35px 0 0; } .modularProduct .textNormal p { font-size: 1.2em; } .modularProduct .modularContent .pasPerfo p.likeSubtitle { color: #555; font-size: 1.1em; font-weight: bold; margin: 10px 0 5px; } .modularProduct .modularContent .viewModular img { width: 150px; } .modularProduct .modularContent .viewModular a.seePhotos, .modularProduct .modularContent .viewModular a.seePrint, .modularProduct .modularContent .viewModular a.seePdf { display: inline-block; line-height: 15px; padding-left: 19px; background: url(../images/pageProduit/spritesPictos.png) no-repeat; margin: 1px 10px 1px 0; } .modularProduct .modularContent .viewModular a.seePhotos:hover, .modularProduct .modularContent .viewModular a.seePrint:hover, .modularProduct .modularContent .viewModular a.seePdf:hover { color: #E82C0C; } .modularProduct .modularContent .viewModular a.seePhotos { background-position: 0 -1px; } .modularProduct .modularContent .viewModular a.seePhotos:hover { background-position: 0 -66px; } .modularProduct .modularContent .viewModular a.seePrint { background-position: 0 -455px; line-height: 18px; } .modularProduct .modularContent .viewModular a.seePrint:hover { background-position: 0 -520px; } .modularProduct .modularContent .viewModular a.seePdf { background-position: 0 -585px; line-height: 18px; } .modularProduct .modularContent .viewModular a.seePdf:hover { background-position: 0 -651px; } .modularProduct .otherPopin { display: none; } .modularProduct .modularContent .pasPerfo ul, .modularProduct .modularContent .pasPerfo li { padding: 0; text-transform: uppercase; } .modularProduct .modularContent .pasPerfo ul { margin: 0 0 0 20px; } .modularProduct .modularContent .pasPerfo li { display: inline-block; width: 21%; margin: 0 5px 1px;; vertical-align: top; } .modularProduct .modularContent .pasPerfo .footNote { font-style: italic; margin: 0 0 10px 20px } .modularProduct .modularContent .buttons { bottom: 6px; position: absolute; right: 10px; text-align: right; } .modularProduct .modularContent .buttons a, .modularProduct .modularContent .buttons span { display: inline-block; padding: 5px 10px 5px 25px; border-radius: 3px; color: #fff; text-transform: uppercase; font-size: 1.1em; margin: 0 0 0 10px; cursor: pointer; background: url(../images/pageProduit/spritesPictos.png) no-repeat; vertical-align: bottom; } .modularProduct .modularContent .buttons a:hover, .modularProduct .modularContent .buttons span:hover { opacity: 0.7; } .modularProduct .modularContent .buttons span.seeAllInfos { background-color: #ff6c00; background-position: 6px -125px; } .modularProduct .modularContent .buttons span.hideAllInfos { background-color: #ff6c00; background-position: 6px -190px; } .modularProduct .modularContent .buttons a.reinsPopin { background-color: #cd0044; background-position: 6px -256px; } .modularProduct .modularContent .buttons a.devisPopin { background-color: #002346; background-position: 6px -322px; font-size: 1.5em; padding: 7px 10px 7px 38px; border-radius: 6px; } .modularProduct .blocAllInfos { clear: both; } /** Onglets modulars **/ .modularProduct .modularContent ul.tabsIndex, .modularProduct .modularContent ul.tabsIndex li { margin: 0; padding: 0; list-style: none; } .modularProduct .modularContent ul.tabsIndex { margin: 15px 0 10px; border-bottom: 1px solid #ccc; } .modularProduct .modularContent ul.tabsIndex li { display: inline-block; margin: 0 0 0 10px; } .modularProduct .modularContent ul.tabsIndex li form, .modularProduct .modularContent ul.tabsIndex li form .downloadPDF { display: inline-block; border: 0 none; } .modularProduct .modularContent ul.tabsIndex li h3, .modularProduct .modularContent ul.tabsIndex li form .downloadPDF { margin: 0; padding: 2px 5px; font-weight: normal; position: relative; bottom: -1px; background: #666; color: #fff; font-size: 1.1em; cursor: pointer; border-top-left-radius: 3px; border-top-right-radius: 3px; } .modularProduct .modularContent ul.tabsIndex li form .downloadPDF { padding: 0 0 1px 0; font-size: 1.2em; } .modularProduct .modularContent ul.tabsIndex li.active h3 { background: #333; } .modularProduct ul h4 { text-align: center; font-size: 1.2em; font-weight: bold; margin: 2em 0 0.5em; text-transform: uppercase; } .modularProduct .modularContent .tabDisp { padding: 0 0 40px; } #contactPopin.popinTxt { padding: 1em; } /** Images exemple modular **/ .viewProduct { float: left; position: relative; margin: 0 15px 10px 0; width: 320px; } .displayView { position: relative; width: 100%; } .displayView img { border: 1px solid #ccc; border-radius: 0.9em; width: 100%; } .viewProduct ul { margin: 0.9em 0; padding: 0; text-align: center; } .viewProduct li { display: inline-block; width: 21%; margin: 0 1%; } .viewProduct li a { display: block; cursor: pointer; } .viewProduct li img { width: 100%; border: 1px solid #ccc; border-radius: 0.4em; } /** Modulars **/ .modularList h2 {font-size: 1.9em; margin: 0.5em 0; font-weight: normal; border-bottom: 1px solid #b32820; padding: 0.1em; color: #000;} .modularList p.advantages {margin: 0.5em 1em; font-size: 1.1em;} .modularList .blocModular, .modularList .advModular {display: inline-block; vertical-align: middle;} .modularList .advModular { width: 25.4%; margin: 0 0 0em; font-size: 1.1em; vertical-align:top; padding-left:5px; background-color:#ffffff; } .modularList .blocModular { margin: 0 0 0em; font-size: 1.2em; background: #efefef; width: 74%; } @media (max-width:1230px) { .modularList .advModular { width: 100%; padding-left:0px; } .modularList .blocModular { width: 100%; } } .modularList .blocModular.fullWidth {float: none; width: 100%;} .modularList .blocModular li.theMod {margin: 0.5em 0.5em 0.5em 3em; border-bottom: 1px solid #ccc; padding: 0.5em 1em;} .modularList .blocModular li.noborder {border: 0 none;} .modularList .blocModular .tabMod { font-size: 0.9em; margin: 2%; width: 97%; } .modularList .blocModular.fullWidth .tabMod {width: 96%;} .modularList .blocModular .tabMod th, .modularList .blocModular .tabMod td {padding: 0.2em 0.5em; border: 1px solid #ddd; background: #fff;} .modularList .blocModular .tabMod th {text-transform: uppercase; color: #000; text-align: center; background: #ccc;} .modularList .blocModular .tabMod .titleMod a {text-transform: uppercase; margin: 0; color: #000; text-decoration: underline;} .modularList .blocModular .tabMod .priceMod strong {color: #b32820; font-size: 1.2em;} .modularList .blocModular .tabMod .linkMod {text-align: center; margin: 1em 0 0.5em;} .modularList .blocModular .tabMod .linkMod a { display: inline-block; font-family: 'Numans', sans-serif; background: #b32820; color: #fff; text-transform: uppercase; padding: 5px; border-radius: 0.2em; } .modularList .blocModular .tabMod .linkMod a:hover {background: #002346;} .modularList .blocModular .videoContainer {float: right;} .modularList .blocModular .presModular {margin: 2%;} .modularList .introListe {font-size: 1.2em;} .modularList .viewProduct {width: 35%;} .modularList .viewProduct ul {margin: 2% 0 0;} .modularList .liAdv { font-size: 1em; margin: 0 0 9px; background: #dfe3e7; padding: 0%;} .modularList .liAdv strong {display: block; font-family: 'Numans', sans-serif; text-transform: uppercase; font-size: 1.1em;} .modularList .liAdv img {width: 80px; float: left; margin: 0.5em 1em 0.5em 0.5em;} .contentModular .descrProduct h2 {margin: 1em 0 0;} .contentModular .descrProduct h3 {font-family: 'Numans', sans-serif; font-size: 1.2em; text-transform: uppercase; margin: 1em 1em 0.5em 0; color: #b0003c; border-bottom: 1px solid #b0003c; padding: 0 0 0.3em;} #contenuPage .contentProduct .descrProduct .pPrice {margin: 0;} #contenuPage .contentProduct .descrProduct .pDemandeDevis {margin: 0.5em 0;} #contenuPage .contentProduct .descrProduct .pContact {margin: 1em 0 0; text-transform: uppercase; text-align: center; font-size: 1.1em;} .contentModular .descrProduct ul.liCarac li {list-style: none;} .contentModular .descrProduct .floatRight {margin: 0 0 0.5em 1em; max-width: 250px;} .contentModular .grayBg {background: #eee; padding: 1em; margin: 0 0 1em;} /* Consommables */ .contentProduit .caracProduct .tabDisp p.introFourni { margin: 10px 0; font-size: 1.2em; font-weight: bold; } ul.liFourni { padding: 0; margin: 10px 0; } ul.liFourni li { list-style: none; display: inline-block; vertical-align: top; padding: 0; margin: 0 1%; width: 17%; text-align: center; } ul.liFourni li a, ul.liFourni li img, ul.liFourni li span { display: block; margin: 0 auto; } ul.liFourni li img { width: 120px; border-radius: 5px; } ul.liFourni li span.imgFourni{ margin: 5px auto; } ul.liFourni li span.titleFourni{ text-transform: uppercase; font-size: 1.1em; margin: 5px auto; } ul.liFourni li a:hover { color: #E82C0C; } /** Notes et commentaires **/ .modularProduct p.nbComm, .pageProduit p.nbComm { font-size: 1.2em; } .modularProduct p.nbComm big, .pageProduit p.nbComm big { font-size: 1.2em; color: #CD0044; } .modularProduct ul.notation, .pageProduit ul.notation { margin: 0 1%; padding: 0; } .modularProduct ul.notation li { background: #DEDEDE; border-radius: 5px; list-style: none outside none; margin: 10px 0; padding: 5px; } .pageProduit ul.notation li { margin: 10px 0; padding: 5px; list-style: none outside none; border-bottom: 1px dotted #ccc; } .pageProduit ul.notation li.last { border-bottom: 0 none; } .modularProduct ul.notation li h4, .pageProduit ul.notation li h4 { font-size: 1.1em; font-size: 1.1em; margin: 0 0 5px; padding: 0; } .modularProduct ul.notation li h4 em, .pageProduit ul.notation li h4 em { font-weight: normal; } .modularProduct ul.notation li h4 .note, .pageProduit ul.notation li h4 .note { display: inline-block; margin: 0 5px 0 0; vertical-align: middle; } .noteImg { background: url(../images/fullText/relieuse/pictoNotation.png) no-repeat scroll 0 -46px; display: inline-block; height: 13px; width: 16px; } .noteImg.loveImgDisabled { background-position: 0 -68px; } .noteImg span { display: none; } .modularProduct p.addComm, .pageProduit p.addComm { padding: 5px 0 15px; text-align: center; font-size: 1.1em; } .modularProduct p.addComm a, .pageProduit p.addComm a { text-decoration: underline; color: #CD0044; } /** page spéciale pour les commentaires **/ .avis-clt-full p.intro { margin-bottom:30px !important; } .avis-machine { background-color:#ededed; border-radius:25px; padding:15px; margin-bottom:15px; } .avis-machine img.product-img { max-height:262px; float:left; border-radius:5px; margin-right:20px; } .produit-review p.desc { font-size:1.4em !important; } .reviews { clear:both; } .review-single { background-color:#FFF; max-width:270px; border-radius:5px; padding:5px; display:inline-flex; margin-top:15px; margin-right:15px; margin-bottom:15px;} .review-single li { list-style:none; margin-top:5px; margin-right:2em; } .review-single img.note { max-height:12px; } .review-single span.review-title { font-weight:bold; } /** Pop-in devis et notes, commentaires **/ body.noBg { background: 0 none; } #contactPopin.popinTxt { padding: 1em; } #contactPopin.popinTxt { margin: 0 auto; font-size: 1em; } #contactPopin.popinTxt.popinDemandeDevisModular{ background: #ededed; } #contactPopin.popinTxt.popinDemandeDevisModular .subPopinTxt { padding: 10px 10px 0; } #contactPopin.popinTxt.popinDemandeDevisModular h2 { font-size: 2.2em; text-align: center; color: #fff; font-weight: normal; padding: 5px; background: #002346; font-weight: normal; margin: 0 0 15px; border-radius: 5px; } #contactPopin.popinTxt.popinDemandeDevisModular p { font-size: 1.2em; margin: 0 0 10px; } #contactPopin.popinTxt.popinDemandeDevisModular p.formIntro { font-weight: bold; text-align: center; } #contactPopin.popinTxt.popinDemandeDevisModular p.footNote { font-size: 1em; font-style: italic; margin: 0; padding: 0 0 10px; } #contactPopin.popinTxt.popinDemandeDevisModular h3 { background: none repeat scroll 0 0 #666666; border-radius: 3px; color: #fff; display: inline-block; font-size: 1.4em; margin: 15px 0; padding: 3px 20px; text-transform: uppercase; } #contactPopin.popinTxt.popinDemandeDevisModular p.formLine { display: inline-block; margin: 0 2% 10px 0; vertical-align: top; width: 30%; } #contactPopin.popinTxt.popinDemandeDevisModular p.formLine label { display: block; text-transform: uppercase; } #contactPopin.popinTxt.popinDemandeDevisModular p.formLine input, #contactPopin.popinTxt.popinDemandeDevisModular p.formLine textarea, #contactPopin.popinTxt.popinDemandeDevisModular p.formLine select { width: 100%; } #contactPopin.popinTxt.popinDemandeDevisModular p.formLine input.error, #contactPopin.popinTxt.popinDemandeDevisModular p.formLine select.error, #contactPopin.popinTxt.popinDemandeDevisModular p.formLine textarea.error { border: 2px solid #f00; } #contactPopin.popinTxt.popinDemandeDevisModular p.formLine .radioBox input.error { border: 0 none; } #contactPopin.popinTxt.popinDemandeDevisModular p.formLine label.error { color: #f00; display: block; text-transform: none; } #contactPopin.popinTxt.popinDemandeDevisModular p.pError { color: #f00; text-align: center; font-weight: bold; } #contactPopin.popinTxt.popinDemandeDevisModular p.boutonP { margin: 15px 0 20px; text-align: center; } #contactPopin.popinTxt.popinDemandeDevisModular p.boutonP input { display: inline-block; border: 0 none; background: #002346; border-radius: 5px; padding: 2px 5px; color: #fff; text-transform: uppercase; font-size: 1.4em; cursor: pointer; } #contactPopin.popinTxt.popinDemandeDevisModular .bgComm { background: url(../images/pageProduit/bgPopinDevis.jpg) no-repeat left bottom; padding: 65px 0px 0 22%; font-size: 1.3em;} #contactPopin.popinTxt.popinDemandeDevisModular .bgComm p.formLine { width: 100%; } #contactPopin.popinTxt.popinDemandeDevisModular p.pSuccess { font-size: 1.8em; margin: 0; padding: 95px 0 130px; text-align: center; } #contactPopin.popinTxt.popinDemandeDevisModular.popinPageProduit h2, #contactPopin.popinTxt.popinDemandeDevisModular.popinPageProduit p.boutonP input{ background: #b0003c; } /** Pop-in question **/ #contactPopin.popinTxt.popinDemandeDevisModular #questionProduit p.formLine { width: 46%; } #contactPopin.popinTxt.popinDemandeDevisModular #questionProduit .bgComm { padding: 75px 0 0 22%; } #contactPopin.popinTxt.popinDemandeDevisModular #questionProduit .bgComm p.formLine { width: 95%; } #contactPopin.popinTxt.popinDemandeDevisModular #questionProduit .bgComm p.formLine textarea { height: 115px; } /** Pop-in note, commentaire **/ #contactPopin.popinTxt.popinDemandeDevisModular.noteModular h2, #contactPopin.popinTxt.popinDemandeDevisModular.noteModular p.boutonP input{ background: #CD0044; } #contactPopin.popinTxt.popinDemandeDevisModular.noteModular .subPopinTxt img { float: left; margin: 2em 2% 2em 0; border-radius: 15px; width: 40%; } #contactPopin.popinTxt.popinDemandeDevisModular.noteModular .subPopinTxt form { width: 100%; margin: 20px 0 0; } #contactPopin.popinTxt.popinDemandeDevisModular.noteModular p.formLine { display: block; width: auto; } #contactPopin.popinTxt.popinDemandeDevisModular.noteModular p.formLine .radioBox label { display: inline-block; margin: 0 20px 0 0; } #contactPopin.popinTxt.popinDemandeDevisModular.noteModular p.formLine .radioBox input { display: inline; width: auto; } #contactPopin.popinTxt.popinDemandeDevisModular.noteModular p.formLine input, #contactPopin.popinTxt.popinDemandeDevisModular.noteModular p.formLine textarea, #contactPopin.popinTxt.popinDemandeDevisModular.noteModular p.formLine select { width: 54%; } #contactPopin.popinTxt.popinDemandeDevisModular.noteModular p.boutonP { clear: left; } /** Pop-in financement **/ #contactPopin.popinTxt.popinFinancement { background: url(../images/pageProduit/bgPopinFinancement.jpg) #2260b3 no-repeat left bottom; width: 600px; } #contactPopin.popinTxt.popinFinancement .subPopinTxt { padding: 10px 10px 90px 210px; } #contactPopin.popinTxt.popinFinancement h2 { font-size: 2.2em; text-align: center; color: #ffea00; font-weight: normal; padding: 10px 0; margin: 0; } #contactPopin.popinTxt.popinFinancement h2 big { font-size: 1.2em; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } #contactPopin.popinTxt.popinFinancement h3 { color: #fff; font-size: 1.4em; font-weight: bold; margin: 10px 0 5px; } #contactPopin.popinTxt.popinFinancement p { color: #fff; font-size: 1.2em; text-align: justify; margin: 0 0 5px; } #contactPopin.popinTxt.popinFinancement p.footNote { font-size: 0.9em; font-style: italic; } /** Pop-in réassurrance **/ #contactPopin.popinTxt.popinReassurrance{ background: #ededed; } #contactPopin.popinTxt.popinReassurrance .subPopinTxt { padding: 10px; } #contactPopin.popinTxt.popinReassurrance h2 { font-size: 2.2em; text-align: center; color: #fff; font-weight: normal; padding: 5px; background: #C5257D; font-weight: normal; margin: 0 0 15px; border-radius: 5px; } #contactPopin.popinTxt.popinReassurrance h3 { text-transform: uppercase; font-size: 1.3em; font-weight: normal; margin: 15px 0 5px; coor: #333; } #contactPopin.popinTxt.popinReassurrance p { color: #666; font-size: 1.1em; text-align: justify; margin: 0 0 5px; } #contactPopin.popinTxt.popinReassurrance ul { margin: 0; padding: 0; } #contactPopin.popinTxt.popinReassurrance ul li { list-style: inside; margin: 0 0 5px 20px; font-size: 1.1em; color: #666; text-align: justify; } #contactPopin.popinTxt.popinReassurrance a { text-decoration: none; color: #C5257D; } /** Pages packs **/ .pagePack .contentProduit .subHeader { background: #FF4E00; } .pagePack .contentProduct h1 { color: #444; } .pagePack .contentProduit .titrePage { background: left top no-repeat; border-radius: 15px; border: 1px solid #cdcdcd; height: 250px; position: relative; } .pagePack .contentProduit .titrePage h1 { color: #444; margin: 20px 10px 15px 450px; font-size: 2em; } .pagePack .contentProduit .titrePage p { color: #666; font-size: 1.4em; margin: 15px 10px 50px 450px; text-align: justify; } .pagePack .contentProduit .titrePage p.pTitrePrix { position: absolute; bottom: 10px; right: 10px; margin: 0; font-size: 1.6em; } .pagePack .contentProduit .titrePage p.pTitrePrix strong { color: #E82C0C; font-size: 1.4em; } .pagePack .contentProduit .contentPack { font-size: 1.2em; position: relative; padding-top: 65px; } .pagePack .contentProduit .contentPack .introPack { font-size: 1.6em; font-weight: bold; text-align: center; margin: 25px 0 20px; text-transform: uppercase; font-family: 'Numans',sans-serif; } .pagePack .contentProduit .contentPack ul, .pagePack .contentProduit .contentPack ul li { list-style: none; padding: 0; margin: 0; } .pagePack .contentProduit .contentPack .pricePack { position: absolute; right: 10px; top: 10px; font-size: 1.3em; text-align: right; color: #666; } .pagePack .contentProduit .contentPack .pricePack strong { background: #E82C0C; border-radius: 3px; color: #fff; display: inline-block; font-size: 0.95em; font-weight: normal; padding: 1px 3px; text-align: center; } /* Boutons commande */ .pagePack .contentProduit .contentPack .pButtonTop input, .pagePack .contentProduit .contentPack .pButton input { background: #E82C0C; display: inline-block; border-radius: 5px; padding: 2px 5px; font-size: 1.2em; color: #fff; border: 0 none; text-transform: uppercase; cursor: pointer; box-shadow: 3px 3px 5px 0 #BCBCBC; } .pagePack .contentProduit .contentPack .pButtonTop { display: inline-block; margin: 0 0 0 20px; } .pagePack .contentProduit .contentPack .pButton { text-align: center; margin: 20px 0; font-size: 1.3em; } /* Machines */ .pagePack .contentProduit .contentPack ul li.itemMachine, .pagePack .contentProduit .contentPack ul li.itemFourni { margin: 10px 0; background: #e0dfdb; border-radius: 15px; padding: 15px; } .pagePack .contentProduit .contentPack ul li.itemMachine .displayView { height: auto; position: relative; width: 100%; } .pagePack .contentProduit .contentPack ul li.itemMachine .imgPack { float: left; margin: 0 20px 0 0; width: 200px; text-align: center; } .pagePack .contentProduit .contentPack ul li.itemMachine .imgPack img { width: 200px; border-radius: 5px; } .pagePack .contentProduit .contentPack ul li.itemMachine .imgPack li { display: inline-block; width: 20%; margin: 10px 1% 0; cursor: pointer; } .pagePack .contentProduit .contentPack ul li.itemMachine .imgPack li img { width: 100%; } .pagePack .contentProduit .contentPack ul li.itemMachine h2, .pagePack .contentProduit .contentPack ul li.itemFourni h2 { color: #333; font-size: 1.6em; font-weight: normal; margin: 0 0 10px; padding: 0; text-align: center; } .pagePack .contentProduit .contentPack ul li.itemMachine .contentTabs { padding-left: 220px; } .pagePack .contentProduit .contentPack ul li.itemMachine ul.tabsIndex { border-bottom: 1px solid #999; margin: 20px 0; } .pagePack .contentProduit .contentPack ul li.itemMachine ul.tabsIndex li { display: inline-block; vertical-align: top; margin: 0 1% 0 0; cursor: pointer; } .pagePack .contentProduit .contentPack ul li.itemMachine ul.tabsIndex li h3 { font-weight: normal; background: #666; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; bottom: -1px; color: #fff; margin: 0; font-size: 1.1em; font-weight: normal; margin: 0; padding: 5px 5px 3px; text-transform: uppercase; } .pagePack .contentProduit .contentPack ul li.itemMachine ul.tabsIndex li.active h3 { background: #333; } .pagePack .contentProduit .contentPack ul li.itemMachine .tabDisp p { font-size: 1em; margin: 0 0 5px; text-align: justify; } .pagePack .contentProduit .contentPack ul li.itemMachine p.qteMachine, .pagePack .contentProduit .contentPack ul li.itemMachine p.prixMachine, .pagePack .contentProduit .contentPack ul li.itemFourni p.qteFourni, .pagePack .contentProduit .contentPack ul li.itemFourni p.prixFourni { text-align: right; display: inline-block; margin: 10px 0 0 20px; font-size: 1.2em; float: right; } /* Fournitures */ .pagePack .contentProduit .contentPack ul li.itemFourni h2 { font-size: 1.4em; } .pagePack .contentProduit .contentPack ul li.itemFourni.withImgLiFou img.floatLeft { margin: 0 1em 0 0; width: 200px; } .pagePack .contentProduit .contentPack ul li.itemFourni.withImgLiFou h2 { padding-top: 2em; } .pagePack .contentProduit .contentPack ul li.itemFourni ul.colorChoice, .pagePack .contentProduit .contentPack ul li.itemFourni ul.colorChoice li { display: inline-block; vertical-align: middle; } .pagePack .contentProduit .contentPack ul li.itemFourni p.introColor { font-size: 1.3em; margin: 10px 0; } .pagePack .contentProduit .contentPack ul li.itemFourni ul.colorChoice li { margin: 0 0 10px 15px; } .pagePack .contentProduit .contentPack ul li.itemFourni ul.colorChoice li .bulletColor span { display: none; } .pagePack .contentProduit .contentPack ul li.itemFourni ul.colorChoice li .bulletColor { display: inline-block; width: 14px; height: 14px; margin: 0 3px 0 0; border: 1px solid #666; } /** Fancybox openCart in pop-in **/ #productJustAdded.packPage { font-family: Arial,Helvetica,sans-serif; padding: 10px; } #productJustAdded.packPage h2 { font-family: Arial,Helvetica,sans-serif; background: none repeat scroll 0 0 #6699CC; border-radius: 5px; color: #fff; padding: 5px; font-size: 1em; } #productJustAdded.packPage h3 { font-size: 0.9em; text-align: center; } #productJustAdded.packPage p { font-size: 0.8em; margin: 5px 20px } #productJustAdded.packPage p .pJAtotalPrice { font-weight: bold; font-size: 1.1em; color: #C5257D; } #productJustAdded.packPage .pJAbuttons { clear: left; padding: 10px 0 5px; text-align: center; } #productJustAdded.packPage .pJAbuttons a { background: #C5257D no-repeat; border-radius: 5px; color: #fff; display: inline-block; font-size: 0.8em; font-weight: bold; margin: 0 5px; padding: 5px; text-decoration: none; text-transform: uppercase; } #productJustAdded.packPage .pJAbuttons a.seeCart { background: url(../images/boutons/pictosBoutonsCategorie.png) no-repeat 4px -60px #C5257D; padding: 5px 5px 5px 35px; } #productJustAdded.packPage .pJAbuttons a.returnP { background: #C5257D; } /** Gammes **/ .comparatifVariantes { width: 100%; border-collapse: collapse; font-size: 0.9em; } .comparatifVariantes th, .comparatifVariantes td { border: 1px solid #ccc; text-align: center; padding: 5px; } .comparatifVariantes .likeTh { text-transform: uppercase; color: #000; } .comparatifVariantes th { text-align: left; font-weight: bold; } .comparatifVariantes .aLink { color: #E82C0C; text-decoration: underline; } .pageGamme div.buttons { bottom: 6px; position: absolute; right: 10px; text-align: right; } .pageGamme .addCartForm { display: inline-block; vertical-align: bottom; } .pageGamme .boutonAjoutPanier,.tabDisp form .pButton span { border: 0 none; display: inline-block; color: #fff; cursor: pointer; margin: 0 0 0 10px; text-transform: uppercase; vertical-align: bottom; background: #002346 url(../images/boutons/pictosBoutonsCategorie.png) no-repeat 5px -56px; border-radius: 6px; font-size: 1.5em; padding: 7px 10px 7px 38px; } .pageGamme .modularProduct { padding-top: 120px; } .pageGamme .boutonAjoutPanier:hover { opacity: 0.7; } .tabDisp form table { font-size: 1.2em; border-collapse: collapse; } .tabDisp form table th { text-transform: uppercase; font-size: 1.1em; background: #002346; color: #fff; } .tabDisp form table th, .tabDisp form table td { text-align: left; border: 0; padding: 2px 5px; } .tabDisp form table tr.even td { background: #ccc; } .tabDisp form table td input { margin: 0 auto; display: block; } .contentProduit .modularContent .tabDisp form p.pButton { text-align: left; margin: 10px 0 0; } .tabDisp form .pButton span { background-image: none; padding: 5px 10px; font-size: 1em; } #productJustAdded.machinePage h3 { font-size: 1.1em; text-align: center; } #productJustAdded.machinePage p { text-align: center; font-size: 0.8em; } #productJustAdded.machinePage p img { width: 200px; } #productJustAdded.machinePage p.pPrice { font-size: 1.1em; } #productJustAdded.machinePage p.pPrice strong { color: #CD0044; } /** Pages produits standard **/ .pageProduitSta .contentProduit .subHeader { background: #b0003c; max-width: 68%;} .pageProduitSta .contentProduit .impressionBox { width: 315px; } .pageProduitSta .contentProduit .printBox { float: right; } .pageProduitSta .contentProduit .printBox, .pageProduitSta .printBox ul, .pageProduitSta .printBox li { display: inline-block; vertical-align: middle; padding: 0; margin: 0; } .pageProduitSta .contentProduit .printBox { float: right; padding: 0 0 0 29%; } .pageProduitSta .contentProduit .printBox li a { display: block; width: 18px; height: 20px; background: url(../images/pageProduit/spritesPictos.png) no-repeat; } .pageProduitSta .contentProduit .printBox li a span { display: none; } .pageProduitSta .contentProduit .printBox li a.seePrint { background-position: 0 -455px; } .pageProduitSta .contentProduit .printBox li a.seePdf { background-position: 0 -585px; } .pageProduitSta .contentProduit .printBox li a.seePrint:hover { background-position: 0 -520px; } .pageProduitSta .contentProduit .printBox li a.seePdf:hover { background-position: 0 -651px; } .pageProduitSta .linksItemProduct { font-size: 1.2em; margin: 2em 0 1em; } .pageProduitSta .linksItemProduct p, .pageProduitSta .linksItemProduct ul, .pageProduitSta .linksItemProduct li { list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: top; } .pageProduitSta .linksItemProduct p { font-weight: bold; padding: 5px; } .pageProduitSta .linksItemProduct ul { width: 565px; } .pageProduitSta .linksItemProduct li a { background: #ccc; display: inline-block; padding: 3px 5px; border-radius: 3px; margin: 1px; text-transform: uppercase; } .pageProduitSta .linksItemProduct li a:hover { background: #b0003c; color: #fff; } .pageProduitSta .detailsProduct { margin-top: 50px; } .pageProduitSta .caractechProduct { float: left; width: 40%; } .pageProduitSta .plusProduct { float: left; margin: 0 2%; width: 30%; } .pageProduitSta .actionsProduct { float: right; width: 26%; } .pageProduitSta .descrBg { background: #ededed; border-radius: 10px; margin-bottom: 2em; margin-top: 1em; padding: 3em 0 1em; position: relative; } .pageProduitSta .descrBg h2 { position: absolute; top: -1.5em; left: 0; } .pageProduitSta .contentProduct .descrProduct p { padding: 0 1em; } .pageProduitSta form.ajoutProduitPanier, .pageProduitSta .contentProduct .descrProduct p.pDemandeDevis { text-align: center; margin: 1em 0; } .pageProduitSta .ajoutProduitPanier input, .pageProduitSta .actionsProduct p a, .pageProduitSta .contentProduct .descrProduct p.pDemandeDevis a, .pageProduitSta .contentProduct .remplProduct p.linkRempl a { border: 0 none; border-radius: 5px; color: #fff; cursor: pointer; font-weight: bold; text-transform: uppercase; } .pageProduitSta .ajoutProduitPanier input, .pageProduitSta .contentProduct .descrProduct p.pDemandeDevis a, .pageProduitSta .contentProduct .remplProduct p.linkRempl a { background: url(../images/boutons/pictosBoutonsCategorie.png) no-repeat 1px -58px #b0003c; display: inline-block; font-size: 1.4em; width: auto; height: 30px; line-height: 30px; padding: 0 3px 0 30px; font-weight: normal; } .pageProduitSta .contentProduct .descrProduct p.pDemandeDevis a, .pageProduitSta .contentProduct .remplProduct p.linkRempl a { background-image: none; padding: 0 5px; } .pageProduitSta .contentProduct .remplProduct p.linkRempl a { text-decoration:none; } .pageProduitSta .actionsProduct p { width: 90%; margin: 1em auto; } .pageProduitSta .actionsProduct p a { display: block; background: no-repeat url(../images/pageProduit/spritesPictos.png); font-size: 1em; height: 40px; width:130px;line-height: 40px; padding: 0 4px 0 40px; background-color: #666; } /* @media(max-width:1024px){ .pageProduitSta .actionsProduct p a { font-size: 1.22em; } } */ .pageProduitSta .actionsProduct p a.demandeDevis { background-position: 6px -319px; background-color: #b0003c; } .pageProduitSta .actionsProduct p a.demandeRenseignement { background-position: 6px -707px; } .pageProduitSta .actionsProduct p a.envoiParEmail { background-position: 6px -790px; } .actionsProduct p a.nosGaranties { background-position: 6px -869px; } .pageProduitSta .actionsProduct p a:hover { background-color: #b0003c; } .pageProduitSta .blocFour { margin: 1em; } .pageProduitSta .blocFour h3 { font-family: 'Numans',sans-serif; font-size: 1.1em; font-weight: normal; padding: 5px; cursor: pointer; background: #ddd no-repeat url(../images/pageProduit/spritesPictos.png) right -958px; } .pageProduitSta .blocFour h3.subVisible { background-position: right -1024px; } .pageProduitSta .videoProduit, .contentTabs .tabVideo { text-align: center; } .videoContainer { display: inline-block; padding: 0% 0%; position: relative; text-align: center; vertical-align: top; width: 100%; } .modularList .liAdv .videoContainer { width: 100%; } .pageProduitSta .videoContainer object, .contentTabs .videoContainer object { display: block; width: 100%; } .pageProduitSta .plusRBS { margin: 2em 0; } .pageProduitSta .demoDemand, .pageProduitSta .instalFormat { width: 49%; height: 150px; float: left; display: block; border-radius: 10px; } .pageProduitSta .demoDemand { background: #ddd url(../images/pageProduit/bgDemo.jpg) no-repeat left center; margin: 0 1% 0 0; } .pageProduitSta .instalFormat { background: #ddd url(../images/pageProduit/bgInstall.jpg) no-repeat left center; margin: 0 0 0 1%;} .pageProduitSta .plusRBS span { display: block; margin: 5px 0 5px 220px; text-transform: uppercase; font-size: 1.3em; color: #666; } .pageProduitSta .instalFormat span { margin: 5px 0 5px 240px;} .pageProduitSta .plusRBS span.titleBlock { color: #b0003c; font-family: 'Numans', sans-serif; font-size: 1.5em; text-transform: none; padding: 0.5em 0; } .pageProduitSta .plusRBS big { display: block; font-family: 'Numans',sans-serif; font-size: 1.3em; font-weight: bold; } .pageProduitSta .plusRBS small { display: block; } .pageProduitSta .appliProduct { margin: 1em 0 3em; } .pageProduitSta .appliProduct ul { margin: 0; padding: 1em; text-align: center; } .pageProduitSta .appliProduct ul li { display: inline-block; width: 22%; margin: 0 1%; padding: 0; list-style: none; text-transform: uppercase; font-size: 1.1em; vertical-align: top; } .pageProduitSta .appliProduct ul li img { display: block; margin: 0.5em auto; } .pageProduitSta .discountMin { background: #e82c0c; border-bottom-left-radius: 3px; border-top-left-radius: 3px; color: #fff; display: block; font-family: 'Numans', sans-serif; font-size: 1.6em; padding: 3px 5px; position: absolute; right: -5px; top: 20px; z-index: 90; } .pageProduitSta .discountMin strong { font-weight: normal; font-size: 1.2em; } .pageProduitSta .remplProduct { background: #ededed; border-radius: 10px; font-size: 1.2em; padding: 1em; text-align: center; margin: 0 0 2em 335px; } .pageProduitSta .remplProduct h2, .pageProduitSta .titrePage h2 { text-align:center; font-size: 1.5em; font-weight: normal; text-transform: uppercase; margin: 0 0 1.5em; } .pageProduitSta .remplProduct p { margin: 0 0 0.5em; padding: 0; } .pageProduitSta .remplProduct .produitRempl { text-align: left; } .pageProduitSta .remplProduct .produitRempl h3 { font-weight: normal; text-transform: uppercase; font-family:'Numans',sans-serif; padding: 1em 0 0; margin: 0 0 0.5em; } .pageProduitSta .remplProduct .produitRempl h3 a { color: #002346; } .pageProduitSta .remplProduct .produitRempl img { width: 150px; float: left; margin: 0 1em 0 0; border-radius: 5px; } .pageProduitSta .remplProduct .produitRempl .linkRempl { padding: 1em 0 0; } .pageProduitSta .remplProduct .produitRempl .linkRempl a { color: #b0003c; text-decoration: underline; } .threeDots { font-size: 3.6em; line-height: 0.4em; margin: 0; text-align: center !important; } .pageGamme .threeDots { margin: 0 0 15px !important; } .showAllDescr { font-size: 1.1em; position: relative; text-align: right !important; top: -1.8em; } .showAllDescr span { display: inline-block; color: #fff; background: #e82c0c; text-transform: uppercase; cursor: pointer; padding: 3px 5px; border-radius: 5px; } /** 404 block **/ .bloc404 { background: url(../images/categorie/bgContactCategorie.jpg) no-repeat left top; margin: 40px 0 0; padding: 30px 0 60px 330px; } .bloc404 h1 { text-align: left; } .bloc404 p, .bloc404 ul { font-size: 1.4em; } /* Pop-in explicative Comment ?a marche */ .popInExplication { font-size: 1em; background: #efefef; max-width: 560px; text-align: center; padding: 1em 0; } .popInExplication h2 { color: #333; font-family: 'Numans', sans-serif; font-size: 2.2em; font-weight: bold; line-height: 1.2em; margin: 0 0 10px; padding: 10px 0 0; text-transform: uppercase; } .popInExplication ul { margin: 15px; padding: 0; } .popInExplication ul li { float: left; width: 46%; margin: 0 2%; padding: 0; list-style: none; } .popInExplication ul li h3 { font-family: 'Numans',sans-serif; padding: 0; margin: 10px 0; font-size: 1.3em; } .popInExplication ul li h3 span { background: #002d53; border-radius: 10px; color: #fff; display: inline-block; font-weight: normal; line-height: 20px; text-align: center; width: 20px; } .popInExplication ul li p { padding: 0; margin: 10px 0; font-size: 1.1em; } .popInExplication ul li img { width: 70%; display: block; margin: 10px auto; border-radius: 10px; } .popInExplication.threeCols { width: 640px; } .popInExplication.threeCols ul li { width: 28%; } .popInExplication.threeCols ul li.last { width: 28%; margin-left: 34%; } .popInExplication .linkToDevices { padding-right: 20px; text-align: right; font-size: 1.1em; text-transform: uppercase; } .popInExplication .linkToDevices a { color: #E82C0C; } #reperesPratiques.popInExplication { padding: 10px; width: 620px; } #reperesPratiques.popInExplication .blocExpli { margin: 3em 0; } #reperesPratiques.popInExplication h3 { text-align: left; font-family: 'Numans',sans-serif; font-size: 1.6em; text-transform: uppercase; color: #b0003c; margin: 0 0 0.5em; padding: 1em 0 0; } #reperesPratiques.popInExplication img.floatLeft { margin: 0 1em 0 0; } #reperesPratiques.popInExplication img.floatRight { margin: 0 0 0 1em; } #reperesPratiques.popInExplication p { margin: 0.5em 0; padding: 0; font-size: 1.2em; text-align: left; } #reperesPratiques.popInExplication table { margin: 0 auto; border-collapse: collapse; } #reperesPratiques.popInExplication table th, #reperesPratiques.popInExplication table td { border: 1px solid #ccc; padding: 0.5em; text-align: left; font-size: 1.1em; } #reperesPratiques.popInExplication table th { font-weight: bold; } #reperesPratiques.popInExplication table tr.measuresTd td { text-align: right; } /* Visited products */ #visitedProducts {margin: 2em 0; font-size: 1.2em; font-family: 'Numans',sans-serif;} #visitedProducts h4 {font-size: 1.2em; text-transform: uppercase; background: #ccc; border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin: 0 10px 1em 0; padding: 3px 5px; font-weight: normal; text-align: center;} #visitedProducts ul, #visitedProducts li {list-style: none; margin: 0; padding: 0;} #visitedProducts li {margin: 0 0 0.7em 10px;} #visitedProducts li img, #visitedProducts li span {display: inline-block; vertical-align: middle;} #visitedProducts li img {width: 75px; margin: 0 10px 0 0;} #visitedProducts li span {width: 100px;} @media screen and (max-width:960px) { #global, .tabMenuTop, #menuTop ul li.tabMenuTop .sousMenu { width: 100% !important; } } /*page actualités nous rencontrer*/ .blocimageactu{ width:42%; display:inline-block; padding-right:0px; } .bloctextactu{ width:56%; display:inline-block; vertical-align:top; } /* page marque relifrance */ .intro-relifrance { background: url("../images/relifrance/relifrance.jpg") no-repeat 0px center; border: 1px solid #ddd; padding: 25px 15px 30px 268px; margin-bottom: 15px; font-size: 1.2em; border-radius: 10px; } .intro-relifrance p, .categ-relifrance ul li span { font-size:14px; } .categ-relifrance ul li { list-style-type:none; } .categ-relifrance ul li h2 { padding:5px; border-bottom:2px solid #444; color:#ffffff; background-image:url("../images/relifrance/reliure-relifrance.jpg"); background-repeat:no-repeat; background-size:100% 100%; } /*Page marque Matrel */ .intromatrel{ background: url("../images/commons/Logmatrel.gif") no-repeat 0px center !important; border: 1px solid #ddd; padding: 25px 15px 30px 268px; margin-bottom: 15px; font-size: 1.2em; border-radius: 10px; } .intromatrel p, .categ-relifrance ul li span { font-size:14px; } /* ---------------------------------------------------------------------------------------------------------------------------------------- */ /* nouvelle page de produit */ /** le produit **/ .blocproduit{ width:100%; margin-bottom: 3em; position:relative; } /* bouton description et caractéristique*/ .ladescription, .lacaracteristique, .linstallation { border:1px solid #000000; width:110px; display:inline-block; float: left; cursor:pointer; border-radius:4px 4px 0 0; background-color:#014e90 !important; border-color:rgba(0, 0, 0, 0.1) !important; color:#fff !important; font-weight:600; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); padding:5px 7px; margin-left: 2%; } .ladescription.current, .lacaracteristique.current, .linstallation.current { background-color: #b32820 !important; } .textinstallation img.picinstallation { max-width:310px; margin-right:10px;} @media (max-width:1230px) { .ladescription, .lacaracteristique, .linstallation { margin-bottom:10px; } } /* placer text de présentation*/ .listeProduits .presModular .petitedescription { display:inline-block; width:63%; } @media (max-width:1230px) { .listeProduits .presModular .petitedescription { width:100%; } } .listeProduits .presModular ul { margin-left: 20px; font-weight: bold; } .listeProduits .presModular ul li{ margin: 0; padding: 0; list-style: disc; } /* bloc de l'image*/ .listeProduits .presModular .viewProduct { float: left; position: relative; margin: 0 15px 10px 0; width: 320px; display:inline-block; } .listeProduits .presModular .viewProduct .displayView { position: relative; width: 100%; } .listeProduits .presModular .viewProduct .displayView img { border: 1px solid #ccc; border-radius: 0.9em; width: 100%; } .listeProduits .presModular .viewProduct ul { margin-left: 0px; margin: 0.9em 0; padding: 0; text-align: center; } .listeProduits .presModular .viewProduct li { display: inline-block; width: 21%; margin: 0 1%; } .listeProduits .presModular .viewProduct li a { display: block; cursor: pointer; } .listeProduits .presModular .viewProduct li img { width: 100%; border: 1px solid #ccc; border-radius: 0.4em; } .modularList .presModular .viewProduct { width: 227px; } /* imprimante et pdf */ .printBox, .printBox li { display: inline-block; vertical-align: middle; padding: 0; margin: 0; } .printBox { float: left; padding: 0 0 0 2%; } .printBox li a { display: block; width: 18px; height: 20px; background: url(../images/pageProduit/spritesPictos.png) no-repeat; } .printBox li a span { display: none; } .printBox li a.seePrint { background-position: 0 -455px; } .printBox li a.seePdf { background-position: 0 -585px; } .printBox li a.seePrint:hover { background-position: 0 -520px; } .printBox li a.seePdf:hover { background-position: 0 -651px; } @media(max-width:640px){ .printBox { width: 95px; margin-right: 10px; margin-bottom: 10px; } .printBox ul { display:flex; justify-content: space-between; margin: 0 !important } .printBox li { border: 1px solid #e0e0e0 } .printBox li a { width: 40px; height: 40px; } .printBox li a span { display: none; } .printBox li a.seePrint { background-position: 12px -443px; } .printBox li a.seePdf { background-position: 12px -573px; } .printBox li a.seePrint:hover { background-position: 12px -508px; } .printBox li a.seePdf:hover { background-position: 12px -639px; } } /* carousel vertical */ .news-item { list-style:none; margin:0px; padding:0px 0px 9px 0px; } .panel-footer{ padding:8px 0px 6px 0px; text-align:center; background-color:#dfe2e7; } .pagination{ display:inline-block; } .pagination>li{ display:inline; margin:0 0 0 0em; } .pagination>li>a,.pagination>li>span{ position:relative; float:left; padding:6px 12px; background-color:#014e90; color:#ffffff; } .pagination>li:first-child>a,.pagination>li:first-child>span{ margin-left:0; border-radius:4px; } .pagination>li:last-child>a,.pagination>li:last-child>span{ margin-left:5px; border-radius:4px; } .pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{ background-color:#eee } .pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{ z-index:2; color:#fff; cursor:default; background-color:#428bca; border-color:#428bca } .pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{ color:#999; cursor:not-allowed; background-color:#fff; border-color:#ddd } .pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both} .carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;outline:0;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none} @media screen and (min-width:50px){.carousel-control .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px} @font-face{font-family:'Glyphicons Halflings';src:url('fonts/glyphicons-halflings-regular.eot');src:url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('fonts/glyphicons-halflings-regular.woff') format('woff'),url('fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')} .glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1;-moz-osx-font-smoothing:grayscale}.glyphicon:empty{width:1em} .glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"} /* ---------------------------------------------------------------------------------------------------------------------------------------- */ /*Pub mobile*/ @media (min-width:0px) and (min-width:900px) { .pubhautcentremobile{ display:none; } .pubhautcentremobile img{ width:100%; } } /* ---------------------------------------------------------------------------------------------------------------------------------------- */ /*Implantation géographique*/ .fondimplantationgeo{ position:absolute; z-index:500; width:100%; border-radius:10px; border:2px solid #ccc; background-image:url('../images/home/slider1/implantation-geographique-rbs-france.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; } .sloganimplantationgeo{ position:absolute; z-index:501; top:5%; } .sloganimplantationgeo .commercial, .sloganimplantationgeo .sloganimplantationgeo2{ padding-left:25px; } @media (min-height:700px) and (max-height:2000px) { .sloganimplantationgeo .googlemaps{ position:absolute; top:100%; left:0%; } } @media (min-height:0px) and (max-height:700px) { .sloganimplantationgeo .googlemaps{ position:absolute; top:60%; left:0%; } } @media (min-height:0px) and (max-height:500px) { .sloganimplantationgeo{ display:none } } .sloganimplantationgeo .sloganimplantationgeo2 .text1{ color:#ffb400; text-transform:uppercase; font-size:180%; } .sloganimplantationgeo .sloganimplantationgeo2 .text2{ color:#ffffff; font-size:165%; } .sloganimplantationgeo .sloganimplantationgeo2 .text3{ color:#ffffff; font-size:190%; } /* @media (min-height:775px) and (max-height:2000px) { .sloganimplantationgeo .sloganimplantationgeo2 .text1{ color:#ffb400; text-transform:uppercase; font-size:40%; } .sloganimplantationgeo .sloganimplantationgeo2 .text2{ color:#ffffff; font-size:65%; } .sloganimplantationgeo .sloganimplantationgeo2 .text3{ color:#ffffff; font-size:90%; } } */ @media (min-width:1000px) and (max-width:1200px) { .sloganimplantationgeo .sloganimplantationgeo2{ margin-top:20%; } } @media (min-width:1000px) and (max-width:1200px) { .sloganimplantationgeo .sloganimplantationgeo2 .text1{ color:#ffb400; text-transform:uppercase; font-size:90%; } .sloganimplantationgeo .sloganimplantationgeo2 .text2{ color:#ffffff; font-size:125%; } .sloganimplantationgeo .sloganimplantationgeo2 .text3{ color:#ffffff; font-size:150%; } } @media (min-width:600px) and (max-width:1000px) { .sloganimplantationgeo .sloganimplantationgeo2{ margin-top:100%; } } @media (min-width:600px) and (max-width:1000px) { .sloganimplantationgeo .sloganimplantationgeo2 .text1{ color:#ffb400; text-transform:uppercase; font-size:80%; } .sloganimplantationgeo .sloganimplantationgeo2 .text2{ color:#ffffff; font-size:105%; } .sloganimplantationgeo .sloganimplantationgeo2 .text3{ color:#ffffff; font-size:130%; } } @media (min-width:400px) and (max-width:600px) { .sloganimplantationgeo .sloganimplantationgeo2{ margin-top:100%; } } @media (min-width:400px) and (max-width:600px) { .sloganimplantationgeo .sloganimplantationgeo2 .text1{ color:#ffb400; text-transform:uppercase; font-size:60%; } .sloganimplantationgeo .sloganimplantationgeo2 .text2{ color:#ffffff; font-size:85%; } .sloganimplantationgeo .sloganimplantationgeo2 .text3{ color:#ffffff; font-size:110%; } } @media (min-width:0px) and (max-width:400px) { .sloganimplantationgeo .sloganimplantationgeo2{ margin-top:100%; } } @media (min-width:0px) and (max-width:400px) { .sloganimplantationgeo .sloganimplantationgeo2 .text1{ color:#ffb400; text-transform:uppercase; font-size:40%; } .sloganimplantationgeo .sloganimplantationgeo2 .text2{ color:#ffffff; font-size:65%; } .sloganimplantationgeo .sloganimplantationgeo2 .text3{ color:#ffffff; font-size:90%; } } .cartedefranceimplantationgeo{ position:relative; z-index:502; margin:0 auto; text-align:center; } @media (min-width:0px) and (max-width:1000px) { .sloganimplantationgeo .commercial{ width:100px; } #global.panier #contenuPage.pageHowOrder .cartedefranceimplantationgeo img{ max-width:none; width:100%; } } .strasbourg{ position:absolute; z-index:503; left:86.5%; top:20%; width:10%; height:12%; cursor:pointer; } .paris{ position:absolute; z-index:503; left:47.7%; top:18.4%; width:10%; height:12%; cursor:pointer; } .nantes{ position:absolute; z-index:503; left:20.6%; top:33.5%; width:10%; height:12%; cursor:pointer; } .rouen{ position:absolute; z-index:503; left:37.2%; top:12.5%; width:10%; height:12%; cursor:pointer; } .lille{ position:absolute; z-index:503; left:52.7%; top:0.5%; width:10%; height:12%; cursor:pointer; } .vesoul{ position:absolute; z-index:503; left:76.8%; top:28.7%; width:10%; height:12%; cursor:pointer; } .lyon{ position:absolute; z-index:503; left:66.6%; top:45.4%; width:10%; height:12%; cursor:pointer; } .tours{ position:absolute; z-index:503; left:34.5%; top:31%; width:10%; height:12%; cursor:pointer; } .bordeaux{ position:absolute; z-index:503; left:24.4%; top:54.9%; width:10%; height:12%; cursor:pointer; } .clermontferrand{ position:absolute; z-index:503; left:49.5%; top:44.7%; width:10%; height:12%; cursor:pointer; } .toulouse{ position:absolute; z-index:503; left:40.6%; top:68.9%; width:10%; height:12%; cursor:pointer; } .marseille{ position:absolute; z-index:503; left:72.5%; top:71%; width:10%; height:12%; cursor:pointer; } .monaco{ position:absolute; z-index:503; left:87.9%; top:65.7%; width:10%; height:12%; cursor:pointer; } } /* ---------------------------------------------------------------------------------------------------------------------------------------- */ /* message d'alerte important situé sous le menu principal */ .alert { /*jaune rbs*/ /* background-color:#ffb100; */ background-color:#00b960; color:#FFF; font-size:15px; font-weight:bold; padding:15px; } .alert span.up { text-transform:uppercase; } ul.four-page-spe li { list-style:none; display:inline-block; margin-left:3px; } ul.four-page-spe li a:hover{ cursor:pointer; } ul.four-page-spe img { max-width:220px; } p.p-page-spe a { color:#E82C0C; } p.p-page-spe a:hover { text-decoration:underline; }