'); } ngb-accordion .rd-header h5 > .btn-link[aria-expanded=true] { color: #39b54a; background-image: url('data:image/svg+xml; utf8, '); } ngb-accordion .show .rd-body { border-top: 1px solid #c4c4c4; } ngb-accordion .rd-body { border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; } ngb-accordion .rd-body:last-child { border-bottom: 1px solid #c4c4c4; } .dropwdown-wrap { display: inline-block; } .dropdown { position: relative; display: inline-block; } .dropdown-toggle::after { display: inline-block; content: ''; height: 0; width: 0; margin-left: 0.255em; vertil-align: 0.255em; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropdown-divider { height: 1px; margin: 0.3125em 0; overflow: hidden; background-color: #f1f2f2; } .dropdown-menu { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); display: none; position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 160px; margin: 2px 0 0; padding: 5px 0; background-clip: padding-box; background-color: white; font-size: 1rem; list-style: none; text-align: left; border: 1px solid #c4c4c4; } .dropdown-item { display: block; clear: both; width: 100%; padding: 3px 20px; background: none; color: #484848; font-weight: normal; line-height: 1.5; text-align: inherit; text-decoration: none; white-space: nowrap; border: 0; } .dropdown-item:hover, .dropdown-item:focus { background-color: #f1f2f2; color: #39b54a; text-decoration: none; } .dropdown-item.active:hover, .dropdown-item.active:focus { background-color: #39b54a; color: white; text-decoration: none; outline: 0; } .dropdown-item.disabled:hover, .dropdown-item.disabled:focus { color: #9d9d9d; background-color: transparent; background-image: none; text-decoration: none; cursor: not-allowed; } .show > a { outline: 0; } .dropdown-menu.show { display: block; } .label { display: inline-block; padding: .4em .6em; color: white; font-size: inherit; line-height: 1; text-align: center; white-space: nowrap; vertil-align: baseline; } .label:empty { display: none; } .label .label-content { display: flex; align-items: center; } .label .label-icon { background-color: transparent; padding: 0; margin-right: 0.3125em; } a.label { border-bottom: 0; } a.label:hover, a.label:focus { color: white; text-decoration: none; border-bottom: 0; cursor: pointer; } .label-white { background-color: white; border: 1px solid #f7f7f7; color: #484848; } .label-white svg { fill: #555555; } .label-white svg:hover, .label-white svg:focus { fill: #3b3b3b; } .label-light-grey { background-color: #f1f2f2; border: 1px solid #e9ebeb; color: #484848; } .label-light-grey svg { fill: #555555; } .label-light-grey svg:hover, .label-light-grey svg:focus { fill: #3b3b3b; } .alert { border-radius: .05rem; margin-bottom: 1em; padding: 1em; border: 1px solid transparent; line-height: 1.35; } .alert > p { margin-bottom: 0; } .alert > p:not(:only-of-type) { margin-bottom: 0.3125em; } .alert-dismissible { position: relative; padding-right: 2.5em; } .alert-dismissible .close { position: absolute; top: 0; right: 0; color: inherit; opacity: .8; font-size: 1.5rem; height: 100%; padding-left: 0.5em; padding-right: 0.5em; background: transparent; border: 0; -webkit-appearance: none; cursor: pointer; } .alert-success { background-color: #cbefd0; color: #277b32; border-color: #b8e9bf; } .alert-success hr { border-top-color: #44c455; } .alert-success .close:hover, .alert-success .close:focus { color: #6ad078; } .alert-success .svg-icon { fill: #277b32; height: 22px; width: 22px; vertil-align: text-bottom; } .alert-success .alert-link { margin-left: 0.078125em; margin-right: 0.15625em; color: inherit; border-bottom-color: #277b32; } .alert-success .alert-link:hover, .alert-success .alert-link:focus { color: #4bc65c; border-bottom-color: #6ad078; } .alert-warning { background-color: #fef0e2; color: #c06508; border-color: #fde4; } .alert-warning hr { border-top-color: #f79937; } .alert-warning .close:hover, .alert-warning .close:focus { color: #f9b268; } .alert-warning .svg-icon { fill: #c06508; height: 22px; width: 22px; vertil-align: text-bottom; } .alert-warning .alert-link { margin-left: 0.078125em; margin-right: 0.15625em; color: inherit; border-bottom-color: #c06508; } .alert-warning .alert-link:hover, .alert-warning .alert-link:focus { color: #f79e40; border-bottom-color: #f9b268; } .alert-info { background-color: #e1ecf6; color: #3576ac; border-color: #c9ddee; } .alert-info hr { border-top-color: #9ac0e0; } .alert-info .close:hover, .alert-info .close:focus { color: #5494cb; } .alert-info .svg-icon { fill: #3576ac; height: 22px; width: 22px; vertil-align: text-bottom; } .alert-info .alert-link { margin-left: 0.078125em; margin-right: 0.15625em; color: inherit; border-bottom-color: #295b85; } .alert-info .alert-link:hover, .alert-info .alert-link:focus { color: #5494cb; border-bottom-color: #73a8d4; } .alert-danger { background-color: #f9ddde; color: #c21f27; border-color: #f5c3c5; } .alert-danger hr { border-top-color: #ed8e92; } .alert-danger .close:hover, .alert-danger .close:focus { color: #e03f46; } .alert-danger .svg-icon { fill: #c21f27; height: 22px; width: 22px; vertil-align: text-bottom; } .alert-danger .alert-link { margin-left: 0.078125em; margin-right: 0.15625em; color: inherit; border-bottom-color: #96181e; } .alert-danger .alert-link:hover, .alert-danger .alert-link:focus { color: #e03f46; border-bottom-color: #e66268; } .js header { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } @media (min-width: 34em) { .js .min { height: 50px; } .js .min .ov::after { top: 2px; height: 30px; } } header { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 0.15625em 0; background-color: white; transition: height 300ms ease; height: 50px; } @media (min-width: 34em) { header { height: 72px; } @supports (display: grid) { header:not(.min) .container { grid-template-columns: 105px auto; grid-template-rows: 65px; } } header:not(.min) .header-left { max-height: 100%; } } @supports (display: grid) { header .container { display: grid; grid-template-columns: 80px auto; grid-template-rows: 45px; grid-column-gap: 0.3125em; align-items: center; } } header .header-left.logo-only { justify-self: start; justify-self: flex-start; align-items: center; } @supports (display: grid) { header .header-left:not(.logo-only) { display: grid; grid-template-columns: 40px 40px; grid-column-gap: 0.3125em; justify-items: center; align-items: center; } @media (min-width: 34em) { header .header-left:not(.logo-only) { grid-template-columns: 40px 65px; } } } @supports not (display: grid) { header { display: flex; align-items: center; } header .container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; } header .header-buttons { flex-grow: 1; } header .header-left { flex: 0 0 15%; display: flex; align-items: center; } @media (max-width: 33.9375em) { header .header-left { flex: 0 0 30%; } } header .header-left:not(.logo-only) .hamburger { flex: 0 0 2.2em; } header .header-left:not(.logo-only) .header-logo { flex: 0 0 75px; justify-content: center; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { header { display: flex; align-items: center; } header .container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; height: 100%; } header .header-buttons { flex-grow: 1; } header .header-left { flex: 0 0 15%; display: flex; align-items: center; } } @media all and (-ms-high-contrast: none) and (max-width: 33.9375em), (-ms-high-contrast: active) and (max-width: 33.9375em) { header .header-left { flex: 0 0 30%; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { header .header-left .hamburger { flex: 0 0 2.2em; } header .header-left .header-logo { flex: 0 0 75px; justify-content: center; } } .header-logo { min-height: 40px; height: 100%; max-height: 65px; display: flex; align-items: center; } .logo-link { display: inline-block; width: 40px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .logo-link { height: 40px; } } @media (min-width: 34em) { .logo-link { width: 65px; } } @media all and (min-width: 34em) and (-ms-high-contrast: none), (min-width: 34em) and (-ms-high-contrast: active) { .logo-link { width: 60px; height: 60px; margin-top: 5px; } } .logo-svg { will-change: transform; width: 100%; } @-moz-document url-prefix() { .logo-svg { width: 100%; } } @supports (display: grid) { .header-buttons { justify-self: end; } } @media (max-width: 47.9375em) { .header-buttons .cta { display: none; } } .btn-search-toggle { padding: 0; margin-right: 0.3125em; } .btn-search-toggle.open svg { fill: #39b54a; } .ov { position: relative; margin-right: 0.5em; margin-left: 0.5em; } .ov::after { position: absolute; top: -4px; right: -16px; content: ''; display: block; height: 46px; border-right: 1px solid #dee1e1; } .js #main-nav { position: fixed; top: 50px; left: 2%; z-index: 1050; width: 300px; height: auto; opacity: 0; transform: sle(0); transform-origin: left top; } @media (min-width: 34em) { .js #main-nav { top: 72px; } } @media (min-width: 90em) { .js #main-nav { left: 10%; } } @media (min-width: 118em) { .js #main-nav { left: 15%; } } @media (min-width: 3000px) { .js #main-nav { left: 20%; } } @media (max-width: 33.9375em) { .js #main-nav { height: 92%; height: lc(100% - 45px); width: 100%; left: 0; right: 0; padding-bottom: 1em; overflow-y: auto; overflow-x: hidden; } } .js #main-nav.open { opacity: 1; transform: sle(1); } @media (min-width: 34em) { .js .min #main-nav { top: 50px; } } #main-nav { padding: 0.3125em 1em; background-color: white; color: #484848; border: 1px solid #c4c4c4; } #main-nav li { margin-bottom: 1em; } #main-nav .current-lotion { display: flex; align-items: center; padding-top: 0.25em; border-bottom: 1px solid #c4c4c4; padding-bottom: 1em; } #main-nav .solutions-wrapper { border-bottom: 1px solid #c4c4c4; padding-bottom: 0.5em; } .main-nav-accordion .rd-header { padding: 0 0 0.3125em 0; border: none !important; } .main-nav-accordion .rd-header h5 > .btn-link { padding: 0 0 0.3125em 0; } .main-nav-accordion .rd-body { padding: 0 0 0 0.3125em; border: none !important; } .hamburger { position: relative; padding: 0; transition: .5s ease-in-out; transform: rotate(0deg); } .hamburger span { display: block; position: absolute; left: 5px; width: 24px; height: 2px; background: #484848; opacity: 1; transition: .15s ease-in-out; transform: rotate(0deg); } .hamburger span:nth-child(1) { top: 9px; } .hamburger span:nth-child(2), .hamburger span:nth-child(3) { top: 17px; } .hamburger span:nth-child(4) { top: 25px; } .hamburger.open span:nth-child(1), .hamburger.open span:nth-child(4) { top: 17px; left: 50%; width: 0%; } .hamburger.open span:nth-child(2) { transform: rotate(45deg); } .hamburger.open span:nth-child(3) { transform: rotate(-45deg); } .hamburger.open span:nth-child(4) { top: 17px; left: 50%; width: 0%; } @-webkit-keyframes fadeIn { 50% { opacity: 0; height: 0; } 100% { opacity: 1; height: initial !important; } } @keyframes fadeIn { 50% { opacity: 0; height: 0; } 100% { opacity: 1; height: initial; } } .animation-fade { opacity: 0; height: 0; -webkit-animation: fadeIn .5s ease-in 5s normal forwards; -webkit-animation-iteration-count: 1; -moz-animation: fadeIn .5s ease-in 5s normal forwards; -moz-animation-iteration-count: 1; -o-animation: fadeIn .5s ease-in 5s normal forwards; -o-animation-iteration-count: 1; -webkit-animation: fadeIn .5s ease-in 5s 1 normal forwards running; animation: fadeIn .5s ease-in 5s 1 normal forwards running; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .animation-fade[data-agent*='MSIE 10.0'] { opacity: 1; height: auto; } @media (min-width: 62em) { .animation-fade.homepage { position: absolute; left: 0; right: 0; } } .header-outdated-alert .alert p { font-size: .85rem; } @media (max-width: 33.9375em) { .header-outdated-alert .svg-icon { display: none; } .header-outdated-alert strong { display: block; } .header-outdated-alert span:first-of-type { margin-bottom: 0.3125em; } } footer { position: relative; z-index: 3; width: 100%; background-color: white; color: #484848; padding: 1em; border-top: 1px solid rgba(196, 196, 196, 0.5); font-size: .90rem; } @media (max-width: 33.9375em) { footer { text-align: center; } } footer li a { border-bottom-color: #484848; border-bottom: transparent; } footer li a:hover, footer li a:focus { color: #39b54a; border-bottom: 1px solid #39b54a; } footer .partner-logos { margin-bottom: 0.3125em; } footer .partner-logos svg { margin: auto; } @media (max-width: 47.9375em) { footer .footer-corporate li, footer .footer-top li { margin-bottom: 1em; } } @media (max-width: 33.9375em) { @supports (display: grid) { footer .footer-connect ul { display: grid; grid-template-columns: repeat(3, 3em); grid-gap: 0.5em; width: 11em; margin: 0 auto; } } } .footer-bottom { margin-top: 1em; padding-top: 0.5em; } .footer-bottom.divider { border-top: 1px solid rgba(196, 196, 196, 0.5); } @media (max-width: 61.9375em) { .footer-bottom, .footer-top { text-align: center; } .footer-connect { margin-top: 1em; margin-bottom: 1em; } .partner-logos { justify-content: center; } } @media (min-width: 62em) { .footer-connect .btn-square-border { height: 2em; width: 2em; } } @media (min-width: 62em) { .EN .footer-top ul { display: flex; justify-content: space-between; } } @media (max-width: 33.9375em) { .EN .footer-corporate ul { -moz-column-count: 4; column-count: 4; } } @media (min-width: 75em) { .FR .footer-top ul { display: flex; justify-content: space-between; } } @media (min-width: 20em) and (max-width: 33.9375em) { .FR .footer-corporate ul { -moz-column-count: 4; column-count: 4; } } @media (min-width: 34em) { .footer-corporate ul { margin-left: -0.3125em; } .footer-corporate li { display: inline-block; padding-left: 0.3125em; padding-right: 0.3125em; } } @media (min-width: 34em) { @supports (display: grid) { .partner-logos { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 1em; align-items: center; justify-items: start; grid-template-columns: repeat(2, minmax(auto, -webkit-max-content)); grid-template-columns: repeat(2, minmax(auto, max-content)); } .partner-logos a { justify-self: start; } } } @media (min-width: 62em) { @supports (display: grid) { .footer-bottom { display: grid; grid-template-columns: 6fr 4fr; grid-template-rows: auto; grid-column-gap: 0.3125em; grid-row-gap: 2.2em; } } } @supports not (display: grid) { .partner-logos { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; } @media (min-width: 62em) { .partner-logos { justify-content: flex-start; } .footer-bottom { display: flex; flex-direction: row; flex-wrap: nowrap; } .footer-bottom .footer-link-column { flex: 0 0 60%; } .footer-bottom .footer-legal { flex: 0 0 40%; } } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .partner-logos { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; } } @media all and (-ms-high-contrast: none) and (min-width: 62em), (-ms-high-contrast: active) and (min-width: 62em) { .partner-logos { justify-content: flex-start; } .footer-bottom { display: flex; flex-direction: row; flex-wrap: nowrap; } .footer-bottom .footer-link-column { flex: 0 0 60%; } .footer-bottom .footer-legal { flex: 0 0 40%; } } .search-form { position: relative; z-index: 5; background-color: white; margin: 0 auto; } @media (min-width: 48em) { .search-form .container { padding-left: 3.5em; } } .search-form .search-radios { background-color: #f1f2f2; border-bottom: 1px solid #dee1e1; border-top: 1px solid #dee1e1; } @media (max-width: 47.9375em) { .search-form .search-radios .btn-group { padding-right: 0; padding-left: 0; } } @supports (display: grid) { .search-form .search-radios .btn-group { display: grid; grid-template-columns: repeat(3, minmax(-webkit-min-content, 150px)); grid-template-columns: repeat(3, minmax(min-content, 150px)); } } @supports not (display: grid) { .search-form .search-radios .btn-group { display: flex; flex-direction: row; flex-wrap: nowrap; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .search-form .search-radios .btn-group { display: flex; flex-direction: row; flex-wrap: nowrap; } } .search-form .radio-inline { padding: 0; position: relative; z-index: 2; } @supports not (display: grid) { .search-form .radio-inline { flex: 0 0 150px; } @media (max-width: 47.9375em) { .search-form .radio-inline { flex: 0 0 100px; } } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .search-form .radio-inline { flex: 0 0 150px; } } @media all and (-ms-high-contrast: none) and (max-width: 47.9375em), (-ms-high-contrast: active) and (max-width: 47.9375em) { .search-form .radio-inline { flex: 0 0 100px; } } .search-form .radio-inline.line { position: relative; } .search-form .radio-inline.line::after { content: ''; position: absolute; top: 5px; right: 0; display: block; height: 75%; border-right: 1px solid #dee1e1; } .search-form .radio-inline .btn { height: 2.2em; width: 100%; margin: 0 2px; padding: 0 0.46875em; transition: border 200ms ease; color: #8b8b8b; } .search-form .radio-inline .btn:not(.btn-active) { text-decoration: underline; } .search-form .radio-inline .btn.btn-active { color: #39b54a; font-weight: bold; background-color: white; } .search-form .radio-inline input { position: absolute; top: -9999px; opacity: 0; clip: rect(0, 0, 0, 0); } .search-form .input-group { position: relative; } .search-form .input-group .btn { height: 2.5em; width: 2.5em; } .search-form .search-input { font-size: 1.5em; border: none; height: 2.5em; padding-right: 3em; padding-left: 0; } @media (min-width: 34em) { .search-form .search-input { padding-right: 4em; } } .search-form .btn-search, .search-form .btn-clear { position: absolute; top: 20%; } .search-form .btn-search { right: 2%; border-radius: 100%; } .search-form .btn-search svg { padding: 1px 3px 4px 0; } @media (min-width: 90em) { .search-form .btn-search svg { padding: 3px 2px 3px 0; } } .search-form .btn-clear { right: 3rem; } @media (min-width: 48em) { .search-form .btn-clear { right: 4rem; } } .search-form .btn-clear svg { padding-top: 0; } .home-page .search-form { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .home-page .input-group { border: 1px solid #dee1e1; border-bottom: none; } .home-page .search-radios { border-left: 1px solid #dee1e1; border-right: 1px solid #dee1e1; } .container { max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 1em; } @media (min-width: 137.5em) { .container { max-width: 1800px; } } .modal-open { overflow: hidden; position: fixed; width: 100%; height: 100%; } .lightbox-open { width: 100%; height: 100%; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .img-responsive { display: block; max-width: 100%; height: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .img-responsive { height: initial; } } .search-bar-form { max-width: 700px; width: 100%; } @media (max-width: 33.9375em) { .search-bar-form { padding: 0.3125em; } } .search-bar-form .input-group { position: relative; } .search-bar-form .input-text { padding-right: 7em; padding-left: 0.3125em; } .pagination-nav { margin-bottom: 2em; } .pagination-text p { margin-bottom: 0.3125em; font-size: 0.85rem; } .pager { margin: 0; padding: 0; list-style: none; } .pager li { display: inline-block; margin-bottom: 0; } .pager li:first-child { margin-right: 0.5em; } .no-js main { margin-top: 2.2em; margin-bottom: 2.2em; } @media (min-width: 62em) { .sticky-footer-wrapper { display: flex; flex-direction: column; min-height: 93vh; } .sticky-footer-wrapper .sticky-footer { flex: 1; } }
<dd id="Vom"><pre id="Vom"></pre></dd>
<rp id="Vom"><object id="Vom"></object></rp>
    <button id="Vom"></button>

  1. <em id="Vom"></em>
  2. <em id="Vom"><ruby id="Vom"><u id="Vom"></u></ruby></em>