diff --git a/composer.json b/composer.json index d891019..13fa5bc 100644 --- a/composer.json +++ b/composer.json @@ -46,11 +46,13 @@ "drupal/editor_advanced_link": "^1.8", "drupal/entity_clone": "^1.0", "drupal/error_log": "^1.0", + "drupal/eu_cookie_compliance": "^1.14", "drupal/field_group": "3.x-dev@dev", "drupal/field_permissions": "^1.0", "drupal/flag": "4.x-dev@dev", "drupal/flag_lists": "4.0.x-dev@dev", "drupal/flood_control": "^2.1", + "drupal/gdpr": "^3.0@alpha", "drupal/genpass": "^1.x-dev", "drupal/graphql": "^4.0", "drupal/image_delta_formatter": "^1.x-dev", diff --git a/composer.lock b/composer.lock index befc979..83f19ab 100644 --- a/composer.lock +++ b/composer.lock @@ -4,7 +4,7 @@ "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies", "This file is @generated automatically" ], - "content-hash": "9f0bf06238a3485d7d627092ce483e3d", + "content-hash": "309879aa2fd3f877adca6bb2658eb439", "packages": [ { "name": "alchemy/zippy", @@ -3638,6 +3638,61 @@ }, "time": "2020-05-24T06:01:38+00:00" }, + { + "name": "drupal/checklistapi", + "version": "1.11.0", + "source": { + "type": "git", + "url": "https://git.drupalcode.org/project/checklistapi.git", + "reference": "8.x-1.11" + }, + "dist": { + "type": "zip", + "url": "https://ftp.drupal.org/files/projects/checklistapi-8.x-1.11.zip", + "reference": "8.x-1.11", + "shasum": "78fcf8ff6edd02f2cdfc907981db119dfca795c2" + }, + "require": { + "drupal/core": "^8 || ^9", + "php": ">=5.6.0" + }, + "type": "drupal-module", + "extra": { + "drupal": { + "version": "8.x-1.11", + "datestamp": "1586540246", + "security-coverage": { + "status": "covered", + "message": "Covered by Drupal's security advisory policy" + } + }, + "branch-alias": { + "dev-master": "1.x-dev" + }, + "drush": { + "services": { + "drush.services.yml": "^10" + } + } + }, + "notification-url": "https://packages.drupal.org/8/downloads", + "license": [ + "GPL-2.0-or-later" + ], + "authors": [ + { + "name": "Travis Carden", + "homepage": "https://www.drupal.org/user/236758", + "email": "travis.carden@gmail.com" + } + ], + "description": "Provides an API for creating fillable, persistent checklists.", + "homepage": "http://drupal.org/project/checklistapi", + "support": { + "source": "https://git.drupalcode.org/project/checklistapi", + "issues": "https://www.drupal.org/project/issues/checklistapi" + } + }, { "name": "drupal/commerce", "version": "2.24.0", @@ -7134,6 +7189,75 @@ "source": "https://git.drupalcode.org/project/error_log" } }, + { + "name": "drupal/eu_cookie_compliance", + "version": "1.14.0", + "source": { + "type": "git", + "url": "https://git.drupalcode.org/project/eu-cookie-compliance.git", + "reference": "8.x-1.14" + }, + "dist": { + "type": "zip", + "url": "https://ftp.drupal.org/files/projects/eu_cookie_compliance-8.x-1.14.zip", + "reference": "8.x-1.14", + "shasum": "37b7d8e33d5bc466272a288dbbb386d8702ed3c1" + }, + "require": { + "drupal/core": "^8.8 || ^9" + }, + "type": "drupal-module", + "extra": { + "drupal": { + "version": "8.x-1.14", + "datestamp": "1606569775", + "security-coverage": { + "status": "covered", + "message": "Covered by Drupal's security advisory policy" + } + } + }, + "notification-url": "https://packages.drupal.org/8/downloads", + "license": [ + "GPL-2.0-or-later" + ], + "authors": [ + { + "name": "Marcin Pajdzik", + "homepage": "https://www.drupal.org/u/marcin-pajdzik", + "role": "Maintainer" + }, + { + "name": "Sven Berg Ryen", + "homepage": "https://www.drupal.org/u/svenryen", + "role": "Maintainer" + }, + { + "name": "Neslee Canil Pinto", + "homepage": "https://www.drupal.org/u/neslee-canil-pinto", + "role": "Maintainer" + }, + { + "name": "See other contributors", + "homepage": "https://www.drupal.org/node/1538032/committers" + } + ], + "description": "This module aims at making the website compliant with the new EU cookie regulation.", + "homepage": "https://drupal.org/project/eu_cookie_compliance", + "keywords": [ + "Cookie", + "CookieCompliance", + "Drupal", + "GDPR" + ], + "support": { + "source": "https://git.drupalcode.org/project/eu-cookie-compliance", + "docs": "https://www.drupal.org/docs/contributed-modules/eu-cookie-compliance", + "forum": "https://drupal.stackexchange.com/search?q=eu+cookie+compliance", + "issues": "https://www.drupal.org/project/issues/eu_cookie_compliance?version=8.x", + "slack": "https://app.slack.com/client/T06GX3JTS/C012XBTH81E" + } + }, { "name": "drupal/extlink", "version": "1.6.0", @@ -7754,6 +7878,121 @@ "source": "https://git.drupalcode.org/project/flood_control" } }, + { + "name": "drupal/gdpr", + "version": "3.0.0-alpha3", + "source": { + "type": "git", + "url": "https://git.drupalcode.org/project/gdpr.git", + "reference": "3.0.0-alpha3" + }, + "dist": { + "type": "zip", + "url": "https://ftp.drupal.org/files/projects/gdpr-3.0.0-alpha3.zip", + "reference": "3.0.0-alpha3", + "shasum": "eb0115cd616c3f81851090e0c3432634a1b3b246" + }, + "require": { + "drupal/checklistapi": "^1.0", + "drupal/core": "^8 || ^9", + "drupal/entity": "^1.0", + "drupal/entity_reference_revisions": "^1.8", + "drupal/message": "^1.0", + "drupal/token": "^1.7" + }, + "require-dev": { + "drupal/anonymizer": "*", + "drupal/entity": "*", + "drupal/entity_reference_revisions": "*", + "drupal/gdpr_fields": "*", + "drupal/message": "*", + "drupal/token": "*" + }, + "suggest": { + "drush/drush": "GDPR Dump requires Drush ^9 || ^10", + "ext-zip": "GDPR Tasks requires the PHP zip extension", + "fzaninotto/faker": "Required for the anonymizer submodule (which is required by multiple submodules)." + }, + "type": "drupal-module", + "extra": { + "drupal": { + "version": "3.0.0-alpha3", + "datestamp": "1623442449", + "security-coverage": { + "status": "not-covered", + "message": "Project has not opted into security advisory coverage!" + } + } + }, + "notification-url": "https://packages.drupal.org/8/downloads", + "license": [ + "GPL-2.0+" + ], + "authors": [ + { + "name": "mhavelant", + "homepage": "https://www.drupal.org/user/1086292", + "email": "mhavelant@brainsum.com" + }, + { + "name": "Kosa Ilma", + "homepage": "https://www.drupal.org/user/3435475" + }, + { + "name": "alexdmccabe", + "homepage": "https://www.drupal.org/user/1358588" + }, + { + "name": "andrewbelcher", + "homepage": "https://www.drupal.org/user/655282" + }, + { + "name": "back-2-95", + "homepage": "https://www.drupal.org/user/327328" + }, + { + "name": "bfr", + "homepage": "https://www.drupal.org/user/369262" + }, + { + "name": "dj1999", + "homepage": "https://www.drupal.org/user/387119" + }, + { + "name": "golddragon007", + "homepage": "https://www.drupal.org/user/2723471" + }, + { + "name": "lbesenyei", + "homepage": "https://www.drupal.org/user/2626013" + }, + { + "name": "leymannx", + "homepage": "https://www.drupal.org/user/2482808" + }, + { + "name": "mhavelant", + "homepage": "https://www.drupal.org/user/3331139" + }, + { + "name": "pedrop", + "homepage": "https://www.drupal.org/user/1043368" + }, + { + "name": "szato", + "homepage": "https://www.drupal.org/user/389677" + }, + { + "name": "yanniboi", + "homepage": "https://www.drupal.org/user/1837556" + } + ], + "description": "Helps with making a site GDPR-compliant.", + "homepage": "https://www.drupal.org/project/gdpr", + "support": { + "source": "https://git.drupalcode.org/project/gdpr" + } + }, { "name": "drupal/genpass", "version": "dev-1.x", @@ -9567,6 +9806,69 @@ }, "time": "2020-04-25T06:50:43+00:00" }, + { + "name": "drupal/message", + "version": "1.2.0", + "source": { + "type": "git", + "url": "https://git.drupalcode.org/project/message.git", + "reference": "8.x-1.2" + }, + "dist": { + "type": "zip", + "url": "https://ftp.drupal.org/files/projects/message-8.x-1.2.zip", + "reference": "8.x-1.2", + "shasum": "f1494d8c482840b01f8d1dcc4ed572d5844a3873" + }, + "require": { + "drupal/core": "^8 || ^9" + }, + "require-dev": { + "drupal/token": "*" + }, + "type": "drupal-module", + "extra": { + "drupal": { + "version": "8.x-1.2", + "datestamp": "1607017386", + "security-coverage": { + "status": "covered", + "message": "Covered by Drupal's security advisory policy" + } + } + }, + "notification-url": "https://packages.drupal.org/8/downloads", + "license": [ + "GPL-2.0+" + ], + "authors": [ + { + "name": "Grayside", + "homepage": "https://www.drupal.org/user/346868" + }, + { + "name": "RoySegall", + "homepage": "https://www.drupal.org/user/1812910" + }, + { + "name": "amitaibu", + "homepage": "https://www.drupal.org/user/57511" + }, + { + "name": "itamar", + "homepage": "https://www.drupal.org/user/1757910" + }, + { + "name": "jhedstrom", + "homepage": "https://www.drupal.org/user/208732" + } + ], + "description": "Message", + "homepage": "https://www.drupal.org/project/message", + "support": { + "source": "https://git.drupalcode.org/project/message" + } + }, { "name": "drupal/migrate_devel", "version": "dev-2.x", @@ -20239,6 +20541,7 @@ "drupal/field_group": 20, "drupal/flag": 20, "drupal/flag_lists": 20, + "drupal/gdpr": 15, "drupal/genpass": 20, "drupal/image_delta_formatter": 20, "drupal/image_effects": 20, diff --git a/config/sync/block.block.materiosimplenewssubscription.yml b/config/sync/block.block.materiosimplenewssubscription.yml index 6f67613..94d69cb 100644 --- a/config/sync/block.block.materiosimplenewssubscription.yml +++ b/config/sync/block.block.materiosimplenewssubscription.yml @@ -5,6 +5,7 @@ dependencies: module: - context - materio_simplenews + - system - user theme: - materiotheme @@ -26,13 +27,13 @@ settings: visibility: view_inclusion: id: view_inclusion - negate: null + negate: false view_inclusion: { } context_mapping: { } request_path_exclusion: id: request_path_exclusion pages: '' - negate: null + negate: true context_mapping: { } user_role: id: user_role @@ -41,3 +42,8 @@ visibility: negate: false context_mapping: user: '@user.current_user_context:current_user' + request_path: + id: request_path + pages: '' + negate: false + context_mapping: { } diff --git a/config/sync/block.block.pieddepage.yml b/config/sync/block.block.pieddepage.yml new file mode 100644 index 0000000..eabc9e5 --- /dev/null +++ b/config/sync/block.block.pieddepage.yml @@ -0,0 +1,31 @@ +uuid: 4c2a2713-7fd0-4b0a-ab12-0e23ac5f266d +langcode: fr +status: true +dependencies: + config: + - system.menu.footer + module: + - menu_block + theme: + - materiotheme +id: pieddepage +theme: materiotheme +region: footer_right +weight: 0 +provider: null +plugin: 'menu_block:footer' +settings: + id: 'menu_block:footer' + label: 'Pied de page' + provider: menu_block + label_display: '0' + follow: false + follow_parent: child + level: 1 + depth: 0 + expand_all_items: false + parent: 'footer:' + suggestion: footer + label_type: block + label_link: false +visibility: { } diff --git a/config/sync/checklistapi.progress.gdpr_checklist.yml b/config/sync/checklistapi.progress.gdpr_checklist.yml new file mode 100644 index 0000000..3111929 --- /dev/null +++ b/config/sync/checklistapi.progress.gdpr_checklist.yml @@ -0,0 +1,14 @@ +progress: + '#changed': 1626256183 + '#changed_by': '1' + '#completed_items': 3 + '#items': + responsibility_agreement: + '#completed': 1626252228 + '#uid': '1' + recommended_resources: + '#completed': 1626252228 + '#uid': '1' + data1: + '#completed': 1626256183 + '#uid': '1' diff --git a/config/sync/config_pages.type.privacy_policy.yml b/config/sync/config_pages.type.privacy_policy.yml new file mode 100644 index 0000000..d125d06 --- /dev/null +++ b/config/sync/config_pages.type.privacy_policy.yml @@ -0,0 +1,17 @@ +uuid: f6f21b8c-e8ca-4a8a-ba93-abe3faf27ec6 +langcode: fr +status: true +dependencies: { } +id: privacy_policy +label: 'Privacy Policy' +context: + show_warning: true + group: + language: true + fallback: + language: '' +menu: + path: /admin/content/pp + weight: 0 + description: '' +token: false diff --git a/config/sync/core.entity_form_display.config_pages.privacy_policy.default.yml b/config/sync/core.entity_form_display.config_pages.privacy_policy.default.yml new file mode 100644 index 0000000..3065c5b --- /dev/null +++ b/config/sync/core.entity_form_display.config_pages.privacy_policy.default.yml @@ -0,0 +1,33 @@ +uuid: 10a81d39-c483-478a-ad70-a7b88e6fb564 +langcode: fr +status: true +dependencies: + config: + - config_pages.type.privacy_policy + - field.field.config_pages.privacy_policy.field_body + - field.field.config_pages.privacy_policy.field_title + module: + - text +id: config_pages.privacy_policy.default +targetEntityType: config_pages +bundle: privacy_policy +mode: default +content: + field_body: + weight: 1 + settings: + rows: 5 + placeholder: '' + third_party_settings: { } + type: text_textarea + region: content + field_title: + weight: 0 + settings: + size: 60 + placeholder: '' + third_party_settings: { } + type: string_textfield + region: content +hidden: + label: true diff --git a/config/sync/core.entity_view_display.config_pages.privacy_policy.default.yml b/config/sync/core.entity_view_display.config_pages.privacy_policy.default.yml new file mode 100644 index 0000000..6797d74 --- /dev/null +++ b/config/sync/core.entity_view_display.config_pages.privacy_policy.default.yml @@ -0,0 +1,25 @@ +uuid: a227c533-9142-437d-8dcc-b60138e0716e +langcode: fr +status: true +dependencies: + config: + - config_pages.type.privacy_policy + - field.field.config_pages.privacy_policy.field_body + - field.field.config_pages.privacy_policy.field_title + module: + - text +id: config_pages.privacy_policy.default +targetEntityType: config_pages +bundle: privacy_policy +mode: default +content: + field_body: + weight: 0 + label: hidden + settings: { } + third_party_settings: { } + type: text_default + region: content +hidden: + field_title: true + search_api_excerpt: true diff --git a/config/sync/core.extension.yml b/config/sync/core.extension.yml index bf985fd..91df0e4 100644 --- a/config/sync/core.extension.yml +++ b/config/sync/core.extension.yml @@ -18,6 +18,7 @@ module: block: 0 breakpoint: 0 bulkdelete: 0 + checklistapi: 0 ckeditor: 0 commerce: 0 commerce_cart: 0 @@ -85,6 +86,7 @@ module: flag: 0 flag_lists: 0 flood_control: 0 + gdpr: 0 genpass: 0 graphql: 0 help: 0 @@ -214,6 +216,7 @@ module: views: 10 materio_id: 11 figli_starter_kit: 1000 + eu_cookie_compliance: 1001 theme: stable: 0 classy: 0 diff --git a/config/sync/eu_cookie_compliance.settings.yml b/config/sync/eu_cookie_compliance.settings.yml new file mode 100644 index 0000000..8a1ceb3 --- /dev/null +++ b/config/sync/eu_cookie_compliance.settings.yml @@ -0,0 +1,73 @@ +uuid: 2647fcd3-353c-4778-af4d-4690965ed796 +cookie_lifetime: 100 +containing_element: body +domain: '' +domains_option: 1 +domains_list: '' +eu_only: null +eu_only_js: null +exclude_paths: "/admin\r\n/admin/*\r\n/batch\r\n/node/add*\r\n/node/*/*\r\n/user/*/*" +exclude_admin_theme: true +langcode: en +popup_agreed: + value: "

Thank you for accepting cookies

\r\n\r\n

You can now hide this message or find out more about cookies.

\r\n" + format: wysiwyg +popup_agree_button_message: Accept +popup_agreed_enabled: false +popup_bg_hex: 1A1A1A +popup_clicking_confirmation: false +popup_scrolling_confirmation: false +popup_delay: 1000 +show_more_info: true +popup_more_info_button_message: 'More info' +popup_enabled: true +popup_find_more_button_message: 'More info' +popup_height: null +popup_hide_agreed: false +popup_hide_button_message: Hide +popup_info: + value: "

We use cookies on this site to enhance your user experience

\r\n\r\n

By clicking the Accept button, you agree to us doing so.

\r\n" + format: wysiwyg +mobile_popup_info: + value: '' + format: wysiwyg +popup_info_template: new +mobile_breakpoint: 768 +popup_link: /privacy-policy +popup_link_new_window: true +popup_position: false +fixed_top_position: true +popup_text_hex: ffffff +popup_width: 100% +use_bare_css: false +disagree_do_not_show_popup: false +reload_page: false +cookie_name: '' +exclude_uid_1: true +better_support_for_screen_readers: true +use_mobile_message: false +method: categories +disagree_button_label: 'No, thanks' +disabled_javascripts: '' +automatic_cookies_removal: true +allowed_cookies: '' +consent_storage_method: do_not_store +withdraw_message: + value: "

We use cookies on this site to enhance your user experience

\r\n\r\n

You have given your consent for us to set cookies.

\r\n" + format: wysiwyg +withdraw_action_button_label: 'Withdraw consent' +withdraw_tab_button_label: 'Privacy settings' +withdraw_enabled: false +enable_save_preferences_button: false +save_preferences_button_label: 'Save preferences' +accept_all_categories_button_label: 'Accept all cookies' +withdraw_button_on_info_popup: false +domain_all_sites: false +settings_tab_enabled: false +reload_options: 0 +reload_routes_list: '' +cookie_policy_version: 1.0.0 +_core: + default_config_hash: Wph0IY6FThC4QuHAGcSQDx6S8gysoclVsF2tkm4Lu8o +cookie_session: 0 +set_cookie_session_zero_on_disagree: 0 diff --git a/config/sync/field.field.config_pages.privacy_policy.field_body.yml b/config/sync/field.field.config_pages.privacy_policy.field_body.yml new file mode 100644 index 0000000..6c3191c --- /dev/null +++ b/config/sync/field.field.config_pages.privacy_policy.field_body.yml @@ -0,0 +1,26 @@ +uuid: a98535c8-7582-4bff-a725-6e958dd56a62 +langcode: fr +status: true +dependencies: + config: + - config_pages.type.privacy_policy + - field.storage.config_pages.field_body + module: + - text + - unique_content_field_validation +third_party_settings: + unique_content_field_validation: + unique: false + unique_text: '' +id: config_pages.privacy_policy.field_body +field_name: field_body +entity_type: config_pages +bundle: privacy_policy +label: Body +description: '' +required: false +translatable: true +default_value: { } +default_value_callback: '' +settings: { } +field_type: text_long diff --git a/config/sync/field.field.config_pages.privacy_policy.field_title.yml b/config/sync/field.field.config_pages.privacy_policy.field_title.yml new file mode 100644 index 0000000..5d3c540 --- /dev/null +++ b/config/sync/field.field.config_pages.privacy_policy.field_title.yml @@ -0,0 +1,25 @@ +uuid: 9e0c2eb9-d53a-44b7-8b59-c954b08df006 +langcode: fr +status: true +dependencies: + config: + - config_pages.type.privacy_policy + - field.storage.config_pages.field_title + module: + - unique_content_field_validation +third_party_settings: + unique_content_field_validation: + unique: false + unique_text: '' +id: config_pages.privacy_policy.field_title +field_name: field_title +entity_type: config_pages +bundle: privacy_policy +label: Title +description: '' +required: true +translatable: true +default_value: { } +default_value_callback: '' +settings: { } +field_type: string diff --git a/config/sync/gdpr.content_mapping.yml b/config/sync/gdpr.content_mapping.yml new file mode 100644 index 0000000..25b8d22 --- /dev/null +++ b/config/sync/gdpr.content_mapping.yml @@ -0,0 +1,11 @@ +links: + en: + privacy_policy: 'internal:/privacy-policy' + terms_of_use: 'internal:/tos' + about_us: '' + impressum: '' + fr: + privacy_policy: 'internal:/privacy-policy' + terms_of_use: 'internal:/tos' + about_us: '' + impressum: '' diff --git a/config/sync/language/fr/eu_cookie_compliance.settings.yml b/config/sync/language/fr/eu_cookie_compliance.settings.yml new file mode 100644 index 0000000..21a4600 --- /dev/null +++ b/config/sync/language/fr/eu_cookie_compliance.settings.yml @@ -0,0 +1,11 @@ +popup_agreed: + value: '

Merci d''avoir accepté les cookies

Vous pouvez désormais masquer ce message ou en apprendre plus à propos des cookies.

' +popup_agree_button_message: Accepter +popup_more_info_button_message: 'En savoir plus' +popup_find_more_button_message: 'En savoir plus' +popup_hide_button_message: Masquer +disagree_button_label: 'Non, merci.' +withdraw_message: + value: '

Nous utilisons des cookies sur ce site pour améliorer votre expérience d''utilisateur.

Vous avez consenti à l''ajout de cookies.

' +withdraw_action_button_label: 'Retirer le consentement' +withdraw_tab_button_label: 'Paramètres de confidentialité' diff --git a/config/sync/structure_sync.data.yml b/config/sync/structure_sync.data.yml index 95af40c..d7c085d 100644 --- a/config/sync/structure_sync.data.yml +++ b/config/sync/structure_sync.data.yml @@ -71,6 +71,18 @@ menus: weight: '-47' langcode: en uuid: 91487096-dd83-44e8-9a1b-65751642b8b3 + - + menu_name: editors + title: 'privacy policy' + parent: null + uri: 'internal:/admin/content/pp' + link_title: '' + description: null + enabled: '1' + expanded: '0' + weight: '0' + langcode: en + uuid: cbc6effd-115e-4e17-81d7-ffd4e5bfaffb - menu_name: header title: Base diff --git a/config/sync/system.menu.footer.yml b/config/sync/system.menu.footer.yml index 9c9ae94..d7e8b47 100644 --- a/config/sync/system.menu.footer.yml +++ b/config/sync/system.menu.footer.yml @@ -1,5 +1,5 @@ uuid: 43d01019-48ca-4879-a709-82facc1d008a -langcode: en +langcode: und status: true dependencies: { } _core: diff --git a/config/sync/user.role.adherent.yml b/config/sync/user.role.adherent.yml index 93b74ee..4e9e247 100644 --- a/config/sync/user.role.adherent.yml +++ b/config/sync/user.role.adherent.yml @@ -12,6 +12,7 @@ permissions: - 'create member profile' - 'create note content' - 'create workflow workflow_transition' + - 'display eu cookie compliance popup' - 'edit own flag lists' - 'edit own note content' - 'flag dossier other items' diff --git a/config/sync/user.role.admin.yml b/config/sync/user.role.admin.yml index 6b31524..a48f9f8 100644 --- a/config/sync/user.role.admin.yml +++ b/config/sync/user.role.admin.yml @@ -97,6 +97,7 @@ permissions: - 'edit own note content' - 'edit own thematique content' - 'edit own workflow workflow_transition' + - 'edit privacy_policy config page entity' - 'edit terms in assisted_research' - 'edit terms in collectionneurs' - 'edit terms in company' diff --git a/config/sync/user.role.alpha_testeur.yml b/config/sync/user.role.alpha_testeur.yml index b3383a3..cda8b31 100644 --- a/config/sync/user.role.alpha_testeur.yml +++ b/config/sync/user.role.alpha_testeur.yml @@ -11,6 +11,7 @@ permissions: - 'add flag lists' - 'create member profile' - 'create note content' + - 'display eu cookie compliance popup' - 'edit own flag lists' - 'edit own note content' - 'flag dossier other items' diff --git a/config/sync/user.role.anonymous.yml b/config/sync/user.role.anonymous.yml index df1d905..5af647d 100644 --- a/config/sync/user.role.anonymous.yml +++ b/config/sync/user.role.anonymous.yml @@ -21,6 +21,7 @@ permissions: - 'create generique workflow_transition' - 'create migration workflow_transition' - 'create workflow workflow_transition' + - 'display eu cookie compliance popup' - 'execute materio arbitrary graphql requests' - 'execute materio persisted graphql requests' - 'issue subrequests' @@ -29,6 +30,7 @@ permissions: - 'subscribe to newsletters' - 'use text format wysiwyg' - 'view commerce_product' + - 'view privacy_policy config page entity' - 'view published fil entities' - 'view search api pages' - 'view terms_of_services config page entity' diff --git a/config/sync/user.role.authenticated.yml b/config/sync/user.role.authenticated.yml index 21e2f6f..ce30b61 100644 --- a/config/sync/user.role.authenticated.yml +++ b/config/sync/user.role.authenticated.yml @@ -22,6 +22,7 @@ permissions: - 'create generique workflow_transition' - 'delete own composition entities' - 'delete own fil entities' + - 'display eu cookie compliance popup' - 'edit own chutier entities' - 'edit own composition entities' - 'edit own fil entities' @@ -42,6 +43,7 @@ permissions: - 'view own unpublished chutier entities' - 'view own unpublished composition entities' - 'view own unpublished fil entities' + - 'view privacy_policy config page entity' - 'view published composition entities' - 'view published fil entities' - 'view search api pages' diff --git a/config/sync/user.role.contact_company.yml b/config/sync/user.role.contact_company.yml index 7e931d2..2dcade1 100644 --- a/config/sync/user.role.contact_company.yml +++ b/config/sync/user.role.contact_company.yml @@ -8,6 +8,7 @@ weight: -6 is_admin: null permissions: - 'create member profile' + - 'display eu cookie compliance popup' - 'update own contact_company profile' - 'update own member profile' - 'view own contact_company profile' diff --git a/config/sync/user.role.free_user.yml b/config/sync/user.role.free_user.yml index 82049af..95909af 100644 --- a/config/sync/user.role.free_user.yml +++ b/config/sync/user.role.free_user.yml @@ -8,5 +8,6 @@ weight: -7 is_admin: null permissions: - 'create member profile' + - 'display eu cookie compliance popup' - 'update own member profile' - 'view own member profile' diff --git a/config/sync/user.role.student.yml b/config/sync/user.role.student.yml index 64b6621..e33b9e1 100644 --- a/config/sync/user.role.student.yml +++ b/config/sync/user.role.student.yml @@ -10,6 +10,7 @@ permissions: - 'access materio search' - 'add flag lists' - 'create member profile' + - 'display eu cookie compliance popup' - 'edit own flag lists' - 'flag dossier other items' - 'unflag dossier other items' diff --git a/config/sync/user.role.translator.yml b/config/sync/user.role.translator.yml index df6677e..cb270ae 100644 --- a/config/sync/user.role.translator.yml +++ b/config/sync/user.role.translator.yml @@ -10,6 +10,7 @@ permissions: - 'access materio search' - 'add flag lists' - 'create note content' + - 'display eu cookie compliance popup' - 'edit own flag lists' - 'edit own note content' - 'flag dossier other items' diff --git a/config/sync/user.role.unverified.yml b/config/sync/user.role.unverified.yml index f2f75d5..b9ce945 100644 --- a/config/sync/user.role.unverified.yml +++ b/config/sync/user.role.unverified.yml @@ -7,4 +7,5 @@ label: Unverified weight: -10 is_admin: null permissions: + - 'display eu cookie compliance popup' - 'execute materio persisted graphql requests' diff --git a/web/modules/custom/materio_user/materio_user.routing.yml b/web/modules/custom/materio_user/materio_user.routing.yml index a964316..02b4801 100644 --- a/web/modules/custom/materio_user/materio_user.routing.yml +++ b/web/modules/custom/materio_user/materio_user.routing.yml @@ -21,3 +21,11 @@ materio_user.login_block: _format: json requirements: _access: 'TRUE' + +materio_user.privacy_policy: + path: '/privacy-policy' + defaults: + _controller: '\Drupal\materio_user\Controller\MaterioUserPrivacyPolicy::getPp' + _title_callback: '\Drupal\materio_user\Controller\MaterioUserPrivacyPolicy::getTitle' + requirements: + _permission: 'access content' diff --git a/web/modules/custom/materio_user/src/Controller/MaterioCommerceTermsViewer.php b/web/modules/custom/materio_user/src/Controller/MaterioCommerceTermsViewer.php new file mode 100644 index 0000000..58ed28c --- /dev/null +++ b/web/modules/custom/materio_user/src/Controller/MaterioCommerceTermsViewer.php @@ -0,0 +1,71 @@ +get('language_manager') + ); + } + + /** + * Constructs a new MaterioDecoupledLanguageLinks object. + * + * @param \Drupal\Core\Language\LanguageManagerInterface $language_manager + * The language manager. + */ + public function __construct(LanguageManagerInterface $language_manager) { + $this->languageManager = $language_manager; + } + + /** + * getTerms + * + * @return string + * Return config_page terms_of_services display. + */ + public function getTos(Request $request) { + $config_page = $this->getConfigPage(); + + // Correct metatags attachment. + if (function_exists('metatag_get_tags_from_route')) { + $metatag_attachments = &drupal_static('metatag_attachments'); + $metatag_attachments = metatag_get_tags_from_route($config_page); + } + + return parent::entityTypeManager()->getViewBuilder('config_pages')->view($config_page, 'full'); + + } + + public function getTitle(Request $request) { + $config_page = $this->getConfigPage(); + return $config_page->get('field_title')->getString(); + } + + private function getConfigPage(){ + return ConfigPages::load("terms_of_services"); + } +} diff --git a/web/modules/custom/materio_user/src/Controller/MaterioUserPrivacyPolicy.php b/web/modules/custom/materio_user/src/Controller/MaterioUserPrivacyPolicy.php new file mode 100644 index 0000000..49e3764 --- /dev/null +++ b/web/modules/custom/materio_user/src/Controller/MaterioUserPrivacyPolicy.php @@ -0,0 +1,71 @@ +get('language_manager') + ); + } + + /** + * Constructs a new MaterioDecoupledLanguageLinks object. + * + * @param \Drupal\Core\Language\LanguageManagerInterface $language_manager + * The language manager. + */ + public function __construct(LanguageManagerInterface $language_manager) { + $this->languageManager = $language_manager; + } + + /** + * getTerms + * + * @return string + * Return config_page terms_of_services display. + */ + public function getPp(Request $request) { + $config_page = $this->getConfigPage(); + + // Correct metatags attachment. + if (function_exists('metatag_get_tags_from_route')) { + $metatag_attachments = &drupal_static('metatag_attachments'); + $metatag_attachments = metatag_get_tags_from_route($config_page); + } + + return parent::entityTypeManager()->getViewBuilder('config_pages')->view($config_page, 'full'); + + } + + public function getTitle(Request $request) { + $config_page = $this->getConfigPage(); + return $config_page->get('field_title')->getString(); + } + + private function getConfigPage(){ + return ConfigPages::load("privacy_policy"); + } +} diff --git a/web/themes/custom/materiotheme/assets/dist/main.css b/web/themes/custom/materiotheme/assets/dist/main.css index 3a030a3..b3c5cbd 100644 --- a/web/themes/custom/materiotheme/assets/dist/main.css +++ b/web/themes/custom/materiotheme/assets/dist/main.css @@ -24224,7 +24224,7 @@ h4[data-v-4e9a834e]{ } -body{background:white;color:#1A1A1A}a{color:inherit;text-decoration:none}a,a:focus,a:active{outline:none}a:focus{-moz-outline-style:none}ul{margin:0;padding:0}ul li{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0}p a{position:relative}p a:not(.btn):after{content:'';position:absolute;top:1em;left:0;width:100%;border-bottom:1px dotted #000}input[type="text"],input[type="email"],input[type="tel"],input[type="password"]{border-radius:5px;border:0.5px solid #aaa;padding:0.3em 0.4em}input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus{outline:none;box-shadow:0 0 2px 1px #8bc4ff}.col-1,.small-col-1,.med-col-1,.large-col-1,.col-2,.small-col-2,.med-col-2,.large-col-2,.col-3,.small-col-3,.med-col-3,.large-col-3,.col-4,.small-col-4,.med-col-4,.large-col-4,.col-5,.small-col-5,.med-col-5,.large-col-5,.col-6,.small-col-6,.med-col-6,.large-col-6,.col-7,.small-col-7,.med-col-7,.large-col-7,.col-8,.small-col-8,.med-col-8,.large-col-8,.col-9,.small-col-9,.med-col-9,.large-col-9,.col-10,.small-col-10,.med-col-10,.large-col-10,.col-11,.small-col-11,.med-col-11,.large-col-11,.col-12,.small-col-12,.med-col-12,.large-col-12,.col-1-offset-1,.col-1-offset-2,.col-1-offset-3,.col-1-offset-4,.col-1-offset-5,.col-1-offset-6,.col-1-offset-7,.col-1-offset-8,.col-1-offset-9,.col-1-offset-10,.col-1-offset-11,.col-2-offset-1,.col-2-offset-2,.col-2-offset-3,.col-2-offset-4,.col-2-offset-5,.col-2-offset-6,.col-2-offset-7,.col-2-offset-8,.col-2-offset-9,.col-2-offset-10,.col-3-offset-1,.col-3-offset-2,.col-3-offset-3,.col-3-offset-4,.col-3-offset-5,.col-3-offset-6,.col-3-offset-7,.col-3-offset-8,.col-3-offset-9,.col-4-offset-1,.col-4-offset-2,.col-4-offset-3,.col-4-offset-4,.col-4-offset-5,.col-4-offset-6,.col-4-offset-7,.col-4-offset-8,.col-5-offset-1,.col-5-offset-2,.col-5-offset-3,.col-5-offset-4,.col-5-offset-5,.col-5-offset-6,.col-5-offset-7,.col-6-offset-1,.col-6-offset-2,.col-6-offset-3,.col-6-offset-4,.col-6-offset-5,.col-6-offset-6,.col-7-offset-1,.col-7-offset-2,.col-7-offset-3,.col-7-offset-4,.col-7-offset-5,.col-8-offset-1,.col-8-offset-2,.col-8-offset-3,.col-8-offset-4,.col-9-offset-1,.col-9-offset-2,.col-9-offset-3,.col-10-offset-1,.col-10-offset-2,.col-11-offset-1{width:100%;float:left;box-sizing:border-box}.row{position:relative}.row:after{content:"";clear:both;display:block}.col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.col-1:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.small-col-1:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.med-col-1:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.large-col-1:last-child{padding-right:0}}.col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.col-2:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.small-col-2:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.med-col-2:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.large-col-2:last-child{padding-right:0}}.col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.col-3:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.small-col-3:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.med-col-3:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.large-col-3:last-child{padding-right:0}}.col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.col-4:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.small-col-4:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.med-col-4:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.large-col-4:last-child{padding-right:0}}.col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.col-5:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.small-col-5:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.med-col-5:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.large-col-5:last-child{padding-right:0}}.col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.col-6:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.small-col-6:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.med-col-6:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.large-col-6:last-child{padding-right:0}}.col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.col-7:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.small-col-7:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.med-col-7:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.large-col-7:last-child{padding-right:0}}.col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.col-8:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.small-col-8:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.med-col-8:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.large-col-8:last-child{padding-right:0}}.col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.col-9:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.small-col-9:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.med-col-9:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.large-col-9:last-child{padding-right:0}}.col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.col-10:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.small-col-10:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.med-col-10:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.large-col-10:last-child{padding-right:0}}.col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.col-11:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.small-col-11:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.med-col-11:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.large-col-11:last-child{padding-right:0}}.col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.col-12:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.small-col-12:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.med-col-12:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.large-col-12:last-child{padding-right:0}}.col-1-offset-1{padding-left:1em;padding-right:1em;margin-left:8.33333%;width:8.33333%}.col-1-offset-1:last-child{padding-right:0}.col-1-offset-2{padding-left:2em;padding-right:1em;margin-left:16.66667%;width:8.33333%}.col-1-offset-2:last-child{padding-right:0}.col-1-offset-3{padding-left:3em;padding-right:1em;margin-left:25%;width:8.33333%}.col-1-offset-3:last-child{padding-right:0}.col-1-offset-4{padding-left:4em;padding-right:1em;margin-left:33.33333%;width:8.33333%}.col-1-offset-4:last-child{padding-right:0}.col-1-offset-5{padding-left:5em;padding-right:1em;margin-left:41.66667%;width:8.33333%}.col-1-offset-5:last-child{padding-right:0}.col-1-offset-6{padding-left:6em;padding-right:1em;margin-left:50%;width:8.33333%}.col-1-offset-6:last-child{padding-right:0}.col-1-offset-7{padding-left:7em;padding-right:1em;margin-left:58.33333%;width:8.33333%}.col-1-offset-7:last-child{padding-right:0}.col-1-offset-8{padding-left:8em;padding-right:1em;margin-left:66.66667%;width:8.33333%}.col-1-offset-8:last-child{padding-right:0}.col-1-offset-9{padding-left:9em;padding-right:1em;margin-left:75%;width:8.33333%}.col-1-offset-9:last-child{padding-right:0}.col-1-offset-10{padding-left:10em;padding-right:1em;margin-left:83.33333%;width:8.33333%}.col-1-offset-10:last-child{padding-right:0}.col-1-offset-11{padding-left:11em;padding-right:1em;margin-left:91.66667%;width:8.33333%}.col-1-offset-11:last-child{padding-right:0}.col-2-offset-1{padding-left:1em;padding-right:1em;margin-left:16.66667%;width:16.66667%}.col-2-offset-1:last-child{padding-right:0}.col-2-offset-2{padding-left:2em;padding-right:1em;margin-left:33.33333%;width:16.66667%}.col-2-offset-2:last-child{padding-right:0}.col-2-offset-3{padding-left:3em;padding-right:1em;margin-left:50%;width:16.66667%}.col-2-offset-3:last-child{padding-right:0}.col-2-offset-4{padding-left:4em;padding-right:1em;margin-left:66.66667%;width:16.66667%}.col-2-offset-4:last-child{padding-right:0}.col-2-offset-5{padding-left:5em;padding-right:1em;margin-left:83.33333%;width:16.66667%}.col-2-offset-5:last-child{padding-right:0}.col-2-offset-6{padding-left:6em;padding-right:1em;margin-left:100%;width:16.66667%}.col-2-offset-6:last-child{padding-right:0}.col-2-offset-7{padding-left:7em;padding-right:1em;margin-left:116.66667%;width:16.66667%}.col-2-offset-7:last-child{padding-right:0}.col-2-offset-8{padding-left:8em;padding-right:1em;margin-left:133.33333%;width:16.66667%}.col-2-offset-8:last-child{padding-right:0}.col-2-offset-9{padding-left:9em;padding-right:1em;margin-left:150%;width:16.66667%}.col-2-offset-9:last-child{padding-right:0}.col-2-offset-10{padding-left:10em;padding-right:1em;margin-left:166.66667%;width:16.66667%}.col-2-offset-10:last-child{padding-right:0}.col-3-offset-1{padding-left:1em;padding-right:1em;margin-left:25%;width:25%}.col-3-offset-1:last-child{padding-right:0}.col-3-offset-2{padding-left:2em;padding-right:1em;margin-left:50%;width:25%}.col-3-offset-2:last-child{padding-right:0}.col-3-offset-3{padding-left:3em;padding-right:1em;margin-left:75%;width:25%}.col-3-offset-3:last-child{padding-right:0}.col-3-offset-4{padding-left:4em;padding-right:1em;margin-left:100%;width:25%}.col-3-offset-4:last-child{padding-right:0}.col-3-offset-5{padding-left:5em;padding-right:1em;margin-left:125%;width:25%}.col-3-offset-5:last-child{padding-right:0}.col-3-offset-6{padding-left:6em;padding-right:1em;margin-left:150%;width:25%}.col-3-offset-6:last-child{padding-right:0}.col-3-offset-7{padding-left:7em;padding-right:1em;margin-left:175%;width:25%}.col-3-offset-7:last-child{padding-right:0}.col-3-offset-8{padding-left:8em;padding-right:1em;margin-left:200%;width:25%}.col-3-offset-8:last-child{padding-right:0}.col-3-offset-9{padding-left:9em;padding-right:1em;margin-left:225%;width:25%}.col-3-offset-9:last-child{padding-right:0}.col-4-offset-1{padding-left:1em;padding-right:1em;margin-left:33.33333%;width:33.33333%}.col-4-offset-1:last-child{padding-right:0}.col-4-offset-2{padding-left:2em;padding-right:1em;margin-left:66.66667%;width:33.33333%}.col-4-offset-2:last-child{padding-right:0}.col-4-offset-3{padding-left:3em;padding-right:1em;margin-left:100%;width:33.33333%}.col-4-offset-3:last-child{padding-right:0}.col-4-offset-4{padding-left:4em;padding-right:1em;margin-left:133.33333%;width:33.33333%}.col-4-offset-4:last-child{padding-right:0}.col-4-offset-5{padding-left:5em;padding-right:1em;margin-left:166.66667%;width:33.33333%}.col-4-offset-5:last-child{padding-right:0}.col-4-offset-6{padding-left:6em;padding-right:1em;margin-left:200%;width:33.33333%}.col-4-offset-6:last-child{padding-right:0}.col-4-offset-7{padding-left:7em;padding-right:1em;margin-left:233.33333%;width:33.33333%}.col-4-offset-7:last-child{padding-right:0}.col-4-offset-8{padding-left:8em;padding-right:1em;margin-left:266.66667%;width:33.33333%}.col-4-offset-8:last-child{padding-right:0}.col-5-offset-1{padding-left:1em;padding-right:1em;margin-left:41.66667%;width:41.66667%}.col-5-offset-1:last-child{padding-right:0}.col-5-offset-2{padding-left:2em;padding-right:1em;margin-left:83.33333%;width:41.66667%}.col-5-offset-2:last-child{padding-right:0}.col-5-offset-3{padding-left:3em;padding-right:1em;margin-left:125%;width:41.66667%}.col-5-offset-3:last-child{padding-right:0}.col-5-offset-4{padding-left:4em;padding-right:1em;margin-left:166.66667%;width:41.66667%}.col-5-offset-4:last-child{padding-right:0}.col-5-offset-5{padding-left:5em;padding-right:1em;margin-left:208.33333%;width:41.66667%}.col-5-offset-5:last-child{padding-right:0}.col-5-offset-6{padding-left:6em;padding-right:1em;margin-left:250%;width:41.66667%}.col-5-offset-6:last-child{padding-right:0}.col-5-offset-7{padding-left:7em;padding-right:1em;margin-left:291.66667%;width:41.66667%}.col-5-offset-7:last-child{padding-right:0}.col-6-offset-1{padding-left:1em;padding-right:1em;margin-left:50%;width:50%}.col-6-offset-1:last-child{padding-right:0}.col-6-offset-2{padding-left:2em;padding-right:1em;margin-left:100%;width:50%}.col-6-offset-2:last-child{padding-right:0}.col-6-offset-3{padding-left:3em;padding-right:1em;margin-left:150%;width:50%}.col-6-offset-3:last-child{padding-right:0}.col-6-offset-4{padding-left:4em;padding-right:1em;margin-left:200%;width:50%}.col-6-offset-4:last-child{padding-right:0}.col-6-offset-5{padding-left:5em;padding-right:1em;margin-left:250%;width:50%}.col-6-offset-5:last-child{padding-right:0}.col-6-offset-6{padding-left:6em;padding-right:1em;margin-left:300%;width:50%}.col-6-offset-6:last-child{padding-right:0}.col-7-offset-1{padding-left:1em;padding-right:1em;margin-left:58.33333%;width:58.33333%}.col-7-offset-1:last-child{padding-right:0}.col-7-offset-2{padding-left:2em;padding-right:1em;margin-left:116.66667%;width:58.33333%}.col-7-offset-2:last-child{padding-right:0}.col-7-offset-3{padding-left:3em;padding-right:1em;margin-left:175%;width:58.33333%}.col-7-offset-3:last-child{padding-right:0}.col-7-offset-4{padding-left:4em;padding-right:1em;margin-left:233.33333%;width:58.33333%}.col-7-offset-4:last-child{padding-right:0}.col-7-offset-5{padding-left:5em;padding-right:1em;margin-left:291.66667%;width:58.33333%}.col-7-offset-5:last-child{padding-right:0}.col-8-offset-1{padding-left:1em;padding-right:1em;margin-left:66.66667%;width:66.66667%}.col-8-offset-1:last-child{padding-right:0}.col-8-offset-2{padding-left:2em;padding-right:1em;margin-left:133.33333%;width:66.66667%}.col-8-offset-2:last-child{padding-right:0}.col-8-offset-3{padding-left:3em;padding-right:1em;margin-left:200%;width:66.66667%}.col-8-offset-3:last-child{padding-right:0}.col-8-offset-4{padding-left:4em;padding-right:1em;margin-left:266.66667%;width:66.66667%}.col-8-offset-4:last-child{padding-right:0}.col-9-offset-1{padding-left:1em;padding-right:1em;margin-left:75%;width:75%}.col-9-offset-1:last-child{padding-right:0}.col-9-offset-2{padding-left:2em;padding-right:1em;margin-left:150%;width:75%}.col-9-offset-2:last-child{padding-right:0}.col-9-offset-3{padding-left:3em;padding-right:1em;margin-left:225%;width:75%}.col-9-offset-3:last-child{padding-right:0}.col-10-offset-1{padding-left:1em;padding-right:1em;margin-left:83.33333%;width:83.33333%}.col-10-offset-1:last-child{padding-right:0}.col-10-offset-2{padding-left:2em;padding-right:1em;margin-left:166.66667%;width:83.33333%}.col-10-offset-2:last-child{padding-right:0}.col-11-offset-1{padding-left:1em;padding-right:1em;margin-left:91.66667%;width:91.66667%}.col-11-offset-1:last-child{padding-right:0}.col.float-right{float:right;padding-right:0;padding-left:1em}body,html{position:relative;width:100%;height:100%;font-family:sans-serif;font-style:normal;margin:0;padding:0}body{overflow-x:hidden}div.dialog-off-canvas-main-canvas{width:100vw;height:100vh;display:flex;flex-direction:column}body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{padding-top:24px !important}header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{margin:0 auto}@media only screen and (max-width: 218px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:218px}}@media only screen and (min-width: 437px) and (max-width: 654px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:436px}}@media only screen and (min-width: 655px) and (max-width: 872px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:654px}}@media only screen and (min-width: 873px) and (max-width: 1090px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:872px}}@media only screen and (min-width: 1091px) and (max-width: 1308px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1090px}}@media only screen and (min-width: 1309px) and (max-width: 1526px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1308px}}@media only screen and (min-width: 1527px) and (max-width: 1744px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1526px}}@media only screen and (min-width: 1745px) and (max-width: 1962px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1744px}}@media only screen and (min-width: 1963px) and (max-width: 2180px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1962px}}@media only screen and (min-width: 2181px) and (max-width: 2398px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2180px}}@media only screen and (min-width: 2399px) and (max-width: 2616px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2398px}}@media only screen and (min-width: 2617px) and (max-width: 2834px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2616px}}@media only screen and (min-width: 2835px) and (max-width: 3052px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2834px}}@media only screen and (min-width: 3053px) and (max-width: 3270px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3052px}}@media only screen and (min-width: 3271px) and (max-width: 3488px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3270px}}@media only screen and (min-width: 3489px) and (max-width: 3706px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3488px}}@media only screen and (min-width: 3707px) and (max-width: 3924px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3706px}}@media only screen and (min-width: 3925px) and (max-width: 4142px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3924px}}header[role="banner"]{flex:0 0 auto;background-color:#fff;width:100vw}header[role="banner"]>.wrapper{background-color:#fff}header[role="banner"]>.wrapper:after{content:"";clear:both;display:block}header[role="banner"]>.wrapper .header-block{min-height:33px;font-size:0}header[role="banner"]>.wrapper .header-block>*{font-size:16px}header[role="banner"]>.wrapper .header-block.header-right{text-align:right}header[role="banner"]>.wrapper .header-block .header-block-wrapper>*{display:inline-block;vertical-align:top;text-align:left}header[role="banner"]>.wrapper .header-block input#header-block-right-toggle{display:none}header[role="banner"]>.wrapper .header-block label[for="header-block-right-toggle"]{display:none}@media (max-width: 654px){header[role="banner"]>.wrapper .header-block.header-left{width:75%}header[role="banner"]>.wrapper .header-block.header-right{width:23%}header[role="banner"]>.wrapper .header-block.header-right label[for="header-block-right-toggle"]{display:block}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper{z-index:100;position:absolute;top:33px;right:0;box-sizing:border-box;overflow:hidden;width:0.1px;box-shadow:0 0 0 #fff;padding:1em 0;margin-top:0.7em;transition:all 0.5s ease-in-out}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>*.block,header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>div#user-tools{display:block;width:18em;padding:0 0 1em 0 !important;margin:0 0 1em 0 !important;text-align:right;border-left:none !important;border-right:none !important}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>*.block:not(:last-child),header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>div#user-tools:not(:last-child){border-bottom:1px solid #ccc !important}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper #user-flags{width:18em;padding:1em 0 0 0 !important;margin:1em 0 0 0 !important;border-top:1px solid #ccc !important}header[role="banner"]>.wrapper .header-block.header-right input#header-block-right-toggle:checked ~ div.header-block-wrapper{width:20em;padding:1em 1em;box-shadow:-2px 2px 4px #ccc}}main[role="main"]{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}main[role="main"]>.scroller{width:100vw}main[role="main"]>.scroller>.wrapper{display:flex;flex-direction:row-reverse}@media (max-width: 436px){main[role="main"]>.scroller>.wrapper{display:block}}main[role="main"]>.scroller>.wrapper #content-left{flex-basis:205px;flex-shrink:0}main[role="main"]>.scroller>.wrapper #content-left>*{width:100%;box-sizing:border-box;padding:0.5em 13px}@media (max-width: 436px){main[role="main"]>.scroller>.wrapper #content-left{padding-right:13px}}main[role="main"]>.scroller>.wrapper #content-center{flex-basis:110%}@keyframes rotating{from{transform:rotate(0deg);transform-origin:center}to{transform:rotate(360deg);transform-origin:center}}body{font-size:16px;font-family:"Ubuntu",Arial,"MS Trebuchet",sans-serif;font-weight:500;font-style:normal;line-height:1.3}aside.messages{border:none}header[role="banner"]{padding:0.2em 0 0 0}header[role="banner"] #block-userlogin h2,header[role="banner"] #user-tools a.mdi-account,header[role="banner"] #user-flags h2,header[role="banner"] #user-flags li h5,header[role="banner"] #block-header ul.menu li a{font-size:0.9em;font-weight:400}header[role="banner"] #block-sitebranding h1{margin:0;line-height:1}header[role="banner"] #block-sitebranding .slogan{font-size:0.882em;display:block;white-space:nowrap}@media (max-width: 654px){header[role="banner"] #block-sitebranding h1,header[role="banner"] #block-sitebranding .slogan{display:inline-block}}@media (orientation: landscape) and (max-width: 872px){header[role="banner"] #block-sitebranding .slogan{display:none}}@media (max-width: 654px){header[role="banner"] .header-block.header-right .header-block-wrapper,header[role="banner"] .header-block.header-right .header-block-wrapper #user-flags ul{background-color:#fff}}header[role="banner"] #block-socialmedialinks{padding-right:0.5em;border-right:1px solid #1A1A1A;margin-right:0.5em}header[role="banner"] #block-socialmedialinks li{padding:0}header[role="banner"] #block-userlogin{position:relative;padding:0 1em;overflow:visible}header[role="banner"] #block-userlogin h2{line-height:1.38;margin:0}header[role="banner"] #block-userlogin>section{overflow:hidden;background-color:#fff;box-sizing:content-box;transition:all 0.4s ease-in-out;right:0;top:1.7em;box-sizing:content-box;z-index:100}@media (min-width: 655px){header[role="banner"] #block-userlogin>section{max-height:0px;padding:0.01em 1em;transition-delay:2s;position:absolute;width:11em}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #block-userlogin:hover>section{transition-delay:0s;max-height:20em;padding:1em 1em;box-shadow:0 0 10px #ccc}}@media (min-width: 655px){header[role="banner"] #block-userlogin.tapped>section{transition-delay:0s;max-height:20em;padding:1em 1em;box-shadow:0 0 10px #ccc}}header[role="banner"] #block-userlogin .form-item{margin:0;position:relative;width:100%}header[role="banner"] #block-userlogin .form-item.form-item-name{margin:2px 0 0.5em 0}header[role="banner"] #block-userlogin .form-item.form-item-name input{width:90%;padding:0;box-sizing:content-box}header[role="banner"] #block-userlogin .form-item.form-item-pass{margin:0 0 0.5em 0}header[role="banner"] #block-userlogin .form-item.form-item-pass input{width:90%;padding:0;box-sizing:content-box}header[role="banner"] #block-userlogin .form-item.form-item-persistent-login{font-size:0.756em}header[role="banner"] #block-userlogin .form-item.form-item-persistent-login label{vertical-align:top}header[role="banner"] #block-userlogin #edit-actions{margin:0}header[role="banner"] #block-userlogin .item-list ul{margin:0}header[role="banner"] #block-userlogin .item-list ul li{list-style:none;margin:0}header[role="banner"] #block-userlogin .item-list ul li a{font-size:0.756em}header[role="banner"] #block-userlogin span.login-message{color:red;font-size:0.693em;line-height:1.2;display:block;padding:0 0 0.8em 0}header[role="banner"] #block-userlogin span.login-message[v-if="loginMessage"],header[role="banner"] #block-userlogin span.register-message[v-if="registerMessage"]{display:none}header[role="banner"] #block-userblock h2{display:none}header[role="banner"] #block-userblock a{margin-right:1em}header[role="banner"] #user-tools{padding-top:0.06em}header[role="banner"] #user-tools a.mdi-account{cursor:pointer}@media (min-width: 655px) and (max-width: 1090px){header[role="banner"] #user-tools a.mdi-account span{display:none}}header[role="banner"] #user-tools .mdi-logout::before{margin:-0.125em 0 0 0;vertical-align:top}header[role="banner"] #user-flags{padding-left:0.5em;margin-left:0.5em;display:inline-block;vertical-align:top;position:relative}header[role="banner"] #user-flags h2{cursor:pointer}header[role="banner"] #user-flags h2:before{padding-right:0.2em}@media (min-width: 655px) and (max-width: 1090px){header[role="banner"] #user-flags h2 span{display:none}}header[role="banner"] #user-flags ul{background-color:#fff;overflow:hidden;box-sizing:content-box;box-sizing:content-box}@media (min-width: 655px){header[role="banner"] #user-flags{border-left:1px solid #000}header[role="banner"] #user-flags ul{transition:all 0.4s ease-in-out;transition-delay:2s;z-index:30;position:absolute;right:0;top:1.7em;width:11em;max-height:1px;padding:0.01em 1em}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #user-flags:hover ul{transition-delay:0s;max-height:50em;padding:1em 1em;box-shadow:0 0 10px #ccc}}@media (min-width: 655px){header[role="banner"] #user-flags.tapped ul{transition-delay:0s;max-height:50em;padding:1em 1em;box-shadow:0 0 10px #ccc}}header[role="banner"] #user-flags li{width:100%;display:flex;flex-direction:row;align-items:baseline;flex-wrap:nowrap}header[role="banner"] #user-flags li h5{cursor:pointer;font-weight:700}header[role="banner"] #user-flags li h5 span.length{font-weight:300}header[role="banner"] #user-flags li span.mdi{font-size:0.9em}header[role="banner"] #user-flags li div.actions{padding-left:0.5em}header[role="banner"] #user-flags li div.actions span.mdi{cursor:pointer;color:#4e4d4d}header[role="banner"] #user-flags li div.actions span.delete-btn.loading:before{animation:rotating 2s linear infinite}@media (min-width: 655px){header[role="banner"] #user-flags li div.actions{opacity:0;transition:opacity 0.3s ease-in-out}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #user-flags li:hover div.actions{opacity:1}}@media (min-width: 655px){header[role="banner"] #user-flags li.tapped div.actions{opacity:1}}@media (max-width: 654px){header[role="banner"] #user-flags li{flex-direction:row-reverse}header[role="banner"] #user-flags li div.actions{padding-left:0;padding-right:0.5em}}header[role="banner"] #user-flags li.create-flag{margin-top:0.2em}header[role="banner"] #user-flags li.create-flag input{align-self:flex-end;border:1px solid #bbb;border-radius:5px;width:calc(100% - 2em);font-size:0.8em}header[role="banner"] #user-flags li.create-flag span.add-btn{align-self:flex-end;color:#bbb;font-size:1em;padding:0 0 0 .5em;transition:all 0.2s ease-in-out}header[role="banner"] #user-flags li.create-flag span.add-btn.active{cursor:pointer;color:#1a1a1a}header[role="banner"] #user-flags li.create-flag span.add-btn.loading:before{animation:rotating 2s linear infinite}header[role="banner"] #block-header{margin-right:0.5em;padding-left:0.5em;border-left:1px solid #000}header[role="banner"] #block-header #block-header-menu{display:none}header[role="banner"] #block-header ul.menu{margin:0}header[role="banner"] #block-header ul.menu li{padding:0}header[role="banner"] #block-header ul.menu li{display:inline-block}header[role="banner"] #block-header ul.menu li:not(:first-of-type){margin-left:0.3em}@media (max-width: 654px){header[role="banner"] #block-header ul.menu{text-align:right}header[role="banner"] #block-header ul.menu li{display:block}header[role="banner"] #block-header ul.menu li a{display:block;padding:0.2em 0}}header[role="banner"] #block-languageswitcher{text-align:right;position:relative;padding-right:3px}header[role="banner"] #block-languageswitcher h2{margin:0.1em 0 0 0;font-size:0.756em;font-weight:400;padding:0.1em 0.4em 0.2em;border-radius:3px;background-color:#444;color:#fff;display:inline-block;vertical-align:top;width:12px;height:15px;overflow:hidden}header[role="banner"] #block-languageswitcher h2::before{content:"\F05CA";display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header[role="banner"] #block-languageswitcher>ul.links{overflow:hidden;margin:0;box-sizing:content-box}@media (min-width: 655px){header[role="banner"] #block-languageswitcher>ul.links{width:3.5em;position:absolute;top:17px;right:0;transition:all 0.4s ease-in-out;padding:0.01em 0;height:1px}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #block-languageswitcher:hover>ul.links{transition-delay:0s;height:2em;padding:0.3em 0}}@media (min-width: 655px){header[role="banner"] #block-languageswitcher.tapped>ul.links{transition-delay:0s;height:2em;padding:0.3em 0}}@media (max-width: 654px){header[role="banner"] #block-languageswitcher h2{display:none}}header[role="banner"] #block-languageswitcher li{list-style:none;padding:0;display:inline-block}header[role="banner"] #block-languageswitcher li.is-active{display:none}header[role="banner"] #block-languageswitcher li a{margin:0;font-size:0.756em;font-weight:400;padding:0.2em 0.4em;border-radius:3px;background-color:#444;color:#fff}header[role="banner"] #header-bottom{display:flex;flex-direction:row;justify-content:space-between}header[role="banner"] #header-bottom:after{content:none}header[role="banner"] #header-bottom #block-materiosapisearchblock{align-self:flex-end}@media (max-width: 654px){header[role="banner"] #header-bottom{flex-direction:column;justify-content:center}header[role="banner"] #header-bottom #block-pagetitle{width:100%}header[role="banner"] #header-bottom #block-materiosapisearchblock{box-sizing:border-box;width:100%}}@media (orientation: landscape) and (max-width: 872px){header[role="banner"] #header-bottom #block-materiosapisearchblock{align-self:flex-start}}header[role="banner"] #block-pagetitle{padding:1em 0}header[role="banner"] #block-pagetitle h2{margin:0;font-size:1.512em;text-transform:capitalize;font-weight:300}body.path-home header[role="banner"] #block-pagetitle h2{display:none}body:not(.path-home) header[role="banner"] #block-pagetitle h2{padding:0.5em 1em}body.path-blabla header[role="banner"] #block-pagetitle h2,body.path-checkout header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#9458aa}body.path-showrooms header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#50aa3c}body.path-base header[role="banner"] #block-pagetitle h2,body.path-thematique header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#69cdcf}body.path-pricing header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#ff9f50}body.path-webform header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#50aa3c}@media (max-width: 654px){header[role="banner"] #block-pagetitle{padding:1em 0 0}body.path-frontpage header[role="banner"] #block-pagetitle,body.path-home header[role="banner"] #block-pagetitle{display:none}body.path-base header[role="banner"] #block-pagetitle h2{padding:0.5em 1em 0 !important}}@media (orientation: landscape) and (max-width: 872px){header[role="banner"] #block-pagetitle{padding:0 0 1em}body:not(.path-home) header[role="banner"] #block-pagetitle h2{padding:0 0.6em 0.1em}}header[role="banner"] #block-materiosapisearchblock{padding:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form{display:grid;grid-template-columns:auto 25px;grid-template-rows:auto auto;row-gap:0.2em;justify-items:stretch}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .form-item,header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form input.button{display:inline-block;margin:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .form-item-search{grid-row:1 / 1;grid-column:1 / 1;position:relative}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .form-item-search #edit-search{border:1px #BBB solid;border-radius:14px;padding:0.3em;color:#666;width:100%;box-sizing:border-box}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters{grid-row:2 / 2;grid-column:1 / span 2;border:none;padding:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters>legend{line-height:0.6;padding-bottom:0.2em;width:100%;text-align:right}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters>legend span{cursor:pointer;font-size:0.756em;color:#8f8f8f}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters>div.fieldset-wrapper{height:0;overflow:hidden}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters.open>div.fieldset-wrapper{height:auto;overflow:visible}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main{font-size:0.756em}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected{border-radius:0.7em;height:1.5em;border:none;padding:0 0.5em;background-color:#eeeaea}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected.ss-open-below{border-radius:0.7em 0.7em 0 0.7em}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected span.placeholder{color:#1A1A1A;line-height:1}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected span.placeholder span.ss-disabled{color:#8f8f8f}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected span.ss-arrow span{border-color:#b1adad}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-content{width:auto;border:none;border-radius:0.7em 0 0.7em 0.7em;right:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-content.ss-open{box-shadow:0 0 10px #ccc}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-content .ss-list{max-height:none}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-content .ss-list .ss-option{white-space:nowrap;text-align:right}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .button.form-submit{grid-row:1 / 1;grid-column:2 / 2;justify-self:end;align-self:center;border:0;text-indent:50px;overflow:hidden;width:20px;height:20px;margin:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjI3bW0iCiAgIGhlaWdodD0iMjdtbSIKICAgdmlld0JveD0iMCAwIDI3IDI3IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxNTY4MCIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wLjIgKGU4NmM4NzA4NzksIDIwMjEtMDEtMTUpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJzZWFyY2guc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTU2NzQiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjMuOTU5Nzk4IgogICAgIGlua3NjYXBlOmN4PSI1Mi4zOTQzMDEiCiAgICAgaW5rc2NhcGU6Y3k9IjY2LjY2OTUyOSIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIGlua3NjYXBlOmRvY3VtZW50LXJvdGF0aW9uPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTE0NSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExNTY3NyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iQ2FscXVlIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIj4KICAgIDxnCiAgICAgICBpZD0iZzE2NDIwIgogICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC44MTE1MDI5MywwLjIxMDg3NTA4KSI+CiAgICAgIDxsaW5lCiAgICAgICAgIGZpbGw9Im5vbmUiCiAgICAgICAgIHN0cm9rZT0iIzNhNThkOCIKICAgICAgICAgc3Ryb2tlLXdpZHRoPSIzLjU3NzU0IgogICAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICAgICAgIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIKICAgICAgICAgeDE9IjIuMDQzNjYwNiIKICAgICAgICAgeTE9IjI0LjQzMzkxNiIKICAgICAgICAgeDI9IjkuNDg3MjAyNiIKICAgICAgICAgeTI9IjE2Ljk5MDM3NCIKICAgICAgICAgaWQ9ImxpbmU0NTg0IgogICAgICAgICBzdHlsZT0ic3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KICAgICAgPGcKICAgICAgICAgaWQ9Imc0NTkwIgogICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjI2NDU4MzMzLDAsMCwwLjI2NDU4MzMzLC0zNzQuNTIzNSwtNjQ3Ljc4NjYpIj4KICAgICAgICA8cGF0aAogICAgICAgICAgIGQ9Im0gMTUwOS4zNzEsMjQ4OS4xMjkgYyAtMC4wMzksNi4xOTYgLTAuOTk2LDExLjYzOSAtMi44NjksMTYuMzI2IC0xLjg3Myw0LjY4NyAtNC40MjEsOC42MDcgLTcuNjQyLDExLjc1NSAtMy4yMjMsMy4xNDkgLTcuMDQ5LDUuNTA5IC0xMS40NzksNy4wODMgLTQuNDMsMS41NzQgLTkuMTg4LDIuMzQ2IC0xNC4yNjksMi4zMTUgLTQuOTQ0LC0wLjAzIC05LjYwMywtMC44NTkgLTEzLjk3OSwtMi40ODcgLTQuMzc3LC0xLjYyOCAtOC4xOTIsLTQuMDMzIC0xMS40NDQsLTcuMjI0IC0zLjI1MywtMy4xODcgLTUuODA0LC03LjEzNyAtNy42NTUsLTExLjg0NyAtMS44NTEsLTQuNzEgLTIuNzU3LC0xMC4xNjQgLTIuNzIxLC0xNi4zNjEgMC4wMzksLTYuMTk1IDEuMDQ1LC0xMS42MzcgMy4wMjQsLTE2LjMyNCAxLjk3OCwtNC42ODggNC42MjksLTguNjIxIDcuOTU3LC0xMS44MDUgMy4zMjYsLTMuMTgyIDcuMTY5LC01LjU2MSAxMS41MywtNy4xMzcgNC4zNjEsLTEuNTc0IDguOTQ1LC0yLjM0NiAxMy43NDksLTIuMzE2IDQuOTQzLDAuMDI5IDkuNjAxLDAuODU3IDEzLjk3OSwyLjQ4NiA0LjM3NSwxLjYyOSA4LjE4OCw0LjA1NSAxMS40NDIsNy4yNzYgMy4yNTIsMy4yMjIgNS44MDUsNy4xODggNy42NTYsMTEuODk5IDEuODUxLDQuNzEzIDIuNzU4LDEwLjE2NSAyLjcyMSwxNi4zNjEgeiBtIC01NS4yNDQsLTAuMzM3IGMgLTAuMDIyLDMuNTUxIDAuMzkyLDYuNzU4IDEuMjQ3LDkuNjE2IDAuODU0LDIuODYgMi4wOSw1LjMyMiAzLjcxNSw3LjM4NSAxLjYyMywyLjA2NCAzLjYxNCwzLjY2MiA1Ljk3Myw0Ljc4NyAyLjM2LDEuMTMgNS4wNzQsMS43MDMgOC4xMzcsMS43MjEgMi45OTIsMC4wMiA1LjY5NSwtMC41MiA4LjEwMywtMS42MjEgMi40MTEsLTEuMDk5IDQuNDM3LC0yLjY3IDYuMDg2LC00LjcxNSAxLjY0OSwtMi4wNDEgMi45MTYsLTQuNDg4IDMuODA1LC03LjMzOSAwLjg4NiwtMi44NDggMS4zNDMsLTYuMDQ5IDEuMzY0LC05LjYwMSAwLjAyMSwtMy41NDkgLTAuMzk2LC02Ljc3MiAtMS4yNDcsLTkuNjY2IC0wLjg1NCwtMi44OTUgLTIuMDkyLC01LjM3MiAtMy43MTQsLTcuNDM4IC0xLjYyNCwtMi4wNjIgLTMuNjMxLC0zLjY1OSAtNi4wMjksLTQuNzg5IC0yLjM5NSwtMS4xMjcgLTUuMDkxLC0xLjcwMSAtOC4wODIsLTEuNzIxIC0zLjA2NCwtMC4wMTggLTUuNzg0LDAuNTM5IC04LjE1NiwxLjY3NCAtMi4zNzQsMS4xMzUgLTQuMzg1LDIuNzI2IC02LjAzMyw0Ljc2OCAtMS42NSwyLjA0NSAtMi45MTcsNC41MDkgLTMuODA1LDcuMzkzIC0wLjg5LDIuODg1IC0xLjM0Myw2LjA2NyAtMS4zNjQsOS41NDYgeiIKICAgICAgICAgICBpZD0icGF0aDQ1ODgiIC8+CiAgICAgIDwvZz4KICAgICAgPGNpcmNsZQogICAgICAgICBmaWxsPSIjZmYyMzI2IgogICAgICAgICBjeD0iMTUuMjQ0NTMzIgogICAgICAgICBjeT0iMTAuNjk2NDU0IgogICAgICAgICByPSIxLjcyMTkwODMiCiAgICAgICAgIGlkPSJjaXJjbGU0NTk0IgogICAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZS13aWR0aDowLjI2NDU4MyIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent}@media (max-width: 654px){header[role="banner"] #block-materiosapisearchblock{padding:0 1em 1em;background-color:#69cdcf}body:not(.path-base) header[role="banner"] #block-materiosapisearchblock{display:none}}aside.messages{padding:0}#main-content.loading{transition:all 0.3s ease-in-out;opacity:0.5;pointer-events:none}#content-left{z-index:5;box-sizing:content-box;max-width:1px;overflow-x:hidden;transition:all 0.3s ease-in-out}#content-left.opened{max-width:500px;padding:0.3em}#content-left>*{box-sizing:border-box;background-color:#fff;box-shadow:-2px 0px 4px rgba(0,0,0,0.2);padding:0.5em}#content-left .flag-collection>header{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:13px}#content-left .flag-collection>header .mdi-close{cursor:pointer;align-self:flex-end}@media (max-width: 436px){#content-left .flag-collection>ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}#content-left .flag-collection>ul>li{margin:0 0 13px 0;padding:0}#content-left .flag-collection>ul>li article.card.minicard{width:170px;height:100px;margin:auto}#content-left .flag-collection>ul>li article.card.minicard>header{padding:0.3em 0.3em 0.1em}#content-left .flag-collection>ul>li article.card.minicard>header h1{margin:0}#content-left .flag-collection>ul>li article.card.minicard>nav.tools{padding:0 0.2em}#content-left .flag-collection>ul>li article.card.minicard>nav.tools .mdi.unflag{cursor:pointer}article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-database>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>h3,article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-title{font-size:3.5em;line-height:1}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-database>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>h3,article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-title{font-size:2em}}article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-database>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-body{font-size:0.9em;line-height:1.3}article.node--type-frontpage .node__content>section.home-intro,article.node--type-frontpage .node__content>section.home-pricing{padding:1.5em 0;background-color:#fff}article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1),article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1){width:80%;margin:0 auto;text-align:center}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1),article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1){width:auto;padding:0 1em;text-align:left}}article.node--type-frontpage .node__content>section.home-database,article.node--type-frontpage .node__content>section.home-showrooms,article.node--type-frontpage .node__content>section.home-blabla{display:flex;flex-direction:row;flex-wrap:nowrap}article.node--type-frontpage .node__content>section.home-database>div:nth-child(1),article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1),article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1){flex:0 0 423px;box-sizing:border-box;padding:1em;color:#fff}article.node--type-frontpage .node__content>section.home-database>div:nth-child(2),article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(2),article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(2){flex:1 1 auto;box-sizing:border-box;padding:1em 0.5em}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-database,article.node--type-frontpage .node__content>section.home-showrooms,article.node--type-frontpage .node__content>section.home-blabla{flex-direction:column}article.node--type-frontpage .node__content>section.home-database>div:nth-child(1),article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1),article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1){flex:0 0 auto}}article.node--type-frontpage>h2{display:none}article.node--type-frontpage .node__content>section.home-intro .field__item{display:flex;flex-flow:row nowrap;justify-content:center}article.node--type-frontpage .node__content>section.home-intro .field__item p{flex:0 0 35%;max-width:410px;padding:1em;box-sizing:border-box}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-intro .field__item{display:none}}article.node--type-frontpage .node__content>section.home-database{background-color:#69cdcf}article.node--type-frontpage .node__content>section.home-database .field--name-field-database-links .field__item{display:inline-block}article.node--type-frontpage .node__content>section.home-database .field--name-field-database-links .field__item a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff;color:#69cdcf}article.node--type-frontpage .node__content>section.home-database .cards-list-home{position:relative;max-height:580px;overflow-y:hidden}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul{width:100%;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:space-between}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-database .cards-list-home ul{justify-content:space-around}}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li{padding:0 0 6.5px 0;box-sizing:border-box;width:102.5px;height:147.5px;position:relative;list-style:none;margin:0}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li .card{width:100%;height:100%}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li .card .field--name-field-short-description{font-size:0.656em;line-height:1.2}article.node--type-frontpage .node__content>section.home-showrooms{background-color:#50aa3c}article.node--type-frontpage .node__content>section.home-showrooms .field--name-field-showroom-links .field__item{display:inline-block}article.node--type-frontpage .node__content>section.home-showrooms .field--name-field-showroom-links .field__item a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff;color:#50aa3c}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{overflow:hidden;position:relative;display:grid;grid-template-rows:1fr}@media only screen and (max-width: 1526px){article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{grid-template-columns:1fr}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item{grid-column:1}}@media only screen and (min-width: 1527px){article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{grid-template-columns:1fr 1fr;grid-gap:1em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item:nth-child(odd){grid-column:1}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item:nth-child(even){grid-column:2}}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item{grid-row:1;opacity:0;transition:all 2s ease-out}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item.active{opacity:1}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term{position:relative;width:100%;height:100%}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term div.visuel{width:100%;padding-bottom:5em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term div.visuel img{max-width:100%;height:auto}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:1em 0 0;background-color:#50aa3c;color:#fff}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text h2,article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text p{margin:0}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text h2{font-size:2em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-address br{display:none}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-address span:not(:nth-last-of-type(1)){margin-right:0.4em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-address span:not(:nth-last-of-type(1)):after{padding-left:0.5em;content:"⋅"}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-phone{display:inline-block;margin-right:0.4em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-phone:after{padding-left:0.5em;content:"⋅"}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-email{display:inline-block}article.node--type-frontpage .node__content>section.home-blabla{background-color:#9458aa}article.node--type-frontpage .node__content>section.home-blabla .field--name-field-blabla-links .field__item{display:inline-block}article.node--type-frontpage .node__content>section.home-blabla .field--name-field-blabla-links .field__item a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff;color:#9458aa}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home{position:relative;overflow-y:hidden;max-height:315px}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul{width:100%;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:space-between}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li{padding:0 0 13px 0;box-sizing:border-box;width:205px;position:relative;list-style:none;margin:0;overflow:hidden}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li .card{width:100%;height:auto}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li .card .field--name-title{font-size:0.756em;line-height:0.9}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-blabla .cards-list-home{max-height:386px}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul{justify-content:space-around}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li{flex:0 3 45%}}article.node--type-frontpage .node__content>section.home-pricing>h3{text-align:center;text-transform:capitalize;padding:0.7em 0 0.3em 0}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing>h3{text-align:left;padding:0 0.4em}}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch{text-align:center}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch p{margin:0}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch{text-align:left}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch p{padding:0.5em 1em}}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing{display:flex;flex-flow:row nowrap;justify-content:center;padding-bottom:1em}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing p{flex:0 0 410px;padding:1em;margin:0;text-align:center}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing{flex-flow:column;justify-content:flex-start}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing p{flex:0 0 auto;text-align:left;padding:0 1em 0.5em}}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference{display:flex;flex-flow:row nowrap}@media (max-width: 1090px){article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference{flex-flow:column;justify-content:flex-start}}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item{flex:0 0 33%;text-align:center;padding:2em 0;color:#fff;position:relative;height:23em}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item>article{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-title{font-weight:600;line-height:0.7;padding-bottom:0.1em;text-align:center;word-spacing:30000px}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-body{padding:0.5em}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-body p{margin:0}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item{margin-top:0.5em}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div{display:grid;grid-template-columns:50% 50%}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div>*{align-self:center}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div .field--name-field-description{text-align:right}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div .field--name-field-description h4{font-size:1.512em;font-weight:800;color:#fff;white-space:nowrap;line-height:1}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div .field--name-field-description p{font-size:0.882em;line-height:0.8;margin:0}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div form{text-align:left;padding-left:1em}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div form .form-actions{margin:0}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div form input.button--add-to-cart{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;margin:0}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item a.btn{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(1){background-color:#69cdcf}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(1) a.btn{color:#69cdcf}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(1) .field--name-variations .field__item>div input.button--add-to-cart{color:#69cdcf}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(2){background-color:#ff9f50}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(2) a.btn{color:#ff9f50}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(2) .field--name-variations .field__item>div input.button--add-to-cart{color:#ff9f50}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(3){background-color:#50aa3c}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(3) a.btn{color:#50aa3c}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(3)>article{max-width:345px}@media (max-width: 1090px){article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item{flex:0 0 auto;padding:0}}.infinite-loading-container .infinite-status-prompt i[class^="loading-"]{width:15px;height:15px}.cards-list{position:relative}.cards-list .search-info{font-size:0.756em;font-weight:500;margin:0;padding:0 0 0.5em 0}@media (orientation: landscape) and (max-width: 872px){.cards-list .search-info{display:none}}.cards-list>ul{margin:0;padding:0;width:calc(100% + 13px)}.cards-list>ul>li{list-style:none;margin:0 13px 13px 0;padding:0;display:inline-block;vertical-align:top}@media (max-width: 654px){.cards-list>ul{display:flex;flex-flow:row wrap;justify-content:space-around;width:100%}.cards-list>ul>li{flex:0 1 48%;margin:0 0 0.5em 0;filter:drop-shadow(0 0 3px #aaa)}.cards-list>ul>li>article{width:100%;height:auto;box-shadow:none}#base .cards-list>ul>li>article>section.images{height:auto}.cards-list>ul>li>article>section.images>figure{position:relative}.cards-list>ul>li>article>section.images>figure:not(:first-child){display:none}.cards-list>ul>li>article>section.images>figure img:not(.blank){width:100%;height:auto}.cards-list>ul>li>article>section.images>figure img.blank{top:0;bottom:0;left:0;right:0}}article.card{position:relative;box-shadow:0 0 5px rgba(0,0,0,0.2);width:205px;height:295px}article.card.article{width:423px;height:295px}article.card.article section.images a{display:block}article.card.minicard{height:100px;width:170px;height:100px;margin:auto}article.card.minicard>header{padding:0.3em 0.3em 0.1em;cursor:pointer}article.card.minicard>header h1{margin:0;font-size:1em}article.card.minicard>header h4{margin:0;line-height:1.1;margin-bottom:-0.4em}article.card.minicard>header span.ref{line-height:0.5}article.card.minicard>nav.tools{padding:0 0.2em;background:rgba(255,255,255,0.8)}article.card.minicard>nav.tools .mdi.unflag{cursor:pointer}@media (hover: hover){article.card.minicard>nav.tools .tool.samples:hover .tool-content{max-width:140px}}article.card.minicard>nav.tools .tool.samples.tapped .tool-content{max-width:140px}article.card.linkedmaterialcard{width:190px;height:110px}article.card.linkedmaterialcard>header{padding:0.3em 0.3em 0.1em;cursor:pointer}article.card.linkedmaterialcard>header h1{margin:0;font-size:1em}article.card.linkedmaterialcard>header h4{margin:0;line-height:1.1;margin-bottom:-0.4em}article.card.linkedmaterialcard>header span.ref{line-height:0.5}article.card.linkedmaterialcard>nav.tools{top:auto;bottom:0;padding:0 0.2em;background:transparent}article.card.linkedmaterialcard>nav.tools .mdi.unflag{cursor:pointer}article.card header{position:absolute;bottom:0;z-index:10;color:#000;background-color:rgba(255,255,255,0.8);padding:0.3em 0.3em;box-sizing:border-box;width:100%}article.card header h1,article.card header h4{margin:0;padding:0}article.card header h1{font-size:1.3em;font-weight:700;line-height:0.85;margin-bottom:0.2em}article.card header h4{font-size:0.882em;font-weight:300;line-height:1.1;margin-bottom:-0.2em}article.card header span.ref{font-size:0.693em;font-weight:300;line-height:1}article.card.card-thematique header{background-color:rgba(105,205,207,0.9)}article.card nav.tools{position:absolute;top:0;right:0;z-index:21;width:15px;background-color:#fff;box-sizing:content-box;padding:0.3em 0.1em;opacity:0;transition:opacity 0.2s ease-in-out}article.card nav.tools>*{overflow:visible;position:relative}article.card nav.tools>* span.btn{overflow:hidden;font-size:0.882em}article.card nav.tools>* .tool-content{position:absolute;top:0px;right:100%;width:180px;box-sizing:border-box;padding:0;background-color:#fff;box-shadow:-2px 3px 8px rgba(0,0,0,0.5);opacity:0;max-height:0;max-width:0;overflow:hidden;transition:all 0.2s ease-in-out;transition-delay:0.1s}@media (hover: hover){article.card nav.tools>*:hover .tool-content{transition:all 0.3s ease-in-out;opacity:1;padding:0.3em;max-height:195px;max-width:200px}}article.card nav.tools>*.tapped .tool-content{transition:all 0.3s ease-in-out;opacity:1;padding:0.3em;max-height:195px;max-width:200px}@media (max-width: 654px){article.card nav.tools{width:23px}article.card nav.tools>*>span.btn,article.card nav.tools>*>a{font-size:1.2em}}article.card nav.tools .tool.flags .tool-content ul{display:flex;flex-flow:row wrap}article.card nav.tools .tool.flags .tool-content ul li{padding:0 0.5em 0 0}article.card nav.tools .tool.flags span.flag{cursor:pointer;font-size:0.756em;color:#bbb;transition:color 0.3s ease-in-out}@media (hover: hover){article.card nav.tools .tool.flags span.flag:hover{color:#1a1a1a}}article.card nav.tools .tool.flags span.flag.tapped{color:#1a1a1a}article.card nav.tools .tool.flags span.flag.isActive{color:#1a1a1a}article.card nav.tools .tool.flags li.create-flag{margin-top:0.2em;padding:0}article.card nav.tools .tool.flags li.create-flag input{align-self:flex-end;border:1px solid #bbb;border-radius:5px;width:calc(100% - 2em);font-size:0.8em}article.card nav.tools .tool.flags li.create-flag span.add-btn{align-self:flex-end;color:#bbb;font-size:1em;transition:all 0.2s ease-in-out}article.card nav.tools .tool.flags li.create-flag span.add-btn.active{cursor:pointer;color:#1a1a1a}article.card nav.tools .tool.flags li.create-flag span.add-btn.loading:before{animation:rotating 2s linear infinite}article.card nav.tools .tool.samples .tool-content{font-size:0.756em}article.card nav.tools .tool.samples .tool-content ul li{font-weight:bold}article.card nav.tools .tool.samples .tool-content ul li span.showroom{font-weight:400}@media (hover: hover){article.card:hover nav.tools{opacity:1}}article.card.tapped nav.tools{opacity:1}article.card section.images{position:relative}article.card section.images,article.card section.images *{width:100%;height:100%}article.card section.images figure{cursor:pointer;margin:0;position:absolute;top:0;left:0;transition:opacity 0.2s ease-in-out}article.card section.images figure:first-of-type{z-index:5}article.card section.images figure.show{opacity:1;z-index:6}article.card section.images figure.hide{opacity:0}article.card section.images figure img.blank{position:absolute;top:0;left:0;z-index:20}article.card.search-card>header{cursor:pointer}article.card.modal-card{display:flex;flex-flow:row-reverse nowrap;width:850px;height:610px}article.card.modal-card>.col{flex-basis:50%}@media (orientation: portrait) and (max-width: 654px){article.card.modal-card{flex-flow:column;width:100%;height:100%;overflow-y:auto}article.card.modal-card>.col-right{flex:0 0 auto}article.card.modal-card>.col-left{flex:0 0 100%}}@media (orientation: landscape) and (max-width: 872px){article.card.modal-card{width:100%;height:100%}article.card.modal-card>.col-right{height:100%;overflow-y:auto}}article.card.modal-card section.col-right>*:not(nav.tools){position:relative;padding:0.3em 20px 0 0.5em;box-sizing:border-box;width:100%}article.card.modal-card section.col-right>header{bottom:auto}article.card.modal-card section.col-right span.label{font-size:0.693em;font-weight:500}article.card.modal-card section.col-right section.body p{font-size:0.693em;font-weight:300;line-height:1.35;margin:0 0 0.3em}article.card.modal-card section.col-right .vsa-list{padding:0;border:none;--vsa-heading-padding: 0 0;--vsa-content-padding: 0 0 0.5em;--vsa-default-icon-size: 0.3;--vsa-border-width: 0;--vsa-text-color: #1A1A1A;--vsa-highlight-color: #fff;--vsa-bg-color: #fff}article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:focus .vsa-item__trigger__icon--is-default::after,article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:focus .vsa-item__trigger__icon--is-default::before,article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:hover .vsa-item__trigger__icon--is-default::after,article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:hover .vsa-item__trigger__icon--is-default::before{background-color:var(--vsa-text-color)}article.card.modal-card section.col-right .vsa-list .vsa-item .vsa-item__heading button.vsa-item__trigger{height:2em}article.card.modal-card section.col-right .vsa-list .vsa-item .vsa-item__heading button.vsa-item__trigger:hover,article.card.modal-card section.col-right .vsa-list .vsa-item .vsa-item__heading button.vsa-item__trigger:focus{color:var(--vsa-text-color)}article.card.modal-card section.col-right .vsa-list .vsa-item[data-vsa-active="false"] .vsa-item__heading{padding-bottom:0.2em;margin-bottom:0.2em;border-bottom:0.5px dotted #1A1A1A}article.card.modal-card section.col-right section.linked-materials>ul{display:flex;flex-flow:row wrap;justify-content:space-between}article.card.modal-card section.col-right section.linked-materials>ul>li{flex-basis:0 0 50%;margin-bottom:0.5em}article.card.modal-card section.col-right nav.tools{opacity:1}article.card.modal-card section.col-right nav.tools section.close span.btn.mdi-close{cursor:pointer}article.card.modal-card section.col-right nav.tools div.tool-content{min-width:385px}@media (max-width: 654px){article.card.modal-card section.col-right nav.tools div.tool-content{min-width:80vw}}article.card.modal-card section.col-right section.tool.samples div.tool-content ul{font-size:0.756em;font-weight:300}article.card.modal-card section.col-right section.tool.samples div.tool-content ul li{padding-right:0.5em}article.card.modal-card section.col-right section.tool.samples div.tool-content ul li span.showroom{font-weight:500}@media (hover: hover){article.card.modal-card section.col-right section.tool.note:hover div.tool-content{max-height:370px}}article.card.modal-card section.col-right section.tool.note.tapped div.tool-content{max-height:370px}article.card.modal-card section.col-right section.tool.note div.tool-content textarea,article.card.modal-card section.col-right section.tool.note div.tool-content textarea:focus,article.card.modal-card section.col-right section.tool.note div.tool-content textarea:focus-visible,article.card.modal-card section.col-right section.tool.note div.tool-content textarea:active{resize:none;width:99%;height:350px;margin:0;padding:0.3em;border:1px solid #ccc;border-radius:3px;outline:none;box-sizing:border-box}article.card.modal-card section.col-right section.industriels{display:flex;flex-flow:row}article.card.modal-card section.col-right section.industriels>section{flex:0 0 50%}article.card.modal-card section.col-right section.industriels>section ul li{padding:0.1em 0 .4em 0}article.card.modal-card section.col-right section.industriels>section h2{margin:0;font-size:1em;line-height:1}article.card.modal-card section.col-right section.industriels>section p{margin:0;font-size:0.756em}article.card.modal-card section.col-right section.attachments a{margin:0;font-size:0.882em;line-height:0.6}article.card.modal-card section.col-right section.attachments a span{font-size:0.8em}article.card.modal-card section.col-right section.attachments p{margin:0;font-size:0.882em}.vm--modale-card{position:relative}@media (min-width: 655px){.vm--modale-card{max-width:850px;max-height:610px;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}}.vm--overlay{background:rgba(0,0,0,0.5) !important}#main-content>article.thematique div.cols{display:flex;flex-direction:row;flex-wrap:nowrap}@media (max-width: 654px){#main-content>article.thematique div.cols{flex-wrap:wrap}}#main-content>article.thematique div.cols div.col-left{padding:0 13px 13px 0;flex:0 0 423px}#main-content>article.thematique div.col-left section.body{background-color:#69cdcf;padding:0.5em 1em 1em}#main-content>article.thematique div.col-left section.visuel img{width:100%}#main-content>article.thematique aside.linked-materials div.card-list>ul{width:calc(100% + 13px)}#main-content>article.thematique aside.linked-materials div.card-list>ul>li{display:inline-block;vertical-align:top;width:205px;margin:0 13px 13px 0}#main-content>article.thematique aside.linked-materials h3.field__label{font-size:1em;font-weight:500;margin:2em 0 1em 0}#main-content>article.thematique aside.linked-materials h1.title{font-size:1em;font-weight:400}#main-content>article.thematique aside.linked-materials h3.ref{font-size:0.756em;font-weight:600}#main-content>article.thematique aside.linked-materials h2.description{font-size:0.756em;font-weight:400}@media (min-width: 655px){#main-content>article.article div.cols{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(6, 1fr);grid-gap:1em}#main-content>article.article div.cols div.col-left{grid-column:1}#main-content>article.article div.cols div.col-right{grid-column:2/6}}@media (max-width: 654px){#main-content>article.article div.cols{padding:1em;box-sizing:border-box}#main-content>article.article div.cols .accroche figure{width:100%}}#main-content>article.article section.accroche figure{width:423px;margin:0 13px 0 0}#main-content>article.article section.accroche figure img{width:100%}#main-content>article.article section.taxonomy{margin:1em 0}#main-content>article.article section.taxonomy ul{margin:0}#main-content>article.article section.taxonomy li{display:inline-block;padding:0 0.5em 0 0}#main-content>article.article div.gallery-wrapper .image{display:inline-block;width:205px;margin:0 13px 7.8px 0;height:147.5px;background-size:cover}@media (max-width: 654px){#main-content>article.article div.gallery-wrapper{display:flex;flex-flow:row wrap;justify-content:space-between}#main-content>article.article div.gallery-wrapper .image{display:block;flex:0 1 48%;margin:0 0 7.8px 0}}@media (min-width: 655px){#main-content>article.article aside.linked-materials ul{width:calc(100% + 13px)}#main-content>article.article aside.linked-materials ul li{display:inline-block;vertical-align:top;width:205px;margin:0 13px 13px 0}}#main-content>article.article aside.linked-materials h3.field__label{font-size:1em;font-weight:500;margin:2em 0 1em 0}#main-content>article.article aside.linked-materials h1.title{font-size:1em;font-weight:400}#main-content>article.article aside.linked-materials h3.ref{font-size:0.756em;font-weight:600}#main-content>article.article aside.linked-materials h2.description{font-size:0.756em;font-weight:400}@media (max-width: 654px){#main-content>article.article nav.prevnext{padding:0 1em}}#main-content>article.article nav.prevnext.bottom{margin:2em 0}#main-content>article.article nav.prevnext ul{padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr}#main-content>article.article nav.prevnext li{padding:0;margin:0;list-style:none}#main-content>article.article nav.prevnext li a{font-size:0.756em;font-weight:700;line-height:1.3;display:block;position:relative;padding:0 1em}#main-content>article.article nav.prevnext li:nth-child(1){grid-column:1}#main-content>article.article nav.prevnext li:nth-child(1) a:before{content:'\021A4';position:absolute;left:0}#main-content>article.article nav.prevnext li:nth-child(2){grid-column:2;text-align:right}#main-content>article.article nav.prevnext li:nth-child(2) a:after{content:'\021A6';position:absolute;right:0}#showrooms{width:calc(100% + 13px)}#showrooms article.showroom{width:423px;display:inline-block;vertical-align:top;margin:0 13px 13px 0}#showrooms article.showroom h1{margin:0;font-weight:4}#showrooms article.showroom p{margin:0}#showrooms article.showroom figure{margin:0}#showrooms article.showroom figure img{max-width:100%}#main-content>#pricing,#main-content .view-pricing-products .view-content{display:flex;flex-flow:row nowrap}#main-content>#pricing article.product,#main-content>#pricing .views-row,#main-content .view-pricing-products .view-content article.product,#main-content .view-pricing-products .view-content .views-row{flex:0 0 33%;text-align:center;padding:2em 0}#main-content>#pricing article.product>header,#main-content>#pricing .views-row>header,#main-content .view-pricing-products .view-content article.product>header,#main-content .view-pricing-products .view-content .views-row>header{padding-bottom:1.3em}#main-content>#pricing article.product>header h1,#main-content>#pricing article.product .views-field-title,#main-content>#pricing .views-row>header h1,#main-content>#pricing .views-row .views-field-title,#main-content .view-pricing-products .view-content article.product>header h1,#main-content .view-pricing-products .view-content article.product .views-field-title,#main-content .view-pricing-products .view-content .views-row>header h1,#main-content .view-pricing-products .view-content .views-row .views-field-title{font-size:3.5em;line-height:0.6;color:#fff;text-align:center;word-spacing:30000px}#main-content>#pricing article.product section.content,#main-content>#pricing article.product .views-field-body,#main-content>#pricing .views-row section.content,#main-content>#pricing .views-row .views-field-body,#main-content .view-pricing-products .view-content article.product section.content,#main-content .view-pricing-products .view-content article.product .views-field-body,#main-content .view-pricing-products .view-content .views-row section.content,#main-content .view-pricing-products .view-content .views-row .views-field-body{color:#fff}#main-content>#pricing article.product section.content .description,#main-content>#pricing article.product .views-field-body .description,#main-content>#pricing .views-row section.content .description,#main-content>#pricing .views-row .views-field-body .description,#main-content .view-pricing-products .view-content article.product section.content .description,#main-content .view-pricing-products .view-content article.product .views-field-body .description,#main-content .view-pricing-products .view-content .views-row section.content .description,#main-content .view-pricing-products .view-content .views-row .views-field-body .description{font-size:1em}#main-content>#pricing article.product section.content .description p,#main-content>#pricing article.product .views-field-body .description p,#main-content>#pricing .views-row section.content .description p,#main-content>#pricing .views-row .views-field-body .description p,#main-content .view-pricing-products .view-content article.product section.content .description p,#main-content .view-pricing-products .view-content article.product .views-field-body .description p,#main-content .view-pricing-products .view-content .views-row section.content .description p,#main-content .view-pricing-products .view-content .views-row .views-field-body .description p{margin:0.3em}#main-content>#pricing article.product aside .variation,#main-content>#pricing .views-row aside .variation,#main-content .view-pricing-products .view-content article.product aside .variation,#main-content .view-pricing-products .view-content .views-row aside .variation{display:grid;grid-template-columns:50% 50%;margin-top:0.5em}#main-content>#pricing article.product aside .variation>*,#main-content>#pricing .views-row aside .variation>*,#main-content .view-pricing-products .view-content article.product aside .variation>*,#main-content .view-pricing-products .view-content .views-row aside .variation>*{align-self:center}#main-content>#pricing article.product aside .variation div.variation-description,#main-content>#pricing .views-row aside .variation div.variation-description,#main-content .view-pricing-products .view-content article.product aside .variation div.variation-description,#main-content .view-pricing-products .view-content .views-row aside .variation div.variation-description{color:#fff;text-align:right}#main-content>#pricing article.product aside .variation div.variation-description h4,#main-content>#pricing .views-row aside .variation div.variation-description h4,#main-content .view-pricing-products .view-content article.product aside .variation div.variation-description h4,#main-content .view-pricing-products .view-content .views-row aside .variation div.variation-description h4{font-size:1.5em;font-weight:800;margin:0;line-height:1}#main-content>#pricing article.product aside .variation div.variation-description p,#main-content>#pricing .views-row aside .variation div.variation-description p,#main-content .view-pricing-products .view-content article.product aside .variation div.variation-description p,#main-content .view-pricing-products .view-content .views-row aside .variation div.variation-description p{margin:0;line-height:0.8}#main-content>#pricing article.product aside .variation div.actions,#main-content>#pricing .views-row aside .variation div.actions,#main-content .view-pricing-products .view-content article.product aside .variation div.actions,#main-content .view-pricing-products .view-content .views-row aside .variation div.actions{text-align:left;padding-left:1em}#main-content>#pricing article.product aside .variation div.actions button,#main-content>#pricing .views-row aside .variation div.actions button,#main-content .view-pricing-products .view-content article.product aside .variation div.actions button,#main-content .view-pricing-products .view-content .views-row aside .variation div.actions button{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff}#main-content>#pricing article.product aside a.btn,#main-content>#pricing .views-row aside a.btn,#main-content .view-pricing-products .view-content article.product aside a.btn,#main-content .view-pricing-products .view-content .views-row aside a.btn{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff}#main-content>#pricing article.product:nth-child(1),#main-content>#pricing .views-row:nth-child(1),#main-content .view-pricing-products .view-content article.product:nth-child(1),#main-content .view-pricing-products .view-content .views-row:nth-child(1){background-color:#69cdcf}#main-content>#pricing article.product:nth-child(1) aside .variation .actions button,#main-content>#pricing .views-row:nth-child(1) aside .variation .actions button,#main-content .view-pricing-products .view-content article.product:nth-child(1) aside .variation .actions button,#main-content .view-pricing-products .view-content .views-row:nth-child(1) aside .variation .actions button{color:#69cdcf}#main-content>#pricing article.product:nth-child(2),#main-content>#pricing .views-row:nth-child(2),#main-content .view-pricing-products .view-content article.product:nth-child(2),#main-content .view-pricing-products .view-content .views-row:nth-child(2){background-color:#ff9f50}#main-content>#pricing article.product:nth-child(2) aside .variation .actions button,#main-content>#pricing .views-row:nth-child(2) aside .variation .actions button,#main-content .view-pricing-products .view-content article.product:nth-child(2) aside .variation .actions button,#main-content .view-pricing-products .view-content .views-row:nth-child(2) aside .variation .actions button{color:#ff9f50}#main-content>#pricing article.product:nth-child(3),#main-content>#pricing .views-row:nth-child(3),#main-content .view-pricing-products .view-content article.product:nth-child(3),#main-content .view-pricing-products .view-content .views-row:nth-child(3){background-color:#50aa3c}#main-content>#pricing article.product:nth-child(3) aside .variation .actions button,#main-content>#pricing article.product:nth-child(3) a.btn,#main-content>#pricing .views-row:nth-child(3) aside .variation .actions button,#main-content>#pricing .views-row:nth-child(3) a.btn,#main-content .view-pricing-products .view-content article.product:nth-child(3) aside .variation .actions button,#main-content .view-pricing-products .view-content article.product:nth-child(3) a.btn,#main-content .view-pricing-products .view-content .views-row:nth-child(3) aside .variation .actions button,#main-content .view-pricing-products .view-content .views-row:nth-child(3) a.btn{color:#50aa3c}@media (max-width: 1090px){#main-content>#pricing,#main-content .view-pricing-products .view-content{flex-flow:column}#main-content>#pricing article.product,#main-content>#pricing .views-row,#main-content .view-pricing-products .view-content article.product,#main-content .view-pricing-products .view-content .views-row{flex:0 1 auto}}.modal{position:relative}#login-register{padding:1em;box-sizing:content-box;width:100%}#login-register h2{margin:0.4em 0 1.1em;padding-right:4em;font-size:1.2em;font-weight:300}#login-register>div.wrapper{display:flex;flex-flow:row nowrap}#login-register>div.wrapper>section{flex:0 0 50%}#login-register>div.wrapper>section form .form-item,#login-register>div.wrapper>section form .form-actions{margin:0.5em 0;max-width:none}#login-register>div.wrapper>section form .form-type-email,#login-register>div.wrapper>section form .form-type-password,#login-register>div.wrapper>section form .form-actions{display:block}#login-register>div.wrapper>section form input[type="email"],#login-register>div.wrapper>section form input[type="password"]{max-width:11em}#login-register>div.wrapper>section form#user-login-form #edit-pass--description,#login-register>div.wrapper>section form #edit-pass-pass1--description{display:block;max-width:16em;font-size:0.693em}#login-register>div.wrapper>section form span.login-message,#login-register>div.wrapper>section form span.register-message{color:red;font-size:0.693em;line-height:1.2;display:block;padding:0.8em 0 0 0}#login-register>div.wrapper>section form span.login-message[v-if="loginMessage"],#login-register>div.wrapper>section form span.register-message[v-if="registerMessage"]{display:none}@media (max-width: 654px){#login-register>div.wrapper{flex-flow:column}#login-register>div.wrapper>section{flex:0 0 auto}#login-register>div.wrapper>section form input[type="email"],#login-register>div.wrapper>section form input[type="password"]{max-width:90%;width:90%}#login-register>div.wrapper>section form#user-login-form #edit-pass--description,#login-register>div.wrapper>section form #edit-pass-pass1--description{max-width:90%;width:90%}#login-register>div.wrapper>section.login{padding-bottom:0.5em}}@media (max-width: 654px){#pricing .overlay>.modal{width:95% !important;height:95% !important}}#main-content form.commerce-checkout-flow{max-width:641px}#main-content form.commerce-checkout-flow .layout-checkout-form{display:flex;flex-flow:column}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main{width:100%;float:none;order:2;background-color:#ff9f50;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main label,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main legend,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .description,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset#edit-review-contact-information,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset#edit-review-payment-information{color:#fff}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset{border:none;margin:0;padding:0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset legend{font-size:1.5em;font-weight:600;margin-bottom:0.5em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item{margin:0 0 0.5em 0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main label{display:inline-block;font-weight:bold;min-width:10em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main input[type="text"]{width:20em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form{display:inline-block;background-color:#fff;color:#1A1A1A;border-radius:5px;padding:1em;margin:0 0 1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item{display:flex;align-items:center;flex-flow:row nowrap}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item label{color:#777}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item .form-text{background-color:#fff;border-radius:3px}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-add-payment-method-billing-information-address-0-address-address-line2{padding-left:10.25em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-add-payment-method-billing-information-copy-to-address-book{display:none}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary{width:100%;float:none;order:1}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary>h3{display:none}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary{background-color:#69cdcf;color:#fff;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .view-commerce-checkout-order-summary{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .field--name-product-id .field--name-title{font-size:2.5em;font-weight:800}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .field--name-title{font-size:1.5em;font-weight:600}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary p{margin:0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption{background-color:#50aa3c;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper{display:flex;flex-flow:row;align-items:center}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper .form-item{margin:0 0.5em 0 0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper .form-item label{color:#fff;font-size:1.5em;font-weight:600;margin-right:0.5em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper .form-item input[type="text"]{width:7em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper input[type="submit"]{background-color:#fff;color:#50aa3c;border:none;margin:0;padding:0.1em 0.7em;box-sizing:content-box;height:2em;font-weight:800;border-radius:5px}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer{float:none;width:100%;padding:0;order:3}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer #edit-actions{text-align:right}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer input#edit-actions-next{background-color:#9458aa;color:#fff;border:none;border-radius:5px;padding:0.2em 0.4em 0.3em;font-weight:600;font-size:1.323em}#main-content form.commerce-checkout-flow .layout-checkout-form #edit-completion-message p.welcom{font-size:1.512em}#main-content form.commerce-checkout-flow .layout-checkout-form #edit-order-summary{background-color:#50aa3c;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .form-item-materio-commerce-agree-nominative-nominative-terms label{max-width:95%;vertical-align:top}form#user-pass input.form-email{max-width:95%}#member-warning{padding:2em 4em;text-align:center}#member-warning a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#ff9f50;color:#fff}#webform-submission-multi-joueur-add-form{max-width:641px}#webform-submission-multi-joueur-add-form .form-item{margin:0.5em 0}#webform-submission-multi-joueur-add-form label{display:inline-block;width:10em;color:#fff}#webform-submission-multi-joueur-add-form .webform-element-description{color:#fff}#webform-submission-multi-joueur-add-form .form-item{position:relative;box-sizing:border-box}#webform-submission-multi-joueur-add-form .form-item.form-no-label input[type="text"]{margin-left:10.4em}#webform-submission-multi-joueur-add-form input[type="text"],#webform-submission-multi-joueur-add-form input[type="tel"],#webform-submission-multi-joueur-add-form input[type="email"]{width:calc(95% - 10em)}#webform-submission-multi-joueur-add-form input[type="submit"]{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none}#webform-submission-multi-joueur-add-form .address--wrapper{background-color:#ff9f50;margin:0;padding:1em 1em 0}#webform-submission-multi-joueur-add-form .form-item-vat-number{background-color:#ff9f50;margin:0;padding:1em 1em 0.6em}#webform-submission-multi-joueur-add-form .form-item-phone{background-color:#ff9f50;margin:0;padding:0 1em 1em}#webform-submission-multi-joueur-add-form .js-form-item-email{background-color:#ff9f50;margin:0;padding:0 1em 1em}#webform-submission-multi-joueur-add-form .webform-type-webform-email-confirm{background-color:#ff9f50;margin:0;padding:0 1em 1em}#webform-submission-multi-joueur-add-form .webform-type-webform-email-confirm label{width:15em}#webform-submission-multi-joueur-add-form .webform-type-webform-email-confirm input[type="email"]{width:calc(95% - 15em)}#webform-submission-multi-joueur-add-form .form-item-collaborateur{background-color:#69cdcf;margin:0;padding:1em}#webform-submission-multi-joueur-add-form .form-item-collaborateur input[type="image"]{background-color:#fff}#webform-submission-multi-joueur-add-form .form-item-collaborateur input[type="submit"]{background-color:#fff;color:#69cdcf}#webform-submission-multi-joueur-add-form .form-item-commentaires{background-color:#9458aa;margin:0;padding:1em}#webform-submission-multi-joueur-add-form #edit-actions{text-align:right}#webform-submission-multi-joueur-add-form #edit-actions input[type="submit"]{background-color:#9458aa;color:#fff}body:not(.path-home) footer[role="contentinfo"]{display:none}footer[role="contentinfo"] #block-materiosimplenewssubscription form{display:flex;flex-flow:row nowrap;align-items:center;font-size:0.756em}footer[role="contentinfo"] #block-materiosimplenewssubscription form>*{margin-right:0.5em}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-subscriptions{display:flex;flex-flow:row nowrap}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-subscriptions>*{margin-right:0.5em;display:flex;flex-flow:row nowrap;align-items:center}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-subscriptions input{margin-right:0.3em}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-mail-wrapper input[type="email"]{width:10em}footer[role="contentinfo"] #block-materiosimplenewssubscription form #edit-actions--2 input[type="submit"]{border:none;background:none;background-color:#69cdcf;border-radius:5px;color:#fff;padding:0.45em 1em;font-weight:700} +body{background:white;color:#1A1A1A}a{color:inherit;text-decoration:none}a,a:focus,a:active{outline:none}a:focus{-moz-outline-style:none}ul{margin:0;padding:0}ul li{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0}p a{position:relative}p a:not(.btn):after{content:'';position:absolute;top:1em;left:0;width:100%;border-bottom:1px dotted #000}input[type="text"],input[type="email"],input[type="tel"],input[type="password"]{border-radius:5px;border:0.5px solid #aaa;padding:0.3em 0.4em}input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus{outline:none;box-shadow:0 0 2px 1px #8bc4ff}.col-1,.small-col-1,.med-col-1,.large-col-1,.col-2,.small-col-2,.med-col-2,.large-col-2,.col-3,.small-col-3,.med-col-3,.large-col-3,.col-4,.small-col-4,.med-col-4,.large-col-4,.col-5,.small-col-5,.med-col-5,.large-col-5,.col-6,.small-col-6,.med-col-6,.large-col-6,.col-7,.small-col-7,.med-col-7,.large-col-7,.col-8,.small-col-8,.med-col-8,.large-col-8,.col-9,.small-col-9,.med-col-9,.large-col-9,.col-10,.small-col-10,.med-col-10,.large-col-10,.col-11,.small-col-11,.med-col-11,.large-col-11,.col-12,.small-col-12,.med-col-12,.large-col-12,.col-1-offset-1,.col-1-offset-2,.col-1-offset-3,.col-1-offset-4,.col-1-offset-5,.col-1-offset-6,.col-1-offset-7,.col-1-offset-8,.col-1-offset-9,.col-1-offset-10,.col-1-offset-11,.col-2-offset-1,.col-2-offset-2,.col-2-offset-3,.col-2-offset-4,.col-2-offset-5,.col-2-offset-6,.col-2-offset-7,.col-2-offset-8,.col-2-offset-9,.col-2-offset-10,.col-3-offset-1,.col-3-offset-2,.col-3-offset-3,.col-3-offset-4,.col-3-offset-5,.col-3-offset-6,.col-3-offset-7,.col-3-offset-8,.col-3-offset-9,.col-4-offset-1,.col-4-offset-2,.col-4-offset-3,.col-4-offset-4,.col-4-offset-5,.col-4-offset-6,.col-4-offset-7,.col-4-offset-8,.col-5-offset-1,.col-5-offset-2,.col-5-offset-3,.col-5-offset-4,.col-5-offset-5,.col-5-offset-6,.col-5-offset-7,.col-6-offset-1,.col-6-offset-2,.col-6-offset-3,.col-6-offset-4,.col-6-offset-5,.col-6-offset-6,.col-7-offset-1,.col-7-offset-2,.col-7-offset-3,.col-7-offset-4,.col-7-offset-5,.col-8-offset-1,.col-8-offset-2,.col-8-offset-3,.col-8-offset-4,.col-9-offset-1,.col-9-offset-2,.col-9-offset-3,.col-10-offset-1,.col-10-offset-2,.col-11-offset-1{width:100%;float:left;box-sizing:border-box}.row{position:relative}.row:after{content:"";clear:both;display:block}.col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.col-1:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.small-col-1:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.med-col-1:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-1{padding-left:0em;padding-right:1em;margin-left:0%;width:8.33333%}.large-col-1:last-child{padding-right:0}}.col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.col-2:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.small-col-2:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.med-col-2:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-2{padding-left:0em;padding-right:1em;margin-left:0%;width:16.66667%}.large-col-2:last-child{padding-right:0}}.col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.col-3:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.small-col-3:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.med-col-3:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-3{padding-left:0em;padding-right:1em;margin-left:0%;width:25%}.large-col-3:last-child{padding-right:0}}.col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.col-4:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.small-col-4:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.med-col-4:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-4{padding-left:0em;padding-right:1em;margin-left:0%;width:33.33333%}.large-col-4:last-child{padding-right:0}}.col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.col-5:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.small-col-5:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.med-col-5:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-5{padding-left:0em;padding-right:1em;margin-left:0%;width:41.66667%}.large-col-5:last-child{padding-right:0}}.col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.col-6:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.small-col-6:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.med-col-6:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-6{padding-left:0em;padding-right:1em;margin-left:0%;width:50%}.large-col-6:last-child{padding-right:0}}.col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.col-7:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.small-col-7:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.med-col-7:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-7{padding-left:0em;padding-right:1em;margin-left:0%;width:58.33333%}.large-col-7:last-child{padding-right:0}}.col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.col-8:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.small-col-8:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.med-col-8:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-8{padding-left:0em;padding-right:1em;margin-left:0%;width:66.66667%}.large-col-8:last-child{padding-right:0}}.col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.col-9:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.small-col-9:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.med-col-9:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-9{padding-left:0em;padding-right:1em;margin-left:0%;width:75%}.large-col-9:last-child{padding-right:0}}.col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.col-10:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.small-col-10:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.med-col-10:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-10{padding-left:0em;padding-right:1em;margin-left:0%;width:83.33333%}.large-col-10:last-child{padding-right:0}}.col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.col-11:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.small-col-11:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.med-col-11:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-11{padding-left:0em;padding-right:1em;margin-left:0%;width:91.66667%}.large-col-11:last-child{padding-right:0}}.col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.col-12:last-child{padding-right:0}@media only screen and (max-width: 768px){.small-col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.small-col-12:last-child{padding-right:0}}@media only screen and (min-width: 769px) and (max-width: 1080px){.med-col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.med-col-12:last-child{padding-right:0}}@media only screen and (min-width: 1081px){.large-col-12{padding-left:0em;padding-right:0;margin-left:0%;width:100%}.large-col-12:last-child{padding-right:0}}.col-1-offset-1{padding-left:1em;padding-right:1em;margin-left:8.33333%;width:8.33333%}.col-1-offset-1:last-child{padding-right:0}.col-1-offset-2{padding-left:2em;padding-right:1em;margin-left:16.66667%;width:8.33333%}.col-1-offset-2:last-child{padding-right:0}.col-1-offset-3{padding-left:3em;padding-right:1em;margin-left:25%;width:8.33333%}.col-1-offset-3:last-child{padding-right:0}.col-1-offset-4{padding-left:4em;padding-right:1em;margin-left:33.33333%;width:8.33333%}.col-1-offset-4:last-child{padding-right:0}.col-1-offset-5{padding-left:5em;padding-right:1em;margin-left:41.66667%;width:8.33333%}.col-1-offset-5:last-child{padding-right:0}.col-1-offset-6{padding-left:6em;padding-right:1em;margin-left:50%;width:8.33333%}.col-1-offset-6:last-child{padding-right:0}.col-1-offset-7{padding-left:7em;padding-right:1em;margin-left:58.33333%;width:8.33333%}.col-1-offset-7:last-child{padding-right:0}.col-1-offset-8{padding-left:8em;padding-right:1em;margin-left:66.66667%;width:8.33333%}.col-1-offset-8:last-child{padding-right:0}.col-1-offset-9{padding-left:9em;padding-right:1em;margin-left:75%;width:8.33333%}.col-1-offset-9:last-child{padding-right:0}.col-1-offset-10{padding-left:10em;padding-right:1em;margin-left:83.33333%;width:8.33333%}.col-1-offset-10:last-child{padding-right:0}.col-1-offset-11{padding-left:11em;padding-right:1em;margin-left:91.66667%;width:8.33333%}.col-1-offset-11:last-child{padding-right:0}.col-2-offset-1{padding-left:1em;padding-right:1em;margin-left:16.66667%;width:16.66667%}.col-2-offset-1:last-child{padding-right:0}.col-2-offset-2{padding-left:2em;padding-right:1em;margin-left:33.33333%;width:16.66667%}.col-2-offset-2:last-child{padding-right:0}.col-2-offset-3{padding-left:3em;padding-right:1em;margin-left:50%;width:16.66667%}.col-2-offset-3:last-child{padding-right:0}.col-2-offset-4{padding-left:4em;padding-right:1em;margin-left:66.66667%;width:16.66667%}.col-2-offset-4:last-child{padding-right:0}.col-2-offset-5{padding-left:5em;padding-right:1em;margin-left:83.33333%;width:16.66667%}.col-2-offset-5:last-child{padding-right:0}.col-2-offset-6{padding-left:6em;padding-right:1em;margin-left:100%;width:16.66667%}.col-2-offset-6:last-child{padding-right:0}.col-2-offset-7{padding-left:7em;padding-right:1em;margin-left:116.66667%;width:16.66667%}.col-2-offset-7:last-child{padding-right:0}.col-2-offset-8{padding-left:8em;padding-right:1em;margin-left:133.33333%;width:16.66667%}.col-2-offset-8:last-child{padding-right:0}.col-2-offset-9{padding-left:9em;padding-right:1em;margin-left:150%;width:16.66667%}.col-2-offset-9:last-child{padding-right:0}.col-2-offset-10{padding-left:10em;padding-right:1em;margin-left:166.66667%;width:16.66667%}.col-2-offset-10:last-child{padding-right:0}.col-3-offset-1{padding-left:1em;padding-right:1em;margin-left:25%;width:25%}.col-3-offset-1:last-child{padding-right:0}.col-3-offset-2{padding-left:2em;padding-right:1em;margin-left:50%;width:25%}.col-3-offset-2:last-child{padding-right:0}.col-3-offset-3{padding-left:3em;padding-right:1em;margin-left:75%;width:25%}.col-3-offset-3:last-child{padding-right:0}.col-3-offset-4{padding-left:4em;padding-right:1em;margin-left:100%;width:25%}.col-3-offset-4:last-child{padding-right:0}.col-3-offset-5{padding-left:5em;padding-right:1em;margin-left:125%;width:25%}.col-3-offset-5:last-child{padding-right:0}.col-3-offset-6{padding-left:6em;padding-right:1em;margin-left:150%;width:25%}.col-3-offset-6:last-child{padding-right:0}.col-3-offset-7{padding-left:7em;padding-right:1em;margin-left:175%;width:25%}.col-3-offset-7:last-child{padding-right:0}.col-3-offset-8{padding-left:8em;padding-right:1em;margin-left:200%;width:25%}.col-3-offset-8:last-child{padding-right:0}.col-3-offset-9{padding-left:9em;padding-right:1em;margin-left:225%;width:25%}.col-3-offset-9:last-child{padding-right:0}.col-4-offset-1{padding-left:1em;padding-right:1em;margin-left:33.33333%;width:33.33333%}.col-4-offset-1:last-child{padding-right:0}.col-4-offset-2{padding-left:2em;padding-right:1em;margin-left:66.66667%;width:33.33333%}.col-4-offset-2:last-child{padding-right:0}.col-4-offset-3{padding-left:3em;padding-right:1em;margin-left:100%;width:33.33333%}.col-4-offset-3:last-child{padding-right:0}.col-4-offset-4{padding-left:4em;padding-right:1em;margin-left:133.33333%;width:33.33333%}.col-4-offset-4:last-child{padding-right:0}.col-4-offset-5{padding-left:5em;padding-right:1em;margin-left:166.66667%;width:33.33333%}.col-4-offset-5:last-child{padding-right:0}.col-4-offset-6{padding-left:6em;padding-right:1em;margin-left:200%;width:33.33333%}.col-4-offset-6:last-child{padding-right:0}.col-4-offset-7{padding-left:7em;padding-right:1em;margin-left:233.33333%;width:33.33333%}.col-4-offset-7:last-child{padding-right:0}.col-4-offset-8{padding-left:8em;padding-right:1em;margin-left:266.66667%;width:33.33333%}.col-4-offset-8:last-child{padding-right:0}.col-5-offset-1{padding-left:1em;padding-right:1em;margin-left:41.66667%;width:41.66667%}.col-5-offset-1:last-child{padding-right:0}.col-5-offset-2{padding-left:2em;padding-right:1em;margin-left:83.33333%;width:41.66667%}.col-5-offset-2:last-child{padding-right:0}.col-5-offset-3{padding-left:3em;padding-right:1em;margin-left:125%;width:41.66667%}.col-5-offset-3:last-child{padding-right:0}.col-5-offset-4{padding-left:4em;padding-right:1em;margin-left:166.66667%;width:41.66667%}.col-5-offset-4:last-child{padding-right:0}.col-5-offset-5{padding-left:5em;padding-right:1em;margin-left:208.33333%;width:41.66667%}.col-5-offset-5:last-child{padding-right:0}.col-5-offset-6{padding-left:6em;padding-right:1em;margin-left:250%;width:41.66667%}.col-5-offset-6:last-child{padding-right:0}.col-5-offset-7{padding-left:7em;padding-right:1em;margin-left:291.66667%;width:41.66667%}.col-5-offset-7:last-child{padding-right:0}.col-6-offset-1{padding-left:1em;padding-right:1em;margin-left:50%;width:50%}.col-6-offset-1:last-child{padding-right:0}.col-6-offset-2{padding-left:2em;padding-right:1em;margin-left:100%;width:50%}.col-6-offset-2:last-child{padding-right:0}.col-6-offset-3{padding-left:3em;padding-right:1em;margin-left:150%;width:50%}.col-6-offset-3:last-child{padding-right:0}.col-6-offset-4{padding-left:4em;padding-right:1em;margin-left:200%;width:50%}.col-6-offset-4:last-child{padding-right:0}.col-6-offset-5{padding-left:5em;padding-right:1em;margin-left:250%;width:50%}.col-6-offset-5:last-child{padding-right:0}.col-6-offset-6{padding-left:6em;padding-right:1em;margin-left:300%;width:50%}.col-6-offset-6:last-child{padding-right:0}.col-7-offset-1{padding-left:1em;padding-right:1em;margin-left:58.33333%;width:58.33333%}.col-7-offset-1:last-child{padding-right:0}.col-7-offset-2{padding-left:2em;padding-right:1em;margin-left:116.66667%;width:58.33333%}.col-7-offset-2:last-child{padding-right:0}.col-7-offset-3{padding-left:3em;padding-right:1em;margin-left:175%;width:58.33333%}.col-7-offset-3:last-child{padding-right:0}.col-7-offset-4{padding-left:4em;padding-right:1em;margin-left:233.33333%;width:58.33333%}.col-7-offset-4:last-child{padding-right:0}.col-7-offset-5{padding-left:5em;padding-right:1em;margin-left:291.66667%;width:58.33333%}.col-7-offset-5:last-child{padding-right:0}.col-8-offset-1{padding-left:1em;padding-right:1em;margin-left:66.66667%;width:66.66667%}.col-8-offset-1:last-child{padding-right:0}.col-8-offset-2{padding-left:2em;padding-right:1em;margin-left:133.33333%;width:66.66667%}.col-8-offset-2:last-child{padding-right:0}.col-8-offset-3{padding-left:3em;padding-right:1em;margin-left:200%;width:66.66667%}.col-8-offset-3:last-child{padding-right:0}.col-8-offset-4{padding-left:4em;padding-right:1em;margin-left:266.66667%;width:66.66667%}.col-8-offset-4:last-child{padding-right:0}.col-9-offset-1{padding-left:1em;padding-right:1em;margin-left:75%;width:75%}.col-9-offset-1:last-child{padding-right:0}.col-9-offset-2{padding-left:2em;padding-right:1em;margin-left:150%;width:75%}.col-9-offset-2:last-child{padding-right:0}.col-9-offset-3{padding-left:3em;padding-right:1em;margin-left:225%;width:75%}.col-9-offset-3:last-child{padding-right:0}.col-10-offset-1{padding-left:1em;padding-right:1em;margin-left:83.33333%;width:83.33333%}.col-10-offset-1:last-child{padding-right:0}.col-10-offset-2{padding-left:2em;padding-right:1em;margin-left:166.66667%;width:83.33333%}.col-10-offset-2:last-child{padding-right:0}.col-11-offset-1{padding-left:1em;padding-right:1em;margin-left:91.66667%;width:91.66667%}.col-11-offset-1:last-child{padding-right:0}.col.float-right{float:right;padding-right:0;padding-left:1em}body,html{position:relative;width:100%;height:100%;font-family:sans-serif;font-style:normal;margin:0;padding:0}body{overflow-x:hidden}div.dialog-off-canvas-main-canvas{width:100vw;height:100vh;display:flex;flex-direction:column}body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{padding-top:24px !important}header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{margin:0 auto}@media only screen and (max-width: 218px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:218px}}@media only screen and (min-width: 437px) and (max-width: 654px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:436px}}@media only screen and (min-width: 655px) and (max-width: 872px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:654px}}@media only screen and (min-width: 873px) and (max-width: 1090px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:872px}}@media only screen and (min-width: 1091px) and (max-width: 1308px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1090px}}@media only screen and (min-width: 1309px) and (max-width: 1526px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1308px}}@media only screen and (min-width: 1527px) and (max-width: 1744px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1526px}}@media only screen and (min-width: 1745px) and (max-width: 1962px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1744px}}@media only screen and (min-width: 1963px) and (max-width: 2180px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:1962px}}@media only screen and (min-width: 2181px) and (max-width: 2398px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2180px}}@media only screen and (min-width: 2399px) and (max-width: 2616px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2398px}}@media only screen and (min-width: 2617px) and (max-width: 2834px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2616px}}@media only screen and (min-width: 2835px) and (max-width: 3052px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:2834px}}@media only screen and (min-width: 3053px) and (max-width: 3270px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3052px}}@media only screen and (min-width: 3271px) and (max-width: 3488px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3270px}}@media only screen and (min-width: 3489px) and (max-width: 3706px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3488px}}@media only screen and (min-width: 3707px) and (max-width: 3924px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3706px}}@media only screen and (min-width: 3925px) and (max-width: 4142px){header[role="banner"]>.wrapper,main[role="main"]>.scroller>.wrapper,footer[role="contentinfo"]>.wrapper{width:3924px}}header[role="banner"]{flex:0 0 auto;background-color:#fff;width:100vw}header[role="banner"]>.wrapper{background-color:#fff}header[role="banner"]>.wrapper:after{content:"";clear:both;display:block}header[role="banner"]>.wrapper .header-block{min-height:33px;font-size:0}header[role="banner"]>.wrapper .header-block>*{font-size:16px}header[role="banner"]>.wrapper .header-block.header-right{text-align:right}header[role="banner"]>.wrapper .header-block .header-block-wrapper>*{display:inline-block;vertical-align:top;text-align:left}header[role="banner"]>.wrapper .header-block input#header-block-right-toggle{display:none}header[role="banner"]>.wrapper .header-block label[for="header-block-right-toggle"]{display:none}@media (max-width: 654px){header[role="banner"]>.wrapper .header-block.header-left{width:75%}header[role="banner"]>.wrapper .header-block.header-right{width:23%}header[role="banner"]>.wrapper .header-block.header-right label[for="header-block-right-toggle"]{display:block}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper{z-index:100;position:absolute;top:33px;right:0;box-sizing:border-box;overflow:hidden;width:0.1px;box-shadow:0 0 0 #fff;padding:1em 0;margin-top:0.7em;transition:all 0.5s ease-in-out}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>*.block,header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>div#user-tools{display:block;width:18em;padding:0 0 1em 0 !important;margin:0 0 1em 0 !important;text-align:right;border-left:none !important;border-right:none !important}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>*.block:not(:last-child),header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper>div#user-tools:not(:last-child){border-bottom:1px solid #ccc !important}header[role="banner"]>.wrapper .header-block.header-right .header-block-wrapper #user-flags{width:18em;padding:1em 0 0 0 !important;margin:1em 0 0 0 !important;border-top:1px solid #ccc !important}header[role="banner"]>.wrapper .header-block.header-right input#header-block-right-toggle:checked ~ div.header-block-wrapper{width:20em;padding:1em 1em;box-shadow:-2px 2px 4px #ccc}}main[role="main"]{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}main[role="main"]>.scroller{width:100vw}main[role="main"]>.scroller>.wrapper{display:flex;flex-direction:row-reverse}@media (max-width: 436px){main[role="main"]>.scroller>.wrapper{display:block}}main[role="main"]>.scroller>.wrapper #content-left{flex-basis:205px;flex-shrink:0}main[role="main"]>.scroller>.wrapper #content-left>*{width:100%;box-sizing:border-box;padding:0.5em 13px}@media (max-width: 436px){main[role="main"]>.scroller>.wrapper #content-left{padding-right:13px}}main[role="main"]>.scroller>.wrapper #content-center{flex-basis:110%}@keyframes rotating{from{transform:rotate(0deg);transform-origin:center}to{transform:rotate(360deg);transform-origin:center}}body{font-size:16px;font-family:"Ubuntu",Arial,"MS Trebuchet",sans-serif;font-weight:500;font-style:normal;line-height:1.3}aside.messages{border:none}header[role="banner"]{padding:0.2em 0 0 0}header[role="banner"] #block-userlogin h2,header[role="banner"] #user-tools a.mdi-account,header[role="banner"] #user-flags h2,header[role="banner"] #user-flags li h5,header[role="banner"] #block-header ul.menu li a{font-size:0.9em;font-weight:400}header[role="banner"] #block-sitebranding h1{margin:0;line-height:1}header[role="banner"] #block-sitebranding .slogan{font-size:0.882em;display:block;white-space:nowrap}@media (max-width: 654px){header[role="banner"] #block-sitebranding h1,header[role="banner"] #block-sitebranding .slogan{display:inline-block}}@media (orientation: landscape) and (max-width: 872px){header[role="banner"] #block-sitebranding .slogan{display:none}}@media (max-width: 654px){header[role="banner"] .header-block.header-right .header-block-wrapper,header[role="banner"] .header-block.header-right .header-block-wrapper #user-flags ul{background-color:#fff}}header[role="banner"] #block-socialmedialinks{padding-right:0.5em;border-right:1px solid #1A1A1A;margin-right:0.5em}header[role="banner"] #block-socialmedialinks li{padding:0}header[role="banner"] #block-userlogin{position:relative;padding:0 1em;overflow:visible}header[role="banner"] #block-userlogin h2{line-height:1.38;margin:0}header[role="banner"] #block-userlogin>section{overflow:hidden;background-color:#fff;box-sizing:content-box;transition:all 0.4s ease-in-out;right:0;top:1.7em;box-sizing:content-box;z-index:100}@media (min-width: 655px){header[role="banner"] #block-userlogin>section{max-height:0px;padding:0.01em 1em;transition-delay:2s;position:absolute;width:11em}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #block-userlogin:hover>section{transition-delay:0s;max-height:20em;padding:1em 1em;box-shadow:0 0 10px #ccc}}@media (min-width: 655px){header[role="banner"] #block-userlogin.tapped>section{transition-delay:0s;max-height:20em;padding:1em 1em;box-shadow:0 0 10px #ccc}}header[role="banner"] #block-userlogin .form-item{margin:0;position:relative;width:100%}header[role="banner"] #block-userlogin .form-item.form-item-name{margin:2px 0 0.5em 0}header[role="banner"] #block-userlogin .form-item.form-item-name input{width:90%;padding:0;box-sizing:content-box}header[role="banner"] #block-userlogin .form-item.form-item-pass{margin:0 0 0.5em 0}header[role="banner"] #block-userlogin .form-item.form-item-pass input{width:90%;padding:0;box-sizing:content-box}header[role="banner"] #block-userlogin .form-item.form-item-persistent-login{font-size:0.756em}header[role="banner"] #block-userlogin .form-item.form-item-persistent-login label{vertical-align:top}header[role="banner"] #block-userlogin #edit-actions{margin:0}header[role="banner"] #block-userlogin .item-list ul{margin:0}header[role="banner"] #block-userlogin .item-list ul li{list-style:none;margin:0}header[role="banner"] #block-userlogin .item-list ul li a{font-size:0.756em}header[role="banner"] #block-userlogin span.login-message{color:red;font-size:0.693em;line-height:1.2;display:block;padding:0 0 0.8em 0}header[role="banner"] #block-userlogin span.login-message[v-if="loginMessage"],header[role="banner"] #block-userlogin span.register-message[v-if="registerMessage"]{display:none}header[role="banner"] #block-userblock h2{display:none}header[role="banner"] #block-userblock a{margin-right:1em}header[role="banner"] #user-tools{padding-top:0.06em}header[role="banner"] #user-tools a.mdi-account{cursor:pointer}@media (min-width: 655px) and (max-width: 1090px){header[role="banner"] #user-tools a.mdi-account span{display:none}}header[role="banner"] #user-tools .mdi-logout::before{margin:-0.125em 0 0 0;vertical-align:top}header[role="banner"] #user-flags{padding-left:0.5em;margin-left:0.5em;display:inline-block;vertical-align:top;position:relative}header[role="banner"] #user-flags h2{cursor:pointer}header[role="banner"] #user-flags h2:before{padding-right:0.2em}@media (min-width: 655px) and (max-width: 1090px){header[role="banner"] #user-flags h2 span{display:none}}header[role="banner"] #user-flags ul{background-color:#fff;overflow:hidden;box-sizing:content-box;box-sizing:content-box}@media (min-width: 655px){header[role="banner"] #user-flags{border-left:1px solid #000}header[role="banner"] #user-flags ul{transition:all 0.4s ease-in-out;transition-delay:2s;z-index:30;position:absolute;right:0;top:1.7em;width:11em;max-height:1px;padding:0.01em 1em}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #user-flags:hover ul{transition-delay:0s;max-height:50em;padding:1em 1em;box-shadow:0 0 10px #ccc}}@media (min-width: 655px){header[role="banner"] #user-flags.tapped ul{transition-delay:0s;max-height:50em;padding:1em 1em;box-shadow:0 0 10px #ccc}}header[role="banner"] #user-flags li{width:100%;display:flex;flex-direction:row;align-items:baseline;flex-wrap:nowrap}header[role="banner"] #user-flags li h5{cursor:pointer;font-weight:700}header[role="banner"] #user-flags li h5 span.length{font-weight:300}header[role="banner"] #user-flags li span.mdi{font-size:0.9em}header[role="banner"] #user-flags li div.actions{padding-left:0.5em}header[role="banner"] #user-flags li div.actions span.mdi{cursor:pointer;color:#4e4d4d}header[role="banner"] #user-flags li div.actions span.delete-btn.loading:before{animation:rotating 2s linear infinite}@media (min-width: 655px){header[role="banner"] #user-flags li div.actions{opacity:0;transition:opacity 0.3s ease-in-out}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #user-flags li:hover div.actions{opacity:1}}@media (min-width: 655px){header[role="banner"] #user-flags li.tapped div.actions{opacity:1}}@media (max-width: 654px){header[role="banner"] #user-flags li{flex-direction:row-reverse}header[role="banner"] #user-flags li div.actions{padding-left:0;padding-right:0.5em}}header[role="banner"] #user-flags li.create-flag{margin-top:0.2em}header[role="banner"] #user-flags li.create-flag input{align-self:flex-end;border:1px solid #bbb;border-radius:5px;width:calc(100% - 2em);font-size:0.8em}header[role="banner"] #user-flags li.create-flag span.add-btn{align-self:flex-end;color:#bbb;font-size:1em;padding:0 0 0 .5em;transition:all 0.2s ease-in-out}header[role="banner"] #user-flags li.create-flag span.add-btn.active{cursor:pointer;color:#1a1a1a}header[role="banner"] #user-flags li.create-flag span.add-btn.loading:before{animation:rotating 2s linear infinite}header[role="banner"] #block-header{margin-right:0.5em;padding-left:0.5em;border-left:1px solid #000}header[role="banner"] #block-header #block-header-menu{display:none}header[role="banner"] #block-header ul.menu{margin:0}header[role="banner"] #block-header ul.menu li{padding:0}header[role="banner"] #block-header ul.menu li{display:inline-block}header[role="banner"] #block-header ul.menu li:not(:first-of-type){margin-left:0.3em}@media (max-width: 654px){header[role="banner"] #block-header ul.menu{text-align:right}header[role="banner"] #block-header ul.menu li{display:block}header[role="banner"] #block-header ul.menu li a{display:block;padding:0.2em 0}}header[role="banner"] #block-languageswitcher{text-align:right;position:relative;padding-right:3px}header[role="banner"] #block-languageswitcher h2{margin:0.1em 0 0 0;font-size:0.756em;font-weight:400;padding:0.1em 0.4em 0.2em;border-radius:3px;background-color:#444;color:#fff;display:inline-block;vertical-align:top;width:12px;height:15px;overflow:hidden}header[role="banner"] #block-languageswitcher h2::before{content:"\F05CA";display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header[role="banner"] #block-languageswitcher>ul.links{overflow:hidden;margin:0;box-sizing:content-box}@media (min-width: 655px){header[role="banner"] #block-languageswitcher>ul.links{width:3.5em;position:absolute;top:17px;right:0;transition:all 0.4s ease-in-out;padding:0.01em 0;height:1px}}@media (min-width: 655px) and (hover: hover){header[role="banner"] #block-languageswitcher:hover>ul.links{transition-delay:0s;height:2em;padding:0.3em 0}}@media (min-width: 655px){header[role="banner"] #block-languageswitcher.tapped>ul.links{transition-delay:0s;height:2em;padding:0.3em 0}}@media (max-width: 654px){header[role="banner"] #block-languageswitcher h2{display:none}}header[role="banner"] #block-languageswitcher li{list-style:none;padding:0;display:inline-block}header[role="banner"] #block-languageswitcher li.is-active{display:none}header[role="banner"] #block-languageswitcher li a{margin:0;font-size:0.756em;font-weight:400;padding:0.2em 0.4em;border-radius:3px;background-color:#444;color:#fff}header[role="banner"] #header-bottom{display:flex;flex-direction:row;justify-content:space-between}header[role="banner"] #header-bottom:after{content:none}header[role="banner"] #header-bottom #block-materiosapisearchblock{align-self:flex-end}@media (max-width: 654px){header[role="banner"] #header-bottom{flex-direction:column;justify-content:center}header[role="banner"] #header-bottom #block-pagetitle{width:100%}header[role="banner"] #header-bottom #block-materiosapisearchblock{box-sizing:border-box;width:100%}}@media (orientation: landscape) and (max-width: 872px){header[role="banner"] #header-bottom #block-materiosapisearchblock{align-self:flex-start}}header[role="banner"] #block-pagetitle{padding:1em 0}header[role="banner"] #block-pagetitle h2{margin:0;font-size:1.512em;text-transform:capitalize;font-weight:300}body.path-home header[role="banner"] #block-pagetitle h2{display:none}body:not(.path-home) header[role="banner"] #block-pagetitle h2{padding:0.5em 1em}body.path-blabla header[role="banner"] #block-pagetitle h2,body.path-checkout header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#9458aa}body.path-showrooms header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#50aa3c}body.path-base header[role="banner"] #block-pagetitle h2,body.path-thematique header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#69cdcf}body.path-pricing header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#ff9f50}body.path-webform header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#50aa3c}body.path-privacy-policy header[role="banner"] #block-pagetitle h2,body.path-tos header[role="banner"] #block-pagetitle h2{color:#fff;background-color:#1A1A1A}@media (max-width: 654px){header[role="banner"] #block-pagetitle{padding:1em 0 0}body.path-frontpage header[role="banner"] #block-pagetitle,body.path-home header[role="banner"] #block-pagetitle{display:none}body.path-base header[role="banner"] #block-pagetitle h2{padding:0.5em 1em 0 !important}}@media (orientation: landscape) and (max-width: 872px){header[role="banner"] #block-pagetitle{padding:0 0 1em}body:not(.path-home) header[role="banner"] #block-pagetitle h2{padding:0 0.6em 0.1em}}header[role="banner"] #block-materiosapisearchblock{padding:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form{display:grid;grid-template-columns:auto 25px;grid-template-rows:auto auto;row-gap:0.2em;justify-items:stretch}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .form-item,header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form input.button{display:inline-block;margin:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .form-item-search{grid-row:1 / 1;grid-column:1 / 1;position:relative}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .form-item-search #edit-search{border:1px #BBB solid;border-radius:14px;padding:0.3em;color:#666;width:100%;box-sizing:border-box}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters{grid-row:2 / 2;grid-column:1 / span 2;border:none;padding:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters>legend{line-height:0.6;padding-bottom:0.2em;width:100%;text-align:right}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters>legend span{cursor:pointer;font-size:0.756em;color:#8f8f8f}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters>div.fieldset-wrapper{height:0;overflow:hidden}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters.open>div.fieldset-wrapper{height:auto;overflow:visible}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main{font-size:0.756em}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected{border-radius:0.7em;height:1.5em;border:none;padding:0 0.5em;background-color:#eeeaea}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected.ss-open-below{border-radius:0.7em 0.7em 0 0.7em}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected span.placeholder{color:#1A1A1A;line-height:1}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected span.placeholder span.ss-disabled{color:#8f8f8f}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-single-selected span.ss-arrow span{border-color:#b1adad}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-content{width:auto;border:none;border-radius:0.7em 0 0.7em 0.7em;right:0}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-content.ss-open{box-shadow:0 0 10px #ccc}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-content .ss-list{max-height:none}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form fieldset#edit-filters .ss-main .ss-content .ss-list .ss-option{white-space:nowrap;text-align:right}header[role="banner"] #block-materiosapisearchblock #materio-sapi-search-form .button.form-submit{grid-row:1 / 1;grid-column:2 / 2;justify-self:end;align-self:center;border:0;text-indent:50px;overflow:hidden;width:20px;height:20px;margin:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjI3bW0iCiAgIGhlaWdodD0iMjdtbSIKICAgdmlld0JveD0iMCAwIDI3IDI3IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxNTY4MCIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wLjIgKGU4NmM4NzA4NzksIDIwMjEtMDEtMTUpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJzZWFyY2guc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTU2NzQiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjMuOTU5Nzk4IgogICAgIGlua3NjYXBlOmN4PSI1Mi4zOTQzMDEiCiAgICAgaW5rc2NhcGU6Y3k9IjY2LjY2OTUyOSIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIGlua3NjYXBlOmRvY3VtZW50LXJvdGF0aW9uPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTE0NSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExNTY3NyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iQ2FscXVlIDEiCiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICBpZD0ibGF5ZXIxIj4KICAgIDxnCiAgICAgICBpZD0iZzE2NDIwIgogICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC44MTE1MDI5MywwLjIxMDg3NTA4KSI+CiAgICAgIDxsaW5lCiAgICAgICAgIGZpbGw9Im5vbmUiCiAgICAgICAgIHN0cm9rZT0iIzNhNThkOCIKICAgICAgICAgc3Ryb2tlLXdpZHRoPSIzLjU3NzU0IgogICAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICAgICAgIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIKICAgICAgICAgeDE9IjIuMDQzNjYwNiIKICAgICAgICAgeTE9IjI0LjQzMzkxNiIKICAgICAgICAgeDI9IjkuNDg3MjAyNiIKICAgICAgICAgeTI9IjE2Ljk5MDM3NCIKICAgICAgICAgaWQ9ImxpbmU0NTg0IgogICAgICAgICBzdHlsZT0ic3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KICAgICAgPGcKICAgICAgICAgaWQ9Imc0NTkwIgogICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjI2NDU4MzMzLDAsMCwwLjI2NDU4MzMzLC0zNzQuNTIzNSwtNjQ3Ljc4NjYpIj4KICAgICAgICA8cGF0aAogICAgICAgICAgIGQ9Im0gMTUwOS4zNzEsMjQ4OS4xMjkgYyAtMC4wMzksNi4xOTYgLTAuOTk2LDExLjYzOSAtMi44NjksMTYuMzI2IC0xLjg3Myw0LjY4NyAtNC40MjEsOC42MDcgLTcuNjQyLDExLjc1NSAtMy4yMjMsMy4xNDkgLTcuMDQ5LDUuNTA5IC0xMS40NzksNy4wODMgLTQuNDMsMS41NzQgLTkuMTg4LDIuMzQ2IC0xNC4yNjksMi4zMTUgLTQuOTQ0LC0wLjAzIC05LjYwMywtMC44NTkgLTEzLjk3OSwtMi40ODcgLTQuMzc3LC0xLjYyOCAtOC4xOTIsLTQuMDMzIC0xMS40NDQsLTcuMjI0IC0zLjI1MywtMy4xODcgLTUuODA0LC03LjEzNyAtNy42NTUsLTExLjg0NyAtMS44NTEsLTQuNzEgLTIuNzU3LC0xMC4xNjQgLTIuNzIxLC0xNi4zNjEgMC4wMzksLTYuMTk1IDEuMDQ1LC0xMS42MzcgMy4wMjQsLTE2LjMyNCAxLjk3OCwtNC42ODggNC42MjksLTguNjIxIDcuOTU3LC0xMS44MDUgMy4zMjYsLTMuMTgyIDcuMTY5LC01LjU2MSAxMS41MywtNy4xMzcgNC4zNjEsLTEuNTc0IDguOTQ1LC0yLjM0NiAxMy43NDksLTIuMzE2IDQuOTQzLDAuMDI5IDkuNjAxLDAuODU3IDEzLjk3OSwyLjQ4NiA0LjM3NSwxLjYyOSA4LjE4OCw0LjA1NSAxMS40NDIsNy4yNzYgMy4yNTIsMy4yMjIgNS44MDUsNy4xODggNy42NTYsMTEuODk5IDEuODUxLDQuNzEzIDIuNzU4LDEwLjE2NSAyLjcyMSwxNi4zNjEgeiBtIC01NS4yNDQsLTAuMzM3IGMgLTAuMDIyLDMuNTUxIDAuMzkyLDYuNzU4IDEuMjQ3LDkuNjE2IDAuODU0LDIuODYgMi4wOSw1LjMyMiAzLjcxNSw3LjM4NSAxLjYyMywyLjA2NCAzLjYxNCwzLjY2MiA1Ljk3Myw0Ljc4NyAyLjM2LDEuMTMgNS4wNzQsMS43MDMgOC4xMzcsMS43MjEgMi45OTIsMC4wMiA1LjY5NSwtMC41MiA4LjEwMywtMS42MjEgMi40MTEsLTEuMDk5IDQuNDM3LC0yLjY3IDYuMDg2LC00LjcxNSAxLjY0OSwtMi4wNDEgMi45MTYsLTQuNDg4IDMuODA1LC03LjMzOSAwLjg4NiwtMi44NDggMS4zNDMsLTYuMDQ5IDEuMzY0LC05LjYwMSAwLjAyMSwtMy41NDkgLTAuMzk2LC02Ljc3MiAtMS4yNDcsLTkuNjY2IC0wLjg1NCwtMi44OTUgLTIuMDkyLC01LjM3MiAtMy43MTQsLTcuNDM4IC0xLjYyNCwtMi4wNjIgLTMuNjMxLC0zLjY1OSAtNi4wMjksLTQuNzg5IC0yLjM5NSwtMS4xMjcgLTUuMDkxLC0xLjcwMSAtOC4wODIsLTEuNzIxIC0zLjA2NCwtMC4wMTggLTUuNzg0LDAuNTM5IC04LjE1NiwxLjY3NCAtMi4zNzQsMS4xMzUgLTQuMzg1LDIuNzI2IC02LjAzMyw0Ljc2OCAtMS42NSwyLjA0NSAtMi45MTcsNC41MDkgLTMuODA1LDcuMzkzIC0wLjg5LDIuODg1IC0xLjM0Myw2LjA2NyAtMS4zNjQsOS41NDYgeiIKICAgICAgICAgICBpZD0icGF0aDQ1ODgiIC8+CiAgICAgIDwvZz4KICAgICAgPGNpcmNsZQogICAgICAgICBmaWxsPSIjZmYyMzI2IgogICAgICAgICBjeD0iMTUuMjQ0NTMzIgogICAgICAgICBjeT0iMTAuNjk2NDU0IgogICAgICAgICByPSIxLjcyMTkwODMiCiAgICAgICAgIGlkPSJjaXJjbGU0NTk0IgogICAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxO3N0cm9rZS13aWR0aDowLjI2NDU4MyIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent}@media (max-width: 654px){header[role="banner"] #block-materiosapisearchblock{padding:0 1em 1em;background-color:#69cdcf}body:not(.path-base) header[role="banner"] #block-materiosapisearchblock{display:none}}aside.messages{padding:0}#main-content.loading{transition:all 0.3s ease-in-out;opacity:0.5;pointer-events:none}#content-left{z-index:5;box-sizing:content-box;max-width:1px;overflow-x:hidden;transition:all 0.3s ease-in-out}#content-left.opened{max-width:500px;padding:0.3em}#content-left>*{box-sizing:border-box;background-color:#fff;box-shadow:-2px 0px 4px rgba(0,0,0,0.2);padding:0.5em}#content-left .flag-collection>header{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:13px}#content-left .flag-collection>header .mdi-close{cursor:pointer;align-self:flex-end}@media (max-width: 436px){#content-left .flag-collection>ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}#content-left .flag-collection>ul>li{margin:0 0 13px 0;padding:0}#content-left .flag-collection>ul>li article.card.minicard{width:170px;height:100px;margin:auto}#content-left .flag-collection>ul>li article.card.minicard>header{padding:0.3em 0.3em 0.1em}#content-left .flag-collection>ul>li article.card.minicard>header h1{margin:0}#content-left .flag-collection>ul>li article.card.minicard>nav.tools{padding:0 0.2em}#content-left .flag-collection>ul>li article.card.minicard>nav.tools .mdi.unflag{cursor:pointer}article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-database>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>h3,article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-title{font-size:3.5em;line-height:1}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-database>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1) .field__label,article.node--type-frontpage .node__content>section.home-pricing>h3,article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-title{font-size:2em}}article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-database>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1) .field__item,article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-body{font-size:0.9em;line-height:1.3}article.node--type-frontpage .node__content>section.home-intro,article.node--type-frontpage .node__content>section.home-pricing{padding:1.5em 0;background-color:#fff}article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1),article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1){width:80%;margin:0 auto;text-align:center}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-intro>div:nth-child(1),article.node--type-frontpage .node__content>section.home-pricing>div:nth-child(1){width:auto;padding:0 1em;text-align:left}}article.node--type-frontpage .node__content>section.home-database,article.node--type-frontpage .node__content>section.home-showrooms,article.node--type-frontpage .node__content>section.home-blabla{display:flex;flex-direction:row;flex-wrap:nowrap}article.node--type-frontpage .node__content>section.home-database>div:nth-child(1),article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1),article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1){flex:0 0 423px;box-sizing:border-box;padding:1em;color:#fff}article.node--type-frontpage .node__content>section.home-database>div:nth-child(2),article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(2),article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(2){flex:1 1 auto;box-sizing:border-box;padding:1em 0.5em}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-database,article.node--type-frontpage .node__content>section.home-showrooms,article.node--type-frontpage .node__content>section.home-blabla{flex-direction:column}article.node--type-frontpage .node__content>section.home-database>div:nth-child(1),article.node--type-frontpage .node__content>section.home-showrooms>div:nth-child(1),article.node--type-frontpage .node__content>section.home-blabla>div:nth-child(1){flex:0 0 auto}}article.node--type-frontpage>h2{display:none}article.node--type-frontpage .node__content>section.home-intro .field__item{display:flex;flex-flow:row nowrap;justify-content:center}article.node--type-frontpage .node__content>section.home-intro .field__item p{flex:0 0 35%;max-width:410px;padding:1em;box-sizing:border-box}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-intro .field__item{display:none}}article.node--type-frontpage .node__content>section.home-database{background-color:#69cdcf}article.node--type-frontpage .node__content>section.home-database .field--name-field-database-links .field__item{display:inline-block}article.node--type-frontpage .node__content>section.home-database .field--name-field-database-links .field__item a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff;color:#69cdcf}article.node--type-frontpage .node__content>section.home-database .cards-list-home{position:relative;max-height:580px;overflow-y:hidden}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul{width:100%;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:space-between}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-database .cards-list-home ul{justify-content:space-around}}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li{padding:0 0 6.5px 0;box-sizing:border-box;width:102.5px;height:147.5px;position:relative;list-style:none;margin:0}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li .card{width:100%;height:100%}article.node--type-frontpage .node__content>section.home-database .cards-list-home ul li .card .field--name-field-short-description{font-size:0.656em;line-height:1.2}article.node--type-frontpage .node__content>section.home-showrooms{background-color:#50aa3c}article.node--type-frontpage .node__content>section.home-showrooms .field--name-field-showroom-links .field__item{display:inline-block}article.node--type-frontpage .node__content>section.home-showrooms .field--name-field-showroom-links .field__item a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff;color:#50aa3c}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{overflow:hidden;position:relative;display:grid;grid-template-rows:1fr}@media only screen and (max-width: 1526px){article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{grid-template-columns:1fr}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item{grid-column:1}}@media only screen and (min-width: 1527px){article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference{grid-template-columns:1fr 1fr;grid-gap:1em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item:nth-child(odd){grid-column:1}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item:nth-child(even){grid-column:2}}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item{grid-row:1;opacity:0;transition:all 2s ease-out}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item.active{opacity:1}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term{position:relative;width:100%;height:100%}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term div.visuel{width:100%;padding-bottom:5em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term div.visuel img{max-width:100%;height:auto}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box;padding:1em 0 0;background-color:#50aa3c;color:#fff}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text h2,article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text p{margin:0}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text h2{font-size:2em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-address br{display:none}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-address span:not(:nth-last-of-type(1)){margin-right:0.4em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-address span:not(:nth-last-of-type(1)):after{padding-left:0.5em;content:"⋅"}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-phone{display:inline-block;margin-right:0.4em}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-phone:after{padding-left:0.5em;content:"⋅"}article.node--type-frontpage .node__content>section.home-showrooms .field--name-computed-showrooms-reference>.field__item .taxonomy-term section.text .field--name-field-public-email{display:inline-block}article.node--type-frontpage .node__content>section.home-blabla{background-color:#9458aa}article.node--type-frontpage .node__content>section.home-blabla .field--name-field-blabla-links .field__item{display:inline-block}article.node--type-frontpage .node__content>section.home-blabla .field--name-field-blabla-links .field__item a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff;color:#9458aa}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home{position:relative;overflow-y:hidden;max-height:315px}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul{width:100%;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:space-between}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li{padding:0 0 13px 0;box-sizing:border-box;width:205px;position:relative;list-style:none;margin:0;overflow:hidden}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li .card{width:100%;height:auto}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li .card .field--name-title{font-size:0.756em;line-height:0.9}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-blabla .cards-list-home{max-height:386px}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul{justify-content:space-around}article.node--type-frontpage .node__content>section.home-blabla .cards-list-home ul li{flex:0 3 45%}}article.node--type-frontpage .node__content>section.home-pricing>h3{text-align:center;text-transform:capitalize;padding:0.7em 0 0.3em 0}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing>h3{text-align:left;padding:0 0.4em}}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch{text-align:center}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch p{margin:0}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch{text-align:left}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing-pitch p{padding:0.5em 1em}}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing{display:flex;flex-flow:row nowrap;justify-content:center;padding-bottom:1em}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing p{flex:0 0 410px;padding:1em;margin:0;text-align:center}@media (max-width: 654px){article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing{flex-flow:column;justify-content:flex-start}article.node--type-frontpage .node__content>section.home-pricing .field--name-field-pricing p{flex:0 0 auto;text-align:left;padding:0 1em 0.5em}}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference{display:flex;flex-flow:row nowrap}@media (max-width: 1090px){article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference{flex-flow:column;justify-content:flex-start}}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item{flex:0 0 33%;text-align:center;padding:2em 0;color:#fff;position:relative;height:23em}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item>article{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-title{font-weight:600;line-height:0.7;padding-bottom:0.1em;text-align:center;word-spacing:30000px}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-body{padding:0.5em}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-body p{margin:0}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item{margin-top:0.5em}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div{display:grid;grid-template-columns:50% 50%}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div>*{align-self:center}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div .field--name-field-description{text-align:right}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div .field--name-field-description h4{font-size:1.512em;font-weight:800;color:#fff;white-space:nowrap;line-height:1}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div .field--name-field-description p{font-size:0.882em;line-height:0.8;margin:0}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div form{text-align:left;padding-left:1em}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div form .form-actions{margin:0}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item .field--name-variations>.field__item>div form input.button--add-to-cart{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;margin:0}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item a.btn{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(1){background-color:#69cdcf}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(1) a.btn{color:#69cdcf}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(1) .field--name-variations .field__item>div input.button--add-to-cart{color:#69cdcf}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(2){background-color:#ff9f50}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(2) a.btn{color:#ff9f50}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(2) .field--name-variations .field__item>div input.button--add-to-cart{color:#ff9f50}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(3){background-color:#50aa3c}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(3) a.btn{color:#50aa3c}article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item:nth-child(3)>article{max-width:345px}@media (max-width: 1090px){article.node--type-frontpage .node__content>section.home-pricing .field--name-computed-products-reference>.field__item{flex:0 0 auto;padding:0}}.infinite-loading-container .infinite-status-prompt i[class^="loading-"]{width:15px;height:15px}.cards-list{position:relative}.cards-list .search-info{font-size:0.756em;font-weight:500;margin:0;padding:0 0 0.5em 0}@media (orientation: landscape) and (max-width: 872px){.cards-list .search-info{display:none}}.cards-list>ul{margin:0;padding:0;width:calc(100% + 13px)}.cards-list>ul>li{list-style:none;margin:0 13px 13px 0;padding:0;display:inline-block;vertical-align:top}@media (max-width: 654px){.cards-list>ul{display:flex;flex-flow:row wrap;justify-content:space-around;width:100%}.cards-list>ul>li{flex:0 1 48%;margin:0 0 0.5em 0;filter:drop-shadow(0 0 3px #aaa)}.cards-list>ul>li>article{width:100%;height:auto;box-shadow:none}#base .cards-list>ul>li>article>section.images{height:auto}.cards-list>ul>li>article>section.images>figure{position:relative}.cards-list>ul>li>article>section.images>figure:not(:first-child){display:none}.cards-list>ul>li>article>section.images>figure img:not(.blank){width:100%;height:auto}.cards-list>ul>li>article>section.images>figure img.blank{top:0;bottom:0;left:0;right:0}}article.card{position:relative;box-shadow:0 0 5px rgba(0,0,0,0.2);width:205px;height:295px}article.card.article{width:423px;height:295px}article.card.article section.images a{display:block}article.card.minicard{height:100px;width:170px;height:100px;margin:auto}article.card.minicard>header{padding:0.3em 0.3em 0.1em;cursor:pointer}article.card.minicard>header h1{margin:0;font-size:1em}article.card.minicard>header h4{margin:0;line-height:1.1;margin-bottom:-0.4em}article.card.minicard>header span.ref{line-height:0.5}article.card.minicard>nav.tools{padding:0 0.2em;background:rgba(255,255,255,0.8)}article.card.minicard>nav.tools .mdi.unflag{cursor:pointer}@media (hover: hover){article.card.minicard>nav.tools .tool.samples:hover .tool-content{max-width:140px}}article.card.minicard>nav.tools .tool.samples.tapped .tool-content{max-width:140px}article.card.linkedmaterialcard{width:190px;height:110px}article.card.linkedmaterialcard>header{padding:0.3em 0.3em 0.1em;cursor:pointer}article.card.linkedmaterialcard>header h1{margin:0;font-size:1em}article.card.linkedmaterialcard>header h4{margin:0;line-height:1.1;margin-bottom:-0.4em}article.card.linkedmaterialcard>header span.ref{line-height:0.5}article.card.linkedmaterialcard>nav.tools{top:auto;bottom:0;padding:0 0.2em;background:transparent}article.card.linkedmaterialcard>nav.tools .mdi.unflag{cursor:pointer}article.card header{position:absolute;bottom:0;z-index:10;color:#000;background-color:rgba(255,255,255,0.8);padding:0.3em 0.3em;box-sizing:border-box;width:100%}article.card header h1,article.card header h4{margin:0;padding:0}article.card header h1{font-size:1.3em;font-weight:700;line-height:0.85;margin-bottom:0.2em}article.card header h4{font-size:0.882em;font-weight:300;line-height:1.1;margin-bottom:-0.2em}article.card header span.ref{font-size:0.693em;font-weight:300;line-height:1}article.card.card-thematique header{background-color:rgba(105,205,207,0.9)}article.card nav.tools{position:absolute;top:0;right:0;z-index:21;width:15px;background-color:#fff;box-sizing:content-box;padding:0.3em 0.1em;opacity:0;transition:opacity 0.2s ease-in-out}article.card nav.tools>*{overflow:visible;position:relative}article.card nav.tools>* span.btn{overflow:hidden;font-size:0.882em}article.card nav.tools>* .tool-content{position:absolute;top:0px;right:100%;width:180px;box-sizing:border-box;padding:0;background-color:#fff;box-shadow:-2px 3px 8px rgba(0,0,0,0.5);opacity:0;max-height:0;max-width:0;overflow:hidden;transition:all 0.2s ease-in-out;transition-delay:0.1s}@media (hover: hover){article.card nav.tools>*:hover .tool-content{transition:all 0.3s ease-in-out;opacity:1;padding:0.3em;max-height:195px;max-width:200px}}article.card nav.tools>*.tapped .tool-content{transition:all 0.3s ease-in-out;opacity:1;padding:0.3em;max-height:195px;max-width:200px}@media (max-width: 654px){article.card nav.tools{width:23px}article.card nav.tools>*>span.btn,article.card nav.tools>*>a{font-size:1.2em}}article.card nav.tools .tool.flags .tool-content ul{display:flex;flex-flow:row wrap}article.card nav.tools .tool.flags .tool-content ul li{padding:0 0.5em 0 0}article.card nav.tools .tool.flags span.flag{cursor:pointer;font-size:0.756em;color:#bbb;transition:color 0.3s ease-in-out}@media (hover: hover){article.card nav.tools .tool.flags span.flag:hover{color:#1a1a1a}}article.card nav.tools .tool.flags span.flag.tapped{color:#1a1a1a}article.card nav.tools .tool.flags span.flag.isActive{color:#1a1a1a}article.card nav.tools .tool.flags li.create-flag{margin-top:0.2em;padding:0}article.card nav.tools .tool.flags li.create-flag input{align-self:flex-end;border:1px solid #bbb;border-radius:5px;width:calc(100% - 2em);font-size:0.8em}article.card nav.tools .tool.flags li.create-flag span.add-btn{align-self:flex-end;color:#bbb;font-size:1em;transition:all 0.2s ease-in-out}article.card nav.tools .tool.flags li.create-flag span.add-btn.active{cursor:pointer;color:#1a1a1a}article.card nav.tools .tool.flags li.create-flag span.add-btn.loading:before{animation:rotating 2s linear infinite}article.card nav.tools .tool.samples .tool-content{font-size:0.756em}article.card nav.tools .tool.samples .tool-content ul li{font-weight:bold}article.card nav.tools .tool.samples .tool-content ul li span.showroom{font-weight:400}@media (hover: hover){article.card:hover nav.tools{opacity:1}}article.card.tapped nav.tools{opacity:1}article.card section.images{position:relative}article.card section.images,article.card section.images *{width:100%;height:100%}article.card section.images figure{cursor:pointer;margin:0;position:absolute;top:0;left:0;transition:opacity 0.2s ease-in-out}article.card section.images figure:first-of-type{z-index:5}article.card section.images figure.show{opacity:1;z-index:6}article.card section.images figure.hide{opacity:0}article.card section.images figure img.blank{position:absolute;top:0;left:0;z-index:20}article.card.search-card>header{cursor:pointer}article.card.modal-card{display:flex;flex-flow:row-reverse nowrap;width:850px;height:610px}article.card.modal-card>.col{flex-basis:50%}@media (orientation: portrait) and (max-width: 654px){article.card.modal-card{flex-flow:column;width:100%;height:100%;overflow-y:auto}article.card.modal-card>.col-right{flex:0 0 auto}article.card.modal-card>.col-left{flex:0 0 100%}}@media (orientation: landscape) and (max-width: 872px){article.card.modal-card{width:100%;height:100%}article.card.modal-card>.col-right{height:100%;overflow-y:auto}}article.card.modal-card section.col-right>*:not(nav.tools){position:relative;padding:0.3em 20px 0 0.5em;box-sizing:border-box;width:100%}article.card.modal-card section.col-right>header{bottom:auto}article.card.modal-card section.col-right span.label{font-size:0.693em;font-weight:500}article.card.modal-card section.col-right section.body p{font-size:0.693em;font-weight:300;line-height:1.35;margin:0 0 0.3em}article.card.modal-card section.col-right .vsa-list{padding:0;border:none;--vsa-heading-padding: 0 0;--vsa-content-padding: 0 0 0.5em;--vsa-default-icon-size: 0.3;--vsa-border-width: 0;--vsa-text-color: #1A1A1A;--vsa-highlight-color: #fff;--vsa-bg-color: #fff}article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:focus .vsa-item__trigger__icon--is-default::after,article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:focus .vsa-item__trigger__icon--is-default::before,article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:hover .vsa-item__trigger__icon--is-default::after,article.card.modal-card section.col-right .vsa-list .vsa-item__trigger:hover .vsa-item__trigger__icon--is-default::before{background-color:var(--vsa-text-color)}article.card.modal-card section.col-right .vsa-list .vsa-item .vsa-item__heading button.vsa-item__trigger{height:2em}article.card.modal-card section.col-right .vsa-list .vsa-item .vsa-item__heading button.vsa-item__trigger:hover,article.card.modal-card section.col-right .vsa-list .vsa-item .vsa-item__heading button.vsa-item__trigger:focus{color:var(--vsa-text-color)}article.card.modal-card section.col-right .vsa-list .vsa-item[data-vsa-active="false"] .vsa-item__heading{padding-bottom:0.2em;margin-bottom:0.2em;border-bottom:0.5px dotted #1A1A1A}article.card.modal-card section.col-right section.linked-materials>ul{display:flex;flex-flow:row wrap;justify-content:space-between}article.card.modal-card section.col-right section.linked-materials>ul>li{flex-basis:0 0 50%;margin-bottom:0.5em}article.card.modal-card section.col-right nav.tools{opacity:1}article.card.modal-card section.col-right nav.tools section.close span.btn.mdi-close{cursor:pointer}article.card.modal-card section.col-right nav.tools div.tool-content{min-width:385px}@media (max-width: 654px){article.card.modal-card section.col-right nav.tools div.tool-content{min-width:80vw}}article.card.modal-card section.col-right section.tool.samples div.tool-content ul{font-size:0.756em;font-weight:300}article.card.modal-card section.col-right section.tool.samples div.tool-content ul li{padding-right:0.5em}article.card.modal-card section.col-right section.tool.samples div.tool-content ul li span.showroom{font-weight:500}@media (hover: hover){article.card.modal-card section.col-right section.tool.note:hover div.tool-content{max-height:370px}}article.card.modal-card section.col-right section.tool.note.tapped div.tool-content{max-height:370px}article.card.modal-card section.col-right section.tool.note div.tool-content textarea,article.card.modal-card section.col-right section.tool.note div.tool-content textarea:focus,article.card.modal-card section.col-right section.tool.note div.tool-content textarea:focus-visible,article.card.modal-card section.col-right section.tool.note div.tool-content textarea:active{resize:none;width:99%;height:350px;margin:0;padding:0.3em;border:1px solid #ccc;border-radius:3px;outline:none;box-sizing:border-box}article.card.modal-card section.col-right section.industriels{display:flex;flex-flow:row}article.card.modal-card section.col-right section.industriels>section{flex:0 0 50%}article.card.modal-card section.col-right section.industriels>section ul li{padding:0.1em 0 .4em 0}article.card.modal-card section.col-right section.industriels>section h2{margin:0;font-size:1em;line-height:1}article.card.modal-card section.col-right section.industriels>section p{margin:0;font-size:0.756em}article.card.modal-card section.col-right section.attachments a{margin:0;font-size:0.882em;line-height:0.6}article.card.modal-card section.col-right section.attachments a span{font-size:0.8em}article.card.modal-card section.col-right section.attachments p{margin:0;font-size:0.882em}.vm--modale-card{position:relative}@media (min-width: 655px){.vm--modale-card{max-width:850px;max-height:610px;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}}.vm--overlay{background:rgba(0,0,0,0.5) !important}#main-content>article.thematique div.cols{display:flex;flex-direction:row;flex-wrap:nowrap}@media (max-width: 654px){#main-content>article.thematique div.cols{flex-wrap:wrap}}#main-content>article.thematique div.cols div.col-left{padding:0 13px 13px 0;flex:0 0 423px}#main-content>article.thematique div.col-left section.body{background-color:#69cdcf;padding:0.5em 1em 1em}#main-content>article.thematique div.col-left section.visuel img{width:100%}#main-content>article.thematique aside.linked-materials div.card-list>ul{width:calc(100% + 13px)}#main-content>article.thematique aside.linked-materials div.card-list>ul>li{display:inline-block;vertical-align:top;width:205px;margin:0 13px 13px 0}#main-content>article.thematique aside.linked-materials h3.field__label{font-size:1em;font-weight:500;margin:2em 0 1em 0}#main-content>article.thematique aside.linked-materials h1.title{font-size:1em;font-weight:400}#main-content>article.thematique aside.linked-materials h3.ref{font-size:0.756em;font-weight:600}#main-content>article.thematique aside.linked-materials h2.description{font-size:0.756em;font-weight:400}@media (min-width: 655px){#main-content>article.article div.cols{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(6, 1fr);grid-gap:1em}#main-content>article.article div.cols div.col-left{grid-column:1}#main-content>article.article div.cols div.col-right{grid-column:2/6}}@media (max-width: 654px){#main-content>article.article div.cols{padding:1em;box-sizing:border-box}#main-content>article.article div.cols .accroche figure{width:100%}}#main-content>article.article section.accroche figure{width:423px;margin:0 13px 0 0}#main-content>article.article section.accroche figure img{width:100%}#main-content>article.article section.taxonomy{margin:1em 0}#main-content>article.article section.taxonomy ul{margin:0}#main-content>article.article section.taxonomy li{display:inline-block;padding:0 0.5em 0 0}#main-content>article.article div.gallery-wrapper .image{display:inline-block;width:205px;margin:0 13px 7.8px 0;height:147.5px;background-size:cover}@media (max-width: 654px){#main-content>article.article div.gallery-wrapper{display:flex;flex-flow:row wrap;justify-content:space-between}#main-content>article.article div.gallery-wrapper .image{display:block;flex:0 1 48%;margin:0 0 7.8px 0}}@media (min-width: 655px){#main-content>article.article aside.linked-materials ul{width:calc(100% + 13px)}#main-content>article.article aside.linked-materials ul li{display:inline-block;vertical-align:top;width:205px;margin:0 13px 13px 0}}#main-content>article.article aside.linked-materials h3.field__label{font-size:1em;font-weight:500;margin:2em 0 1em 0}#main-content>article.article aside.linked-materials h1.title{font-size:1em;font-weight:400}#main-content>article.article aside.linked-materials h3.ref{font-size:0.756em;font-weight:600}#main-content>article.article aside.linked-materials h2.description{font-size:0.756em;font-weight:400}@media (max-width: 654px){#main-content>article.article nav.prevnext{padding:0 1em}}#main-content>article.article nav.prevnext.bottom{margin:2em 0}#main-content>article.article nav.prevnext ul{padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr}#main-content>article.article nav.prevnext li{padding:0;margin:0;list-style:none}#main-content>article.article nav.prevnext li a{font-size:0.756em;font-weight:700;line-height:1.3;display:block;position:relative;padding:0 1em}#main-content>article.article nav.prevnext li:nth-child(1){grid-column:1}#main-content>article.article nav.prevnext li:nth-child(1) a:before{content:'\021A4';position:absolute;left:0}#main-content>article.article nav.prevnext li:nth-child(2){grid-column:2;text-align:right}#main-content>article.article nav.prevnext li:nth-child(2) a:after{content:'\021A6';position:absolute;right:0}#showrooms{width:calc(100% + 13px)}#showrooms article.showroom{width:423px;display:inline-block;vertical-align:top;margin:0 13px 13px 0}#showrooms article.showroom h1{margin:0;font-weight:4}#showrooms article.showroom p{margin:0}#showrooms article.showroom figure{margin:0}#showrooms article.showroom figure img{max-width:100%}#main-content>#pricing,#main-content .view-pricing-products .view-content{display:flex;flex-flow:row nowrap}#main-content>#pricing article.product,#main-content>#pricing .views-row,#main-content .view-pricing-products .view-content article.product,#main-content .view-pricing-products .view-content .views-row{flex:0 0 33%;text-align:center;padding:2em 0}#main-content>#pricing article.product>header,#main-content>#pricing .views-row>header,#main-content .view-pricing-products .view-content article.product>header,#main-content .view-pricing-products .view-content .views-row>header{padding-bottom:1.3em}#main-content>#pricing article.product>header h1,#main-content>#pricing article.product .views-field-title,#main-content>#pricing .views-row>header h1,#main-content>#pricing .views-row .views-field-title,#main-content .view-pricing-products .view-content article.product>header h1,#main-content .view-pricing-products .view-content article.product .views-field-title,#main-content .view-pricing-products .view-content .views-row>header h1,#main-content .view-pricing-products .view-content .views-row .views-field-title{font-size:3.5em;line-height:0.6;color:#fff;text-align:center;word-spacing:30000px}#main-content>#pricing article.product section.content,#main-content>#pricing article.product .views-field-body,#main-content>#pricing .views-row section.content,#main-content>#pricing .views-row .views-field-body,#main-content .view-pricing-products .view-content article.product section.content,#main-content .view-pricing-products .view-content article.product .views-field-body,#main-content .view-pricing-products .view-content .views-row section.content,#main-content .view-pricing-products .view-content .views-row .views-field-body{color:#fff}#main-content>#pricing article.product section.content .description,#main-content>#pricing article.product .views-field-body .description,#main-content>#pricing .views-row section.content .description,#main-content>#pricing .views-row .views-field-body .description,#main-content .view-pricing-products .view-content article.product section.content .description,#main-content .view-pricing-products .view-content article.product .views-field-body .description,#main-content .view-pricing-products .view-content .views-row section.content .description,#main-content .view-pricing-products .view-content .views-row .views-field-body .description{font-size:1em}#main-content>#pricing article.product section.content .description p,#main-content>#pricing article.product .views-field-body .description p,#main-content>#pricing .views-row section.content .description p,#main-content>#pricing .views-row .views-field-body .description p,#main-content .view-pricing-products .view-content article.product section.content .description p,#main-content .view-pricing-products .view-content article.product .views-field-body .description p,#main-content .view-pricing-products .view-content .views-row section.content .description p,#main-content .view-pricing-products .view-content .views-row .views-field-body .description p{margin:0.3em}#main-content>#pricing article.product aside .variation,#main-content>#pricing .views-row aside .variation,#main-content .view-pricing-products .view-content article.product aside .variation,#main-content .view-pricing-products .view-content .views-row aside .variation{display:grid;grid-template-columns:50% 50%;margin-top:0.5em}#main-content>#pricing article.product aside .variation>*,#main-content>#pricing .views-row aside .variation>*,#main-content .view-pricing-products .view-content article.product aside .variation>*,#main-content .view-pricing-products .view-content .views-row aside .variation>*{align-self:center}#main-content>#pricing article.product aside .variation div.variation-description,#main-content>#pricing .views-row aside .variation div.variation-description,#main-content .view-pricing-products .view-content article.product aside .variation div.variation-description,#main-content .view-pricing-products .view-content .views-row aside .variation div.variation-description{color:#fff;text-align:right}#main-content>#pricing article.product aside .variation div.variation-description h4,#main-content>#pricing .views-row aside .variation div.variation-description h4,#main-content .view-pricing-products .view-content article.product aside .variation div.variation-description h4,#main-content .view-pricing-products .view-content .views-row aside .variation div.variation-description h4{font-size:1.5em;font-weight:800;margin:0;line-height:1}#main-content>#pricing article.product aside .variation div.variation-description p,#main-content>#pricing .views-row aside .variation div.variation-description p,#main-content .view-pricing-products .view-content article.product aside .variation div.variation-description p,#main-content .view-pricing-products .view-content .views-row aside .variation div.variation-description p{margin:0;line-height:0.8}#main-content>#pricing article.product aside .variation div.actions,#main-content>#pricing .views-row aside .variation div.actions,#main-content .view-pricing-products .view-content article.product aside .variation div.actions,#main-content .view-pricing-products .view-content .views-row aside .variation div.actions{text-align:left;padding-left:1em}#main-content>#pricing article.product aside .variation div.actions button,#main-content>#pricing .views-row aside .variation div.actions button,#main-content .view-pricing-products .view-content article.product aside .variation div.actions button,#main-content .view-pricing-products .view-content .views-row aside .variation div.actions button{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff}#main-content>#pricing article.product aside a.btn,#main-content>#pricing .views-row aside a.btn,#main-content .view-pricing-products .view-content article.product aside a.btn,#main-content .view-pricing-products .view-content .views-row aside a.btn{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#fff}#main-content>#pricing article.product:nth-child(1),#main-content>#pricing .views-row:nth-child(1),#main-content .view-pricing-products .view-content article.product:nth-child(1),#main-content .view-pricing-products .view-content .views-row:nth-child(1){background-color:#69cdcf}#main-content>#pricing article.product:nth-child(1) aside .variation .actions button,#main-content>#pricing .views-row:nth-child(1) aside .variation .actions button,#main-content .view-pricing-products .view-content article.product:nth-child(1) aside .variation .actions button,#main-content .view-pricing-products .view-content .views-row:nth-child(1) aside .variation .actions button{color:#69cdcf}#main-content>#pricing article.product:nth-child(2),#main-content>#pricing .views-row:nth-child(2),#main-content .view-pricing-products .view-content article.product:nth-child(2),#main-content .view-pricing-products .view-content .views-row:nth-child(2){background-color:#ff9f50}#main-content>#pricing article.product:nth-child(2) aside .variation .actions button,#main-content>#pricing .views-row:nth-child(2) aside .variation .actions button,#main-content .view-pricing-products .view-content article.product:nth-child(2) aside .variation .actions button,#main-content .view-pricing-products .view-content .views-row:nth-child(2) aside .variation .actions button{color:#ff9f50}#main-content>#pricing article.product:nth-child(3),#main-content>#pricing .views-row:nth-child(3),#main-content .view-pricing-products .view-content article.product:nth-child(3),#main-content .view-pricing-products .view-content .views-row:nth-child(3){background-color:#50aa3c}#main-content>#pricing article.product:nth-child(3) aside .variation .actions button,#main-content>#pricing article.product:nth-child(3) a.btn,#main-content>#pricing .views-row:nth-child(3) aside .variation .actions button,#main-content>#pricing .views-row:nth-child(3) a.btn,#main-content .view-pricing-products .view-content article.product:nth-child(3) aside .variation .actions button,#main-content .view-pricing-products .view-content article.product:nth-child(3) a.btn,#main-content .view-pricing-products .view-content .views-row:nth-child(3) aside .variation .actions button,#main-content .view-pricing-products .view-content .views-row:nth-child(3) a.btn{color:#50aa3c}@media (max-width: 1090px){#main-content>#pricing,#main-content .view-pricing-products .view-content{flex-flow:column}#main-content>#pricing article.product,#main-content>#pricing .views-row,#main-content .view-pricing-products .view-content article.product,#main-content .view-pricing-products .view-content .views-row{flex:0 1 auto}}.modal{position:relative}#login-register{padding:1em;box-sizing:content-box;width:100%}#login-register h2{margin:0.4em 0 1.1em;padding-right:4em;font-size:1.2em;font-weight:300}#login-register>div.wrapper{display:flex;flex-flow:row nowrap}#login-register>div.wrapper>section{flex:0 0 50%}#login-register>div.wrapper>section form .form-item,#login-register>div.wrapper>section form .form-actions{margin:0.5em 0;max-width:none}#login-register>div.wrapper>section form .form-type-email,#login-register>div.wrapper>section form .form-type-password,#login-register>div.wrapper>section form .form-actions{display:block}#login-register>div.wrapper>section form input[type="email"],#login-register>div.wrapper>section form input[type="password"]{max-width:11em}#login-register>div.wrapper>section form#user-login-form #edit-pass--description,#login-register>div.wrapper>section form #edit-pass-pass1--description{display:block;max-width:16em;font-size:0.693em}#login-register>div.wrapper>section form span.login-message,#login-register>div.wrapper>section form span.register-message{color:red;font-size:0.693em;line-height:1.2;display:block;padding:0.8em 0 0 0}#login-register>div.wrapper>section form span.login-message[v-if="loginMessage"],#login-register>div.wrapper>section form span.register-message[v-if="registerMessage"]{display:none}@media (max-width: 654px){#login-register>div.wrapper{flex-flow:column}#login-register>div.wrapper>section{flex:0 0 auto}#login-register>div.wrapper>section form input[type="email"],#login-register>div.wrapper>section form input[type="password"]{max-width:90%;width:90%}#login-register>div.wrapper>section form#user-login-form #edit-pass--description,#login-register>div.wrapper>section form #edit-pass-pass1--description{max-width:90%;width:90%}#login-register>div.wrapper>section.login{padding-bottom:0.5em}}@media (max-width: 654px){#pricing .overlay>.modal{width:95% !important;height:95% !important}}#main-content form.commerce-checkout-flow{max-width:641px}#main-content form.commerce-checkout-flow .layout-checkout-form{display:flex;flex-flow:column}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main{width:100%;float:none;order:2;background-color:#ff9f50;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main label,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main legend,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .description,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset#edit-review-contact-information,#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset#edit-review-payment-information{color:#fff}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset{border:none;margin:0;padding:0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main fieldset legend{font-size:1.5em;font-weight:600;margin-bottom:0.5em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item{margin:0 0 0.5em 0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main label{display:inline-block;font-weight:bold;min-width:10em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main input[type="text"]{width:20em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form{display:inline-block;background-color:#fff;color:#1A1A1A;border-radius:5px;padding:1em;margin:0 0 1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item{display:flex;align-items:center;flex-flow:row nowrap}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item label{color:#777}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .stripe-form .form-item .form-text{background-color:#fff;border-radius:3px}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-add-payment-method-billing-information-address-0-address-address-line2{padding-left:10.25em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-add-payment-method-billing-information-copy-to-address-book{display:none}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary{width:100%;float:none;order:1}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary>h3{display:none}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary{background-color:#69cdcf;color:#fff;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .view-commerce-checkout-order-summary{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .field--name-product-id .field--name-title{font-size:2.5em;font-weight:800}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .field--name-title{font-size:1.5em;font-weight:600}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary p{margin:0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption{background-color:#50aa3c;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper{display:flex;flex-flow:row;align-items:center}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper .form-item{margin:0 0.5em 0 0}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper .form-item label{color:#fff;font-size:1.5em;font-weight:600;margin-right:0.5em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper .form-item input[type="text"]{width:7em}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-secondary #edit-coupon-redemption>.form-wrapper input[type="submit"]{background-color:#fff;color:#50aa3c;border:none;margin:0;padding:0.1em 0.7em;box-sizing:content-box;height:2em;font-weight:800;border-radius:5px}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer{float:none;width:100%;padding:0;order:3}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer #edit-actions{text-align:right}#main-content form.commerce-checkout-flow .layout-checkout-form .layout-region-checkout-footer input#edit-actions-next{background-color:#9458aa;color:#fff;border:none;border-radius:5px;padding:0.2em 0.4em 0.3em;font-weight:600;font-size:1.323em}#main-content form.commerce-checkout-flow .layout-checkout-form #edit-completion-message p.welcom{font-size:1.512em}#main-content form.commerce-checkout-flow .layout-checkout-form #edit-order-summary{background-color:#50aa3c;padding:1em}#main-content form.commerce-checkout-flow .layout-checkout-form .form-item-materio-commerce-agree-nominative-nominative-terms label{max-width:95%;vertical-align:top}form#user-pass input.form-email{max-width:95%}#member-warning{padding:2em 4em;text-align:center}#member-warning a{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none;background-color:#ff9f50;color:#fff}#webform-submission-multi-joueur-add-form{max-width:641px}#webform-submission-multi-joueur-add-form .form-item{margin:0.5em 0}#webform-submission-multi-joueur-add-form label{display:inline-block;width:10em;color:#fff}#webform-submission-multi-joueur-add-form .webform-element-description{color:#fff}#webform-submission-multi-joueur-add-form .form-item{position:relative;box-sizing:border-box}#webform-submission-multi-joueur-add-form .form-item.form-no-label input[type="text"]{margin-left:10.4em}#webform-submission-multi-joueur-add-form input[type="text"],#webform-submission-multi-joueur-add-form input[type="tel"],#webform-submission-multi-joueur-add-form input[type="email"]{width:calc(95% - 10em)}#webform-submission-multi-joueur-add-form input[type="submit"]{display:inline-block;font-size:0.9em;font-weight:bold;padding:0.7em 1em;margin-bottom:0.3em;background-color:#fff;color:#000;border-radius:5px;border:none}#webform-submission-multi-joueur-add-form .address--wrapper{background-color:#ff9f50;margin:0;padding:1em 1em 0}#webform-submission-multi-joueur-add-form .form-item-vat-number{background-color:#ff9f50;margin:0;padding:1em 1em 0.6em}#webform-submission-multi-joueur-add-form .form-item-phone{background-color:#ff9f50;margin:0;padding:0 1em 1em}#webform-submission-multi-joueur-add-form .js-form-item-email{background-color:#ff9f50;margin:0;padding:0 1em 1em}#webform-submission-multi-joueur-add-form .webform-type-webform-email-confirm{background-color:#ff9f50;margin:0;padding:0 1em 1em}#webform-submission-multi-joueur-add-form .webform-type-webform-email-confirm label{width:15em}#webform-submission-multi-joueur-add-form .webform-type-webform-email-confirm input[type="email"]{width:calc(95% - 15em)}#webform-submission-multi-joueur-add-form .form-item-collaborateur{background-color:#69cdcf;margin:0;padding:1em}#webform-submission-multi-joueur-add-form .form-item-collaborateur input[type="image"]{background-color:#fff}#webform-submission-multi-joueur-add-form .form-item-collaborateur input[type="submit"]{background-color:#fff;color:#69cdcf}#webform-submission-multi-joueur-add-form .form-item-commentaires{background-color:#9458aa;margin:0;padding:1em}#webform-submission-multi-joueur-add-form #edit-actions{text-align:right}#webform-submission-multi-joueur-add-form #edit-actions input[type="submit"]{background-color:#9458aa;color:#fff}footer[role="contentinfo"]>.wrapper{display:flex;flex-flow:row nowrap}footer[role="contentinfo"]>.wrapper>div{flex:1 1 auto;align-self:center}footer[role="contentinfo"] #footer-left #block-materiosimplenewssubscription form{display:flex;flex-flow:row nowrap;align-items:center;font-size:0.756em}footer[role="contentinfo"] #footer-left #block-materiosimplenewssubscription form>*{margin-right:0.5em}footer[role="contentinfo"] #footer-left #block-materiosimplenewssubscription form #edit-subscriptions{display:flex;flex-flow:row nowrap}footer[role="contentinfo"] #footer-left #block-materiosimplenewssubscription form #edit-subscriptions>*{margin-right:0.5em;display:flex;flex-flow:row nowrap;align-items:center}footer[role="contentinfo"] #footer-left #block-materiosimplenewssubscription form #edit-subscriptions input{margin-right:0.3em}footer[role="contentinfo"] #footer-left #block-materiosimplenewssubscription form #edit-mail-wrapper input[type="email"]{width:10em}footer[role="contentinfo"] #footer-left #block-materiosimplenewssubscription form #edit-actions--2 input[type="submit"]{border:none;background:none;background-color:#69cdcf;border-radius:5px;color:#fff;padding:0.45em 1em;font-weight:700}footer[role="contentinfo"] #footer-right{text-align:right}footer[role="contentinfo"] #footer-right nav.block-menu.menu--footer{display:inline-block;font-size:0.756em}footer[role="contentinfo"] #footer-right nav.block-menu.menu--footer ul.menu{padding:0;margin:0;display:flex;flex-flow:row nowrap}footer[role="contentinfo"] #footer-right nav.block-menu.menu--footer ul.menu li.menu-item{padding:1em 0.5em} body{font-size:16px;font-family:"Ubuntu",Arial,"MS Trebuchet",sans-serif;font-weight:500;font-style:normal;line-height:1.3}body{margin:0;padding:0}#printable-root-page{box-sizing:border-box;width:21cm;padding:1cm .5cm 2cm}#printable-root-page>header{display:flex;flex-flow:nowrap;align-items:baseline}#printable-root-page>header h1{margin:0;font-weight:600}#printable-root-page>article{padding-top:1em}#printable-root-page>article>h2{font-weight:600;margin:0}#printable-root-page>article .field--name-field-reference{margin:0 0 1em 0}#printable-root-page>article .field--name-body,#printable-root-page>article .field--name-field-samples{display:inline-block;vertical-align:top}#printable-root-page>article .field--name-body{width:75%}#printable-root-page>article .field--name-body p{margin:0}#printable-root-page>article .field__label{font-size:0.756em;font-weight:700}#printable-root-page>article .field--name-field-samples{width:23%;text-align:right}#printable-root-page>article .field--name-field-samples .field__item{font-size:0.756em}#printable-root-page>article .field--name-field-manufacturer,#printable-root-page>article .field--name-field-distributor{margin-top:1em;display:inline-block;vertical-align:top;width:49%}#printable-root-page>article .field--name-field-manufacturer .taxonomy-term,#printable-root-page>article .field--name-field-distributor .taxonomy-term{padding-bottom:0.5em}#printable-root-page>article .field--name-field-manufacturer .taxonomy-term>h2,#printable-root-page>article .field--name-field-distributor .taxonomy-term>h2{margin:0;font-weight:600;font-size:1em}#printable-root-page>article .field--name-field-manufacturer .taxonomy-term p,#printable-root-page>article .field--name-field-distributor .taxonomy-term p{margin:0}#printable-root-page>article .field--name-field-materiau-images{margin-top:1em;display:flex;flex-flow:row wrap;justify-content:space-between}#printable-root-page>article .field--name-field-materiau-images .field__item{flex:0 0 33%}#printable-root-page>article .field--name-field-materiau-images .field__item img{width:100%;height:auto} diff --git a/web/themes/custom/materiotheme/assets/dist/main.css.gz b/web/themes/custom/materiotheme/assets/dist/main.css.gz index d305956..96e928f 100644 Binary files a/web/themes/custom/materiotheme/assets/dist/main.css.gz and b/web/themes/custom/materiotheme/assets/dist/main.css.gz differ diff --git a/web/themes/custom/materiotheme/assets/dist/report.html b/web/themes/custom/materiotheme/assets/dist/report.html index 7d5c7b3..4edac66 100644 --- a/web/themes/custom/materiotheme/assets/dist/report.html +++ b/web/themes/custom/materiotheme/assets/dist/report.html @@ -3,7 +3,7 @@ - materio.com [14 Jul 2021 at 08:23] + materio.com [14 Jul 2021 at 10:22] diff --git a/web/themes/custom/materiotheme/assets/styles/main.scss b/web/themes/custom/materiotheme/assets/styles/main.scss index c0b9076..4b74376 100644 --- a/web/themes/custom/materiotheme/assets/styles/main.scss +++ b/web/themes/custom/materiotheme/assets/styles/main.scss @@ -573,6 +573,11 @@ header[role="banner"]{ color: #fff; background-color: $color-showrooms; } + body.path-privacy-policy &, + body.path-tos & { + color: #fff; + background-color: $color-main-text; + } } @include col-mediaquery-max(3){ body.path-frontpage &, body.path-home & { @@ -2818,50 +2823,80 @@ form#user-pass{ // | _/ _ \/ _ \ _/ -_) '_| // |_|\___/\___/\__\___|_| footer[role="contentinfo"]{ - body:not(.path-home) & { - display:none; + // body:not(.path-home) & { + // display:none; + // } + >.wrapper{ + display:flex; + flex-flow: row nowrap; + >div{ + flex: 1 1 auto; + align-self: center; + } } - #block-materiosimplenewssubscription{ - form{ - display: flex; - flex-flow: row nowrap; - align-items: center; - font-size: 0.756em; - >*{ - margin-right: 0.5em; - } - #edit-subscriptions{ + #footer-left{ + #block-materiosimplenewssubscription{ + form{ display: flex; flex-flow: row nowrap; + align-items: center; + font-size: 0.756em; >*{ margin-right: 0.5em; + } + #edit-subscriptions{ display: flex; flex-flow: row nowrap; - align-items: center; + >*{ + margin-right: 0.5em; + display: flex; + flex-flow: row nowrap; + align-items: center; + } + input{ + margin-right: 0.3em; + } } - input{ - margin-right: 0.3em; + #edit-mail-wrapper{ + input[type="email"]{ + width:10em; + } + } + #edit-actions--2{ + input[type="submit"]{ + border: none; + background: none; + background-color: $color-base; + border-radius: 5px; + color: #fff; + padding: 0.45em 1em; + font-weight: 700; + } } } - #edit-mail-wrapper{ - input[type="email"]{ - width:10em; - } - } - #edit-actions--2{ - input[type="submit"]{ - border: none; - background: none; - background-color: $color-base; - border-radius: 5px; - color: #fff; - padding: 0.45em 1em; - font-weight: 700; + + + } + } + + #footer-middle{ + + } + + #footer-right{ + text-align: right; + nav.block-menu.menu--footer{ + display: inline-block; + font-size: 0.756em; + ul.menu{ + padding:0; margin:0; + display: flex; + flex-flow: row nowrap; + li.menu-item{ + padding: 1em 0.5em; } } } - - } } diff --git a/web/themes/custom/materiotheme/templates/layout/page.html.twig b/web/themes/custom/materiotheme/templates/layout/page.html.twig index aadac40..a25b126 100644 --- a/web/themes/custom/materiotheme/templates/layout/page.html.twig +++ b/web/themes/custom/materiotheme/templates/layout/page.html.twig @@ -92,9 +92,15 @@ {% if page.footer_left or page.footer_center or page.footer_right %} {% endif %}