/* Theme Name: MX/COM ~ Child Description: Thème Child customisé par Max Jacob Version: 1.2 Author: Max Jacob Author URI: http://www.max-jacob.net Template: enfold */ /************************************************************************************************/ /************************************************************************************************/ /* /* GENERAL /* /************************************************************************************************/ /************************************************************************************************/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; } #top button.show-password-input { display: none !important; } #top #cmplz-manage-consent { display: none; } #top .force_weight700 > * { font-weight: 700 !important; } .container_wrap { border: 0 none; } .breadcrumb .sep { width: 12px; } .maxwidth_form_large { max-width: 1000px; margin: auto; } .maxwidth_form_medium { max-width: 700px; margin: auto; } #scroll-top-link { background: #A9C819; border-radius: 50%; border: 0 none; color: #fff; opacity: 1; transition: none; } img, a img { image-rendering: auto; } #top .iconbox_top .iconbox_content { box-shadow: none; } #top .all_colors .image-overlay { display: none !important; } #top a.link_alternate_color { color: #313B4D; text-decoration: underline; } #top a.link_alternate_color.acw { color: #fff; } #top a.link_alternate_color:hover { color: #98B416; text-decoration: none; } #top .max_width_850 { max-width: 850px; } #top .max_width_950 { max-width: 950px; } #top .max_width_1050 { max-width: 1050px; } #top .av-special-heading .av-subheading { font-size: 1.3em; font-weight: bold; } #top .z_index_1 { position: relative; z-index: 1; } #top .z_index_2 { position: relative; z-index: 2; } h1, h2 { line-height: 1.3em; } #top div .avia-button { border-radius: 0; border: 0 none; background-color: #A9C819; transition: none; & span { font-size: 15px; font-weight: 400; } } #top div .avia-button:hover { background-color: #98B416; opacity: 1 !important; } #top div .avia-button:active { background-color: #313B4D; } #top .button_alternative_colors .avia-button { background-color: #8CB9BD; } #top .avia-button.avia-size-large { padding: 15px 30px 15px; font-size: 22px; } #top .avia-button.avia-color-light { border-width: 1px; } #top .main_color .input-text, #top .main_color input[type="text"], #top .main_color input[type="input"], #top .main_color input[type="password"], #top .main_color input[type="email"], #top .main_color input[type="number"], #top .main_color input[type="url"], #top .main_color input[type="tel"], #top .main_color input[type="search"], #top .main_color textarea, #top .main_color select, #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea { border: 1px solid #868686; border-radius: 2px; font-family: 'poppins', Helvetica, Arial, sans-serif; font-size: 14px; } #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { border: 1px solid #868686; border-radius: 2px; font-family: 'poppins', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; } html #top div form .form-row input.input-text { padding: 10px; } #top #tab-title-additional_information > a { border: 2px solid #444; border-radius: 50px; padding: 5px 20px; } #top #tab-title-additional_information > a:hover { background: #A9C819; color: #fff; border-color: #fff; } #top #tab-title-additional_information > a .plus_minus_svg { line-height: 1; display: inline-block; position: relative; top: 4px; border-radius: 4px; } #top #tab-title-additional_information > a .feather.feather-minus { display: none; } #top #tab-title-additional_information > a.longlet_est_opened .feather.feather-minus { display: block; } #top #tab-title-additional_information > a .feather.feather-plus { display: block; } #top #tab-title-additional_information > a.longlet_est_opened .feather.feather-plus { display: none; } #top #tab-additional_information { display: none !important; } #top #tab-additional_information.longlet_est_opened { display: block !important; } @keyframes rotating { from{ -webkit-transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); } } .grid_avis_clients { margin-bottom: 50px; } .grid_avis_clients .avis_client { margin-bottom: 30px; font-size: 18px; color: #fff; } .grid_avis_clients .avis_client:nth-child(2n) { margin-top: 50px; } @media only screen and (max-width: 768px) { .grid_avis_clients .avis_client { font-size: 15px; } .grid_avis_clients .avis_client:nth-child(2n) { margin-top: 0; } } /* Configurateur */ .responsive body#top.home { overflow-x: visible; } .home #wrap_all { overflow: visible; } #top #configurateur_wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 5%; min-height: 500px; align-items: start; } #top:not(.page-id-10174) #configurateur_wrapper { min-height: auto; } #top #configurateur_wrapper h2 { margin-top: 0; margin-bottom: 3rem; } @media only screen and (min-width: 990px) { #top #configurateur_wrapper > div:nth-child(1) { position: sticky; top: 100px; } } #top #cw_show_advice { position: relative; display: block; max-width: 600px; } #top #cw_show_advice .cw_sa_pi_info { display: none; } #top #cw_show_advice .cw_sa_pi_info.selected { display: block; } #top #cw_show_advice .cw_sa_pi_info h3 { font-size: 26px; line-height: 36px; margin-bottom: 20px; } #top #cw_show_advice .cw_sa_pi_info h3 img { width: 30px; height: 30px; filter: invert(79%) sepia(90%) saturate(1954%) hue-rotate(316deg) brightness(99%) contrast(85%); } #top #cw_show_advice .cw_sa_pi_info p { font-size: 15px; line-height: 25px; } #top #cw_part_loading { display: none; max-width: 690px; margin: auto; } #top #cw_part_loading img { width: 64px; height: 64px; -webkit-animation: rotating 500ms linear infinite; animation: rotating 500ms linear infinite; } #top #cw_show_recap { display: none; display: flex; flex-direction: column; font-size: .9em; } #top #cw_show_recap > a { cursor: pointer; margin: 20px 0; padding: 20px; border-radius: 0; background: #F6F8F9; display: grid; grid-template-columns: 64px 1fr; gap: 30px; align-items: center; max-width: 550px; color: #313B4D; position: relative; border: 1px solid #fff; } #top #cw_show_recap > a:hover { border-color: #8CB9BD; } #top #cw_show_recap > a .cw_s_r_edit { text-decoration: none; color: #8CB9BD; position: absolute; top: -16px; right: 10px; line-height: 1; font-size: 12px; } #top #cw_show_recap > a:hover .cw_s_r_edit { text-decoration: underline; } #top #cw_show_recap > a .cw_s_r_edit img { width: 12px; height: 12px; border-radius: 0; margin-right: 5px; filter: invert(71%) sepia(8%) saturate(984%) hue-rotate(136deg) brightness(99%) contrast(85%); } #top #cw_show_recap > a strong { color: #313B4D; } #top #cw_show_recap > a img { border-radius: 50%; width: 64px; height: 64px; margin-right: 15px; } #top #cw_show_recap > a:hover strong { text-decoration: underline; } #top #cw_show_recap > a#go_back_part_ii { display: flex; flex-direction: column; gap: normal; align-items: inherit; } #top #cw_show_recap > a#go_back_part_ii > div:not(.cw_s_r_edit) { display: grid; grid-template-columns: 42px 1fr; gap: 24px; margin-bottom: 20px; line-height: 1.3em; align-items: center; } #top #cw_show_recap > a#go_back_part_ii span.cw_pii_recap_qty { padding: 2px 5px 0; border: 1px solid #8CB9BD; border-radius: 4px; position: relative; top: -2px; } #top #cw_show_recap > a#go_back_part_iii { display: flex; flex-direction: column; gap: normal; align-items: inherit; } #top #cw_show_recap > a#go_back_part_iii > div:not(.cw_s_r_edit) { display: block; margin-bottom: 20px; line-height: 1.3em; align-items: center; } #top #cw_show_recap > a#go_back_part_iii:hover p { text-decoration: underline; } #top .main_color .config_form input[type="text"], #top .main_color .config_form input[type="password"], #top .main_color .config_form input[type="email"], #top .main_color .config_form input[type="number"], #top .main_color .config_form select { border: 2px solid #8CB9BD; border-radius: 6px; padding: 12px 10px 11px 20px; } #top .main_color .config_form input[type="number"] { width: 100%; margin: 0 10px 0 0; } #top .main_color .config_form textarea { border-radius: 6px; padding: 15px 10px 14px 20px; } #top .main_color .config_form input[type="submit"].button, #top .main_color .config_form input[type="button"].button.c_f_submit_button { background: #A9C819; font-weight: bold; cursor: pointer; color: #fff; font-size: 18px; border-radius: 4rem; padding: 15px 50px; margin: 0 0 0 auto; display: inline-block; } #top .main_color .config_form input[type="submit"].button:hover, #top .main_color .config_form input[type="button"].button.c_f_submit_button:hover { background: #98B416; } #top .main_color .config_form input[type="submit"].button:active, #top .main_color .config_form input[type="button"].button.c_f_submit_button:active { background: #313B4D; } #top .main_color .config_form input[type="submit"].button:disabled, #top .main_color .config_form input[type="button"].button.c_f_submit_button:disabled { opacity: 0.3; cursor: default; background: #A9C819 !important; } #top #configurateur_wrapper .cw_next_button { background: #A9C819; font-weight: bold; cursor: pointer; margin-top: 15px; color: #fff; font-size: 18px; border-radius: 4rem; padding: 15px 50px; margin: 0 0 0 auto; display: inline-block; } #top #configurateur_wrapper .cw_next_button.not_ok { opacity: 0.3; cursor: default; } #top #configurateur_wrapper .cw_next_button:not(.not_ok):hover { background: #98B416; } #top #configurateur_wrapper .cw_next_button:not(.not_ok):active { background: #313B4D; } #top #configurateur_wrapper #cw_pi_next_button { display: none; } /* Part I */ #top #cw_part_i { display: flex; flex-direction: column; max-width: 690px; margin: auto; } #top #cw_part_i .cw_pi_grid { margin-bottom: 30px; } #top #cw_part_i .cw_pi_grid > a .outofstock_notif { display: none; } #top #cw_part_i .cw_pi_grid > a { cursor: pointer; display: block; background: #fff; border: 1px solid #8CB9BD; border-radius: 0; padding: 15px; transition: all 100ms ease; } #top #cw_part_i .cw_pi_grid > a > img { margin-bottom: 10px; border-radius: .7rem; } #top #cw_part_i .cw_pi_grid > a > span { display: block; padding: 0 12px 4px; font-weight: 700; font-size: 22px; line-height: 32px; color: #313B4D; transition: all 100ms ease; } /* #top #cw_part_i .cw_pi_grid > a > span > img { cursor: pointer; display: inline-block; margin-left: 8px; width: 20px; height: 20px; position: relative; top: 2px; filter: invert(79%) sepia(90%) saturate(1954%) hue-rotate(316deg) brightness(99%) contrast(85%); } */ #top #cw_part_i .cw_pi_grid > a > span > img { transition: filter 100ms ease; display: inline-block; margin-left: 8px; width: 20px; height: 20px; position: relative; top: 2px; filter: invert(79%) sepia(90%) saturate(1954%) hue-rotate(316deg) brightness(99%) contrast(85%); } #top #cw_part_i .cw_pi_grid > a:hover { border-color: #A9C819; background: #A9C819; } #top #cw_part_i .cw_pi_grid > a:active, #top #cw_part_i .cw_pi_grid > a.selected { border-color: #98B416; background: #98B416; } #top #cw_part_i .cw_pi_grid > a:hover > span { color: #fff; text-decoration: underline; } #top #cw_part_i .cw_pi_grid > a.selected > span { color: #fff; text-decoration: none !important; } #top #cw_part_i .cw_pi_grid > a:hover > span > img, #top #cw_part_i .cw_pi_grid > a.selected > span > img { filter: invert(1); } #top #cw_part_i .cw_pi_grid > a.outofstock { position: relative; cursor: default; background: #fff !important; border: 1px solid #8CB9BD !important; } #top #cw_part_i .cw_pi_grid > a.outofstock .outofstock_notif { display: block; position: absolute; left: 0px; top: 30%; text-align: center; z-index: 9; color: #fff; font-size: 15px; line-height: 25px; font-style: italic; } #top #cw_part_i .cw_pi_grid > a.outofstock > img { opacity: 0.5; } #top #cw_part_i .cw_pi_grid > a.outofstock > span { color: #8CB9BD !important; text-decoration: none !important; } #top #cw_part_i .cw_pi_grid > a.outofstock > span > img { filter: invert(79%) sepia(90%) saturate(1954%) hue-rotate(316deg) brightness(99%) contrast(85%) !important; } /* Part II */ #top #cw_part_ii { display: none; max-width: 690px; margin: auto; } #top #cw_part_ii .cw_pii_wrapper { position: relative; } #top #cw_part_ii .cw_pii_wrapper h3 { font-size: 24px; line-height: 34px; margin-bottom: 25px; } #top #cw_pii_form fieldset { display: flex; flex-direction: column; } #top #cw_pii_form fieldset label span { font-size: 1em; } #top #cw_pii_form .cw_pii_product { display: grid; grid-template-columns: 130px 1fr; gap: 40px; padding: 20px 0; } #top #cw_pii_form .cw_pii_product .cw_pii_p_input_wrapper { border: 2px solid #8CB9BD; display: flex; align-items: center; border-radius: 6px; padding-right: 10px; } #top #cw_pii_form .cw_pii_product_input_number { border: 0 none; padding-right: 0; padding-left: 0; text-align: center; font-size: 16px; margin-right: 5px; } #top #cw_pii_form .cw_pii_product label img { width: 34px; position: relative; top: 9px; margin-right: 10px; } /* Part III */ #top #cw_part_iii { display: none; margin: auto; } #top #cw_part_iii .cw_piii_wrapper { position: relative; } #top #cw_part_iii .cw_piii_wrapper h3 { font-size: 24px; line-height: 34px; margin-bottom: 25px; } #top #cw_piii_form fieldset { display: flex; flex-direction: column; } #top #cw_piii_form fieldset label span { font-size: 1em; } #top #cw_piii_form .cw_piii_product { display: grid; grid-template-columns: 130px 1fr; gap: 40px; padding: 20px 0; } #top #cw_piii_form .cw_piii_product .cw_piii_p_input_wrapper { border: 2px solid #8CB9BD; display: flex; align-items: center; border-radius: 6px; padding-right: 10px; } #top #cw_piii_form .cw_piii_product_input_number { border: 0 none; padding-right: 0; padding-left: 0; text-align: center; font-size: 16px; margin-right: 5px; } #top #cw_piii_form .cw_piii_product label img { width: 34px; position: relative; top: 9px; margin-right: 10px; } /* Part IV */ #top #cw_part_iv { display: none; margin: auto; } #top #cw_part_iv .cw_piv_wrapper { position: relative; } #top #cw_part_iv .cw_piv_wrapper h3 { font-size: 24px; line-height: 34px; margin-bottom: 25px; } #top #cw_part_iv .cw_piv_wrapper .cw_fullrecap_total { font-weight: bold; margin-bottom: 40px; border-bottom: 2px solid #8CB9BD; padding: 40px 0; display: grid; grid-template-columns: 1fr 1fr; } #top #cw_part_iv .cw_piv_wrapper .cw_fullrecap_total > div:nth-child(1) { text-align: left; } #top #cw_part_iv .cw_piv_wrapper .cw_fullrecap_total > div:nth-child(2) { text-align: right; } #top #cw_piv_form fieldset { display: flex; flex-direction: column; } #top #cw_piv_form fieldset label span { font-size: 1em; } #top #cw_part_iv .cw_fullrecap_product { display: grid; grid-template-columns: 42px 1fr; gap: 40px; padding: 40px 0; border-bottom: 2px solid #8CB9BD; } #top #cw_part_iv .cw_fullrecap_product .cw_fullrecap_product_img { width: 64px; height: 64px; margin-right: 15px; } #top #cw_part_iv .cw_fullrecap_product .cw_fullrecap_product_infos { display: grid; grid-template-columns: 1fr 130px; gap: 40px; } #top #cw_part_iv .cw_fullrecap_product .cw_fullrecap_product_infos > div:nth-child(1) { font-size: 16px; } #top #cw_part_iv .cw_fullrecap_product .cw_fullrecap_product_infos > div > strong { color: #313B4D; } #top #cw_part_iv .cw_fullrecap_product span.cw_piv_recap_qty { padding: 2px 10px 0; border: 1px solid #8CB9BD; border-radius: 4px; position: relative; top: -2px; margin-right: 4px; } #top #cw_part_iv .cw_piv_notif { display: grid; grid-template-columns: 42px 1fr; gap: 30px; align-items: center; margin-bottom: 30px; } #top #cw_part_iv .cw_piv_notif img { width: 42px; height: 42px; } #top #cw_part_iv .cw_piv_notif p { margin: 0; font-size: 14px; line-height: 18px; font-weight: 600; font-style: italic; color: #8CB9BD; } #top .av-large-testimonial-slider .avia-testimonial-content { background: #fff; padding: 24px; border-radius: 0.3rem; font-size: 16px; } #top .av-large-testimonial-slider .avia-testimonial-meta { margin-top: 15px; } /* Swiper Setup */ .swiper { width: 100%; height: 100%; } /* Grille */ .grille { display: grid; } .grille._2cols_180px_1fr { grid-template-columns: 180px 1fr; } .grille._2cols { grid-template-columns: 1fr 1fr; } .grille._2cols_70_30 { grid-template-columns: 70% 30%; } .grille._2cols_30_70 { grid-template-columns: 30% 70%; } .grille._2cols_20_80 { grid-template-columns: 20% 80%; } .grille._3cols { grid-template-columns: 1fr 1fr 1fr; } .grille._4cols { grid-template-columns: 1fr 1fr 1fr 1fr; } .grille._5cols { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .grille._20gap { gap: 20%; row-gap: 1%; } .grille._15gap { gap: 15%; row-gap: 1%; } .grille._10gap { gap: 10%; row-gap: 1%; } .grille._25pxgap { gap: 25px; } .grille._5gap { gap: 5%; row-gap: 1%; } .grille._25rowgap { row-gap: 25px; } .grille._50rowgap { row-gap: 50px; } .grille._25gap25rowgap { gap: 25px; row-gap: 25px; } .grille._10gap10rowgap { gap: 10px; row-gap: 10px; } /********** RESPONSIVE ************/ @media only screen and (max-width: 1400px) { body, body .avia-tooltip { font-size: 16px; } } @media only screen and (max-width: 990px) { h1 { font-size: 52px; } h2 { font-size: 48px; } h3 { font-size: 40px; } #top .flex_column_flexible_padding { padding: 2rem; } #top #configurateur_wrapper { display: block; } .grille._990m { display: block; } #top .little_borderradius_m { border-radius: 0 !important; } } @media only screen and (max-width: 768px) { body, body .avia-tooltip { font-size: 15px; } .responsive #top #wrap_all .container { width: 92%; max-width: 92%; } h1 { font-size: 42px; } h2 { font-size: 38px; } h3 { font-size: 30px; } #top .flex_column_flexible_padding { padding: 1rem; } .grille._3cols._resp { grid-template-columns: 1fr 1fr; } .grille._4cols._resp { grid-template-columns: 1fr 1fr; } .grille._5cols._resp { grid-template-columns: 1fr 1fr; } .grille._768m { display: block; } /* html.responsive #top #wrap_all .av-flex-cells .no_margin { padding-left: 5% !important; padding-right: 5% !important; } */ #top #cw_part_i .cw_pi_grid > a { padding: 8px; } #top #cw_part_i .cw_pi_grid > a > span { font-size: 15px; line-height: 20px; } #top #cw_part_i .cw_pi_grid > a > span > img { width: 16px; height: 16px; display: none; } #top #cw_part_i .cw_pi_grid > a > img { margin-bottom: 0; } #top #cw_part_i .cw_pi_grid > a.outofstock .outofstock_notif { left: 10px; top: 40px; font-size: 13px; line-height: 16px; width: calc(100% - 20px); } #top #configurateur_wrapper .cw_next_button { margin-top: 20px; } #top #cw_pii_form .cw_pii_product { grid-template-columns: 100px 1fr; gap: 10px; } #top #cw_pii_form .cw_pii_product .cw_pii_p_input_wrapper { padding-right: 5px; } .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial { padding: 0px 10px; } } @media only screen and (max-width: 575px) { body, body .avia-tooltip { font-size: 14px; } .grille._20gap, .grille._15gap, .grille._10gap { gap: 5%; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } #top #cw_pii_form .cw_pii_product, #top #cw_piii_form .cw_piii_product, #top #cw_part_iv .cw_fullrecap_product .cw_fullrecap_product_infos { display: block; } } /************************************************************************************************/ /************************************************************************************************/ /* /* HEADER /* /************************************************************************************************/ /************************************************************************************************/ .header_color a:hover { text-decoration: underline; } .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 0 !important; } #top #header_main { background: #fff; } #top #header_main > .container { background: #fff; position: static; } /* Grille Header : 1fr 250px 1fr */ #top #header_main .nh_grid-container { display: grid; grid-template-columns: 200px 1fr; position: static; text-align: center; grid-template-rows: 100px; line-height: 100px; font-size: 16px; font-weight: 600; } /* Partie Gauche : Logo */ #top #header_main .nh_grid-container #nh_left { position: relative; padding-left: 0; text-align: left; & .nh_r_search { display: none; } } #top #header_main .nh_grid-container .logo { float: none; position: relative; left: auto; overflow: visible; & a { display: inline-block; max-width: none; position: relative; overflow: visible; padding-top: 8px; & svg { width: 130px; height: 130px; max-height: none; } } } #top #header_main .nh_grid-container #header_menu__bar { display: none; } /* Partie Droite : Menu sur deux rows */ .html_cart_at_menu.html_header_top #top .main_menu { position: static; } .html_cart_at_menu.html_header_top #top .main_menu nav.ubermenu > ul.ubermenu-nav { padding-left: 0; } #top .ubermenu-main li.ubermenu-item-level-0 { margin-right: 3%; } #top .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, #top .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size: 16px; } #top .ubermenu-main li.ubermenu-item-level-0 > a.ubermenu-target { height: 55px; line-height: 55px; padding-top: 0; padding-bottom: 0; font-size: 15px; color: #313B4D; font-weight: 400; padding-left: 0; padding-right: 0; letter-spacing: 0.4px; } #top .ubermenu-main li.ubermenu-item-level-0:hover > a.ubermenu-target > span { text-decoration: underline; color: #98B416; } /* Submenus */ #top .ubermenu-skin-vanilla .ubermenu-submenu.ubermenu-submenu-drop { background-color: #fff; border: 0 none; margin-top: 0; width: 100%; left: 0; } #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; width: 100%; box-sizing: border-box; padding-right: 50%; isolation: isolate; overflow: hidden; } #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; width: 50%; background-image: url("/wp-content/uploads/2026/07/berryalloc_bg2.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; } #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop li { grid-column: span 6; min-width: 0; max-width: 700px; margin: 0 auto; } @media only screen and (min-width: 990px) { #top .ubermenu-skin-vanilla .submenu_stylized li.custom_submenu_link_allproduits { margin-left: 4% !important;} } #top .ubermenu-skin-vanilla .submenu_stylized li.custom_submenu_link_allproduits a { padding-bottom: 0;} #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop li a.ubermenu-target-with-image { border-bottom: 1px #DADADA solid; } #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop li a.ubermenu-target-with-image img { max-width: 300px; margin: 0; } #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop li.ubermenu-column-1-2 { grid-column: span 3; min-width: 0; max-width: 350px; width: 100%; } #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop li.ubermenu-column-1-3 { grid-column: span 2; min-width: 0; max-width: 233px; width: 100%; } @media only screen and (max-width: 990px) { #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop { display: block; } #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop::before { display: none; } #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop li a.ubermenu-target-with-image img { margin: 0 auto; } #top .ubermenu-skin-vanilla .submenu_stylized li.custom_submenu_link_allproduits { margin-left: 0;} } @media (max-width: 768px) { #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop { padding-right: 0; grid-template-columns: 1fr; background-image: none; } #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop > li, #top .ubermenu-skin-vanilla .submenu_stylized ul.ubermenu-submenu.ubermenu-submenu-drop > li.ubermenu-column-1-3 { grid-column: 1; } } #top li.submenu_grid_three > .ubermenu-submenu > li.ubermenu-item:hover { background: #FFFBF6; } #top li.submenu_grid_three > .ubermenu-submenu > li.ubermenu-item > a.ubermenu-target { padding-top: 25px; padding-bottom: 25px; } #top .av_minimal_header .main_menu ul.ubermenu-submenu > li a { height: auto; line-height: 2em; font-size: 15px; } #top .ubermenu-skin-vanilla .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { color: #313B4D; } #top .ubermenu-skin-vanilla .ubermenu-submenu .ubermenu-item-header:hover > .ubermenu-target { color: #98B416; } /* Partie Droite */ #top #header_main .nh_grid-container #nh_right .nh_r_inside_top { text-align: right; display: block; position: relative; border-bottom: 1px solid #DADADA; display: flex; justify-content: flex-end; align-items: center; gap: 20px; padding: 8px 0; height: 35px; } #top #header_main .nh_grid-container #nh_right .nh_r_inside_top > * { display: inline-block; } #top #header_main .nh_grid-container #nh_right .nh_r_inside_top > *:not(:last-child) { margin-right: 20px; } #top #header_main .nh_grid-container #nh_right .nh_r_inside_top > a { color: #313B4D; font-size: 13px; line-height: 18px; font-weight: 300; text-decoration: none; position: relative; } #top #header_main .nh_grid-container #nh_right .nh_r_inside_top > a:hover { text-decoration: underline; } #top #header_main .nh_grid-container #nh_right .nh_r_inside_top > a > img { position: absolute; top: 2px; left: -20px; width: 16px; height: 16px; } #top #header_main .nh_grid-container #nh_right > * { position: relative; } #top #header_main .nh_grid-container #nh_right .nh_r_inside_bottom { display: grid; grid-template-columns: 1fr 300px 80px; text-align: right; position: static; padding: 5px 0; & a#nh_r_aide { padding-right: 2em; justify-content: right; height: 65px; } & a.nh_r_search { justify-content: center; display: flex; & img { width: 40px; background: #A9C819; display: block; margin: auto; padding: 10px; border-radius: 50%; height: 40px; } } & a.nh_r_search:hover img { background: #98B416;} & a.nh_r_search:active img { background: #313B4D; } & .menu-item.cart_dropdown { border: 0 none; float: none; & li.cart_dropdown_first { line-height: 55px; display: flex; height: 55px; & p.woocommerce-mini-cart__total { display: none; } & a.cart_dropdown_link { float: none; padding: 0; width: 44px; height: 44px; margin: auto; background: #A9C819; color: #fff; font-size: 18px; line-height: 46px; & svg { fill: #fff !important; } } & a.cart_dropdown_link:hover { background: #98B416; } & a.cart_dropdown_link:active { background: #313B4D; } } } } /* Cart Dropdown */ #top .av-cart-counter.av-active-counter { top: 16px; left: 32px; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart { width: 700px; overflow: hidden; max-height: 500px; overflow-y: scroll; } #top .cart_dropdown .dropdown_widget .widget_shopping_cart_content { border-radius: 0 none; box-shadow: none; border: 0 none; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart ul.product_list_widget.cart_list li { font-size: 15px; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart ul.product_list_widget.cart_list li a { font-size: 18px; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart ul.product_list_widget.cart_list li img { width: 70px; border-radius: 0; border: 0 none; float: left; margin: 0 10px 0 0; padding: 0; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart ul.product_list_widget.cart_list li a p { color: #222; font-weight: 400; font-size: 13px; padding: 0; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart ul.product_list_widget.cart_list li a p img { width: 20px; border-radius: 0; margin: 0 5px 0 0; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart ul.product_list_widget.cart_list li .quantity { font-size: 18px; font-weight: 600; margin: 12px 0 6px 80px; display: block; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart ul.product_list_widget.cart_list li .quantity span { color: #A9C819; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart ul.product_list_widget.cart_list li:hover { background: #fffbf6; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart .buttons { background: transparent; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart .buttons .button { color: #222; font-family: 'poppins', Helvetica, Arial, sans-serif !important; text-transform: none; font-size: 1.5em; padding-top: 20px; padding-bottom: 18px; background: #fff; color: #A9C819; border: 1px solid #A9C819; border-radius: 0; transition: none; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart .buttons .button.checkout { background: #A9C819; color: #fff; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart .buttons .button:hover { color: #fff; background: #98B416 !important; } #top .av_header_with_border.av_header_transparency #header_main, #top .av_header_with_border.av_header_transparency #menu-item-shop.cart_dropdown { border: 0 none; } #top #header_meta_announcement { background: #98B416; padding: 8px 6px 7px; font-size: 14px; line-height: 12px; display: grid; grid-template-columns: 200px 1fr 150px; } #top #header_meta_announcement a { margin: 0; color: #fff; font-weight: bold; color: #fff; text-align: center; } #top #header_meta_announcement a:hover { color: #000; } #top #header_meta_announcement a span { font-weight: 400; } @media only screen and (max-width: 1200px) { #top #header_meta_announcement { display: block; text-align: center; padding-top: 4px; line-height: 14px; padding-bottom: 5px; } } /* Search */ #top .wph_description_grid .wph_description_grid__desc_inner { display: none !important; } #top .widget.widget_search, #top .widget.dgwt-wcas-widget { padding: 0; align-content: center; } #top .dgwt-wcas-search-wrapp { transform: none; top: auto; position: relative; max-width: none; min-width: auto; background: transparent; margin: 0; padding: 0; } /* #top #header.search_visible { height: 100% !important; padding: 0; position: absolute !important; } #top #header.search_visible #header_main { height: 100%; } #top #header.search_visible #header_main > .container { height: 100% !important; max-width: none; } #top #header.search_visible #header_main .nh_grid-container { z-index: 10; height: auto; padding: 0 50px; } #top #header.search_visible .widget.widget_search, #top #header.search_visible .widget.dgwt-wcas-widget { display: flex; z-index: 9; } */ #top #header .widget.widget_search search { margin: 0 auto; } #top .widget.widget_search .ajax_search_response { background:#ffffff; padding-top: 20px; max-height: 500px; overflow-y: scroll; } #top .widget.widget_search .ajax_search_response .av_ajax_search_title { text-transform: none; font-size: 18px; line-height: 26px; } #top .widget.widget_search .ajax_load { width: 60px; line-height: 57px; background: #A9C819; border-top-right-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; } #top .widget.widget_search .ajax_load_inner { opacity: 1; background:url('/loading_white_big.gif') no-repeat scroll center center #A9C819; background-size: cover; } #top .widget.widget_search #searchform, #top .widget.dgwt-wcas-widget .dgwt-wcas-search-form { display: block; margin: 0; } #top .widget.widget_search #searchform > div, #top .widget.dgwt-wcas-widget .dgwt-wcas-search-form > div { max-width: none; background: transparent; padding: 0; border-radius: 0; } #top .widget.widget_search #searchform #s, #top .widget.dgwt-wcas-widget .dgwt-wcas-search-form input.dgwt-wcas-search-input { font-size: 14px; padding: 10px 44px 10px 10px !important; margin: 0; border-radius: 0; } #top .widget.widget_search #searchform #s:focus, #top .widget.widget_search #searchform #s:active { border-color: #A9C819; } #top .widget.dgwt-wcas-widget .dgwt-wcas-search-form input.dgwt-wcas-search-input:focus, #top .widget.dgwt-wcas-widget .dgwt-wcas-search-form input.dgwt-wcas-search-input:active { border-color: #A9C819; } #top .widget.widget_search #searchform #searchsubmit { background: #A9C819; border-top-right-radius: 10px; border-bottom-right-radius: 10px; width: 60px; color: #fff; font-size: 26px; transition: none; } #top .widget.dgwt-wcas-widget .dgwt-wcas-search-form button.dgwt-wcas-search-submit { background: #A9C819; border-radius: 0; height: 44px; width: 44px; color: #fff; font-size: 26px; transition: none; left: auto; top: 0; right: 0; border: 0 none !important; } #top .dgwt-wcas-style-pirx.dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path { fill: #fff; } #top .widget.widget_search #searchform #searchsubmit:hover, #top .widget.dgwt-wcas-widget .dgwt-wcas-search-form button.dgwt-wcas-search-submit:hover { background: #98B416; } #top .dgwt-wcas-style-pirx .dgwt-wcas-preloader { height: 44px; margin: 0; right: 44px !important; } #top .dgwt-wcas-si img { border-radius: 50%; width: 40px; height: 40px; padding: 0; border: 0 none; } /* #top .widget #close_search { position: absolute; top: 100px; right: 5%; cursor: pointer; } #top .widget #close_search img { width: 36px; height: 36px; } */ #top #search_icon_hideonmobile { display: none; cursor: pointer; width: 44px; height: 44px; margin: auto; background: #A9C819; border-radius: 50%; padding: 0; line-height: 46px; color: #fff; font-size: 18px; text-align: center; transition: none; position: absolute; top: 20px; right: 80px; } #top #search_icon_hideonmobile:hover { background: #98B416; } #top #search_icon_hideonmobile:active { background: #313B4D; } #top #search_icon_hideonmobile svg { fill: #fff; margin: 12px auto 0; } #top #search_icon_hideonmobile .sih_loupe { display: block; } #top #search_icon_hideonmobile .sih_croix { display: none; } #top #search_icon_hideonmobile.search_visible .sih_loupe { display: none; } #top #search_icon_hideonmobile.search_visible .sih_croix { display: block; } /********** RESPONSIVE ************/ @media only screen and (max-width: 1400px) { #top #header_main .nh_grid-container, #top .ubermenu-main li.ubermenu-item-level-0 > a.ubermenu-target { font-size: 15px; } #top .ubermenu-main li.ubermenu-item-level-0 > a.ubermenu-target { padding-left: 10px; padding-right: 10px; } #top .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, #top .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size: 14px; line-height: 24px; } #top #menu-item-10237 { display: none; } } @media only screen and (max-width: 990px) { .responsive .av-burger-menu-main { display: none !important; } #top .nh_r_inside_bottom .widget.dgwt-wcas-widget { display: none; position: absolute; top: 20px; right: 80px; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; } #top .nh_r_inside_bottom .widget.dgwt-wcas-widget.search_visible { display: block; } #top #menu-item-10237 { display: inline-block; } #top #search_icon_hideonmobile { display: block; } #top #header_main .nh_grid-container #nh_right .nh_r_inside_bottom { padding: 0; } #top #header { padding: 0; } #top #header_main .nh_grid-container #nh_left { position: relative; z-index: 2; } .responsive #top #wrap_all .main_menu { position: absolute; top: 20px; left: 20px; width: 44px; height: auto; } #top #header_main .nh_grid-container #nh_left { padding: 0; display: block; margin: 0 auto; width: 110px; } /* #top #header_main .nh_grid-container #nh_right { grid-template-columns: 1fr 80px 80px; } */ .html_cart_at_menu.html_header_top #top .main_menu nav.ubermenu > ul.ubermenu-nav { padding-left: 0; } #top #header_main .nh_grid-container { display: block; } #top #header.search_visible #header_main .nh_grid-container { padding: 0; } .responsive #top #menu-item-shop.cart_dropdown { margin-left: 0; position: absolute; top: 14px; right: 20px; } #top #header_main #menu-item-shop .cart_dropdown_link { float: none !important; padding-right: 0; border-radius: 50%; } #top .ubermenu-skin-vanilla.ubermenu-responsive-toggle { padding: 0; background: transparent; color: #A9C819; } #top .ubermenu-skin-vanilla.ubermenu-responsive-toggle:hover { color: #98B416; } #top .ubermenu-skin-vanilla.ubermenu-responsive-toggle > i { font-family: 'entypo-fontello'; background: #A9C819; border-radius: 50%; width: 44px; display: block; height: 44px; color: #fff; font-size: 24px; line-height: 44px; } #top .ubermenu-skin-vanilla.ubermenu-responsive-toggle:hover > i { background: #98B416; } #top .ubermenu-skin-vanilla.ubermenu-responsive-toggle:active > i { background: #313B4D; } #top .ubermenu-skin-vanilla.ubermenu-responsive-toggle > i:before { content: ''; } #top .ubermenu-skin-vanilla.ubermenu-responsive-toggle.ubermenu-responsive-toggle-open > i { font-family: 'entypo-fontello'; } #top .ubermenu-skin-vanilla.ubermenu-responsive-toggle.ubermenu-responsive-toggle-open > i:before { content: ''; } #top .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close { color: #A9C819; } #top .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-target.ubermenu-item-layout-text_only .ubermenu-sub-indicator-close { top: 0; color: #A9C819; } #top .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close > i { font-family: 'entypo-fontello'; font-size: 28px; } #top .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close > i:before { content: ''; } #top .ubermenu-responsive { max-height: none; background: #fff; width: 100%; position: fixed; height: 100%; left: 0; z-index: 1; top: 80px; overflow: scroll !important; } #top .ubermenu-responsive.ubermenu-in-transition.ubermenu-responsive-collapse, #top .ubermenu-responsive.ubermenu-in-transition.ubermenu-responsive-collapse .ubermenu-nav { visibility: hidden; } #top .ubermenu.ubermenu-main .ubermenu-tab > .ubermenu-target { padding-top: 1.5rem; padding-bottom: 1.5rem; } .responsive #top .logo { width: auto; display: block; } #top .ubermenu-skin-vanilla .ubermenu-submenu.ubermenu-submenu-drop, .ubermenu-responsive .ubermenu-tabs > .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-tab-content-panel { height: 700px; overflow: hidden; overflow-y: scroll; } #top #header_main .nh_grid-container #nh_right .nh_r_inside_top { display: none; } } @media only screen and (max-width: 768px) { .responsive #top #wrap_all #header { position: fixed; } .responsive #top #wrap_all #header_main > .container { width: 100%; max-width: 100%; } #top #header_main .nh_grid-container { grid-template-rows: 70px; line-height: 70px; grid-template-columns: 1fr 110px 1fr; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart { width: 100%; position: fixed; top: 68px; } } @media only screen and (max-width: 575px) { #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart .buttons .button { font-size: 14px; padding-top: 15px; padding-bottom: 14px; } .responsive #top #header_main #menu-item-shop .cart_dropdown_link > span[data-av_icon] { font-size: 22px; } #top div #menu-item-shop .dropdown_widget.dropdown_widget_cart ul.product_list_widget.cart_list li a { font-size: 14px; } } /************************************************************************************************/ /************************************************************************************************/ /* /* FOOTER /* /************************************************************************************************/ /************************************************************************************************/ /* #top #footer_column { display: grid; grid-template-columns: 1fr 1fr; gap: 12%; } */ #top #footer_column:before { display: none; } #top #footer_column .fc_inner { display: grid; grid-template-columns: 1fr 1fr; } #top #footer_column h3 { font-size: 40px; line-height: 50px; margin-bottom: 40px; font-weight: 700; } #top #footer_column h3.iconbox_content_title { font-size: 20px; color: #A9C819; } #top #footer_column p img.alignleft { margin-right: 20px; margin-top: -20px; } #top #footer_column h4 { font-size: 23px; margin-bottom: 30px; font-weight: 700; } #top #footer_column a:not(.av-icon-char):hover { text-decoration: underline; } #top #footer_column .iconbox .iconbox_icon { top: 0; height: 50px; width: 50px; font-size: 28px; line-height: 46px; } #top footer p a { color: #444; text-decoration: underline; } #top footer p a:hover { color: #A9C819; } #top footer #footer_section_2 { border-bottom: 6px solid #A8C819 !important; } #top .force_width_80 img { width: 80px; height: auto; } /********** RESPONSIVE ************/ @media only screen and (max-width: 990px) { #top #footer_column { display: block; padding: 6%; } #top #footer_column h3 { font-size: 30px; line-height: 40px; } } @media only screen and (max-width: 768px) { #top #footer_column .fc_inner { display: block; } #top #main #footer-page .avia-section .template-page { padding-bottom: 0; } /* .responsive #top #wrap_all #footer-page > .avia-section .container { width: 100%; max-width: 100%; } */ #top #footer_section_2 { text-align: center; } #top #footer_column { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; } #top #footer-page > .av-layout-grid-container > .flex_cell.av_one_full { padding-bottom: 0; padding-left: 3% !important; padding-right: 3% !important; } } @media only screen and (max-width: 575px) { } /************************************************************************************************/ /************************************************************************************************/ /* /* WOOCOMMERCE GENERAL /* /************************************************************************************************/ /************************************************************************************************/ #top.archive.tax-product_cat main.template-shop.content.av-content-full > .entry-content-wrapper { position: relative; } #top.archive.tax-product_cat .product-sorting { float: none; position: absolute; top: 0; right: 0; display: inline-block; width: auto; } #top .product-sorting.avia-product-sorting { display: none !important; } #top.archive.tax-product_cat .product-sorting ul { float: right; } #top.archive.tax-product_cat.tax_cat_new_landing_page .product-sorting { display: none; } #top .onsale { top: -33px; padding: 0 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; right: 0; border-radius: 0; } #top .single-product-main-image .onsale { top: 15px; right: 24px; } #top ul.products.columns-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3%; row-gap: 40px; padding: 2% 0 5%; } #top ul.products.columns-4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 3%; row-gap: 40px; padding: 2% 0 5%; } #top ul.products.columns-3, #top ul.products.columns-4 { padding: 2% 0 5%; & li.product { float: none; margin: 0; width: auto; border-radius: 0; overflow: hidden; background: #fff; transition: border 100ms ease; border: 1px solid #ffffff; & .inner_product { border: 0 none; } & .inner_product_header { background: #fff; padding: 1rem; & .avia-arrow { display: none; } & h2 { font-size: 20px; font-weight: 600; line-height: 28px; margin-bottom: 10px; } & .price, & .price span { color: #313B4D; font-weight: 600; font-size: 20px; } & .price del { color: #a5a5a5; font-size: 15px; opacity: 0.7; display: block; } & .price del span { color: #a5a5a5; font-size: 15px; opacity: 0.7; } } & h2.woocommerce-loop-category__title { background: #fff; padding: 2rem 1.5rem; & mark.count { display: none !important; } } } & .avia_cart_buttons { display: none; } } #top #wrap_all ins::before { display: none; } #top ul.products.columns-3 li.product:hover, #top ul.products.columns-4 li.product:hover { border: 1px solid #A9C819; & h2 { text-decoration: underline; font-weight: 600; } } #top .product .price.hide_suffixe > .woocommerce-price-suffix, #top .hspt_p_inner .price.hide_suffixe > .woocommerce-price-suffix { display: none; } #top .hspt_p_inner .price del, #top .hspt_p_inner span del { opacity: 0.4; } #top .product .price .percentage, #top .hspt_p_inner .price .percentage, #top .hspt_p_inner span .percentage { font-size: 16px; font-weight: 600; color: #fff !important; background: #A9C819; border-radius: 50%; width: 42px; text-align: center; height: 42px; line-height: 36px; display: inline-block; padding: 3px 0px; margin-left: 30px; } #top .hspt_p_inner .price .percentage { font-size: 11px; width: 30px; height: 30px; line-height: 24px; margin-left: 15px; } #top.woocommerce-cart .wc-empty-cart-message { margin-top: 100px; } #top.woocommerce-account #customer_login { margin-top: 100px; } #top.woocommerce-account #customer_login h2 { font-size: 30px; line-height: 40px; } #top.woocommerce-account #customer_login .woocommerce-form { padding: 2rem; border-radius: 0; } #top.woocommerce-account .container_wrap.title_container { background: #FBF5EE; color: #313B4D; padding-top: 100px; } #top.woocommerce-account .container_wrap.title_container.alternate_color .breadcrumb { right: auto; left: 50px; font-size: 14px; } #top.woocommerce-account .container_wrap.title_container.alternate_color .breadcrumb, #top.woocommerce-account .container_wrap.title_container.alternate_color .breadcrumb a, #top.woocommerce-account .container_wrap.title_container.alternate_color.title_container .main-title, #top.woocommerce-account .container_wrap.title_container.alternate_color.title_container .main-title a { color: #313B4D; } #top.woocommerce-account main.content article .entry-content-wrapper .entry-content > .woocommerce { display: grid; grid-template-columns: 250px 1fr; border-radius: 2rem; overflow: hidden; } #top.woocommerce-account nav.woocommerce-MyAccount-navigation { float: none; margin: 0; border-right: 1px solid #8CB9BD; background: #fff; } #top.woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding: 18px; border-bottom-color: #8CB9BD; } #top.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a { background: #98B416; color: #fff; border-bottom-color: #98B416; } #top.woocommerce-account .woocommerce-MyAccount-navigation ul li:active a { background: #313B4D; border-bottom-color: #313B4D; } #top.woocommerce-account .woocommerce-MyAccount-content { padding: 30px 50px; background: #fff; } #top.woocommerce-account .woocommerce-MyAccount-content h3 { font-size: 22px; } .woocommerce-page .button.wc-forward { float: none; display: block; border-radius: 0; max-width: 200px; margin-top: 20px; transition: none; } /********** RESPONSIVE ************/ @media only screen and (max-width: 1200px) { #top ul.products.columns-4 { grid-template-columns: 1fr 1fr 1fr; } } @media only screen and (max-width: 990px) { #top ul.products.columns-3, #top ul.products.columns-4 { grid-template-columns: 1fr 1fr; } #top.woocommerce-account main.content article .entry-content-wrapper .entry-content > .woocommerce { grid-template-columns: 1fr; row-gap: 40px; border-radius: 0; } #top.woocommerce-account nav.woocommerce-MyAccount-navigation { border-radius: 2rem; border: 0 none; overflow: hidden; font-size: 14px; } #top.woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding: 12px; } #top.woocommerce-account .woocommerce-MyAccount-content { border-radius: 2rem; overflow: hidden; padding: 10% 5%; } #top.archive.tax-product_cat .product-sorting { top: -30px; } } @media only screen and (max-width: 768px) { .responsive #top #wrap_all .shop_columns_4 > .container { width: 95%; max-width: 95%; } .responsive #top #main .products .product { margin: 0; width: auto; } } @media only screen and (max-width: 575px) { #top ul.products.columns-3 li.product .inner_product_header , #top ul.products.columns-4 li.product .inner_product_header { padding: 1rem; & h2 { font-size: 15px; line-height: 20px; } & .price, & .price span { font-size: 14px; } } } /************************************************************************************************/ /************************************************************************************************/ /* /* WOOCOMMERCE PAGES CATEGORIES /* /************************************************************************************************/ /************************************************************************************************/ #top.archive.tax-product_cat .container_wrap.template-shop { background: #F9F9FB; } #top.woocommerce .container_wrap.title_container, #wph_description_grid__desc__link { display: none; } #wph_description_grid__desc__link { cursor: pointer; width: 100%; position: relative; box-shadow: 0 -10px 10px #8CB9BD, 0 -10px 20px #8CB9BD, 0 -15px 30px #8CB9BD; text-decoration: underline !important; color: #fff; font-weight: bold; top: -10px; background: #8CB9BD; z-index: 9; height: 30px; text-align: center; } #top.woocommerce .product .thumbnail_container .rating_container { display: none; } #top.woocommerce .product .inner_product_header .star-rating { margin-top: -5px; margin-bottom: 10px; float: none; } #top .woocommerce-products-header { background: transparent; padding: 90px 50px 0; width: calc(100% + 200px); margin-left: -100px; margin-right: -100px; color: #000; margin-bottom: -80px; z-index: 2; position: relative; } #top.search-no-results .woocommerce-products-header { margin-bottom: 0px; } #top .woocommerce-products-header .breadcrumb.avia-breadcrumbs { font-size: 12px; color: #000; font-weight: 300; height: 30px; display: inline-block; margin: 20px 0 0; } #top .woocommerce-products-header .breadcrumb.avia-breadcrumbs .sep { width: 16px; } #top .woocommerce-products-header .breadcrumb.avia-breadcrumbs a { text-decoration: underline; } /* New Catégorie Product Archive Landing Page */ #top .woocommerce-products-header.new_landing_page { width: 100%; margin: 0 auto; color: #313B4D; background: transparent; padding-bottom: 0; border-radius: 0; } #top .woocommerce-products-header.new_landing_page .breadcrumb.avia-breadcrumbs { color: #313B4D; } #top .woocommerce-products-header.new_landing_page h1 { color: #313B4D !important; font-size: 3em; } #top .woocommerce-products-header.new_landing_page p { font-size: .9em; line-height: 1.5em; } #top .new_landing_page ul.products.columns-4 { display: flex; gap: 3%; max-width: 1500px; margin: auto; padding: 2% 0; justify-content: center; flex-wrap: wrap; } #top .new_landing_page .products .product-category { background: transparent !important; box-shadow: none !important; transition: none !important; border-radius: 0 !important; border: 0 none !important; width: 200px !important; } #top .new_landing_page .products .product-category img { border-radius: 50%; } #top .new_landing_page .products li.product-category h2.woocommerce-loop-category__title { background: transparent !important; padding: 1rem 0 2rem !important; text-align: center; } @media only screen and (max-width: 1200px) { #top .new_landing_page ul.products.columns-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media only screen and (max-width: 990px) { #top .new_landing_page ul.products.columns-4 { grid-template-columns: 1fr 1fr 1fr; } } @media only screen and (max-width: 480px) { #top .new_landing_page ul.products.columns-4 { grid-template-columns: 1fr 1fr; } } /* */ #top .template-shop h1.page-title { display: block; color: #000; margin-bottom: 30px; font-size: 3em; font-weight: 700; } #top .wph_description_grid { display: grid; grid-template-columns: 1fr 400px; gap: 10%; font-size: 16px; line-height: 24px; margin-top: 40px; & .wph_description_grid__desc { padding-right: 1rem; & img.alignright, & img.alignleft { margin-right: 2rem; margin-bottom: 2rem; float: left; border-radius: 0; } } & strong { color: #313b4d; } & .wph_description_grid__img { align-self: end; & img { border-radius: 0; } } } #top .wph_title_cat_grid { display: grid; grid-template-columns: 1fr 1fr; font-size: 16px; line-height: 24px; & .wph_title_cat_grid__title { padding-right: 1rem; align-self: center; } & .wph_title_cat_grid__title__desc { align-self: center; font-size: 15px; line-height: 22px; font-weight: 300; } } #top.search-results .wph_title_cat_grid { grid-template-columns: 1fr; padding-top: 50px; } #top.search-results .template-shop h1.page-title { font-size: 2em; } #top.woocommerce .page-thumb, #top.woocommerce .term-description { display: none; } #top.woocommerce-page .woocommerce-ordering { position: relative; text-align: right; display: inline-block; width: 100%; max-width: 240px; min-width: auto; top: inherit; right: inherit; margin: 0; } #top.woocommerce-page .woocommerce-ordering select { width: 100%; border: 1px solid #444; border-radius: 0; font-size: 13px; } #top.archive table h1 { font-size: 24px; } #top .custom-sidebar-shop-grid-container aside { display: none; } .responsive body#top.tax-product_cat { overflow-x: visible; } #top.tax-product_cat #wrap_all { overflow: visible; } #top .bapf_sfilter .fa { font-family: 'entypo-fontello'; } #top .bapf_sfilter .fa.fa-chevron-up::before { content: ""; } #top .bapf_sfilter .fa.fa-chevron-down::before { content: ""; } #top .bapf_sfilter .bapf_img_span { border-radius: 50%; transition: none; border: 2px solid #F7F7F9; } #top .bapf_sfilter .bapf_img_span:hover { transform: scale(1.2); border: 2px solid #A9C819; } #top .bapf_sfilter.brchecked_default input:checked + label .bapf_img_span { transform: none; border: 2px solid #A9C819; } #top .bapf_sfilter.bapf_ckbox input[type="checkbox"] { display: none !important; } #top .berocket_single_filter_widget .bapf-clean-rounded li label { background: #fff; font-weight: 400; font-size: .94em; border: 1px solid #444; border-radius: 0; } #top .berocket_single_filter_widget .bapf-clean-rounded li:hover label { border-color: #A9C819; background: #A9C819; color: #fff } #top .berocket_single_filter_widget .bapf-clean-rounded li.checked label { border-color: #A9C819; color: #444; } .berocket_single_filter_widget .bapf-clean-rounded li.checked label::before { border-color: #A9C819; } #top .berocket_single_filter_widget .bapf-clean-rounded li.checked:hover label { color: #fff; } .berocket_single_filter_widget .bapf-clean-rounded li.checked:hover label::before { border-color: #fff; } #top .custom-sidebar-shop-grid-container .bapf_head { padding: 20px 10px 20px; border-top: 1px solid #a6a6a6; border-bottom: 0 none; cursor: pointer; margin-bottom: -20px; z-index: 9; position: relative; } #top .custom-sidebar-shop-grid-container .bapf_head:hover { background: #fff; } #top .custom-sidebar-shop-grid-container .bapf_body { padding: 30px 0 12px 10px; } #top .custom-sidebar-shop-grid-container .bapf_srch form.bapf_form { margin: 0; } #top .custom-sidebar-shop-grid-container .bapf_srch .bapf_body { padding-left: 0; padding-top: 10px; } #top .custom-sidebar-shop-grid-container .bapf_srch input.bapf_input { border: 1px solid #000; border-radius: 0; padding: 10px; font-size: 14px; font-weight: 300; margin: 0; height: 42px; } #top .custom-sidebar-shop-grid-container .bapf_srch input.bapf_input:focus { border-color: #A9C819; } #top .custom-sidebar-shop-grid-container .bapf_srch.bapf_button_icon span.bapf_search { right: 10px; top: 5px; } #top .custom-sidebar-shop-grid-container .bapf_srch form.bapf_form .fa-search::before { content: ""; color: #000; } #top .custom-sidebar-shop-grid-container h3.bapf_hascolarr { text-transform: uppercase; letter-spacing: 0.5px; } #top .custom-sidebar-shop-grid-container .bapf_slct .bapf_body { padding-left: 0; padding-top: 0; } #top .custom-sidebar-shop-grid-container .bapf_slct select { border: 1px solid #000; border-radius: 0; font-size: 13px; font-weight: 400; width: 100%; } #top .custom-sidebar-shop-grid-container .bapf_slct .bapf_body select { margin-top: 25px; } #top .bapf-sfa-grey-rounded .berocket_aapf_widget_selected_area li a.braapf_unselect { background: #fff; font-size: 13px; border-width: 1px; } #top .bapf-sfa-grey-rounded .berocket_aapf_widget_selected_area li a.braapf_unselect::before { color: #444; top: 8px; font-size: 28px; } #top .new_landing_page > .products, #top .new_landing_page > .products > .product-category { display: none; } #top .new_landing_page .wrapper_ziii { display: grid; grid-template-columns: 25% 25% 25% 25%; gap: 10px; row-gap: 10px; margin: 30px 0 0; } #top .new_landing_page .wrapper_ziii a { position: relative; height: 100%; } #top .new_landing_page .wrapper_ziii a .ziii_banner__inner { width: 100%; height: 100%;display: flex; flex-direction: column; justify-content: end; text-align: center; aspect-ratio: 1/1; } #top .new_landing_page .wrapper_ziii a .ziii_banner__inner__content { margin-bottom: 50px; } #top .new_landing_page .wrapper_ziii a .ziii_banner__inner__content h3 { font-weight: 700 !important; font-size: clamp(20px,1.6vw,45px); margin-top: 0; color: #fff; text-shadow: 0 0 5px #000, 0 0 12px #000, 0 0 20px #000; } #top .new_landing_page .wrapper_ziii a .ziii_banner_button { margin-bottom: 50px; font-size: .9em; padding: 10px 30px; background: transparent !important; color: #fff !important; border: 2px #fff solid; margin-top: 0; display: inline-block; margin-left: auto; margin-right: auto; } #top .new_landing_page .wrapper_ziii a:hover .ziii_banner_button { background: #A9C819 !important; border-color: #A9C819; color: #fff !important; } #top .custom-sidebar-shop-grid-container aside .inner_sidebar { margin-left: 20px; } #top .custom-sidebar-shop-grid-container aside .inner_sidebar .textwidget { font-size: .9em; line-height: 1.5em; } #top .sidebar_marque_links { padding-top: 20px; } #top .sidebar_marque_links h3 { font-size: 15px; padding-left: 10px; margin-bottom: 15px; } #top .sidebar_marque_links ul { list-style: none; } #top .sidebar_marque_links ul li a { text-decoration: underline; font-weight: 300; letter-spacing: 0.3px; } @media only screen and (min-width: 990px) { #top .av-desktop-hide { display: none; } #top .custom-sidebar-shop-grid-container { display: grid; grid-template-columns: 320px 1fr; gap: 40px; align-items: start; } #top .custom-sidebar-shop-grid-container aside { display: block; position: sticky; bottom: 80px; } /* TOFIX */ #top .custom-sidebar-shop-grid-container h3.berocket_ajax_group_filter_title { margin-bottom: 50px; } #top .custom-sidebar-shop-grid-container h3.bapf_hascolarr { font-size: 15px; margin: 0; } #top .custom-sidebar-shop-grid-container .bapf_ckbox_sqchck input[type="checkbox"] { display: inline-block; margin-right: 10px; } #top .custom-sidebar-shop-grid-container ul.products.columns-4 { grid-template-columns: 1fr 1fr 1fr; } } /********** RESPONSIVE ************/ @media only screen and (max-width: 1810px) { #top .woocommerce-products-header { width: calc(100% + 100px); margin-left: -50px; margin-right: -50px; } } @media only screen and (max-width: 1400px) { #top .wph_description_grid { display: grid; grid-template-columns: 1fr 300px; gap: 4%; } } @media only screen and (max-width: 1200px) { #top .wph_description_grid { display: block; gap: 0; & .wph_description_grid__img { display: none; } } } @media only screen and (max-width: 990px) { #top .wph_description_grid { font-size: 14px; line-height: 20px; } #top .wph_title_cat_grid { grid-template-columns: 1fr 200px; } #wph_description_grid__desc__link { display: block; } /* #top .wph_description_grid .wph_description_grid__desc_inner:not(.deplied) { height: 150px; overflow: hidden; } */ #top .new_landing_page .wrapper_ziii { grid-template-columns: 1fr 1fr; row-gap: 10px; } } @media only screen and (max-width: 768px) { #top .woocommerce-products-header { width: calc(100% + 6%); margin-left: -3%; margin-right: -3%; padding: 100px 20px 50px; } #top .template-shop h1.page-title { font-size: 2.4em; } #top .woocommerce-products-header .breadcrumb.avia-breadcrumbs { font-size: 14px; margin-bottom: 20px; margin-top: 50px; } #top .new_landing_page .wrapper_ziii a .ziii_banner__inner__content { margin-bottom: 30px; } #top .wph_title_cat_grid { display: block; gap: 0; & .wph_title_cat_grid__title { padding-right: 0; margin-bottom: 20px; } } } @media only screen and (max-width: 575px) { #top .wph_title_cat_grid { & .wph_title_cat_grid__title h1.page-title { margin-bottom: 0; } } #top .new_landing_page .wrapper_ziii a .ziii_banner_button { font-size: .8em; padding: 8px 20px; margin-bottom: 20px; } } /************************************************************************************************/ /************************************************************************************************/ /* /* WOOCOMMERCE SINGLE PRODUCT /* /************************************************************************************************/ /************************************************************************************************/ .responsive body#top.single-product { overflow-x: visible; } .single-product #wrap_all { overflow: visible; } /* .responsive .single-product .container_wrap.container_wrap_first > .container { max-width: 1500px; } */ /* #top.single-product #main > .container_wrap.container_wrap_first.template-shop { background: linear-gradient(180deg, rgb(251, 245, 238) 0%, rgb(251, 245, 238) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%); } */ #top #main .single-product-main-image .sidebar { display: none !important; } .single-product .template-shop { background: #F9F9FB; padding-top: 35px; } #top.woocommerce.single-product .container_wrap.title_container { display: block; padding-top: 90px; background: #F9F9FB; } #top.single-product .container_wrap.title_container { background: #fff; color: #313B4D; padding-top: 80px; } #top.single-product .container_wrap.title_container.alternate_color .breadcrumb { right: auto; left: auto; font-size: 13px; margin-top: 0; } #top.single-product .container_wrap.title_container.alternate_color .breadcrumb, #top.single-product .container_wrap.title_container.alternate_color .breadcrumb a, #top.single-product .container_wrap.title_container.alternate_color.title_container .main-title, #top.single-product .container_wrap.title_container.alternate_color.title_container .main-title a { color: #313B4D; } .single-product .template-shop div.product { padding-bottom: 5rem; } #top .single-product-main-image { width: 42%; margin-right: 0; } #top .single-product-main-image .woocommerce-product-gallery__wrapper > a { border: 0 none; background: #fff; padding: 0; overflow: hidden; } #top .single-product-main-image .thumbnails { width: 100%; } #top .single-product-main-image .thumbnails a { width: 24%; margin: 0 0.5% 1%; background: #fff; padding: 0; overflow: hidden; border-radius: 0; border: 2px solid #FBF5EE; transition: border 100ms ease; } #top .single-product-main-image .thumbnails a:hover { border: 2px solid #A9C819; } #top .single-product-main-image .woocommerce-product-gallery__image a { padding: 0; border: 0 none; background: #F9F9FB; } #top.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { padding-left: 0; border: 0 none; opacity: .9; transition: none; } #top.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } #top .single-product-summary { background: transparent; padding: 2rem 2rem 2rem 5rem; } #top .single-product-summary h1.product_title { font-size: 26px; margin-bottom: 10px; font-weight: 600; max-width: 700px; line-height: 42px; } #top .entry-summary .woocommerce-product-rating { top: 0; } #top .entry-summary .woocommerce-product-rating .star-rating { transform: scale(1.5); transform-origin: top left; } #top div .star-rating, #top div .star-rating span { background-image: url("/stars.svg") !important; } #top .entry-summary .woocommerce-product-rating .woocommerce-review-link { font-size: 14px; font-weight: 300; margin-left: 40px; top: 0px; } #top .single-product-summary h2.sp_marque_reference { font-size: 14px; margin-top: 10px; margin-bottom: 30px; font-weight: 300; color: #494949; } #top .single-product-summary .price { color: #313b4d; font-size: 3em; font-weight: 700; display: block; margin: 10px 0; } #top .single-product-summary .price span { font-size: 26px; font-weight: 400; } @media only screen and (min-width: 990px) { #top .single-product-summary { min-height: 840px; } } #top .single-product-summary .summary p.stock { display: none !important; } #top .single-product-summary .summary .woocommerce-variation-availability p.stock { display: block !important; font-size: 15px; font-weight: 600; color: #313B4D; line-height: 20px; margin-bottom: 20px; } #top .single-product-summary .summary .woocommerce-variation-availability p.stock::before { content: '•'; display: inline-block; font-size: 36px; position: relative; top: 5px; margin-right: 10px; } #top .single-product-summary .summary .woocommerce-variation-availability p.stock.in-stock::before { color: #4FBD7B; } #top .single-product-summary .summary .woocommerce-variation-availability p.stock.out-of-stock::before { color: #E98D03; } #top .woocommerce-product-details__short-description { font-size: 16px; line-height: 24px; font-weight: 300; color: #313B4D; } #top .woocommerce-product-details__short-description, #top .woocommerce-product-details__short-description h2, #top .woocommerce-product-details__short-description p { color: #313B4D; } #top .woocommerce-product-details__short-description a { color: #A9C819; } #top .woocommerce-product-details__short-description a:hover { color: #98B416; text-decoration: underline; } #top .woocommerce-product-details__short-description h2 { font-size: 30px; } #top .woocommerce-product-details__short-description h3 { font-size: 26px; } #top .woocommerce-product-details__short-description p:nth-child(1) { margin-top: 0 !important; } #top .woocommerce-product-details__short-description ul { list-style: disc; padding-left: 10px; margin-top: 15px; line-height: 28px; } #top .woocommerce-product-details__short-description ul li { padding-left: 4px; } #top .single-product-summary .cart { border: 1px solid #CCC; border-radius: 4px; background: #fff; padding: 22px 30px 30px; margin: 40px 0 20px; position: relative; } #top .single-product-summary .cart:not(.variations_form), #top .single-product-summary .cart.variations_form .woocommerce-variation-add-to-cart.variations_button { display: grid; grid-template-columns: 130px 40px 110px 70px 1fr; gap: 3%; align-items: center; } #top .single-product-summary .cart.variations_form .single_variation_wrap { margin: 0; } /* On veut rajouter "m²" à la fin du champ */ #top .single-product-summary .cart input#surface_projet { margin: 0; border: 1px solid #000; border-radius: 0; font-size: 14px; font-weight: 600; padding-right: 42px; position: relative; padding-left: 12px; text-align: center; } #top .single-product-summary .cart #surface_projet_wrapper { position: relative; } #top .single-product-summary .cart #surface_projet_wrapper::after { content: "m²"; font-size: 14px; font-weight: 600; color: #313B4D; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; } #top .single-product-summary .cart .quantity { border: 1px solid #000; min-width: auto; margin: 0; } #top .main_color .quantity input.minus, #top .main_color .quantity input.plus { border: 1px solid #fff !important; background: transparent; font-size: 20px; width: 32px; height: 32px; line-height: 1; padding: 0; } #top .quantity input.qty { border: 0 none; background: transparent !important; height: 40px !important; font-weight: 600; } #top .main_color .quantity input.minus:hover, #top .main_color .quantity input.plus:hover { color: #98B416; border: 1px solid #98B416 !important; } #top .single-product-summary #tab-additional_information { padding: 20px 0 0; } #top .single-product-summary #tab-additional_information > h2 { display: none; } #top .single-product-summary button.single_add_to_cart_button { font-size: 16px; font-weight: 600; padding-top: 18px; padding-bottom: 18px; border-radius: 0; transition: none; padding-left: 4px; padding-right: 4px; float: none; } #top .single-product-summary button.single_add_to_cart_button:active { background: #313B4D; } #top .single-product-summary .sp_short_description { margin-top: 40px; font-size: .85em; font-weight: 300; line-height: 1.5em; } #top .single-product-summary .sp_short_description a { text-decoration: underline; font-weight: 600; } #top table.variations th.label { line-height: 14px; text-transform: none; text-align: left; } #top .sp_configurateur_link { display: block; } #top .sp_configurateur_link a { display: inline-block; overflow: visible !important; } #top .sp_configurateur_link a .sp_mtatw_product_inner { font-size: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 8px 16px; border-radius: 0; background: #fff; display: grid; grid-template-columns: 16px 1fr; align-items: center; gap: 12px; transition: all 100ms ease; border: 1px solid #fff; } #top .sp_configurateur_link a .sp_mtatw_product_inner img { filter: invert(71%) sepia(39%) saturate(589%) hue-rotate(353deg) brightness(98%) contrast(88%); width: 18px; height: 18px; transition: all 100ms ease; } #top .sp_configurateur_link a:hover .sp_mtatw_product_inner { box-shadow: 0 0 15px rgba(0,0,0,0.1); text-decoration: underline; border-color: #98B416; } #top .sp_configurateur_link a:hover .sp_mtatw_product_inner img { filter: invert(55%) sepia(8%) saturate(2620%) hue-rotate(335deg) brightness(88%) contrast(84%); } #top .sp_meta_terrasse_autres_tailles_wrapper { position: relative; margin-bottom: 30px; } #top .sp_meta_terrasse_autres_tailles_wrapper h3 { font-size: 20px; line-height: 30px; margin-bottom: 30px; } #top .sp_meta_terrasse_autres_tailles_wrapper .sp_mtatw_product { display: grid; grid-template-columns: 34px 1fr; gap: 20px; margin-bottom: 20px; line-height: 32px; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 7px; padding: 8px 6px 8px 15px; font-size: 14px; color: #313b4d; border: 1px solid #fff; font-weight: 600; transition: all 100ms ease; } #top .sp_meta_terrasse_autres_tailles_wrapper .sp_mtatw_product img { width: 34px; position: relative; } /* #top .sp_content_after_product_summary { padding: 5.5em 0 4.5em; } */ #top .woocommerce-product-details__description_wrapper { padding-top: 5.5em; } @media (min-width: 990px){ #top .woocommerce-product-details__description_wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 15%; } } #top .woocommerce-product-details__short-description, #top .woocommerce-product-details__faq { padding-bottom: 2rem; } #top .woocommerce-product-details__caracteristiques h2 { font-size: 24px; line-height: 40px; margin-bottom: 30px; } #top div table.shop_attributes tr { border-bottom: 1px #CCC solid; } #top div table.shop_attributes th { width: auto; font-size: 14px; padding: 12px 8px; } #top div table.shop_attributes td { font-style: normal; font-size: 14px; padding: 12px 8px; } #top .woocommerce-product-details__reviews_wrapper { padding: 5rem 0; background: #F9F9FB; } /* #top .entry-summary .woocommerce-product-rating { top: -28px; } */ #top .woocommerce-product-details__reviews { padding-bottom: 4rem; font-size: 16px; } #top .woocommerce-product-details__reviews #reviews h2.woocommerce-Reviews-title { font-size: 28px; line-height: 40px; margin-bottom: 50px; letter-spacing: 0; font-family: 'poppins',Helvetica,Arial,sans-serif; } #top .woocommerce-product-details__reviews #reviews h2.woocommerce-Reviews-title span { font-weight: 300; } #top .woocommerce-product-details__reviews #reviews .wcpr-overall-rating > h2 { display: none; } #top .woocommerce-product-details__reviews #reviews .wcpr-overall-rating .wcpr-overall-rating-left { color: #444; background: none; } #top .woocommerce-product-details__reviews #reviews .wcpr-overall-rating .wcpr-overall-rating-left span.wcpr-overall-rating-left-average { font-size: 36px; font-weight: 600; } #top .woocommerce-product-details__reviews #reviews #comments ol.commentlist li { background: #fff; padding: 24px 24px 18px; margin-bottom: 24px; } #top .woocommerce-product-details__reviews #reviews #comments ol.commentlist li > div { position: relative; } #top .woocommerce-product-details__reviews #reviews #comments ol.commentlist li .avatar { border: 0; border-radius: 50%; width: 44px; top: 10px; } #top .woocommerce-product-details__reviews #reviews #comments ol.commentlist li .comment-text { border: 0; border-radius: 0; } #top #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 1em; } #top .woocommerce-product-details__reviews #commentform .wcpr-comment-form-images { position: relative; display: block; margin-bottom: 30px; } #top .woocommerce-product-details__reviews #commentform label { position: relative; left: auto; top: auto; font-size: 15px; } #top .woocommerce-product-details__reviews #commentform .wcpr-input-file-wrap .wcpr_image_upload_button.button, #top .woocommerce-product-details__reviews #commentform .wcpr-input-file-wrap .wcpr_image_upload_button.button { float: none; background: #fff !important; color: #A9C819 !important; font-weight: 600; border: 2px solid #A9C819; border-radius: 0; transition: none; } #top .woocommerce-product-details__reviews #commentform .wcpr-input-file-wrap .wcpr_image_upload_button.button:hover, *#top .woocommerce-product-details__reviews #commentform .wcpr-input-file-wrap .wcpr_image_upload_button.button:active { background: #A9C819 !important; color: #fff !important; } #top .woocommerce-product-details__reviews #commentform .comment-form-rating label, #top.logged-in .woocommerce-product-details__reviews #commentform .comment-form-comment label { font-size: 15px; line-height: 2; margin-bottom: 5px; } #top .woocommerce-product-details__reviews #commentform input[type="submit"] { font-size: 16px; font-weight: 600; padding: 15px 30px; border-radius: 5rem; background: #A9C819; color: #fff; transition: none; font-family: 'poppins',Helvetica,Arial,sans-serif; } #top .woocommerce-product-details__reviews #commentform input[type="submit"]:hover { background: #98B416; } #top .sp_content_after_related_products { padding: 5.5em 0 8.5em; } #top .sp_content_after_related_products > .container { max-width: none !important; padding: 0 !important; width: 100% !important; } #top .sp_content_after_related_products h2 { color: #fff; margin-bottom: 50px; } #top .sp_content_after_related_products a { color: #fff; text-decoration: underline; } #top .sp_content_after_product_summary .related ul.products.columns-4 { padding-bottom: 0; } #top .related.products, #top .upsells.products { padding: 3em 0 0; } #top .related.products h2, #top .upsells.products h2 { font-size: 40px; line-height: 50px; } #top .sp_upsells_terrasse_part { padding-bottom: 100px; } #top .related_products_pa_gamme .inner_product_header { border: 0 none; min-height: auto; padding: 0.5rem !important; } #top .related_products_pa_gamme ul.products.columns-3 li.product .inner_product_header h2 { font-size: 15px; line-height: 22px; } #top .sp_configurateur_wrapper { background: #8CB9BD; } #top .sp_configurateur_wrapper .sp_configurateur_inner { position: relative; top: -50px; margin-bottom: -100px; z-index: 2; } #top .sp_configurateur_wrapper .sp_configurateur { border-radius: 2rem; padding: 4rem; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.1), 0 0 20px rgba(0,0,0,0.1); } #top .sp_faq_toggle.av-elegant-toggle.togglecontainer { border: 1px solid #CCC; border-radius: 4px; } #top .sp_faq_toggle.av-elegant-toggle.togglecontainer > section { border-bottom: 1px solid #CCC; } #top .sp_faq_toggle.av-elegant-toggle.togglecontainer > section:nth-last-child(1) { border-bottom: 0 none; } .avia-admin-preview-container .av-elegant-toggle .toggler, .js_active #top .sp_faq_toggle.av-elegant-toggle .toggler { padding: 15px 10px; font-weight: 600; border-color: #8CB9BD !important; border: 0 none !important; border-radius: 0; font-size: 14px; } #top .sp_faq_toggle.av-elegant-toggle .toggle_content { padding: 0 10px 20px; color: #444444; border: 0; font-weight: 300; } #top .sp_faq_toggle.av-elegant-toggle .toggle_icon { opacity: .6; transition-duration: 150ms; border-width: 0; } /* Tooltip */ .mytooltip { position: relative; display: inline-block; transform-style: preserve-3d; margin-top: 40px; } @media (max-width: 1200px){ .mytooltip{ margin: .5rem; } } .mytooltip .tooltiptext { min-width: 180px; max-width:350px; position: absolute; font-size: 0.8rem; text-align: left; background: #000; color: white; padding: 5px 10px; border-radius: 5px; display: block; bottom: 80px;left: 0; line-height: 1.4em; opacity: 0; transition: opacity 0.1s ease-out 0.1s; } @media (max-width: 576px){ .mytooltip .tooltiptext { min-width: 120px; } } .mytooltip:hover .tooltiptext { opacity: 1; transition: opacity 0.1s ease-out; } .mytooltip .tooltiptext:after{ content:""; position: absolute; left: 20px; bottom: -7px; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #000 transparent transparent transparent; } /* Fin tooltip */ #top .single-product-summary .summary .product_meta > span { display: block; } #top .single-product-summary .summary .product_meta > span.posted_in { display: none; } #top .single-product-summary .summary .product_meta span.sku_wrapper { font-size: 16px; font-weight: 400; } #top .single-product-summary .summary .product_meta span.sku_wrapper span { font-weight: 600; } #top .single-product-summary .summary .product_meta span.sku_wrapper::before { content: ''; display: inline-block; font-size: 16px; font-family: 'entypo-fontello'; margin-right: 7px; line-height: 1; position: relative; top: -2px; } /* #top.single-product #footer_column { margin-top: -100px; z-index: 9; position: relative; } */ /********** RESPONSIVE ************/ @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 990px) { #top .single-product-main-image { width: 100%; } .responsive #top.single-product #wrap_all #footer-page .av-flex-cells .no_margin { overflow: visible; } .js_active #top .sp_faq_toggle.av-elegant-toggle .toggler { padding-right: 30px; font-size: 15px; } #top .sp_faq_toggle.av-elegant-toggle .toggle_icon { right: 0; } } @media only screen and (max-width: 768px) { #top.single-product .container_wrap.title_container.alternate_color .breadcrumb { left: 0; line-height: 18px; font-size: 12px; line-height: 18px; margin-top: 20px; } #top .single-product-main-image .woocommerce-product-gallery__wrapper > a { padding: 0; border-radius: 0; } #top .single-product-summary { padding: 8% 6%; border-radius: 0; } #top .single-product-summary h1.product_title { font-size: 26px; } #top .single-product-summary .cart:not(.variations_form) { display: block; line-height: 50px; } #top .single-product-summary button.single_add_to_cart_button { width: 100%; margin-top: 30px; } } @media only screen and (max-width: 575px) { } /************************************************************************************************/ /************************************************************************************************/ /* /* WOOCOMMERCE PANIER /* /************************************************************************************************/ /************************************************************************************************/ #top.page-id-4643 .container_wrap.title_container { background: #F9F9FB !important; } .page-id-4643 .container_wrap.container_wrap_first.main_color { background: #F9F9FB; padding-top: 35px; } /* Table changes */ #top th { letter-spacing: 0; text-transform: none; border: 0 none; font-weight: 600; } #top table.shop_table th { font-size: 14px; } #top .checkout table.shop_table th { font-size: 15px; } #top table.shop_table .woocommerce-shipping-totals th { width: 240px; } #top td { font-size: 16px; border: 0 none; } #top .main_color tr:nth-child(2n), #top .main_color .avia-data-table .avia-heading-row .avia-desc-col, #top .main_color .avia-data-table .avia-highlight-col, #top .main_color .pricing-table > li:nth-child(2n), body#top .main_color .pricing-table.avia-desc-col li, #top .main_color .avia-data-table.avia_pricing_minimal th { background-color: #fff; } #top .main_color .shop_table.cart .input-text { background: #F9F9FB !important; } #top .main_color form.login .input-text, #top .main_color form.register .input-text { background: #fff; } /* Mise en page 2/3 */ .responsive body#top.woocommerce-cart.woocommerce-page { overflow-x: visible; } .woocommerce-cart.woocommerce-page #wrap_all { overflow: visible; } #top.page.woocommerce-cart.woocommerce-page main article.post-entry.post-entry-type-page { background: transparent; border-radius: 0; padding: 0; } /* #top.page.woocommerce-cart.woocommerce-page main article .entry-content > .woocommerce { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto); grid-column-gap: 50px; grid-row-gap: 10px; } */ /* #top.page.woocommerce-cart.woocommerce-page main article .entry-content > .woocommerce > div.woocommerce-notices-wrapper { grid-area: 1 / 1 / 2 / 4; } */ #top div.woocommerce-notices-wrapper > div { border-radius: 0; font-style: italic; font-weight: 300; font-size: 15px; } #top div.woocommerce-notices-wrapper > div > a { font-style: normal; font-weight: 400; } #top div.woocommerce-notices-wrapper > div.woocommerce-info { padding: 32px 36px 28px; } /* Form */ #top.page.woocommerce-cart.woocommerce-page main article .entry-content > .woocommerce > form.woocommerce-cart-form { background: #fff; overflow: hidden; margin-bottom: 40px; border: 1px solid #B9B9B9; border-radius: 4px; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table thead tr { height: 60px; border-bottom: 1px solid #B9B9B9; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td { padding: 25px 12px; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-thumbnail img { width: 100%; max-width: 160px; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-name { max-width: 450px; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-name a { color: #313B4D; font-weight: 600; font-size: 26px; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-name a:hover { color: #A9C819; text-decoration: underline; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table thead th.product-subtotal, #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-subtotal { min-width: 200px; text-align: right; padding-right: 40px; } /* Cart Totals (droite) */ /* #top.page.woocommerce-cart.woocommerce-page main article .entry-content > .woocommerce > div.cart-collaterals { grid-area: 2 / 3 / 3 / 4; height: fit-content; position: sticky; top: 100px; } */ #top.page.woocommerce-cart .cart-collaterals .cart_totals { width: 100%; float: none; background: #fff; padding: 0; border: 1px solid #B9B9B9; border-radius: 4px; } #top.page.woocommerce-cart .cart-collaterals .cart_totals h2 { padding: 3%; } #top .cart_totals table.shop_table th, #top .cart_totals table.shop_table td { display: block; width: 100%; line-height: 24px; } #top .cart_totals table.shop_table tr.cart-subtotal { display: none; } #top .cart_totals table.shop_table tr.woocommerce-shipping-totals.shipping td { color: #8CB9BD; font-style: italic; } #top .cart_totals table.shop_table tr.order-total td { font-size: 30px; line-height: 44px; font-weight: 300; } #top .cart_totals table.shop_table tr.order-total td small { font-size: 16px; } #top .cart_totals .wc-proceed-to-checkout { padding: 0 5% 5%; } #top .cart-collaterals .cart_totals .wc-proceed-to-checkout a.button.alt { width: 100%; max-width: 400px; font-size: 1.1em; font-weight: 600; padding: 25px; } #top .cart-collaterals .cart_totals .wc-proceed-to-checkout a.button.alt:active { background: #313B4D !important; } /* Quantité styles */ #top.page.woocommerce-cart div .quantity input.minus, #top.page.woocommerce-cart div .quantity input.plus { width: 40px; height: 40px; border-width: 1px; font-size: 16px; border-color: #444 !important; } #top.page.woocommerce-cart div .quantity input.minus:hover, #top.page.woocommerce-cart div .quantity input.plus:hover { background: #A9C819; border-color: #A9C819 !important; color: #fff; } #top.page.woocommerce-cart div .quantity input.minus:active, #top.page.woocommerce-cart div .quantity input.plus:active { background: #313B4D; border-color: #313B4D !important; } /* Buttons styles */ #top td.actions .coupon { width: auto; display: grid; grid-template-columns: 200px 1fr; gap: 0; } #top div td.actions .coupon .input-text { margin: 0; background: #fff !important; border-right: 0 none; font-family: 'poppins', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 300; width: auto; max-width: 200px; float: none; padding-left: 25px; } #top table.shop_table .actions .coupon .button { margin: 0; font-size: 13px; width: auto; padding: 15px 20px; min-width: auto; font-weight: 300; transition: none; float: none; } #top table.shop_table .actions .button[name="update_cart"] { min-width: auto; width: auto; padding: 15px 20px; margin: 0; font-size: 14px; transition: none; } /* Cross Sells */ #top.page.woocommerce-cart.woocommerce-page main article .entry-content > .woocommerce > div.cross-sells { grid-area: 3 / 1 / 3 / 3; } #top.page.woocommerce-cart.woocommerce-page div.cross-sells ul.products.columns-4 { grid-template-columns: 1fr 1fr 1fr; } #top.page.woocommerce-cart.woocommerce-page .panier_inm_prix { margin: 10px 0; font-size: 14px; color: #A8C619; font-weight: 600; line-height: 1; } #top.page.woocommerce-cart.woocommerce-page .panier_inm_prix strike { color: #b0b0b0; } #top.page.woocommerce-cart.woocommerce-page .panier_inm_lepaquet { margin: 0 0 10px; font-size: 14px; color: #444; font-weight: 400; line-height: 1; } #top.page.woocommerce-cart.woocommerce-page .panier_inm_lepaquet img { width: 18px; height: 18px; position: relative; top: 4px; margin-right: 4px; left: -1px; filter: invert(71%) sepia(33%) saturate(258%) hue-rotate(136deg) brightness(96%) contrast(84%); } /********** RESPONSIVE ************/ @media only screen and (max-width: 1200px) { #top.page.woocommerce-cart table.shop_table th.product-price, #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-price { display: none; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table thead th.product-subtotal, #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-subtotal { min-width: auto; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-name a { font-size: 20px; } } @media only screen and (max-width: 990px) { #top.page.woocommerce-cart.woocommerce-page main article .entry-content > .woocommerce { display: block; } #top.page.woocommerce-cart.woocommerce-page main article .entry-content > .woocommerce > form.woocommerce-cart-form { margin-bottom: 40px; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table thead { display: none; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item { display: grid; grid-template-columns: 50px 140px 1fr; grid-template-rows: repeat(3, auto); grid-column-gap: 0px; grid-row-gap: 0px; align-items: start; margin: 20px 0; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td { font-size: 14px; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-remove { grid-area: 1 / 1 / 4 / 2; align-self: center; padding-right: 0; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-thumbnail { grid-area: 1 / 2 / 4 / 3; padding-bottom: 0; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-name { grid-area: 1 / 3 / 2 / 4; line-height: 22px; max-width: none; padding-bottom: 0; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-name a { font-size: 18px; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-price { display: none; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-quantity { grid-area: 2 / 3 / 3 / 4; padding: 0; height: fit-content; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-quantity div.quantity { margin-left: 10px; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-subtotal { grid-area: 3 / 3 / 4 / 4; padding-top: 0; text-align: left; font-weight: 600; font-size: 15px; } #top.page.woocommerce-cart.woocommerce-page main article .entry-content > .woocommerce > div.cart-collaterals { position: relative; top: auto; } #top div .cart-collaterals .cart_totals table { width: calc(100% - 40px); margin-left: 20px; } #top.page.woocommerce-cart.woocommerce-page div.cross-sells ul.products.columns-4 { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 768px) { .responsive table.shop_table .product-thumbnail, .responsive .shop_table .product-quantity, .responsive table.shop_table .product-subtotal, .responsive table.shop_table.cart td.product-remove, .responsive table.shop_table.cart .product-name { display: block !important; width: auto; text-align: left; } .responsive #top table .product-name { border: 0 none; } #top td.actions .coupon { grid-template-columns: 160px 1fr; width: 100%; } #top div td.actions .coupon .input-text, #top table.shop_table .actions .coupon .button { font-size: 13px; width: auto !important; margin: 0 !important; } #top table.shop_table .actions .button[name="update_cart"] { font-size: 13px; margin-top: 20px; } } @media only screen and (max-width: 575px) { #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody tr.cart_item { grid-template-columns: 40px 100px 1fr; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-name { padding-top: 15px; } #top.page.woocommerce-cart form.woocommerce-cart-form table.shop_table tbody td.product-name a { font-size: 16px; } } /************************************************************************************************/ /************************************************************************************************/ /* /* WOOCOMMERCE CHECKOUT /* /************************************************************************************************/ /************************************************************************************************/ .responsive body#top.woocommerce-checkout { overflow-x: visible; } #top.woocommerce-checkout #wrap_all { overflow: visible; } #top #payment ul.payment_methods li img { max-width: 100px; } html body#top.woocommerce-checkout form.checkout > #wc-stripe-payment-request-wrapper, html body#top.woocommerce-checkout form.checkout > #wc-stripe-payment-request-button-separator { display: none !important; } #top #coupon-anchor > .ui-dialog { font-size: .8em; display: block !important; } #top #main .checkout_coupon #coupon_code { border: 2px solid #A9C819; } #top #main .checkout_coupon button.button { margin-top: 0; font-size: 13px; min-height: 45px; } #top #coupon-anchor .woocommerce-error, #top #coupon-anchor .woocommerce-message { margin: 0; } #top #coupon-anchor > .ui-dialog > .ui-dialog-titlebar { display: none; } #top #coupon-anchor > .ui-dialog > form { margin-bottom: 0; } #top #coupon-anchor button.ui-dialog-titlebar-close { font-size: 1rem; background: #fff; border: 0; float: right; cursor: pointer; font-weight: bold; } html body#top.woocommerce-checkout .woocommerce-form-coupon-toggle { display: none; } html body#top.woocommerce-checkout.woocommerce-page #header { box-shadow: none; position: absolute; } html body#top.woocommerce-checkout.woocommerce-page .av_minimal_header #header_main .container { padding: 0; background: transparent; box-shadow: none; } #top.page.woocommerce-checkout #header_main .nh_grid-container { display: block; } html body#top.woocommerce-checkout.woocommerce-page #header_main .nh_grid-container #nh_right, html body#top.woocommerce-checkout.woocommerce-page #header.header_color .header_bg, html body#top.woocommerce-checkout.woocommerce-page .container_wrap.title_container { display: none; } #top.page.woocommerce-checkout #header_main .nh_grid-container .logo { width: 100%; } #top.page.woocommerce-checkout main article.post-entry.post-entry-type-page { background: #F9F9FB; padding: 0 0 5%; } html.responsive body#top.woocommerce-checkout.woocommerce-page div#main > .container_wrap.container_wrap_first > .container { width: 100% !important; } html.responsive body#top.woocommerce-checkout.woocommerce-page #main .container > main.content { padding: 0; } body#top.woocommerce-checkout.woocommerce-page form.checkout.woocommerce-checkout { margin: 90px 0 0; display: grid; grid-template-columns: 1fr 1fr; padding-top: 130px; background: #F9F9FB; } /* si jamais la div enfant #paypal-standard-container est présente, on la met en colonne full pour ne pas casser le grid */ body#top.woocommerce-checkout.woocommerce-page form.checkout.woocommerce-checkout #paypal-standard-container { grid-column: 1 / 3; } body#top.woocommerce-checkout.woocommerce-page form.checkout.woocommerce-checkout wc-order-attribution-inputs { display: none; } body#top.woocommerce-checkout.woocommerce-page form.checkout #customer_details { float: none; padding: 0; } body#top.woocommerce-checkout.woocommerce-page form.checkout #customer_details > .col-1, body#top.woocommerce-checkout.woocommerce-page form.checkout #customer_details > .col-2 { width: 100%; float: none; margin: auto; max-width: 500px; } body#top.woocommerce-checkout.woocommerce-page form.checkout #customer_details label { font-size: 14px; } body#top.woocommerce-checkout.woocommerce-page form.checkout h3#order_review_heading { display: none; } body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review { margin: 0 5%; background: #fff; padding: 5%; border: 1px solid #B9B9B9; border-radius: 4px; height: fit-content; } @media (min-width: 990px){ body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review { position: sticky; top: 0; } } body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table tr.cart_item { border-bottom: 1px solid #d7ebec; } body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table .product-name, body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table tr.cart-subtotal th, body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table tr.order-total th { font-size: 15px; padding: 12px; } body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table .product-name > p { display: none; } body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table .product-total { width: 240px; } body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table .product-total, body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table tr.cart-subtotal td, body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table tr.order-total td { font-size: 15px; text-align: right; } /* body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table tr.woocommerce-shipping-totals.shipping > th { width: 25%; } */ body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review table.shop_table tr.order-total small.includes_tax { display: block; line-height: 16px; font-weight: 300; } body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review #payment { margin: 40px auto 0; } #top #payment #place_order { width: 100%; margin-top: 20px; font-size: 16px; font-weight: bold; border-radius: 0; transition: none; padding: 20px 15px; } #top #payment div.form-row:not(.place-order), #top #payment ul.payment_methods li { padding: 0; } html body#top.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout { position: absolute; width: 100%; max-width: 700px; z-index: 9; } html body#top.woocommerce-checkout div.woocommerce-message, html body#top.woocommerce-checkout .woocommerce-error { margin: 50px 0 -50px; font-size: .9em; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; } body#top.woocommerce-checkout.woocommerce-page form.checkout .woocommerce-privacy-policy-text { font-size: 12px; line-height: 16px; } body#top.woocommerce-checkout.woocommerce-page #payment div.payment_box { padding: 0; font-size: 14px; } body#top.woocommerce-checkout.woocommerce-page .form-row-wide, body#top.woocommerce-checkout.woocommerce-page .form-row-first, body#top.woocommerce-checkout.woocommerce-page .form-row-last { clear: both !important; float: none !important; width: 100% !important; margin-right: 0 !important; } @media (min-width: 768px){ body#top.woocommerce-checkout.woocommerce-page .form-row-first { width: 47% !important; float: left !important; margin-right: 5.8% !important; clear: both !important; } body#top.woocommerce-checkout.woocommerce-page .form-row-last { width: 47% !important; float: right !important; margin-right: 0 !important; clear: none !important; } } html body#top.woocommerce-checkout.woocommerce-page #main .woocommerce-form-login-toggle { position: absolute; top: 70px; line-height: 1; } html body#top.woocommerce-checkout.woocommerce-page #main .woocommerce-info { border: 0; font-size: 12px; padding: 10px 20px; margin: 0; line-height: 18px; } html body#top.woocommerce-checkout.woocommerce-page #main .woocommerce-form.woocommerce-form-login.login { max-width: 600px; font-size: 0.9em; margin: auto; position: fixed; z-index: 2; left: 5%; top: 120px; border: 5px solid rgb(255, 113, 51); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; } body#top.woocommerce-checkout.woocommerce-page #socket > .container { max-width: none; } html body#top.woocommerce-checkout.woocommerce-order-pay.woocommerce-page #main { padding-top: 88px; } html.responsive body#top.woocommerce-checkout.woocommerce-order-pay.woocommerce-page div#main > .container_wrap.container_wrap_first > .container { max-width: 800px; padding: 0 5% 40px; } #top.woocommerce-checkout.woocommerce-page.woocommerce-order-received #main main article .entry-content .woocommerce { background: #fff; padding-top: 100px; } #top.woocommerce-checkout.woocommerce-page.woocommerce-order-received #main main article .entry-content .woocommerce > .wc-checkout-thankyou { max-width: 730px; margin: auto; background: #fff; padding: 4%; font-size: .9em; } #top.woocommerce-checkout .wc-checkout-thankyou h2 { font-size: 20px; margin: 30px 0; } #top #payment ul.payment_methods li p { line-height: 20px; font-style: italic; font-weight: 300; margin-top: 12px; font-size: 13px; margin-bottom: 16px; } /********** RESPONSIVE ************/ @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 990px) { body#top.woocommerce-checkout.woocommerce-page form.checkout.woocommerce-checkout { display: block; } } @media only screen and (max-width: 768px) { body#top.woocommerce-checkout.woocommerce-page form.checkout.woocommerce-checkout { display: block; min-height: auto; } body#top.woocommerce-checkout.woocommerce-page form.checkout #customer_details { padding: 0 5% 60px; } body#top.woocommerce-checkout.woocommerce-page form.checkout #customer_details > .col-1 { max-width: none; } body#top.woocommerce-checkout.woocommerce-page form.checkout #order_review { padding: 80px 5%; margin: 0; } } @media only screen and (max-width: 575px) { } /************************************************************************************************/ /************************************************************************************************/ /* /* ACCUEIL /* /************************************************************************************************/ /************************************************************************************************/ #top .avia-fullwidth-slider .caption_bottom .slideshow_caption { bottom: 100px; } #top .avia-fullwidth-slider .caption_bottom .slideshow_caption h1 { color: #fff; text-shadow: 0 0 15px rgba(0,0,0,0.9); font-size: 42px; line-height: 56px; width: 100%; max-width: 1000px; } #top #home_section_blue { border-radius: 2.5rem; margin-top: -2.5rem; margin-bottom: -2.5rem; } @media only screen and (min-width: 768px) { #top div .flex_column_fullwidth { margin-left: -100px !important; margin-right: -100px !important; width: calc(100% + 200px) !important; } } #top .home_sliding_icons .swiper-wrapper { transition-timing-function: linear !important; } #top .home_sliding_icons .swiper-slide { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #313B4D; font-size: 15px; font-weight: 300; line-height: 20px; } #top .home_sliding_icons .swiper-slide img { object-fit: cover; margin-bottom: 10px; max-width: 100px; } #top .home_slider_photos_avis .swiper-wrapper { transition-timing-function: linear !important; } #top .home_slider_photos_avis .swiper-slide { display: flex; justify-content: center; align-items: center; border-radius: 0; overflow: hidden; } #top .home_slider_photos_avis .swiper-slide img { object-fit: cover; } #top .h_s_products { padding-left: 0; padding-top: 0; padding-right: 0; } #top .h_s_products .swiper-slide { text-align: left; background: #fff; overflow: hidden; margin-top: 30px; margin-bottom: 30px; border-radius: 0; box-shadow: none; display: flex; flex-direction: column; justify-content: center; align-items: center; width: fit-content; transition: border 100ms ease; border: 1px solid #eaeaea; } #top .h_s_products .swiper-slide:hover { border: 1px solid #A9C819; } #top .h_s_products .swiper-slide > img { object-fit: cover; width: 370px; height: 300px; } #top .h_s_products.home_slider_products_promos .swiper-slide > img, #top .h_s_products.home_slider_products_deco .swiper-slide > img, #top .h_s_products.home_slider_products_parquets .swiper-slide > img, #top .h_s_products.home_slider_products_specific .swiper-slide > img { width: 370px; height: 370px; } #top .h_s_products .swiper-slide > .hspt_p_inner { padding: 2rem; display: flex; flex-direction: column; width: 100%; max-width: 370px; } #top .h_s_products.home_slider_products_promos .swiper-slide > .hspt_p_inner, #top .h_s_products.home_slider_products_deco .swiper-slide > .hspt_p_inner, #top .h_s_products.home_slider_products_parquets .swiper-slide > .hspt_p_inner, #top .h_s_products.home_slider_products_specific .swiper-slide > .hspt_p_inner { padding: 1rem 2rem; } #top .h_s_products .swiper-slide > .hspt_p_inner strong { color: #313B4D; min-height: 52px; font-size: 22px; } #top .h_s_products .swiper-slide:hover > .hspt_p_inner strong { text-decoration: underline; } #top .h_s_products .swiper-slide > .hspt_p_inner span { color: #313B4D; min-height: 30px; } #top .h_s_products .swiper-slide > .hspt_p_inner span.hspt_p_i_stock, #top .h_s_products .swiper-slide > .hspt_p_inner span.hspt_p_i_parent { color: #8CB9BD; } #top .h_s_products .swiper-slide > .hspt_p_inner span.hspt_p_i_parent {margin-bottom: 8px; } .button-wrapper { position: absolute; right: 50px; top: 0; z-index: 1; display: flex; align-items: center; & .swiper-button { border: 2px solid #A9C819; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: linear-gradient(to right, #A9C819 40%, transparent 0%); background-size: 200% 100%; background-position: right bottom; transition: all 0.1s ease-out; cursor: pointer; & + .swiper-button { margin-left: 16px; } & svg { width: 28px; } &:hover { background-color: #A9C819; background-position: left bottom; &:hover svg { stroke: #fff; } } } & .swiper-prev-button { background: linear-gradient(to left, #A9C819 40%, transparent 0%); background-size: 200% 100%; background-position: left bottom; transition: all 0.1s ease-out; & svg { transform: rotate(-180deg); } &:hover { background-position: right bottom; } } } /* @media screen and (max-width: 930px) { .button-wrapper { top: 0; left: 0; width: 100%; justify-content: space-between; padding: 0 60px; } } */ /* @media screen and (max-width: 575px) { .button-wrapper { padding: 0 20px; } } */ #top #home_zi, #top #home_zi .flex_cell_inner, #top .new_home_zone_un { height: 100%; } #top .new_home_zone_un_swiper { width: 100%; height: 100%; position: relative; overflow: hidden; } #top .new_home_zone_un_swiper .swiper-slide a, #top .new_home_zone_un_swiper .swiper-slide picture { display: block; height: 100%; } #top .new_home_zone_un_swiper .swiper-slide picture img { width: 100%; height: 100%; object-fit: cover; } #top .new_home_zone_un_swiper .swiper-button-next { background: #fff; padding-left: 20px; padding-right: 20px; } #top .new_home_zone_un_swiper .swiper-button-prev { background: #fff; padding-left: 20px; padding-right: 20px; } #top .new_home_zone_un_swiper .swiper-button-next:hover, #top .new_home_zone_un_swiper .swiper-button-prev:hover { background: rgba(0, 0, 0, .2); } #top .new_home_zone_un_swiper .swiper-button-next::after, #top .new_home_zone_un_swiper .swiper-button-prev::after { font-size: 26px; } #top .new_home_zone_un.zi_old_v { align-content: center; max-height: 680px; } #top .new_home_zone_un .zone_un__colonne_gauche, #top .new_home_zone_un .zone_un__colonne_droite { overflow: hidden; position: relative; z-index: 1; max-height: 680px; } #top .new_home_zone_un .zone_un__colonne_gauche video, #top .new_home_zone_un .zone_un__colonne_gauche img, #top .new_home_zone_un .zone_un__colonne_droite img { object-fit: cover; width: 100%; height: 100% !important; } #top .new_home_zone_un .zu_cg__overlay, #top .new_home_zone_un .zu_cd__overlay { position: absolute; height: 100%; left: 0; top: 0; z-index: 2; } #top .new_home_zone_un .zu_cd__overlay { width: 100%; } #top .new_home_zone_un .zu_cg__overlay.zu_cg_overlay__fullwidth { width: 100%; } #top .new_home_zone_un .zu_cg__overlay.zu_cg_overlay__partiel { width: 430px; } #top .new_home_zone_un .zu_cg__overlay__inner, #top .new_home_zone_un .zu_cd__overlay__inner { position: relative; display: flex; text-align: center; height: 100%; flex-direction: column; justify-content: end; } #top .new_home_zone_un .zu_cg__overlay .zu_cg_o_i___txt, #top .new_home_zone_un .zu_cd__overlay .zu_cd_o_i___txt { position: relative; text-align: left; line-height: 1em; } #top .new_home_zone_un .zu_cgd_o_i___txt p { font-size: 1.2em; } #top .new_home_zone_un .zu_cgd_o_i___txt h2 { margin-top: 0.5em; font-size: 4.5em; } #top .new_home_zone_un .zu_cgd_o_i___txt h3 { font-size: 3em; margin-top: 0.2em; } #top .new_home_zone_un .zu_cgd_o_i___txt h4 { font-size: 2em; margin-top: 0; } #top .new_home_zone_un .zu_cg_o_i__button_inner, #top .new_home_zone_un .zu_cd_o_i__button_inner { height: 170px; } #top .new_home_zone_un .zu_cg__button, #top .new_home_zone_un .zu_cd__button { font-size: 1em; padding: 15px 35px; background: #fff !important; color: #A9C819 !important; border: 1px #A9C819 solid; margin-top: 50px; display: inline-block; } #top .new_home_zone_un .zu_cg__button:hover, #top .new_home_zone_un .zu_cd__button:hover, #top .new_home_zone_un .zu_cgd_overlay__link:hover .zu_cg__button, #top .new_home_zone_un .zu_cgd_overlay__link:hover .zu_cd__button { background: #A9C819 !important; color: #fff !important; } #top .newhome_2025_zone_trois { display: grid; grid-template-columns: 30% 70%; gap: 10px; row-gap: 10px; } /* #top #home_ziii > .container { padding: 0; } */ #top .ziii_titre_de_la_zone { text-align: left; margin-bottom: 60px; /* margin-top: -20px; */ } #top .ziii_titre_de_la_zone span { font-size: 100px; line-height: 80px; } #top .newhome_2025_zone_trois a { position: relative; height: 100%; } #top .newhome_2025_zone_trois a .ziii_banner__inner { width: 100%; height: 100%;display: flex; flex-direction: column; justify-content: end; text-align: center; } #top .newhome_2025_zone_trois a .ziii_banner__inner__content { margin-bottom: 50px; } #top .newhome_2025_zone_trois a .ziii_banner__inner__content h3 { font-weight: 700 !important; font-size: clamp(30px,2.2vw,45px); margin-top: 0; color: #fff; text-shadow: 0 0 15px #000, 0 0 30px #000; } #top .newhome_2025_zone_trois a .ziii_banner_button { margin-bottom: 50px; font-size: 1em; padding: 15px 35px; background: transparent !important; color: #fff !important; border: 2px #fff solid; margin-top: 0; display: inline-block; margin-left: auto; margin-right: auto; } #top .newhome_2025_zone_trois a:hover .ziii_banner_button { background: #A9C819 !important; border-color: #A9C819; color: #fff !important; } #top .nh_2026_newslider_avis_wrapper { position: relative; } #top .nh_2026_newslider_avis_swiper { width: 100%; height: 100%; position: relative; overflow: visible; } #top .nh_2026_newslider_avis_swiper .swiper-slide { background: #FDF9F6; padding: 25px; } #top .nh_2026_newslider_avis_swiper .zviii_inner_avis .zviii_name_date { margin-bottom: .5em; display: flex; justify-content: space-between; align-items: center; font-weight: bold; } #top .nh_2026_newslider_avis_swiper .zviii_inner_avis .zviii_rating { font-size: 1.5em; margin-top: 10px; color: #fcc740; } #top .nh_2026_newslider_avis_swiper .zviii_inner_avis .zviii_texte_avis { font-weight: 300; font-size: 1em; line-height: 1.35em; margin-top: 10px; margin-bottom: 30px; padding-bottom: 30px; min-height: 150px; } #top .nh_2026_newslider_avis_swiper .zviii_inner_avis .zviii_date_dachat { font-size: 12px; line-height: 16px; position: absolute; bottom: 1em; width: 88%; font-weight: bold; } #top .nh_2026_newslider_avis_swiper .zviii_inner_avis .zviii_date_dachat span { font-weight: 300; } #top .nh_2026_newslider_avis_swiper > .swiper-scrollbar { bottom: -16px; width: calc(98% - 130px); } #top .nh_2026_newslider_avis_swiper .swiper-button-next { background: #fff; bottom: 0; top: auto; padding-left: 20px; padding-right: 20px; } #top .nh_2026_newslider_avis_swiper .swiper-button-prev { background: #fff; bottom: 0; right: 40px; left: auto; top: auto; padding-left: 20px; padding-right: 20px; } #top .nh_2026_newslider_avis_swiper .swiper-button-next:hover, #top .nh_2026_newslider_avis_swiper .swiper-button-prev:hover { background: rgba(0, 0, 0, .2); } #top .nh_2026_newslider_avis_swiper .swiper-button-next::after, #top .nh_2026_newslider_avis_swiper .swiper-button-prev::after { font-size: 26px; } #top .nh_2026_zone_top_wrapper { display: flex; flex-wrap: wrap; margin-left: -4px; margin-right: -4px; height: 100%; margin-top: 80px; } #top .nh_2026_zone_top_wrapper > div { padding-left: 4px; padding-right: 4px; width: 100%; position: relative; } @media only screen and (min-width: 1100px) { #top .nh_2026_zone_top_wrapper .nh_2026_ztw_left { flex: 0 0 66.666667%; max-width: 66.666667%; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right { flex: 0 0 33.333333%; max-width: 33.333333%; } } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_left > a { position: relative; display: flex; /* max-height: calc(100vh - 100px); */ height: 100%; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_left .video-cover { object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; margin: 0; line-height: 1; border: 0 none; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_l_banner { position: relative; z-index: 2; width: 100%; padding: 64px; color: #fff; text-align: center; display: flex; flex-direction: column; bottom: 0; left: 0; background: rgba(0,0,0,0.15); } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_l_banner__inner { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_l_banner__inner h1 { font-size: 4.625rem; line-height: 1; color: #fff; font-weight: 700; max-width: 720px; margin: 0 auto 0; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_l_banner .nh_2026_ztw_l_banner__cta { padding-top: 12px; margin-top: auto; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_l_banner .nh_2026_ztw_l_banner__cta span { color: #fff; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row { display: flex; flex-wrap: wrap; height: 100%; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row .nh_2026_ztw_r__row_top { margin-bottom: 8px; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row .nh_2026_ztw_r__row_top, #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row .nh_2026_ztw_r__row_bottom { flex: 0 0 100%; max-width: 100%; position: relative; width: 100%; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row .nh_2026_ztw_r__row_box { position: relative; display: flex; overflow: hidden; height: 100%; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row img { object-fit: cover; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1); max-width: 100%; border: 0 none; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row a.nh_2026_ztw_r__row_top_box:hover img, #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row a.nh_2026_ztw_r__row_bottom_box:hover img { transform: scale(1.1); } /* common boxes */ #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row_box__inner { position: relative; z-index: 2; display: flex; flex-direction: column; width: 100%; padding: 32px; color: #fff; text-align: center; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row_box__inner__content { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; } /* top_box */ #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row_top_box__inner__content h3 { color: #fff; font-weight: 300; font-size: 16px; margin-bottom: 20px; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row_top_box__inner__content h2 { color: #fff; font-weight: 700; font-size: clamp(28px,2.25rem,2.25rem); max-width: 340px; margin: 0 auto 20px; } /* bottom_box */ #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row .nh_2026_ztw_r__row_top_box__inner__content__text { text-transform: uppercase; color: #fff; padding-left: 30px; padding-right: 30px; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row .nh_2026_ztw_r__row_top_box__inner__content__text h2 { color: #fff; font-weight: 700; font-size: clamp(28px,2.25rem,2.25rem); } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row .nh_2026_ztw_r__row_top_box__inner__content__text h4 { color: #fff; font-weight: 400; font-size: 16px; max-width: 500px; margin: 0 auto 20px; } /********** RESPONSIVE ************/ @media only screen and (min-width: 990px) { #top .new_home_zone_un { padding-top: 74px; max-height: 670px; } /* TODO : check si preheader = 100px, si non = 74px */ } @media only screen and (max-width: 1840px) { #top .new_home_zone_un.zi_old_v { max-height: 600px; } } @media only screen and (max-width: 1570px) { #top .new_home_zone_un.zi_old_v { max-height: 500px; } } @media only screen and (max-width: 1360px) { #top .new_home_zone_un.zi_old_v { max-height: 500px; } } @media only screen and (max-width: 1200px) { #top .new_home_zone_un.zi_old_v { max-height: none; } #top .new_home_zone_un .zone_un__colonne_gauche { margin-bottom: 15px; } #top .new_home_zone_un .zone_un__colonne_gauche, #top .new_home_zone_un .zone_un__colonne_droite { overflow: hidden; display: flex; align-items: center; justify-content: center; } #top .new_home_zone_un .zone_un__colonne_droite { max-height: 500px; } #top .new_home_zone_un .zone_un__colonne_gauche video, #top .new_home_zone_un .zone_un__colonne_gauche img, #top .new_home_zone_un .zone_un__colonne_droite img { object-fit: cover; width: 100%; height: 100% !important; } #top .new_home_zone_un .zu_cg__overlay__inner, #top .new_home_zone_un .zu_cd__overlay__inner { justify-content: center; } #top .new_home_zone_un .zu_cg_o_i__button_inner, #top .new_home_zone_un .zu_cd_o_i__button_inner { height: 100px; } #top .newhome_2025_zone_trois { grid-template-columns: 1fr; } #top .newhome_2025_zone_trois > a { aspect-ratio: 3/2 !important; } #top .newhome_2025_zone_trois .ziii_4eme_colonne_full .grille div { font-size: 16px; } } @media only screen and (max-width: 1100px) { #top .nh_2026_zone_top_wrapper .nh_2026_ztw_left { margin-bottom: 8px; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_left > a { min-height: inherit; height: calc(90vh - 70px); } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_l_banner__inner h1 { font-size: 3.2rem; } #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row .nh_2026_ztw_r__row_top, #top .nh_2026_zone_top_wrapper .nh_2026_ztw_right .nh_2026_ztw_r__row .nh_2026_ztw_r__row_bottom { height: 50vh; } #top .h_s_products .swiper-slide { margin-top: 0 !important; } #top .h_s_products.home_slider_products_parquets .swiper-wrapper { flex-direction: row; } #top .h_s_products.home_slider_products_parquets .swiper-slide { margin-left: -1px; } #top .h_s_products.home_slider_products_promos .swiper-slide > .hspt_p_inner, #top .h_s_products.home_slider_products_deco .swiper-slide > .hspt_p_inner, #top .h_s_products.home_slider_products_parquets .swiper-slide > .hspt_p_inner, #top .h_s_products.home_slider_products_specific .swiper-slide > .hspt_p_inner { padding: 0.8rem; } } @media only screen and (max-width: 990px) { #top .avia-fullwidth-slider .caption_bottom .slideshow_caption .slideshow_inner_caption { padding: 0; } #top .avia-fullwidth-slider .caption_bottom .slideshow_caption h1 { font-size: 48px; line-height: 58px; } #top .newhome_2025_zone_trois a .ziii_banner__inner { aspect-ratio: 1/1; } } @media only screen and (max-width: 768px) { #top div .flex_column_fullwidth { margin-left: -4% !important; width: 108% !important; } #top .avia-fullwidth-slider .caption_bottom .slideshow_caption h1 { font-size: 38px; line-height: 48px; } #top .h_s_products .swiper-slide { margin-right: 0; } #top .h_s_products .swiper-slide > img { height: auto !important; aspect-ratio: 1/1; } #top .h_s_products .swiper-slide > .hspt_p_inner { padding: 1rem; font-size: 14px; line-height: 20px; } #top .h_s_products .swiper-slide > .hspt_p_inner strong { font-size: 18px; line-height: 24px; margin-bottom: 8px; } #top .home_sliding_icons .swiper-slide img { max-width: 60px; } #top .newhome_2025_zone_trois > a { aspect-ratio: 1/1 !important; } #top .newhome_2025_zone_trois a .ziii_banner__inner__content { margin-bottom: 30px; } /* #top .newhome_2025_zone_trois a .ziii_banner__inner__content h3 { font-size: 2em; } */ /* #top .newhome_2025_zone_trois a .ziii_banner_button, #top .newhome_2025_zone_quatre a.ziv_banner_button, #top .newhome_2025_zone_cinq a.zv_banner_button { display: none; } */ #top .newhome_2025_zone_trois .grille { display: grid; grid-template-columns: 1fr; } #top .newhome_2025_zone_trois .ziii_4eme_colonne_full { background-position: 105% 110%; } #top .newhome_2025_zone_trois .ziii_4eme_colonne_full .grille div { margin-top: 15px; margin-bottom: 15px; } #top .nh_2026_newslider_avis_wrapper .zviii_avis_clients { margin-top: 40px; } } @media only screen and (max-width: 575px) { #top .avia-fullwidth-slider .caption_bottom .slideshow_caption h1 { font-size: 28px; line-height: 38px; } #top .home_sliding_icons .swiper-slide { font-size: 13px; line-height: 16px; } } @media only screen and (max-width: 670px) { #top .new_home_zone_un .zone_un__colonne_gauche, #top .new_home_zone_un .zone_un__colonne_droite { aspect-ratio: 1/1; } #top .new_home_zone_un .zone_un__colonne_droite { max-height: none; } #top .new_home_zone_un .zu_cg__overlay.zu_cg_overlay__partiel { max-width: 430px; width: 100%; } #top .new_home_zone_un .zu_cgd_o_i___txt p { font-size: 1em; margin-top: 0; } #top .new_home_zone_un .zu_cgd_o_i___txt h2 { margin-top: 0.5em; font-size: 3.5em; } #top .new_home_zone_un .zu_cgd_o_i___txt h3 { font-size: 2em; margin-top: 0; } #top .new_home_zone_un .zu_cgd_o_i___txt h4 { font-size: 1.4em; margin-top: 0; } } /************************************************************************************************/ /************************************************************************************************/ /* /* PAGES INTERNES /* /************************************************************************************************/ /************************************************************************************************/ #top.page .container_wrap.title_container { background: transparent; color: #313B4D; padding-top: 100px; } #top.page .container_wrap.title_container.alternate_color .breadcrumb { right: auto; left: 50px; font-size: 14px; } #top.page .container_wrap.title_container.alternate_color .breadcrumb, #top.page .container_wrap.title_container.alternate_color .breadcrumb a, #top.page .container_wrap.title_container.alternate_color.title_container .main-title, #top.page .container_wrap.title_container.alternate_color.title_container .main-title a { color: #313B4D; } #top.search .container_wrap.title_container { background: transparent; color: #313B4D; padding-top: 100px; } #top.search .container_wrap.title_container.alternate_color .breadcrumb { right: auto; left: 50px; font-size: 14px; } #top.search .container_wrap.title_container.alternate_color .breadcrumb, #top.search .container_wrap.title_container.alternate_color .breadcrumb a, #top.search .container_wrap.title_container.alternate_color.title_container .main-title, #top.search .container_wrap.title_container.alternate_color.title_container .main-title a { color: #313B4D; } #top.search main.template-shop.content { padding-top: 0; } #top.search #main .template-page { padding-top: 0; } #top.search #search-fail .bapf_no_products { padding-top: 50px; font-size: 1.5em; font-weight: 600; } #top.search #search-fail > p.entry-content, #top.search #search-fail > form.woocommerce-product-search, #top.search #search-fail > .hr_invisible { display: none; } #top.search.search-no-results #main > .container_wrap.template-shop { background: #F9F9FB; min-height: 90vh; } #top.page main article.post-entry.post-entry-type-page { background: #fff; padding: 5%; border-radius: 0; } #top.page main article.post-entry.post-entry-type-page h2 { font-size: 34px; line-height: 44px; } #top.page main article.post-entry.post-entry-type-page h3 { font-size: 24px; line-height: 34px; } #top .avia-slideshow.avia-slideshow-featured_large { border-radius: 0; } #top .avia-slideshow.avia-slideshow-featured_large .av-slideshow-caption { bottom: 100px; } #top .avia-slideshow.avia-slideshow-featured_large .av-slideshow-caption h1 { background: transparent; color: #fff; text-shadow: 0 0 15px rgba(0,0,0,0.9); font-size: 58px; line-height: 68px; width: 100%; max-width: 1000px; } #top .avia-slideshow.avia-slideshow-featured_large .av-slideshow-caption p { background: transparent; color: #fff; text-shadow: 0 0 15px rgba(0,0,0,0.9); font-size: 24px; line-height: 34px; width: 100%; max-width: 1000px; } /********** RESPONSIVE ************/ @media only screen and (max-width: 990px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 575px) { } /************************************************************************************************/ /************************************************************************************************/ /* /* BLOG /* /************************************************************************************************/ /************************************************************************************************/ html #top.single.single-post, html #top.single.single-post #wrap_all, html #top.single.single-post #wrap_all #main { overflow: visible; } html #top.single.single-post { overflow-x: visible; } .html_header_top.html_header_sticky #top.archive.category #wrap_all #main { padding-top: 100px !important; background: #FBF5EE; } #top.archive.category .title_container { background: #FBF5EE; } #top.archive.category .breadcrumb.avia-breadcrumbs { font-size: 14px; color: #313B4D; font-weight: 300; height: 30px; display: inline-block; margin: 10px 0 -10px; background: #FBF5EE; position: relative; top: auto; right: auto; } #top.archive.category .breadcrumb.avia-breadcrumbs .sep { width: 16px; } #top.archive.category .breadcrumb.avia-breadcrumbs a { text-decoration: underline; color: #313B4D; } #top .tutos_guides_wrapper_cat { max-width: 1400px; margin: auto; float: none; display: block; } #top .tutos_guides_wrapper_cat h1 { color: #313B4D !important; font-size: 3em; margin-bottom: 40px; } #top .tutos_guides_wrapper_cat .category-term-description { font-size: .9em; line-height: 1.5em; margin-bottom: 60px; } #top .tutos_guides_wrapper_categories { background: #8CB9BD; padding: 4rem 3rem; border-radius: 0; margin-bottom: 70px; } #top .tutos_guides_wrapper_categories a { background: #fff; padding: 18px 24px; border-radius: 6px; margin: 0 20px 20px 0; color: #313B4D; border: 2px solid #8CB9BD; } #top .tutos_guides_wrapper_categories a:hover, #top .tutos_guides_wrapper_categories a.tgwc_current_cat { color: #000; border: 2px solid #000; } .responsive #top.single.single-post .container_wrap_first .container { max-width: 1500px !important; } .html_header_top.html_header_sticky #top.single.single-post #wrap_all #main { padding-top: 100px !important; background: #FBF5EE; } #top.single.single-post .title_container { background: #FBF5EE; } #top.single.single-post .breadcrumb.avia-breadcrumbs { font-size: 14px; color: #313B4D; font-weight: 300; height: 30px; display: inline-block; margin: 10px 0 -10px; background: #FBF5EE; position: relative; top: auto; right: auto; } #top.single.single-post .breadcrumb.avia-breadcrumbs .sep { width: 16px; } #top.single.single-post .breadcrumb.avia-breadcrumbs a { text-decoration: underline; color: #313B4D; } #top.single.single-post article.post-entry.post { background: #fff; border-radius: 0; padding: 2rem; font-size: 16px; } #top.single.single-post article.post-entry.post .big-preview.single-big { padding: 0; margin: -2rem -2rem 2.5rem; } #top.single.single-post article.post-entry.post .big-preview.single-big img { width: 100%; height: auto; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #top.single.single-post article.post-entry.post .post-meta-infos { margin-bottom: 30px; } #top.single.single-post article.post-entry.post .post-meta-infos .minor-meta, #top.single.single-post article.post-entry.post .post-meta-infos .text-sep { color: #8CB9C1; } #top.single.single-post article.post-entry.post h1 { font-size: 48px; margin-bottom: 20px; } #top.single.single-post article.post-entry.post h2 { font-size: 34px; margin-bottom: 20px; } #top.single.single-post article.post-entry.post h3 { font-size: 28px; } #top .avia_auto_toc { background: #fff; border-radius: 0; padding: 40px 20px 20px; } #top .avia-toc-style-elegant a { text-transform: none; } #top .main_color .avia-toc-style-elegant a::before { border-color: #8CB9BD; } #top .main_color .avia-toc-style-elegant a:first-child::after, #top .main_color .avia-toc-style-elegant a.avia-toc-level-0::after { border-color: #A9C819; } #top .main_color .avia-toc-style-elegant a:last-child::after { background-color: #8CB9BD; } /********** RESPONSIVE ************/ @media only screen and (min-width: 768px) { #top.single.single-post #main .sidebar { position: sticky; top: 100px; } } @media only screen and (max-width: 990px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 575px) { }