:root { --font1 : 'Poppins', 'arial', sans-serif; --colorBlack : #000000; --color_orange: #ff896d; --color_blue: #53a4c1; --colorTheme-light: #f9efe9; --marginGrid : 25px; --marginGridNeg : -25px; } @media all and (max-width:1100px) { :root { --marginGrid :15px; --marginGridNeg : -15px; }} * { border:0; margin:0; padding:0; list-style:none; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} *:not(input):not(textarea) { -webkit-font-smoothing: antialiased;} article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { display:block; } label, input[type=submit], button { all: unset; cursor:pointer; -webkit-appearance:none; font-family: var(--font1); color: #000; } input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), textarea, select {-webkit-appearance: none; color: #000; vertical-align: middle; font-family: var(--font1); background-color: #f7f7f7; margin-bottom: 20px; font-size: 14px; border-radius: 38px; padding: 14px 22px; width: 100%; transition: all .2s ease; } input[aria-hidden="true"] { display: none!important; opacity: 0!important; visibility: hidden!important; } textarea { resize:none; padding: 22px; height: 160px; font-family: var(--font1); border-radius: 25px; } ::-webkit-input-placeholder { color:#000 } ::-moz-placeholder {color:#000 } :-ms-input-placeholder { color:#000 } :focus::-webkit-input-placeholder { opacity:0.2; } :focus::-moz-placeholder { opacity:0.2; } :focus:-ms-input-placeholder { opacity:0.2; } .custom_select { width: 100%; background-color: #fff; font-weight: 500; border:1px solid#d7d7d7; cursor: pointer; height: 40px; font-size: 14px; border-radius: 40px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMjAiIGhlaWdodD0iMTkyIiB2aWV3Qm94PSI5NiAxNjAgMzIwIDE5MiI+CiAgPHBhdGggZD0ibTM5Ni42IDE2MCAxOS40IDIwLjdMMjU2IDM1MiA5NiAxODAuN2wxOS4zLTIwLjdMMjU2IDMxMC41eiIvPgo8L3N2Zz4K"); background-repeat: no-repeat, repeat; background-position: right 15px top 51%, 0 0; background-size: 10px auto, 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding:0 38px 0 22px; } .custom_select::-ms-expand { display: none;} .obl { font-size: 13px;} .wpcf7-acceptance { font-size: 14px;} .wpcf7-not-valid-tip { padding-left: 20px; font-size: 11px; position: absolute; top:17px;} .subform { text-align: center; padding: 10px 0} .subform p { padding-bottom: 0 !important;} .wpcf7-spinner { display: none} .wpcf7-form.sent > p, .wpcf7-form.sent .subform { display: none } .hide_scrollbar { -ms-overflow-style: none; scrollbar-width: none; } .hide_scrollbar::-webkit-scrollbar { display: none; } .cta-center { text-align: center; padding-top: 30px} [class^="btn-"], .wpcf7 .wpcf7-submit{ transition:all 0.1s ease; position: relative; text-decoration: none !important; align-items: center; font-size: 15px; line-height: 20px; font-weight: 600; max-width: 100%; text-align: center; border-radius: 10px; color:#fff !important; display: inline-block; vertical-align: top; padding: 14px 27px; font-family: var(--font1); background:linear-gradient(136deg, #ff7656 0%, #f79a84 130%); border: 1px solid transparent; } .btn-primary.arrow-visible:after { content:""; display:inline-block; vertical-align: middle; width: 0 !important; transition: width 0.5s ease; background-position: 10px 0;background-repeat: no-repeat } .btn-primary:hover:after, .btn-primary.arrow-visible:after, .btn-tertiary:hover:after, .btn-tertiary.arrow-visible:after { width: 27px !important; } .btn-primary:hover { transform: scale(1.02); } a { text-decoration:none; color:var(--colorBlack); transition: all 0.15s ease;} .visuel { text-align: center; line-height: 0 } .visuel img { border-radius: 10px} .align-center { text-align: center} .underline { text-decoration: underline} .overflow-hidden { overflow: hidden} .block { display: block} img { max-width: 100%; height: auto; color:var(--colorBlack) } h1, h2, h3, h4, h5, h6 { color:#000; font-weight: 600} .wysiwig { color:#43454d} .bg_section_v2 .wysiwig { color:#000} .wysiwig h2 { padding-bottom: 20px} .wysiwig h3, .accordeon-2c h3 { padding-bottom: 3px} .wysiwig p { padding-bottom: 23px; line-height: 24px} .wysiwig > *:last-child { padding-bottom: 0} .wysiwig a { text-decoration: underline; color:#43454d} .wysiwig [class^="btn-"] { margin-top: 10px} .wysiwig strong { font-weight: 500; color:#000} .wysiwig ul { padding-left: 20px; padding-bottom: 15px; } .wysiwig ul li { list-style: disc; padding-bottom: 15px; font-size: 15px } .wysiwig ul li:last-child { padding-bottom: 0} .wysiwig .btn-secondary { color:#000} .wysiwig .btn-secondary:hover { color:#fff} .wysiwig blockquote { font-style: italic; } .heading { text-align: center } .heading a { text-decoration: underline} .heading h2, .heading .h2 { font-size: 34px; line-height: 43px; font-weight:700; padding-bottom: 14px; } .heading h2 + p, .heading .h2 + p { font-weight: 400; font-size: 17px; line-height: 25px; padding-bottom: 20px; color:#000} .heading .underline { text-decoration-color:rgb(81 100 157 / 30%); text-decoration-line: underline; text-decoration-thickness: 3px; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; text-underline-offset: 3px; } .heading.mf_left { text-align: left} .heading.mf_left h2, .heading.mf_left .h2 { font-size: 28px; line-height: 36px; padding-bottom: 10px; } .heading.mf_left h2 .underline { text-decoration-color:rgb(81 100 157 / 30%); text-decoration-line: underline; text-decoration-thickness: 3px; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; text-underline-offset: 3px; } .heading.mf_left h2 + p, .heading.mf_left .h2 + p { font-weight: 500; font-size: 16px; line-height: 20px; padding-bottom: 15px; color:#000} @media all and (max-width:767px) { .heading h2, .heading .h2 { font-size: 27px !important; line-height: 32px !important; } .heading h2 + p, .heading .h2 + p { font-size: 16px !important; line-height: 1.6 !important; } .heading h2 h2 .block { display: inline;} .wysiwig h3, .accordeon-2c h3 { font-size: 19px; line-height: 26px; padding-bottom: 5px } } @media all and (max-width:550px) { .heading h2 + p br, .heading .h2 + p br { display: none} } [class^="icon-"] { display: inline-block; vertical-align: top; position: relative; text-indent: -9999px; background-repeat: no-repeat; background-position: center; background-size:100% auto} .icon-heart { width:22px; height:24px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjU5NS4yODFweCIgaGVpZ2h0PSI1MjEuMDEzcHgiIHZpZXdCb3g9IjAgMTYwLjQ4NCA1OTUuMjgxIDUyMS4wMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAxNjAuNDg0IDU5NS4yODEgNTIxLjAxMyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMjYyNjI2IiBkPSJNNTMyLjk2MiwxOTguMDY0Yy02Ny4yMDEtNTYuNTA2LTE3MS4wMjctNDguMDE5LTIzNS4zMjIsMTcuNDM5DQoJYy02NC4yOTUtNjUuNDU4LTE2OC4xMi03NC4wNjItMjM1LjMyMi0xNy40MzljLTg3LjQzMiw3My41OTYtNzQuNjQzLDE5My41ODItMTIuMzI0LDI1Ny4xOGwyMDMuOTMsMjA3Ljc2Nw0KCWMxMS42MjYsMTEuODU5LDI3LjIwNiwxOC40ODYsNDMuNzE2LDE4LjQ4NmMxNi42MjcsMCwzMi4wOS02LjUxMSw0My43MTctMTguMzdsMjAzLjkzLTIwNy43NjcNCglDNjA3LjQ4OCwzOTEuNzYyLDYyMC41MDksMjcxLjc3Niw1MzIuOTYyLDE5OC4wNjR6IE01MDUuNTIzLDQxNi4wNjJsLTIwMy45MywyMDcuNzY3Yy0yLjc5MSwyLjc5LTUuMTE2LDIuNzktNy45MDYsMA0KCUw4OS43NTcsNDE2LjA2MkM0Ny4zMiwzNzIuODExLDM4LjcxNiwyOTAuOTYsOTguMjQ1LDI0MC44NDljNDUuMjI3LTM4LjAxOSwxMTQuOTg3LTMyLjMyMSwxNTguNzAzLDEyLjIwOGw0MC42OTMsNDEuNTA3DQoJbDQwLjY5My00MS41MDdjNDMuOTQ3LTQ0Ljc2MiwxMTMuNzA3LTUwLjIyNywxNTguNzAzLTEyLjMyNEM1NTYuNDQ3LDI5MC44NDQsNTQ3LjYxMSwzNzMuMTYsNTA1LjUyMyw0MTYuMDYyeiIvPg0KPC9zdmc+DQo=")} .icon-arrow-right, .btn-primary:after, .btn-tertiary:after { width: 17px; height: 12px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNy40MTYiIGhlaWdodD0iMTEuMzEyIiB2aWV3Qm94PSIzLjI5MiA2LjM0MyAxNy40MTYgMTEuMzEyIj4KICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJtMTUuMDM3IDYuMzQzLTEuNDEgMS40MTcgMy4yNzEgMy4yNTUtMTMuNjA2LjAxNC4wMDIgMiAxMy41NjYtLjAxNC0zLjIxNSAzLjIzIDEuNDE4IDEuNDA5IDUuNjQ1LTUuNjY5LTUuNjcxLTUuNjQyeiIvPgo8L3N2Zz4K"); } .icon-arrow-right-black, .link-arrow:after { width: 17px; height: 12px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNy40MTYiIGhlaWdodD0iMTEuMzEzIiB2aWV3Qm94PSIzLjI5MiA2LjM0MyAxNy40MTYgMTEuMzEzIj4KICA8cGF0aCBkPSJtMTUuMDM3IDYuMzQzLTEuNDEgMS40MTcgMy4yNyAzLjI1NS0xMy42MDUuMDE0LjAwMiAyIDEzLjU2Ny0uMDE0LTMuMjE1IDMuMjMgMS40MTggMS40MSA1LjY0NC01LjY2OS01LjY3MS01LjY0M3oiLz4KPC9zdmc+Cg==") } .icon-arrow-down { width: 20px; height: 12px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMjAiIGhlaWdodD0iMTkyIiB2aWV3Qm94PSI5NiAxNjAgMzIwIDE5MiI+CiAgPHBhdGggZD0ibTM5Ni42IDE2MCAxOS40IDIwLjdMMjU2IDM1MiA5NiAxODAuN2wxOS4zLTIwLjdMMjU2IDMxMC41eiIvPgo8L3N2Zz4K") } .icon-arrow-down-white { width: 20px; height: 12px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMjAiIGhlaWdodD0iMTkyIiB2aWV3Qm94PSI5NiAxNjAgMzIwIDE5MiI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0ibTM5Ni42IDE2MCAxOS40IDIwLjdMMjU2IDM1MiA5NiAxODAuN2wxOS4zLTIwLjdMMjU2IDMxMC41IDM5Ni42IDE2MHoiLz4KPC9zdmc+Cg==") } .icon-arrow-down-thick { width: 12px; height: 8px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNC44MyIgdmlld0JveD0iMTIgMTYuNDIgMjQgMTQuODMiPgogIDxwYXRoIGQ9Ik0xNC44MyAxNi40MiAyNCAyNS41OWw5LjE3LTkuMTdMMzYgMTkuMjVsLTEyIDEyLTEyLTEyIDIuODMtMi44M3oiLz4KICA8cGF0aCBmaWxsPSJub25lIiBkPSJNMC0uNzVoNDh2NDhIMHYtNDh6Ii8+Cjwvc3ZnPgo=") } .icon-text { width: 26px; height: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI0NDYuNDYiIGhlaWdodD0iNDE2IiB2aWV3Qm94PSI3NC40MSAyMTQuNDQ1IDQ0Ni40NiA0MTYiPgogIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDEyMy4zMDVoNTk1LjI4MXY1OTUuMjhIMHoiLz4KICA8cGF0aCBkPSJNOTMuMDEzIDMwMC4wMjloNDA5LjI1NGMxMC4yNzUgMCAxOC42MDQtOC4zMjkgMTguNjA0LTE4LjYwMyAwLTEwLjI3NC04LjMyOC0xOC42MDMtMTguNjA0LTE4LjYwM0g5My4wMTNjLTEwLjI3NCAwLTE4LjYwMyA4LjMyOC0xOC42MDMgMTguNjAzIDAgMTAuMjc0IDguMzI5IDE4LjYwMyAxOC42MDMgMTguNjAzek05My4wMTMgMzkzLjA0MmgyOTcuNjM5YzEwLjI3NSAwIDE4LjYwNC04LjMyOSAxOC42MDQtMTguNjAzIDAtMTAuMjc0LTguMzI4LTE4LjYwMy0xOC42MDQtMTguNjAzSDkzLjAxM2MtMTAuMjc0IDAtMTguNjAzIDguMzI4LTE4LjYwMyAxOC42MDMgMCAxMC4yNzQgOC4zMjkgMTguNjAzIDE4LjYwMyAxOC42MDN6TTUwMi4yNjcgNDQ4Ljg0OUg5My4wMTNjLTEwLjI3NCAwLTE4LjYwMyA4LjMyOC0xOC42MDMgMTguNjAzIDAgMTAuMjczIDguMzI5IDE4LjYwMyAxOC42MDMgMTguNjAzaDQwOS4yNTRjMTAuMjc1IDAgMTguNjA0LTguMzI5IDE4LjYwNC0xOC42MDMgMC0xMC4yNzUtOC4zMjktMTguNjAzLTE4LjYwNC0xOC42MDN6TTM5MC42NTIgNTQxLjg2Mkg5My4wMTNjLTEwLjI3NCAwLTE4LjYwMyA4LjMyOC0xOC42MDMgMTguNjAzIDAgMTAuMjczIDguMzI5IDE4LjYwMiAxOC42MDMgMTguNjAyaDI5Ny42MzljMTAuMjc1IDAgMTguNjA0LTguMzI4IDE4LjYwNC0xOC42MDItLjAwMS0xMC4yNzUtOC4zMjktMTguNjAzLTE4LjYwNC0xOC42MDN6Ii8+Cjwvc3ZnPgo=") } .icon-star { width: 22px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI0NjAuOTU4IiBoZWlnaHQ9IjQ0MC4wOTIiIHZpZXdCb3g9IjY4LjMyNCAxNzguMDI4IDQ2MC45NTggNDQwLjA5MiI+CiAgPHBhdGggZD0iTTQzMC40NjIgNjE4LjEyYTE3LjMxMyAxNy4zMTMgMCAwIDEtOC4xMzktMS45OTlsLTEyMy41MjEtNjQuOTU4LTEyMy41NDMgNjQuOTU4Yy04LjUzNCA0LjQ2NC0xOS4wNzIgMS4xNjUtMjMuNTM3LTcuMzY5YTE3LjQ0MSAxNy40NDEgMCAwIDEtMS43MzktMTEuMDEzbDIzLjYwMi0xMzcuNTY1LTk5Ljk4OC05Ny40MzFjLTYuOS02LjcyMS03LjA0Ni0xNy43NjItLjMyNi0yNC42NjJhMTcuNDQyIDE3LjQ0MiAwIDAgMSA5Ljk4Ny01LjA5MWwxMzguMTM1LTIwLjA2NyA2MS43NzItMTI1LjE3MmM0LjI2NC04LjYzNiAxNC43MjItMTIuMTgxIDIzLjM1OC03LjkxN2ExNy40MzUgMTcuNDM1IDAgMCAxIDcuOTE4IDcuOTE3bDYxLjc3MSAxMjUuMTcyIDEzOC4xMjMgMjAuMDY3YzkuNTMzIDEuMzc5IDE2LjE0MyAxMC4yMjQgMTQuNzY2IDE5Ljc1N2ExNy40NDcgMTcuNDQ3IDAgMCAxLTUuMDkyIDkuOTk2bC05OS45ODggOTcuNDMxIDIzLjYwMiAxMzcuNTY1YzEuNjI1IDkuNDkzLTQuNzU0IDE4LjUwNy0xNC4yNDggMjAuMTMyLS45NzEuMTY1LTEuOTUxLjI0OS0yLjkzNi4yNDloLjAyM3ptLTMwNy4yMi0yNTUuNjkyIDgxLjIxMSA3OS4xNjZhMTcuNDQgMTcuNDQgMCAwIDEgNS4wMjMgMTUuMzk0bC0xOS4xNzIgMTExLjc3NyAxMDAuMzYtNTIuNzM4YTE3LjQzNSAxNy40MzUgMCAwIDEgMTYuMjc3IDBMNDA3LjMyNiA1NjguOCAzODguMTMgNDU2Ljk4OGExNy40NCAxNy40NCAwIDAgMSA1LjAxLTE1LjQyOWw4MS4yMjUtNzkuMTMxLTExMi4yMzItMTYuMjc3YTE3LjQzOSAxNy40MzkgMCAwIDEtMTMuMTI3LTkuNTMzTDI5OC44MDIgMjM0LjkybC01MC4xOTEgMTAxLjY5OGExNy40MzggMTcuNDM4IDAgMCAxLTEzLjEzOCA5LjUzM2wtMTEyLjIzMSAxNi4yNzd6Ii8+Cjwvc3ZnPgo=") } .icon-share { width: 19px; height: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMiAxIDIwIDIyIj4KICA8Y2lyY2xlIGN4PSIxOCIgY3k9IjUiIHI9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8Y2lyY2xlIGN4PSI2IiBjeT0iMTIiIHI9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8Y2lyY2xlIGN4PSIxOCIgY3k9IjE5IiByPSIzIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0ibTguNTkgMTMuNTEgNi44MyAzLjk4TTE1LjQxIDYuNTFsLTYuODIgMy45OCIvPgo8L3N2Zz4K") } .icon-basket { width: 22px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI4NjQiIGhlaWdodD0iODY0IiB2aWV3Qm94PSIzMiA2NCA4NjQgODY0Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI2NCIgZD0iTTczNiA3MzZIMjc5LjJMMTY3LjYgMTIyLjRjLTIuNzM4LTE1LjAwMS0xNS42MzMtMjYuMjQ2LTMxLjE4NC0yNi40SDY0TTQwMCA4MTZjMCA0NC4xODQtMzUuODE3IDgwLTgwIDgwcy04MC0zNS44MTYtODAtODBjMC00NC4xODMgMzUuODE3LTgwIDgwLTgwczgwIDM1LjgxNyA4MCA4MHpNODE2IDgxNmMwIDQ0LjE4NC0zNS44MTcgODAtODAgODBzLTgwLTM1LjgxNi04MC04MGMwLTQ0LjE4MyAzNS44MTctODAgODAtODBzODAgMzUuODE3IDgwIDgweiIvPgogIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjY0IiBkPSJNMjUwIDU3Nkg3NTIuNTkzYzMxLjE2NyAwIDU3LjA5OS0yMi40MTggNjIuNTQ2LTUyLjAwOWwuMDYxLS4zOTFMODY0IDI1NkgxOTIiLz4KPC9zdmc+Cg==") } .icon-multi { width: 21px; height: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI4OTYiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMTI4IDAgODk2IDEwMjQiPgogIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjY0IiBkPSJNNDgwIDk5MkgxNjBsMzItNzA0aDY0MGw0LjQ3OSA5NiIvPgogIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjY0IiBkPSJNMzUyIDM4NFYxOTJjMC04OC4zNjUgNzEuNjM0LTE2MCAxNjAtMTYwaDBjODguMzY2IDAgMTYwIDcxLjYzNSAxNjAgMTYwaDB2MTkyTTk5MiA3MzZjMCAxNDEuMzg2LTExNC42MTUgMjU2LTI1NiAyNTZTNDgwIDg3Ny4zODUgNDgwIDczNnMxMTQuNjE1LTI1NiAyNTYtMjU2IDI1NiAxMTQuNjE1IDI1NiAyNTZ6TTczNiA2MDh2MjU2TTg2NCA3MzZINjA4Ii8+Cjwvc3ZnPgo=") } .icon-donation { width: 15px; height: 25px; margin-left: 2px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzODIuMDc4IiBoZWlnaHQ9IjU4NC44ODIiIHZpZXdCb3g9IjQxNy45MjIgMjE1LjExNyAzODIuMDc4IDU4NC44ODIiPgogIDxwYXRoIGQ9Ik02MDguOTY5IDIxNS4xMTdjLTEwNy4xMjUgMC0xOTEuMDQ3IDU1LjQ3Ny0xOTEuMDQ3IDEyNi4zMDV2MzMyLjI3MmMwIDcwLjgyOSA4My45MjIgMTI2LjMwNSAxOTEuMDQ3IDEyNi4zMDVDNzE2LjA5MyA3OTkuOTk5IDgwMCA3NDQuNTI0IDgwMCA2NzMuNjk1VjM0MS40MjJjMC03MC44MjgtODMuOTA3LTEyNi4zMDUtMTkxLjAzMS0xMjYuMzA1em0xNTkuMDMgNDU4LjU3OGMwIDUxLjExOC03Mi44MjggOTQuMzA3LTE1OS4wMyA5NC4zMDctODYuMjIgMC0xNTkuMDQ3LTQzLjE4OC0xNTkuMDQ3LTk0LjMwN3YtMzguNTUzYzMzLjk3MiAzMy42NyA5MS45NSA1NS40NDMgMTU5LjA0NyA1NS40NDMgNjcuMDkzIDAgMTI1LjA2My0yMS43NzEgMTU5LjAzLTU1LjQzOHYzOC41NDh6bTAtMTA5LjQyMmMwIDUxLjEyNi03Mi44MjggOTQuMzEzLTE1OS4wMyA5NC4zMTMtODYuMjIgMC0xNTkuMDQ3LTQzLjE4OC0xNTkuMDQ3LTk0LjMxM3YtMzguNjE4YzMzLjk3MiAzMy42NjcgOTEuOTUgNTUuNDM4IDE1OS4wNDcgNTUuNDM4IDY3LjA5MyAwIDEyNS4wNjMtMjEuNzcgMTU5LjAzLTU1LjQzM3YzOC42MTN6bTAtMTA5LjQ4NWMwIDUxLjExNy03Mi44MjggOTQuMzA2LTE1OS4wMyA5NC4zMDYtODYuMjIgMC0xNTkuMDQ3LTQzLjE4OC0xNTkuMDQ3LTk0LjMwNlY0MTIuMjljMzMuOTcyIDMzLjY3IDkxLjk1IDU1LjQ0MiAxNTkuMDQ3IDU1LjQ0MiA2Ny4wOTMgMCAxMjUuMDYzLTIxLjc3IDE1OS4wMy01NS40Mzd2NDIuNDkzem0tMTU5LjAzLTE5LjA1NGMtODYuMjIgMC0xNTkuMDQ3LTQzLjE4OC0xNTkuMDQ3LTk0LjMxMyAwLTUxLjExOCA3Mi44MjctOTQuMzA3IDE1OS4wNDctOTQuMzA3IDg2LjIwMiAwIDE1OS4wMyA0My4xODggMTU5LjAzIDk0LjMwNyAwIDUxLjEyNS03Mi44MjggOTQuMzEzLTE1OS4wMyA5NC4zMTN6Ii8+Cjwvc3ZnPgo=") } .icon-hand { width:21px; height:24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI3ODEuMTAyIiBoZWlnaHQ9IjkyOCIgdmlld0JveD0iODIuODk4IDMyIDc4MS4xMDIgOTI4Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI2NCIgZD0iTTY3MiA0NDh2LTQ4YzAtNDQuMTgzLTM1LjgxNy04MC04MC04MHMtODAgMzUuODE3LTgwIDgwaDBWMTQ0YzAtNDQuMTgzLTM1LjgxNy04MC04MC04MHMtODAgMzUuODE3LTgwIDgwaDB2NDg1LjJsLTg3LjYtMTUyYy0xNC4xMDEtMjQuMTQxLTM5Ljg4Ni00MC4xMDItNjkuNC00MC4xMDItNDQuMjM5IDAtODAuMTAyIDM1Ljg2My04MC4xMDIgODAuMTAyIDAgMTQuNzI4IDMuOTc0IDI4LjUyMyAxMC45MDcgNDAuMzc5bC0uMjA1LS4zNzlDMjU2IDgzMiAzMzUuMiA5MjggNTEyIDkyOGMxNzYuNzMxIDAgMzIwLTE0My4yNjkgMzIwLTMyMGgwVjQ0OGMwLTQ0LjE4My0zNS44MTctODAtODAtODBzLTgwIDM1LjgxNy04MCA4MGgweiIvPgo8L3N2Zz4K") } .icon-rocket {width: 22px; height: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI0NDcuOTkiIGhlaWdodD0iNDQ3LjY0OCIgdmlld0JveD0iMzIuMDExIDMyLjE3OCA0NDcuOTkgNDQ3LjY0OCI+CiAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMzIiIGQ9Ik00NjEuODEgNTMuODFhNC40IDQuNCAwIDAgMC0zLjMtMy4zOTFjLTU0LjM4LTEzLjMtMTgwIDM0LjA5MS0yNDguMTMgMTAyLjE3YTI5NC45NzggMjk0Ljk3OCAwIDAgMC0zMy4wOSAzOS4wOGMtMjEtMS44OTktNDItLjMtNTkuODggNy41LTUwLjQ5IDIyLjItNjUuMTggODAuMTgxLTY5LjI4IDEwNS4wN2E5IDkgMCAwIDAgOS44IDEwLjRsODEuMDctOC45Yy4wNTYgNi4xMTUuNDIzIDEyLjIyMyAxLjEgMTguM2ExOC4xNDcgMTguMTQ3IDAgMCAwIDUuMyAxMS4wOWwzMS4zOSAzMS4zOTFhMTguMTUgMTguMTUgMCAwIDAgMTEuMSA1LjMgMTc5Ljc4MyAxNzkuNzgzIDAgMCAwIDE4LjE5IDEuMWwtOC44OSA4MS4wMDFhOSA5IDAgMCAwIDEwLjM5IDkuNzljMjQuOS00IDgzLTE4LjY5IDEwNS4wNy02OS4xNzEgNy44LTE3Ljg5OSA5LjM5OS0zOC43OSA3LjYtNTkuNjg5YTI5My44OSAyOTMuODkgMCAwIDAgMzkuMTktMzMuMDlDNDI3LjgyIDIzMy43NiA0NzQuOTEgMTEwLjkgNDYxLjgxIDUzLjgxek0yOTguNjYgMjEzLjY3Yy0xNi42NzgtMTYuNjczLTE2LjY4MS00My43MDktLjAwNy02MC4zODcgMTYuNjczLTE2LjY3NyA0My43MDktMTYuNjgxIDYwLjM4Ny0uMDA3czE2LjY4MSA0My43MS4wMDcgNjAuMzg3bC0uMDA3LjAwN2MtMTYuNjM5IDE2LjY3NC00My42NDMgMTYuNzAyLTYwLjMxNi4wNjRsLS4wNjQtLjA2NHoiLz4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzMiIgZD0iTTEwOS42NCAzNTJhNDUuMDYyIDQ1LjA2MiAwIDAgMC0yNi4zNSAxMi44NEM2NS42NyAzODIuNTIgNjQgNDQ4IDY0IDQ0OHM2NS41Mi0xLjY3IDgzLjE1LTE5LjMxQTQ0LjczIDQ0LjczIDAgMCAwIDE2MCA0MDIuMzIiLz4KPC9zdmc+Cg==") } .icon-checklist { width: 22px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI4NTYuMDYzIiBoZWlnaHQ9Ijg1Ni4wNjMiIHZpZXdCb3g9IjgzLjk2OCA4My45NjkgODU2LjA2MyA4NTYuMDYzIj4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjYxLjQ0IiBkPSJNODg4LjgzMyA5MDkuMzEySDEzNS4xNjhjLTEyLjI4OCAwLTIwLjQ4LTguMTkyLTIwLjQ4LTIwLjQ4VjEzNS4xNjhjMC0xMi4yODggOC4xOTItMjAuNDc5IDIwLjQ4LTIwLjQ3OWg3NTMuNjY1YzEyLjI4NyAwIDIwLjQ3OSA4LjE5MSAyMC40NzkgMjAuNDc5djc1My42NjNjLS4wMDEgMTAuMjQxLTEwLjIzOSAyMC40ODEtMjAuNDc5IDIwLjQ4MXpNMjQzLjcxMiA3NDEuMzc3aDI1Nk0yNDMuNzEyIDUzNi41NzVoMjU2TTYyOC43MzcgNTA3LjkwNGw1MS4xOTkgNTUuMjk2TTc4MC4yODggNDYwLjgwMSA2NzkuOTM2IDU2My4xOTlNMjQzLjcxMiAzMzEuNzc2aDI1Nk02MjguNzM3IDMwMy4xMDRsNTEuMTk5IDU1LjI5Nk03ODAuMjg4IDI1NiA2NzkuOTM2IDM1OC40Ii8+Cjwvc3ZnPgo=") } .icon-gift { width: 22px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2lmdCI+CiAgPHBhdGggZD0iTTMgMi41YTIuNSAyLjUgMCAwIDEgNSAwIDIuNSAyLjUgMCAwIDEgNSAwdi4wMDZjMCAuMDcgMCAuMjctLjAzOC40OTRIMTVhMSAxIDAgMCAxIDEgMXYyYTEgMSAwIDAgMS0xIDF2Ny41YTEuNSAxLjUgMCAwIDEtMS41IDEuNWgtMTFBMS41IDEuNSAwIDAgMSAxIDE0LjVWN2ExIDEgMCAwIDEtMS0xVjRhMSAxIDAgMCAxIDEtMWgyLjAzOEEyLjk2OCAyLjk2OCAwIDAgMSAzIDIuNTA2VjIuNXptMS4wNjguNUg3di0uNWExLjUgMS41IDAgMSAwLTMgMGMwIC4wODUuMDAyLjI3NC4wNDUuNDNhLjUyMi41MjIgMCAwIDAgLjAyMy4wN3pNOSAzaDIuOTMyYS41Ni41NiAwIDAgMCAuMDIzLS4wN2MuMDQzLS4xNTYuMDQ1LS4zNDUuMDQ1LS40M2ExLjUgMS41IDAgMCAwLTMgMFYzek0xIDR2Mmg2VjRIMXptOCAwdjJoNlY0SDl6bTUgM0g5djhoNC41YS41LjUgMCAwIDAgLjUtLjVWN3ptLTcgOFY3SDJ2Ny41YS41LjUgMCAwIDAgLjUuNUg3eiIvPgo8L3N2Zz4K") } .icon-smiley {width: 22px; height: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI4MTkuMjAxIiBoZWlnaHQ9IjgxOS4yMDIiIHZpZXdCb3g9IjEwMi40IDEwMi40IDgxOS4yMDEgODE5LjIwMiI+CiAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSI2OC4yNjciIGQ9Ik04ODcuNDY3IDUxMmMwIDIwNy4zNjUtMTY4LjEwMiAzNzUuNDY4LTM3NS40NjcgMzc1LjQ2OFMxMzYuNTMzIDcxOS4zNjUgMTM2LjUzMyA1MTJjMC0yMDcuMzY0IDE2OC4xMDItMzc1LjQ2NyAzNzUuNDY3LTM3NS40NjdTODg3LjQ2NyAzMDQuNjM1IDg4Ny40NjcgNTEyeiIvPgogIDxwYXRoIGQ9Ik03MTYuOCA0OTQuOTMzYzAgMjguMjc3LTIyLjkyMyA1MS4yLTUxLjIgNTEuMi0yOC4yNzYgMC01MS4xOTktMjIuOTIzLTUxLjE5OS01MS4yczIyLjkyMy01MS4yIDUxLjE5OS01MS4yYzI4LjI3NyAwIDUxLjIgMjIuOTIzIDUxLjIgNTEuMnpNNDA5LjYgNDk0LjkzM2MwIDI4LjI3Ny0yMi45MjMgNTEuMi01MS4xOTkgNTEuMi0yOC4yNzcgMC01MS4yLTIyLjkyMy01MS4yLTUxLjJzMjIuOTIzLTUxLjIgNTEuMi01MS4yYzI4LjI3NiAwIDUxLjE5OSAyMi45MjMgNTEuMTk5IDUxLjJ6Ii8+CiAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSI2OC4yNjciIGQ9Ik00MTEuNzE2IDY4Mi42NjhDNDM1LjIgNjk5LjczNCA0NjkuMzMzIDcxNi44MDEgNTEyIDcxNi44MDFzNzYuOC0xNy4wNjcgMTAwLjI1LTM0LjEzMyIvPgo8L3N2Zz4K") } .icon-users { width: 22px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXVzZXJzIj4KICA8cGF0aCBkPSJNMTcgMjF2LTJhNCA0IDAgMCAwLTQtNEg1YTQgNCAwIDAgMC00IDR2MiIvPgogIDxjaXJjbGUgY3g9IjkiIGN5PSI3IiByPSI0Ii8+CiAgPHBhdGggZD0iTTIzIDIxdi0yYTQgNCAwIDAgMC0zLTMuODdNMTYgMy4xM2E0IDQgMCAwIDEgMCA3Ljc1Ii8+Cjwvc3ZnPgo=") } .icon-search-engine { width: 22px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI0MTUuMDUyIiBoZWlnaHQ9IjQxNS4wNTEiIHZpZXdCb3g9IjQ4IDQ4IDQxNS4wNTIgNDE1LjA1MSI+CiAgPHBhdGggZD0iTTQ1Ni42OSA0MjEuMzkgMzYyLjYgMzI3LjNjMjIuNjUyLTMwLjE1NiAzNC44ODEtNjYuODYzIDM0Ljg0LTEwNC41OEMzOTcuNDQgMTI2LjM4IDMxOS4wNiA0OCAyMjIuNzIgNDhTNDggMTI2LjM4IDQ4IDIyMi43MnM3OC4zOCAxNzQuNzIgMTc0LjcyMSAxNzQuNzJjMzcuNzE3LjA0MSA3NC40MjMtMTIuMTg4IDEwNC41NzktMzQuODRsOTQuMDkxIDk0LjA5YzEwLjI5NCA5LjIwMiAyNi4wOTggOC4zMTYgMzUuMy0xLjk3OCA4LjQ4MS05LjQ4OCA4LjQ4MS0yMy44MzQtLjAwMS0zMy4zMjJ6TTk3LjkyIDIyMi43MmMwLTY4LjkyNSA1NS44NzUtMTI0LjggMTI0LjgwMS0xMjQuOCA2OC45MjUgMCAxMjQuOCA1NS44NzUgMTI0LjggMTI0LjhzLTU1Ljg3NSAxMjQuOC0xMjQuOCAxMjQuOGMtNjguODkyLS4wODMtMTI0LjcxOC01NS45MDktMTI0LjgwMS0xMjQuOHoiLz4KPC9zdmc+Cg==") } .icon-messaging { width: 22px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI0NzUuNDI5IiBoZWlnaHQ9IjQzOC44NjMiIHZpZXdCb3g9IjE4LjI4NiAzNi41NzIgNDc1LjQyOSA0MzguODYzIj4KICA8cGF0aCBkPSJNNDA5LjYgMzYuNTcySDEwMi40Yy00Ni40MjYuMDctODQuMDQ0IDM3LjY4OC04NC4xMTQgODQuMTE0djMzNi40NTdjLS4wMDQgMTAuMDk5IDguMTggMTguMjg5IDE4LjI3OCAxOC4yOTIgNC4xNTcuMDAyIDguMTktMS40MTMgMTEuNDM2LTQuMDExbDg2LjQxOS02OS4xMzlINDA5LjZjNDYuNDI2LS4wNyA4NC4wNDQtMzcuNjg4IDg0LjExNC04NC4xMTRWMTIwLjY4NmMtLjA3LTQ2LjQyNi0zNy42ODgtODQuMDQ0LTg0LjExNC04NC4xMTR6bTQ3LjU0MyAyODEuNTk5YzAgMjYuMjU3LTIxLjI4NiA0Ny41NDMtNDcuNTQzIDQ3LjU0M0gxMjhjLTQuMTUzLS4wMDItOC4xODUgMS40MS0xMS40MjkgNC4wMDVMNTQuODU3IDQxOS4wOVYxMjAuNjg2YzAtMjYuMjU3IDIxLjI4Ni00Ny41NDMgNDcuNTQzLTQ3LjU0M2gzMDcuMmMyNi4yNTcgMCA0Ny41NDMgMjEuMjg2IDQ3LjU0MyA0Ny41NDN2MTk3LjQ4NXoiLz4KICA8cGF0aCBkPSJNMTY0LjU3MSAxNjQuNTcySDI1NmMxMC4xIDAgMTguMjg2LTguMTg3IDE4LjI4Ni0xOC4yODYgMC0xMC4wOTktOC4xODctMTguMjg1LTE4LjI4Ni0xOC4yODVoLTkxLjQyOWMtMTAuMDk5IDAtMTguMjg1IDguMTg3LTE4LjI4NSAxOC4yODUgMCAxMC4wOTkgOC4xODYgMTguMjg2IDE4LjI4NSAxOC4yODZ6TTM0Ny40MjggMjAxLjE0M0gxNjQuNTcxYy0xMC4wOTkgMC0xOC4yODUgOC4xODctMTguMjg1IDE4LjI4NiAwIDEwLjA5OSA4LjE4NyAxOC4yODUgMTguMjg1IDE4LjI4NWgxODIuODU3YzEwLjA5OSAwIDE4LjI4Ni04LjE4NyAxOC4yODYtMTguMjg1LjAwMS0xMC4xLTguMTg3LTE4LjI4Ni0xOC4yODYtMTguMjg2ek0zNDcuNDI4IDI3NC4yODVIMTY0LjU3MWMtMTAuMDk5IDAtMTguMjg1IDguMTg4LTE4LjI4NSAxOC4yODZzOC4xODcgMTguMjg1IDE4LjI4NSAxOC4yODVoMTgyLjg1N2MxMC4wOTkgMCAxOC4yODYtOC4xODcgMTguMjg2LTE4LjI4NXMtOC4xODctMTguMjg2LTE4LjI4Ni0xOC4yODZ6Ii8+Cjwvc3ZnPgo=") } .icon-crossplatform { width: 22px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI0NDgiIGhlaWdodD0iMzIwIiB2aWV3Qm94PSIzMiA5NiA0NDggMzIwIj4KICA8cGF0aCBkPSJNNDQ4IDE2MHYtNDhjMC04LjgzNy03LjE2My0xNi0xNi0xNkg4MGMtOC44MzYgMC0xNiA3LjE2My0xNiAxNnYyMDhjLTE3LjY3MyAwLTMyIDE0LjMyNi0zMiAzMnYxNmMwIDI2LjUwOSAyMS40OSA0OCA0OCA0OGgzNjhjMTcuNjc0IDAgMzItMTQuMzI3IDMyLTMyVjE5MmMwLTE3LjY3NC0xNC4zMjYtMzItMzItMzJ6TTk2IDEyOGgzMjB2MzJoLTgwYy0xNy42NzMgMC0zMiAxNC4zMjYtMzIgMzJ2MTM3LjQ0bC02LjU2IDYuNTZoLTgyLjg4bC0xMS4yLTExLjM2Yy0zLjAyLTIuOTk1LTcuMTA3LTQuNjY1LTExLjM2LTQuNjRIOTZWMTI4ek04MCAzODRjLTguODM2IDAtMTYtNy4xNjQtMTYtMTZ2LTE2aDEyMS40NGwxMS4yIDExLjM1OWMzLjAyIDIuOTk1IDcuMTA2IDQuNjY1IDExLjM1OSA0LjY0MWg5NnYxNkg4MHptMzY4IDBIMzM2VjE5MmgxMTJ2MTkyeiIvPgogIDxwYXRoIGQ9Ik00MDAgMzM2aC0xNmMtOC44MzYgMC0xNiA3LjE2My0xNiAxNiAwIDguODM2IDcuMTY0IDE2IDE2IDE2aDE2YzguODM3IDAgMTYtNy4xNjQgMTYtMTYgMC04LjgzNy03LjE2My0xNi0xNi0xNnoiLz4KPC9zdmc+Cg==") } .icon-price { width: 22px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzNCIgaGVpZ2h0PSIzNCIgdmlld0JveD0iNDMuNSAwIDM0IDM0Ij4KICA8cGF0aCBkPSJNNzcuMjA4LjI5MmMtLjM4OS0uMzg5LTEuMDItLjM4OS0xLjQwOSAwbC0yLjkgMi45MDFjLS4xNzktLjA4NS0uMzY3LS4xNTMtLjU2My0uMjAyTDYzLjMxOS43NjNjLTEuMDEyLS4yNTMtMi4xLjA0OC0yLjgzNy43ODZMNDQuMzc0IDE3LjYzYy0xLjE2NSAxLjE2NS0xLjE2NSAzLjA2MiAwIDQuMjI2bDExLjI3IDExLjI3MWMxLjE2NSAxLjE2NSAzLjA2MSAxLjE2NSA0LjIyNiAwTDc1Ljk1MSAxNy4wMmMuNzM4LS43MzggMS4wMzktMS44MjUuNzg1LTIuODM4TDc0LjUxIDUuMTY1Yy0uMDQ5LS4xOTctLjExNy0uMzg1LS4yMDMtLjU2M2wyLjkwMi0yLjkwMWMuMzg5LS4zODkuMzg5LTEuMDItLjAwMS0xLjQwOXptLTIuNDAzIDE0LjM3MmMuMDg0LjMzNy0uMDE3LjctLjI2My45NDZMNTguNDYxIDMxLjcxN2MtLjM4OS4zODktMS4wMjEuMzg5LTEuNDA5IDBsLTExLjI3LTExLjI3Yy0uMzg5LS4zODktLjM4OS0xLjAyMSAwLTEuNDA4TDYxLjg5MSAyLjk1OGMuMTg4LS4xODguNDQ0LS4yOTIuNzA2LS4yOTIuMDc5IDAgLjE2LjAxLjIzOS4wMjlsOC40NjkgMi4wOTEtMi4zOTggMi4zOTljLTEuMTExLS41MjktMi40ODItLjMzNS0zLjQwMS41ODMtMS4xNjUgMS4xNjUtMS4xNjUgMy4wNjEgMCA0LjIyNi41ODMuNTgzIDEuMzQ5Ljg3NCAyLjExMy44NzRzMS41My0uMjkxIDIuMTEyLS44NzRjLjkxOS0uOTE4IDEuMTEzLTIuMjkuNTg0LTMuNGwyLjM5OC0yLjM5OSAyLjA5MiA4LjQ2OXptLTYuNDgzLTQuMDc4Yy0uMzg5LjM4OC0xLjAyLjM4OC0xLjQwOCAwLS4zODktLjM4OS0uMzg5LTEuMDIxIDAtMS40MDkuMTkzLS4xOTQuNDQ5LS4yOTEuNzA0LS4yOTFzLjUxMS4wOTcuNzA0LjI5MWMuMzg5LjM4OS4zODkgMS4wMjEgMCAxLjQwOXoiLz4KICA8cGF0aCBkPSJNNTkuODcgMTEuOTk1Yy0xLjE2NS0xLjE2Ni0zLjA2MS0xLjE2Ni00LjIyNyAwLTEuMTY1IDEuMTY1LTEuMTY1IDMuMDYxIDAgNC4yMjYgMS4xNjYgMS4xNjUgMy4wNjIgMS4xNjUgNC4yMjcgMHMxLjE2NS0zLjA2MSAwLTQuMjI2em0tMS40MDkgMi44MThjLS4zODkuMzg4LTEuMDIxLjM4OC0xLjQwOSAwLS4zODktLjM4OS0uMzg5LTEuMDIxIDAtMS40MDkuMzg4LS4zODkgMS4wMi0uMzg5IDEuNDA5IDAgLjM4OS4zODguMzg5IDEuMDIgMCAxLjQwOXpNNjEuMjc5IDIxLjg1NWMtMS4xNjgtMS4xNjgtMy4wNTktMS4xNjgtNC4yMjcgMC0xLjE2NiAxLjE2Ni0xLjE2NiAzLjA2MiAwIDQuMjI3IDEuMTY4IDEuMTY4IDMuMDU4IDEuMTY4IDQuMjI3IDAgMS4xNjQtMS4xNjUgMS4xNjQtMy4wNjEgMC00LjIyN3ptLTEuNDA5IDIuODE5Yy0uMzg5LjM4OS0xLjAyLjM4OS0xLjQwOSAwcy0uMzg5LTEuMDIxIDAtMS40MDhjLjM4OS0uMzkxIDEuMDItLjM5MSAxLjQwOSAwIC4zODguMzg3LjM4OCAxLjAxOSAwIDEuNDA4ek02NS43OTEgMTguMjI1Yy0uMDYxLS41NDctLjU1NC0uOTQxLTEuMS0uODhsLTEyLjY3OSAxLjQwOWMtLjU0Ny4wNjItLjk0MS41NTQtLjg4IDEuMTAxLjA1Ny41MDkuNDg4Ljg4Ni45ODkuODg2LjAzNyAwIC4wNzQtLjAwMi4xMTEtLjAwN2wxMi42NzgtMS40MDhjLjU0Ny0uMDYyLjk0Mi0uNTU1Ljg4MS0xLjEwMXoiLz4KPC9zdmc+Cg==") } .icon-check { width: 12px; height: 12px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMyA1IDE4IDEzIj4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMjAgNiA5IDE3bC01LTUiLz4KPC9zdmc+Cg==") } .icon-worldwide { width: 16px; height: 16px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI4NjQiIGhlaWdodD0iODY0IiB2aWV3Qm94PSI4MCA3NiA4NjQgODY0Ij4KICA8cGF0aCBkPSJNNTEyIDEyOGMyMDkuODY4IDAgMzgwIDE3MC4xMzIgMzgwIDM4MFM3MjEuODY4IDg4OCA1MTIgODg4IDEzMiA3MTcuODY4IDEzMiA1MDhjLjIyNy0yMDkuNzc2IDE3MC4yMjMtMzc5Ljc3MiAzNzkuOTc4LTM4MEg1MTJ6bTAtNTJDMjczLjQxMyA3NiA4MCAyNjkuNDEzIDgwIDUwOGMwIDIzOC41ODggMTkzLjQxMyA0MzIgNDMyIDQzMnM0MzItMTkzLjQxMiA0MzItNDMyYzAtMjM4LjU4Ny0xOTMuNDEzLTQzMi00MzItNDMyeiIvPgogIDxwYXRoIGQ9Ik01MjAuNjQgMTI4YzE2LjcyMSAwIDQ2LjI0IDI5LjI4IDcxLjQ0IDkzLjUyMSAyOS42OCA3NS42OCA0NiAxNzcuNDM5IDQ2IDI4Ni40NzkgMCAxMDkuMDQxLTE2IDIxMC44MDEtNDYgMjg2LjQ4LTI1LjIgNjQtNTQuNjQgOTMuNTItNzEuNDQgOTMuNTItMTYuOCAwLTQ2LjIzOS0yOS4yNzktNzEuNDM5LTkzLjUyLTI5LjYwMS03NS42OC00Ni0xNzcuNDQtNDYtMjg2LjQ4czE2LTIxMC44IDQ2LTI4Ni40NzlDNDc0LjQ4IDE1Ny4yIDUwNCAxMjggNTIwLjY0IDEyOHptMC01MmMtOTMuNiAwLTE2OS40NCAxOTMuNDQtMTY5LjQ0IDQzMiAwIDIzOC41NjEgNzUuODQgNDMyIDE2OS40MzkgNDMyIDkzLjYwMSAwIDE2OS40NC0xOTMuNDM5IDE2OS40NC00MzJDNjkwLjA4IDI2OS40NCA2MTQuMjQgNzYgNTIwLjY0IDc2eiIvPgogIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjUyIiBkPSJNMTQxLjI4IDY0Mi45NjFIOTAwTTE0MS4yOCAzNzIuOTZIOTAwIi8+Cjwvc3ZnPgo=") } .icon-facebook { width: 21px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSI+CiAgPHBhdGggZD0iTTIwIDEwLjk4NGMwLTUuNTIyLTQuNDc3LTEwLTEwLTEwcy0xMCA0LjQ3OC0xMCAxMGMwIDQuOTkzIDMuNjU3IDkuMTI5IDguNDM4IDkuODc5di02Ljk4OGgtMi41NHYtMi44OWgyLjU0VjguNzhjMC0yLjUwNiAxLjQ5Mi0zLjg5IDMuNzc3LTMuODkgMS4wOTQgMCAyLjIzOC4xOTUgMi4yMzguMTk1djIuNDZoLTEuMjZjLTEuMjQzIDAtMS42MzEuNzcyLTEuNjMxIDEuNTYzdjEuODc1aDIuNzczbC0uNDQzIDIuODkxaC0yLjMzdjYuOTg3YzQuNzgxLS43NSA4LjQzOC00Ljg4NiA4LjQzOC05Ljg3N3oiLz4KPC9zdmc+Cg==") } .icon-instagram { width: 22px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSI+CiAgPHBhdGggZD0iTTEwIDIuNzg0YzIuNjY3IDAgMi45ODIuMDA5IDQuMDQyLjA1OSAyLjcwOC4xMjUgMy45NzYgMS40MDggNC4xMDEgNC4xLjA0OSAxLjA1OC4wNTggMS4zNzUuMDU4IDQuMDQxIDAgMi42NjctLjAwOSAyLjk4NS0uMDU4IDQuMDQyLS4xMjUgMi42OTMtMS4zODUgMy45NzYtNC4xMDEgNC4xMDEtMS4wNi4wNS0xLjM2Ny4wNTgtNC4wNDIuMDU4LTIuNjY3IDAtMi45ODMtLjAwOC00LjA0Mi0uMDU4LTIuNzE2LS4xMjUtMy45NzUtMS40MTctNC4xLTQuMTAxLS4wNS0xLjA1Ny0uMDU4LTEuMzY3LS4wNTgtNC4wNDIgMC0yLjY2Ni4wMDgtMi45ODMuMDU4LTQuMDQxLjEyNS0yLjY5MiAxLjM5Mi0zLjk3NSA0LjEtNC4xQzcuMDE3IDIuOCA3LjMzMyAyLjc4NCAxMCAyLjc4NHptMC0xLjhjLTIuNzE3IDAtMy4wNTguMDA5LTQuMTI1LjA1OUMyLjI1IDEuMjA5LjIyNSAzLjIyNi4wNTggNi44NTkuMDA4IDcuOTI2IDAgOC4yNjggMCAxMC45ODRjMCAyLjcxNy4wMDggMy4wNTkuMDU4IDQuMTI1LjE2NyAzLjYzNCAyLjE4NCA1LjY0OSA1LjgxNyA1LjgxNiAxLjA2Ny4wNTEgMS40MDguMDU5IDQuMTI1LjA1OXMzLjA1OS0uMDA4IDQuMTI1LS4wNTljMy42MjUtLjE2NyA1LjY1LTIuMTgzIDUuODE2LTUuODE2LjA1MS0xLjA2Ni4wNTktMS40MDguMDU5LTQuMTI1IDAtMi43MTYtLjAwOC0zLjA1OC0uMDU5LTQuMTI1LS4xNjYtMy42MjUtMi4xODQtNS42NS01LjgxNi01LjgxNkMxMy4wNTkuOTkzIDEyLjcxNy45ODQgMTAgLjk4NHptMCA0Ljg2N2E1LjEzNyA1LjEzNyAwIDAgMC01LjEzMyA1LjEzM2MwIDIuODM0IDIuMyA1LjEzNCA1LjEzMyA1LjEzNHM1LjEzMy0yLjMgNS4xMzMtNS4xMzRjMC0yLjgzMy0yLjMtNS4xMzMtNS4xMzMtNS4xMzN6bTAgOC40NjdhMy4zMzMgMy4zMzMgMCAxIDEgMy4zMzMtMy4zMzZ2LjAwMmEzLjMzMiAzLjMzMiAwIDAgMS0zLjMzIDMuMzM0SDEwem01LjM0Mi05Ljg3NWExLjIgMS4yIDAgMSAwIC4wMDIgMi40IDEuMiAxLjIgMCAwIDAtLjAwMi0yLjR6Ii8+Cjwvc3ZnPgo=") } .icon-pinterest { width: 18px; height: 22px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxOSI+CiAgPHBhdGggZD0iTTEyLjMxMyAyLjgyOUMxMS4wNzQgMS42MzkgOS4zNi45ODQgNy40ODQuOTg0Yy0yLjg2MyAwLTQuNjI0IDEuMTc0LTUuNTk3IDIuMTU5Qy42ODcgNC4zNTYgMCA1Ljk2NyAwIDcuNTYzYzAgMi4wMDQuODM4IDMuNTQyIDIuMjQyIDQuMTE1YS43MzYuNzM2IDAgMCAwIC4yODIuMDU3Yy4yOTYgMCAuNTMtLjE5My42MTItLjUwNC4wNDctLjE3OC4xNTctLjYxOS4yMDQtLjgxLjEwMy0uMzc3LjAyLS41NTgtLjIwMy0uODItLjQwNi0uNDgxLS41OTUtMS4wNS0uNTk1LTEuNzg4IDAtMi4xOTYgMS42MzUtNC41MyA0LjY2NS00LjUzIDIuNDA0IDAgMy44OTggMS4zNjcgMy44OTggMy41NjcgMCAxLjM4OC0uMzAxIDIuNjczLS44NDIgMy42MjEtLjM3OS42NTYtMS4wNDEgMS40MzktMi4wNjEgMS40MzktLjQ0IDAtLjgzNi0uMTgtMS4wODYtLjQ5Ni0uMjM2LS4yOTgtLjMxMy0uNjg0LS4yMTktMS4wODUuMTA4LS40NTMuMjU0LS45MjcuMzk1LTEuMzg0LjI1OS0uODM2LjUwMy0xLjYyNS41MDMtMi4yNTQgMC0xLjA3Ny0uNjYyLTEuOC0xLjY0Ny0xLjgtMS4yNTIgMC0yLjIzMyAxLjI3LTIuMjMzIDIuODk0IDAgLjc5Ny4yMTEgMS4zOTIuMzA3IDEuNjItLjE1OC42Ny0xLjA5NSA0LjY0My0xLjI3MyA1LjM5Mi0uMTAzLjQzOC0uNzIyIDMuODkzLjMwMyA0LjE2NyAxLjE1Mi4zMSAyLjE4MS0zLjA1NSAyLjI4Ni0zLjQzNS4wODUtLjMxMS4zODItMS40NzkuNTY0LTIuMTk3LjU1Ni41MzUgMS40NTIuODk4IDIuMzIzLjg5OCAxLjY0MiAwIDMuMTItLjc0IDQuMTU5LTIuMDgyIDEuMDA4LTEuMzAxIDEuNTY0LTMuMTE1IDEuNTY0LTUuMTA3IDAtMS41NTctLjY2OS0zLjA5My0xLjgzNS00LjIxMnoiLz4KPC9zdmc+Cg==") } .icon-user { width: 60px; height: 60px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1OTUuMjgxIiBoZWlnaHQ9IjU5NS4yOCIgdmlld0JveD0iMCAxMjMuMzA1IDU5NS4yODEgNTk1LjI4Ij4KICA8cGF0aCBmaWxsPSIjRDZENkQ2IiBkPSJNNTA4LjEwNSAyMTAuNDgyYy01Ni4yMTktNTYuMjE3LTEzMC45NjMtODcuMTc3LTIxMC40NjUtODcuMTc3LTc5LjUwMiAwLTE1NC4yNDYgMzAuOTYtMjEwLjQ2NCA4Ny4xNzdDMzAuOTYgMjY2LjY5OSAwIDM0MS40NDIgMCA0MjAuOTQ1czMwLjk2IDE1NC4yNDYgODcuMTc2IDIxMC40NjNjNTYuMjE4IDU2LjIxNyAxMzAuOTYyIDg3LjE3OCAyMTAuNDY0IDg3LjE3OCA3OS41MDIgMCAxNTQuMjQ2LTMwLjk2MSAyMTAuNDY1LTg3LjE3OCA1Ni4yMTUtNTYuMjE3IDg3LjE3Ni0xMzAuOTYgODcuMTc2LTIxMC40NjNzLTMwLjk2MS0xNTQuMjQ2LTg3LjE3Ni0yMTAuNDYzek0yOTcuNjQgNjgzLjcwNmMtNzcuNzQ2IDAtMTQ3LjcwMS0zMy45NTItMTk1Ljg1Mi04Ny43OTMgMjkuODUyLTc5LjEzOSAxMDYuMjY3LTEzNS40MzggMTk1Ljg1Mi0xMzUuNDM4LTU3Ljc5MSAwLTEwNC42MzktNDYuODQ4LTEwNC42MzktMTA0LjYzOXM0Ni44NDgtMTA0LjY0IDEwNC42MzktMTA0LjY0IDEwNC42MzkgNDYuODQ5IDEwNC42MzkgMTA0LjY0LTQ2Ljg0OCAxMDQuNjM5LTEwNC42MzkgMTA0LjYzOWM4OS41ODYgMCAxNjYgNTYuMjk5IDE5NS44NTIgMTM1LjQzOC00OC4xNTEgNTMuODQxLTExOC4xMDYgODcuNzkzLTE5NS44NTIgODcuNzkzeiIvPgo8L3N2Zz4K") } .icon-user-head { width: 23px; height: 23px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIzNHB4IiBoZWlnaHQ9IjM0cHgiIHZpZXdCb3g9IjQzLjUgMCAzNCAzNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyA0My41IDAgMzQgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik03Mi41MjEsMjEuOTc5Yy0xLjg1Mi0xLjg1Mi00LjA1Ny0zLjIyMi02LjQ2MS00LjA1MWMyLjU3Ni0xLjc3NCw0LjI2OC00Ljc0Myw0LjI2OC04LjFDNzAuMzI4LDQuNDA5LDY1LjkyLDAsNjAuNSwwDQoJCQljLTUuNDE5LDAtOS44MjgsNC40MDktOS44MjgsOS44MjhjMCwzLjM1NywxLjY5Miw2LjMyNSw0LjI2OCw4LjFjLTIuNDA1LDAuODI5LTQuNjA5LDIuMTk5LTYuNDYsNC4wNTENCgkJCUM0NS4yNjksMjUuMTg5LDQzLjUsMjkuNDU5LDQzLjUsMzRoMi42NTZjMC03LjkwOSw2LjQzNS0xNC4zNDQsMTQuMzQ0LTE0LjM0NFM3NC44NDQsMjYuMDkxLDc0Ljg0NCwzNEg3Ny41DQoJCQlDNzcuNSwyOS40NTksNzUuNzMxLDI1LjE4OSw3Mi41MjEsMjEuOTc5eiBNNjAuNSwxN2MtMy45NTUsMC03LjE3Mi0zLjIxNy03LjE3Mi03LjE3MnMzLjIxNy03LjE3Miw3LjE3Mi03LjE3Mg0KCQkJYzMuOTU1LDAsNy4xNzIsMy4yMTcsNy4xNzIsNy4xNzJTNjQuNDU1LDE3LDYwLjUsMTd6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=")} .icon-search-list { width: 23px; height: 23px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxMzcxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICB3aWR0aD0iNjgyLjY2NjY5IgogICBoZWlnaHQ9IjY4Mi42NjY2OSIKICAgdmlld0JveD0iMCAwIDY4Mi42NjY2OSA2ODIuNjY2NjkiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnMKICAgICBpZD0iZGVmczEzNzUiPjxjbGlwUGF0aAogICAgICAgY2xpcFBhdGhVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICAgICBpZD0iY2xpcFBhdGgxMzg5Ij48cGF0aAogICAgICAgICBkPSJNIDAsNTEyIEggNTEyIFYgMCBIIDAgWiIKICAgICAgICAgaWQ9InBhdGgxMzg3IiAvPjwvY2xpcFBhdGg+PC9kZWZzPjxnCiAgICAgaWQ9ImcxMzc3IgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDY4Mi42NjY2NykiPjxnCiAgICAgICBpZD0iZzEzNzkiCiAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNjgsMTMyKSI+PHBhdGgKICAgICAgICAgZD0iTSAwLDAgSCAtNjgiCiAgICAgICAgIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjQwO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgICAgICBpZD0icGF0aDEzODEiIC8+PC9nPjxnCiAgICAgICBpZD0iZzEzODMiPjxnCiAgICAgICAgIGlkPSJnMTM4NSIKICAgICAgICAgY2xpcC1wYXRoPSJ1cmwoI2NsaXBQYXRoMTM4OSkiPjxnCiAgICAgICAgICAgaWQ9ImcxMzkxIgogICAgICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMCwxMzIpIj48cGF0aAogICAgICAgICAgICAgZD0iTSAwLDAgQyAwLDEzLjgwNyAxMS4xOTMsMjUgMjUsMjUgMzguODA3LDI1IDUwLDEzLjgwNyA1MCwwIDUwLC0xMy44MDcgMzguODA3LC0yNSAyNSwtMjUgMTEuMTkzLC0yNSAwLC0xMy44MDcgMCwwIgogICAgICAgICAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgICAgIGlkPSJwYXRoMTM5MyIgLz48L2c+PGcKICAgICAgICAgICBpZD0iZzEzOTUiCiAgICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDAyLDI1OSkiPjxwYXRoCiAgICAgICAgICAgICBkPSJNIDAsMCBIIC0yMDIiCiAgICAgICAgICAgICBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDo0MDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICAgICAgICAgIGlkPSJwYXRoMTM5NyIgLz48L2c+PGcKICAgICAgICAgICBpZD0iZzEzOTkiCiAgICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLDI1OSkiPjxwYXRoCiAgICAgICAgICAgICBkPSJNIDAsMCBDIDAsMTMuODA3IDExLjE5MywyNSAyNSwyNSAzOC44MDcsMjUgNTAsMTMuODA3IDUwLDAgNTAsLTEzLjgwNyAzOC44MDcsLTI1IDI1LC0yNSAxMS4xOTMsLTI1IDAsLTEzLjgwNyAwLDAiCiAgICAgICAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICAgICAgaWQ9InBhdGgxNDAxIiAvPjwvZz48ZwogICAgICAgICAgIGlkPSJnMTQwMyIKICAgICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MDIsMzc5KSI+PHBhdGgKICAgICAgICAgICAgIGQ9Ik0gMCwwIEggLTIwMiIKICAgICAgICAgICAgIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjQwO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgICAgICAgICAgaWQ9InBhdGgxNDA1IiAvPjwvZz48ZwogICAgICAgICAgIGlkPSJnMTQwNyIKICAgICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAsMzc5KSI+PHBhdGgKICAgICAgICAgICAgIGQ9Ik0gMCwwIEMgMCwxMy44MDcgMTEuMTkzLDI1IDI1LDI1IDM4LjgwNywyNSA1MCwxMy44MDcgNTAsMCA1MCwtMTMuODA3IDM4LjgwNywtMjUgMjUsLTI1IDExLjE5MywtMjUgMCwtMTMuODA3IDAsMCIKICAgICAgICAgICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgICAgICBpZD0icGF0aDE0MDkiIC8+PC9nPjxnCiAgICAgICAgICAgaWQ9ImcxNDExIgogICAgICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5OCwxODcpIj48cGF0aAogICAgICAgICAgICAgZD0ibSAwLDAgYyAtMzguNjYsMCAtNzAsLTMxLjM0IC03MCwtNzAgMCwtMzguNjYgMzEuMzQsLTcwIDcwLC03MCAzOC42NiwwIDcwLDMxLjM0IDcwLDcwIEMgNzAsLTMxLjM0IDM4LjY2LDAgMCwwIFoiCiAgICAgICAgICAgICBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDo0MDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICAgICAgICAgIGlkPSJwYXRoMTQxMyIgLz48L2c+PGcKICAgICAgICAgICBpZD0iZzE0MTUiCiAgICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkxLDIwKSI+PHBhdGgKICAgICAgICAgICAgIGQ9Im0gMCwwIGggLTIzMSBjIC0yMi4wOTIsMCAtNDAsMTcuOTA4IC00MCw0MCB2IDM5MiBjIDAsMjIuMDkxIDE3LjkwOCw0MCA0MCw0MCBoIDM5MiBjIDIyLjA5MiwwIDQwLC0xNy45MDkgNDAsLTQwIFYgMjA2IgogICAgICAgICAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6NDA7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICAgICAgICBpZD0icGF0aDE0MTciIC8+PC9nPjxnCiAgICAgICAgICAgaWQ9ImcxNDE5IgogICAgICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQzMyw3OSkiPjxwYXRoCiAgICAgICAgICAgICBkPSJNIDAsMCA2NSwtNjUiCiAgICAgICAgICAgICBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDo0MDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICAgICAgICAgIGlkPSJwYXRoMTQyMSIgLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+Cg==") } .icon-gift-create { width: 23px; height: 23px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMwLjYxN3B4IiBoZWlnaHQ9IjMxLjA3NnB4IiB2aWV3Qm94PSI0NS4xODYgMS40NTQgMzAuNjE3IDMxLjA3NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyA0NS4xODYgMS40NTQgMzAuNjE3IDMxLjA3NiINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNNzMuMjA1LDExLjAyN2gtMC42MDdjLTAuMzY3LDAtMC42NjQtMC4yOTctMC42NjQtMC42NjRjMC0wLjM2NywwLjI5Ny0wLjY2NCwwLjY2NC0wLjY2NGgwLjYwN1Y5LjA5Mg0KCWMwLTAuMzY2LDAuMjk3LTAuNjY0LDAuNjYzLTAuNjY0czAuNjY0LDAuMjk3LDAuNjY0LDAuNjY0djAuNjA3aDAuNjA3YzAuMzY2LDAsMC42NjMsMC4yOTcsMC42NjMsMC42NjQNCgljMCwwLjM2Ni0wLjI5NywwLjY2NC0wLjY2MywwLjY2NGgtMC42MDd2MC42MDdjMCwwLjM2Ny0wLjI5OCwwLjY2NC0wLjY2NCwwLjY2NHMtMC42NjMtMC4yOTctMC42NjMtMC42NjRWMTEuMDI3eiBNNjkuMTY1LDEzLjc5Nw0KCWgtMC4zOThjLTAuMzY2LDAtMC42NjQtMC4yOTctMC42NjQtMC42NjRjMC0wLjM2NiwwLjI5OC0wLjY2NCwwLjY2NC0wLjY2NGgwLjM5OHYtMC4zOThjMC0wLjM2NiwwLjI5OC0wLjY2NCwwLjY2My0wLjY2NA0KCWMwLjM2NywwLDAuNjY0LDAuMjk3LDAuNjY0LDAuNjY0djAuMzk4aDAuMzk4YzAuMzY3LDAsMC42NjQsMC4yOTcsMC42NjQsMC42NjRjMCwwLjM2Ny0wLjI5NywwLjY2NC0wLjY2NCwwLjY2NGgtMC4zOTh2MC4zOTgNCgljMCwwLjM2Ni0wLjI5NywwLjY2NC0wLjY2NCwwLjY2NGMtMC4zNjUsMC0wLjY2My0wLjI5Ny0wLjY2My0wLjY2NFYxMy43OTd6IE03MS41MDYsMzIuNTI5SDQ5LjAzMw0KCWMtMC4zNjcsMC0wLjY2NC0wLjI5Ny0wLjY2NC0wLjY2NHYtMTMuOWwtMC41NzUsMC4yMzRjLTAuMzQsMC4xMzgtMC43MjctMC4wMjUtMC44NjUtMC4zNjVsLTEuNjk0LTQuMTYzDQoJYy0wLjEzOC0wLjM0LDAuMDI1LTAuNzI3LDAuMzY1LTAuODY1bDUuODI1LTIuMzcxYy0yLjA3My0xLjI0OC0yLjM2Mi0yLjc1Ni0xLjgyLTQuMDQyYzAuNjM1LTEuNTA2LDIuMzEzLTIuNDY0LDUuNDk0LTEuMTI0DQoJYzAuMzM2LDAuMTQyLDAuNjU5LDAuMjk2LDAuOTY1LDAuNDU5YzAuMTA1LTAuMzMxLDAuMjI4LTAuNjY3LDAuMzctMS4wMDNjMS4zNDEtMy4xODEsMy4yMTItMy42NjcsNC43MTctMy4wMzINCgljMS4yODYsMC41NDIsMi4xMzIsMS44MjMsMS41MTksNC4xNjRsNS44MjYtMi4zNzFjMC4zMzktMC4xMzgsMC43MjcsMC4wMjUsMC44NjUsMC4zNjVsMS42OTMsNC4xNjMNCgljMC4xMzksMC4zNC0wLjAyNSwwLjcyNy0wLjM2NSwwLjg2NWwtMTYuMTkyLDYuNTg5aDE3LjAwOGMwLjM2NSwwLDAuNjYzLDAuMjk3LDAuNjYzLDAuNjY0djE1LjczDQoJQzcyLjE2OSwzMi4yMzIsNzEuODcxLDMyLjUyOSw3MS41MDYsMzIuNTI5eiBNNTcuMTU0LDguMTA0Yy0wLjI5My0wLjI3NS0wLjYzOS0wLjU0NC0xLjAyOC0wLjc5Nw0KCWMtMC4wMDctMC4wMDQtMC4wMTQtMC4wMDktMC4wMjEtMC4wMTNDNTUuNjUsNyw1NS4xMzgsNi43MjgsNTQuNTgzLDYuNDk0QzUyLjQ0LDUuNTksNTEuMjU1LDUuODk2LDUwLjgyOCw2LjkxDQoJYy0wLjQxOCwwLjk5MywwLjE4MiwxLjk3OSwyLjIxOCwyLjg2Nkw1Ny4xNTQsOC4xMDR6IE02My40NjEsMzEuMjAxaDcuMzgxVjE2Ljc5OGgtNy4zODFWMzEuMjAxeiBNNjIuMTMzLDE2Ljc5OGgtMy43Mjh2MTQuNDAzDQoJaDMuNzI4VjE2Ljc5OHogTTUzLjgxMSwxMC44OThsLTcuMDk2LDIuODg4bDEuMTk0LDIuOTMzbDAuODY0LTAuMzUyYzAuMDA3LTAuMDAzLDAuMDE1LTAuMDA2LDAuMDIyLTAuMDA5bDIuMDUtMC44MzQNCgljMC4wMDctMC4wMDMsMC4wMTUtMC4wMDYsMC4wMjItMC4wMDlsNC4xMzgtMS42ODRMNTMuODExLDEwLjg5OHogTTU4LjQ3OSw3LjU2NWwyLjU3MS0xLjA0NmMwLjgzNy0yLjA1OCwwLjU3OS0zLjE4Mi0wLjQxNC0zLjYNCgljLTEuMDE0LTAuNDI4LTIuMDc1LDAuMTgxLTIuOTc5LDIuMzI0Yy0wLjE3MiwwLjQwOS0wLjMxNCwwLjgxNi0wLjQyNCwxLjIxNEM1Ny43MjMsNi44MTEsNTguMTQzLDcuMTg3LDU4LjQ3OSw3LjU2NXoNCgkgTTU2LjIzNCwxMy4zMzFsNS4wMTUtMi4wNDFsLTEuMTk0LTIuOTMzbC0xLjUyMSwwLjYxOWMtMC4wMDgsMC4wMDMtMC4wMTYsMC4wMDYtMC4wMjMsMC4wMDlsLTMuNDY5LDEuNDEyTDU2LjIzNCwxMy4zMzF6DQoJIE01Ny4wNzcsMTYuNzk4aC01Ljg0MmwtMS41MzgsMC42MjZ2MTMuNzc3aDcuMzhWMTYuNzk4eiBNNjIuNDc5LDEwLjc5bDcuMDk2LTIuODg4bC0xLjE5My0yLjkzM2wtNy4wOTYsMi44ODhMNjIuNDc5LDEwLjc5eiIvPg0KPC9zdmc+DQo=") } .icon-unlimited {width: 25px; height: 23px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMS44NzQiIGhlaWdodD0iMTQuODc2IiB2aWV3Qm94PSI0NC41NjMgOS41NjMgMzEuODc0IDE0Ljg3NiI+CiAgPHBhdGggZD0iTTc2LjQzOCAxN2MwIDQuMTA3LTMuMzMgNy40MzgtNy40MzggNy40MzgtMS45NzMgMC0zLjg2My0uNzgzLTUuMjYtMi4xNzhsLS4wMzktLjA1NC03Ljk2OS04Ljk3OGMtLjY3LS42NzEtMS41MDQtMS4xNDItMi40MDYtMS4zNzUtLjQzLS4xMS0uODc1LS4xNjctMS4zMjYtLjE2Ni0yLjkzNCAwLTUuMzEzIDIuMzc4LTUuMzEzIDUuMzEzIDAgMi45MzUgMi4zNzcgNS4zMTMgNS4zMTMgNS4zMTMgMS40LjAwNCAyLjc0My0uNTUxIDMuNzMyLTEuNTQxbDEuMTI5LTEuMjc0Yy4zODktLjQ0IDEuMDYxLS40ODEgMS41LS4wOTMuNDQxLjM4OS40ODEgMS4wNjEuMDk0IDEuNUw1Ny4zIDIyLjIwOGwtLjA0LjA1NGMtMi45MDQgMi45MDQtNy42MTMgMi45MDQtMTAuNTE4IDAtMi45MDUtMi45MDQtMi45MDUtNy42MTQgMC0xMC41MTkgMS4zOTUtMS4zOTUgMy4yODctMi4xNzkgNS4yNi0yLjE3OSAxLjk3NS0uMDA3IDMuODY5Ljc3NyA1LjI2IDIuMTc4bC4wMzkuMDUzIDcuOTY5IDguOTc5Yy45ODguOTkgMi4zMzIgMS41NDUgMy43MzEgMS41NDEgMi45MzUgMCA1LjMxMy0yLjM3OSA1LjMxMy01LjMxMyAwLTIuOTM0LTIuMzc5LTUuMzEzLTUuMzEzLTUuMzEzLTEuMzk5LS4wMDUtMi43NDMuNTUtMy43MzEgMS41NDFsLTEuMTI5IDEuMjc1Yy0uMzkuNDQtMS4wNjIuNDgyLTEuNS4wOTMtLjQ0LS4zODktLjQ4Mi0xLjA2MS0uMDk1LTEuNTAxbDEuMTU2LTEuMzAxLjAzOS0uMDUzYzIuOTAzLTIuOTA1IDcuNjEyLTIuOTA1IDEwLjUxOSAwIDEuMzk0IDEuMzkyIDIuMTc4IDMuMjg0IDIuMTc4IDUuMjU3eiIvPgo8L3N2Zz4K")} .spacing-section-110 { padding-bottom: 80px } .separateur { height: 4px; background: #d7d7d7; display: block; margin: 65px auto; width: 200px; max-width: 100%; border-radius: 4px} .paddLR25 { padding-left: 25px; padding-right: 25px } .paddTB25 { padding-top: 25px; padding-bottom: 25px } .bg_section_v2 { position: relative; background:#fbf3ef; padding: 60px 0; margin-bottom: 80px} .bg_section_v2 .bloc-divider-top { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; line-height: 0;} .bg_section_v2 .bloc-divider-top svg { position: relative; display: block; width: calc(100% + 1.3px); height: 18px;} .bg_section_v2 .bloc-divider-top .shape-fill { fill: #FFFFFF;} .bg_section_v2 .bloc-divider-bottom { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg);} .bg_section_v2 .bloc-divider-bottom svg { position: relative; display: block; width: calc(100% + 1.3px); height: 18px;} .bg_section_v2 .bloc-divider-bottom .shape-fill { fill: #FFFFFF;} @media all and (max-width:1180px) { .paddLR25 { padding-left: 0; padding-right: 0 } .paddTB25 { padding-top: 0; padding-bottom: 0 } } @media all and (max-width:989px) { .spacing-section-110 { padding-bottom: 60px } .bg_section_v2 { margin-bottom: 60px; padding: 40px 0} .bg_section_v2 .bloc-divider-top svg { height: 10px; } .bg_section_v2 .bloc-divider-bottom svg { height: 10px; } } .main_banner { position: relative; text-align:left; background: var(--colorTheme-light) !important; color:var(--colorBlack); margin: 0 auto 50px; overflow: hidden } .main_banner.nomarginB { margin-bottom: 0} .main_banner .row { z-index: 10; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; min-height: 440px; padding-top: 30px; padding-bottom: 30px} .main_banner .content { padding-left: 30px;} .main_banner .h1 { padding-bottom: 15px; } .main_banner .h1 h1 { font-size: 32px; line-height:38px; font-weight: 700; } .main_banner .h1 h1 span { display: block;} .main_banner .h1 .second_line { font-size: 20px; line-height:27px; font-weight: 600; display: block; padding:5px 0 10px} .main_banner .h1 .second_line span { text-decoration: underline; text-decoration-color:#434343} .main_banner .text { font-size:15px; margin-bottom: 35px; max-width:550px; } .main_banner .text .intro { font-weight: 600; padding-bottom: 10px; font-size: 16px;} .main_banner .text span.adv { padding-right: 20px; } .main_banner .text span.adv:last-child { padding-right: 0} .main_banner .text strong { font-weight: 600} .main_banner .text.nomarginB { margin-bottom: 0 !important;} .main_banner .reassurance { font-weight: 500; color:var(--colorBlack); padding-bottom: 10px; font-size: 13px; line-height: 15px; display: flex; align-items: center } .main_banner .reassurance [class^="icon-"] { margin-right: 7px;} .main_banner .button { margin: 0 -5px} .main_banner .button a { margin: 0 5px 13px;; } .main_banner .button a.btn-primary { background-color:var(--color_orange) !important; } .main_banner .button a.btn-primary:hover { background: #e0533d !important; } .main_banner .button a:last-child { margin-bottom: 0} .main_banner .img { position: absolute; top:0; bottom: 0; left: 50%;} .main_banner .img img { max-width: inherit; height: 100%; width: auto; } .main_banner .btn-secondary { background:#fff; color:#232323 !important; border-color:#fff; font-weight: 500} .main_banner .btn-secondary:hover { border-color:#000;} #home .main_banner .row { min-height: 500px; } #home .main_banner .h1 h1 { padding-bottom: 15px} .main_banner .ressurance_bouton { padding-top: 20px; font-weight: 600} @media all and (max-width:1300px) { .main_banner .content { padding-left: 20px;} .main_banner .img { left:50%} } @media all and (max-width:1180px) { .main_banner .content { padding-left: 0; } .main_banner .h1 .second_line br, .main_banner h1 br { display: none} } @media all and (max-width:989px) { .main_banner .content { max-width:55%; } .main_banner .text span:nth-child(3).adv { display: block } } @media all and (max-width:767px) { .main_banner .row { flex-direction: row; min-height: 0 !important; padding: 5px 5px 0; display: block} .main_banner .row .col-53 { flex:0 0 100%; max-width: 100%} .main_banner { background: #f9f9f9 !important;} .main_banner .container { padding:15px 20px} .main_banner .h1 { padding-bottom: 10px } .main_banner .h1 h1 { font-size: 23px !important; line-height: 29px !important; font-weight: 600; } .main_banner .subheading { font-size: 18px} .main_banner .content { padding-left: 0; max-width: 100% } .main_banner .text { margin-bottom: 20px; font-size: 1.5rem; max-width: 100%} .main_banner .text BR { display: none} .main_banner .button { max-width: 350px; margin: 0 auto 5px !important;} .main_banner .button a { margin-left: 0; margin-right: 0; } .main_banner .button a.btn-primary:hover { background: var(--color_orange) !important;} .main_banner .button a.btn-secondary { background: #e3e3e3 !important; } .main_banner [class^="btn-"] { padding-left: 12px; padding-right: 15px; width: 100%;} .main_banner .img { position: inherit; top:inherit; right: inherit; bottom:inherit; left: inherit; display: block;overflow: hidden; } .main_banner .img img { width: 100%; height: auto} .main_banner .img .gradient { display: none} .main_banner .h1 .second_line { font-size: 17px !important; line-height: 26px !important; padding-top: 0; padding-bottom: 0} #home .main_banner .button a:last-child { display: none} #home .main_banner .button a:first-child { margin-bottom: 0 !important;} .main_banner .ressurance_bouton { text-align: center; padding-top: 10px} } @media all and (max-width:550px) { .main_banner .img { height: 240px; } } @media all and (max-width:350px) { .main_banner .img { height: 220px} } .divider-shape-hero { position: absolute; bottom: -1px; left: 0; width: 100%; overflow: hidden; line-height: 0;} .divider-shape-hero svg { position: relative; display: block; width: calc(124% + 1.3px); height: 52px;} .divider-shape-hero .shape-fill { fill: #FFFFFF;} @media all and (max-width:850px) { .divider-shape svg { height: 10px;} } .banner_v2 { margin-bottom: 10px;color:#000; position: relative; background: var(--colorTheme-light); } .banner_v2 .breadcrumb {padding-bottom: 30px} .banner_v2 .container { z-index: 10; position: relative } .banner_v2 .container_img { max-width: 1500px; margin: 0 auto; padding:15px 0 50px; min-height: 380px; position: relative} .banner_v2 .container_img .visuel { position: absolute; top:0; right: 0; bottom:0; left:0; text-align: right; padding-right: 50px} .banner_v2 .container_img .visuel img { height: 100%; width: auto; border-radius: 0 } .banner_v2 .container_img .visuel > div { width: 100%; height: 100%; } .banner_v2 .container_img .visuel .img_mobile { display: none } .banner_v2 h1 { font-weight: 700; font-size: 36px; letter-spacing: -0.3px; line-height: 45px; padding:0 350px 5px 0; } .banner_v2 h1 span { display: block} .banner_v2 .text { line-height: 22px; padding:12px 0 25px; max-width: 700px; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .banner_v2 .idea_cat { position: relative; display: flex; z-index: 10; flex-wrap: wrap; margin:-3px -5px; } .banner_v2 .idea_cat > div { cursor: pointer; margin:3px 5px; position: relative} .banner_v2 .idea_cat span.label { white-space: nowrap; background: #fff; color:#000; display: inline-flex; align-items: center; padding: 9px 22px; border-radius: 40px; font-weight: 500; font-size: 14px; } .banner_v2 .idea_cat span.label span { width: 10px; height: 14px; position: relative; top:1px; margin-left: 7px} .banner_v2 .idea_cat .hover { opacity: 0; visibility: hidden; width: max-content; position: absolute; top:110%; left:0px; padding-top:5px; z-index: 100; transition: all 0.2s ease; white-space: nowrap; } .banner_v2 .idea_cat > div:hover .hover {opacity: 1; visibility: visible; } .banner_v2 .idea_cat .conteneur { box-shadow: 0 3px 20px 1px rgba(32,41,49,.07); width: max-content; font-size: 13.5px; line-height: 16px; padding: 15px 15px; text-align: left; background: #fff; border-radius: 15px; } .banner_v2 .hover ul { display: flex; flex-wrap: wrap } .banner_v2 .hover ul li { padding: 5px 10px; flex: 0 0 50%; min-width: 1px } .banner_v2 .hover ul li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block} .banner_v2 .hover ul li a:hover { text-decoration: underline } .banner_v2 .cat_occasion ul, .banner_v2 .cat_univers-bebe ul { width: 180px } .banner_v2 .cat_theme ul, .banner_v2 .cat_relation ul { width: 220px } .banner_v2 .cat_occasion ul li, .banner_v2 .cat_univers-bebe ul li, .banner_v2 .cat_theme ul li { flex: 0 0 100%} .banner_v2 .cat_relation .hover { left:50%; margin-left: -110px;} .banner_v2 .cat_age .hover { left: inherit; right: 0} .banner_v2 .cat_age ul { width: 142px} .banner_v2 .hover.age { left: inherit; right: 0 } .banner_v2 .cat_homepage .conteneur { font-weight: 500; } .banner_v2 .cat_homepage .hover ul { width: 280px;} .banner_v2 .cat_homepage .hover ul li { padding: 7px 10px;} .banner_v2 .cat_homepage .hover ul li a { display: inline } .banner_v2.pages { margin-bottom: 40px; letter-spacing: -0.2px; } #home .banner_v2.pages { margin-bottom: 30px} .banner_v2.pages .container_img .visuel { padding-right: 0} .banner_v2.pages .content { padding-bottom: 30px;} .banner_v2.pages .h1 { font-weight: 400; padding:30px 0 5px;} .banner_v2.pages .h1 h1 { font-weight: 700; display: inline; padding: 0 } .banner_v2.pages .h1, .banner_v2.pages .h1 h1 { font-size: 40px; line-height: 49px; } .banner_v2.pages .text_page { font-size: 17px; padding:12px 0 15px } .banner_v2.pages .text_page .bold { font-weight: 600} .banner_v2.pages .text_page span.underline { text-decoration-color:rgb(255 137 109 / 40%); text-decoration-line: underline; text-decoration-thickness: 3px; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; text-underline-offset: 3px;} .banner_v2.pages .steps {padding: 0 0 0 20px; font-size: 16px;} .banner_v2.pages .steps li { padding: 5px 0} .banner_v2.pages .steps li:before { content:"✓ " } .banner_v2.pages .boutons_cta { padding:30px 0 20px; gap:32px; display: flex; flex-wrap: wrap; align-items: center; } .banner_v2.pages .boutons_cta > div { position: relative} .banner_v2.pages .boutons_cta a.btn-primary { font-size: 16px; box-shadow:0 3px 10px 1px #1e272f38; padding: 16px 60px; } .banner_v2.pages .boutons_cta .second a { text-decoration: underline; font-weight: 500; font-size: 14px} .banner_v2.pages .boutons_cta .emoji { margin-right: 2px; display: none} .banner_v2.pages .liens_cta a { text-decoration: underline } .banner_v2.pages .reassurance { font-size: 14px; font-weight: 500; color:#000; position: absolute; top:calc(100% + 10px); left:0; right: 0; text-align: center } .banner_v2.pages .avis { margin-top: 20px; } .banner_v2.pages .avis div { font-size: 13px; background: #efe6e1; padding: 3px 10px; border-radius: 100px; display: flex; border-radius: 5px;} .banner_v2.pages .avis div img {height: 18px} .banner_v2.pages .avis .txt { padding: 1px 8px;} .banner_v2.pages .avis .cite { font-weight: 500;} .lp_message { font-weight: 600; text-align: center; padding:0px 20px 70px; font-size: 24px; line-height: 31px; margin-top: -50px; z-index: 2; position: relative } .lp_message .container { display: inline-block } .lp_message .message { padding: 0 35px;} .lp_message .pseudo { text-align: right; font-size: 13px; font-weight: 400; line-height: 20px; } .lp_message .infos { display: flex; align-items: center; justify-content: center; padding-bottom: 5px;} .lp_message .infos img { height: 18px; margin: 0 5px} @media all and (max-width:1200px) { .banner_v2 .container_img .visuel { padding-right: 0} .banner_v2 .text { max-width: 100%; padding-right: 370px;} .banner_v2.pages .content { padding-right: 480px; } .banner_v2 h1 { font-size: 35px; line-height: 40px} .banner_v2.pages .boutons_cta { flex-direction: column; gap:14px; align-items: flex-start; text-align: center } .banner_v2.pages .h1 { padding-top: 20px;} .banner_v2.pages .boutons_cta .second { padding-top: 55px } .banner_v2.pages .boutons_cta > div { width: 100%; text-align: left} .banner_v2.pages .reassurance { text-align: left} } @media all and (max-width:1100px) { .banner_v2.pages .content { padding-right: 0px} .banner_v2.pages .h1, .banner_v2.pages .h1 h1 { font-size:30px; line-height: 38px;} .banner_v2.pages .text_page { max-width: 600px} .banner_v2.pages .steps { padding-left: 10px;} .banner_v2.pages .steps li { padding-bottom: 0} .banner_v2.pages .boutons_cta a { font-size: 15px; } .banner_v2.pages .visuel .img_desktop { display: flex; align-items: flex-end; justify-content: flex-end } .banner_v2.pages .visuel .img_desktop img { height: 90%;} } @media all and (max-width:989px) { .banner_v2 { margin-bottom: 30px} .banner_v2 .container_img { min-height: 0} .banner_v2 .container_img .visuel .img_desktop { display: none } .banner_v2 .container_img .visuel .img_mobile { display: flex; align-items: flex-end; justify-content: flex-end } .banner_v2 .container_img .visuel img {height: auto} .banner_v2.pages .h1 .block { display: inline} .banner_v2 h1, .banner_v2 .text { padding-right: 110px; padding-top: 5px; } .banner_v2 h1 { font-size: 30px; line-height: 33px;} .banner_v2 .text:hover { -webkit-line-clamp:inherit; } .banner_v2 .divider-shape-hero svg { height: 22px} .banner_v2 h1 span { display: inline} .banner_v2 .no_img h1, .banner_v2 .no_img .text{ padding-right: 0 } .banner_v2.pages .boutons_cta a { flex-direction: column; gap:14px } .banner_v2 .liens_cta { display: none} .banner_v2.pages .content { padding-bottom: 0} .lp_message { margin-top: -30px; font-size: 17px; line-height: 22px} .lp_message .container { padding: 0} } @media all and (max-width:767px) { .banner_v2 .breadcrumb { padding-bottom: 10px} .banner_v2 .container_img { padding-bottom: 40px;} .banner_v2 .container_img .visuel img {height: 135px; opacity: 0.8} .banner_v2 .container_img { background-size: 270px; background-position: right -130px bottom} .banner_v2.pages .text_page { padding: 14px 0 10px; font-size: 17px; } .banner_v2 .text { font-size: 14px; padding-bottom: 0; margin-bottom: 15px; -webkit-line-clamp:3; padding-top: 5px } .banner_v2 .idea_cat span.label { padding-left: 13px; padding-right: 13px; font-size: 13px} .banner_v2.pages .steps { font-size: 16px; padding-left: 0} .banner_v2.pages .h1, .banner_v2.pages .h1 h1 { font-size: 32px; line-height: 42px} .banner_v2.pages .boutons_cta { padding-top: 20px; gap:9px; max-width: 500px;} .banner_v2.pages .boutons_cta > div { text-align: center} .banner_v2.pages .reassurance { text-align: center; } .banner_v2.pages .boutons_cta a { margin-left: 0; margin-right: 0; padding: 18px 10px !important;} .banner_v2.pages .boutons_cta a.gradient-color { width: 100%; } .banner_v2.pages .boutons_cta .second { padding-left: 10px; text-align: left} .lp_message .pseudo { text-align: center} } @media all and (max-width:389px) { .banner_v2 h1 { font-size: 25px; line-height: 27px; padding-top: 3px} } @media all and (max-width:359px) { .banner_v2 .container_img .visuel .img_mobile {display: none} .banner_v2 h1, .banner_v2 .text { padding-right: 0} } .pb_youpili { max-width: 100%; overflow: hidden; padding: 0 25px; width: 1350px; margin: 0 auto} .bloc-idees-cadeaux .gift-item { width: 260px; padding: 5px 0; margin-right: 24px} .bloc-idees-cadeaux h3 { display: none} .bloc-idees-cadeaux .description { padding-bottom: 20px; text-align: center; font-weight: 600} .bloc-idees-cadeaux .button { text-align: center; padding-top: 20px} .gift_tab .menu ul { display: flex; flex-wrap: wrap; margin-bottom: 10px;} .gift_tab.center .menu ul { justify-content: center } .gift_tab .menu ul li { padding: 6px 5px } .gift_tab .menu ul li a { background-color: #fff; font-weight: 500; border: 1px solid #d7d7d7; cursor: pointer; letter-spacing: -0.2px; padding: 8px 13px 7px; font-size: 13.5px; display: block; white-space: nowrap; border-radius: 10px;} .gift_tab .menu ul li a.actif, .gift_tab .menu ul li a:hover { border:1px solid var(--color_blue); color:var(--color_blue)} .slider-gift .owl-item > div, .slider-gift .main_link { height: 100%} @media all and (max-width:1024px) { .gift_tab.center .menu ul { justify-content: flex-start} .gift_tab .menu { overflow: auto} .gift_tab .menu ul { flex-wrap: nowrap} .bloc-idees-cadeaux .gift-item { width: 230px} .owl-carousel.slider-gift { display: flex; overflow: auto; -ms-overflow-style: none; scrollbar-width: none;} .owl-carousel.slider-gift::-webkit-scrollbar { display: none; } .owl-carousel.slider-gift > div { flex:0 0 260px; margin-right: 20px;} .bloc-idees-cadeaux .button { padding-top: 20px} } @media all and (max-width:650px) { .owl-carousel.slider-gift > div{ flex:0 0 200px} .bloc-idees-cadeaux .subheading { display: none} .bloc-idees-cadeaux .description { display: none} .bloc-idees-cadeaux h2 { padding-bottom:15px !important;} } .slider-nav-page.owl-carousel .owl-nav { top:83.5px; margin-top: 0} .slider-nav-page a { color: #000; text-align: center; display: block; width: 312px} .slider-nav-page .picture { overflow: hidden; border-radius:10px; position: relative; line-height: 0 } .slider-nav-page .picture img { transition: all 0.2s ease;} .slider-nav-page .title { font-size: 16px; line-height: 20px; font-weight: 600; padding-top: 15px; display: block; } .slider-nav-page .description { font-size: 14px; line-height: 18px; padding-top: 8px; display: block;} .slider-nav-page a:hover .picture img { opacity: 0.8 !important; } .slider-nav-page .etiquette { position: absolute; top:0; right: 0; z-index: 10; background: #000; font-size: 12px; border-radius: 0 10px 0 10px; color:#fff; padding: 13px 15px 12px;} .slider-nav-page.cinq-elements { max-width: 995px; margin: 0 auto; } .slider-nav-page.cinq-elements a { width: 230px} .slider-nav-page.cinq-elements.owl-carousel .owl-nav { top:130.5px } .list_advantanges_inline { display: flex; flex-wrap:wrap; padding:15px 0; justify-content: center; font-size: 15px; line-height: 18px; margin:0 -15px 60px; } .list_advantanges_inline > div { font-weight: 600; color:var(--colorBlack); display: flex; align-items: center; padding: 10px 15px; justify-content: center; flex: 0 0 25%; white-space: nowrap } .list_advantanges_inline > div > span:nth-child(1) { margin-right: 10px} .list_advantanges { display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 auto -10px; color:var(--colorBlack); width: 100% } .list_advantanges > li { padding: 15px 10px; flex:0 0 25%; } .list_advantanges .content { height: 100%; width: 100%; text-align: center; display: flex; } .list_advantanges .title { font-weight: 600; padding-bottom: 1px; font-size: 16px; display: block;} .list_advantanges .text { font-size: 14px; line-height: 20px; display: block } .list_advantanges .picto { flex:0 0 32px; } .list_advantanges .picto [class^="icon-"] { top:0px; } .list_advantanges .content { text-align: left} @media all and (max-width:1150px) { .list_advantanges_inline > div { flex:0 0 auto; padding: 10px 25px;} .list_advantanges_inline > div:last-child { display: none } } @media all and (max-width:989px) { .list_advantanges > li { flex:0 0 33.33%} } @media all and (max-width:767px) { .list_advantanges { flex-wrap: nowrap; overflow: auto} .list_advantanges > li { flex:0 0 230px} .list_advantanges_inline { margin-bottom: 15px; font-size: 14px; padding: 10px 0 20px} .list_advantanges_inline > div { flex:0 0 50%; justify-content: flex-start; white-space: inherit; padding: 10px 15px } .list_advantanges_inline .text span { display: block} .list_advantanges_inline > div:last-child { display: block} } .liste_faq { margin: 10px -20px -10px; display: flex; flex-wrap: wrap } .liste_faq > div { padding: 0 20px; flex:0 0 50% } .liste_faq div.question { padding-bottom: 10px;} .liste_faq .respons { display: none; padding-bottom: 30px } .liste_faq [class^="title-"] { display: flex; font-size: 18px; line-height: 25px} .liste_faq [class^="title-"] span.une_question { cursor: pointer; } .liste_faq .icon-arrow-down { width: 15px; height: 10px; transform: rotate(-90deg); margin-right: 6px; top:8px } .liste_faq .open .icon-arrow-down { transform: rotate(0)} .liste_faq .wysiwig { padding: 10px 0 0} .liste_faq .wysiwig p { padding-bottom: 5px} .liste_faq .wysiwig ul li { padding-bottom: 0} @media all and (max-width:767px) { .liste_faq { margin: 0 0 -10px; } .liste_faq > div { padding: 0; flex:0 0 100% } .liste_faq [class^="title-"] { font-size: 1.7rem; line-height: 2.3rem;} } .accordeon-2c { align-items: center; margin-top:15px !important;} .accordeon-2c .content > div { padding: 0 30px; margin-bottom:25px; cursor: pointer; } .accordeon-2c .content > div.open { background:#f9f9f9; border-radius:10px; padding: 30px; cursor: default; margin-bottom: 35px } .accordeon-2c .content > div:last-child { margin-bottom: 0} .accordeon-2c h3 { position: relative; padding-right: 40px } .accordeon-2c h3 .icon-arrow-down { position: absolute; top:50%; right: 0; margin-top: -10px; } .accordeon-2c .content > div.open .icon-arrow-down { transform: rotate(180deg) } .accordeon-2c .content > div .text { display: none} .accordeon-2c .visuel { position: absolute; top:-15px; left:50%; padding: 0 35px; line-height: 0; opacity: 0; visibility: hidden; transition:all 0.2s ease; } .accordeon-2c .visuel img, .image-contenu .visuel img { border-radius: 8% 5% 20% 5% } .accordeon-2c div.open .visuel { opacity: 1; visibility: visible; top:0; transition:all 0.6s ease; } @media (max-width: 989px) { .accordeon-2c { margin-top: 0 !important;} .accordeon-2c .visuel { position: inherit; top:inherit; left:inherit; transition:all 0s ease; opacity: 1; padding: 0; display: none } .accordeon-2c .col-50:nth-child(2) { display: none;} .accordeon-2c .content > div { margin-bottom: 15px; } .accordeon-2c .content > div.open { margin-bottom: 20px;} .accordeon-2c div.open .visuel { top:inherit; display: block; } } @media (max-width: 767px) { .accordeon-2c { margin: 0 -10px; } } .bloc_onglets .tablist, .so_idea_txt .btn_listes { display: flex; flex-wrap: wrap; justify-content: center; } .bloc_onglets .tablist button, .so_idea_txt .btn_listes li a { margin: 0 15px; font-weight: 500; font-size: 14.5px; display: block; white-space: nowrap} .bloc_onglets .tablist button:first-child { margin-left: 0;} .bloc_onglets .tablist button:last-child { margin-right:0;} .bloc_onglets .tablist button.actif, .so_idea_txt .btn_listes li a:hover { color:var(--color_blue); } .bloc_onglets .tab-content { display: none} .bloc_onglets #panel-tab-0 { display: block} .bloc_onglets h3 { font-size: 29px; line-height: 31px; font-weight: 700 } .bloc_onglets .slogan { display: block; font-size: 18px; line-height: 24px; font-weight: 600; padding-top: 6px; padding-bottom: 15px } .bloc_onglets .wysiwig .btn-primary { padding: 13px 22px; font-size: 14px } .bloc_onglets .visuel img {border-radius: 50px } @media all and (max-width:989px) { .bloc_onglets { padding: 0 !important;} .bloc_onglets .row { display: block; overflow: hidden} .bloc_onglets .row .alignVcenter:nth-child(1) { align-self: flex-start; float:left; margin-right: 30px} .bloc_onglets .row .alignVcenter:nth-child(2) { overflow: hidden} .bloc_onglets .tablist { flex-wrap: nowrap; justify-content: flex-start; overflow: auto; margin-bottom: 15px } .bloc_onglets .visuel {width: 115px; height: 115px; overflow: hidden; border-radius: 115px; padding: 0 !important; margin-bottom: 20px; } .bloc_onglets .visuel img { border-radius: 0; object-fit:cover; width: 280px !important; height: 130px } .bloc_onglets .wysiwig .btn-primary { margin-top: 0} .bloc_onglets .tablist button, .so_idea_txt .btn_listes li a { margin: 0 9px} } @media all and (max-width:650px) { .bloc_onglets h3 { font-size: 25px; line-height: 27px; } .bloc_onglets .wysiwig div { text-align: center} .bloc_onglets .visuel { display: none} } .bloc_se { font-size: 13.5px; background: #fff; padding-bottom: 30px } .bloc_se .wysiwig h2 { font-size: 23px; line-height: 28px ; padding-bottom: 5px; font-weight:600; } .bloc_se .wysiwig h2.doublePaddB { padding-bottom: 20px} .bloc_se .wysiwig h3 { font-size: 17px; padding:15px 0 4px;} .bloc_se .wysiwig p { padding-bottom: 0; line-height: 20px} .bloc_se .wysiwig li { padding-bottom: 3px; font-size: 13.5px; } @media all and (max-width:767px) { .bloc_se .wysiwig h2 { font-size: 19px !important; line-height: 22px !important; padding-bottom: 5px !important;} } #cta_suggestions { background: #ededed; padding: 50px 0; overflow: hidden;} #cta_suggestions .heading h2 { padding-bottom: 15px;} #cta_suggestions .subheading { color:#474747; } #cta_suggestions .button { text-align: center; } .liste_suggestions { display: flex; justify-content: center; padding-top: 50px} .liste_suggestions img { max-width: inherit; border-radius:10px; display: block; transition: all .3s ease} .liste_suggestions > div a:hover img { transform: scale(1.02); } .liste_suggestions > div { padding: 0 30px;} .liste_suggestions > div:nth-child(odd) { padding-top: 30px;} .liste_suggestions > div a { position: relative; border-radius: 10px; display: block; overflow: hidden; } .liste_suggestions .picture_sugg:before { content: ""; background: rgba(0,0,0,0); position: absolute; top: 0; left: 0; right: 0; opacity: .05; bottom: 0; z-index: 2; } .liste_suggestions .title_sugg { position: absolute; bottom: 15px; left: 15px; right: 15px; display: flex; justify-content: center; z-index: 5} .liste_suggestions .title_sugg span { text-align: center; text-transform: uppercase; background: #fff; border:1px solid #fff; font-size: 13px; color: #000; font-weight: 500; padding: 9px 17px; line-height: 15px} .liste_suggestions > div a:hover .picture_sugg:before { opacity: 0;} @media all and (max-width:1180px) { .liste_suggestions > div { padding: 0 15px;} .liste_suggestions > div:nth-child(odd) { padding-top: 30px;} .liste_suggestions img { max-width: 200px;} } @media all and (max-width:767px) { .liste_suggestions img { max-width: 160px;} } @media all and (max-width:550px) { .liste_suggestions { flex-wrap: wrap; padding: 30px 10px 0; margin-bottom: -20px} .liste_suggestions > div { flex:0 0 50%; display: none; vertical-align: top; padding: 10px !important;} .liste_suggestions > div:nth-last-child(-n+4) { display: inline-block} .liste_suggestions img { max-width: 100%;} } #liste-naissance h1 { font-size: 28px; line-height: 27px; font-weight: 600; margin-bottom: 15px} #liste-naissance .wysiwig { text-align: center; font-size: 14.5px} #liste-naissance .onglets {max-width: 1350px; padding-left: 30px; padding-right: 30px; margin: 0 auto} #liste-naissance { padding-top:20px; padding-bottom: 50px } #liste-naissance .list-banner { text-align: center} #liste-naissance .list-banner .picture { width: 100px;height: 100px;margin: 0 auto 10px;position: relative; } #liste-naissance .list-banner .picture > div { width: 100%; height: 100%; background-size: cover; background-position: center; border-radius: 100px;} #liste-naissance .bouton { text-align: center; padding: 20px 0} #liste-naissance .bouton a { white-space: nowrap; justify-content: center; background: #1a1a1a; display: inline-flex; align-items: center; gap: 6px; color: white; padding: 13px 40px; border-radius: 50px; font-size: 14px; font-weight: 500; border: none; cursor: pointer; transition: 0.25s ease; } .container_list { background: #f9f9f9; padding: 25px 25px; margin:20px 0 30px;} .category-description { text-align: center; padding:30px 0 5px; } .category-description h3 { font-weight: 500; color:#000; font-size: 15px; line-height: 25px; display: inline-block; padding: 5px 0; } .list_product { display: flex; flex:0 0 50%; flex-wrap: wrap; margin: -6px} .list_product > div { flex:0 0 100%; min-width: 1px} .product_list { padding: 6px; position: relative;} .product_list .containerP { border-radius: 10px; background: #fff; display: block; padding: 10px 12px 0; border: 1px solid #e9e9e9; border-bottom: 2px solid #e3e0e0; position: relative } .product_list .top { position: relative} .product_list .cat { z-index: 2; position: absolute; top:20px; left:20px; right: 20px; color:#000; font-size: 13px; font-weight: 500; letter-spacing:-0.3px; } .product_list .cat .label { display:inline-flex;position: relative; background: #1a1a1a; padding: 5px 12px 4px; border-radius: 7px; max-width: 100%;} .product_list .cat .label span.nbr { color:var(--color_orange); padding-right: 7px; position: relative; top:1px; } .product_list .cat .label span.catlabel { color:#fff; text-decoration: underline; text-decoration-color: #99a1ad;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .product_list .cat .label .aide { position: absolute; top:0; right: 0; background: red; width: 15px; height: 15px; border-radius: 15px;} .product_list .cat .infos { position: absolute; top:100%; font-family: "verdana"; opacity: 0; visibility: hidden; display: block; background: #eff2f6; border-radius: 10px; padding: 8px 10px; font-weight: 400; line-height: 17px } .product_list .cat .ct { display: inline-block; cursor: help; max-width: 100%} .product_list .cat .ct:hover .infos { opacity: 1; visibility: visible} .product_list .top .picture { margin: 0px auto 10px; height: 120px; background-size: auto 100%; background-position: center; background-repeat: no-repeat } .product_list .title { display: -webkit-box; -webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-size: 13px; } .product_list .seller { font-weight: 500; font-size: 13px} .product_list .bottom { height: 77px; padding-bottom: 5px} .product_list .offres { font-size: 14px; color:#7b7b7b; padding: 10px 0 2px } .product_list .price { overflow: hidden; overflow: hidden; white-space: nowrap; color:#ee614b; font-weight: 500} .product_list .price span { font-size: 15px; } .product_list .price strong { color:var(--color_orange); font-weight: 500; font-size: 17px} .product_list .price del { font-size: 12px; padding-left: 2px} .product_list .favourite { position: absolute; top:10px; right: 10px; z-index: 3 } .product_list .favourite img { height: 24px} .product_list.reserved .picture { opacity: .3; filter: blur(1px); } .product_list.reserved .favourite, .product_list.reserved .title { opacity: 0.3 } .product_list .txt-reserved { padding-top: 10px; color:var(--color_orange); font-size: 14px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden} @media all and (min-width: 350px) { .list_product > div { flex: 0 0 50%} } @media all and (min-width: 600px) { .list_product > div { flex:0 0 33.33% } .product_list .top .picture { height: 140px} } @media all and (min-width: 820px) { .list_product > div { flex:0 0 25% } } @media all and (min-width: 1024px) { .list_product > div { flex:0 0 25% } .product_list .top .picture { height: 200px; background-size: auto 85%} .list_product { margin: -8px} .product_list { padding: 8px } } @media all and (min-width: 1180px) { .list_product > div { flex:0 0 20% } } @media all and (min-width: 1366px) { .list_product > div { flex:0 0 16.66% } } @media all and (min-width: 1600px) { .list_product > div { flex:0 0 14.28% } .product_list .top .picture { height: 200px;} } @media all and (min-width: 1800px) { .list_product > div { flex:0 0 12.5% } } @media all and (min-width: 2280px) { .list_product > div { flex:0 0 12.5% } } @media all and (min-width: 2560px) { .list_product > div { flex:0 0 11.11% } } @media all and (max-width:990px) { #liste-naissance .wysiwig br { display: none} } @media all and (max-width:550px) { #liste-naissance { padding-top: 20px} #liste-naissance .list-banner .title-27 { padding-bottom: 0; font-size: 20px !important; line-height: 26px !important;} .heading h2 span { display: inline} #liste-naissance .wysiwig { font-size: 13.5px; } #liste-naissance .wysiwig p { line-height: 22px; } #liste-naissance .onglets .tablist button { margin:0 15px 0 0;} #liste-naissance .category-description { padding-top: 5px} #liste-naissance .category-description h3 { font-size: 14px; line-height: 21px; padding: 0} } .heading_pmodeles h2 { font-size: 28px; line-height:27px; font-weight: 600; color:#000; padding:80px 0 3px; text-align: center} .heading_pmodeles .text { padding-bottom: 15px; color:#000; text-align: center} .liste_modele_univers { margin:0 auto 100px; max-width: 1200px; display: flex; flex-wrap: wrap; justify-content: center } .liste_modele_univers > div { flex:0 0 33.33%; padding:25px 25px;} .liste_modele_univers a { display: block} .liste_modele_univers a img { transition: all 0.3s ease;} .liste_modele_univers a:hover img { transform: scale(1.05)} .liste_modele_univers .img { overflow: hidden; line-height: 0; border-radius: 6px; position: relative} .liste_modele_univers .title { font-size: 16px; line-height: 17px; color:#000; font-weight: 500; padding: 15px 0 10px; } .liste_modele_univers .text { font-size: 14px; line-height: 21px} .liste_modele_univers .owl-nav { margin-top: 0 !important; top:74px !important;} .product { width: 16.66%; padding: 15px; position: relative}.product .containerP { display: block; font-size: 13px; background: #fff; position: relative; transition: all .2s ease; box-shadow: 0 0 1px -1px #d9d9d9}.product .top { position: relative; overflow: hidden; padding-bottom: 100%; border-radius: 10px; margin-bottom: 10px}.product .top .picture { position: absolute; z-index: 0; border: 2px solid #ececec; border-radius: 10px; top: 0; left: 0; right: 0; bottom: 0; transition: all .3s ease; background-size: cover; background-position: center; width: 100%; height: 100%}.product .add_fav .icon-heart { display: none; position: absolute; top: 14px; right: 14px; z-index: 5; width: 22px; height: 20px}.product .add_fav.full .icon-heart,.product.favourite .add_fav .icon-heart-full { display: block}.product .bottom { height: 64px; padding: 0 7px}.product .picture_sugg { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 10px 10px 0}.product .picture_sugg:before { content: ""; background: rgba(0,0,0,1); position: absolute; top: 0; left: 0; right: 0; opacity: .05; bottom: 0; z-index: 2}.product .picture_sugg>div { background-size: cover; background-position: center; display: block; width: 100%; height: 100%; border-radius: 10px; transition: all .3s ease}.product .title_sugg { position: absolute; bottom: 15px; left: 15px; right: 15px; display: flex; justify-content: center; z-index: 5}.product .title_sugg span { background: #fff; border-color: #fff; color: #000; text-transform: uppercase; line-height: 15px; max-width: 100%; padding: 9px 17px; text-align: center; font-weight: 500; display:block;} @media all and (max-width:767px) { .liste_modele_univers > div { flex:0 0 100%; padding: 20px 0} } #modeleF-top { padding:15px 0 70px;} #modeleF-top .gridFarea { display: grid; grid-template-areas: "media title" "media content"; grid-template-columns: 50% 50%; grid-template-rows: auto 1fr;} #modeleF-top .gridhead { grid-area: title; padding-top: 15px;} #modeleF-top .gridmedia { grid-area: media; line-height: 0 } #modeleF-top .gridcontent { grid-area: content; } #modeleF-top .gridmedia img { border-radius:10px; } #modeleF-top .gridhead, #modeleF-top .gridcontent { padding-left: 50px} #modeleF-top .category a {font-size: 13px; color:#43454d } #modeleF-top .rating { display: flex; align-items: center; font-size: 13px; line-height: 1; order: 2 } #modeleF-top .rating span { margin-right: 13px } #modeleF-top .rating a { text-decoration: underline} #modeleF-top .description { padding:5px 0 20px; order: 4; font-size: 14px; color:#000 } #modeleF-top .description a { color:#43454d; text-decoration: underline; margin-left: 2px} #modeleF-top .advantage { background: var(--colorTheme-light); border-radius: 10px; color:var(--colorBlack); padding:20px 25px; display: inline-block; order: 5; max-width: 560px; } #modeleF-top .advantage span { font-weight: 500; display: block; padding-bottom: 5px } #modeleF-top .advantage ul { padding-left: 20px; font-size: 14px; line-height: 1.3 } #modeleF-top .advantage li { list-style: disc; padding: 5px 0 } #modeleF-top .advantage li:last-child { padding-bottom: 0} #modeleF-top .button { padding: 30px 0 20px; order: 6} #modeleF-top .button a.btn-primary { background-color: var(--color_orange);} #modeleF-top .button a.btn-primary:hover { background: #e0533d !important;} #modeleF-top .reassurance_nosub { order: 7} .reassurance_nosub { font-size: 13px; line-height: 17px; align-items: center; display: flex } .reassurance_nosub .icon-heart { margin-right: 10px} @media all and (max-width:989px) { #modeleF-top { padding: 0 0 50px} #modeleF-top .gridFarea { display: block} #modeleF-top .gridcontent { display: flex; flex-direction: column} #modeleF-top .gridhead, #modeleF-top .gridmedia,#modeleF-top .gridcontent { padding-left: 0} #modeleF-top .gridmedia { padding-top: 5px; text-align: center } #modeleF-top .gridmedia img { width: 500px; max-width: 100%} #modeleF-top .title-30 { font-size: 2.6rem; padding-bottom: 8px; order: 1} #modeleF-top .category { display: none} #modeleF-top .button { text-align: center; order: 3; padding: 20px 0 15px} #modeleF-top .reassurance_nosub { order: 4; text-align: center; display: block} #modeleF-top .reassurance_nosub > span:nth-child(1) { display: none;} #modeleF-top .description { display: none } #modeleF-top .advantage { margin-top: 25px; padding: 20px 20px; max-width: 100%} #modeleF-top .button a.btn-primary, #modeleF-top .button a.btn-primary:hover { background: #000 !important;} } @media all and (max-width:500px) { #modeleF-top .reassurance_nosub br { display: none} } .barre_cta { background: #f9e9e9; text-align: center; padding:14px 15px 14px; color:#000; font-size: 14px; line-height: 17px } .barre_cta a { text-decoration: underline} .barre_cta span { font-weight:500; } .gift_theme .container { max-width: 1350px} .list_product_app { display: flex; flex-wrap: wrap; margin: -12px; line-height: 1.5; overflow: hidden } .list_product_app > div { padding: 15px; width:20%; min-width: 1px} .product_list_app { height: 100%; background: #fff; position: relative } .product_list_app:hover .picture div { opacity: 0.5 } .product_list_app .top { padding-bottom: 100%; position: relative; margin-bottom: 12px} .product_list_app .picture { position: absolute; top:0; left:0; right: 0; bottom:0; border-radius: 15px; overflow: hidden; } .product_list_app .picture div { width: 100%; height: 100%; background-size:auto 75%; background-repeat: no-repeat; background-position: center; border-radius: 10px; transition: all 0.2s ease; } .product_list_app .picture div:after { content:""; background: rgba(0, 0, 0, 0.2); height: 100%; opacity: 0.15; position: absolute; width: 100%; top: 0;} .product_list_app .title { color:#222222; font-size: 14px; line-height: 20px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 1px;} .product_list_app .brand { height: 19px; font-size: 12px; text-transform: uppercase; padding-bottom: 1px; overflow: hidden; text-overflow: ellipsis } .product_list_app .price { padding-top: 4px; } .product_list_app .price span.current{ font-size: 15px; font-weight: 600; } .product_list_app .price span.offers { font-size: 13px; font-weight: 500;} .product_list_app .price span.offers span { text-decoration: underline; font-size: 12px } .product_list_app .price del { font-size: 12px; color:#848282; padding-left: 3px } .product_list_app .price a { text-decoration: underline; font-size: 12px; margin-left: 5px} .product_list_app .main_link { display: block; position: relative} .product_list_app .promo { position: absolute; top:12px; left:15px; color:#fff; font-size: 11px; padding: 3px 10px; border-radius: 25px; font-weight: 500; z-index: 2; background:#50998a;} .product_list_app .favourite { position: absolute; top:10px; left: 10px; z-index: 3 } .product_list_app .favourite img { height: 25px} .product_list_app .txt-reserved { padding-top: 4px; color:var(--color_orange); font-size: 14px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden} .product_list_app .bouton_selection { position: absolute; bottom: 0; right: 0; transition: .25s ease; } .product_list_app .bouton_selection span{ background: rgb(34 34 34);color: #fff;padding: 4px 12px 4px 11px;border-radius: 5px 0 10px;letter-spacing: -.3px;font-size: 12.5px;font-weight: 400;display: inline-flex;align-items: center;gap: 4px; } .product_list_app .cat { z-index: 2; position: absolute; top:10px; left:10px; right: 10px; color:#000; font-size: 12px; font-weight: 400; letter-spacing:-0.3px; } .product_list_app .cat .label { display:inline-flex;position: relative; background: #f4ecdf; color:#1a1a1a; padding: 5px 12px 4px; border-radius: 7px; max-width: 100%; font-weight: 500} .product_list_app .cat .label span.nbr { padding-right: 5px; position: relative; top:1px; } .product_list_app .cat .label span.catlabel { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .product_list_app .cat .label .aide { position: absolute; top:0; right: 0; background: red; width: 15px; height: 15px; border-radius: 15px;} .product_list_app .cat .infos { position: absolute; top:110%; font-family: "verdana"; opacity: 0; visibility: hidden; display: block; background: #f4ecdf; border-radius: 10px; padding: 8px 10px; font-weight: 400; line-height: 17px } .product_list_app .cat .ct { display: inline-block; cursor: help; max-width: 100%} .product_list_app .cat .ct:hover .infos { opacity: 1; visibility: visible} .filter_idea { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; flex-wrap: wrap } .filter_idea > div { padding: 4px 0} .filter_idea > div:nth-child(2) { flex: 1; text-align: right} .filter_idea .nbr { font-weight: 600; font-size: 16px; color:#000; } .filter_idea .nbr span.underlineS { text-decoration-color:rgb(81 100 157 / 30%); text-decoration-line: underline; text-decoration-thickness: 3px; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; text-underline-offset: 3px;} .filter_idea .custom_select { width: auto; margin:0 0 0 10px } .button_create { text-align: center; padding:0 20px 20px} .button_create a { font-size: 15px; margin: -15px 0 0px; } .filter_gift .title.cat img { height: 19px } .iso_container { max-width: 1290px; margin: 0 auto} .gift-grid { margin:0 -17.5px; } .so_idea_txt { padding-bottom: 50px} .so_idea_txt.wysiwig p { padding-bottom: 7px} .so_idea_txt.wysiwig [class^="btn-"] { margin-top: 20px !important;} .so_idea_txt h3.idea_orga { padding-top: 20px; } .so_idea_txt .btn_listes { justify-content: flex-start; padding: 0} .so_idea_txt .btn_listes li { list-style: none; padding-bottom: 0} .so_idea_txt .btn_listes a { text-decoration: none;} .slider_idea_selection { padding-top: 20px; overflow: hidden } .slider_idea_selection .suggestion { text-align: center } .slider_idea_selection .picture { width: 120px; height: 120px; border-radius: 120px; overflow: hidden; display: flex; align-items: center; justify-content: center} .slider_idea_selection .picture img { object-fit: cover; border-radius: 150px; transition: all 0.2s ease;} .slider_idea_selection span { display: block; font-weight: 500; font-size: 14.5px; line-height: 18px; padding-top: 8px;} .slider_idea_selection a:hover img { transform:scale(1.05) } .slider_idea_selection .owl-nav { margin-top: -28px !important;} .slider_idea_selection .owl-nav .owl-prev { left: 0 !important; } .slider_idea_selection .owl-nav .owl-next { right: 0 !important; } .idea_cat_random .title { text-align: center } .idea_cat_random .conteneur { max-width: 1024px; margin: 0 auto} .idea_cat_random ul { display: flex; flex-wrap: wrap; justify-content: center; margin:10px -9px 0 } .idea_cat_random li { padding: 6px } .idea_cat_random li a { display: block; border: 1px solid #d7d7d7; background: #fff; padding: 9px 18px; border-radius:20px; font-weight: 500; font-size: 13px; transition: all 0.2s ease; white-space: nowrap } .idea_cat_random li a:hover { background: var(--color_blue); border-color:var(--color_blue); color:#fff; border-color: transparent} .idea_cat_random li a.black { background: #000; color:#fff; } .idea_cat_random li a.black:hover { opacity: 0.85 } .idea_cat_random ul.idea_links { justify-content: flex-start; } @media all and (max-width:1200px) { .list_product_app > div { width:25%} .slider_idea_selection .picture { width: 90px; height: 90px; border-radius: 90px} } @media all and (max-width:850px) { .filter_idea { margin-top: 10px} .filter_idea .nbr .txt { display: none} .list_product_app > div { width:33.33%; padding: 15px 10px } .idea_cat_random ul.idea_links { overflow: auto} } @media all and (max-width:650px) { .button_create a { font-size: 14px; padding: 12px 20px } .list_product_app { margin: -6px -14px;} .list_product_app > div { width:50%; padding: 10px } .product_list_app .title { font-size: 13px; line-height: 18px; } .product_list_app .price { padding-top: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .product_list_app .add.actif, .product_list_app .promo { top: 8px; } .separateur { margin: 45px auto} .idea_cat_random .title { text-align: left} .idea_cat_random .conteneur { overflow: auto} .idea_cat_random ul { flex-wrap: nowrap; justify-content: flex-start; margin:10px 0 0} } #p_search .container { max-width: 1200px; margin: 0 auto } #p_search .container .row .col-50:nth-child(1) { text-align: right} #form_search { border: 1px solid #000; padding: 30px 30px; border-radius:10px; margin-right: 10px; max-width: 420px; display: inline-block; text-align: left; } #form_search .wysiwig { padding-bottom: 20px} #form_search .wysiwig h3 { padding-top: 0} #form_search .wysiwig p { font-size: 14px; line-height: 20px} #form_search form { position: relative} #form_search form input { text-align: left; padding-left: 20px; padding-right: 60px; font-weight: 400; margin: 0; border-radius: 10px; background: #ededed } #form_search button { width: 44px; padding-left: 0; padding-right: 0; position: absolute; top:0; right: 0; bottom:0 } #form_search button[disabled] { background:#999 ; cursor:not-allowed } #form_search button span { display: none} #form_search button.arrow-visible:after { width: 36px !important;} #search_results { margin-top:-10px} #search_results.loading { opacity: .3; transition: opacity .4s ease} #search_results .result { font-size: 13px; line-height: 17px;border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; } #search_results .result:last-child { border-bottom:0 } #search_results .result:hover .title { color:var(--color_orange) } #search_results .result:hover .btn-primary { background-color:var(--color_orange)} #search_results .result > div { padding: 20px 0 } #search_results .thumb { width:85px; float: left;} #search_results .thumb > div { width: 63px; height: 63px; border-radius: 60px; background-size: cover; background-position: center} #search_results .thumb svg { height:63px; width: auto } #search_results .infos { overflow: hidden} #search_results .title { font-weight: 500; font-size: 17px; line-height: 22px; padding-bottom: 3px; color:#000; transition: all 0.3s ease;} #search_results .user { padding-bottom: 2px; font-weight: 500; color:#000 } #search_results .metas span { padding: 0 2px;} #search_results .link { padding-left: 20px !important;} #search_results .link .btn-primary { font-size: 13px; padding-left: 17px; padding-right: 17px; white-space: nowrap} #p_search .pagination { text-align: center; padding: 20px 0 0; color:#000} #p_search .pagination a { margin: 0 5px; font-size: 16px; color:#000} #p_search .pagination span {margin: 0 5px; font-weight: 600} @media all and (max-width:1023px) { #p_search { margin-top: -20px} #search_results .title { text-decoration: underline} #p_search .row { flex-direction: column; margin: 0;} #p_search .row [class^="col"] { max-width: 100%; flex: 0 0 100%; padding: 0 !important; } #p_search .container .row .col-50:nth-child(1) { text-align: center; } #form_search { margin: 0 0 30px; width: 400px; max-width: 100%; padding: 0; border: 0} #form_search .wysiwig { display: none} #form_search form input::-webkit-input-placeholder { color:#000 } #form_search form input::-moz-placeholder {color:#000 } #form_search form input:-ms-input-placeholder { color:#000 } } @media all and (max-width:550px) { #search_results .link { display: none} } .bloc_cms { padding: 70px 0 100px; color:#000 } .bloc_cms.centrer_contenu { max-width:900px; margin:0 auto; } .bloc_cms h1 {padding-bottom: 50px; text-align: center } .bloc_cms h2 { font-weight: 600;} .bloc_cms h3 { font-size: 1.9rem;} .bloc_cms img.wp-image-4394, .bloc_cms img.wp-image-4407 { display: inline-block; vertical-align: middle; } .bloc_cms a { color:#000} #wpadminbar { opacity: 0; transition: all 0.5s ease; top:-20px} #wpadminbar:hover { opacity: 1; top:0} .page-id-4491 .onglets .col-50 .wysiwig ul { display: flex; flex-wrap: wrap ; margin: 0 -5px } .page-id-4491 .onglets .col-50 .wysiwig li { padding:0 5px 0; flex:0 0 50%; font-size: 14px } @media all and (max-width:550px) { .page-id-4491 .onglets .col-50 .wysiwig ul { display: block; margin: 0} .page-id-4491 .onglets .col-50 .wysiwig li { padding: 0} } .blog { color:var(--colorBlack); } .center_blog { max-width: 1100px; margin: 0 auto; padding: 0 20px; } .blog .ct_sidebar { display: flex; margin-bottom: 100px } .blog .content{ flex:1;} .blog .sidebar{ flex:0 0 360px; padding-left: 60px;} .s_sticky { position: sticky; top:140px; } .s_youpili { background: var(--colorTheme-light);; color:#fff; border-radius: 7px; display: block} .s_youpili .visuel { width: 100%; height: 200px; border-radius: 7px 7px 48% 48%; background-repeat: no-repeat !important; background-size: 100% auto !important;} .s_youpili .scontent { padding: 20px 25px } .s_youpili .title { padding-bottom: 15px; font-size: 24px; text-align: center; line-height: 32px; font-weight: 700; } .s_youpili li { margin: 5px 0; font-size: 14px; line-height: 20px; font-weight: 500; background: url(//youpili.fr/wp-content/themes/youpili/assets/images/arrow_right_white.svg) no-repeat left 4px; display: inline-block; padding: 0px 0 5px 25px; background-size: auto 12px; } .s_youpili .bouton { padding-top: 15px; } .s_youpili .bouton > span { display: block; color:#fff; font-size: 14px; line-height: 16px; letter-spacing: .004em; font-weight: 600; padding: 12px 7px; white-space: nowrap; border-radius: 30px; text-align: center;} .s_youpili .bouton span span { padding-left: 2px;} .tax-occasions #header, .single-post #header, body.category #header { background: #fff;} .second_menu { position: sticky; top:66px; left:0; right: 0; z-index: 100; padding: 4px 0; } .second_menu .smenu { display: flex; align-items: center; position: relative } .second_menu .smenu > div.burger { flex:0 0 auto; } .second_menu .smenu > div.burger .sburger { display: flex; align-items: center; padding-right: 40px; } .second_menu .smenu > div.burger .icon { background: url(//youpili.fr/wp-content/themes/youpili/assets/images/settings_13958320.svg) no-repeat; flex:0 0 31px; height: 31px; display: block; background-size: 100% auto; margin-right: 8px } .second_menu .smenu > div.burger .txt { color:#fff; font-weight: 500; white-space: nowrap; font-size: 14px; white-space: nowrap; } .second_menu .smenu > div.burger.is-active .smenu_xl { opacity: 1; visibility: visible } .second_menu .hoverlay_secondmenu { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; width: 100%; height: 200vh; background-color: var(--colorBlack); z-index: 100; transition: all 0.1s ease;} .second_menu .hoverlay_secondmenu.visible { visibility: visible; opacity: 0.2; } .second_menu .smenu_xl { z-index: 1000; position: absolute; top:calc(100% + 2px); left:0; background: #fc686f; border-radius: 0 0 20px 20px; opacity: 0; visibility: hidden } .second_menu .smenu_xl li { border-top:1px solid #fff; } .second_menu .smenu_xl li li a { padding-left: 30px} .second_menu .smenu_xl > ul > li:first-child { border-top:0} .second_menu .smenu_xl a { padding: 6px 15px; display: block; color:#fff; white-space: nowrap; font-size: 14px; min-width: 220px} .second_menu .smenu > div.items { flex:1; text-align: center; overflow: hidden; scrollbar-width: none; -ms-overflow-style: none;} .second_menu .smenu > div.items::-webkit-scrollbar { display: none} .second_menu .smenu .toplinks { text-align: center; display:inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; overflow: hidden; height:44px } .second_menu .smenu .toplinks > li { padding:10px 7px } .second_menu .smenu .toplinks a { color: #fff; border: 1px solid #fff; font-weight: 500; white-space: nowrap; border-radius: 30px; padding: 5px 15px; font-size: 13px; } .second_menu .smenu .toplinks a:hover { background:#fff; color:#fc6c6b;} .blog_blocs { padding: 0 50px;} .blog h2, .blog .bh2 { font-size: 33px; line-height: 28px; font-weight: 700; padding-bottom: 11px;} .blog h2 span, .blog .bh2 span { color:#000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .blog .cat_pres { font-weight: 600; padding-bottom: 25px; font-size: 17px; line-height: 23px; } .gradient-color, .second_menu .smenu_xl { background: #ff7b5b; } .gradient-color:hover { transform: scale(1.04);} .gradient-color.blue { background:#1a1a1a; } .txt-gradient { -webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .articleB h1 { font-size: 37px; line-height: 44px; font-weight: 700; padding-bottom: 20px; } .articleB h2 { font-size: 25px; line-height: 32px; font-weight: 700; padding-bottom: 13px; } .articleB .metas { display: flex; align-items: flex-end; flex-wrap: wrap; padding-bottom: 30px } .articleB .metas .category { color:#fe5338; font-size: 22px; line-height: 22px; font-weight: 600; margin-right: 10px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .articleB .metas .category:hover { text-decoration: underline} .articleB .metas .date { font-size: 13px; line-height: 17px; font-weight: 600; } .articleB .intro { font-size: 18px; line-height: 27px; font-weight: 600; padding-bottom: 15px; } .articleB .the_post_thumbnail { padding-bottom: 50px; text-align: center} .articleB .the_post_thumbnail img { border-radius: 10px; } .articleB .wysiwig { font-size: 15px; line-height: 28px; color:#5a5a5a; padding-bottom: 30px} .articleB .wysiwig.style_fond_gris { background: #f9f9f9; border-radius: 20px; padding: 30px; } .articleB .wysiwig.style_fond_gris h2 { font-size: 20px; line-height: 26px; padding-bottom: 5px } .articleB .wysiwig.no_paddB { padding-bottom: 0} .taxo_banner { padding: 60px 0; margin-bottom: 50px; text-align: center; background: linear-gradient(180deg, rgb(255 248 248) 0%, rgb(249 249 249) 100%)} .taxo_banner h1 { font-size: 47px; line-height: 45px; font-weight: 700; text-transform: uppercase; } .taxo_banner h1:after { content:""; display:block; background: linear-gradient(53deg, rgb(252, 104, 111) 0%, rgba(255, 147, 76, 0.99608) 100%); height: 5px; width: 100px; border-radius: 5px; margin: 20px auto; } .taxo_banner .text { font-size: 15px; max-width: 720px; margin: 0 auto;} #single-blog { padding-top: 50px;} #single-blog .breadcrumbs { font-size: 14px; font-weight: 500; padding-bottom: 10px;} #single-blog .breadcrumbs .gradient-color {-webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } [class^="mf-article"] { margin-bottom: 100px} [class^="mf-article"].nomargB { margin-bottom: 0} [class^="mf-article"] .thumbnail { overflow: hidden; width: 100%; position: relative; border-radius: 7px; line-height: 0 } [class^="mf-article"] .post-title { font-size: 16px; line-height: 22px; font-weight: 600 } [class^="mf-article"] .post-item a { transition: top 0.2s ease; top:0; display: block; width: 100%; height: 100%; position: relative; box-shadow: .25rem .25rem 1.25rem rgb(75 88 109 / 10%); border-radius: 7px; background: #fff } [class^="mf-article"] .post-item a:hover { top:-3px;} [class^="mf-article"] .post-item img { width: 100%; height: 100%; object-fit: cover; } [class^="mf-article"] .owl-carousel .owl-nav button { background: linear-gradient(53deg, rgb(252, 104, 111) 0%, rgba(255, 147, 76, 0.99608) 100%) !important; } [class^="mf-article"] .owl-carousel .owl-nav button:hover { opacity: 1} .link_all { text-align: center; padding-top: 30px;} .link_all a {color: #fff; padding: 9px 20px; display: inline-block; border-radius: 20px; font-size: 14px; font-weight: 500;} .taxo_title_first { max-width: 700px; } .mf-article-1 .conteneur { display: flex; flex-wrap: wrap; margin: -10px} .mf-article-1 .conteneur > .post-item { flex:0 0 33.33%; padding: 10px} .mf-article-1 .div_content { padding: 18px; word-break: break-word;} .mf-article-1 .thumbnail { height: 130px; border-radius:7px 7px 0 0} .mf-article-1 .post-title { font-size: 15px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media all and (min-width:651px) { .mf-article-1.vblock .conteneur > div:first-child { flex:0 0 100% } .mf-article-1.vblock .conteneur > div:first-child .thumbnail { height: 330px; border-radius:7px;} .mf-article-1.vblock .conteneur > div:first-child h3 { z-index: 3; text-wrap: balance; font-size: 18px; line-height: 24px; border-radius: 3px; font-weight: 600; position: absolute; left:40px; bottom: 40px; background: #fff;max-width: 75%; padding:6px 11px } .mf-article-1.vblock .conteneur > div:first-child .div_content { padding: 0} .mf-article-1.vinline .conteneur > .post-item { flex:0 0 100%} .mf-article-1.vinline .post-item a { display: flex; } .mf-article-1.vinline .post-item a:after { content:""; position: absolute; top:50%; margin-top:-18px; right: 18px; width: 36px; height: 36px; background: url(//youpili.fr/wp-content/themes/youpili/assets/images/arrow_right_link.svg) no-repeat;background-size: auto 36px ; } .mf-article-1.vinline .thumbnail { flex:0 0 100px; border-radius: 7px 0 0 7px; height: auto } .mf-article-1.vinline .div_content { padding:25px 90px 25px 30px;} .mf-article-1.vinline .conteneur > .post-item:nth-child(4) { display: none} } .mf-article-3 { overflow: hidden } .mf-article-3 .owl-carousel { margin-top:-10px} .mf-article-3 .post-item { width: 210px; padding: 5px } .mf-article-3 .thumbnail { height: 140px; border-radius:7px 7px 0 0} .mf-article-3 .div_content { padding:18px;} .mf-article-3 .post-title { height: 66px; font-size: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .blog_liste .separation {background: linear-gradient(53deg, rgb(252, 104, 111) 0%, rgba(255, 147, 76, 0.99608) 100%); height: 6px; width: 130px; border-radius: 6px; margin: 60px auto; } .blog_liste h2 span { background: linear-gradient(53deg, rgb(252, 104, 111) 0%, rgba(255, 147, 76, 0.99608) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .blog_liste .sstitre { font-size: 18px; line-height: 21px; font-weight: 700; padding: 0px 0 10px } .blog_liste img { border-radius: 10px; } .share_pinterest { position: absolute; top:10px; left: 10px;} .share_pinterest .pinterest-count { display: none !important;} .pinterest-button .pinterest-count { display: none !important;} .picture_compare { background: #f9f9f9; border-radius: 20px; padding: 20px; display: flex } .picture_compare.product_compare_actif { border-radius: 20px 20px 0 0} .picture_compare > div { flex:1} .picture_compare > div:nth-child(2) { padding-left: 40px; flex:0 0 57%; display: flex; flex-direction: column; justify-content: center;} .picture_compare img { width: 100%; max-width: 300px;} .comparaison .title { text-align: center; font-weight: 600; padding-bottom: 23px; font-size: 18px;} .comparaison .list a { height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 6px 6px 6px 15px; background: #fff; border-radius: 42px;} .comparaison .list > div { padding-bottom: 12px;} .comparaison .list > div:last-child { padding-bottom: 0} .comparaison .list .seller { font-weight: 600; font-size: 14px;} .comparaison .list .price { line-height: 0; align-items: center; height: 30px; color:#fff; padding: 0 10px; border-radius: 30px; font-size: 14px; font-weight:500; display: flex; } .comparaison .list .price span { width: 14px; height: 14px; margin-right: 6px; background: url(//youpili.fr/wp-content/themes/youpili/assets/images/loupe.svg) no-repeat; background-size: 100% auto; } .product_compare { border:1px solid #f3f1f1; border-top:0; padding: 25px 0; border-radius: 0 0 10px 10px;} .product_compare .ct { display: flex; padding: 0 10px; } .product_compare .ct > div { flex:0 0 50%; padding: 0 20px; } .product_compare .title_adv { font-weight: 600; padding: 0 0 8px; font-size: 16px} .product_compare ul { font-size: 14px; line-height: 21px; } .product_compare ul li { padding:4px 0;} .product_compare ul li:last-child { padding-bottom: 0} .product_compare .positif li, .product_compare .negatif li { background: url(//youpili.fr/wp-content/themes/youpili/assets/images/check_plus.svg) no-repeat 0 6px; background-size: 17px auto; padding-left: 30px;} .product_compare .negatif li { background-image: url(//youpili.fr/wp-content/themes/youpili/assets/images/check_moins.svg) } .visuel_liste_image { position: relative } .visuel_liste_image.vertical { max-width: 400px; margin: 0 auto } .blog_galerie { display: flex; flex-wrap: wrap } .blog_galerie > div { flex:0 0 50%; position: relative; padding-bottom: calc(50% - 2px) } .blog_galerie > div .img { position: absolute; top:10px; left:10px; right: 10px; bottom:10px; } .blog_galerie > div .img img { width: 100%; height: 100%; object-fit: contain; border-radius: 0} .blog_liste.galerie .link { text-align: center; padding-top: 20px; color:#000} .blog_liste.galerie .link a { text-decoration: underline; color:#000; font-weight: 500} .comptearebours {text-align: center } .comptearebours .compteur { margin-bottom: 60px; background:#e00315; border-radius: 15px; padding: 35px 20px 25px; color:#fff; } .comptearebours .compteur h2 { padding-bottom: 25px} .comptearebours .compteur .conteneur { display: flex; justify-content: space-between; max-width: 320px; margin: 0 auto } .comptearebours .compteur .conteneur > div {} .comptearebours .compteur .nbr { display: block; font-weight: 600; font-size: 30px; background: #00b67a; color:#fff; padding: 10px 0; border-radius: 5px; width: 80px;} .comptearebours .compteur .txt { display: block; font-weight: 600; font-size: 17px; padding-top: 5px; } .comptearebours .compteur p { padding-top: 20px;} @media all and (max-width:1200px) { .blog .sidebar { padding-left: 40px; flex: 0 0 340px} .blog_blocs { padding: 0 20px !important;} } @media all and (max-width:1200px) { .second_menu .smenu > div.items { overflow: auto; } .second_menu .smenu .toplinks { flex-wrap: nowrap} [class^="mf-article"] .post-item a:hover { top:0px;} } @media (max-width: 1169px) { .second_menu .row { margin: 0} .second_menu .row .col-100 { padding: 0} .second_menu > .container { padding: 0 10px; } .second_menu .smenu_xl { left:-10px; border-radius: 0 0 20px 0; } .second_menu .smenu_xl a { padding:5px 25px} .second_menu .smenu_xl li li a { padding: 5px 45px} } @media all and (max-width:989px) { .blog .ct_sidebar { display: block; margin-bottom: 60px} .blog .sidebar { padding-left: 0; } .s_sticky { position: relative; top:inherit} .s_youpili { display: flex} .s_youpili .visuel { height: auto; border-radius: 7px 0 0 7px; background-size: cover!important;; background-position: center !important;} .taxo_banner .text br { display: none} [class^="mf-article"] { margin-bottom: 60px !important;} } @media all and (max-width:650px) { .s_youpili { display: block; max-width: 380px; margin: 0 auto} .s_youpili .visuel {height: 200px; border-radius: 7px 7px 48% 48%; } .blog h2, .blog .bh2 { font-size: 28px; line-height: 31px} .blog .cat_pres { font-size: 16px; line-height: 22px} .taxo_banner { padding: 40px 0} .taxo_banner h1 { font-size: 37px; line-height: 41px} .blog_blocs { padding: 0 !important;} .mf-article-1 .post-title { font-size: 16px} .mf-article-1 .conteneur > .post-item { flex:0 0 50%} .mf-article-1 .div_content { padding: 14px;} #single-blog { padding-top: 20px;} .articleB h1 { font-size: 29px; line-height: 35px; letter-spacing: -0.3px } .articleB .metas { padding-bottom: 25px;} .articleB .intro { font-size: 17px; line-height: 25px;} .articleB .the_post_thumbnail { padding-bottom: 40px} .picture_compare { display: block} .comparaison .title { padding-top: 30px} .picture_compare > div:nth-child(2) { padding-left: 0} .product_compare .ct { display: block} .product_compare .ct > div:first-child { padding-bottom: 20px} } #wrapper { padding-top: 110px; } html { font-size: 62.5%; } body { font:15px/1.5 var(--font1); color:#000; background: #fff; } #main { padding-bottom: 0} .container { max-width:1400px; margin:0 auto; padding-left:30px; padding-right: 30px } .row { margin:0 var(--marginGridNeg); position: relative; display: flex; flex: 1 1 auto; flex-wrap: wrap; clear: both;} .row [class^="col"] { padding:0 var(--marginGrid); flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%;} .row .col-1{flex:0 0 1%;max-width:1%}.row .col-2{flex:0 0 2%;max-width:2%}.row .col-3{flex:0 0 3%;max-width:3%}.row .col-4{flex:0 0 4%;max-width:4%}.row .col-5{flex:0 0 5%;max-width:5%}.row .col-6{flex:0 0 6%;max-width:6%}.row .col-7{flex:0 0 7%;max-width:7%}.row .col-8{flex:0 0 8%;max-width:8%}.row .col-9{flex:0 0 9%;max-width:9%}.row .col-10{flex:0 0 10%;max-width:10%}.row .col-11{flex:0 0 11%;max-width:11%}.row .col-12{flex:0 0 12%;max-width:12%}.row .col-13{flex:0 0 13%;max-width:13%}.row .col-14{flex:0 0 14%;max-width:14%}.row .col-15{flex:0 0 15%;max-width:15%}.row .col-16{flex:0 0 16%;max-width:16%}.row .col-17{flex:0 0 17%;max-width:17%}.row .col-18{flex:0 0 18%;max-width:18%}.row .col-19{flex:0 0 19%;max-width:19%}.row .col-20{flex:0 0 20%;max-width:20%}.row .col-21{flex:0 0 21%;max-width:21%}.row .col-22{flex:0 0 22%;max-width:22%}.row .col-23{flex:0 0 23%;max-width:23%}.row .col-24{flex:0 0 24%;max-width:24%}.row .col-25{flex:0 0 25%;max-width:25%}.row .col-26{flex:0 0 26%;max-width:26%}.row .col-27{flex:0 0 27%;max-width:27%}.row .col-28{flex:0 0 28%;max-width:28%}.row .col-29{flex:0 0 29%;max-width:29%}.row .col-30{flex:0 0 30%;max-width:30%}.row .col-31{flex:0 0 31%;max-width:31%}.row .col-32{flex:0 0 32%;max-width:32%}.row .col-33{flex:0 0 33.33%;max-width:33.33%}.row .col-34{flex:0 0 34%;max-width:34%}.row .col-35{flex:0 0 35%;max-width:35%}.row .col-36{flex:0 0 36%;max-width:36%}.row .col-37{flex:0 0 37%;max-width:37%}.row .col-38{flex:0 0 38%;max-width:38%}.row .col-39{flex:0 0 39%;max-width:39%}.row .col-40{flex:0 0 40%;max-width:40%}.row .col-41{flex:0 0 41%;max-width:41%}.row .col-42{flex:0 0 42%;max-width:42%}.row .col-43{flex:0 0 43%;max-width:43%}.row .col-44{flex:0 0 44%;max-width:44%}.row .col-45{flex:0 0 45%;max-width:45%}.row .col-46{flex:0 0 46%;max-width:46%}.row .col-47{flex:0 0 47%;max-width:47%}.row .col-48{flex:0 0 48%;max-width:48%}.row .col-49{flex:0 0 49%;max-width:49%}.row .col-50{flex:0 0 50%;max-width:50%}.row .col-51{flex:0 0 51%;max-width:51%}.row .col-52{flex:0 0 52%;max-width:52%}.row .col-53{flex:0 0 53%;max-width:53%}.row .col-54{flex:0 0 54%;max-width:54%}.row .col-55{flex:0 0 55%;max-width:55%}.row .col-56{flex:0 0 56%;max-width:56%}.row .col-57{flex:0 0 57%;max-width:57%}.row .col-58{flex:0 0 58%;max-width:58%}.row .col-59{flex:0 0 59%;max-width:59%}.row .col-60{flex:0 0 60%;max-width:60%}.row .col-61{flex:0 0 61%;max-width:61%}.row .col-62{flex:0 0 62%;max-width:62%}.row .col-63{flex:0 0 63%;max-width:63%}.row .col-64{flex:0 0 64%;max-width:64%}.row .col-65{flex:0 0 65%;max-width:65%}.row .col-66{flex:0 0 66.66%;max-width:66.66%}.row .col-67{flex:0 0 67%;max-width:67%}.row .col-68{flex:0 0 68%;max-width:68%}.row .col-69{flex:0 0 69%;max-width:69%}.row .col-70{flex:0 0 70%;max-width:70%}.row .col-71{flex:0 0 71%;max-width:71%}.row .col-72{flex:0 0 72%;max-width:72%}.row .col-73{flex:0 0 73%;max-width:73%}.row .col-74{flex:0 0 74%;max-width:74%}.row .col-75{flex:0 0 75%;max-width:75%}.row .col-76{flex:0 0 76%;max-width:76%}.row .col-77{flex:0 0 77%;max-width:77%}.row .col-78{flex:0 0 78%;max-width:78%}.row .col-79{flex:0 0 79%;max-width:79%}.row .col-80{flex:0 0 80%;max-width:80%}.row .col-81{flex:0 0 81%;max-width:81%}.row .col-82{flex:0 0 82%;max-width:82%}.row .col-83{flex:0 0 83%;max-width:83%}.row .col-84{flex:0 0 84%;max-width:84%}.row .col-85{flex:0 0 85%;max-width:85%}.row .col-86{flex:0 0 86%;max-width:86%}.row .col-87{flex:0 0 87%;max-width:87%}.row .col-88{flex:0 0 88%;max-width:88%}.row .col-89{flex:0 0 89%;max-width:89%}.row .col-90{flex:0 0 90%;max-width:90%}.row .col-91{flex:0 0 91%;max-width:91%}.row .col-92{flex:0 0 92%;max-width:92%}.row .col-93{flex:0 0 93%;max-width:93%}.row .col-94{flex:0 0 94%;max-width:94%}.row .col-95{flex:0 0 95%;max-width:95%}.row .col-96{flex:0 0 96%;max-width:96%}.row .col-97{flex:0 0 97%;max-width:97%}.row .col-98{flex:0 0 98%;max-width:98%}.row .col-99{flex:0 0 99%;max-width:99%}.row .col-100{flex:0 0 100%;max-width:100%} .alignVcenter { align-self: center;} .text_flash { background:var(--colorTheme-light); text-align: center; padding:12px 15px 11px; font-size: 14px; line-height: 15px; height: 38px; } .text_flash strong { font-weight: 500} .text_flash a:hover { text-decoration: underline; color:#fff;} .breadcrumb { font-size: 12px; font-weight: 500; } .breadcrumb a { color:var(--colorBlack)} .breadcrumb a:hover { text-decoration: underline} .breadcrumb span span:before { content:"> "; font-size: 9px; padding: 0 5px} .breadcrumb span span:first-child:before { display: none} .breadcrumb .breadcrumb_last { display: none;} body.page-template .breadcrumb { display: none} body.page-template-template-liste-fiche .breadcrumb { display: block; background: #fff} .sticky_bottom { background:#fff; box-shadow: 0 -5px 26px 0 rgba(204,204,204,0.5); position: fixed; left:0; right: 0; bottom: 0; z-index:900; text-align: center; padding: 10px; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .sticky_bottom.visible { opacity: 1; visibility: visible} .sticky_bottom a { font-size: 14px; } .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:var(--colorBlack)}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//youpili.fr/wp-content/themes/youpili/assets/styles/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-carousel .owl-stage { transition:all 0.5s ease !important; display: flex } .owl-carousel .owl-dots { text-align: center; padding-top: 10px; margin-bottom: -5px } .owl-carousel .owl-dots .owl-dot { display: inline-block; } .owl-carousel .owl-dots .owl-dot span { width: 11px; height: 11px; border-radius: 11px; margin: 5px 5px; background:#c7c7c7; display: block; transition:all 0.3s ease } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background: var(--color_orange); } .owl-carousel .owl-nav { position:absolute; left:0; right:0; top:50%; margin-top:-19px; } .owl-carousel .owl-nav button { position:absolute; top:0; width: 38px; height: 38px; border-radius: 38px; transition: all 0.3s ease; opacity:1; background:rgba(0,0,0,1) !important; display: flex; justify-content: center; align-items: center } .owl-carousel .owl-nav button:hover { opacity: 0.85 } .owl-carousel .owl-nav .disabled { display:none;} .owl-carousel .owl-prev { left:10px; transform: rotate(-180deg) } .owl-carousel .owl-next { right:10px; } #header { position: fixed; left:0; right: 0; top:0; z-index: 900; background: #fff; padding-bottom: 12px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05); } .htop { display: flex; justify-content: space-between; align-items: center; position: relative; height: 70px; margin-bottom: 2px } .hlogo { line-height: 0; } .hlogo img { width: 126px; height: 34px} .hsearch a { position: relative; display: block; background: #f5f5f5 url(//youpili.fr/wp-content/themes/youpili/assets/images/loupe_noir.svg) no-repeat right 14px center; border:1px solid #d3d3d3; background-size: 22px auto; height: 44px; border-radius: 44px; padding: 0 47px 0 20px; font-weight: 400; font-size: 14px; line-height: 44px; width:470px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .hright { display: flex; align-items: center; flex:1; justify-content: flex-end} .hright .icones { display: flex; align-items: center; line-height: 0; padding-left: 10px} .hright .icones a { display: block} .hright .icones > div {margin-left: 15px } .hright img { width: auto; height: 23px;} .hmiddle { background: #fff} .hmiddle .menup ul { display: flex; justify-content: center; align-items: center; height: 54px; } .hmiddle .menup ul li { padding: 0 20px} .hmiddle .menup a { font-size: 16px; font-weight: 600; white-space: nowrap } .hamburger { display: none; position: absolute;top:15px; left:10px; z-index: 9999; width: 40px; height: 40px; cursor: pointer; } .hamburger .icon-burger { width: 32px; height: 32px; display: block; margin: 0 auto; background-size: 28px 22px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIzIDYgMjIgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMyA2IDIyIDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTMsN2MwLTAuNTUyLDAuNDQ4LTEsMS0xaDIwYzAuNTUzLDAsMSwwLjQ0OCwxLDFzLTAuNDQ3LDEtMSwxSDRDMy40NDgsOCwzLDcuNTUyLDMsN3oiLz4KPHBhdGggZD0iTTMsMTRjMC0wLjU1MiwwLjQ0OC0xLDEtMWgyMGMwLjU1MywwLDEsMC40NDgsMSwxYzAsMC41NTMtMC40NDcsMS0xLDFINEMzLjQ0OCwxNSwzLDE0LjU1MywzLDE0eiIvPgo8cGF0aCBkPSJNNCwyMGMtMC41NTIsMC0xLDAuNDQ3LTEsMXMwLjQ0OCwxLDEsMWgyMGMwLjU1MywwLDEtMC40NDcsMS0xcy0wLjQ0Ny0xLTEtMUg0eiIvPgo8L3N2Zz4K") } .hoverlay { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; width: 100%; height: 200vh; background-color: var(--colorBlack); z-index: 100; transition: all 0.3s ease;} .hoverlay.visible { visibility: visible; opacity: 0.2; } .hmenu .button-ssmenu { display: block; height: 8px; margin-left: 0 !important;} .xlmenu .menu a:hover { text-decoration: underline} .xlmenu .menu > li { padding-bottom: 15px;} .xlmenu .menu > li:last-child, .xlmenu .menu ul li:last-child { padding-bottom: 0;} .xlmenu .menu li.paddB { padding-bottom:15px} .xlmenu .menu ul { font-size: 13px; padding-top: 5px; } .xlmenu .menu ul li { padding-bottom:4px} .xlmenu ul.inline li { display: inline-block} .xlmenu ul.inline li:after { content:" |"; } .xlmenu ul.inline li.all a { text-decoration:underline; } .xlmenu ul.inline li.all:after { display: none } .xlmenu .niv1 { position: relative; display:block; font-weight: 600; color:var(--colorBlack) } .hmenu > ul > li:first-child > .label { padding-left: 0} .hmenu > ul > li > a, .hmenu > ul > li > .label { cursor:pointer; font-weight: 500; color:#000; white-space: nowrap; letter-spacing: 0.1px; padding:5px 15px; position: relative; display: flex; align-items: center; font-size: 15px; line-height: 16px; } .hmenu > ul > li > .label span { margin-left: 5px; top:1px;} .hmenu .title_f { font-weight: 500; font-family:var(--font1); display: block } .hmenu .sstitle_f { color:#696969; font-size: 12px; line-height: 16px; display:block; padding: 2px 0 10px } @media all and (min-width:1024px) { #hmobile { flex:1; } .hmenu > ul {display: flex; justify-content: center; align-items: center; margin: 0 auto; position: relative } .hmenu > ul > li { padding:0 10px; display: flex; align-items: center; position: relative } .hmenu > ul > li.guide { padding-right: 0} .hmenu > ul > li:hover .xlmenu { display: block;} .hmenu > ul > li:hover > a, .hmenu > ul > li:hover > .label, .hmenu > ul > li.open > .label { color:#ed614b;} .hmenu > ul > li.hide_desktop { display:none; } .xlmenu.other { width: 190px; left: inherit; right: 0; padding:15px 25px} .xlmenu.other li { } .xlmenu.other li { padding: 7px 0; text-align: left } .xlmenu.other li a { display: block; width: 100%; background: #fff; position: relative; font-weight: 500; min-width: 40px; color: #000; border-radius: 30px; font-size: 14px;} .xlmenu.other li a:hover { color:#ed614b; } .menu_idea .xlmenu.other { width: 230px;} .xlmenu { font-size:14px; line-height:19px; position:absolute; left:0px; top:calc(100% - 20px); opacity: 0; visibility: hidden; right: 0; width: 780px; z-index:999; background:#fff; border-radius:10px; box-shadow: 0px 0px 8px 0px rgb(145 145 145 / 50%); } .ssmenu.open .xlmenu { top:calc(100% + 10px); opacity: 1; visibility: visible; transition:all 0.3s ease;} .xlmenu .niv1.paddt10 { padding-top:10px; } .xlmenu .container_parent { display:flex; } .xlmenu .container_parent > div:nth-child(1){ flex:1; padding: 25px; } .xlmenu .container_parent > div:nth-child(2){ padding:15px; flex:0 0 250px; background:#f5f5f5; border-radius:0 10px 10px 0 } .xlmenu .container_child { display:flex; margin: 0 -15px; } .xlmenu .container_child > div { flex:0 0 50%; padding:0 20px; } .xlmenu .container_child.triple > div { flex:0 0 33.33%; padding:0 20px; } .xlmenu .cta { text-align: center; } .xlmenu .cta a { border-radius: 0 0 10px 10px; font-weight: 500; font-size: 13px; display: flex; align-items: center; justify-content: center; padding: 8px 0; background: var(--colorTheme-light);} .xlmenu .cta a span.underline { text-decoration: underline; padding-left: 5px; } .xlmenu .cta .icon-arrow-down-thick { transform: rotate(-90deg); margin-left: 6px; } .xlmenu .cta .icon-heart { width: 16px; height: 16px; margin-right: 6px;} .xlmenu.idea { width: 900px;} .xlmenu.idea .niv1 { font-size: 13px} .container_idea { display: flex} .container_idea > div:nth-child(1){ flex:0 0 220px; padding: 25px; } .container_idea > div:nth-child(2){ flex:1; padding: 25px; background: #faf4f1; border-radius:0 10px 10px 0} .container_idea > div:nth-child(2) .titre { font-weight: 600; font-size: 18px; color:#000; padding-bottom: 5px } .container_idea > div:nth-child(2) .titre .emoji { padding-right: 2px} .xlmenu .onglets li { padding: 7px 0; text-align: left } .xlmenu .onglets li a { display: block; width: 100%; background: #fff; position: relative; font-weight: 500; min-width: 40px; color: #000; border-radius: 30px; font-size: 13.5px;} .xlmenu .onglets li .emoji { padding-right: 5px;} .xlmenu .onglets li a .arrow { position: absolute; top:0px; font-size: 18px; right: 10px; opacity: 0; } .xlmenu .onglets li a.button.actif .arrow, .xlmenu .onglets li a.button:hover .arrow { right:0; opacity: 1} .xlmenu_idea .all { font-size: 13px; } .xlmenu_idea .all a { text-decoration: underline} .xlmenu_idea .menu ul { display: flex; flex-wrap: wrap; margin: 0 -5px; } .xlmenu_idea .menu > li { flex:0 0 33.33%; padding: 9px 0} .xlmenu_idea .menu ul li { padding: 5px; } .xlmenu_idea .menu ul li a {background:#fff; width: auto; font-weight: 400; justify-content: center; color: #000; display: inline-flex; align-items: center; padding: 4px 8px; border-radius: 3px; font-size: 12px; } .xlmenu_idea .menu ul li a:hover { text-decoration: none; background: var(--color_orange); color:#fff;} .xl_more .title { text-align: center; font-size: 15px; font-weight: 600; } .xl_more .text { text-align: center; font-size: 13px; padding-top: 5px;} .xl_more .picture img { width: 100%; height: auto; border-radius: 10px; margin-bottom: 10px; top:0;} .xl_more .button { text-align: center; padding-top: 7px; padding-bottom: 5px} .xl_more .button a { padding: 8px 20px; font-size: 13px; font-weight: 500} .xl_more ul { padding:8px 0 10px;} .xl_more li { display: flex; align-items: flex-start; justify-content: center; font-family: var(--font2); font-weight: normal; font-size: 13px; line-height: 16px;padding-top: 5px; } .xl_more li span {position: relative; top:3px; margin-right: 5px; } } @media all and (max-width:1023px) { #wrapper { padding-top: 72px;} #header { padding-bottom: 0} #header .container { padding: 0} .hlogo { padding-left: 45px} .hlogo img { height: 28px; position: relative; top:2px } .hright .icones { padding-right: 15px} .text_flash { display: none} .hamburger { display: block; } html.menu-open { overflow: hidden;} #hmobile {; position:absolute; top:66px; left:-130%; width:100%; max-width: 600px; z-index: 9998;background:#fff; height:calc(100vh - 66px); padding-bottom: 60px; overflow: auto; transition: all 0.3s ease; } #hmobile.open { left:0px; } .hoverlay { top:72px;} .hmenu .hide_desktop { display: block} .xlmenu { display: none; padding:5px 20px 15px 20px} .xlmenu .menu ul { font-size: 15px; } .hmenu .open .xlmenu { display: block;} .hmenu > ul > li.ssmenu > a { margin-right: 53px;} .hmenu > ul > li .label, .hmenu > ul > li > a { color:#000; display: block; padding:18px 20px !important; font-size: 16px; border-top: 1px solid #c7c7c7; font-weight: 600 } .hmenu > ul > li.idea .label { border: 0} .hmenu .button-ssmenu { position: absolute; top:0 !important; right: 0; height: 53px; display: flex; align-items: center; justify-content: center; width: 53px} .hmenu .button-ssmenu .icon-arrow-down-thick { transform: rotate(-90deg); width: 18px; height: 12px; } .hmenu .open .button-ssmenu .icon-arrow-down-thick { transform: rotate(0) } .xlmenu .niv1 { font-size: 16px} .xlmenu .niv1 a { color:#000;} .xl_more, .xlmenu .cta { display: none;} .xlmenu .menu, .xlmenu .menu > li { padding-bottom: 10px} .xlmenu .menu > li:last-child, .xlmenu .menu ul li:last-child { padding-bottom: 4px} .hmenu .title_f { text-decoration: underline} .xlmenu_idea { display: none} .xlmenu .onglets { padding-top: 0; margin-top: -5px } .xlmenu .onglets .arrow { display: none; } .xlmenu .onglets li:first-child { border: 0 } .xlmenu .onglets li a, .xlmenu.other a {display: block; padding: 8px 0 !important; font-size: 15.5px; font-weight: 500;} .xlmenu .onglets li .emoji { padding-right: 7px; } .hmenu > ul > li.idea .menu ul { overflow: auto; flex-wrap: nowrap; display: flex} .hmenu > ul > li.idea .menu ul li { padding-right: 5px;} .hmenu > ul > li.idea .menu li > a { background: #fff; padding: 5px 10px; border-radius: 30px; white-space: nowrap; font-size: 13px; } .hmenu > ul > li.idea .all a { background: none !important; text-decoration: underline } .xlmenu_idea { background: #faf4f1; margin:20px -20px; padding: 20px;} .container_idea > div:nth-child(2) .titre { font-weight: 600; font-size: 18px; color:#000; padding-bottom: 5px } } @media all and (max-width:989px) { body { font-size:15px } .container { padding-left:25px; padding-right: 25px} .row { flex-direction: column; margin: 0} .row.reverse_mobile [class^="col"]:nth-child(1) { order: 2 } .row.reverse_mobile [class^="col"]:nth-child(2) .visuel { padding-top:0; padding-bottom: 20px } .row [class^="col"] .visuel { padding-top: 30px} .row [class^="col"] .visuel img { width: 500px; max-width: 100%} .row [class^="col"] { max-width: 100%; flex: 0 0 100%; padding: 0 !important; } .row [class^="col"] .col { padding: 0} .row [class^="col"]:last-child { margin-bottom: 0 !important;} .breadcrumb { overflow: auto; white-space: nowrap; } .breadcrumb::-webkit-scrollbar { display: none; } .breadcrumb span:before { padding: 0 3px} .hsearch a { width: 440px; } } @media all and (max-width:767px) { #wrapper { padding-top: 50px;} #header { height: 50px;} .htop { height: 50px;} .hamburger { top:5px;} .hsearch { display: none} .hsearch a { width: 100%;} .hoverlay, #hmobile { top:50px;} } .fixed_barre{ position: fixed; transition: all 0.2s ease; opacity: 0; bottom: -56px; height: 56px; left: 0; right: 0; z-index: 910; text-align: center; padding: 10px 0; background: #faf4f1; box-shadow: -1px -5px 11px 0px rgba(0, 0, 0, 0.1); } .fixed_barre.visible { bottom:0; opacity: 1;} .fixed_barre .txt { font-weight: 500; font-size: 16px; color:#000; padding-right: 10px} .fixed_barre .txt a { text-decoration: underline} .fixed_barre .conteneur {display: flex; justify-content: center; align-items: center; flex-wrap: wrap } .fixed_barre div a.lien_btn { display: block; background: var(--color_orange); text-align: center; margin: 0 10px; font-size: 13.5px; color: #fff; white-space: nowrap; font-size: 14px; font-weight: 500; height: 36px; padding: 0px 15px; border-radius: 5px; letter-spacing: -0.3px; line-height: 36px;} .fixed_barre div a.lien_txt { font-weight: 500; color:#000} .fixed_barre strong { font-weight: 600; color: #364574 ;} @media all and (max-width:800px) { .fixed_barre .txt { } } #fnewsletter { position: relative; background: #f8f8f8; } #fnewsletter .container { padding-top: 20px; padding-bottom:20px; } #fnewsletter .title { font-weight: 600; font-size: 23px; } #fnewsletter .content { padding:40px 0; flex:1; display: flex; align-items: center; color:#000; } #fnewsletter .txt { padding:8px 0 10px;} #fnewsletter .button a { font-weight: 500; padding-top: 5px; padding-bottom: 5px } #fnewsletter .button a:hover { background: #000} #form_newsletter { display: none} #form_newsletter .form { display: flex } #form_newsletter .form input { background: #fff; padding: 14px 27px; max-width: 280px; margin: 0 10px 0 0; font-weight: 500;} #form_newsletter .cgv { padding: 9px 0 0 10px; font-size: 13px;} #form_newsletter .cgv a { text-decoration: underline; color:#595857} #form_newsletter .cgv input { top:1px; margin-right: 2px; position:relative;} #freassurance { padding: 25px 0; background: #fff; } #freassurance .conteneur { display: flex; justify-content: space-between; color:#000; padding: 0 25px} #freassurance .conteneur > div { text-align: center; padding: 0 15px; } #freassurance .conteneur [class^="icon-"] { margin: 0 auto 10px;} #freassurance .label { font-weight: 600; font-size: 16px; line-height: 20px; padding-bottom: 5px; } #freassurance .min { font-size: 14px; line-height: 21px; color:#231e1e;} #footer { color:#000; font-size: 13.5px; line-height: 18px;} #footer a { color:#000; } #footer a:hover { text-decoration: underline} #footer_top { background: var(--colorTheme-light); } #footer_top .container {padding: 30px 50px } #footer_top .conteneur { display: flex; justify-content: space-between; margin-left:-10px } #footer_top .conteneur > div { padding: 0 10px; } #footer_top .conteneur > div{ flex:0 0 28%} #footer_top .conteneur > div:last-child { padding-right: 0; flex:0 0 16%} #footer_top .level1 { font-weight: 600; display: block; padding-bottom: 10px; } #footer_top .level1 a { color:#000; } #footer_top ul li { padding-bottom: 8px; letter-spacing: -0.3px} #footer_top ul li:last-child { padding-bottom: 0 !important;} #footer_top .conteneur > div ul.links { display: flex; margin: 0 -15px; flex-wrap: wrap} #footer_top .conteneur > div ul.links li { flex:0 0 50%; padding-left: 15px; padding-right: 15px} #footer_bottom { font-size: 13px; } #footer_bottom .conteneur { display: flex; justify-content: center; align-items: center; padding: 13px 0; } .flang { position: relative; font-size: 13px; margin-left: 15px; display: inline-block } .flang .current { display: flex; align-items: center; cursor: pointer; border: 1px solid #717171; height: 34px; font-weight: 500; border-radius: 34px; padding: 0 15px} .flang .current .icon-worldwide { margin-right: 7px; } .flang .current .icon-arrow-down { width: 13px; height: 7px; margin-left: 7px; } .flang .hover { position: absolute; right: 0; bottom:100%; opacity: 0; visibility: hidden; transition:all 0.2s ease; padding-bottom: 5px} .flang ul { padding:30px 20px 5px; text-align: right; font-size: 13px; border: 1px solid #000; border-radius: 20px; z-index: 20; background: #fff; font-weight: 500; } .flang li { margin:3px 0;} .flang li a { white-space: nowrap} .flang:hover .hover {opacity: 1; visibility: visible; } .fsocial { display: flex; align-items: center; margin:10px -7px 0; padding-bottom: 15px} .fsocial li { padding: 0 7px !important;} .fsocial svg { height: 22px; width: auto} .fapp li { padding-bottom: 5px !important;} .fapp li a { display: block; line-height: 0; margin-top: 2px } .fapp li img { width: 110px } @media all and (max-width:1420px) { #footer_top .container { border-radius: 0; padding:30px} #freassurance .conteneur { padding: 0; margin: 0 -20px} } @media all and (max-width:989px) { #freassurance .min br { display: none} #freassurance .min { font-size: 13px; line-height:18px; } #footer_top .conteneur { flex-wrap: wrap; } #footer_top .conteneur > div:last-child { flex:0 0 100%; display: flex; align-items: center; justify-content: center; padding-top: 10px; text-align: center} #footer_top .conteneur > div:last-child div:nth-child(2) { padding-left: 20px;} #footer_top .conteneur > div:last-child .level1 { display: none;} #footer_top .conteneur > div:last-child ul { margin-top: 10px; display: block !important;} #footer_top .conteneur > div:last-child ul li { display: inline-block !important; padding: 3px 8px 3px 0 !important; } .fsocial { padding-bottom: 0; margin-top: 5px !important;} .fapp { display: flex; align-items: flex-start } .fapp li { padding-bottom: 0 !important;} .fapp li img { height: 30px; width: auto; margin-right: 10px} .fapp li:last-child img { margin-right: 0} } @media all and (max-width:767px) { #footer_top .conteneur { margin-left: 0} #footer_top .conteneur > div { flex: 0 0 100% !important; padding: 0} #footer_top ul { padding-bottom:15px; margin-top: -5px; display: block !important;} #footer_top ul li { display: inline-block !important; padding: 3px 8px 3px 0 !important; } #footer_top ul li:after { content:"| "; padding: 0 0 0 8px} #footer_top ul li:last-child:after{ display: none} #footer_top .conteneur > div:last-child { padding-top: 0} #footer_top ul li a { padding: 2px 0} #footer_top ul.fsocial li:after { display: none} #footer_top .conteneur > div:last-child ul { padding-bottom: 0} #fnewsletter .visuelsrc { display: none} } @media all and (max-width:550px) { #freassurance { padding: 25px 0} #freassurance .conteneur { flex-wrap: wrap; margin:-10px -10px} #freassurance .conteneur > div { flex:0 0 50%; padding:10px;} #freassurance .min { line-height: 19px} }@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(//youpili.fr/wp-content/uploads/omgf/omgf-stylesheet-82/poppins-normal-latin-ext-400.woff2?ver=1766137218)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(//youpili.fr/wp-content/uploads/omgf/omgf-stylesheet-82/poppins-normal-latin-400.woff2?ver=1766137218)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(//youpili.fr/wp-content/uploads/omgf/omgf-stylesheet-82/poppins-normal-latin-ext-500.woff2?ver=1766137218)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(//youpili.fr/wp-content/uploads/omgf/omgf-stylesheet-82/poppins-normal-latin-500.woff2?ver=1766137218)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(//youpili.fr/wp-content/uploads/omgf/omgf-stylesheet-82/poppins-normal-latin-ext-600.woff2?ver=1766137218)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(//youpili.fr/wp-content/uploads/omgf/omgf-stylesheet-82/poppins-normal-latin-600.woff2?ver=1766137218)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(//youpili.fr/wp-content/uploads/omgf/omgf-stylesheet-82/poppins-normal-latin-ext-700.woff2?ver=1766137218)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(//youpili.fr/wp-content/uploads/omgf/omgf-stylesheet-82/poppins-normal-latin-700.woff2?ver=1766137218)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}