/* --------------------------------------------- - IMPORTS MIXINS, ETC - --------------------------------------------- */ /* Foundation Icons v 3.0 Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3 MIT License */ @font-face { font-family: "icons"; src: url("icons.eot"); src: url("icons.eot?#iefix") format("embedded-opentype"), url("icons.woff") format("woff"), url("icons.ttf") format("truetype"), url("icons.svg#fontcustom") format("svg"); font-weight: normal; font-style: normal; } .fi-address-book:before, .fi-alert:before, #content .text article div.alert:before, #scrennOut #push .push.alert .content:before, .single-product #content .caracteristiques .tabs-content div.alert:before, .fi-align-center:before, .fi-align-justify:before, .fi-align-left:before, .fi-align-right:before, .fi-anchor:before, .fi-annotate:before, .fi-archive:before, .fi-arrow-down:before, .fi-arrow-left:before, .fi-arrow-right:before, .fi-arrow-up:before, .fi-arrows-compress:before, .fi-arrows-expand:before, .fi-arrows-in:before, .fi-arrows-out:before, .fi-asl:before, .fi-asterisk:before, .fi-at-sign:before, .fi-background-color:before, .fi-battery-empty:before, .fi-battery-full:before, .fi-battery-half:before, .fi-bitcoin-circle:before, .fi-bitcoin:before, .fi-blind:before, .fi-bluetooth:before, .fi-bold:before, .fi-book-bookmark:before, .fi-book:before, .fi-bookmark:before, .fi-braille:before, .fi-burst-new:before, .fi-burst-sale:before, .fi-burst:before, .fi-calendar:before, .fi-camera:before, .fi-check:before, #scrennOut #push .push.success .content:before, .fi-checkbox:before, .fi-clipboard-notes:before, .fi-clipboard-pencil:before, .fi-clipboard:before, .fi-clock:before, .fi-closed-caption:before, .fi-cloud:before, .fi-comment-minus:before, .fi-comment-quotes:before, .fi-comment-video:before, .fi-comment:before, .fi-comments:before, .fi-compass:before, .fi-contrast:before, .fi-credit-card:before, .fi-crop:before, .fi-crown:before, .fi-css3:before, .fi-database:before, .fi-die-five:before, .fi-die-four:before, .fi-die-one:before, .fi-die-six:before, .fi-die-three:before, .fi-die-two:before, .fi-dislike:before, .fi-dollar-bill:before, .fi-dollar:before, .fi-download:before, .fi-eject:before, .fi-elevator:before, .fi-euro:before, .fi-eye:before, .fi-fast-forward:before, .fi-female-symbol:before, .fi-female:before, .fi-filter:before, .fi-first-aid:before, .fi-flag:before, .fi-folder-add:before, .fi-folder-lock:before, .fi-folder:before, .fi-foot:before, .fi-foundation:before, .single-product #content .caracteristiques .tabs-content a.button.download.plan:before, .fi-graph-bar:before, .fi-graph-horizontal:before, .fi-graph-pie:before, .fi-graph-trend:before, .fi-guide-dog:before, .fi-hearing-aid:before, .fi-heart:before, .fi-home:before, .fi-html5:before, .fi-indent-less:before, .fi-indent-more:before, .fi-info:before, .fi-italic:before, .fi-key:before, .fi-laptop:before, .fi-layout:before, .fi-lightbulb:before, .fi-like:before, .fi-link:before, .fi-list-bullet:before, .fi-list-number:before, .fi-list-thumbnails:before, .fi-list:before, .fi-lock:before, #content.account section.deconnect p a.deconnect:before, .fi-loop:before, .fi-magnifying-glass:before, #topBar ul.menu .ico-search:before, .fi-mail:before, .fi-male-female:before, .fi-male-symbol:before, .fi-male:before, .fi-map:before, .fi-marker:before, .fi-megaphone:before, .fi-microphone:before, .fi-minus-circle:before, .fi-minus:before, #content div.openClose .item-openClose.open h3:before, #content .faqs .listFaqs article.open h4:before, #content .faqs .listLexicons article.open h4:before, #content .findProducts ul.select > li ul.select-menu li.open > a:before, .single-product #content .caracteristiques .tabs-content .listing .column > ul > li.open > a:before, .fi-mobile-signal:before, .fi-mobile:before, .fi-monitor:before, .fi-mountains:before, .fi-music:before, .fi-next:before, .fi-no-dogs:before, .fi-no-smoking:before, .fi-page-add:before, .fi-page-copy:before, .fi-page-csv:before, .fi-page-delete:before, .fi-page-doc:before, .fi-page-edit:before, .fi-page-export-csv:before, .fi-page-export-doc:before, .fi-page-export-pdf:before, .fi-page-export:before, .fi-page-filled:before, .fi-page-multiple:before, .fi-page-pdf:before, .fi-page-remove:before, .fi-page-search:before, .fi-page:before, .single-product #content .product .tools p a.button.download.fiche-technique:before, .fi-paint-bucket:before, .fi-paperclip:before, .fi-pause:before, .fi-paw:before, .fi-paypal:before, .fi-pencil:before, .fi-photo:before, .fi-play-circle:before, .fi-play-video:before, .fi-play:before, .fi-plus:before, #content div.openClose .item-openClose h3:before, #content .faqs .listFaqs article h4:before, #content .faqs .listLexicons article h4:before, #content .findProducts ul.select > li > a:before, #content .findProducts ul.select > li ul.select-menu li.close > a:before, .single-product #content .product a.button.add:before, .single-product #content .caracteristiques .tabs-content .listing .column > ul > li > a:before, .fi-pound:before, .fi-power:before, .fi-previous:before, .fi-price-tag:before, .fi-pricetag-multiple:before, .fi-print:before, .fi-prohibited:before, .fi-projection-screen:before, .fi-puzzle:before, .fi-quote:before, .fi-record:before, .fi-refresh:before, .fi-results-demographics:before, .fi-results:before, .fi-rewind-ten:before, .fi-rewind:before, .fi-rss:before, .fi-safety-cone:before, .fi-save:before, .fi-share:before, .fi-sheriff-badge:before, .fi-shield:before, .fi-shopping-bag:before, .fi-shopping-cart:before, #topBar ul.menu .ico-basket:before, .fi-shuffle:before, .fi-skull:before, .fi-social-500px:before, .fi-social-adobe:before, .fi-social-amazon:before, .fi-social-android:before, .fi-social-apple:before, .fi-social-behance:before, .fi-social-bing:before, .fi-social-blogger:before, .fi-social-delicious:before, .fi-social-designer-news:before, .fi-social-deviant-art:before, .fi-social-digg:before, .fi-social-dribbble:before, .fi-social-drive:before, .fi-social-dropbox:before, .fi-social-evernote:before, .fi-social-facebook:before, .fi-social-flickr:before, .fi-social-forrst:before, .fi-social-foursquare:before, .fi-social-game-center:before, .fi-social-github:before, .fi-social-google-plus:before, .fi-social-hacker-news:before, .fi-social-hi5:before, .fi-social-instagram:before, .fi-social-joomla:before, .fi-social-lastfm:before, .fi-social-linkedin:before, .fi-social-medium:before, .fi-social-myspace:before, .fi-social-orkut:before, .fi-social-path:before, .fi-social-picasa:before, .fi-social-pinterest:before, .fi-social-rdio:before, .fi-social-reddit:before, .fi-social-skillshare:before, .fi-social-skype:before, .fi-social-smashing-mag:before, .fi-social-snapchat:before, .fi-social-spotify:before, .fi-social-squidoo:before, .fi-social-stack-overflow:before, .fi-social-steam:before, .fi-social-stumbleupon:before, .fi-social-treehouse:before, .fi-social-tumblr:before, .fi-social-twitter:before, .fi-social-vimeo:before, .fi-social-windows:before, .fi-social-xbox:before, .fi-social-yahoo:before, .fi-social-yelp:before, .fi-social-youtube:before, .fi-social-zerply:before, .fi-social-zurb:before, .fi-sound:before, .fi-star:before, .fi-stop:before, .fi-strikethrough:before, .fi-subscript:before, .fi-superscript:before, .fi-tablet-landscape:before, .fi-tablet-portrait:before, .fi-target-two:before, .fi-target:before, .fi-telephone-accessible:before, .fi-telephone:before, .fi-text-color:before, .fi-thumbnails:before, .fi-ticket:before, .fi-torso-business:before, .fi-torso-female:before, .fi-torso:before, #topBar ul.menu .ico-account:before, .fi-torsos-all-female:before, .fi-torsos-all:before, .fi-torsos-female-male:before, .fi-torsos-male-female:before, .fi-torsos:before, .fi-trash:before, .fi-trees:before, .fi-trophy:before, .fi-underline:before, .fi-universal-access:before, .fi-unlink:before, .fi-unlock:before, .fi-upload-cloud:before, .fi-upload:before, .fi-usb:before, .fi-video:before, .fi-volume-none:before, .fi-volume-strike:before, .fi-volume:before, .fi-web:before, .fi-wheelchair:before, .fi-widget:before, .fi-wrench:before, .fi-x-circle:before, .fi-x:before, #content .catalogue-produits #sidebar fieldset a.reset:before, #scrennOut #push .push.error .content:before, .page-template-page-shortcode #content .fiche.open a.closed:before, .fi-yen:before, .fi-zoom-in:before, .fi-zoom-out:before { font-family: "icons"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit; } .fi-address-book:before { content: "\f100"; } .fi-alert:before, #content .text article div.alert:before, #scrennOut #push .push.alert .content:before, .single-product #content .caracteristiques .tabs-content div.alert:before { content: "\f101"; } .fi-align-center:before { content: "\f102"; } .fi-align-justify:before { content: "\f103"; } .fi-align-left:before { content: "\f104"; } .fi-align-right:before { content: "\f105"; } .fi-anchor:before { content: "\f106"; } .fi-annotate:before { content: "\f107"; } .fi-archive:before { content: "\f108"; } .fi-arrow-down:before { content: "\f109"; } .fi-arrow-left:before { content: "\f10a"; } .fi-arrow-right:before { content: "\f10b"; } .fi-arrow-up:before { content: "\f10c"; } .fi-arrows-compress:before { content: "\f10d"; } .fi-arrows-expand:before { content: "\f10e"; } .fi-arrows-in:before { content: "\f10f"; } .fi-arrows-out:before { content: "\f110"; } .fi-asl:before { content: "\f111"; } .fi-asterisk:before { content: "\f112"; } .fi-at-sign:before { content: "\f113"; } .fi-background-color:before { content: "\f114"; } .fi-battery-empty:before { content: "\f115"; } .fi-battery-full:before { content: "\f116"; } .fi-battery-half:before { content: "\f117"; } .fi-bitcoin-circle:before { content: "\f118"; } .fi-bitcoin:before { content: "\f119"; } .fi-blind:before { content: "\f11a"; } .fi-bluetooth:before { content: "\f11b"; } .fi-bold:before { content: "\f11c"; } .fi-book-bookmark:before { content: "\f11d"; } .fi-book:before { content: "\f11e"; } .fi-bookmark:before { content: "\f11f"; } .fi-braille:before { content: "\f120"; } .fi-burst-new:before { content: "\f121"; } .fi-burst-sale:before { content: "\f122"; } .fi-burst:before { content: "\f123"; } .fi-calendar:before { content: "\f124"; } .fi-camera:before { content: "\f125"; } .fi-check:before, #scrennOut #push .push.success .content:before { content: "\f126"; } .fi-checkbox:before { content: "\f127"; } .fi-clipboard-notes:before { content: "\f128"; } .fi-clipboard-pencil:before { content: "\f129"; } .fi-clipboard:before { content: "\f12a"; } .fi-clock:before { content: "\f12b"; } .fi-closed-caption:before { content: "\f12c"; } .fi-cloud:before { content: "\f12d"; } .fi-comment-minus:before { content: "\f12e"; } .fi-comment-quotes:before { content: "\f12f"; } .fi-comment-video:before { content: "\f130"; } .fi-comment:before { content: "\f131"; } .fi-comments:before { content: "\f132"; } .fi-compass:before { content: "\f133"; } .fi-contrast:before { content: "\f134"; } .fi-credit-card:before { content: "\f135"; } .fi-crop:before { content: "\f136"; } .fi-crown:before { content: "\f137"; } .fi-css3:before { content: "\f138"; } .fi-database:before { content: "\f139"; } .fi-die-five:before { content: "\f13a"; } .fi-die-four:before { content: "\f13b"; } .fi-die-one:before { content: "\f13c"; } .fi-die-six:before { content: "\f13d"; } .fi-die-three:before { content: "\f13e"; } .fi-die-two:before { content: "\f13f"; } .fi-dislike:before { content: "\f140"; } .fi-dollar-bill:before { content: "\f141"; } .fi-dollar:before { content: "\f142"; } .fi-download:before { content: "\f143"; } .fi-eject:before { content: "\f144"; } .fi-elevator:before { content: "\f145"; } .fi-euro:before { content: "\f146"; } .fi-eye:before { content: "\f147"; } .fi-fast-forward:before { content: "\f148"; } .fi-female-symbol:before { content: "\f149"; } .fi-female:before { content: "\f14a"; } .fi-filter:before { content: "\f14b"; } .fi-first-aid:before { content: "\f14c"; } .fi-flag:before { content: "\f14d"; } .fi-folder-add:before { content: "\f14e"; } .fi-folder-lock:before { content: "\f14f"; } .fi-folder:before { content: "\f150"; } .fi-foot:before { content: "\f151"; } .fi-foundation:before, .single-product #content .caracteristiques .tabs-content a.button.download.plan:before { content: "\f152"; } .fi-graph-bar:before { content: "\f153"; } .fi-graph-horizontal:before { content: "\f154"; } .fi-graph-pie:before { content: "\f155"; } .fi-graph-trend:before { content: "\f156"; } .fi-guide-dog:before { content: "\f157"; } .fi-hearing-aid:before { content: "\f158"; } .fi-heart:before { content: "\f159"; } .fi-home:before { content: "\f15a"; } .fi-html5:before { content: "\f15b"; } .fi-indent-less:before { content: "\f15c"; } .fi-indent-more:before { content: "\f15d"; } .fi-info:before { content: "\f15e"; } .fi-italic:before { content: "\f15f"; } .fi-key:before { content: "\f160"; } .fi-laptop:before { content: "\f161"; } .fi-layout:before { content: "\f162"; } .fi-lightbulb:before { content: "\f163"; } .fi-like:before { content: "\f164"; } .fi-link:before { content: "\f165"; } .fi-list-bullet:before { content: "\f166"; } .fi-list-number:before { content: "\f167"; } .fi-list-thumbnails:before { content: "\f168"; } .fi-list:before { content: "\f169"; } .fi-lock:before, #content.account section.deconnect p a.deconnect:before { content: "\f16a"; } .fi-loop:before { content: "\f16b"; } .fi-magnifying-glass:before, #topBar ul.menu .ico-search:before { content: "\f16c"; } .fi-mail:before { content: "\f16d"; } .fi-male-female:before { content: "\f16e"; } .fi-male-symbol:before { content: "\f16f"; } .fi-male:before { content: "\f170"; } .fi-map:before { content: "\f171"; } .fi-marker:before { content: "\f172"; } .fi-megaphone:before { content: "\f173"; } .fi-microphone:before { content: "\f174"; } .fi-minus-circle:before { content: "\f175"; } .fi-minus:before, #content div.openClose .item-openClose.open h3:before, #content .faqs .listFaqs article.open h4:before, #content .faqs .listLexicons article.open h4:before, #content .findProducts ul.select > li ul.select-menu li.open > a:before, .single-product #content .caracteristiques .tabs-content .listing .column > ul > li.open > a:before { content: "\f176"; } .fi-mobile-signal:before { content: "\f177"; } .fi-mobile:before { content: "\f178"; } .fi-monitor:before { content: "\f179"; } .fi-mountains:before { content: "\f17a"; } .fi-music:before { content: "\f17b"; } .fi-next:before { content: "\f17c"; } .fi-no-dogs:before { content: "\f17d"; } .fi-no-smoking:before { content: "\f17e"; } .fi-page-add:before { content: "\f17f"; } .fi-page-copy:before { content: "\f180"; } .fi-page-csv:before { content: "\f181"; } .fi-page-delete:before { content: "\f182"; } .fi-page-doc:before { content: "\f183"; } .fi-page-edit:before { content: "\f184"; } .fi-page-export-csv:before { content: "\f185"; } .fi-page-export-doc:before { content: "\f186"; } .fi-page-export-pdf:before { content: "\f187"; } .fi-page-export:before { content: "\f188"; } .fi-page-filled:before { content: "\f189"; } .fi-page-multiple:before { content: "\f18a"; } .fi-page-pdf:before { content: "\f18b"; } .fi-page-remove:before { content: "\f18c"; } .fi-page-search:before { content: "\f18d"; } .fi-page:before, .single-product #content .product .tools p a.button.download.fiche-technique:before { content: "\f18e"; } .fi-paint-bucket:before { content: "\f18f"; } .fi-paperclip:before { content: "\f190"; } .fi-pause:before { content: "\f191"; } .fi-paw:before { content: "\f192"; } .fi-paypal:before { content: "\f193"; } .fi-pencil:before { content: "\f194"; } .fi-photo:before { content: "\f195"; } .fi-play-circle:before { content: "\f196"; } .fi-play-video:before { content: "\f197"; } .fi-play:before { content: "\f198"; } .fi-plus:before, #content div.openClose .item-openClose h3:before, #content .faqs .listFaqs article h4:before, #content .faqs .listLexicons article h4:before, #content .findProducts ul.select > li > a:before, #content .findProducts ul.select > li ul.select-menu li.close > a:before, .single-product #content .product a.button.add:before, .single-product #content .caracteristiques .tabs-content .listing .column > ul > li > a:before { content: "\f199"; } .fi-pound:before { content: "\f19a"; } .fi-power:before { content: "\f19b"; } .fi-previous:before { content: "\f19c"; } .fi-price-tag:before { content: "\f19d"; } .fi-pricetag-multiple:before { content: "\f19e"; } .fi-print:before { content: "\f19f"; } .fi-prohibited:before { content: "\f1a0"; } .fi-projection-screen:before { content: "\f1a1"; } .fi-puzzle:before { content: "\f1a2"; } .fi-quote:before { content: "\f1a3"; } .fi-record:before { content: "\f1a4"; } .fi-refresh:before { content: "\f1a5"; } .fi-results-demographics:before { content: "\f1a6"; } .fi-results:before { content: "\f1a7"; } .fi-rewind-ten:before { content: "\f1a8"; } .fi-rewind:before { content: "\f1a9"; } .fi-rss:before { content: "\f1aa"; } .fi-safety-cone:before { content: "\f1ab"; } .fi-save:before { content: "\f1ac"; } .fi-share:before { content: "\f1ad"; } .fi-sheriff-badge:before { content: "\f1ae"; } .fi-shield:before { content: "\f1af"; } .fi-shopping-bag:before { content: "\f1b0"; } .fi-shopping-cart:before, #topBar ul.menu .ico-basket:before { content: "\f1b1"; } .fi-shuffle:before { content: "\f1b2"; } .fi-skull:before { content: "\f1b3"; } .fi-social-500px:before { content: "\f1b4"; } .fi-social-adobe:before { content: "\f1b5"; } .fi-social-amazon:before { content: "\f1b6"; } .fi-social-android:before { content: "\f1b7"; } .fi-social-apple:before { content: "\f1b8"; } .fi-social-behance:before { content: "\f1b9"; } .fi-social-bing:before { content: "\f1ba"; } .fi-social-blogger:before { content: "\f1bb"; } .fi-social-delicious:before { content: "\f1bc"; } .fi-social-designer-news:before { content: "\f1bd"; } .fi-social-deviant-art:before { content: "\f1be"; } .fi-social-digg:before { content: "\f1bf"; } .fi-social-dribbble:before { content: "\f1c0"; } .fi-social-drive:before { content: "\f1c1"; } .fi-social-dropbox:before { content: "\f1c2"; } .fi-social-evernote:before { content: "\f1c3"; } .fi-social-facebook:before { content: "\f1c4"; } .fi-social-flickr:before { content: "\f1c5"; } .fi-social-forrst:before { content: "\f1c6"; } .fi-social-foursquare:before { content: "\f1c7"; } .fi-social-game-center:before { content: "\f1c8"; } .fi-social-github:before { content: "\f1c9"; } .fi-social-google-plus:before { content: "\f1ca"; } .fi-social-hacker-news:before { content: "\f1cb"; } .fi-social-hi5:before { content: "\f1cc"; } .fi-social-instagram:before { content: "\f1cd"; } .fi-social-joomla:before { content: "\f1ce"; } .fi-social-lastfm:before { content: "\f1cf"; } .fi-social-linkedin:before { content: "\f1d0"; } .fi-social-medium:before { content: "\f1d1"; } .fi-social-myspace:before { content: "\f1d2"; } .fi-social-orkut:before { content: "\f1d3"; } .fi-social-path:before { content: "\f1d4"; } .fi-social-picasa:before { content: "\f1d5"; } .fi-social-pinterest:before { content: "\f1d6"; } .fi-social-rdio:before { content: "\f1d7"; } .fi-social-reddit:before { content: "\f1d8"; } .fi-social-skillshare:before { content: "\f1d9"; } .fi-social-skype:before { content: "\f1da"; } .fi-social-smashing-mag:before { content: "\f1db"; } .fi-social-snapchat:before { content: "\f1dc"; } .fi-social-spotify:before { content: "\f1dd"; } .fi-social-squidoo:before { content: "\f1de"; } .fi-social-stack-overflow:before { content: "\f1df"; } .fi-social-steam:before { content: "\f1e0"; } .fi-social-stumbleupon:before { content: "\f1e1"; } .fi-social-treehouse:before { content: "\f1e2"; } .fi-social-tumblr:before { content: "\f1e3"; } .fi-social-twitter:before { content: "\f1e4"; } .fi-social-vimeo:before { content: "\f1e5"; } .fi-social-windows:before { content: "\f1e6"; } .fi-social-xbox:before { content: "\f1e7"; } .fi-social-yahoo:before { content: "\f1e8"; } .fi-social-yelp:before { content: "\f1e9"; } .fi-social-youtube:before { content: "\f1ea"; } .fi-social-zerply:before { content: "\f1eb"; } .fi-social-zurb:before { content: "\f1ec"; } .fi-sound:before { content: "\f1ed"; } .fi-star:before { content: "\f1ee"; } .fi-stop:before { content: "\f1ef"; } .fi-strikethrough:before { content: "\f1f0"; } .fi-subscript:before { content: "\f1f1"; } .fi-superscript:before { content: "\f1f2"; } .fi-tablet-landscape:before { content: "\f1f3"; } .fi-tablet-portrait:before { content: "\f1f4"; } .fi-target-two:before { content: "\f1f5"; } .fi-target:before { content: "\f1f6"; } .fi-telephone-accessible:before { content: "\f1f7"; } .fi-telephone:before { content: "\f1f8"; } .fi-text-color:before { content: "\f1f9"; } .fi-thumbnails:before { content: "\f1fa"; } .fi-ticket:before { content: "\f1fb"; } .fi-torso-business:before { content: "\f1fc"; } .fi-torso-female:before { content: "\f1fd"; } .fi-torso:before, #topBar ul.menu .ico-account:before { content: "\f1fe"; } .fi-torsos-all-female:before { content: "\f1ff"; } .fi-torsos-all:before { content: "\f200"; } .fi-torsos-female-male:before { content: "\f201"; } .fi-torsos-male-female:before { content: "\f202"; } .fi-torsos:before { content: "\f203"; } .fi-trash:before { content: "\f204"; } .fi-trees:before { content: "\f205"; } .fi-trophy:before { content: "\f206"; } .fi-underline:before { content: "\f207"; } .fi-universal-access:before { content: "\f208"; } .fi-unlink:before { content: "\f209"; } .fi-unlock:before { content: "\f20a"; } .fi-upload-cloud:before { content: "\f20b"; } .fi-upload:before { content: "\f20c"; } .fi-usb:before { content: "\f20d"; } .fi-video:before { content: "\f20e"; } .fi-volume-none:before { content: "\f20f"; } .fi-volume-strike:before { content: "\f210"; } .fi-volume:before { content: "\f211"; } .fi-web:before { content: "\f212"; } .fi-wheelchair:before { content: "\f213"; } .fi-widget:before { content: "\f214"; } .fi-wrench:before { content: "\f215"; } .fi-x-circle:before { content: "\f216"; } .fi-x:before, #content .catalogue-produits #sidebar fieldset a.reset:before, #scrennOut #push .push.error .content:before, .page-template-page-shortcode #content .fiche.open a.closed:before { content: "\f217"; } .fi-yen:before { content: "\f218"; } .fi-zoom-in:before { content: "\f219"; } .fi-zoom-out:before { content: "\f21a"; } /* --------------------------------------------- - CONFIGURATION - --------------------------------------------- */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* --------------------------------------------- - VARIABLES - --------------------------------------------- */ html, body, ul, li, a, h1, h2, h3, h4, h5, h6, header, footer, nav, figure, img, a, p { margin: 0; padding: 0; list-style: none; text-decoration: none; border: none; border-radius: none; font-size: 10px; color: #909090; font-weight: 400; font-family: 'Open Sans', sans-serif; } .container { width: 100%; padding: 0; } .container .row { max-width: 1024px; margin-left: auto; margin-right: auto; width: 90%; padding: 25px 0 35px; } .container .row:after { content: " "; display: block; clear: both; } br.clean, .break { clear: both; display: block; height: 0; margin: 0; padding: 0; } body { position: relative; } p { font-size: 1.4em; padding: 5px 0; } a { font-size: 1em; } p span.cap { text-transform: uppercase; } h1 { font-size: 4.8em; } .nonvisible { display: none; overflow: hidden; } .col-2 .column { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } .col-2 .column img { max-width: 100%; height: auto; } .col-3 .column { width: 31.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } .col-1 .column { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } .column .col-2 .column:first-child { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-left: 0; } .column .col-2 .column:last-child { width: 48.22835%; float: right; margin-left: 0.88583%; margin-right: 0.88583%; margin-right: 0; } /* --------------------------------------------- - SECTION #TOPBAR - - - - --------------------------------------------- */ #topBar { background: #050505; position: relative; } #topBar .topbar-left { float: left; } #topBar .topbar-left .primary { position: relative; text-indent: -9999em; } #topBar .topbar-left .primary:before { position: absolute; display: block; content: ""; left: 10px; top: 50%; width: 30px; height: 0px; margin: -1px 0; border-top: 2px solid #f5f5f5; } #topBar .topbar-left .primary:after { position: absolute; display: block; content: ""; left: 10px; top: 50%; width: 30px; height: 20px; margin: -10px 0; border-top: 2px solid #f5f5f5; border-bottom: 2px solid #f5f5f5; } #topBar .topbar-right { float: right; } #topBar ul.menu { font-size: 1.4em; display: inline-block; } #topBar ul.menu > li { font-size: 1em; display: inline-block; } #topBar ul.menu > li > a { font-size: 1em; display: block; padding: 10px 20px; color: #f5f5f5; } #topBar ul.menu > li > ul, #topBar ul.menu > li > div, #topBar ul.menu > li > form { display: none; overflow: hidden; } #topBar ul.menu > li.open > ul, #topBar ul.menu > li.open > div, #topBar ul.menu > li.open > form { overflow: visible; display: block; } #topBar ul.menu > li > ul, #topBar ul.menu > li > div, #topBar ul.menu > li > form { position: absolute; left: 0; width: 100%; background: #f5f5f5; font-size: 0.9em; z-index: 999999; } #topBar ul.menu > li > ul li { display: block; border-bottom: 1px solid #c5c5c5; font-size: 1em; } #topBar ul.menu > li > ul li a { display: block; font-size: 1em; padding: 10px 15px; } #topBar ul.menu > li > ul li a:hover { background: #c5c5c5; color: #f5f5f5; } #topBar ul.menu > li > div { padding: 10px 2.5%; } #topBar ul.menu > li > div.search input[type="text"] { display: inline-block; border: 1px solid #c5c5c5; padding: 10px; font-size: 1em; width: 70%; margin: 0; } #topBar ul.menu > li > div.search input[type="submit"] { display: inline-block; border: 1px solid #ffde00; background: #ffde00; color: #050505; padding: 10px; font-size: 1em; width: 29%; margin: 0; } #topBar ul.menu > li.langues > a { padding: 10px 20px 10px 50px; } #topBar ul.menu > li.langues > ul li a { padding: 10px 15px 10px 45px; } @media (min-width: 1024px) { #topBar .topbar-left { display: none !important; overflow: hidden !important; } #topBar ul.menu > li:hover > ul, #topBar ul.menu > li:hover > div { overflow: visible; display: block; right: 0; left: 0; width: auto; } #topBar li.item-search > a { display: none !important; overflow: hidden !important; } #topBar ul.menu > li.item-search > div { position: relative; display: block; overflow: visible; margin: auto; width: auto; background: none; padding: 0; } #topBar ul.menu > li.item-search > div.search input[type="text"] { display: inline-block; border: 1px solid #000; padding: 5px 10px; font-size: 1em; width: 150px; margin: 0; } #topBar ul.menu > li.item-search > div.search input[type="submit"] { position: relative; display: inline-block; background: none; border: none; padding: 5px; font-size: 1em; width: 50px; margin: 0; text-indent: -99999em; } } @media (min-width: 0) and (max-width: 639px) { #topBar ul.menu > li > a.ico, #topBar ul.menu > li.open > a.ico, #topBar ul.menu > li.langues > a.ico, #topBar ul.menu > li.open.langues > a.ico { position: relative; text-indent: -99999em; padding: 10px 20px !important; width: 40px; } #topBar ul.menu > li > a.ico:before, #topBar ul.menu > li.open > a.ico:before, #topBar ul.menu > li.langues > a.ico:before, #topBar ul.menu > li.open.langues > a.ico:before { color: #fff; font-family: "icons"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-decoration: inherit; position: absolute; display: inline-block; width: 24px; height: 24px; top: 50%; left: 50%; margin: -12px; } } #topBar { background: #003E5E; } #topBar .topbar-right .langues { position: initial; background: #0077B3; padding-right: 20px; } #topBar .topbar-right .langues:after { content: ""; display: block; width: 12px; height: 7px; position: absolute; background: url("https://cdn-staging.chambrelan.com/css/pictos/arrow-bottom.png") no-repeat; right: 10px; top: 50%; margin: -3px 0; } #topBar .topbar-right .langues a.lang-uk, #topBar .topbar-right .langues a.lang-uk:hover { background-image: url("https://cdn-staging.chambrelan.com/css/flags/uk.png"); background-size: 30px; background-position: 5px center; background-repeat: no-repeat; } #topBar .topbar-right .langues a.lang-de, #topBar .topbar-right .langues a.lang-de:hover { background-image: url("https://cdn-staging.chambrelan.com/css/flags/de.png"); background-size: 30px; background-position: 5px center; background-repeat: no-repeat; } #topBar .topbar-right .langues a.lang-be, #topBar .topbar-right .langues a.lang-be:hover { background-image: url("https://cdn-staging.chambrelan.com/css/flags/be.png"); background-size: 30px; background-position: 5px center; background-repeat: no-repeat; } #topBar .topbar-right .langues a.lang-ch, #topBar .topbar-right .langues a.lang-ch:hover { background-image: url("https://cdn-staging.chambrelan.com/css/flags/ch.png"); background-size: 30px; background-position: 5px center; background-repeat: no-repeat; } #topBar .topbar-right .langues a.lang-cz, #topBar .topbar-right .langues a.lang-cz:hover { background-image: url("https://cdn-staging.chambrelan.com/css/flags/cz.png"); background-size: 30px; background-position: 5px center; background-repeat: no-repeat; } #topBar .topbar-right .langues a.lang-pl, #topBar .topbar-right .langues a.lang-pl:hover { background-image: url("https://cdn-staging.chambrelan.com/css/flags/pl.png"); background-size: 30px; background-position: 5px center; background-repeat: no-repeat; } #topBar .topbar-right .langues a.lang-it, #topBar .topbar-right .langues a.lang-it:hover { background-image: url("https://cdn-staging.chambrelan.com/css/flags/it.png"); background-size: 30px; background-position: 5px center; background-repeat: no-repeat; } #topBar .topbar-right .langues a.lang-sk, #topBar .topbar-right .langues a.lang-sk:hover { background-image: url("https://cdn-staging.chambrelan.com/css/flags/sk.png"); background-size: 30px; background-position: 5px center; background-repeat: no-repeat; } #topBar .topbar-right .langues a.lang-fr, #topBar .topbar-right .langues a.lang-fr:hover { background-image: url("https://cdn-staging.chambrelan.com/css/flags/fr.png"); background-size: 30px; background-position: 5px center; background-repeat: no-repeat; } #topBar .topbar-right .langues a.lang-es, #topBar .topbar-right .langues a.lang-es:hover { background-image: url("https://cdn-staging.chambrelan.com/css/flags/es.png"); background-size: 30px; background-position: 5px center; background-repeat: no-repeat; } #topBar .topbar-right ul.menu > .item-search { margin-right: 15px; } #topBar .topbar-right ul.menu > .item-search .search form { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } #topBar .topbar-right ul.menu > .item-search .search form input[type="text"] { padding: 5px; border: none; box-shadow: none; background: none; font-size: 1em; } #topBar .topbar-right ul.menu > .item-search .search form input[type="submit"] { text-indent: -9999em; padding: 5px; border: none; width: 20px; margin: 0 5px 0 0; } @media (min-width: 1024px) { #topBar .topbar-right { margin: 0 auto; float: none; max-width: 1024px; margin-left: auto; margin-right: auto; } #topBar .topbar-right:after { content: " "; display: block; clear: both; } #topBar .topbar-right ul.menu { float: right; } #topBar .topbar-right .langues { position: relative; } #topBar ul.menu > .item-search .search form { border: 1px solid #fff; } #topBar ul.menu > .item-search .search form input[type="text"] { color: #fff; } #topBar ul.menu > .item-search .search form input[type="text"]::-webkit-input-placeholder { color: #fff !important; } #topBar ul.menu > .item-search .search form input[type="text"]:-moz-placeholder { color: #fff !important; opacity: 1; } #topBar ul.menu > .item-search .search form input[type="text"]::-moz-placeholder { color: #fff !important; opacity: 1; } #topBar ul.menu > .item-search .search form input[type="text"]:-ms-input-placeholder { color: #fff !important; } #topBar ul.menu > .item-search .search form input[type="submit"] { background: url("https://cdn-staging.chambrelan.com/css/pictos/fi-magnifying-glass.png") center no-repeat !important; } } @media (min-width: 0) and (max-width: 1023px) { #topBar ul.menu > .item-search .search form { border: 1px solid #003E5E; } #topBar ul.menu > .item-search .search form input[type="text"] { color: #003E5E; width: 92%; } #topBar ul.menu > .item-search .search form input[type="text"]::-webkit-input-placeholder { color: #003E5E !important; } #topBar ul.menu > .item-search .search form input[type="text"]:-moz-placeholder { color: #003E5E !important; opacity: 1; } #topBar ul.menu > .item-search .search form input[type="text"]::-moz-placeholder { color: #003E5E !important; opacity: 1; } #topBar ul.menu > .item-search .search form input[type="text"]:-ms-input-placeholder { color: #003E5E !important; } #topBar ul.menu > .item-search .search form input[type="submit"] { width: 8%; background: url("https://cdn-staging.chambrelan.com/css/pictos/fi-magnifying-glass-blue.png") center no-repeat; } } #topBar ul.menu .ico-basket:before { font-size: 1.5em; display: none; } #topBar ul.menu .ico-account:before { font-size: 1.5em; display: none; } #topBar ul.menu .ico-search:before { font-size: 1.5em; display: none; } @media (min-width: 0) and (max-width: 639px) { #topBar ul.menu a.ico.ico-basket:before { display: block; text-indent: 1em; } #topBar ul.menu a.ico.ico-account:before { display: block; text-indent: 1em; } #topBar ul.menu a.ico.ico-search:before { display: block; text-indent: 1em; } } /*#topBar{ background: $color-blue; .topbar-left{ } topbar-right{ padding: 0!important; ul{ text-align: right; li{ display: inline-block; a{ display: block; padding: 15px; font-size: 1.4em; font-weight: 300; color: #fff; } form{ display: block; margin: 0 15px 0 0; padding: 0; border: 1px solid $color-white; @include border-radius(5px); input[type="text"]{ padding: 5px; border: none; box-shadow: none; color: $color-white; background: none; font-size: 1.4em; } input[type="text"]::-webkit-input-placeholder { color: $color-white !important; } input[type="text"]:-moz-placeholder { color: $color-white !important; opacity: 1; } input[type="text"]::-moz-placeholder { color: $color-white !important; opacity: 1; } input[type="text"]:-ms-input-placeholder { color: $color-white !important; } input[type="submit"]{ background: url('https://cdn-staging.chambrelan.com/css/pictos/fi-magnifying-glass.png') center no-repeat; text-indent: -9999em; padding: 5px; border: none; width: 20px; margin: 0 5px 0 0; } } } li.language{ position: relative; background: $color-blueLight; a{ padding: 15px 40px; } ul{ @include hide(); position: absolute; li{ display: block; background: $color-grey; border-bottom: 1px solid $color-greyMedium; :after{ display: none; overflow: hidden; } a{ color: $color-greyMedium; } a:hover{ background: $color-blue; color: $color-white; } } } } li.language:after{ content: ""; display: block; width: 12px; height: 7px; position: absolute; background: url("https://cdn-staging.chambrelan.com/css/pictos/arrow-bottom.png") no-repeat; right: 10px; top: 50%; margin: -3px 0; } li.language:hover{ ul{ @include show(block); } } } } }*/ /* --------------------------------------------- - SECTION #HEADER - - - - --------------------------------------------- */ #header { position: relative; background: #56a1c9; } #header video, #header img.gif { width: 100%; height: 100%; object-fit: contain; object-position: center; } #header div#leftMov { position: absolute; top: 25%; margin: 0; z-index: 0; height: 50%; width: 50%; left: 0; } #header div#leftMov video, #header div#leftMov img.gif { object-position: left; } #header div#rightMov { position: absolute; top: 25%; margin: 0; z-index: 0; height: 50%; width: 50%; left: 50%; } #header div#rightMov video, #header div#rightMov img.gif { object-position: right; } #header #topMenu { background: #fff; position: relative; z-index: 999; } #header #topMenu .row { padding: 15px 0; } #header #topMenu .row .logo { width: 31.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #header #topMenu .row .logo img { max-width: 100%; } #header #topMenu .row .menu { width: 64.89501%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #header #topMenu .row .menu ul { display: block; } #header #topMenu .row .menu ul li { display: inline-block; padding: 0; margin: 30px 0; } #header #topMenu .row .menu ul li a { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 10px 9px; font-size: 1.4em; text-transform: uppercase; } #header #topMenu .row .menu ul li a:hover { background: #eee; } #header #topMenu .row .menu ul li.active a { background: #0077B3; color: #fff; } #header #topMenu .row .menu ul li.active a:hover { background: #003E5E; } #header #titleContainer { border-bottom: 8px solid #0077B3; position: relative; } #header #titleContainer .row { z-index: 9999; position: relative; min-height: 400px; } #header #titleContainer .row h1 { position: absolute; top: 50%; width: 100%; margin: 0; color: #fff; text-align: center; font-size: 4.2em; line-height: 1.2em; font-weight: 300; } @media (min-width: 0) and (max-width: 1023px) { #header #topMenu .row .logo { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #header #topMenu .row .logo img { display: block; width: 80%; max-width: 280px; margin: 0 auto; } #header #topMenu .row .menu { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #header #topMenu .row .menu ul { display: none !important; overflow: hidden !important; } } @media (min-width: 0) and (max-width: 800px) { #header div#leftMov, #header div#rightMov { display: none; overflow: hidden; } } /* --------------------------------------------- - SECTION #BREADCRUMB - - - - --------------------------------------------- */ #breadcrumb { background: #eee; text-align: center; } #breadcrumb .breadcrumbs li { position: relative; display: inline-block; padding: 0 20px 0 10px; font-size: 1.4em; color: #050505; } #breadcrumb .breadcrumbs li.disabled { color: #c5c5c5; } #breadcrumb .breadcrumbs li.current { font-weight: bold; } #breadcrumb .breadcrumbs li a { font-size: 1em; color: #050505; } #breadcrumb .breadcrumbs li a:hover { text-decoration: underline; } #breadcrumb .breadcrumbs li:after { position: absolute; right: 0; top: 50%; margin: -9px 0 0; content: ">"; display: block; color: #050505; } #breadcrumb .breadcrumbs li:last-child { padding: 10px; } #breadcrumb .breadcrumbs li:last-child:after { display: none; overflow: hidden; } @media (min-width: 0) and (max-width: 1023px) { #breadcrumb { display: none; overflow: hidden; } } #breadcrumb .row { padding: 15px 0; } #breadcrumb .row .breadcrumbs li { color: #003E5E; text-transform: uppercase; } #breadcrumb .row .breadcrumbs li.disabled { color: #003E5E; } #breadcrumb .row .breadcrumbs li a { color: #003E5E; } #breadcrumb .row .breadcrumbs li:after { margin: -11px 0 0; color: #003E5E; } /* --------------------------------------------- - SECTION #CONTENT - - - - --------------------------------------------- */ #content { background: #fff; } #content header { text-align: center; padding: 20px 0; } #content header h2 { width: 81.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-left: 9.21916%; margin-right: 9.21916%; text-align: center; color: #003E5E; font-size: 3.6em; padding: 25px 0 0; } #content header h2 strong { font-weight: 700; } #content header h2.savethedate { font-size: 1.3em; text-align: center; /*font-weight: bold;*/ color: #003E5E; } #content header h6 { font-size: 1.6em; text-align: center; font-weight: bold; color: #003E5E; } #content header a.button { display: inline-block; color: #fff; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; width: auto; margin: 25px 0; padding: 20px 30px; font-size: 1.4em; } #content header a.button:hover { background: #003E5E; } #content header p { padding: 25px 0 0; width: 64.89501%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-left: 17.55249%; margin-right: 17.55249%; font-size: 1.6em; } #content header p a.button { width: 225px; font-size: 0.85em; margin: 25px 5px; } #content div.openClose { clear: both; width: 75%; margin: 0 auto 25px; } #content div.openClose .item-openClose p { display: none; overflow: hidden; } #content div.openClose .item-openClose.open p { display: block; overflow: visible; } #content div.openClose .item-openClose.open h3:before { color: #0077B3; top: 50%; left: 0; margin: -5px 0; position: absolute; font-size: 12px; } #content div.openClose .item-openClose h3 { position: relative; padding-left: 20px; margin: 2px 0; cursor: pointer; } #content div.openClose .item-openClose h3:before { color: #0077B3; top: 50%; left: 0; margin: -5px 0; position: absolute; font-size: 12px; } #content h2 { font-size: 1.8em; color: #0077B3; font-weight: 500; } #content h3 { font-size: 1.6em; color: #0077B3; font-weight: 500; } #content .column p a.button { font-size: 1em; display: inline-block; color: #fff; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; padding: 10px 15px; margin: 0 5px; } #content .text article a { text-decoration: underline; } #content .text article h2 { padding: 5px 0; font-size: 2.6em; color: #003E5E; text-align: left; } #content .text article h3 { padding: 5px 0; font-size: 2.4em; color: #003E5E; text-align: left; } #content .text article h4 { padding: 5px 0; font-size: 2.2em; color: #003E5E; } #content .text article h5 { padding: 5px 0; font-size: 2em; color: #003E5E; } #content .text article h6 { padding: 5px 0; font-size: 1.8em; color: #003E5E; } #content .text article p { font-size: 1.4em; } #content .text article p strong { color: #003E5E; } #content .text article p + h3, #content .text article p + h4 { padding-top: 25px; } #content .text article p + h5 { padding-top: 20px; } #content .text article p + h6 { padding-top: 15px; } #content .text article ul { padding: 10px 0 10px 18px; list-style: disc; color: #0077B3; } #content .text article ul li { list-style: disc; font-size: 1.4em; padding: 2px 0; } #content .text article ul li strong { color: #003E5E; } #content .text article ol { padding: 10px 0 10px 18px; color: #0077B3; } #content .text article ol li { list-style: decimal; font-size: 1.4em; padding: 2px 0; } #content .text article ol li strong { color: #003E5E; } #content .text article div.alert { position: relative; margin-top: 40px; margin-bottom: 40px; } #content .text article div.alert:before { font-size: 2.5em; text-align: center; padding: 5px 0; display: block; background: none; color: #0077B3; width: 35px; height: 35px; position: absolute; left: -1px; top: -35px; } #content .text article div.alert.border { margin-top: 45px; padding: 10px 20px; border: 1px solid #0077B3; } #content .text article div.alert.border:before { background: #0077B3; color: #fff; } #content .text article a.lexique { text-decoration: underline; } #content .text article img.ill_lexique { margin: 25px auto; border: 1px solid #ccc; padding: 10px; display: block; max-width: 50%; } #content .calltoAction { background: #0077B3; } #content .calltoAction .left { float: left; width: 70%; } #content .calltoAction .right { float: left; width: 30%; } #content .calltoAction h6 { color: #fff; font-size: 1.6em; padding: 10px 0; } #content .calltoAction a.button { font-size: 1.4em; background: #003E5E; color: #fff; padding: 10px; margin: 4px 8px; font-weight: normal; } @media (min-width: 0) and (max-width: 639px) { #content header h2 { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; line-height: 1.2em; } #content header p { width: 81.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-left: 9.21916%; margin-right: 9.21916%; padding: 10px 0 20px; } } /* -- IMPORT -- */ span.mat_legend_1 { display: inline-block; width: 10px; height: 10px; padding-right: 5px; margin-right: 5px; border: 1px solid #78c84d; background: #78c84d; } span.mat_legend_2 { display: inline-block; width: 10px; height: 10px; padding-right: 5px; margin-right: 5px; border: 1px solid #0077B3; background: #0077B3; } span.mat_legend_3 { display: inline-block; width: 10px; height: 10px; padding-right: 5px; margin-right: 5px; border: 1px solid #e06e5d; background: #e06e5d; } .field { padding: 5px 0; } .field.noView { display: none; overflow: hidden; } .field label { color: #003E5E; font-size: 1.4em; } .field.field-select .select-wrapper { position: relative; width: 100%; border: 1px solid #003E5E; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; z-index: 0; margin: 2px 0 0; } .field.field-select .select-wrapper select { position: relative; display: block; width: 100%; padding: 10px 30px 10px 10px; text-shadow: 0 0 0 #000; -webkit-appearance: none; background: none; outline: none; border: none; color: #909090; font-size: 1.4em; line-height: 1em; z-index: 99; } .field.field-select .select-wrapper:before { content: ""; display: block; width: 8px; height: 0; border: 4px solid transparent; border-top: 8px solid #003E5E; position: absolute; top: 14px; right: 11px; z-index: 1; } .field.field-select .select-wrapper:before.error { border: 1px solid #b94b38; } .field.field-checkbox, .field.field-checkboxText { padding: 2px 0; } .field.field-checkbox label, .field.field-checkboxText label { position: relative; display: block; cursor: pointer; } .field.field-checkbox.title label, .field.field-checkboxText.title label { font-weight: bold; } .field.field-checkbox label:after, .field.field-checkboxText label:after { content: ""; position: absolute; display: block; width: 20px; height: 10px; background: url("https://cdn-staging.chambrelan.com/css/pictos/switch-off.png") no-repeat; background-size: contain; top: 5px; right: 0; } .field.field-checkbox.checked label:after, .field.field-checkboxText.checked label:after { background: url("https://cdn-staging.chambrelan.com/css/pictos/switch-on.png") no-repeat; background-size: contain; } .field.field-checkbox input[type='checkbox'], .field.field-checkboxText input[type='checkbox'] { display: none; overflow: hidden; } .field.field-checkbox input[type='radio'], .field.field-checkboxText input[type='radio'] { display: none; overflow: hidden; } .field.field-text input[type='text'], .field.field-text input[type='password'], .field.field-text input[type='number'], .field.field-checkboxText input[type='text'], .field.field-checkboxText input[type='password'], .field.field-checkboxText input[type='number'] { color: #909090; width: 100%; font-size: 1.4em; line-height: 1em; padding: 10px; border: 1px solid #003E5E; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .field.field-text input[type='text'].error, .field.field-text input[type='password'].error, .field.field-text input[type='number'].error, .field.field-checkboxText input[type='text'].error, .field.field-checkboxText input[type='password'].error, .field.field-checkboxText input[type='number'].error { border: 1px solid #b94b38; } .field.field-file { position: relative; height: 38px; margin: 5px 0 10px; } .field.field-file input[type='file'] { position: absolute; width: 100%; height: 38px; z-index: 9999; opacity: 0; } .field.field-file .placeholder { position: absolute; display: block; color: #909090; width: 100%; font-size: 1.4em; line-height: 1em; padding: 10px; border: 1px solid #003E5E; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .field.field-file .placeholder.error { border: 1px solid #b94b38; } .field.field-file .btn { position: absolute; display: block; right: 0; color: #fff; width: 25%; max-width: 100px; font-size: 1.4em; line-height: 1em; padding: 10px; border: 1px solid #003E5E; background: #003E5E; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -ms-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; } .field.field-textarea textarea { color: #909090; width: 100%; font-size: 1.4em; line-height: 1.3em; padding: 10px; border: 1px solid #003E5E; background: #fff; min-height: 135px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .field.field-textarea textarea.error { border: 1px solid #b94b38; } .field.field-submit { text-align: center; } .field.field-submit input[type='submit'].button { border: none; box-shadow: none; font-size: 1.4em; display: inline-block; color: #fff; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; padding: 10px 20px; margin: 0 auto; } #content .pagination { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; padding-top: 15px; } #content .pagination ul { text-align: right; } #content .pagination ul li { display: inline-block; padding: 0 2px; font-size: 1.3em; color: #909090; } #content .pagination ul li a { display: block; padding: 5px 10px; color: #0a0a0a; } #content .pagination ul li a:hover { background: #f6f7fb; } #content .pagination ul li.current a { background: #0077B3; color: #fff; } #content .pagination ul li.disabled a { color: #909090; } #content .pagination ul li.disabled a:hover { background: none; } @media (min-width: 0) and (max-width: 639px) { #content .pagination ul li { padding: 0; } #content .pagination ul li a { padding: 5px; } } #content .products-categories article { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-top: 10px; margin-bottom: 15px; background: #f6f7fb; border-radius: 10px; position: relative; cursor: pointer; } #content .products-categories article figure { width: 33%; float: left; height: 100%; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } #content .products-categories article figure img { width: 100%; height: 100%; object-fit: cover; display: block; background: #ccc; border-radius: 10px; border: none; outline: none; } #content .products-categories article .text { padding: 15px 20px; width: 67%; float: left; } #content .products-categories article .text h3 { color: #003E5E; line-height: 1.2em; font-size: 2.2em; padding: 0; } #content .products-categories article .text p { font-size: 1.4em; } #content .products-categories article .text .links { padding: 10px 0; } #content .products-categories article .text .links a { color: #003E5E; font-size: 1.3em; font-weight: bold; } #content .products-categories article .text .links a:hover { color: #0077B3; text-decoration: underline; } #content .products-categories article .text .links a.force-left { float: left; } #content .products-categories article .text .links a.force-right { float: right; } @media (min-width: 640px) and (max-width: 1023px) { #content .products-categories article { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-top: 5px; margin-bottom: 10px; } #content .products-categories article figure { display: none; overflow: hidden; } #content .products-categories article .text { padding: 15px 20px; width: 100%; float: none; } #content .products-categories article .text .links { padding: 10px 0 0 0; } #content .products-categories article .text .links a { display: block; } #content .products-categories article .text .links a.force-left { float: none; } #content .products-categories article .text .links a.force-right { float: none; } } @media (min-width: 0) and (max-width: 639px) { #content .products-categories article { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-top: 5px; margin-bottom: 5px; } #content .products-categories article figure { display: none; overflow: hidden; } #content .products-categories article .text { padding: 15px 20px; width: 100%; float: none; } #content .products-categories article .text h4 { font-size: 2.4em; } #content .products-categories article .text .links { padding: 10px 0 0 0; } #content .products-categories article .text .links a { display: block; } #content .products-categories article .text .links a.force-left { float: none; } #content .products-categories article .text .links a.force-right { float: none; } } .container#content .domaine-application article { margin-top: 10px; margin-bottom: 10px; width: 31.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background: #f6f7fb; } .container#content .domaine-application article figure { width: 100%; height: 160px; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .container#content .domaine-application article figure img { width: 100%; height: 100%; object-fit: cover; display: block; background: #ccc; border-radius: 10px; border: none; outline: none; } .container#content .domaine-application article h3 { text-align: center; font-size: 1.6em; padding: 15px 0; } @media (min-width: 640px) and (max-width: 1023px) { #content .domaine-application article { margin-top: 10px; margin-bottom: 10px; width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } } @media (min-width: 0) and (max-width: 639px) { #content .domaine-application article { margin-top: 10px; margin-bottom: 10px; width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } } #content .faqs { position: relative; } #content .faqs .sideMenuFixe { display: none !important; overflow: hidden !important; } #content .faqs .sideMenu h2 { width: 90%; color: #003E5E; font-size: 3.6em; font-weight: bold; border-bottom: 1px solid #003E5E; } #content .faqs .sideMenu ol { list-style: decimal; padding: 0 0 40px 15px; width: 90%; } #content .faqs .sideMenu ol li { list-style: decimal; font-size: 1.4em; font-weight: bold; color: #003E5E; margin: 0 0 25px 0; padding: 0; } #content .faqs .sideMenu ol li a { color: #003E5E; font-weight: bold; } #content .faqs .sideMenu ol li a:hover { color: #0077B3; } #content .faqs .sideMenu ol li:hover { color: #0077B3; } #content .faqs .sideMenu a.button { display: block; color: #fff; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; width: 90%; margin: 10px 0; font-size: 1.4em; } #content .faqs .sideMenu a.button:hover { background: #003E5E; } #content .faqs .listFaqs > h4 { padding-bottom: 30px; font-size: 2.6em; color: #0077B3; } #content .faqs .listFaqs article { padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: 1px solid #003E5E; } #content .faqs .listFaqs article h4 { padding-left: 30px; font-size: 2.6em; line-height: 1.2em; position: relative; cursor: pointer; } #content .faqs .listFaqs article h4:before { color: #0077B3; top: 50%; left: 0; margin: -5px 0; position: absolute; font-size: 20px; } #content .faqs .listFaqs article div.content { display: none; overflow: hidden; } #content .faqs .listFaqs article div.content p { width: 80%; padding: 20px 0 0 0; } #content .faqs .listFaqs article.open h4:before { color: #0077B3; top: 50%; left: 0; margin: -5px 0; position: absolute; font-size: 20px; } #content .faqs .listLexicons > h4 { padding-bottom: 30px; font-size: 2.6em; color: #0077B3; } #content .faqs .listLexicons article { padding: 0 0 5px 0; margin: 0 0 5px 0; } #content .faqs .listLexicons article h4 { padding-left: 20px; font-size: 1.6em; line-height: 1.2em; position: relative; cursor: pointer; } #content .faqs .listLexicons article h4:before { color: #0077B3; top: 50%; left: 0; margin: -5px 0; position: absolute; font-size: 12px; } #content .faqs .listLexicons article div.content h5 { padding: 5px 0; font-size: 1.6em; color: #003E5E; } #content .faqs .listLexicons article div.content p + h5 { padding-top: 10px; } #content .faqs .listLexicons article div.content h5 + ul { padding-top: 0; margin-top: 0; } #content .faqs .listLexicons article.open h4:before { color: #0077B3; top: 50%; left: 0; margin: -5px 0; position: absolute; font-size: 12px; } #content .faqs.menu-on .sideMenuFixe { width: 31.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content .faqs.menu-on .sideMenu { width: 31.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content .faqs.menu-on .listFaqs, #content .faqs.menu-on .listLexicons { width: 64.89501%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content .faqs.menu-off .sideMenu { display: none !important; overflow: hidden !important; } #content .faqs.menu-off .listFaqs, #content .faqs.menu-off .listLexicons { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content .faqs.fixe .sideMenuFixe { display: block !important; overflow: visible !important; } #content .faqs.fixe .sideMenu { position: fixed; top: 0; } @media (min-width: 640px) and (max-width: 1023px) { #content .faqs.menu-on .sideMenuFixe { display: none !important; overflow: hidden !important; } #content .faqs.menu-on .sideMenu { display: none !important; overflow: hidden !important; } #content .faqs.menu-on .listFaqs, #content .faqs.menu-on .listLexicons { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content .faqs.menu-on .listFaqs article, #content .faqs.menu-on .listLexicons article { padding: 0 0 25px 0; margin: 0 0 25px 0; } #content .faqs.menu-on .listFaqs article h4, #content .faqs.menu-on .listLexicons article h4 { font-size: 2.4em; } #content .faqs.menu-on .listFaqs article p, #content .faqs.menu-on .listLexicons article p { padding: 10px 0 0 0; } } @media (min-width: 0) and (max-width: 639px) { #content .faqs.menu-on .sideMenuFixe { display: none !important; overflow: hidden !important; } #content .faqs.menu-on .sideMenu { display: none !important; overflow: hidden !important; } #content .faqs.menu-on .listFaqs, #content .faqs.menu-on .listLexicons { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content .faqs.menu-on .listFaqs article, #content .faqs.menu-on .listLexicons article { padding: 0 0 25px 0; margin: 0 0 25px 0; } #content .faqs.menu-on .listFaqs article h4, #content .faqs.menu-on .listLexicons article h4 { font-size: 2.4em; } #content .faqs.menu-on .listFaqs article p, #content .faqs.menu-on .listLexicons article p { width: 100%; padding: 10px 0 0 0; } } #content .lexique .categorie { width: 31.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; padding-left: 1.5em; padding-right: 1.5em; } #content .lexique .categorie h3 { color: #003E5E; font-size: 3.6em; font-weight: bold; border-bottom: 1px solid #003E5E; } #content .lexique .categorie .ss-cat { padding: 20px 0 0 0; } #content .lexique .categorie .ss-cat h5 { font-size: 1.6em; font-weight: bold; color: #003E5E; padding: 0; } #content .lexique .categorie .ss-cat article { padding: 3px 0 0 0; } #content .lexique .categorie .ss-cat article h6 { font-size: 1.6em; font-weight: normal; padding: 0; } #content .lexique .categorie .ss-cat article h6 a { color: #003E5E; } #content .lexique .categorie .ss-cat article .txt { display: none !important; overflow: hidden !important; border-left: 1px solid #eee; padding: 5px 20px; margin: 10px 0; } #content .lexique .categorie .ss-cat article.open .txt { display: block !important; overflow: visible !important; } @media (min-width: 640px) and (max-width: 1023px) { #content .lexique .categorie { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-left: 0.88583%; margin-right: 0.88583%; margin-bottom: 25px; padding-left: 0; padding-right: 0; } #content .lexique .categorie:last-child { margin-bottom: 0; } } @media (min-width: 0) and (max-width: 639px) { #content .lexique .categorie { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-left: 0.88583%; margin-right: 0.88583%; margin-bottom: 25px; padding-left: 0; padding-right: 0; } #content .lexique .categorie:last-child { margin-bottom: 0; } } #content .findProducts { background: #f6f7fb; } #content .findProducts label { display: block; width: 23.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; font-size: 2em; color: #003E5E; padding: 5px 10px; text-align: right; text-transform: uppercase; } #content .findProducts ul.select { background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; width: 73.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; display: block; border: 1px solid #0077B3; } #content .findProducts ul.select > li { padding: 0 0 0 40px; position: relative; } #content .findProducts ul.select > li a { display: block; padding: 10px 0 10px 10px; color: #003E5E; font-weight: bold; font-size: 1.6em; text-transform: uppercase; } #content .findProducts ul.select > li > a:before { color: #0077B3; top: 50%; left: 20px; margin: -5px 0; position: absolute; font-size: 12px; } #content .findProducts ul.select > li ul.select-menu { display: none !important; overflow: hidden !important; position: absolute; top: 0; left: -1px; right: -1px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; border: 1px solid #0077B3; border-top: none; overflow: hidden; padding-bottom: 10px; } #content .findProducts ul.select > li ul.select-menu > li { padding: 0 0 0 40px; } #content .findProducts ul.select > li ul.select-menu > li ul.categories > li { padding: 0 0 0 30px; } #content .findProducts ul.select > li ul.select-menu > li ul.categories > li > a { font-weight: normal; padding: 2px 0 2px 10px; } #content .findProducts ul.select > li ul.select-menu > li ul.categories > li ul.ss-categories > li { padding: 0 0 0 30px; } #content .findProducts ul.select > li ul.select-menu > li ul.categories > li ul.ss-categories > li a { text-transform: none; font-weight: bold; color: #909090; } #content .findProducts ul.select > li ul.select-menu > li ul.categories > li ul.ss-categories > li ul.ss-ss-categories > li { padding: 0 0 0 30px; } #content .findProducts ul.select > li ul.select-menu > li ul.categories > li ul.ss-categories > li ul.ss-ss-categories > li a { font-weight: normal; color: #909090; } #content .findProducts ul.select > li ul.select-menu > li ul.categories > li ul.ss-categories > li ul.ss-ss-categories > li ul.products > li { padding: 0; display: block; width: 100%; } #content .findProducts ul.select > li ul.select-menu > li ul.categories > li ul.ss-categories > li ul.ss-ss-categories > li ul.products > li a { padding: 2px 0; font-weight: normal; font-size: 1.4em; font-weight: normal; color: #0077B3; } #content .findProducts ul.select > li ul.select-menu > li ul.categories > li ul.products > li { padding: 0; display: block; width: 100%; } #content .findProducts ul.select > li ul.select-menu > li ul.categories > li ul.products > li a { text-transform: none; padding: 2px 0; font-weight: normal; font-size: 1.4em; font-weight: normal; color: #0077B3; } #content .findProducts ul.select > li ul.select-menu li.close > a { position: relative; } #content .findProducts ul.select > li ul.select-menu li.close > a:before { color: #0077B3; top: 50%; left: -20px; margin: -5px 0; position: absolute; font-size: 12px; } #content .findProducts ul.select > li ul.select-menu li.close > ul { display: none !important; overflow: hidden !important; } #content .findProducts ul.select > li ul.select-menu li.open > a { position: relative; } #content .findProducts ul.select > li ul.select-menu li.open > a:before { color: #0077B3; top: 50%; left: -20px; margin: -5px 0; font-size: 12px; position: absolute; } #content .findProducts ul.select > li ul.select-menu li.open > ul { display: block !important; overflow: visible !important; } #content .findProducts ul.select > li.open ul.select-menu { display: block !important; overflow: visible !important; z-index: 9999; } @media (min-width: 0) and (max-width: 639px) { #content .findProducts label, #content .findProducts ul.select { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content .findProducts label { text-align: left; } #content .findProducts .row { padding-left: 5%; padding-right: 5%; } } #content .news { padding-bottom: 50px; background: #fbfbfb; } #content .news article { position: relative; width: 31.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-top: 10px; margin-bottom: 15px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } #content .news article figure { width: 100%; height: 180px; } #content .news article figure img { display: block; width: 100%; height: 100%; background: #ccc; border: none; object-fit: cover; outline: none; } #content .news article .text { padding: 10px; } #content .news article .text date { color: #003E5E; font-size: 1.3em; } #content .news article .text h4 { color: #003E5E; font-size: 1.8em; line-height: 1.2em; padding: 10px 0; } #content .news article .links { margin: 20px 0 0 0; } #content .news article .links a { display: block; margin: 0; padding: 10px; background: #0077B3; color: #fff; text-align: center; font-size: 1.3em; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } #content .news article .links a:hover { background: #003E5E; } #content .news .allLink { clear: both; padding-top: 50px; text-align: center; } #content .news .allLink a { color: #003E5E; font-weight: bold; text-decoration: underline; } #content .news .allLink a:hover { color: #0077B3; text-decoration: underline; } @media (min-width: 0) and (max-width: 1023px) { #content .news { padding-bottom: 0; } #content .news article { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content .news article .text { height: auto !important; } #content .news article .links { margin: 10px 0 0; } #content .news .allLink { padding-top: 25px; } } #content .catalogue-produits { position: relative; border-top: 2px solid #909090; } #content .catalogue-produits #sidebar { position: absolute; background: #eee; width: 250px; top: 0; left: 0; } #content .catalogue-produits #sidebar fieldset { padding: 15px 20px; margin: 0; border: none; } #content .catalogue-produits #sidebar fieldset h6 { color: #003E5E; font-size: 2em; line-height: 1.2em; padding: 15px 0 25px 0; } #content .catalogue-produits #sidebar fieldset h6 b { display: block; text-transform: uppercase; font-size: 1.2em; font-weight: normal; } #content .catalogue-produits #sidebar fieldset h4 { color: #003E5E; font-size: 2em; line-height: 1.2em; padding: 15px 0 25px 0; } #content .catalogue-produits #sidebar fieldset h4 b { display: block; text-transform: uppercase; font-size: 1.2em; font-weight: normal; } #content .catalogue-produits #sidebar fieldset h3 { color: #003E5E; font-size: 2em; line-height: 1.2em; padding: 15px 0 25px 0; } #content .catalogue-produits #sidebar fieldset h3 b { display: block; text-transform: uppercase; font-size: 1.2em; font-weight: normal; } #content .catalogue-produits #sidebar fieldset .section-checkboxes { padding: 5px 0 15px; } #content .catalogue-produits #sidebar fieldset a.reset { position: relative; display: block; color: #003E5E; font-size: 1.4em; font-weight: bold; text-align: center; } #content .catalogue-produits #sidebar fieldset a.reset:before { position: absolute; left: 5px; top: 0; font-size: 1.6em; } #content .catalogue-produits #sidebar fieldset.moreBlock { border-top: 1px solid #d5d5d5; display: none !important; overflow: hidden !important; text-align: right; } #content .catalogue-produits #sidebar fieldset.moreBlock a { display: block; font-weight: bold; font-size: 1.3em; color: #003E5E; } #content .catalogue-produits #sidebar fieldset.moreBlock a:hover { text-decoration: underline; } #content .catalogue-produits #sidebar fieldset.separator { border-bottom: 1px solid #909090; } #content .catalogue-produits #sidebar a.button.blueDark.devis, #content .catalogue-produits #sidebar a.button.blueDark.selecteur { position: relative; display: block; color: #fff; background: #003E5E; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; font-size: 1.3em; text-align: right; } #content .catalogue-produits #sidebar a.button.blueDark.devis:before, #content .catalogue-produits #sidebar a.button.blueDark.selecteur:before { content: ""; position: absolute; display: block; top: 0; left: 0; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; height: 100%; width: 50px; background: #0077B3 url("https://cdn-staging.chambrelan.com/css/pictos/fi-clipboard-notes.png") no-repeat center; } #content .catalogue-produits #sidebar a.button.blueDark.selecteur:before { background: #0077B3 url("https://cdn-staging.chambrelan.com/css/pictos/fi-widget.png") no-repeat center; } #content .catalogue-produits .row { position: relative; } #content .catalogue-produits .row .results { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; padding-bottom: 40px; } #content .catalogue-produits .row .results p { color: #003E5E; } #content .catalogue-produits .row .list article { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-bottom: 20px; cursor: pointer; } #content .catalogue-produits .row .list article .article { border: 1px solid #0077B3; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; } #content .catalogue-produits .row .list article .article .item figure { height: 100%; width: 31.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; padding: 0; margin: 0; -webkit-border-radius: 12px 0 0 0; -moz-border-radius: 12px 0 0 0; -ms-border-radius: 12px 0 0 0; border-radius: 12px 0 0 0; } #content .catalogue-produits .row .list article .article .item figure img { margin: 5%; width: 90%; height: 90%; padding: 0; object-fit: contain; display: block; border: none; outline: none; -webkit-border-radius: 12px 0 0 0; -moz-border-radius: 12px 0 0 0; -ms-border-radius: 12px 0 0 0; border-radius: 12px 0 0 0; } #content .catalogue-produits .row .list article .article .item .text { width: 64.89501%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; padding: 0 10px 25px; } #content .catalogue-produits .row .list article .article .item .text h5 { padding: 20px 0; font-size: 2.2em; color: #003E5E; font-weight: bold; } #content .catalogue-produits .row .list article .article .item .text h6 { padding: 5px 0; font-size: 1.6em; color: #003E5E; line-height: 1.2em; } #content .catalogue-produits .row .list article .article .item .text p { padding: 10px 0; } #content .catalogue-produits .row .list article .article .caracteristics { clear: none; border-top: 1px solid #0077B3; background: #f6f7fb; } #content .catalogue-produits .row .list article .article .caracteristics .ill { width: 64.89501%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; height: 100%; } #content .catalogue-produits .row .list article .article .caracteristics .ill1 { background: url("https://cdn-staging.chambrelan.com/css/pictos/ill1_poid-taille.png") no-repeat center; } #content .catalogue-produits .row .list article .article .caracteristics .ill2 { background: url("https://cdn-staging.chambrelan.com/css/pictos/ill2_poid-taille.png") no-repeat center; } #content .catalogue-produits .row .list article .article .caracteristics .ill3 { background: url("https://cdn-staging.chambrelan.com/css/pictos/ill3_poid-taille.png") no-repeat center; } #content .catalogue-produits .row .list article .article .caracteristics .ill4 { background: url("https://cdn-staging.chambrelan.com/css/pictos/ill4_poid-taille.png") no-repeat center; } #content .catalogue-produits .row .list article .article .caracteristics .ill5 { background: url("https://cdn-staging.chambrelan.com/css/pictos/ill5_poid-taille.png") no-repeat center; } #content .catalogue-produits .row .list article .article .caracteristics .text { width: 31.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; padding: 25px 10px; } #content .catalogue-produits .row .list article .article .caracteristics .text p { padding: 5px 0; } #content .catalogue-produits .row .list article .article .caracteristics .text p strong { display: block; float: left; width: 60px; height: 2em; } #content .catalogue-produits .row .list article .article .caracteristics .text p.size { color: #909090; } #content .catalogue-produits .row .list article .article .link { clear: none; } #content .catalogue-produits .row .list article .article .link a { display: block; color: #fff; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; font-size: 1.4em; } #content .catalogue-produits .row .list article .article1 { border: 1px solid #78c84d; } #content .catalogue-produits .row .list article .article1 .caracteristics { border-top: 1px solid #78c84d; } #content .catalogue-produits .row .list article .article1 .link a { display: block; color: #fff; background: #78c84d; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; } #content .catalogue-produits .row .list article .article2 { border: 1px solid #0077B3; } #content .catalogue-produits .row .list article .article2 .caracteristics { border-top: 1px solid #0077B3; } #content .catalogue-produits .row .list article .article2 .link a { display: block; color: #fff; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; } #content .catalogue-produits .row .list article .article3 { border: 1px solid #e06e5d; } #content .catalogue-produits .row .list article .article3 .caracteristics { border-top: 1px solid #e06e5d; } #content .catalogue-produits .row .list article .article3 .link a { display: block; color: #fff; background: #e06e5d; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; } #content .catalogue-produits .row .list article .article4 { border: 1px solid #eee; } #content .catalogue-produits .row .list article .article4 .caracteristics { border-top: 1px solid #eee; } #content .catalogue-produits .row .list article .article4 .link a { display: block; color: #fff; background: #eee; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; } #content .catalogue-produits .row .load { position: absolute; display: none; top: 0; left: 0; bottom: 0; right: 0; background: url("https://cdn-staging.chambrelan.com/css/pictos/loader.gif") center no-repeat; background-size: 5%; } #content .catalogue-produits #loading { height: 350px; background: #0077B3; padding: 75px 0; } #content .catalogue-produits #loading .line { height: 10px; width: 680px; margin: 20px auto; border-radius: 5px; background: #003E5E; } #content .catalogue-produits #loading .line .linePercent { width: 0%; border-radius: 5px; height: 10px; background: #fff; } #content .catalogue-produits #loading p { text-align: center; color: #fff; } #content .catalogue-produits #loading h5 { font-size: 2.4em; text-align: center; color: #fff; } @media (min-width: 1236px) and (max-width: 1549px) { #content .catalogue-produits .row { width: 980px; margin: 0 0 0 255px; } } @media (min-width: 1024px) and (max-width: 1235px) { #content .catalogue-produits .row { width: 770px; margin: 0 0 0 255px; } } @media (min-width: 640px) and (max-width: 1023px) { #content .catalogue-produits #sidebar { position: relative; height: auto !important; width: 100%; top: auto; left: auto; } #content .catalogue-produits #sidebar fieldset { padding: 15px 20px; margin: 0; border: none; } #content .catalogue-produits #sidebar fieldset h6 { display: none !important; overflow: hidden !important; } #content .catalogue-produits #sidebar fieldset.categories { display: block !important; overflow: visible !important; } #content .catalogue-produits #sidebar fieldset.options { display: none; } #content .catalogue-produits #sidebar fieldset.moreBlock { display: block !important; overflow: visible !important; } #content .catalogue-produits #sidebar fieldset.resetBlock { display: none !important; overflow: hidden !important; } #content .catalogue-produits #sidebar fieldset.optin { display: none !important; overflow: hidden !important; } #content .catalogue-produits .row .list article { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } } @media (min-width: 0) and (max-width: 639px) { #content .catalogue-produits #sidebar { position: relative; height: auto !important; width: 100%; top: auto; left: auto; } #content .catalogue-produits #sidebar fieldset { padding: 15px 20px; margin: 0; border: none; } #content .catalogue-produits #sidebar fieldset h6 { display: none !important; overflow: hidden !important; } #content .catalogue-produits #sidebar fieldset.categories { display: block !important; overflow: visible !important; } #content .catalogue-produits #sidebar fieldset.options { display: none; } #content .catalogue-produits #sidebar fieldset.moreBlock { display: block !important; overflow: visible !important; } #content .catalogue-produits #sidebar fieldset.resetBlock { display: none !important; overflow: hidden !important; } #content .catalogue-produits #sidebar fieldset.optin { display: none !important; overflow: hidden !important; } #content .catalogue-produits .row .list article { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-top: 20px; } #content .catalogue-produits .row .list article .caracteristics .ill { display: none !important; overflow: hidden !important; } #content .catalogue-produits .row .list article .caracteristics .text { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } } #footer { background: #003E5E; } #footer a.img-link { background: none !important; border-radius: 0 !important; padding: 0 !important; } #footer a.img-link img { display: block; } #footer a.img-link.iso-link, #footer a.img-link.reach-link, #footer a.img-link.rohs-link { display: block; float: left; margin: 0; } #footer a.img-link.rohs-link { clear: both; } #footer { padding: 25px 0; } #footer .column { width: 23.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; color: #fff; padding-right: 5%; } #footer .column h3 { position: relative; padding: 10px 15px; color: #fff; font-size: 1.8em; margin-bottom: 25px; } #footer .column h3::before { content: ""; position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 2px; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; z-index: 2; } #footer .column h2 { position: relative; padding: 10px 15px; color: #fff; font-size: 1.8em; margin-bottom: 25px; } #footer .column h2::before { content: ""; position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 2px; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; z-index: 2; } #footer .column p { font-size: 1.4em; color: #fff; font-weight: 300; } #footer .column a { margin: 15px 0; display: inline-block; color: #fff; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; } #footer .column a:hover { display: inline-block; color: #0077B3; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; } #footer .column .socialinks a { /*position: relative;*/ float: left; display: block; width: 50px; height: 50px; background: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; text-indent: -9999em; } #footer .column .socialinks a:before { content: ""; /*position: absolute;*/ display: block; top: 0; left: 0; width: 50px; height: 50px; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } #footer .column .socialinks a.youtube:before { background: #0077B3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAABm1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8scpb8AAAAiHRSTlMAAQIDBAUGBwgJDA0ODxAREhYXGBkaHB0eHyAhIiQlJicpKi8xMjU2Nzg5Ojw9P0BBQ0RHSUtMUFFVVldYW15fYmNnaGxtb3B0dXd4eXx+f4CCg4WIiYuMjo+RkpWXmJudoKOlqquvtLe5ury+wMHDxczP09XZ2tze4OLk5unr7e/x8/X3+fv9cHqAKwAAAdNJREFUSEvl0llX01AYheGd06QSDKFIiwoqFRwQ61SnoCIKTjjLUCcURIU60hoFDQUpDt0/2wtLSdqvpdzqe7nzrCTrrAP8R2kdx5NVO9oWxPpH1mxa8+s7xTXTP8N0f7aSO369WBwXsJv7sFCpX/l1aY2F2NBUiZkR9S08wmleaD22yvab6R1TtfUKGjF7HxEcJpLPcKO2ZgwGDyladl36HLrZpTNi1qXHcXETOoWBTeoexa02kXxQlx6BhSOEoW+oZ+MT5ODOM794Mv40Pr2BrpKgP5zqbLEaDF0ppZTSw2ZT696zbhU9ASntrayboZRSxZu8fqE7Rf0TCZK8BgBw3NKzsKjnYCXeLydi5RqingKQmgcspVlwXM0GYNoAfkh67K/W2BVl2FnKshd95AvAk/S9gP6mzQzj94E22vgi6dsB7WL0sc6eXWzHZ0nfLddPDJLskN89Kug9SgFfJf28TI+lQtxuutuQl/SbNX31JcNOvnt+CJmRgYIhn/d3AJcmgdfZE2m9d/JKLorGd4sHoYuaJsSisr4s64ckOedfPpEkr7eEVVCqLbFxrh1BqT6WKuSXcp7nebnl1fWR+/1aG2atCueDn0SoOVI1u+z//vX+AIZ4ft1/jI7BAAAAAElFTkSuQmCC) no-repeat center; background-size: 70%; } #footer .column .socialinks a.linkedin:before { background: #0077B3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAAAyVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9m7n84AAAAQnRSTlMAAQIEBggJCgsMDQ8REhMUFhcZGh4qMDg8PkRhZGdwc3V3eHl7foKFiYuMkZKUm52iqK2vsLK5wcPFzNrc3ubo7ftDvw9VAAAA3UlEQVRIx+3T1w6CQBAFUEBRUVGx9957RwVF+P+PcmejcTEBxhie8L7Mzc55AMJyXICSqlRdUorYcNlyj5lnteahrTWrvbB1/lGruZByxGojRIqgI3WftgZSt2mrI/VVgCfRsG+5SQry3qcv+Bl9e7g662iYhMw8nRMJFrGhk+afjbLOa9XEaP61Eu4I/U4Xo5XRrEBLEaHjJmlZaGmErsFJC5qE0Es4WUATEXoHJ0uspj/M6q+/0oMeCZlzmDd6VaFN/bhpbE6sVr30mNUZwx1fRNsF4ROySyQuUHkAFlLWyg67oMoAAAAASUVORK5CYII=) no-repeat center; background-size: 70%; } @media (min-width: 0) and (max-width: 639px) { #footer .column { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; padding: 0 5%; margin-bottom: 25px; } #footer .column h3 { margin-bottom: 15px; } #footer .column:first-child { display: none; overflow: hidden; } #footer .column:last-child { margin-bottom: 0; } } #footerBar { background: #eee; } #footerBar p { text-align: center; color: #003E5E; } #footerBar p a { color: #003E5E; } /* --------------------------------------------- - SECTION MON COMPTE CONNEXION - - - - --------------------------------------------- */ #content section.text #mod_connexion { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-left: 25.88583%; margin-right: 25.88583%; } #content section.text #mod_connexion form p { color: #003E5E; font-size: 1.3em; } #content section.text #mod_connexion form p a { color: #003E5E; font-size: 1em; } #content section.text #mod_connexion form p a:hover { text-decoration: underline; } #content section.text #mod_connexion form .field-submit input { float: right; cursor: pointer; } #content section.text #mod_password { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin-left: 25.88583%; margin-right: 25.88583%; } #content section.text #mod_password form .field-submit input { float: right; cursor: pointer; } .ajax_load, .ajax_load2 { display: none; height: 150px; width: 100%; background: url("https://cdn-staging.chambrelan.com/css/pictos/loader.gif") center no-repeat; background-size: 5%; } .ajax_load p.textLoader, .ajax_load2 p.textLoader { text-align: center; padding-top: 150px; } #content section.text #mod_connexion .messages_form p.alert, #content section.text #mod_password .messages_form p.alert, #content section.text #mod_registration .messages_form p.alert { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #eee; background: #f6f7fb; color: #0a0a0a; padding: 7px; margin: 2px 0; } #content section.text #mod_connexion .messages_form p.alert.error, #content section.text #mod_password .messages_form p.alert.error, #content section.text #mod_registration .messages_form p.alert.error { border: 1px solid #b94b38; background: #e06e5d; color: #fff; } /* --------------------------------------------- - SECTION DEVIS PANIER - - - - --------------------------------------------- */ .container#content section.devis.panier .row { padding: 0; } .container#content section.devis.panier form { padding-bottom: 35px; } .container#content section.devis.panier form table { margin-bottom: 25px; } .container#content section.devis.panier form .field.field-submit { padding: 0 0 25px 0; } .container#content section.devis.panier form .field.field-submit input[type='submit'].button.update_cart { padding-left: 20px; } .container#content section.devis.panier form .field.field-submit .field.field-submit input[type='button'].button { border: none; box-shadow: none; font-size: 1.4em; display: inline-block; color: #fff; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; padding: 10px 20px; margin: 0 auto; } .container#content section.devis.panier form .adress { float: left; width: 50%; margin-top: 25px; padding: 15px; border-left: 1px solid transparent; } .container#content section.devis.panier form .adress.livraison { border-left: 1px solid #eee; } .container#content section.devis.panier form .adress h3 { text-align: center; font-size: 1.8em; } .container#content section.devis.panier form .adress hr { margin: 10px auto; width: 75%; border: none; border-top: 1px solid #003E5E; } .container#content section.devis.panier form .adress article { border: 1px solid #003E5E; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 7px; margin: 25px 0 10px 0; color: #003E5E; font-size: 1em; } .container#content section.devis.panier form .adress article h5, .container#content section.devis.panier form .adress article p { text-align: center; font-size: 1.4em; color: #003E5E; } .container#content section.devis.panier form .adress p.small { font-size: 1.2em; } .container#content section.devis.panier form .adress .field { margin-top: 10px; } /* --------------------------------------------- - SECTION DEVIS INSCRIPTION - - - - --------------------------------------------- */ #content section.devis-profil fieldset { border: none; border-top: 1px solid #909090; padding: 25px 0; } #content section.devis-profil fieldset .col-2 { clear: both; } #content section.devis-profil fieldset .col-2 .column:last-child { margin-right: 0; } #content section.devis-profil fieldset > .column { width: 100%; margin-left: 0; margin-right: 0; } #content section.devis-profil fieldset .field.field-radio { padding: 0; } #content section.devis-profil fieldset .field.field-radio p { padding: 0; } #content section.devis-profil fieldset .field.field-radio p label { color: #909090; display: inline-block; margin: 0 0 0 10px; font-size: 1em; } #content section.devis-profil fieldset:first-child { border-top: none; } .returnCommunication .block-alert { padding: 5px 10px; border: 1px solid #eee; background: #f6f7fb; } .returnCommunication .block-alert.error { border: 1px solid #b94b38; background: #e06e5d; } .returnCommunication .block-alert.error p { color: #fff; } .returnCommunication .block-alert.success { border: 1px solid #5d9d2c; background: #78c84d; } .returnCommunication .block-alert.success p { color: #fff; } /* --------------------------------------------- - SECTION TABS INTERFACE - - - - --------------------------------------------- */ #content section.devis-documents, #content section.caracteristiques { margin: 25px 0; } #content section.devis-documents .tabs-menu, #content section.caracteristiques .tabs-menu { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content section.devis-documents .tabs-menu .tabs, #content section.caracteristiques .tabs-menu .tabs { display: block; } #content section.devis-documents .tabs-menu .tabs .tabs-title, #content section.caracteristiques .tabs-menu .tabs .tabs-title { display: inline-block; margin: 0; padding: 0; } #content section.devis-documents .tabs-menu .tabs .tabs-title a, #content section.caracteristiques .tabs-menu .tabs .tabs-title a { display: block; background: #c5c5c5; padding: 10px 15px; color: #050505; font-size: 1.4em; } #content section.devis-documents .tabs-menu .tabs .tabs-title a:hover, #content section.caracteristiques .tabs-menu .tabs .tabs-title a:hover { background: #ffde00; } #content section.devis-documents .tabs-menu .tabs .tabs-title.is-active a, #content section.caracteristiques .tabs-menu .tabs .tabs-title.is-active a { background: #ffde00; } #content section.devis-documents .tabs-menu.column, #content section.caracteristiques .tabs-menu.column { width: 23.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content section.devis-documents .tabs-menu.column .tabs, #content section.caracteristiques .tabs-menu.column .tabs { display: block; } #content section.devis-documents .tabs-menu.column .tabs .tabs-title, #content section.caracteristiques .tabs-menu.column .tabs .tabs-title { display: block; } #content section.devis-documents .tabs-menu.column .tabs .tabs-title a, #content section.caracteristiques .tabs-menu.column .tabs .tabs-title a { display: block; } #content section.devis-documents .tabs-content, #content section.caracteristiques .tabs-content { border: 1px solid #ffde00; width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content section.devis-documents .tabs-content .tabs-panel, #content section.caracteristiques .tabs-content .tabs-panel { padding: 20px 30px; display: none !important; overflow: hidden !important; } #content section.devis-documents .tabs-content .tabs-panel.is-active, #content section.caracteristiques .tabs-content .tabs-panel.is-active { display: block !important; overflow: visible !important; } #content section.devis-documents .tabs-content.column, #content section.caracteristiques .tabs-content.column { width: 73.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } @media (min-width: 0) and (max-width: 639px) { #content section.devis-documents .tabs-menu.column, #content section.caracteristiques .tabs-menu.column { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content section.devis-documents .tabs-content.column, #content section.caracteristiques .tabs-content.column { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } } #content section.devis-documents .tabs-menu .tabs .tabs-title, #content section.caracteristiques .tabs-menu .tabs .tabs-title { margin: 0 10px; } #content section.devis-documents .tabs-menu .tabs .tabs-title a, #content section.caracteristiques .tabs-menu .tabs .tabs-title a { background: #f6f7fb; padding: 10px 15px; color: #909090; font-size: 1.4em; } #content section.devis-documents .tabs-menu .tabs .tabs-title a:hover, #content section.caracteristiques .tabs-menu .tabs .tabs-title a:hover { background: #003E5E; color: #fff; } #content section.devis-documents .tabs-menu .tabs .tabs-title.is-active, #content section.caracteristiques .tabs-menu .tabs .tabs-title.is-active { margin: 0; } #content section.devis-documents .tabs-menu .tabs .tabs-title.is-active a, #content section.caracteristiques .tabs-menu .tabs .tabs-title.is-active a { background: #0077B3; color: #fff; } #content section.devis-documents .tabs-content, #content section.caracteristiques .tabs-content { border: none; } #content section.devis-documents .tabs-content .tabs-panel, #content section.caracteristiques .tabs-content .tabs-panel { padding: 0 30px; } @media (min-width: 0) and (max-width: 639px) { #content section.devis-documents .tabs-menu .tabs .tabs-title, #content section.caracteristiques .tabs-menu .tabs .tabs-title { margin: 0; } } /* --------------------------------------------- - SECTION #PUSH - - - - --------------------------------------------- */ #scrennOut #push { position: fixed; margin: 0; top: 0; right: 0; left: 0; z-index: 9999999; } #scrennOut #push .push { float: right; clear: both; margin: 10px; width: 480px; max-width: 90%; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; background: #f5f5f5; box-shadow: 1px 2px 6px #656565; } #scrennOut #push .push header { position: relative; border-bottom: 1px solid #d5d5d5; } #scrennOut #push .push header h6 { font-size: 1.3em; font-weight: bold; color: #333; padding: 5px 14px; } #scrennOut #push .push header a.close { position: absolute; display: block; font-size: 1.3em; font-weight: bold; color: #333; top: 4px; right: 7px; } #scrennOut #push .push .content { min-height: 80px; padding: 10px 14px; } #scrennOut #push .push.alert { background: #ecba16; } #scrennOut #push .push.alert header { border-bottom: 1px solid #b69326; } #scrennOut #push .push.alert header h6 { color: #8e7429; } #scrennOut #push .push.alert header a.close { color: #8e7429; } #scrennOut #push .push.alert .content { position: relative; padding-left: 55px; } #scrennOut #push .push.alert .content:before { color: #b69326; font-size: 4em; position: absolute; left: 10px; top: 24px; } #scrennOut #push .push.alert .content p { color: #b69326; } #scrennOut #push .push.error { background: #cb594d; } #scrennOut #push .push.error header { border-bottom: 1px solid #9f443b; } #scrennOut #push .push.error header h6 { color: #7b322a; } #scrennOut #push .push.error header a.close { color: #7b322a; } #scrennOut #push .push.error .content { position: relative; padding-left: 55px; } #scrennOut #push .push.error .content:before { color: #9f443b; font-size: 4em; position: absolute; left: 10px; top: 24px; } #scrennOut #push .push.error .content p { color: #9f443b; } #scrennOut #push .push.success { background: #94cb4d; } #scrennOut #push .push.success header { border-bottom: 1px solid #73973e; } #scrennOut #push .push.success header h6 { color: #587837; } #scrennOut #push .push.success header a.close { color: #587837; } #scrennOut #push .push.success .content { position: relative; padding-left: 55px; } #scrennOut #push .push.success .content:before { color: #73973e; font-size: 4em; position: absolute; left: 10px; top: 24px; } #scrennOut #push .push.success .content p { color: #73973e; } @media (min-width: 0) and (max-width: 639px) { #scrennOut #push .push { margin: 10px 5%; width: 90%; } } #scrennOut #modal { display: none; position: fixed; margin: 0; top: 0; right: 0; bottom: 0; background: rgba(10, 10, 10, 0.45); left: 0; z-index: 9999999; } #scrennOut #modal .reveal { position: absolute; top: 50%; left: 50%; margin: -50px -240px; width: 480px; max-width: 90%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background: #fff; box-shadow: 1px 2px 6px #656565; } #scrennOut #modal .reveal header { position: relative; border-bottom: 1px solid #d5d5d5; } #scrennOut #modal .reveal header h6 { font-size: 1.3em; font-weight: bold; color: #333; padding: 5px 14px; } #scrennOut #modal .reveal header a.close { position: absolute; display: block; font-size: 1.3em; font-weight: bold; color: #333; top: 4px; right: 7px; } #scrennOut #modal .reveal .content { min-height: 80px; padding: 10px 14px; } @media (min-width: 0) and (max-width: 639px) { #scrennOut #modal .reveal { margin: 10px 5%; width: 90%; } } /* --------------------------------------------- - SECTION ACTUALITES - - - - --------------------------------------------- */ #content .news header h2 { float: none; } #content .news .alaune article { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; padding-left: 30%; position: relative; } #content .news .alaune article figure { position: absolute; width: 25%; top: 0; left: 0; } #content .news .other #ajaxNews { clear: none; } #content .news .other .category { text-align: center; margin-bottom: 25px; } #content .news .other .category a { font-size: 1.4em; color: #003E5E; } body.single-post #content header { margin-bottom: 25px; } body.single-post #content header h4 { margin: 0; padding: 0; font-size: 1.3em; color: #003E5E; } body.single-post #content header h1 { margin: 0; padding: 0; font-size: 4em; color: #003E5E; } /* --------------------------------------------- - FIN SECTION ACTUALITES --------------------------------------------- */ /* --------------------------------------------- - PAGE TEXTE SIMPLE - - - - --------------------------------------------- */ body.page-template-page-text h3 { padding-top: 15px; } /* --------------------------------------------- - FIN PAGE TEXTE SIMPLE --------------------------------------------- */ /* --------------------------------------------- - PAGE PLAN DU SITE - - - - --------------------------------------------- */ body.page-template-page-sitemap .sitemap { display: flex; flex-wrap: wrap; font-size: 1.2em; align-items: flex-start; } body.page-template-page-sitemap .sitemap div { align-self: flex-start; padding: 10px 20px 20px; width: 33%; } body.page-template-page-sitemap .sitemap div h2 { font-size: 1.6em; border-bottom: 1px solid #eee; padding: 5px; color: #003E5E; margin-bottom: 10px; } body.page-template-page-sitemap .sitemap div h2 a { color: #003E5E; } body.page-template-page-sitemap .sitemap div ul { list-style: disc; } body.page-template-page-sitemap .sitemap div ul li { font-size: 1.2em; list-style: disc; margin: 2px 2px 2px 25px; } body.page-template-page-sitemap .sitemap div ul li a:hover { text-decoration: underline; } /* --------------------------------------------- - FIN PAGE PLAN DU SITE --------------------------------------------- */ /* --------------------------------------------- - PAGE RECHERCHE - - - - --------------------------------------------- */ body.search #content header { margin-bottom: 25px; } body.search #content header h2 { float: none; } body.search #content article { padding: 25px 15px; border-bottom: 1px solid #e5e5e5; } /* --------------------------------------------- - FIN PAGE RECHERCHE --------------------------------------------- */ /* --------------------------------------------- - PAGE PRODUIT - - - - --------------------------------------------- */ body.single-product #productAddCart .quantity { margin: 20px 0 0 0; float: left; } body.single-product #productAddCart .quantity input { padding: 5px; font-size: 1.3em; } body.single-product #productAddCart button { margin: 20px 0 0 10px; float: left; font-size: 1.3em; padding: 10px; } body.single-product #formSubscribe .field.field-submit button { padding: 10px; border: none; background: #0077B3; color: #fff; } body.single-product #loadModal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); } body.single-product #loadModal .loader { background: url("https://cdn-staging.chambrelan.com/css/pictos/loader.gif") center no-repeat; background-size: 50%; height: 200px; width: 200px; border-radius: 5px; top: 50%; left: 50%; position: absolute; margin: -40px -50px; } body.single-product #loadModal .loader:before { display: none; overflow: hidden; } /* --------------------------------------------- - FIN PAGE PRODUIT --------------------------------------------- */ .container#content .domaines-application .nav p { text-align: center; color: #003E5E; font-weight: bold; } .container#content .domaines-application .nav p a { color: #003E5E; font-weight: bold; } .container#content .domaines-application .nav p a:hover { color: #0077B3; } .container#content .domaines-application .list .row { padding: 50px 0 60px; } .container#content .domaines-application .list .row figure { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; float: right; text-align: right; } .container#content .domaines-application .list .row figure img { width: 90%; } .container#content .domaines-application .list .row .text { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } .container#content .domaines-application .list .row .text h3 { font-size: 3.6em; color: #003E5E; } .container#content .domaines-application .list .row .text p { padding: 30px 0; } .container#content .domaines-application .list .row .text a.button { display: inline-block; color: #fff; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; font-size: 1.4em; margin: 0; padding: 10px 20px; } .container#content .domaines-application .list article:nth-child(2n+1) { background: #eee; } .container#content .domaines-application .list article:nth-child(2n+1) figure { text-align: left; float: left; } @media (min-width: 0) and (max-width: 639px) { #content .domaines-application .list figure { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; float: none; text-align: left; } #content .domaines-application .list figure img { width: 100%; } #content .domaines-application .list .text { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content .domaines-application .list article:nth-child(2n+1) { background: #eee; } #content .domaines-application .list article:nth-child(2n+1) figure { text-align: none; float: left; } } .page-societe #content .text { margin-bottom: 25px; } .page-societe #content .text article.col-2 .column img { width: 100%; } .page-societe #content .text article.col-2 .column a.button { display: inline-block; color: #fff; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; font-size: 1.4em; margin: 40px 10px 0 0; padding: 10px 20px; } #content .historique { background: #eee; } #content .historique .col-mobile { display: none !important; overflow: hidden !important; } #content .historique .column { width: 39.89501%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; /*article.date-1956{ margin-top: 55px;} article.date-1961{ margin-top: 290px;} article.date-1973{ margin-top: 250px;} article.date-1984{ margin-top: 80px;} article.date-1989{ margin-top: 180px;} article.date-1997{ margin-top: 55px;} article.date-2002{ margin-top: 55px;} article.date-2005{ margin-top: 55px;} article.date-2007{ margin-top: 55px;} article.date-2010{ margin-top: 55px;} article.date-2012{ margin-top: 55px;} article.date-2013{ margin-top: 55px;} article.date-now{ margin-top: 55px;}*/ } #content .historique .column article { position: relative; width: 90%; background: #fff; margin: 0; } #content .historique .column article figure { height: 250px; width: 100%; } #content .historique .column article figure img { width: 100%; height: 100%; object-fit: cover; display: block; border: none; outline: none; } #content .historique .column article h3 { display: none; overflow: hidden; } #content .historique .column article p { padding: 20px; } #content .historique .col-left article:before { content: ""; position: absolute; display: block; width: 0; height: 40px; top: 0; right: -20px; border-left: 20px solid #fff; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } #content .historique .col-right article { margin-left: 10%; } #content .historique .col-right article:before { content: ""; position: absolute; display: block; width: 0; height: 40px; top: 0; left: -20px; border-right: 20px solid #fff; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } #content .historique .line { position: relative; width: 14.89501%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; /*span.date-1956{ margin-top: 75px; } span.date-1961{ margin-top: 200px; } span.date-1973{ margin-top: 300px; } span.date-1984{ margin-top: 200px; } span.date-1989{ margin-top: 250px; } span.date-1997{ margin-top: 88px; } span.date-2002{ margin-top: 270px; } span.date-2005{ margin-top: 115px; } span.date-2007{ margin-top: 190px; } span.date-2010{ margin-top: 170px; } span.date-2012{ margin-top: 160px; } span.date-2013{ margin-top: 160px; } span.date-now{ margin-top: 143px; }*/ } #content .historique .line span.date { position: inherit; display: block; width: 80%; text-align: center; padding: 10px 0; color: #fff; background: #0077B3; font-size: 1.4em; margin: 0 auto; z-index: 99999999999; } #content .historique .line:before { content: ""; position: absolute; top: 25px; bottom: 25px; display: block; width: 0; margin: 0 50%; border-left: 1px solid #0077B3; z-index: 1; } /*.site-en #content .historique{ .column{ article.date-1961{ margin-top: 290px;} article.date-1984{ margin-top: 120px;} article.date-1989{ margin-top: 220px;} article.date-1997{ margin-top: 85px;} article.date-2002{ margin-top: 105px;} article.date-2005{ margin-top: 115px;} article.date-2007{ margin-top: 75px;} article.date-2010{ margin-top: 75px;} article.date-2012{ margin-top: 65px;} article.date-2013{ margin-top: 85px;} article.date-now{ margin-top: 65px;} } } .site-de #content .historique{ .column{ article.date-1984{ margin-top: 100px;} article.date-1989{ margin-top: 220px;} article.date-1997{ margin-top: 65px;} article.date-2002{ margin-top: 105px;} article.date-2005{ margin-top: 120px;} article.date-2010{ margin-top: 125px;} article.date-2012{ margin-top: 65px;} article.date-2013{ margin-top: 75px;} } } .site-nl #content .historique{ .column{ article.date-1984{ margin-top: 140px;} article.date-1989{ margin-top: 200px;} article.date-1997{ margin-top: 85px;} article.date-2002{ margin-top: 105px;} article.date-2005{ margin-top: 105px;} article.date-2010{ margin-top: 65px;} article.date-2012{ margin-top: 65px;} article.date-2013{ margin-top: 65px;} } } .site-cs #content .historique{ .column{ article.date-1984{ margin-top: 100px;} article.date-2005{ margin-top: 75px;} article.date-2007{ margin-top: 50px;} article.date-2012{ margin-top: 60px;} article.date-2013{ margin-top: 70px;} article.date-now{ margin-top: 35px;} } } .site-es #content .historique{ .column{ article.date-1973{ margin-top: 230px;} article.date-1984{ margin-top: 180px;} article.date-1989{ margin-top: 220px;} article.date-1997{ margin-top: 45px;} article.date-2002{ margin-top: 105px;} article.date-2005{ margin-top: 115px;} article.date-2007{ margin-top: 75px;} article.date-2010{ margin-top: 75px;} article.date-2012{ margin-top: 65px;} article.date-2013{ margin-top: 85px;} article.date-now{ margin-top: 70px;} } } .site-it #content .historique{ .column{ article.date-1973{ margin-top: 230px;} article.date-1984{ margin-top: 175px;} article.date-1989{ margin-top: 220px;} article.date-2002{ margin-top: 105px;} article.date-2005{ margin-top: 90px;} article.date-2007{ margin-top: 75px;} article.date-2010{ margin-top: 75px;} article.date-2012{ margin-top: 65px;} article.date-2013{ margin-top: 80px;} article.date-now{ margin-top: 50px;} } } .site-ru #content .historique{ .column{ article.date-1973{ margin-top: 45px;} article.date-1984{ margin-top: 220px;} article.date-1997{ margin-top: 45px;} article.date-2002{ margin-top: 80px;} article.date-2007{ margin-top: 40px;} article.date-2012{ margin-top: 60px;} article.date-now{ margin-top: 85px;} } .line{ span.date-1973{ margin-top: 550px; } span.date-1997{ margin-top: 120px; } span.date-2010{ margin-top: 210px; } span.date-2012{ margin-top: 120px; } span.date-2013{ margin-top: 220px; } } } .site-de_de #content .historique{ .column{ article.date-1984{ margin-top: 100px;} article.date-1989{ margin-top: 220px;} article.date-1997{ margin-top: 75px;} article.date-2002{ margin-top: 105px;} article.date-2005{ margin-top: 110px;} article.date-2010{ margin-top: 125px;} article.date-2012{ margin-top: 65px;} article.date-2013{ margin-top: 75px;} article.date-now{ margin-top: 50px;} } }*/ @media (min-width: 640px) and (max-width: 1023px) { .page-societe #content .text article.col-2 .column { width: 64.89501%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } .page-societe #content .text article.col-2 .column:first-child { width: 31.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content .historique .row { max-width: 560px; } #content .historique .column article figure { height: 150px; width: 100%; } #content .historique .col-left article { margin-right: 5%; } #content .historique .col-left article:before { height: 40px; right: -20px; border-left: 20px solid #fff; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } #content .historique .col-right article { margin-left: 5%; } #content .historique .col-right article:before { height: 40px; left: -20px; border-right: 20px solid #fff; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } } @media (min-width: 0) and (max-width: 639px) { .page-societe #content .text article.col-2 .column { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } .page-societe #content .text article.col-2 .column img { display: none; overflow: hidden; } #content .historique .col-mobile { display: block !important; overflow: visible !important; } #content .historique .col-mobile article { margin: 15px 0 !important; width: 100%; background: #fff; margin: 0; } #content .historique .col-mobile article figure { height: 250px; width: 100%; } #content .historique .col-mobile article figure img { width: 100%; height: 100%; object-fit: contain; display: block; background: #ccc; border: none; outline: none; } #content .historique .col-mobile article h6 { font-size: 1.6em; font-weight: bold; display: block; overflow: visible; color: #0077B3; padding: 10px 20px; border-bottom: 1px solid #f6f7fb; } #content .historique .col-mobile article p { padding: 20px; } #content .historique .column { display: none !important; overflow: hidden !important; } #content .historique .line { display: none !important; overflow: hidden !important; } } .page-catalogue #content section.text { border-bottom: 4px solid #0077B3; } .page-template-page-shortcode #content .choice .country { width: 15.74803%; float: left; margin-left: 2.12598%; margin-right: 2.12598%; margin-bottom: 10px; } .page-template-page-shortcode #content .choice .country a { padding: 5px 0 5px 30px; display: block; font-size: 1.3em; background-size: 20px; } .page-template-page-shortcode #content .choice .country.active a { font-weight: bold; } .page-template-page-shortcode #content .choice .country.lang-uk a { background: url("https://cdn-staging.chambrelan.com/css/flags/uk.png") no-repeat left center; background-size: 25px; } .page-template-page-shortcode #content .choice .country.lang-de a { background: url("https://cdn-staging.chambrelan.com/css/flags/de.png") no-repeat left center; background-size: 25px; } .page-template-page-shortcode #content .choice .country.lang-be a { background: url("https://cdn-staging.chambrelan.com/css/flags/be.png") no-repeat left center; background-size: 25px; } .page-template-page-shortcode #content .choice .country.lang-ch a { background: url("https://cdn-staging.chambrelan.com/css/flags/ch.png") no-repeat left center; background-size: 25px; } .page-template-page-shortcode #content .choice .country.lang-cz a { background: url("https://cdn-staging.chambrelan.com/css/flags/cz.png") no-repeat left center; background-size: 25px; } .page-template-page-shortcode #content .choice .country.lang-pl a { background: url("https://cdn-staging.chambrelan.com/css/flags/pl.png") no-repeat left center; background-size: 25px; } .page-template-page-shortcode #content .choice .country.lang-it a { background: url("https://cdn-staging.chambrelan.com/css/flags/it.png") no-repeat left center; background-size: 25px; } .page-template-page-shortcode #content .choice .country.lang-sk a { background: url("https://cdn-staging.chambrelan.com/css/flags/sk.png") no-repeat left center; background-size: 25px; } .page-template-page-shortcode #content .choice .country.lang-fr a { background: url("https://cdn-staging.chambrelan.com/css/flags/fr.png") no-repeat left center; background-size: 25px; } .page-template-page-shortcode #content .choice .country.lang-es a { background: url("https://cdn-staging.chambrelan.com/css/flags/es.png") no-repeat left center; background-size: 25px; } .page-template-page-shortcode #content .fiche { position: relative; background: #f6f7fb; } .page-template-page-shortcode #content .fiche .dynamiqueAdress { display: none; } .page-template-page-shortcode #content .fiche .title { text-align: center; margin: 0 0 30px 0; } .page-template-page-shortcode #content .fiche .title ul { display: inline-block; width: 100%; } .page-template-page-shortcode #content .fiche .title ul li { height: 50px; text-align: left; width: 50%; padding: 0; border-left: 1px solid #0077B3; display: block; float: left; } .page-template-page-shortcode #content .fiche .title ul li span.h2 { margin: 0 30px; display: inline-block; color: #003E5E; font-size: 3.6em; } .page-template-page-shortcode #content .fiche .title ul li a { font-size: 1.4em; display: inline-block; color: #fff; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; padding: 10px 20px; margin: 5px 30px; } .page-template-page-shortcode #content .fiche .title ul li:first-child { text-align: right; border: none; } .page-template-page-shortcode #content .fiche .adress h4 { text-align: center; font-size: 1.6em; padding: 0 0 20px 0; font-weight: bold; color: #003E5E; } .page-template-page-shortcode #content .fiche .adress h3 { text-align: center; font-size: 1.6em; padding: 0 0 20px 0; font-weight: bold; color: #003E5E; } .page-template-page-shortcode #content .fiche .adress p { color: #003E5E; font-size: 1.4em; padding: 0 0 20px 0; text-align: center; } .page-template-page-shortcode #content .fiche .adress .secondary { margin-top: 20px; width: 15.74803%; float: left; margin-left: 2.12598%; margin-right: 2.12598%; } .page-template-page-shortcode #content .fiche .adress .secondary h4 { font-size: 1.4em; padding: 0; } .page-template-page-shortcode #content .fiche .adress .secondary p { font-size: 1.3em; padding: 0; } .page-template-page-shortcode #content .fiche .form { clear: both; } .page-template-page-shortcode #content .fiche .form header h2 { padding-bottom: 0; } .page-template-page-shortcode #content .fiche.open a.closed { position: absolute; top: 30px; right: 30px; } .page-template-page-shortcode #content .fiche.open a.closed:before { font-size: 4em; color: #003E5E; } @media (min-width: 640px) and (max-width: 1023px) { .page-contact #content .choice .country { width: 15.74803%; float: left; margin-left: 2.12598%; margin-right: 2.12598%; } .page-contact #content .fiche .adress .secondary { text-align: left; width: 26.24672%; float: left; margin-left: 3.54331%; margin-right: 3.54331%; } .page-contact #content .fiche .adress .secondary h4 { text-align: left; } .page-contact #content .fiche .adress .secondary p { text-align: left; } .page-contact #content .fiche .form { clear: both; } .page-contact #content .fiche .form header { padding: 0 0 20px 0; } .page-contact #content .fiche .form header h2 { padding: 0; } } @media (min-width: 0) and (max-width: 639px) { .page-contact #content .choice .country { width: 39.37008%; float: left; margin-left: 5.31496%; margin-right: 5.31496%; } .page-contact #content .fiche .title ul li { width: 100%; text-align: center; border-left: none; display: block; float: none; } .page-contact #content .fiche .title ul li:first-child { text-align: center; border-bottom: 1px solid #003E5E; } .page-contact #content .fiche .adress .secondary { text-align: center; width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } .page-contact #content .fiche .adress .secondary h4 { text-align: center; } .page-contact #content .fiche .adress .secondary p { text-align: center; } .page-contact #content .fiche .form { clear: both; } .page-contact #content .fiche .form header { padding: 0 0 20px 0; } .page-contact #content .fiche .form header h2 { padding: 0; } .page-contact #content .fiche .form form > .col-2 > .column { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } .page-contact #content .fiche.open a.closed { top: 10px; right: 10px; } .page-contact #content .fiche.open a.closed:before { font-size: 2em; } } .home #header { /*#topMenu{ padding: 25px 0; background: none; .menu{ ul{ li{ a{ color: $color-white; } a:hover{ background: $color-grey; color: $color-greyMedium; } } li.active{ a{ background: $color-blueLight; color: $color-white; } a:hover{ background: $color-blue; } } } } }*/ } .home #header #titleContainer .row { margin: 50px auto 25px; } .home #header #titleContainer .row h1 { position: relative; color: #fff; text-align: center; line-height: 1.2em; width: 100%; top: auto; margin: 0; } .home #header #titleContainer .row hr { width: 50%; margin: 15px auto 10px auto; border: none; height: 1px; background: #fff; } .home #header #titleContainer .row h2 { font-size: 3.6em; color: #fff; text-align: center; } .home #header #titleContainer .row .list_categories { margin: 25px; } .home #header #titleContainer .row .list_categories ul { margin: 50px auto; max-width: 55%; margin-left: auto; margin-right: auto; } .home #header #titleContainer .row .list_categories ul:after { content: " "; display: block; clear: both; } .home #header #titleContainer .row .list_categories ul li { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } .home #header #titleContainer .row .list_categories ul li a { display: block; width: 100%; margin: 0 0 20px 0; border: 1px solid #fff; padding: 20px; color: #fff; font-size: 1.6em; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .home #header #titleContainer .row .list_categories ul li a:hover { background: #fff; color: #003E5E; } .home #breadcrumb { display: none !important; overflow: hidden !important; } .home section.title { position: relative; height: 250px; margin: 25px 0; } .home section.title .pxBackground { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #003E5E; } .home section.title .row { position: relative; height: 100%; } .home section.title .row h1 { font-size: 3.6em; position: absolute; color: #fff; text-align: center; line-height: 1.2em; top: 50%; width: 100%; margin: -22px 0; } .askh6 { font-weight: normal; text-align: left; } .askyouranswer .row .form header h6 { font-weight: normal; text-align: left; } .askyouranswer .row .form header h4 { font-size: 1.6em; color: #003E5E; font-weight: normal; text-align: left; } .askyouranswer .row .form header ol li { margin-left: auto; list-style-type: decimal; font-size: 1.6em; color: #003E5E; } .askyouranswer .row .form header ul li { margin-left: 20px; list-style-type: circle; } .askyouranswer form > .col-2 { margin-top: 40px; margin-bottom: 40px; } @media (min-width: 640px) and (max-width: 1023px) { .home #header #titleContainer .row .list_categories ul { max-width: 100%; margin-left: auto; margin-right: auto; } .home #header #titleContainer .row .list_categories ul:after { content: " "; display: block; clear: both; } .home #header #titleContainer .row .list_categories ul li { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } } @media (min-width: 0) and (max-width: 639px) { .home #header #titleContainer .row .list_categories ul { max-width: 100%; margin-left: auto; margin-right: auto; } .home #header #titleContainer .row .list_categories ul:after { content: " "; display: block; clear: both; } .home #header #titleContainer .row .list_categories ul li { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } } /*#content{ section.devis{ .row{ max-width: 600px; h4{ font-size: 1.8em; text-align: center; margin: 50px auto 25px; max-width: 300px; color: $color-blue; border-bottom: 1px solid $color-blue; padding: 5px 0; } h4:first-child{ margin: 0 auto 25px; } } &.formQuotation{ fieldset{ } } &.devis-informations{ p{ text-align: center; padding: 15px 0; strong{ color: $color-blue; } } .field.field-submit{ text-align: left; } .col-3{ .column{ @include span(4); } .column:first-child{ @include span(5); } .column:last-child{ @include span(3); } } label{ padding: 10px 0; display: block; text-align: right; font-weight: bold; } } &.devis-documents{ .row{ max-width: 1024px; } } &.devis-parametres{ .column{ @include span(6); fieldset{ border: none; padding: 0 5%; margin: 0 0 15px 0; } .section-checkboxes{ margin: 10px 0; } } } &.devis-otherParametres{ background: $color-greyLight; .field{ padding-left: 5%; } .field.field-select, .field.field-checkbox{ width: 40%; } .field.field-text label{ display: inline-block; width: 20%; } .field.field-text input[type='text']{ width: auto; display: inline-block; } .field.field-checkboxText label{ display: inline-block; width: 40%; margin-right: 5%; } .field.field-checkboxText input[type='text']{ width: auto; display: inline-block; } } &.devis-profil{ background: $color-greyLight; .row{ padding: 15px 0; p{ text-align: center; color: $color-blue; } .field.field-submit{ clear: both; padding-top: 20px; } fieldset{ border: none; } a.connect{ position: relative; @include button($color-blue,$color-white,block); font-size: 1.3em; text-align: right; width: 275px; margin: 0 auto; } a.connect:before{ @extend .fi-unlock:before; padding: 5px 0; font-size: 2em; text-align: center; position: absolute; display: block; top: 0; left: 0; @include border-radius(10px 0 0 10px); height: 100%; width: 50px; background: $color-blueLight; } } .row:first-child{ padding: 25px 0 0 0; } .row:last-child{ padding: 0 0 35px 0; } } &.devis-documents{ .tabs-content{ table{ width: 100%; thead{ background: $color-greyLight; tr{ th{ color: $color-blueLight; padding: 15px 0; font-size: 1.3em; &.action{ color: $color-white; background: $color-blue; } } } } tbody{ tr{ background: $color-white; td{ text-align: center; padding: 5px 0; font-size: 1.3em; &.action{ background: $color-white; color: $color-blue; border: 1px solid $color-blue; } } &:nth-child(2n+1){ background: $color-greyUltraLight; } } } } } } &.deconnect{ p{ font-size: 1em; text-align: center; a.deconnect{ position: relative; @include button($color-blue,$color-white,inline-block); padding: 10px 15px 10px 65px; font-size: 1.3em; text-align: right; margin: 0 auto; } a.deconnect:before{ @extend .fi-lock:before; padding: 5px 0; font-size: 2em; text-align: center; position: absolute; display: block; top: 0; left: 0; @include border-radius(10px 0 0 10px); height: 100%; width: 50px; background: $color-blueLight; } } } &.panier{ table{ width: 100%; margin-bottom: 50px; thead{ background: $color-greyLight; tr{ th{ color: $color-blueLight; padding: 15px 0; font-size: 1.3em; } } } tbody{ tr{ td{ padding: 1px 0; border-bottom: 1px solid $color-grey; font-size: 1.3em; input[type='text']{ font-size: 1.3em; width: 75%; margin: 0 auto; padding: 5px; @include border-radius(5px); } a.delete{ display: block; width: 19px; height: 19px; background: url('https://cdn-staging.chambrelan.com/css/pictos/fi-plus_round.png') no-repeat center; margin: 0 auto; } } } } .action{ width: 6%; text-align: center; } .produit{ width: 30%; text-align: center; } .longueur{ width: 18%; text-align: center; } .delai{ width: 10%; text-align: center; } .quantite{ width: 10%; text-align: center; } .prix{ width: 18%; text-align: center; } .total{ width: 18%; text-align: center; } } .column.commentaire{ @include span(8); } .column.total{ @include span(4); table{ tbody{ tr{ td{ padding: 10px 0; text-align: center; border-bottom: none; &:first-child{ background: $color-greyLight; } } } } } input[type="submit"].valider{ position: relative; @include button($color-blue,$color-white,block); font-size: 1.3em; text-align: right; margin: 5% auto; padding: 10px 15px 10px 65px; background-image: url('https://cdn-staging.chambrelan.com/css/pictos/fi-check.png'); background-position: center left; background-repeat: no-repeat; } } } } } // LARGE @include susy-breakpoint(1024px) { } // MEDIUM @include susy-breakpoint(640px 1023px) { } // SMALL @include susy-breakpoint(0 639px) { #content{ section.devis{ &.devis-parametres{ .column{ @include span(full); fieldset{ margin: 0; } } } &.devis-otherParametres{ .field{ padding-left: 5%; } .field.field-select, .field.field-checkbox{ width: 100%; } .field.field-text label{ display: block; width: 100%; } .field.field-text input[type='text']{ width: 100%; display: block; } .field.field-checkboxText label{ display: block; width: 100%; margin-right: 0; } .field.field-checkboxText input[type='text']{ width: 100%; display: block; } } &.devis-informations{ form{ margin: 25px 0 0; .col-3{ .column{ @include span(full); } .column:first-child{ @include span(full); } .column:last-child{ @include span(full); .field.field-submit{ input[type="submit"]{ width: 100%; display: block; } } } } label{ padding: 0; display: block; text-align: left; font-weight: bold; } } } &.devis-documents{ .tabs{ @include span(full); margin-bottom: 25px; ul{ width: 100%; li{ margin: 0; a{ padding: 15px 25px; } } } } .tabs-content{ @include span(full); table{ width: 100%; tr{ clear: both; padding: 5px 10px 0; display: block; margin: 0 0 10px 0; th, td{ display: inline-block; &.action{ display: block; } } } thead{ display: none; } tbody{ tr{ td{ text-align: left; &.type{ font-weight: bold; padding: 0 5px 0 0; font-size: 1.5em; color: $color-blueLight; &:after{ content: " : "; font-weight: bold; } } &.numero{ font-size: 1.5em; color: $color-blueLight; } &.references{ display: block; padding: 10px 0; } &.date{ display: block; text-align: left; padding: 1px 0; &:before{ content: "Date : "; font-weight: bold; } } &.montant{ display: block; padding: 1px 0; } &.reglement{ display: block; } &.action{ background: $color-blue; padding: 5px 10px; border: none; margin: 0 -10px; text-align: left; select{ width: 100%; } } } } } } } } &.panier{ table{ margin-top: 0; width: 100%; margin-bottom: 50px; thead{ display: none; overflow: hidden; } tbody{ tr{ margin-bottom: 15px; display: block; clear: both; padding-left: 45px; border-bottom: 1px solid $color-grey; position: relative; td{ display: inline-block; border-bottom: none; input[type='text']{ width: 100%; } input[type='number']{ width: 100%; } a.delete{ display: block; width: 19px; height: 19px; background: url('https://cdn-staging.chambrelan.com/css/pictos/fi-plus_round.png') no-repeat center; margin: 0 auto; } } } } .action{ position: absolute; left: 5px; top: 50%; width: 35px; height: 40px; margin: -20px 0; text-align: center; } .produit{ width: 100%; text-align: left; font-weight: bold; font-size: 1.5em; } .longueur{ text-align: left; width: 100%; } .delai{ text-align: left; width: 100%; } .quantite{ width: 100%; text-align: left; } .prix{ width: 100%; text-align: left; } .total{ width: 100%; text-align: left; padding-bottom: 10px; } } .column.commentaire{ @include span(full); } .column.total{ @include span(full); table{ margin-top: 15px; margin-bottom: 0; tbody{ tr{ margin-bottom: 0; padding-left: 0; td{ display: inline-block; width: 69%; } td:first-child{ width: 30%; } } } } input[type="submit"].valider{ position: relative; @include button($color-blue,$color-white,block); font-size: 1.3em; text-align: right; margin: 5% auto; padding: 10px 15px 10px 65px; background-image: url('https://cdn-staging.chambrelan.com/css/pictos/fi-check.png'); background-position: center left; background-repeat: no-repeat; } } } } } }*/ #content.account section .row { max-width: 600px; margin: 0 auto; } #content.account section .row h4 { font-size: 1.8em; text-align: left; margin: 50px auto 25px; color: #003E5E; border-bottom: 1px solid #003E5E; padding: 5px 30px 5px 5px; display: inline-block; } #content.account section .row h4:first-child { margin: 0 auto 25px; } #content.account section.text header p { margin-left: 0; margin-right: 0; width: 100%; } #content.account section.text header p a { padding: 20px 5px; text-align: center; } #content.account section.informations fieldset { border: none; border-bottom: 1px solid #eee; padding: 25px 0; } #content.account section.informations fieldset .field.field-checkbox label { font-size: 1em; text-align: left; padding: 0 0 0 25px; margin-bottom: 5px; } #content.account section.informations fieldset .field.field-checkbox label:after { right: auto; left: 0; } #content.account section.informations fieldset .field.field-select { max-width: 75%; } #content.account section.informations p { padding: 0 0 5px 0; } #content.account section.informations p strong { color: #003E5E; } #content.account section.informations form { margin: 25px 0 0; } #content.account section.informations form .field.field-submit { text-align: left; } #content.account section.informations form .col-3 .column { width: 31.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.account section.informations form .col-3 .column:first-child { width: 39.89501%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.account section.informations form .col-3 .column:last-child { width: 23.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.account section.informations form label { padding: 10px 0; display: block; text-align: right; font-weight: bold; } #content.account section.account-bills .row { max-width: 1024px; } #content.account section.account-bills .tabs-menu { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.account section.account-bills .tabs-menu .tabs { display: block; } #content.account section.account-bills .tabs-menu .tabs .tabs-title { display: inline-block; margin: 0; padding: 0; } #content.account section.account-bills .tabs-menu .tabs .tabs-title a { display: block; background: #c5c5c5; padding: 10px 15px; color: #050505; font-size: 1.4em; } #content.account section.account-bills .tabs-menu .tabs .tabs-title a:hover { background: #ffde00; } #content.account section.account-bills .tabs-menu .tabs .tabs-title.is-active a { background: #ffde00; } #content.account section.account-bills .tabs-menu.column { width: 23.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.account section.account-bills .tabs-menu.column .tabs { display: block; } #content.account section.account-bills .tabs-menu.column .tabs .tabs-title { display: block; } #content.account section.account-bills .tabs-menu.column .tabs .tabs-title a { display: block; } #content.account section.account-bills .tabs-content { border: 1px solid #ffde00; width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.account section.account-bills .tabs-content .tabs-panel { padding: 20px 30px; display: none !important; overflow: hidden !important; } #content.account section.account-bills .tabs-content .tabs-panel.is-active { display: block !important; overflow: visible !important; } #content.account section.account-bills .tabs-content.column { width: 73.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } @media (min-width: 0) and (max-width: 639px) { #content.account section.account-bills .tabs-menu.column { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.account section.account-bills .tabs-content.column { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } } #content.account section.account-bills .tabs-menu .tabs .tabs-title { margin: 0 10px; } #content.account section.account-bills .tabs-menu .tabs .tabs-title a { background: #f6f7fb; padding: 10px 15px; color: #909090; font-size: 1.4em; } #content.account section.account-bills .tabs-menu .tabs .tabs-title a:hover { background: #003E5E; color: #fff; } #content.account section.account-bills .tabs-menu .tabs .tabs-title.is-active { margin: 0; } #content.account section.account-bills .tabs-menu .tabs .tabs-title.is-active a { background: #0077B3; color: #fff; } #content.account section.account-bills .tabs-content { border: none; } #content.account section.account-bills .tabs-content .tabs-panel { padding: 0 30px; } #content.account section.account-bills .tabs-content table { width: 100%; } #content.account section.account-bills .tabs-content table thead { background: #f6f7fb; } #content.account section.account-bills .tabs-content table thead tr th { color: #0077B3; padding: 15px 0; font-size: 1.3em; } #content.account section.account-bills .tabs-content table thead tr th.action { color: #fff; background: #003E5E; } #content.account section.account-bills .tabs-content table tbody tr { background: #fff; } #content.account section.account-bills .tabs-content table tbody tr td { text-align: center; padding: 5px 0; font-size: 1.3em; } #content.account section.account-bills .tabs-content table tbody tr td.action { background: #fff; color: #003E5E; border: 1px solid #003E5E; } #content.account section.account-bills .tabs-content table tbody tr:nth-child(2n+1) { background: #fbfbfb; } #content.account section.deconnect p { font-size: 1em; text-align: center; } #content.account section.deconnect p a.deconnect { position: relative; display: inline-block; color: #fff; background: #003E5E; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; padding: 10px 15px 10px 65px; font-size: 1.3em; text-align: right; margin: 0 auto; } #content.account section.deconnect p a.deconnect:before { padding: 5px 0; font-size: 2em; text-align: center; position: absolute; display: block; top: 0; left: 0; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; height: 100%; width: 50px; background: #0077B3; } #content.bill section.paiement .field label { font-size: 1em; padding-left: 25px; margin-bottom: 25px; } #content.bill section.paiement .field label:after { right: auto; left: 0; } #content.bill section.paiement .unvalid { opacity: 0.5; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } #content.bill section.paiement .unvalid input { cursor: none; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } #content.bill section .row { max-width: 600px; } #content.bill section .row h4 { font-size: 1.8em; text-align: center; margin: 50px auto 25px; max-width: 300px; color: #003E5E; padding: 5px 0; } #content.bill section .row h4:first-child { margin: 0 auto 25px; } #content.bill section.text header p { margin-left: 0; margin-right: 0; width: 100%; } #content.bill section.text header p a { width: auto; padding: 5px 15px; text-align: center; } #content.bill section.text a.button { border: none; box-shadow: none; font-size: 1.4em; display: inline-block; color: #909090; background: #f6f7fb; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; padding: 10px 20px; margin: 0 auto; } #content.bill section.adress .column { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.bill section.woocommerce-cart table { width: 100%; } #content.bill section.woocommerce-cart table .produit { width: 30%; } #content.bill section.woocommerce-cart table .quantite { width: 14%; } #content.bill section.woocommerce-cart table .delai { width: 20%; } #content.bill section.woocommerce-cart table .prix { width: 18%; } #content.bill section.woocommerce-cart table .total { width: 18%; } #content.bill section.woocommerce-cart table thead { background: #f6f7fb; } #content.bill section.woocommerce-cart table thead tr th { color: #0077B3; padding: 15px 5px; font-size: 1.8em; font-weight: normal; } #content.bill section.woocommerce-cart table thead tr th.produit { text-align: left; } #content.bill section.woocommerce-cart table tbody tr td { text-align: center; padding: 5px; border-bottom: 1px solid #eee; font-size: 1em; } #content.bill section.woocommerce-cart table tbody tr td h5 { font-size: 1.6em; color: #0a0a0a; font-weight: bold; } #content.bill section.woocommerce-cart table tbody tr td p { font-size: 1.3em; color: #0a0a0a; font-weight: bold; } #content.bill section.woocommerce-cart table tbody tr td.produit { text-align: left; } #content.bill section.woocommerce-cart table tbody tr td.produit p { font-size: 1.1em; color: #909090; font-weight: normal; } #content.bill section.woocommerce-cart .column.commentaire { width: 56.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.bill section.woocommerce-cart .column.total { width: 39.89501%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.bill section.woocommerce-cart .column.total table { width: 100%; } #content.bill section.woocommerce-cart .column.total table tbody tr td { padding: 15px 5px; line-height: 18px; font-size: 1.3em; text-align: center; border-bottom: none; } #content.bill section.woocommerce-cart .column.total table tbody tr td:first-child { background: #f6f7fb; color: #0077B3; font-size: 1.6em; font-weight: normal; } #content.cart section.paiement .field label { font-size: 1em; padding-left: 25px; margin-bottom: 25px; } #content.cart section.paiement .field label:after { right: auto; left: 0; } #content.cart section.paiement .unvalid { opacity: 0.5; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } #content.cart section.paiement .unvalid input { cursor: none; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } #content.cart section .row { max-width: 600px; } #content.cart section .row h4 { font-size: 1.8em; text-align: center; margin: 50px auto 25px; max-width: 300px; color: #003E5E; padding: 5px 0; } #content.cart section .row h4:first-child { margin: 0 auto 25px; } #content.cart section .row .field.field-submit input[type='button'].button { border: none; box-shadow: none; font-size: 1.4em; display: inline-block; color: #fff; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; padding: 10px 20px; margin: 25px auto 0; } #content.cart section.text header p { margin-left: 0; margin-right: 0; width: 100%; } #content.cart section.text header p a { width: auto; padding: 5px 15px; text-align: center; } #content.cart section.text a.button { border: none; box-shadow: none; font-size: 1.4em; display: inline-block; color: #909090; background: #f6f7fb; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; padding: 10px 20px; margin: 0 auto; } #content.cart section.adress .column { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.cart section.adress .column h5 { font-size: 1.4em; color: #003E5E; font-weight: bold; padding-top: 15px; } #content.cart section.adress .column .adress-change { margin-top: 25px; border-top: 1px solid #eee; padding: 10px 0; } #content.cart section.adress .column .adress-change label { display: block; padding: 0 0 10px 0; color: #909090; } #content.cart section.adress .column .adress-change .field.field-select .select-wrapper { border: 1px dashed #909090 !important; } #content.cart section.woocommerce-cart table { width: 100%; } #content.cart section.woocommerce-cart table .action { width: 6%; } #content.cart section.woocommerce-cart table .produit { width: 44%; } #content.cart section.woocommerce-cart table .quantite { width: 14%; } #content.cart section.woocommerce-cart table .prix { width: 18%; } #content.cart section.woocommerce-cart table .total { width: 18%; } #content.cart section.woocommerce-cart table thead { background: #f6f7fb; } #content.cart section.woocommerce-cart table thead tr th { color: #0077B3; padding: 15px 5px; font-size: 1.8em; font-weight: normal; } #content.cart section.woocommerce-cart table thead tr th.produit { text-align: left; } #content.cart section.woocommerce-cart table tbody tr td { text-align: center; padding: 5px; border-bottom: 1px solid #eee; font-size: 1em; } #content.cart section.woocommerce-cart table tbody tr td h5 { font-size: 1.6em; color: #0a0a0a; font-weight: bold; } #content.cart section.woocommerce-cart table tbody tr td h5 a { font-size: 1em; color: #0a0a0a; font-weight: bold; } #content.cart section.woocommerce-cart table tbody tr td p { font-size: 1.3em; color: #0a0a0a; font-weight: bold; } #content.cart section.woocommerce-cart table tbody tr td p a { font-size: 1em; color: #0a0a0a; font-weight: bold; } #content.cart section.woocommerce-cart table tbody tr td .field.field-text input[type='number'] { border: 1px dashed #909090; padding: 2px; border-radius: 5px; color: #0a0a0a; font-size: 1.3em; font-weight: bold; text-align: center; } #content.cart section.woocommerce-cart table tbody tr td.produit { text-align: left; } #content.cart section.woocommerce-cart table tbody tr td.produit p { font-size: 1.1em; color: #909090; font-weight: normal; } #content.cart section.woocommerce-cart table tbody tr td.produit p a { font-size: 1em; color: #909090; font-weight: normal; } #content.cart section.woocommerce-cart .field.field-submit { margin: 25px auto; } #content.cart section.woocommerce-cart .field.field-submit input[type='submit'].button { background: #eee !important; color: #0a0a0a !important; } #content.cart section.woocommerce-cart .column.commentaire { width: 56.56168%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.cart section.woocommerce-cart .column.total { width: 39.89501%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.cart section.woocommerce-cart .column.total table { width: 100%; } #content.cart section.woocommerce-cart .column.total table tbody tr td { padding: 15px 5px; line-height: 18px; font-size: 1.3em; text-align: center; border-bottom: none; } #content.cart section.woocommerce-cart .column.total table tbody tr td:first-child { background: #f6f7fb; color: #0077B3; font-size: 1.6em; font-weight: normal; } #content.cart section.woocommerce-cart .column.total p.note { font-size: 1.2em; padding: 15px 10px 15px 0; line-height: 1.6em; font-style: italic; } #content.cart .findProducts .row { max-width: 1024px; } #content.registerAccount #mod_registration .row { max-width: 600px; margin-top: 0; margin-bottom: 0; padding: 0; } #content.registerAccount #mod_registration .row p label { font-size: 1em; } #content.registerAccount #mod_registration .row .field.field-submit { margin-top: 35px; } #content.registerAccount #mod_registration .row .field-radio p label { display: inline-block; width: 35%; padding-left: 2%; } #content.registerAccount #mod_registration .row fieldset { border: none; border-bottom: 1px solid #eee; padding: 25px 0; } #content.registerAccount #mod_registration .row fieldset .col-1 .column { margin: 0; width: 100%; } #content.registerAccount #mod_registration .row fieldset h4 { font-size: 1.6em; padding: 0 0 15px 0; color: #0077B3; } #content.quotation .row { max-width: 600px; } #content.quotation .row h4 { font-size: 1.8em; text-align: center; margin: 50px auto 25px; max-width: 300px; color: #003E5E; border-bottom: 1px solid #003E5E; padding: 5px 0; } #content.quotation .row h4:first-child { margin: 0 auto 25px; } #content.quotation section.devis-parametres .column { width: 48.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } #content.quotation section.devis-parametres .column fieldset { border: none; padding: 0 5%; margin: 0 0 15px 0; } #content.quotation section.devis-parametres .column .section-checkboxes { margin: 10px 0; } #content.quotation section.devis-otherParametres { background: #f6f7fb; } #content.quotation section.devis-otherParametres .field { padding-left: 5%; } #content.quotation section.devis-otherParametres .field.field-select, #content.quotation section.devis-otherParametres .field.field-checkbox { width: 40%; } #content.quotation section.devis-otherParametres .field.field-text label { display: inline-block; width: 20%; } #content.quotation section.devis-otherParametres .field.field-text input[type='text'] { width: auto; display: inline-block; } #content.quotation section.devis-otherParametres .field.field-checkboxText label { display: inline-block; width: 40%; margin-right: 5%; } #content.quotation section.devis-otherParametres .field.field-checkboxText input[type='text'] { width: auto; display: inline-block; } section.notice { margin: 0; padding: 0; } section.notice .woocommerce-error, section.notice .woocommerce-info, section.notice .woocommerce-message { border: none !important; padding: 10px 15px 10px 45px; margin: 5px 0; font-size: 1.5em; line-height: 27px; } section.notice .woocommerce-error:before, section.notice .woocommerce-info:before, section.notice .woocommerce-message:before { top: 50% !important; margin-top: -13px; } section.notice .woocommerce-error a.button, section.notice .woocommerce-info a.button, section.notice .woocommerce-message a.button { display: block; padding: 5px 10px; line-height: 1em; border-radius: 10px; } section.notice .woocommerce-message { color: #909090; } section.notice .woocommerce-message a.button { color: #fff; background: #b4ce2e; } section.notice .woocommerce-error { color: #ce482e; } section.notice .woocommerce-error a.button { color: #fff; background: #ce482e; } section.notice .woocommerce-info { color: #909090; } section.notice .woocommerce-info a.button { color: #fff; background: #ddb61b; } .single-product #header #titleContainer { position: relative; } .single-product #header #titleContainer h1 small { font-size: 0.8em; } .single-product #header #titleContainer h2 { position: absolute; bottom: 0; left: 50%; font-weight: 900; color: #fff; text-align: center; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background: #0077B3; padding: 10px; width: 200px; font-size: 3.2em; margin: 0 -100px; } .single-product #content { position: relative; } .single-product #content .menuProduct { position: fixed; left: 0; top: 25%; z-index: 9999; } .single-product #content .menuProduct li { margin: 2px 0; } .single-product #content .menuProduct li a { position: relative; display: block; width: 50px; height: 50px; background: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; text-indent: -9999em; } .single-product #content .menuProduct li a:before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 50px; height: 50px; background: #0077B3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .single-product #content .menuProduct li a.add:before { background: #0077B3 url("https://cdn-staging.chambrelan.com/css/pictos/fi-shopping-cart_white.png") no-repeat center; background-size: 40%; } .single-product #content .menuProduct li a.c3d:before { background: #0077B3 url("https://cdn-staging.chambrelan.com/css/pictos/fi-3d_white.png") no-repeat center; background-size: 50%; } .single-product #content .menuProduct li a.fiche-technique:before { background: #0077B3 url("https://cdn-staging.chambrelan.com/css/pictos/fi-page_white.png") no-repeat center; background-size: 30%; } .single-product #content .menuProduct li a.list:before { background: #0077B3 url("https://cdn-staging.chambrelan.com/css/pictos/fi-results_white.png") no-repeat center; background-size: 40%; } .single-product #content .menuProduct li a.edit:before { background: #0077B3 url("https://cdn-staging.chambrelan.com/css/pictos/fi-pencil_white.png") no-repeat center; background-size: 40%; } .single-product #content .menuProduct li:hover a { background: #eee; padding: 0 15px 0 65px; width: auto; text-indent: 0; color: #0077B3; font-size: 1.4em; line-height: 50px; } .single-product #content .product { padding: 75px 0 25px 0; } .single-product #content .product figure { width: 100%; height: 400px; border: 1px solid #003E5E; margin: 0 0 25px 0; } .single-product #content .product figure img { display: block; width: 100%; height: 100%; object-fit: contain; background: #fff; } .single-product #content .product .tools { border-right: 1px solid #003E5E; padding: 0 0 20px 0; } .single-product #content .product .tools h6 { font-size: 1.4em; font-weight: bold; color: #003E5E; } .single-product #content .product .tools h3 { font-size: 1.4em; font-weight: bold; color: #003E5E; } .single-product #content .product .tools p a.button.download { position: relative; display: inline-block; color: #fff; background: #003E5E; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; text-align: left; padding: 10px 15px 10px 60px; margin: 0 5px; } .single-product #content .product .tools p a.button.download.fiche-technique:before { position: absolute; top: 0; bottom: 0; left: 0; padding: 8px 5px; width: 50px; text-align: center; vertical-align: middle; font-size: 1.6em; background: #0077B3; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } .single-product #content .product .tools p a.button.download.c3d:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 50px; background: #0077B3 url("https://cdn-staging.chambrelan.com/css/pictos/fi-3d.png") no-repeat center; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } .single-product #content .product h2.titleProduct { border-left: 2px solid #0077B3; font-size: 3.6em; color: #003E5E; font-weight: 900; line-height: 1em; padding: 0 10px; } .single-product #content .product div.field.field-select { margin: 15px 0 10px 0; } .single-product #content .product div.field.field-select label { font-weight: bold; } .single-product #content .product div.field.field-select .select-wrapper { position: relative; width: 50%; border: 1px solid #003E5E; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; z-index: 0; margin: 2px 0 0 25px; display: inline-block; } .single-product #content .product div.field.field-select .select-wrapper select { position: relative; display: block; width: 100%; padding: 10px 30px 10px 10px; text-shadow: 0 0 0 #000; -webkit-appearance: none; background: none; outline: none; border: none; color: #909090; font-size: 1.4em; line-height: 1em; z-index: 99; } .single-product #content .product div.field.field-select .select-wrapper:before { content: ""; display: block; width: 8px; height: 0; border: 4px solid transparent; border-top: 8px solid #003E5E; position: absolute; top: 14px; right: 11px; z-index: 1; } .single-product #content .product ul.opt { margin: 5px 0; } .single-product #content .product ul.opt li { color: #003E5E; font-size: 1.4em; } .single-product #content .product ul.opt li span { display: inline-block; width: 25%; } .single-product #content .product #variationsOpt li span { width: 50%; } .single-product #content .product h5 { font-size: 1.8em; color: #003E5E; font-weight: bold; margin: 25px 0 0 0; } .single-product #content .product h3 { font-size: 1.8em; color: #003E5E; font-weight: bold; margin: 25px 0 0 0; } .single-product #content .product a.button.add { position: relative; display: inline-block; color: #fff; background: #003E5E; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; font-size: 1.4em; text-align: left; padding: 10px 15px 10px 60px; margin: 10px 5px 0; } .single-product #content .product a.button.add:before { position: absolute; top: 0; bottom: 0; left: 0; padding: 8px 5px; width: 50px; text-align: center; vertical-align: middle; font-size: 1.6em; background: #0077B3; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } .single-product #content .menuCaracteristiques { background: #eee; } .single-product #content .menuCaracteristiques ul li { display: inline-block; border-left: 1px solid #909090; } .single-product #content .menuCaracteristiques ul li:first-child { border-left: none; } .single-product #content .menuCaracteristiques ul li a { display: block; text-align: center; font-size: 1.4em; color: #003E5E; padding: 5px 27px; } .single-product #content .images { background: #f6f7fb; position: relative; } .single-product #content .images .gallery { max-width: 90%; margin: 0 auto; } .single-product #content .images .gallery .slick-slide a { position: relative; display: block; max-width: 252px; margin: 0 auto; border: 1px solid #003E5E; } .single-product #content .images .gallery .slick-slide a:hover:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #003E5E url("https://cdn-staging.chambrelan.com/css/pictos/full-screen.png") no-repeat center; moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); } .single-product #content .images button { position: absolute; display: block; background: none; border: none; top: 50%; width: 50px; height: 50px; margin: -25px 0; text-indent: -9999em; } .single-product #content .images button.slick-prev { left: -75px; background: url("https://cdn-staging.chambrelan.com/css/pictos/fi-play.png") no-repeat center; } .single-product #content .images button.slick-next { right: -75px; background: url("https://cdn-staging.chambrelan.com/css/pictos/fi-play_inverse.png") no-repeat center; } .single-product #content .options .row h3 { font-size: 1.8em; padding: 0 0 25px 0; color: #003E5E; } .single-product #content .options .column { border-left: 1px solid #eee; width: 50%; float: left; padding-left: 0.88583%; padding-right: 0.88583%; } .single-product #content .options .column.opt { border-left: none; } .single-product #content .options h5 { font-size: 1.8em; padding: 0 0 25px 0; color: #003E5E; } .single-product #content .options h3 { font-size: 1.8em; padding: 0 0 25px 0; color: #003E5E; } .single-product #content .options form { width: 90%; } .single-product #content .options label { font-weight: bold; } .single-product #content .options a.button.download { position: relative; display: inline-block; color: #fff; background: #003E5E; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; text-align: left; padding: 10px 15px 10px 60px; margin: 10px 5px; font-size: 1.4em; } .single-product #content .options a.button.download.c3d:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 50px; background: #0077B3 url("https://cdn-staging.chambrelan.com/css/pictos/fi-3d.png") no-repeat center; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } .single-product #content .caracteristiques { background: #f6f7fb; margin: 0; padding: 25px 0; } .single-product #content .caracteristiques .tabs-menu .tabs .tabs-title a { background: #eee; margin-bottom: 2px; } .single-product #content .caracteristiques .tabs-content table { width: 100%; margin-top: 25px; } .single-product #content .caracteristiques .tabs-content table thead tr th { padding: 5px; border-bottom: 1px solid #eee; font-size: 1.4em; color: #0077B3; } .single-product #content .caracteristiques .tabs-content table thead tr th.actions { text-transform: uppercase; color: #fff; background: #003E5E; border: 1px solid #003E5E; } .single-product #content .caracteristiques .tabs-content table thead tr th.dimensions { display: none !important; overflow: hidden !important; } .single-product #content .caracteristiques .tabs-content table thead tr th.charges { display: none !important; overflow: hidden !important; } .single-product #content .caracteristiques .tabs-content table tbody tr td { text-align: center; font-size: 1.3em; padding: 10px; border-bottom: 1px solid #909090; } .single-product #content .caracteristiques .tabs-content table tbody tr td.actions { color: #003E5E; border: 1px solid #003E5E; border-top: none; } .single-product #content .caracteristiques .tabs-content table tbody tr td.actions a { display: inline-block; width: 20px; height: 20px; margin: 0 5px 0; } .single-product #content .caracteristiques .tabs-content table tbody tr td.actions a.add { background: url("https://cdn-staging.chambrelan.com/css/pictos/fi-shopping-cart.png") no-repeat center; background-size: contain; } .single-product #content .caracteristiques .tabs-content table tbody tr td.actions a.c3d { background: url("https://cdn-staging.chambrelan.com/css/pictos/fi-3d_blue.png") no-repeat center; background-size: contain; } .single-product #content .caracteristiques .tabs-content table tbody tr td.dimensions { display: none !important; overflow: hidden !important; } .single-product #content .caracteristiques .tabs-content table tbody tr td.charges { display: none !important; overflow: hidden !important; } .single-product #content .caracteristiques .tabs-content .intro { color: #003E5E; } .single-product #content .caracteristiques .tabs-content h2 { font-size: 3.6em; color: #003E5E; padding: 0 0 20px 0; } .single-product #content .caracteristiques .tabs-content h3 { color: #0077B3; font-weight: bold; font-size: 1.8em; padding: 10px 0 10px 0; } .single-product #content .caracteristiques .tabs-content h5 { color: #0077B3; font-weight: bold; font-size: 1.4em; padding: 10px 0 5px 0; } .single-product #content .caracteristiques .tabs-content h4 { color: #0077B3; font-weight: bold; font-size: 1.6em; padding: 25px 0 5px 5px; clear: both; } .single-product #content .caracteristiques .tabs-content div.alert { position: relative; margin-top: 40px; } .single-product #content .caracteristiques .tabs-content div.alert:before { font-size: 2.5em; text-align: center; padding: 5px 0; display: block; background: none; color: #0077B3; width: 35px; height: 35px; position: absolute; left: -1px; top: -35px; } .single-product #content .caracteristiques .tabs-content div.alert.border { margin-top: 45px; margin-bottom: 10px; padding: 10px 20px; border: 1px solid #0077B3; } .single-product #content .caracteristiques .tabs-content div.alert.border:before { background: #0077B3; color: #fff; } .single-product #content .caracteristiques .tabs-content ul { margin: 0px; list-style: disc; color: #909090; font-size: 1.4em; } .single-product #content .caracteristiques .tabs-content ul li { margin: 0 0 0 25px; list-style: disc; color: #909090; font-size: 1em; padding: 5px 0; line-height: 1.2em; } .single-product #content .caracteristiques .tabs-content a { text-decoration: underline; } .single-product #content .caracteristiques .tabs-content a.button.download { text-decoration: none; position: relative; display: inline-block; color: #fff; background: #003E5E; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 15%; text-align: center; text-align: left; padding: 10px 15px 10px 60px; margin: 10px 5px; font-size: 1.4em; } .single-product #content .caracteristiques .tabs-content a.button.download.plan:before { position: absolute; top: 0; bottom: 0; left: 0; padding: 6px 5px; width: 50px; text-align: center; vertical-align: middle; font-size: 2em; background: #0077B3; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } .single-product #content .caracteristiques .tabs-content .listing .column > ul { padding: 0; border: 1px solid #0077B3; background: #eee; } .single-product #content .caracteristiques .tabs-content .listing .column > ul > li > a { position: relative; color: #0077B3; font-size: 1.4em; padding: 10px; display: block; } .single-product #content .caracteristiques .tabs-content .listing .column > ul > li > a:before { position: absolute; color: #0077B3; right: 10px; padding: 2px; } .single-product #content .caracteristiques .tabs-content .listing .column > ul > li ul { display: none !important; overflow: hidden !important; } .single-product #content .caracteristiques .tabs-content .listing .column > ul > li.open > a:before { position: absolute; color: #0077B3; right: 10px; padding: 2px; } .single-product #content .caracteristiques .tabs-content .listing .column > ul > li.open ul { display: block !important; overflow: visible !important; } .single-product #content .caracteristiques .tabs-content .listing .column > ul > li li.product { margin-top: 10px; padding: 0; } .single-product #content .caracteristiques .tabs-content .listing .column > ul > li li.product span { display: block; font-size: 1.3em; padding: 0 10px; } .single-product #content .caracteristiques .tabs-content .listing .column > ul > li li.product span.title { font-weight: bold; font-size: 1.4em; } .single-product #content .caracteristiques .tabs-content .listing .column > ul > li li.product a { margin-top: 10px; display: block; padding: 10px; background: #0077B3; text-align: center; color: #fff; font-size: 1.3em; } .single-product #content .devis .row { max-width: 600px; margin-left: auto; margin-right: auto; } .single-product #content .devis .row:after { content: " "; display: block; clear: both; } .single-product #content .devis .row .col-1 { margin-top: 40px; } .single-product .slick-lightbox { background: #0077B3 !important; z-index: 9999999; } .single-product .slick-lightbox .slick-lightbox-close { top: 0; right: 0; width: 40px; height: 40px; } .single-product .slick-lightbox .slick-lightbox-close:before { font-size: 40px; } .single-product .slick-lightbox .slick-slider button { position: absolute; display: block; background: none; border: none; top: 50%; width: 50px; height: 50px; margin: -25px 0; text-indent: -9999em; } .single-product .slick-lightbox .slick-slider button.slick-prev { left: 10%; background: url("https://cdn-staging.chambrelan.com/css/pictos/fi-play_white.png") no-repeat center; background-size: 40%; } .single-product .slick-lightbox .slick-slider button.slick-next { right: 10%; background: url("https://cdn-staging.chambrelan.com/css/pictos/fi-play_inverseWhite.png") no-repeat center; background-size: 40%; } @media (min-width: 1024px) and (max-width: 1149px) { .single-produit #content .menuCaracteristiques ul { text-align: center; } .single-produit #content .menuCaracteristiques ul li a { padding: 5px 19px; } } @media (min-width: 640px) and (max-width: 1023px) { .single-produit #content .product .tools p a.button.download.c3d { margin-top: 15px; } .single-produit #content .caracteristiques .tabs-content table thead tr th.dimensions { display: table-cell !important; overflow: visible !important; } .single-produit #content .caracteristiques .tabs-content table thead tr th.charges { display: table-cell !important; overflow: visible !important; } .single-produit #content .caracteristiques .tabs-content table thead tr th.longueur { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table thead tr th.dev { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table thead tr th.chargeplat { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table thead tr th.chargepaire { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table thead tr th.stock { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.dimensions { display: table-cell !important; overflow: visible !important; font-size: 1.1em; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.charges { display: table-cell !important; overflow: visible !important; font-size: 1.1em; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.longueur { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.dev { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.chargeplat { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.chargepaire { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.stock { display: none !important; overflow: hidden !important; } } @media (min-width: 0) and (max-width: 639px) { .single-produit #content .menuProduct { display: none !important; overflow: hidden !important; } .single-produit #content .product .col-2 .column { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } .single-produit #content .product .col-2 .column:first-child { display: none !important; overflow: hidden !important; } .single-produit #content .product h2.titleProduct { display: none !important; overflow: hidden !important; } .single-produit #content .product ul.opt li span { width: 35%; } .single-produit #content .menuCaracteristiques { display: none !important; overflow: hidden !important; } .single-produit #content .images button.slick-prev { left: -5%; } .single-produit #content .images button.slick-next { right: -5%; } .single-produit #content .options .column { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; border: none; } .single-produit #content .options .column.opt { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; } .single-produit #content .caracteristiques .tabs-content .tabs-panel { padding: 25px 0 0; } .single-produit #content .caracteristiques .tabs-content table thead tr th.dimensions { display: table-cell !important; overflow: visible !important; } .single-produit #content .caracteristiques .tabs-content table thead tr th.charges { display: table-cell !important; overflow: visible !important; } .single-produit #content .caracteristiques .tabs-content table thead tr th.longueur { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table thead tr th.dev { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table thead tr th.chargeplat { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table thead tr th.chargepaire { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table thead tr th.stock { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.dimensions { display: table-cell !important; overflow: visible !important; font-size: 1.1em; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.charges { display: table-cell !important; overflow: visible !important; font-size: 1.1em; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.longueur { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.dev { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.chargeplat { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.chargepaire { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content table tbody tr td.stock { display: none !important; overflow: hidden !important; } .single-produit #content .caracteristiques .tabs-content .listing .column { width: 98.22835%; float: left; margin-left: 0.88583%; margin-right: 0.88583%; margin: 0 0 5px 0; } .single-produit .slick-lightbox .slick-slider button.slick-prev { left: -4px; z-index: 99999999999; } .single-produit .slick-lightbox .slick-slider button.slick-next { right: -2px; } }