/* Dependencies -warn- : RequestVidal is not available */ /* Dependencies -warn- : M4Tween is not available */ /* Dependencies -warn- : Scroll is not available */ #DaboxHide{background:rgba(0, 0, 0, 0.5);height:100%;width:100%;} #DaboxHide,#Dabox{top:0;left:0;z-index:101;position:fixed;display:none;opacity:0;filter:alpha(opacity=0);} #Dabox{left:50%;top:50%;background:#ffffff url("../../includes/components/./dabox/imgs/loader.gif") no-repeat center center;transform: translate(-50%, -50%);max-height:100%;border-radius: 16px;box-shadow: 0px 3px 3px -1.5px rgba(10, 13, 18, 0.04),0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 20px 24px -4px rgba(10, 13, 18, 0.08);} #Dabox .close {display:block;position:absolute;top:20px;right:20px;transition:all .5s;} #Dabox .close .icon-close{width: 1.3em; height:1.3em; padding: 12px;transition:transform .4s;display:block; background:url("../../includes/components/./dabox/../2020/imgs/icon-close.png") no-repeat center center;background-size:1.3em 1.3em;} #Dabox .close:hover .icon-close{transform:rotate(90deg);} #Dabox .intro{display: flex; align-items: center;position: relative;padding: 20px 32px 2px; background: white} #Dabox h1 {font-family:Inter, sans-serif;font-size: 20px;font-weight: 600;} /* Dependencies -warn- : Completely is not available */ .smartbanner-show .smartbanner { display: block; } /** Default **/ .smartbanner { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 80px; line-height: 80px; font-family: 'Helvetica Neue', sans-serif; background: #f4f4f4; z-index: 9998; -webkit-font-smoothing: antialiased; overflow: hidden; -webkit-text-size-adjust: none; } .smartbanner-container { margin: 0 auto; white-space: nowrap; } .smartbanner-close { display: inline-block; vertical-align: middle; margin: 0 5px 0 5px; font-family: 'ArialRoundedMTBold', Arial; font-size: 20px; text-align: center; color: #888; text-decoration: none; border: 0; border-radius: 14px; -webkit-font-smoothing: subpixel-antialiased; } .smartbanner-close:active, .smartbanner-close:hover { color: #aaa; } .smartbanner-icon { display: inline-block; vertical-align: middle; width: 57px; height: 57px; margin-right: 12px; background-size: cover; border-radius: 10px; } .smartbanner-info { display: inline-block; vertical-align: middle; width: 44%; font-size: 11px; line-height: 1.2em; font-weight: bold; } .smartbanner-title { font-size: 13px; line-height: 18px; } .smartbanner-button { position: absolute; right: 20px; top: 0; bottom: 0; margin: auto 0; height: 24px; font-size: 14px; line-height: 24px; text-align: center; font-weight: bold; color: #6a6a6a; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .smartbanner-button:active, .smartbanner-button:hover { color: #aaa; } .smartbanner-button-text { } .smartbanner-button-text:active, .smartbanner-button-text:hover { } /** iOS **/ .smartbanner-ios { background: #f4f4f4; background: linear-gradient(to bottom, #f4f4f4, #cdcdcd); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); line-height: 80px; } .smartbanner-ios .smartbanner-close { border: 0; width: 18px; height: 18px; line-height: 18px; color: #888; text-shadow: 0 1px 0 white; } .smartbanner-ios .smartbanner-close:active, .smartbanner-ios .smartbanner-close:hover { color: #aaa; } .smartbanner-ios .smartbanner-icon { background: rgba(0, 0, 0, 0.6); background-size: cover; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .smartbanner-ios .smartbanner-info { color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .smartbanner-ios .smartbanner-title { color: #4d4d4d; font-weight: bold; } .smartbanner-ios .smartbanner-button { padding: 0 10px; min-width: 10%; color: #6a6a6a; background: #efefef; background: linear-gradient(to bottom, #efefef, #dcdcdc); border-radius: 3px; box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; } .smartbanner-ios .smartbanner-button:active, .smartbanner-ios .smartbanner-button:hover { background: #dcdcdc; background: linear-gradient(to bottom, #dcdcdc, #efefef); } .smartbanner-ios .smartbanner-button-text { } .smartbanner-ios .smartbanner-button-text:active, .smartbanner-ios .smartbanner-button-text:hover { } /** Android **/ .smartbanner-android { background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7); box-shadow: inset 0 4px 0 #88b131; line-height: 82px; } .smartbanner-android .smartbanner-close { border: 0; width: 17px; height: 17px; line-height: 17px; margin-right: 7px; color: #b1b1b3; background: #1c1e21; text-shadow: 0 1px 1px #000; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); } .smartbanner-android .smartbanner-close:active, .smartbanner-android .smartbanner-close:hover { color: #eee; } .smartbanner-android .smartbanner-icon { background-color: transparent; box-shadow: none; } .smartbanner-android .smartbanner-info { color: #ccc; text-shadow: 0 1px 2px #000; } .smartbanner-android .smartbanner-title { white-space: normal; color: #fff; font-weight: bold; } .smartbanner-android .smartbanner-button { min-width: 12%; color: #d1d1d1; padding: 0; background: none; border-radius: 0; box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc; } .smartbanner-android .smartbanner-button:active, .smartbanner-android .smartbanner-button:hover { background: none; } .smartbanner-android .smartbanner-button-text { text-align: center; display: block; padding: 0 10px; background: #42b6c9; background: linear-gradient(to bottom, #42b6c9, #39a9bb); text-transform: none; text-shadow: none; box-shadow: none; } .smartbanner-android .smartbanner-button-text:active, .smartbanner-android .smartbanner-button-text:hover { background: #2ac7e1; } /** Windows **/ .smartbanner-windows { background: #f4f4f4; background: linear-gradient(to bottom, #f4f4f4, #cdcdcd); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); line-height: 80px; } .smartbanner-windows .smartbanner-close { border: 0; width: 18px; height: 18px; line-height: 18px; color: #888; text-shadow: 0 1px 0 white; } .smartbanner-windows .smartbanner-close:active, .smartbanner-windows .smartbanner-close:hover { color: #aaa; } .smartbanner-windows .smartbanner-icon { background: rgba(0, 0, 0, 0.6); background-size: cover; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .smartbanner-windows .smartbanner-info { color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .smartbanner-windows .smartbanner-title { color: #4d4d4d; font-weight: bold; } .smartbanner-windows .smartbanner-button { padding: 0 10px; min-width: 10%; color: #6a6a6a; background: #efefef; background: linear-gradient(to bottom, #efefef, #dcdcdc); border-radius: 3px; box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset; } .smartbanner-windows .smartbanner-button:active, .smartbanner-windows .smartbanner-button:hover { background: #dcdcdc; background: linear-gradient(to bottom, #dcdcdc, #efefef); } .smartbanner-windows .smartbanner-button-text { } .smartbanner-windows .smartbanner-button-text:active, .smartbanner-windows .smartbanner-button-text:hover { } .smartbanner-android .smartbanner-button-text{ background: transparent linear-gradient(171deg, #C0273E 0, #FE2B6A 100%) 0 0 no-repeat padding-box; } /* Dependencies -warn- : Cookie is not available */ /* Dependencies -warn- : LocalStorage is not available */ .content .summary{flex:0 0 auto; margin-right: 1.75em; background:#FFF;font-weight: 600;padding: 1.75em 1.75em 4em 3em;position: sticky;z-index:2;top: 0;width: 15rem;height: auto; max-height: calc(100vh - 5rem);display: flex;flex-direction: column;} .content .summary .summary-title, .content .summary .associated>p{color:#CC0033;font-family: Inter, sans-serif; font-size: 20px; font-weight: 600;} .content .summary .summary-content { overflow-y: scroll;-ms-overflow-style: none; /* Internet Explorer 10+ */scrollbar-width: none; } .content .summary .summary-content::-webkit-scrollbar {width: 0;background: transparent;} .content .summary .summary-content ul, .content .summary .associated>ul{margin:0;padding:0;} .content .summary .associated>ul li, .content .summary .summary-content ul li{margin:0;padding:0;background: #fff;} .content .summary .summary-content ul li a{display:block;font-weight: 600;} .content .summary .summary-content ul>li ul{background:#fff;display:block;padding:0 0.6em 0.6em 0.6em;font-size:0.9rem;color:#5A5A5A;border-bottom:1px solid #D0D1D4;} .content .summary .summary-content ul>li ul>li>a{padding:0.7em;font-size:0.9em;display:flex;align-items: center;} .content .summary .associated>ul>li>a, .content .summary .summary-content ul>li>a,.content .summary .summary-content ul>li>span{cursor:pointer;background:#fff;display:block;padding:0.9em 0;font-size:0.9rem;color:#5F6164;border-bottom:1px solid #CECED4;} .gp.content .summary .associated>p, .content .summary .summary-content ul>li>a:hover {color: #9E102A;} .content .summary .summary-content ul li a.current{color: #CC0033;font-size: 1em;} .content .summary .summary-content ul>li>a:first-letter,.content .summary .summary-content ul>li>span:first-letter {text-transform: uppercase;} .content .summary .summary-content ul>li.parent>a {background-color:#F4F6FC;} .content .summary .summary-content ul>li:last-of-type>a,.content .summary .summary-content ul>li:last-of-type>span{border: none;} .content .summary .summary-content ul>li>a.private{cursor: pointer; color:#9A9A9A;position:relative;display:block;padding-right:30px;} .content .summary>>ul>li>a.private::after{position:absolute;display:block;content:'';width:20px;height:20px;background: url("../../includes/components/./2020/styles/../imgs/icon-password.png") no-repeat;right:6px;top:50%;margin-top:-10px;} .content .summary .associated {margin-top: 2em;} .content .summary .associated>ul, .content .summary .summary-content ul li:not(.current-li){margin:0;padding:0;background: #fff;} .content .summary .summary-content ul>li>a.has-children{border-bottom:0;} .content .summary .associated>ul>li>a.has-children, .content .summary .summary-content ul>li>a.has-children{border-bottom:none;} .content .summary .summary-title, .content .summary .associated.gp>p{color: #CC0033;font-family:Inter, sans-serif; font-size: 1.2em;margin-bottom: 1.5em;} .content .summary .associated>ul>li:last-of-type>a, .content .summary .associated.gp>p, .gp .summary .summary-title, .gp.content .summary .summary-title, .gp.content .summary .summary-content ul li a.current, .gp.content .summary .summary-content ul>li>a:hover{color: #2D6C94;} .gp.content .summary .summary-content ul li a.current::before{background-color:#2D6C94;} .content .summary ul li ul li {} .content .summary ul li ul li a::before {flex:0 0 auto;display:inline-flex;content:'';width:5px;height:5px;background:#CC0033;border-radius: 50%;margin-right:0.5em;} .content .summary ul li ul li a img { margin-left: auto; width: 13px;} .with-summary{position: relative;} .with-summary.site-container.content.document{margin-top:0;} .with-summary.site-container.content.document>div{display:flex; gap: 1rem;} .with-summary.site-container.content.document>div>.summary{flex:0 0 auto;} .with-summary.site-container.content.document>div>.main{line-height:1.5em;background:none;padding-top:3em;} .with-summary.site-container.content.document>div.extra{padding-top:3em;display:block;} .with-summary.site-container.content .summary {background-color: #FFF; padding: 1.75em 1.75em 3.5em 6em;margin-left: -6em; margin-right: 0;} /*Mono*/ .drug .content .summary .documents{margin-top:1em;padding: 1em;} .drug .content .summary .documents .h4{padding-bottom:0;} .drug .content .summary .documents ul{padding:0;margin:0;} .drug .content .summary .documents ul li{padding:0.5rem 0 0.5rem 2.5rem;border-bottom: 1px solid #D0D1D4;min-height: 2rem;display: flex;align-items: center;} .drug .content .summary .documents ul li:last-of-type{border-bottom:none;} .drug .content .summary .documents ul li a{border:none;display: block;font: 400 14px/20px Inter;color: #5A5A5A;box-sizing: border-box;} .drug .content .summary ul a[href$="#alerte"]{background: #FAEAE7; color: #E82E06; border: solid 1px #E82E06;} .drug .content .summary ul a[href$="#alerte"].current::after{border-left-color: #FE2B6A;} .drug .content .summary > p img {display: none} .drug .content .summary .summary-content ul li.most-consulted-sections {padding: 0.9em 0;font-size: 0.9rem;color: #5F6164;border-bottom: 1px solid #CECED4;} .drug .content .summary .summary-content ul li.most-consulted-sections span {padding-bottom: 0.9em; border-bottom: none} .drug .content .summary .most-consulted-sections a, .drug .content .summary .most-consulted-sections a.current {font-size: 0.875em;color: #CC0033;border-bottom: none; position: relative;padding: 0.9em 0 0.9em 32px;} .drug .content .summary .most-consulted-sections a:before {background-size: contain;position: absolute; content: '';background: url("../../includes/components/./2020/styles/../imgs/icon-arrow-right-red.png") no-repeat bottom;left:12px;top:14px;width: 14px;height: 10px;} .drug .content .summary .most-consulted-sections a:hover:before{ background: url("../../includes/components/./2020/styles/../imgs/icon-arrow-right-red-hover.png")} @media screen and (max-width: 1505px) { .with-summary.content.gp.site-container.content.document>div.extra{width: 300px} } @media screen and (max-width: 1440px){ .with-summary.site-container.content .summary{margin-left: -4rem;} .with-summary.site-container.content.document,.with-facets.site-container.content.document{padding: 0;} .with-summary.site-container.content.document>div>.main{padding: 1rem 0 0 0;} .with-summary.site-container.content.document>div.extra{padding-top:1.2em;} } @media screen and (max-width: 950px) { .with-summary.site-container.content.document>div>.main{width: auto;} .with-summary.site-container.content .summary{margin:1em 0 0;padding: 0;box-sizing: border-box;} .with-summary.site-container.content .summary.open{margin-top:0;} .with-summary.site-container.content .summary .summary-title{padding: 1rem;cursor: pointer;} .with-summary.site-container.content.document>div,.with-facets.site-container.content.document>div{flex-direction: column;gap:1rem;width:100%;box-sizing: border-box;} .with-summary.site-container.content.document>div.extra{padding-top:1em;} .content .summary{padding: 0; border: 1px solid #D0D1D4;top: 3rem;height: auto;z-index: 49;width: 100vw;} .content .summary.open{position: fixed; top: 50px;margin-top: 0;left:0;} .content .summary .summary-content{height: 0;transition: height 1s;overflow: hidden;background: white;} .content .summary.open .summary-content{height: 60vh;overflow-y: scroll;} .content .summary.open .summary-title:after{transform:rotate(0);display: block;content:'';position: absolute; height: 2rem; width: 2rem;background:transparent var(--icon-close) no-repeat center center;top:1rem; right:1rem;} .content .summary.open .summary-title:before{display:none;content:none;} .content .summary .summary-title {padding: 1rem; margin: 0; background-color: #FFF;position: relative;} .content .summary .summary-title::before, .content .summary .summary-title::after{display:block;content:"";background: #000;width:2px;height:0.8em;position:absolute;right:2em;top:1.2em;transform:rotate(-45deg);} .content .summary .summary-title::after{transform:rotate(45deg);right:1.5em;} .content .summary .summary-content ul {max-width: calc(100% - 3em);padding: 0 1rem;} .content .summary .summary-content ul li:not(.current-li){margin: 22px 0} .content .summary .summary-content ul li a.current::after{display:none;} .content .summary .summary-content ul li.current-li::after {border-left-color: transparent;} .content .summary .summary-content .summary-overlay{display:none; position: fixed;width: 100%;height: 100%;background: #8080807d;top: 0;z-index: -1;} .content .summary.open .summary-content .summary-overlay{display: block;} .content .summary+.content{margin-left:0;} .drug .block .summary p.in_summary{width:38%;} .drug .block .summary p.in_summary + ul{border-top: solid 1px #88C7E6;margin-bottom:25px;} .content .document.news-search-document .summary .filters{background-color: #FFF; border-top: solid 1px #C0273E; border-radius: 0; } .maladies .summary .summary-content ul li a.current::after, ul li.current-li::after {display:none;} } .header .target-psc + .nav.scroll-up {top: 0} .header .target-psc {background-color: #ffffff;display: flex;justify-content: center;align-items: center; height:35px; gap: 1rem;font-weight: 500;color: #181D27} .header .target-psc .new {font-size:14px;color:#ffffff;padding: 3px 6px;border-radius: 6px;border: 1px solid rgba(255, 255, 255, 0.12);background: linear-gradient(104deg, #C03 2.03%, #662482 134.46%);} @media screen and (max-width: 950px) { .header .target-psc {flex-direction: column;gap: 5px;align-items: flex-start;padding:1.5em;width: 90%;z-index: 50;position: fixed;top: 0;} .header .target-psc.hide {height: 0;opacity: 0;padding: 0;} .header .target-psc + .nav {top: 90px} .header .target-psc.hide + .nav {top: 0;} .header:has(.target-psc) {padding-top: 150px} .header .target-psc:not(.hide) + .nav .site-container .menu-container {top: 160px;} } body.no-scroll{overflow: hidden} .header .nav .menu-bento-container .icon-bento{margin: 0 1em 0 0;cursor:pointer;width: 36px; height: 36px; display: block;background: transparent;border: none;padding: 0;} .header .nav .menu-bento-container .icon-bento:hover, .header .nav .menu-bento-container.open .icon-bento{background: #f8f8f7;border-radius: 100%;animation-timing-function: ease-out;animation-duration: 100ms;} .header .nav.homepage-nav .menu-bento-container .icon-bento:hover, .header .nav.homepage-nav .menu-bento-container.open .icon-bento{background: #FFFFFF33;} .header .nav .menu-bento-container .icon-bento::before{content: '';cursor:pointer;mask-image: url("../../includes/components/./2026/styles/../imgs/icon-bento.svg"); mask-position: center; mask-size: 13px; mask-repeat: no-repeat;background: var(--text-color-header); width: 36px; height: 36px; display: block;} .header .nav .menu-bento{visibility:hidden; opacity: 0; pointer-events: none; transition: opacity 0.3s ease;overflow: auto;max-height: 70vh;max-width: 800px;z-index: 80;position: absolute;right: 1em;top: 48px;margin: 0;padding: 24px;background: white;border: 1px solid #D5D7DA;border-top: none;box-shadow: 0px 5px 5px -2.5px rgba(10, 13, 18, 0.04), 0px 32px 64px -12px rgba(10, 13, 18, 0.14);border-radius: 8px; display: flex; gap: 24px; flex-direction: column} .header .nav .menu-bento-container.open .menu-bento{ opacity: 1; visibility: visible; pointer-events: auto;} .header .nav .menu-bento>div{display: grid;grid-template-columns: repeat(3, 1fr); gap: 14px} .header .nav .menu-bento>div:nth-child(2){border: 1px solid #E9EAEB;} .header .nav .menu-bento>a{display: flex;justify-content: center;gap: 4px;align-items: center; position: sticky;bottom: 0; padding: 10px 14px} .header .nav .menu-bento>a::before{content: ''; mask-image: url("../../includes/components/./2026/styles/../imgs/icon-edit-rounded.svg"); mask-repeat: no-repeat; background: white; width: 20px; height: 20px; display: block;} .header .nav .menu-bento .shortcut-icon{transition: filter 0.2s;border-radius: 10px; padding: 15px; display: flex; justify-content: center; width: fit-content;box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);} .header .nav .menu-bento>div a:hover .shortcut-icon {filter: brightness(98%);} .header .nav .menu-bento svg{width: 22px; height: 22px} .header .nav .menu-bento .shortcut-icon.add-shortcut{background-color: white; border: 1px solid #D5D7DA;} .header .nav .menu-bento>div a>h2, .header .nav .menu-bento>div a>.shortcut-label,.tools-shortcuts-card .shortcut-label{display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;text-align: center;z-index:1;color:#000000;margin:0;padding:0;font-size:0.875em;text-transform: none;font-weight: 500;font-family: Inter} .header .nav .menu-bento>div a:hover{background: #F5F5F5} .header .nav .menu-bento a:hover svg{scale: 1.05; transition: scale 0.2s ease} .header .nav .menu-bento>div a{border-radius: 8px;padding: 16px 8px;width: 116px;gap: 12px;flex: 0.1;;align-items: center;opacity:1;position:relative;background:#fff;display:flex;flex-direction:column;box-sizing: border-box;} .header .nav .disconnected-nav .button-secondary-2026, .header .nav .disconnected-nav .button-primary-2026{justify-content: center;display: flex; align-items: center; gap: 10px; padding: 12px 0; font-size: 14px; min-width: 165px;} .header .nav:not(.homepage-nav) .disconnected-nav .button-primary-2026.register{background: #FFFFFF;color: #181D27;} .header .nav:not(.homepage-nav) .disconnected-nav .button-primary-2026.register::before{background: #181D27;} .header .nav:not(.homepage-nav) .disconnected-nav .button-primary-2026.register:hover{color: #9E102A;} .header .nav:not(.homepage-nav) .disconnected-nav .button-primary-2026.register:hover::before{background: #9E102A;} .header .nav:not(.homepage-nav) .disconnected-nav .button-secondary-2026.login, .invite-connect .button-secondary-2026.login{background: var(--background-gradient-primary);color: #FFFFFF;} .header .nav:not(.homepage-nav) .disconnected-nav .button-secondary-2026.login::before, .invite-connect .button-secondary-2026.login::before{background: #FFFFFF;} .header .nav:not(.homepage-nav) .disconnected-nav .button-secondary-2026.login:hover{background: #9E102A;} .header .nav.homepage-nav ul.secondary *:not(.menu-mobile)>.disconnected-nav .register{color: var(--text-color-header); background: rgba(255, 255, 255, 0.2);outline: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05), 0px -2px 0px 0px rgba(10, 13, 18, 0.05) inset; } .header .nav.homepage-nav ul.secondary *:not(.menu-mobile)>.disconnected-nav .register:focus{border: 1px solid black} .header .nav.homepage-nav ul.secondary *:not(.menu-mobile)>.disconnected-nav .register:hover{color: white; box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05), 0px -2px 0px 0px rgba(10, 13, 18, 0.05) inset, 0px 0px 0px 1px rgba(10, 13, 18, 0.18) inset;} .header .nav.homepage-nav ul.secondary *:not(.menu-mobile)>.disconnected-nav .register:hover::before{background: white} .header .nav.homepage-nav ul.secondary *:not(.menu-mobile)>.disconnected-nav .register:before{background: var(--text-color-header);} .header .nav.homepage-nav ul.secondary *:not(.menu-mobile)>.disconnected-nav .login{background: white;border: none;box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05), 0px -2px 0px 0px rgba(10, 13, 18, 0.05) inset, 0px 0px 0px 1px rgba(10, 13, 18, 0.18) inset;line-height: 1.25em;color: #414651;} .header .nav.homepage-nav ul.secondary *:not(.menu-mobile)>.disconnected-nav .login::before{background: #414651} .header .nav.homepage-nav ul.secondary *:not(.menu-mobile)>.disconnected-nav .login:hover{box-shadow: 0px 1.03px 2.06px 0px rgba(10, 13, 18, 0.05);} .header .nav{ display:flex;align-items: center; flex-wrap: wrap;position: relative;z-index: 20;} .header .nav.homepage-nav {background-attachment: fixed;background-size: cover; gap: 8px} .header .nav.homepage-nav .site-container:first-of-type{height: unset; padding-top: 22px} .header .nav .site-container:first-of-type{padding-top: 16px} .header .nav.hidden-nav{transform: translateY(-100%);} .header .nav{transition: transform .3s} .header .nav.scroll-up{position: fixed; z-index: 99; transform: none;width: 100%; background: var(--background-header);} .header .nav .site-container .menu-container{flex: 1 1 auto; height: stretch} .header .nav .menu-container:last-of-type{border-bottom: 1px solid #E9EAEB; display: flex; position: relative} .header .nav .site-container .menu-container .main>li>:is(button, a.super-menu-trigger){text-align: center; cursor: pointer; border: none; background: transparent;font-family: 'Inter', serif} .header .nav .site-container .menu-container .main>li:first-of-type>:is(button, a.super-menu-trigger){padding-left: 0} .header .menu-container button, .header .menu-container a,.header .menu-container span.cbo{display:inline-block;padding:1em 0.8em;color:var(--text-color-header);text-decoration:none;font-weight:500;font-size: 0.875rem;} .header menu.main.active>li:not(.active, .link){opacity: 60%} .header .nav.hidden-nav menu.main.active>li.active>div.super-menu-container, .header .nav.hidden-nav .menu-bento-container.open .menu-bento, .header .nav.hidden-nav .menu-account-container.open .my-account-nav {pointer-events: none; visibility: hidden} .header menu.main>li.active>div.super-menu-container{opacity: 1;transform: translateY(0);visibility: visible;pointer-events: auto;transition: opacity .18s ease-out, transform .18s ease-out, visibility 0s;} .header menu.main.switching>li>div.super-menu-container{transform: none;transition: opacity 0s, transform 0s, visibility 0s;} .header menu.main.switching>li.active>div.super-menu-container>*{animation: super-menu-swap .1s ease-out;} @keyframes super-menu-swap{from{opacity:0}to{opacity:1}}.header .nav .site-container ul.secondary{min-width: 0; justify-content: end} .header menu.main{list-style: none;padding:0;margin:0;display:flex;font-size:14px;} .header menu.main>li>div.super-menu-container::before{content:'';position:absolute;left:0;right:0;top:-16px;height:16px;} .header .menu-container menu.main .menu-mobile{display: none} .header menu.main>li>div.super-menu-container{max-width: stretch;z-index:80;position:absolute;left:0;top: 100%;margin:0;padding:32px;background:white;border: 2px solid #D5D7DA;border-top: none;font-size:0.8em;width:100%;box-shadow: 0px 5px 5px -2.5px rgba(10, 13, 18, 0.04),0px 32px 64px -12px rgba(10, 13, 18, 0.14);border-radius: 8px; transform: translateY(-10px); visibility: hidden; pointer-events: none; opacity: 0; min-height: calc(240px - 66px); transition: opacity .12s ease, transform 0s .12s, visibility 0s .12s;} .header menu.main>li>div .super-menu{display:flex; justify-content: space-between; gap: 8px;} .header menu.main>li>div .super-menu ul{ display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));padding: 0;margin: 0;list-style: none; gap: 8px;} .header menu.main>li>div .super-menu>div:not(.super-menu-stick){width: 50%} .header menu.main>li>div .super-menu>div:only-child{width: 100%} .header menu.main>li>div .super-menu >div:only-child ul li a {max-width: 280px} .header menu.main>li>div .super-menu>div:not(.super-menu-stick):nth-of-type(n+2){padding-left: 24px} .header menu.main>li>div .super-menu>div:not(.super-menu-stick):nth-of-type(odd):not(:last-child) {padding-right: 24px} .header menu.main>li>div .super-menu .super-menu-stick{min-height: 100%; width: 1px; background: #E9EAEB; } .header menu.main .super-menu-title{font-weight: 600; color: #181D27; padding: 14px 12px 14px 0; font-size: 18px; margin-bottom: 8px} .header menu.main>li>div .super-menu ul li{position: relative;} .header menu.main>li>div .super-menu ul li a, .header menu.main>li>div .super-menu ul li span.cbo{max-width: 225px; padding: 6px 42px 6px 0; font-size: 16px; font-weight: 400; line-height: 24px; color: #181D27} .header menu.main>li>div .super-menu ul li a:hover:not(.private) {color: #9E102A;} .header menu.main>li>div .super-menu ul li a.private{position: static;} .header menu.main>li>div .super-menu ul li a.private::after, .header menu.main>li>div.super-menu-container .super-menu-connect>div:first-of-type:before {content: '';width: 20px;height: 20px; mask-image: url("../../includes/components/./2026/styles/../imgs/icon-password-lock.png"); background-color: #A4A7AE; -webkit-mask-image: url("../../includes/components/./2026/styles/../imgs/icon-password-lock.png"); mask-repeat: no-repeat; mask-position: center; flex-shrink: 0} .header menu.main>li>div .super-menu ul li a.private::after{float: right;display: inline-block; padding: 0 25px 0 0; top: 50%;transform: translateY(-50%); margin-top: 0} .header menu.main>li>div.super-menu-container .super-menu-connect>div:first-of-type:before{display: block; background-color: #181D27; mask-image: url("../../includes/components/./2026/styles/../imgs/icon-password-unlock.png"); mask-size: 15px} .header menu.main>li>div.super-menu-container .super-menu-connect>div:first-of-type{color: #181D27; font-weight: 600; font-size: 16px; display: flex;align-items: center; gap: 8px} .header menu.main>li>div.super-menu-container .super-menu-connect{padding-top: 24px; display: flex; align-items: center; gap: 32px; justify-content: end} .header menu.main>li>div.super-menu-container .super-menu-connect>div:last-of-type{display: flex; align-items: center; gap: 24px} .header menu.main>li>div.super-menu-container .super-menu-connect>div:last-of-type>div{justify-content: center} @media screen and (max-width: 950px) { .header menu.main>li>div .super-menu ul li a, .header menu.main>li>div .super-menu ul li span.cbo{color: #414651} .header .menu-container button, .header .menu-container a, .header .menu-container span.cbo{color: #181D27} .header .menu-container menu.main .menu-mobile, .header .menu-container menu.main .menu-mobile .my-account-nav{display: block} .header .menu-container menu.main .menu-mobile .my-account-nav li a{ width: 100%;text-align: left;font-size: 16px;padding-right: 24px;padding-left: 8px;} .header .menu-container menu.main .menu-mobile .my-account-nav{visibility: visible; opacity: 1; pointer-events: auto;position: initial; border: none; transform: none; width: 100%; box-shadow: none; padding: 0 0 32px 0;} .header .menu-container menu.main .menu-mobile .my-account-nav li:first-of-type a::after{right: 0} .header .menu-container menu.main .menu-mobile .my-account-nav .account{margin-bottom: 32px} .header .menu-container menu.main .menu-mobile .my-account-nav .account a{border: none; box-shadow: none;} .header .nav .site-container .menu-container.open menu.main.active>li:not(.active), .super-menu-stick, .menu-bento-container, .menu-account-container, .header menu.main>li>div.super-menu-container{display: none;} .header menu.main>li>div.super-menu-container{min-height: 0} .header menu.main>li>div.super-menu-container::before{content: none} .header menu.main li{display:block; position: relative;} .header .nav{width:100%;position:fixed;top:0;z-index:50;} .header .nav .mobile-user{width:20px;height:25px;right:1px;top:1px;display:block; margin-left: 20px} .header .nav .mobile-user[data-toggle=".secondary .disconnected-nav"] {padding: 6px; background-color: #31363C; width: 16px; height: 16px; border-radius: 50%;} .header .nav .mobile-user[data-toggle=".secondary .disconnected-nav"] img{width: 10px;display: block;margin: 0 auto;} .menu-container.open .disconnected-nav{gap: 10px; justify-content: center; margin-bottom: 32px} .menu-container.open .menu-mobile .disconnected-nav{flex-direction: column-reverse; padding: 0 12px; } .menu-container.open .menu-mobile .disconnected-nav li, .menu-container.open .menu-mobile .disconnected-nav li>span, .header menu.main>li>div.super-menu-container .super-menu-connect>div:last-of-type>div{width: 100%} .menu-container.open .menu-mobile .disconnected-nav li .login{color: white} .my-account-nav{max-width: 80vw; width: auto;} .header .nav{position:absolute;} .header .nav .site-container .menu-container{z-index:100;width:100%;height: 100vh;position:fixed;left:0;top:0;background:rgba(0, 0, 0, .5);opacity:0;pointer-events: none;transition:opacity .3s;} .header .nav .site-container .menu-container.open{pointer-events: all;opacity: 1;} .header .nav .site-container .menu-container menu.main{display: flex;overflow-y: auto; width: 80%;height:100vh;box-sizing:border-box;position:fixed;margin-left:0;flex-direction: column;background:#fff;padding:0 0 20px 0;transform:translateX(100%);transition: all .4s; right: 0} .header .nav .site-container .menu-container li.active .super-menu-container{display: flex;transform: translateY(0); border: none; box-shadow: none; transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease; padding: 0; opacity: 0;} .header menu.main .super-menu-title{padding-left: 12px} .header .nav .site-container .menu-container .super-menu-container .super-menu-title{font-size: 16px; color: #414651; padding-left: 0} .header .menu-container menu.main .menu-mobile .my-account-nav li a{font-weight: 400} .header .nav .site-container .menu-mobile-deco{margin: auto auto 0 auto;} .header .nav .site-container .menu-mobile-deco a{color: #535862; display: flex; align-items: center; gap: 10px} .header .nav .site-container .menu-mobile-deco a::before{content: ''; background: #535862; mask-image: url("../../includes/components/./2026/styles/../imgs/icon-deco.svg"); mask-repeat: no-repeat; mask-position: center; width: 20px; height: 20px; display: block;} .header .nav .site-container .menu-container.open menu.main>li.active{order: -1} .header menu.main>li>div .super-menu{gap: 32px} .header menu.main>li>div .super-menu ul{display: flex; flex-direction: column} .header menu.main>li>div .super-menu ul li{cursor: pointer} .header menu.main>li>div .super-menu ul li a, .header menu.main>li>div .super-menu ul li span.cbo :is(a, button){min-width: calc(100% - 40px)} .header menu.main>li>div .super-menu ul li:hover a:not(.private), .header menu.main>li>div .super-menu ul li:hover span.cbo:not(.private){color: #9E102A} .header menu.main>li>div .super-menu ul li a,.header menu.main>li>div .super-menu ul li span.cbo {font-size: 16px;width: auto; position: initial; padding-right: 28px} .header .nav .site-container .menu-container.open menu.main.active>li.active .super-menu-container{opacity: 1; display: flex; justify-content: flex-start; flex-direction: column; height: calc(100vh - 120px); overflow-y: auto; overflow-x: hidden;padding-bottom: 24px;} .header .nav .site-container .menu-container.open menu.main {transform:translateX(0); padding: 24px 44px} .header .nav .site-container .menu-container.open menu.main .super-menu{flex-direction: column} .header .nav .site-container .menu-container.open menu.main .super-menu>div{padding: 0; width: 99%} .header .nav .site-container .menu-container.open menu.main>li:after, .header .nav .main.active li.active .super-menu-container li a:after, .header .nav .main.active li.active .super-menu-container li span:after{content: ''; transform: translateY(-50%) ; right: 0; width: 30px; height: 33px; mask-image: url("../../includes/components/./2026/styles/../imgs/icon-arrow-right-menu.svg"); mask-repeat: no-repeat; mask-position: center;background-color: #535862; position:absolute; display:block; transition: all .3s; top: 50%;} .header .nav .main.active li.active .super-menu-container li a.private:after{mask-image: url("../../includes/components/./2026/styles/../imgs/icon-password-lock.png"); right: -12px; transform: translateY(-50%); background-color: #A4A7AE;} .header .nav .site-container .menu-container.open menu.main.active>li.active:after{left: -10px; right: unset; transform: translateY(-50%) rotate(180deg);top: calc(50% - 10px); width: 24px; height: 24px} .header .nav .site-container .menu-container.open menu.main>li:hover:after, .header .nav .main.active li.active .super-menu-container li:hover a:not(.private):after{background-color: #9E102A} .header menu.main .super-menu ul li:hover a:not(.private):after, .header menu.main .super-menu ul li:hover span.cbo:not(.private):after{background-color: #9E102A} .header .nav .site-container .menu-container .main>li:first-of-type>:is(button, a.super-menu-trigger){padding-left: 0.8em} .header .nav .site-container .menu-container .main>li.active >:is(button, a.super-menu-trigger){padding-left: 16px; margin-bottom: 18px; font-weight: 600; padding-right: 0} .header .nav .site-container .menu-container .main>li >:is(button, a.super-menu-trigger), .header .nav .site-container .menu-container .main>li.link >a{width: 100%; text-align: left; font-size: 16px; padding-right: 24px; padding-left: 8px} .header .nav .site-container .menu-container .main>li >:is(button, a.super-menu-trigger):hover, .header .nav .site-container .menu-container .main>li.link >a:hover{color: #9E102A} .header .nav .site-container{position:relative; margin: 0;width: auto;} .header menu.main>li>div.super-menu-container .super-menu-connect{margin: 16px auto 0 auto; float: none; flex-direction: column; gap: 16px; padding-top: 0; order: -1} .header menu.main>li>div.super-menu-container .super-menu-connect>div:last-of-type{flex-direction: column; width: 100%; gap: 16px} .header .menu-container :is(button, a.super-menu-trigger){color: #414651} .header .nav .site-container:first-of-type{width: 100%; padding-bottom: 8px} .header .nav .site-container:nth-child(2) {height: 0; display: contents} } html, body{padding:0;margin:0;} body{font-family: Inter, sans-serif;background: #ECECEE;font-size:16px; color: #31363C;} /*Boutons*/ .button-primary {border: none; border-radius: 2px; background-color: #CC0033; color: #FFF;font-size: 14px;padding: 1em 2em;cursor: pointer; font-weight: 600;} .button-primary:hover {background-color: #9E102A;color: #FFF;} .button-primary.disable{pointer-events: none;user-select: none;opacity: .8;} .button-secondary {border: 1px solid #F8E2E5; border-radius: 2px;color:#cc0033; background-color: #F8E2E5;padding: 1em 2em;} .button-secondary:hover {background-color: #F4D2D7;} .button-tertiary {border: 1px solid #E9EAEB; border-radius: 0.5em; background-color: #FFF; color: #414651;font-weight: 600;font-size: 0.875em;cursor: pointer;padding: .6em;line-height: 1.313em;} .button-tertiary:hover, .button-tertiary.selected {background-color: #F5F5F5;color: #414651;} .button-tertiary a:hover {text-decoration: none !important;} .button-tertiary.register{padding-left:1.9em;background-image:url("../../includes/components/./2020/styles/../imgs/icon-edit-red.png");background-repeat:no-repeat;background-position: 0.6em center;background-size:.9em;} .button-tertiary.disable:not(.selected){opacity: .5; border-color: #F7F7F8;} .button-connection:hover {border: 1px solid #4E565F; background-color: #4E565F;color:#fff;} .button-connection, .button-primary.login{padding-left:2em;background-image:url("../../includes/components/./2020/styles/../imgs/icon-user-connection.png");background-repeat:no-repeat;background-position: 1.2em center;background-size:.7em;} .button-connection {border: 1px solid #31363C; border-radius: 2px; background-color: #31363C; color: #FFF;font-weight: 600;font-size: 14px;padding:.6em 1.6em .6em 2.7em;} .button-primary.search {display: inline-flex;align-items: center;gap:0.8em;} .button-primary.search img {width: 16px;transition:all .3s;} .button-primary.search:hover img {transform:rotate(90deg);} .search-thermal .button-primary.search {margin-left: 1.3em;} .button-primary a, .button-primary a:hover {color: #FFF;} .button-primary-particular {border: none; border-radius: 2px; background-color: #EAF3F8; color: #444C62;font-size: 14px;padding: 1em 2em;cursor: pointer; font-weight: 600;} .button-primary-particular:hover {background-color: #CCE2EF;color: #444C62;} .button-primary-particular.disable{pointer-events: none;user-select: none;opacity: .8;} /*Titres*/ h1, h2 {font-family: Inter, sans-serif; font-weight: 600;line-height: 115%;} h1{font-size: 2.25em; letter-spacing: 0;color: #31363C;padding:0;margin:0;} h2 {font-size: 1.5em;color: #31363C;margin-top:0;} .box-title {font-family: Inter, sans-serif;font-size: 20px;font-weight: 600;} /*Img svg + colors*/ :root { --brand-main: #CC0033; --light-brand-main: #C03; --accent-main: #CC0033; --accent-light: #F8E2E5; --accent-dark: #9E102A; --success-color: #417650; --error-color: #E82E06; --warning-color: #976607; --patients-color:#2D6C94; --stroke-medium: #E9EAED; --light-stroke-medium: #E9EAED; --background-bg-01:#F7F7F8; --light-background-bg-02: #ECECEE; --light-background-main:#FFF; --stroke-dark: #CECED4; --light-stroke-dark:#CECED4; --light-text-blue:#444C62; --light-text-main:#31363C; --text-secondary: #5F6164; --light-text-secondary: #5F6164; --text-tertiary:#73777D; --line-medium: #E9EAED; --surface-blue-light: #EAF3F8; --light-text-tertiary: #73777D; --color-gray-light-mode : #FAFAFA; --icon-home : url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3813 0.381206C10.1541 0.201707 9.8334 0.201707 9.60625 0.381206L0.625 7.38746L1.4 8.37496L2.5 7.51246V15.25C2.5 15.9403 3.05964 16.5 3.75 16.5H16.25C16.9404 16.5 17.5 15.9403 17.5 15.25V7.51871L18.6 8.37496L19.375 7.39371L10.3813 0.381206ZM11.25 15.25H8.75V10.25H11.25V15.25ZM12.5 15.25V10.25C12.5 9.5596 11.9404 8.99996 11.25 8.99996H8.75C8.05964 8.99996 7.5 9.5596 7.5 10.25V15.25H3.75V6.53746L10 1.66871L16.25 6.54371V15.25H12.5Z' fill='%2373777D'/%3E %3C/svg%3E"); --icon-help : url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7C0 10.9 3.1 14 7 14C10.9 14 14 10.9 14 7C14 3.1 10.9 0 7 0C3.1 0 0 3.1 0 7ZM1 7C1 3.7 3.7 1 7 1C10.3 1 13 3.7 13 7C13 10.3 10.3 13 7 13C3.7 13 1 10.3 1 7ZM7.5 10V5.5H5.5V6.5H6.5V10H5V11H9V10H7.5ZM6.2 3.3C6.2 2.8 6.6 2.5 7 2.5C7.4 2.5 7.8 2.7 7.8 3.2C7.8 3.7 7.4 4 7 4C6.6 4 6.2 3.8 6.2 3.3Z' fill='%2373777D'/%3E %3C/svg%3E"); --icon-thumb-up : url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.625 5.75018H10.25V2.37518C10.2495 1.92778 10.0716 1.49884 9.7552 1.18248C9.43884 0.866122 9.0099 0.688174 8.5625 0.687683H7.3628C7.09228 0.688768 6.83112 0.786842 6.62675 0.964093C6.42239 1.14134 6.28837 1.38601 6.24905 1.65366L5.77357 4.9817L3.76145 8.00018H0.125V15.8752H11.9375C12.9814 15.874 13.9823 15.4588 14.7205 14.7206C15.4586 13.9825 15.8738 12.9816 15.875 11.9377V8.00018C15.8743 7.40365 15.6371 6.83174 15.2153 6.40993C14.7934 5.98812 14.2215 5.75085 13.625 5.75018ZM3.5 14.7502H1.25V9.12518H3.5V14.7502ZM14.75 11.9377C14.7492 12.6833 14.4526 13.3982 13.9253 13.9255C13.398 14.4527 12.6832 14.7493 11.9375 14.7502H4.625V8.73295L6.85126 5.39367L7.3628 1.81268H8.5625C8.71165 1.8128 8.85465 1.8721 8.96012 1.97757C9.06558 2.08303 9.12488 2.22604 9.125 2.37518V6.87518H13.625C13.9233 6.87556 14.2092 6.9942 14.4201 7.2051C14.631 7.416 14.7496 7.70193 14.75 8.00018V11.9377Z' fill='%23CC0033'/%3E %3C/svg%3E"); --icon-thumb-down : url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.875 8.00018V4.06268C15.8738 3.01875 15.4586 2.01791 14.7205 1.27973C13.9823 0.54156 12.9814 0.126344 11.9375 0.125183H0.125V8.00018H3.76145L5.77374 11.0187L6.24922 14.3467C6.28854 14.6143 6.42253 14.859 6.62686 15.0362C6.83119 15.2135 7.09231 15.3116 7.3628 15.3127H8.5625C9.0099 15.3122 9.43884 15.1342 9.7552 14.8179C10.0716 14.5015 10.2495 14.0726 10.25 13.6252V10.2502H13.625C14.2215 10.2495 14.7934 10.0122 15.2153 9.59043C15.6371 9.16862 15.8743 8.59671 15.875 8.00018ZM3.5 6.87518H1.25V1.25018H3.5V6.87518ZM14.75 8.00018C14.7496 8.29844 14.631 8.58437 14.4201 8.79527C14.2092 9.00616 13.9233 9.12481 13.625 9.12518H9.125V13.6252C9.12488 13.7743 9.06558 13.9173 8.96012 14.0228C8.85465 14.1283 8.71165 14.1876 8.5625 14.1877H7.3628L6.85126 10.6067L4.625 7.26741V1.25018H11.9375C12.6832 1.25103 13.398 1.54762 13.9253 2.07488C14.4526 2.60214 14.7492 3.31702 14.75 4.06268V8.00018Z' fill='%23CC0033'/%3E %3C/svg%3E"); --icon-print : url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5 4.625H14.625V0.875H3.375V4.625H1.5C0.809644 4.625 0.25 5.18464 0.25 5.875V12.125C0.25 12.8154 0.809644 13.375 1.5 13.375H3.375V17.125H14.625V13.375H16.5C17.1904 13.375 17.75 12.8154 17.75 12.125V5.875C17.75 5.18464 17.1904 4.625 16.5 4.625ZM4.625 2.125H13.375V4.625H4.625V2.125ZM13.375 15.875H4.625V9.625H13.375V15.875ZM16.5 12.125H14.625V8.375H3.375V12.125H1.5V5.875H16.5V12.125Z' fill='%23CC0033'/%3E %3C/svg%3E"); --icon-print-small : url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5 4.625H14.625V0.875H3.375V4.625H1.5C0.809644 4.625 0.25 5.18464 0.25 5.875V12.125C0.25 12.8154 0.809644 13.375 1.5 13.375H3.375V17.125H14.625V13.375H16.5C17.1904 13.375 17.75 12.8154 17.75 12.125V5.875C17.75 5.18464 17.1904 4.625 16.5 4.625ZM4.625 2.125H13.375V4.625H4.625V2.125ZM13.375 15.875H4.625V9.625H13.375V15.875ZM16.5 12.125H14.625V8.375H3.375V12.125H1.5V5.875H16.5V12.125Z' fill='%23CC0033'/%3E %3C/svg%3E"); --icon-share : url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3751 11.5001C12.4275 11.5048 11.5332 11.9393 10.9438 12.6813L6.37505 9.82506C6.54156 9.28766 6.54156 8.71246 6.37505 8.17506L10.9438 5.31881C11.9013 6.5044 13.5743 6.82647 14.9035 6.08108C16.2327 5.33568 16.8304 3.74022 16.3181 2.30495C15.8059 0.869692 14.3331 0.0132318 12.8323 0.277894C11.3315 0.542556 10.2405 1.85115 10.2501 3.37506C10.253 3.65455 10.2951 3.93224 10.3751 4.20006L5.8063 7.05631C4.97959 6.01558 3.58502 5.61165 2.33006 6.04944C1.0751 6.48723 0.234375 7.67093 0.234375 9.00006C0.234375 10.3292 1.0751 11.5129 2.33006 11.9507C3.58502 12.3885 4.97959 11.9845 5.8063 10.9438L10.3751 13.8001C10.2951 14.0679 10.253 14.3456 10.2501 14.6251C10.2501 16.351 11.6492 17.7501 13.3751 17.7501C15.1009 17.7501 16.5001 16.351 16.5001 14.6251C16.5001 12.8992 15.1009 11.5001 13.3751 11.5001ZM13.3751 1.50006C14.4106 1.50006 15.2501 2.33952 15.2501 3.37506C15.2501 4.41059 14.4106 5.25006 13.3751 5.25006C12.3395 5.25006 11.5001 4.41059 11.5001 3.37506C11.5001 2.33952 12.3395 1.50006 13.3751 1.50006ZM3.37505 10.8751C2.33952 10.8751 1.50005 10.0356 1.50005 9.00006C1.50005 7.96452 2.33952 7.12506 3.37505 7.12506C4.41059 7.12506 5.25005 7.96452 5.25005 9.00006C5.25005 10.0356 4.41059 10.8751 3.37505 10.8751ZM13.3751 16.5001C12.3395 16.5001 11.5001 15.6606 11.5001 14.6251C11.5001 13.5895 12.3395 12.7501 13.3751 12.7501C14.4106 12.7501 15.2501 13.5895 15.2501 14.6251C15.2501 15.6606 14.4106 16.5001 13.3751 16.5001Z' fill='%23181D27'/%3E %3C/svg%3E"); --icon-bookmark : url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1V12.375L5.45 10.58L5 10.355L4.55 10.58L1 12.375V1H9ZM9 0H1C0.447715 0 0 0.447715 0 1V14L5 11.5L10 14V1C10 0.447715 9.55229 0 9 0Z' fill='%23CC0033'/%3E %3C/svg%3E"); --icon-bookmark-add : url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9 7V12.3757L5 10.3525L1 12.374V1H6V0H1C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V14L5 11.4732L10 14V7H9Z' fill='%23CC0033'/%3E %3Cpath d='M10 2V0H9V2H7V3H9V5H10V3H12V2H10Z' fill='%23CC0033'/%3E %3C/svg%3E"); --icon-arrow-right : url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.3 0.7L12.1 4.5H0V5.5H12.1L8.3 9.3L9 10L14 5L9 0L8.3 0.7Z' fill='%23CC0033'/%3E %3C/svg%3E"); --icon-plus : url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 4.75V0.5H4.75V4.75H0.5V6.25H4.75V10.5H6.25V6.25H10.5V4.75H6.25Z' fill='%23CC0033'/%3E %3C/svg%3E"); --icon-link:url("data:image/svg+xml,"); --icon-screen:url("data:image/svg+xml, "); --icon-see-doc:url("data:image/svg+xml,"); --icon-loader:url('data:image/svg+xml,'); --icon-calculator:url('data:image/svg+xml,'); --icon-pencil:url('data:image/svg+xml,'); --icon-pen:url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.1535 2.05345L13.5 0.70705L12.7929 0L11.4466 1.34645L10.9 0.8C10.8097 0.705167 10.7011 0.629664 10.5808 0.578073C10.4605 0.526483 10.3309 0.49988 10.2 0.49988C10.0691 0.49988 9.93952 0.526483 9.81919 0.578073C9.69886 0.629664 9.59026 0.705167 9.5 0.8L0.5 9.8V13H3.7L12.7 4C12.7948 3.90973 12.8703 3.80114 12.9219 3.68081C12.9735 3.56048 13.0001 3.43092 13.0001 3.3C13.0001 3.16908 12.9735 3.03952 12.9219 2.91919C12.8703 2.79886 12.7948 2.69027 12.7 2.6L12.1535 2.05345ZM3.3 12H1.5V10.2L10.2 1.5L12 3.3L3.3 12Z' fill='%23CC0033'/%3E %3Cpath d='M6.79297 1L3.00001 4.79296L3.70705 5.5L7.5 1.70704L6.79297 1Z' fill='%23CC0033'/%3E %3C/svg%3E"); --icon-close:url('data:image/svg+xml,'); --logo-gpr:url("../../includes/components/./2020/styles/../imgs/logo-gpr.png"); --icon-unfold:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='20' height='20' fill='none' style='mix-blend-mode:multiply'/%3E %3Cpath d='M10 13.75L3.75 7.5L4.625 6.625L10 12L15.375 6.625L16.25 7.5L10 13.75Z' fill='%239E102A'/%3E %3C/svg%3E"); --icon-cookie:url('data:image/svg+xml,'); --icon-vidal-recos:url('data:image/svg+xml,'); --icon-play:url('data:image/svg+xml,'); --icon-play-red:url('data:image/svg+xml,'); --icon-see:url('data:image/svg+xml,'); --icon-search:url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.7504 18.3691L14.0316 13.6254C16.3749 10.798 16.0825 6.62811 13.3675 4.15542C10.6526 1.68272 6.4736 1.78026 3.87693 4.37693C1.28026 6.9736 1.18272 11.1526 3.65542 13.8675C6.12811 16.5825 10.298 16.8749 13.1254 14.5316L17.8691 19.2504L18.7504 18.3691ZM3.12549 9.25C3.12549 6.1434 5.64389 3.625 8.75049 3.625C11.8571 3.625 14.3755 6.1434 14.3755 9.25C14.3755 12.3566 11.8571 14.875 8.75049 14.875C5.64389 14.875 3.12549 12.3566 3.12549 9.25Z' fill='white'/%3E%3C/svg%3E%0A"); --icon-slider:url("data:image/svg+xml, "); --icon-player:url("data:image/svg+xml, "); --icon-info:url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='information 1' clip-path='url(%23clip0_2561_1771)'%3E %3Cpath id='Vector' d='M8.5 11.7V7.69995H6.5V8.69995H7.5V11.7H6V12.7H10V11.7H8.5Z' fill='%235F6164'/%3E %3Cpath id='Vector_2' d='M8 4.69995C7.85166 4.69995 7.70666 4.74394 7.58332 4.82635C7.45999 4.90876 7.36386 5.02589 7.30709 5.16294C7.25032 5.29998 7.23547 5.45078 7.26441 5.59627C7.29335 5.74175 7.36478 5.87539 7.46967 5.98028C7.57456 6.08517 7.7082 6.1566 7.85368 6.18554C7.99917 6.21448 8.14997 6.19963 8.28701 6.14286C8.42406 6.0861 8.54119 5.98997 8.6236 5.86663C8.70601 5.74329 8.75 5.59829 8.75 5.44995C8.75 5.25104 8.67098 5.06027 8.53033 4.91962C8.38968 4.77897 8.19891 4.69995 8 4.69995Z' fill='%235F6164'/%3E %3Cpath id='Vector_3' d='M8 15.7C6.61553 15.7 5.26216 15.2894 4.11101 14.5202C2.95987 13.7511 2.06266 12.6578 1.53285 11.3787C1.00303 10.0997 0.86441 8.69219 1.13451 7.33432C1.4046 5.97646 2.07129 4.72917 3.05026 3.75021C4.02922 2.77124 5.2765 2.10455 6.63437 1.83446C7.99224 1.56436 9.3997 1.70298 10.6788 2.2328C11.9579 2.76261 13.0511 3.65982 13.8203 4.81096C14.5895 5.96211 15 7.31549 15 8.69995C15 10.5565 14.2625 12.3369 12.9497 13.6497C11.637 14.9625 9.85652 15.7 8 15.7ZM8 2.69995C6.81332 2.69995 5.65328 3.05185 4.66658 3.71114C3.67989 4.37042 2.91085 5.3075 2.45673 6.40385C2.0026 7.50021 1.88378 8.70661 2.11529 9.8705C2.3468 11.0344 2.91825 12.1035 3.75736 12.9426C4.59648 13.7817 5.66558 14.3532 6.82946 14.5847C7.99335 14.8162 9.19975 14.6974 10.2961 14.2432C11.3925 13.7891 12.3295 13.0201 12.9888 12.0334C13.6481 11.0467 14 9.88664 14 8.69995C14 7.10866 13.3679 5.58253 12.2426 4.45731C11.1174 3.3321 9.5913 2.69995 8 2.69995Z' fill='%235F6164'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_2561_1771'%3E %3Crect width='16' height='16' fill='white' transform='translate(0 0.699951)'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E"); --icon-bookmark-favorite: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkJvb2ttYXJrLS1maWxsZWQiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwNDg4MjgxIDAuNDEzODE4KSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ii8+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNS4wMDA1IDEuNjYzODJINS4wMDA0OUM0LjY2ODk3IDEuNjYzODIgNC4zNTEwMyAxLjc5NTUxIDQuMTE2NiAyLjAyOTkzQzMuODgyMTggMi4yNjQzNiAzLjc1MDQ5IDIuNTgyMyAzLjc1MDQ5IDIuOTEzODJWMTkuMTYzOEwxMC4wMDA1IDE2LjAwNTJMMTYuMjUwNSAxOS4xNjM4VjIuOTEzODJDMTYuMjUwNSAyLjU4MjMgMTYuMTE4OCAyLjI2NDM2IDE1Ljg4NDQgMi4wMjk5M0MxNS42NSAxLjc5NTUxIDE1LjMzMiAxLjY2MzgyIDE1LjAwMDUgMS42NjM4MloiIGZpbGw9IiNDQzAwMzMiLz4KPC9nPgo8L3N2Zz4K"); --icon-formation: url("data:image/svg+xml,"); --icon-settings-04: url('data:image/svg+xml, '); --icon-eye-off: url('data:image/svg+xml,'); } input{outline:none;} a[data-href]{cursor:pointer;} a{color:#31363C;text-decoration: none;font-size: 1em;} a:hover{color: #9E102A;} a img{border:none;outline:none;} .h4, h4, h3, .h3{text-align: left; padding: 0 0 10px 0; margin:0; display:block;} h2 .count, h4 .count, .h4 .count{position:absolute;right:0;background:#417650;color:#fff;display:flex;justify-content:center;align-items:center;font-family: Inter, sans-serif; font-weight:normal;height: 15px;border-radius: 10px;bottom: 15px;font-size:14px;line-height: 1.5;padding: 2px 10px;} .h4 .highlight, h4 .highlight, h1 .highlight, h2 .highlight{color: #cc0033;} .h5, h5{text-align: left; padding:10px 10px 10px 40px; margin:0; display:block;font-style: italic;} .feedback .h4{padding: 0 0 10px 0;} .feedback .h4::after{content: '';display: block;height: 4px;background: #C0273E;border-radius: 5px;width: 41px;border: 0;} .icon-menu{--icon-color:#fff;display:inline-block;width:20px;height:16px;position:relative;cursor:pointer;transition:all .2s;} .icon-menu span, .icon-menu:before, .icon-menu:after{pointer-events:none;position:absolute;display:block;content:'';width:100%;height:2px;background:var(--text-color-header);left:50%;transform:translateX(-50%);transform-origin: 50% 50%;} .icon-menu span{top:50%;transform:translate(-50%, -50%);} .icon-menu:before{top:0;transition:all .3s;} .icon-menu:after{bottom:0;transition:all .3s;} .icon-menu.open{} .icon-menu.open span{opacity: 0;} .icon-menu.open:before{transform:rotate(45deg);left:0;top:50%;} .icon-menu.open:after{transform:rotate(-45deg);left:0;top:50%;} .content.document.site-container .focus {box-sizing:border-box;background: #FFF;padding:0.3em 1.3em 1.3em;border-left:solid 10px #ff9f46;margin-bottom:1.75em;} .content.document.site-container .focus::before{display:block;content:'';background:url("../../includes/components/./2020/styles/../imgs/logo-vidal-focus.png") no-repeat left center;background-size:auto 20px;height:50px;border-bottom:solid 1px #ddd;} .content.document.site-container .focus ul{list-style-type: disc;} .site-container{width: 100%; max-width:1920px;margin:0 auto;box-sizing: border-box;padding:0 6em} .site-container.site-container-exceed-right{padding-right:0;} .site-container.main{margin-top:2.75em;} .site-container.content {display: flex;padding-top:2.75em;gap:1.75rem;} .site-container.content.document>div{display:flex;flex: 1 1 auto;} .site-container.content.document>div>.main .block{padding:1.3em;box-sizing: border-box;} .site-container.content.document>div.extra{flex:0 0 auto;display:block;} .site-container.content.document>div.restricted{flex-direction: column;} .site-container.content.document>div.restricted p a{color:#CC0033;} .site-container.content.document>div.restricted p a:hover{text-decoration: underline;} .block .lab a{color: #CC0033;font-weight: 500;} .block .lab a:hover{color: #9E102A;text-decoration: underline} .full.site-container.content.document>div>.main{padding:0;} .with-facets.site-container.content>div{display:flex;align-items: start;flex: 1 1 auto;} .site-container.content .main{padding:1.3em;background:#fff;flex:1 1 auto;box-sizing: border-box;} .with-facets.site-container.content>div.extra{display:block;flex:0 0 auto;} .intro .title,.intro h1{flex:1 1 auto;} .intro .subtitle{margin-bottom:1em;} .stop-scrolling {overflow-y: scroll} .content .summary.open.scrollable { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ overflow-y: auto; } .content .summary.open.scrollable::-webkit-scrollbar { width: 0; background: transparent; } .content .block .summary{padding:0 0 21px 0;} .content .block .summary.scrollable:hover {padding:0;} div.extmenu-header{width:100%; border-radius: 10px 10px 0 0; position:relative; box-sizing: border-box;display: flex; gap: 32px; background-color: #FAFAFA; border-bottom: 1px solid #E9EAEB; padding: 32px;} div.extmenu-header>div:first-of-type{background: var(--background-gradient-primary);width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;flex-shrink: 0; border-radius: 100%} div.extmenu-header>div:first-of-type img{height: 20px;} div.doc-header h2{color:#278524;} div.extmenu-header.doc-header h2::after{content:''; display:block; height:4px; background:#278524; border-radius: 5px; width:53px; margin:2px auto 0; border:0;} /*div.extra-menu-widget div.extmenu-content ul li a{display:flex; align-items: center;box-sizing: border-box; position: relative; text-decoration: none;}*/ a.private,.header menu.main>li>ul>li>a.private, span.cbo.private{cursor: pointer; color:#9A9A9A;position:relative;display:block;padding-right:30px;} a.private::after,span.cbo.private::after{position:absolute;display:block;content:'';width:20px;height:20px;background: url("../../includes/components/./2020/styles/../imgs/icon-password.png") no-repeat;right:2px;top:50%;margin-top:-8px;} a.private+ul>li>a,span.cbo.private.private+ul>li>a{pointer-events: none;color:#9A9A9A;} .header{background: var(--background-header);background-attachment: fixed;background-size: cover;} .header menu.main>li>ul>li {border-bottom: 1px solid #CECED4;} .header menu.main>li>ul>li:last-of-type {border-bottom: none;} .header menu.main>li>ul>li>a{padding:12px;display:block;transition:padding .3s; color: #5A5A5A} div.super-menu div>div>ul>li .new {color:#C0273E;font-weight:bold;font-size:0.7em;padding-left:8px;} .header .icon-menu, .header .mobile-user{display:none;} .header .menu-container ul>li>span.cbo {color:#5A5A5A} .header .menu-container ul>li:hover>span.cbo {color:#9E102A} .header ul.secondary .search-mobile, .header ul.secondary .close-mobile {display: none;width: 20px} .header ul.secondary{list-style:none;display:flex;padding:0;margin:0;align-items: center;min-width: 0;} .header ul.secondary li{position:relative} .header ul.secondary .button-tertiary{margin-right:.5em;} .header ul.secondary .avatar{width: 30px;height: 30px;padding:0;border-radius:100%;overflow:hidden;cursor:pointer; flex-shrink: 0} .header ul.secondary .avatar img{width: 30px;height: 30px;} .my-account-nav{z-index:99;visibility:hidden; opacity: 0; pointer-events: none; transition: opacity 0.3s ease;position:absolute; right:-10px;top: 44px;margin:0;border: 1px solid #D5D7DA;padding: 1.5em;border-radius: 8px; background:#fff;width:326px; box-shadow: 0px 2px 2px -1px rgba(10, 13, 18, 0.04), 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 12px 16px -4px rgba(10, 13, 18, 0.08);} .header ul.secondary .menu-account-container.open .my-account-nav{visibility:visible;opacity: 1; pointer-events: auto;} .my-account-nav li:first-of-type{margin-bottom: 20px} .my-account-nav li:first-of-type a{display: flex; align-items: center;gap: 10px;border: 1px solid #E9EAEB; border-radius: 12px; padding: 1em; box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);} .my-account-nav li:first-of-type .avatar{position: relative; height: 48px; width: 48px; margin: 0; border-radius: 0; border: none} .my-account-nav li:first-of-type .avatar img{width: 48px; height: 48px; border-radius: 100%;} .my-account-nav li:first-of-type .avatar::before{z-index: 1;content: ''; height: 16px;width: 16px;bottom: 3px;right: 0;background: url("../../includes/components/./2020/styles/../../2026/imgs/icon-add.png") no-repeat center;position:absolute; display:block; border: 1px solid transparent} .my-account-nav li:first-of-type .avatar:after{border: 1px solid #FAFAFA;content: '';position: absolute;height: 1em;width: 1em;background-color: #2E90FA;bottom: 3px;right: 0;border-radius: 1rem;} .my-account-nav li:first-of-type .account-text{display: flex; flex-direction: column; gap: 8px;} .my-account-nav li:first-of-type .account-text div:last-of-type{font-weight: 400} .my-account-nav li:first-of-type a::after{right: 12px} .my-account-nav>li:not(:first-of-type):not(:last-of-type) a{font-weight: 500;} .my-account-nav li a {font-size: 16px; display: flex; align-items: center; padding: 12px 14px 12px 25px;gap:1em; font-weight: 400} .my-account-nav li a:hover:after{background-color: #9E102A;} .my-account-nav li a::after{content: ''; right: 0; transform: translateY(-50%); width: 20px; height: 20px; mask-image: url("../../includes/components/./2020/styles/../../2026/imgs/icon-arrow-right-menu.svg"); mask-repeat: no-repeat; mask-position: center;background-color: #535862; position:absolute; display:block; transition: all .3s; top: 50%;} .header ul.secondary .my-account-nav li:last-of-type a{gap: 10px; font-size: 14px; border-top: 1px solid #E9EAEB; padding-top: 24px; margin-top: 20px; padding-bottom: 0; padding-left: 0} .header ul.secondary .my-account-nav li:last-of-type a::after{content: none;color: #535862} .header ul.secondary .my-account-nav li:last-of-type a::before{content: ''; background: #535862; mask-image: url("../../includes/components/./2020/styles/../../2026/imgs/icon-deco.svg"); mask-repeat: no-repeat; mask-position: center; width: 20px; height: 20px; display: block;} .header ul.secondary .my-account-nav li:last-of-type a:hover::before{background-color: #9E102A;} .my-account-nav li.logout a::before{background-position:-87px -3px;} .my-account-nav li.logout a:hover::before{background-position:-143px -3px;} .my-account-nav li a .usr-info{font-weight: 600; padding-right: 15px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .my-account-nav a:hover {color: #9E102A} .my-account-nav img {margin-right: 12px;} .header ul.secondary .big, .header ul.secondary .medium, .header ul.secondary .small{padding:10px 2px;display:inline-block;cursor:pointer;} .header ul.secondary .big{font-size:1.2em;margin-left:8px;} .header ul.secondary .small{font-size:0.8em;} /* new*/ .header.embedded .nav{height:50px;background:#fff;display:flex;align-items: center; padding-bottom: 30px; } .header.embedded .nav .close {display:block;border: 1px solid #F8E2E5;transition:all .5s; border-radius: 2px; cursor: pointer} .header.embedded .nav .close .icon-close{width: 1em; height:1em; padding: 11px;transition:transform .4s;display:block; background:var(--icon-close) no-repeat center center;background-size:20px;} .header.embedded .nav .close:hover .icon-close{transform:rotate(90deg);} .header.embedded .nav .site-container { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin-bottom: 2px; font-size: 14px;border-bottom: 2px solid #CC0033;} .header.embedded .nav .site-container .arrow {-webkit-mask-image: var(--icon-arrow-right);mask-image: var(--icon-arrow-right);background-color: #CC0033;display: inline-block;width: 14px; height: 10px;} .header.embedded .nav .site-container .button-new-window:hover .arrow {background-color: #9E102A;} .header.embedded .nav .site-container .button-new-window{min-width: 280px;display: flex;justify-content: space-between;align-items: center;} .header .nav .site-container {height: 70px; } .header .nav.homepage-nav .menu-container:last-of-type{box-shadow: 0px -8px 6px -8px rgba(255, 255, 255, 0.18) inset; border-bottom: none} .header .nav.homepage-nav:not(.scroll-up) .menu-container:last-of-type{border-bottom: none; box-shadow: none} .header .nav .site-container {display:flex;align-items:center;justify-content: space-between;margin:0 auto; width: 100%;} .header .nav .site-container a.logo{padding:0;margin:0 45px 0 0;flex:0 0 auto;} .header .nav .site-container a.logo img , .header .nav.homepage-nav .site-container a.logo img, .header .nav .site-container a.logo svg, .header .nav.homepage-nav .site-container a.logo svg {height: 20px;} .header .nav .site-container a.logo {color: var(--color-logo);} .header .nav .site-container a.logo img {height: 20px;} .header .nav.homepage-nav .site-container a.logo img {height: 28px;} .header .nav .site-container .search-container {display: flex; align-items: center; flex: 1 1 auto; justify-content: flex-end;margin: 0 0.5em 0 0; gap: 12px; height: 50px; position: relative; min-width: 360px} .header .nav .site-container .searchbar-toggle {display: inline-flex; align-items: center; justify-content: center;width: 36px; height: 36px; box-sizing: border-box;border-radius: 50%; border: 1px solid transparent; background-color: transparent;cursor: pointer; flex: 0 0 auto;transition: background-color .25s ease, border-color .25s ease, opacity .25s ease, transform .25s ease, width .25s ease;} .searchbar-toggle-icon {width: 18px; height: 18px;background-color: #333; -webkit-mask: var(--search-icon, none) center / contain no-repeat;mask: var(--search-icon, none) center / contain no-repeat;} .homepage-nav .searchbar-toggle-icon {background-color: #fff;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar .searchbar-icon .searchbar-glass {width: 14px; height: 14px;display: block;background-color: #333;-webkit-mask: var(--search-icon, none) center / contain no-repeat;mask: var(--search-icon, none) center / contain no-repeat;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar .searchbar-icon .searchbar-loader {width: 14px; height: 14px;display: none;border: 2px solid currentColor;border-right-color: transparent;border-radius: 50%;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form.loading .searchbar-icon .searchbar-glass {display: none;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form.loading .searchbar-icon .searchbar-loader {display: block;animation: search-spin .8s linear infinite;} .header .nav .site-container .searchbar-toggle:hover { background: #f8f8f7; border-radius: 100%;animation-timing-function: ease-out;animation-duration: 100ms; } .header .nav.homepage-nav .site-container .searchbar-toggle:hover {background:#FFFFFF33; } .header .nav .site-container .search-container.is-open .searchbar-toggle {width: 0; opacity: 0; pointer-events: none; border-color: transparent; transform: scale(.6);} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar.visible, :is(.header, .mobile-search-modal__sheet) .search-container .searchbar.hidden {height: 40px; padding-top: 0; background: transparent;transition: width .35s ease, opacity .25s ease;position: relative; display: flex; align-items: center; justify-content: flex-end;flex: 0 1 auto; min-width: 0;} .header .search-container .searchbar.hidden {width: 0; opacity: 0; pointer-events: none;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar.visible {width: 100%; opacity: 1; pointer-events: auto;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form, :is(.header, .mobile-search-modal__sheet) .search-container .searchbar .form-search {display: flex; align-items: center; flex-wrap: nowrap;width: 100%; height: 40px; box-sizing: border-box;padding: 4px 8px 4px 12px; margin: 0;background: #fff; border: 1px solid #E9EAED; border-radius: 12px;box-shadow: 0 1px 2px rgba(10, 13, 18, 0.05);position: relative;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form:focus-within { border-color: #8ec6e7;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar .searchbar-icon {display: inline-flex; align-items: center; justify-content: center;width: 20px; height: 20px; flex: 0 0 auto;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar .searchbar-icon .searchbar-loader {width: 14px; height: 14px;border: 2px solid currentColor;border-right-color: transparent;border-radius: 50%;display: none;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form.loading .searchbar-icon .searchbar-loader {display: block;animation: search-spin .8s linear infinite;} @keyframes search-spin { to { transform: rotate(360deg); } } :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form #query { flex: 1 1 auto; min-width: 0; height: 100%; border: none; background: none; display: flex; align-items: center;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form #query > div {flex: 1 1 auto; min-width: 0; height: 100%; display: flex; align-items: center;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form input[type="text"] {box-sizing: border-box; font-size: 14px; height: 100%;padding: 0 8px;color: #181D27; font-family: Inter, sans-serif;background: transparent; border: none;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form input[type="text"]::placeholder { color: #717680; } :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form .searchbar-close {background: none; border: none; padding: 0; margin: 0;width: 28px; height: 28px; cursor: pointer; border-radius: 50%;display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;transition: background-color .2s ease;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form .searchbar-close:hover { background: rgba(0, 0, 0, 0.06); } :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form .searchbar-close img { width: 14px; height: 14px; display: block;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form button.button-primary.search {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden; clip: rect(0 0 0 0); border: 0;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar #search_error {position: absolute; right: 0; top: calc(100% + 6px);padding: 8px 12px; background: #fff; border: 1px solid #F8E2E5;color: #C03; font-size: 12px; border-radius: 4px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);display: none; z-index: 110;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form .dropdown, :is(.header, .mobile-search-modal__sheet) .search-container .searchbar .dropdown_history, :is(.header, .mobile-search-modal__sheet) .search-container .searchbar .search-skeleton {position: absolute; top: calc(100% + 8px) ; bottom: auto ; left: 0 ; right: 0; width: auto; max-height: 60vh ; margin: 0; padding: 16px; box-sizing: border-box; background: #fff; border: 1px solid #E9EAED; border-radius: 12px; box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03), 0 2px 2px -1px rgba(10, 13, 18, 0.04); overflow-y: auto; transform: none; z-index: 99; opacity: 0; pointer-events: none; transition: opacity .25s ease;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form .dropdown[style*="visible"], :is(.header, .mobile-search-modal__sheet) .search-container .searchbar .dropdown_history[style*="visible"] {opacity: 1; pointer-events: auto;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar form.loading ~ .search-skeleton {opacity: 1; pointer-events: auto; display: block; z-index: 100;} :is(.header, .mobile-search-modal__sheet) .search-container .searchbar.hidden .search-skeleton { display: none; } .search-skeleton span {display: block; height: 40px; margin-bottom: 16px; border-radius: 8px;animation: search-skeleton-pulse 1.4s ease-in-out infinite;} .search-skeleton span:last-child { margin-bottom: 0; } .search-skeleton span:nth-child(1) { background: #D2D4D6; } .search-skeleton span:nth-child(2) { background: #DCDEE0; animation-delay: .15s; } .search-skeleton span:nth-child(3) { background: #E8E9EB; animation-delay: .3s; } @keyframes search-skeleton-pulse { 0%, 100% { opacity: .6; } 50% { opacity: 1; } } .header ul.secondary .search, .header ul.secondary .close {padding: 7px; width: 18px; margin-right: 8px;cursor: pointer;box-sizing: content-box;} .header ul.secondary .close {display: none} .header ul.secondary .search-secondary {border: 1px solid #F8E2E5; border-radius: 2px; background-color: #F8E2E5; padding: 7px; width: 18px} .header ul.secondary .disconnected-nav, .menu-container.open .disconnected-nav{display: flex;align-items: center;padding: 0; gap: 1em} .header .usr-info[title="Mon compte"] {border-radius: 100%; padding: 0;box-sizing:content-box;display: flex; align-items: center;border-radius: 2px; cursor: pointer; border: none; background: none; gap: 8px} .header .usr-info[title="Mon compte"]>div:first-of-type{display: flex; flex-direction: column; color: var(--text-color-header); font-family: Inter, sans-serif; align-items: end;} .header .usr-info[title="Mon compte"]>div:first-of-type>div:first-of-type{font-weight: 600; font-size: 14px; line-height: 20px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .header .usr-info[title="Mon compte"]>div:first-of-type>div:last-of-type{font-weight: 400; font-size: 12px; line-height: 18px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .header .usr-info[title="Mon compte"] .arrow::after{content: ''; transform: rotate(-90deg); width: 30px; height: 33px; background: center center/14px no-repeat url("../../includes/components/./2020/styles/../imgs/icon-arrow-down-menu.png"); font-family: monospace; font-size:50px; position:absolute; display:block; transition: all .3s; top: 0;} .header .usr-info[title="Mon compte"]:hover .arrow::after {} .header .usr-info.open[title="Mon compte"] {border-radius: 2px 2px 0 0;} .header a {font-weight: 600;} .header .usr-info img {width: 18px;} .header .searchbar.visible {height: 96px;padding-top: 40px; background-color: #FFF;transition: height 600ms 0s, opacity 1s 0s, padding-top 600ms 0s; opacity: 1;} .header .site-container+.searchbar.visible{padding-top:0;} .header .searchbar.hidden {height: 0;padding-top: 0; transition: height 600ms 0s, opacity 600ms 0s, padding-top 600ms 0s; opacity: 0;pointer-events: none;} .header .searchbar h1.title, .header .searchbar .title{margin:0;font-weight:normal; text-align: center;display:block;font-size:1.25em;color:#fff;text-transform: uppercase;padding-top:31px;padding-bottom:24px;} .header .searchbar form, .home .searchbar form { border: 1px solid #E9EAED;height: 64px;display:flex;align-items:center;justify-content: space-between;border-radius: 2px; position: relative;box-shadow: 0px 1px 2px -1px rgba(10, 13, 18, 0.1), 0px 1px 3px 0px rgba(10, 13, 18, 0.1);} .home .searchbar form{height: 64px; width: 100%} .home .searchbar form #query{width: 100%;height:100%;} .header .searchbar form:focus-within, .home .searchbar form:focus-within {border: #8ec6e7 1px solid; border-radius: 0 0 3px 3px;} .header .searchbar form {width:70%;margin:0 auto;} .header .searchbar form.loading, .home .searchbar form.loading{background:#F4F6FC url("../../includes/components/./2020/styles/../imgs/loader.gif") no-repeat -5px center;background-size:50px;} .header .searchbar form.pls, .home .searchbar form.pls{background: rgb(227, 227, 227);} .header .searchbar form #query{flex:1 1 auto;border:none;background:none;height:100%;} .header .searchbar form #query>div{height:100%;} .header .searchbar form input[type="text"], .home .page-header .searchbar form input[type="text"]{box-sizing:border-box;font-size:1em;height:100%;color: #31363C;font-family: Inter, serif;} .header .searchbar form input[type="text"]::placeholder {color:#73777D;} .header .searchbar form #query .dropdown,.home .searchbar form #query .dropdown{box-shadow: 0 10px 20px #00000029;background:#F4F6FC;transform: translateY(-10px);margin-left:2%;top:100%;width:98%;padding:0.5em;box-sizing: border-box;} .home .searchbar form #query .dropdown{top: calc(100% + 20px)} .header .searchbar form .dropdown_history, .home .searchbar form .dropdown_history {position: absolute;visibility: hidden;border: #8ec6e7 1px solid;border-radius: 0 0 3px 3px;outline: 0px;text-align: left;z-index: 99;cursor: default;overflow-x: hidden;box-shadow: 0 10px 20px #00000029;background: white;top: 100%;width: 100%;padding: 0.5em;box-sizing: border-box;} .dropdown_history ul {margin: 0; padding: 0;} .dropdown_history ul i {display: block;} .dropdown_history > .dropdown_title {margin: 0 1.5em; padding: 10px; font-weight: bold;} .dropdown_history .dropdown_history_item { margin: 0 1.75em;display: flex; justify-content: start; flex-wrap: wrap; padding: 10px; font-size: 0.845rem;} .dropdown_history ul li:not(:nth-last-child(-n+1)){border-bottom: #d0d1d4 1px solid;} .dropdown_history .dropdown_history_item .type { width: 15%; color: #CC0033;word-wrap: break-word; padding-right: 10px } .dropdown_history .dropdown_history_item .item_title { width: 75%; word-wrap: break-word; color: #31363C; } .dropdown_history a:hover .dropdown_history_item .item_title, .dropdown_history a:hover .dropdown_history_item .type, .dropdown_history .all_history a:hover {color: #9E102A;} .dropdown_history .dropdown_history_item_mobility.hover {background-color: #D0D1D4} .dropdown_history .all_history .dropdown_history_item_mobility { text-align: center; padding: 20px;} .dropdown_history .all_history a{ color: #CC0033;} .dropdown>div{padding:0.65em 0.5em;} .dropdown>div{} .dropdown>div>span{flex: 1 1 auto;} .dropdown>div>span.type-searchbar{color: var(--light-text-main);flex: 0 0 auto;margin-right: 5px;min-width: 7em;border-radius: 0.25rem;border: 1px solid #999999;font-size: 0.75rem;width: 140px;height: 1.25rem;display: inline-block;text-align: center;white-space: nowrap;padding: 0.125rem 0.25rem;line-height: 1.25rem;font-weight: 500;} .dropdown>div>span.type-searchbar:hover{color:black;border: 1px solid black;} .dropdown>div[data-type="CLASSE ATC"]>span.type-searchbar,.dropdown>div[data-type="CLASSE THERAPEUTIQUE"]>span.type-searchbar,.dropdown>div[data-type="CLASSE PARAPHARMACIE"]>span.type-searchbar{border: 1px solid #CBDC80;background: #F2F6DF;} .dropdown>div[data-type="INDICATION"]>span.type-searchbar,.dropdown>div[data-type="SITUATION THERAPEUTIQUE"]>span.type-searchbar{border: 1px solid #6BC6D9;background: #DAF1F5;} .dropdown>div[data-type="RECO"]>span.type-searchbar{border: 1px solid #5E4F8A;background: #E2DEEE;} .dropdown>div[data-type="GAMME"]>span.type-searchbar,.dropdown>div[data-type="MEDICAMENT"]>span.type-searchbar,.dropdown>div[data-type="DCI"]>span.type-searchbar{border: 1px solid #C03;background: #F2BFCC;} .dropdown>div[data-type="SUBSTANCE"]>span.type-searchbar{border: 1px solid #F6D8C7;background: #F6D8C7;} .dropdown>div[data-type="PARAPHARMACIE"]>span.type-searchbar,.dropdown>div[data-type="VETERINAIRE"]>span.type-searchbar,.dropdown>div[data-type="HOMEOPATHIE"]>span.type-searchbar{border: 1px solid rgba(204, 0, 51, 0.50);background: rgba(242, 191, 204, 0.50);} .dropdown>div[data-type="FORMATION"]>span.type-searchbar{border: 1px solid #003458;background: #7e9ee1;} .dropdown .selected{background:#D0D1D4;} .header .searchbar form button, .home .searchbar form button{margin-right: 10px;height: 44px; border: none;} .home .searchbar form button{margin-right: 10px} .header>.site-container{background:#fff;display:flex;justify-content: space-between;align-items: center;} .header>.site-container>.breadcrumb{flex: 1 1 auto;background:#fff;margin: 0 auto;display:flex;overflow:auto;font-size: 0.9em;padding:1.75em 0;align-items: center;} .header>.site-container>.breadcrumb li{margin:0;font-weight:bold;color:#5A5A5A;flex:0 1 auto;display:flex;align-items: center;} .header>.site-container>.breadcrumb li:last-of-type {display: inline-block;} .header>.site-container>.breadcrumb li::after{display:block;content:'';width:9px;height:15px;background:url("../../includes/components/./2020/styles/../imgs/right-chevron.png") no-repeat;margin:0 20px;} .header>.site-container>.breadcrumb li:last-of-type::after{display:none;} .header>.site-container>.breadcrumb li a{font-weight:normal;font-size:0.9em;color:#73777D;} .header>.site-container>.breadcrumb li a:hover {color: #9E102A;} .header>.site-container>.breadcrumb .homepage{display:inline-block;width: 20px;height: 17px;background:#5a5a5a;-webkit-mask-image:var(--icon-home);mask-image: var(--icon-home);} .header>.site-container>.breadcrumb .homepage:hover {background-color: #9E102A;} .header>.site-container .precision{font-size:0.8em;flex: 0 0 auto;} .page-header {background-color: #FFF; padding: 0 0 1.75em;} .page-header .intro .date{display:block;margin:1.75em 0;font-size: 0.8em} .page-header .intro .title{display:flex;align-items: center;justify-content: space-between;} .page-header .intro .data-buttons{display:flex;align-items: flex-end;justify-content: space-between; font-size: 0.9em;} .metadata{display: flex;align-items: center;gap: 0.9em; font-size: 0.8em;} .metadata .reading-time {display: inline-flex;align-items: center;} .metadata .reading-time .reading-time img {height: 21px;} .metadata .comments img{width: 18px;} .metadata .comments {display: flex;font-size: 1em;color: rgb(204, 0, 51);align-items: center;} .page-header .intro .title>h1{flex:1 1 auto;} .page-header .intro .title>div{flex: 0 0 auto;} .page-header .intro p{margin:1.75em 0 0;} .drug .market-status {font-size:0.9em;text-transform: uppercase;display: inline-flex;background-color: #E7F5EA;color:#417650;font-weight:bold;align-items: center;padding: 6.5px 12px;} .drug .market-status img, .para .market-status img {width: 14px;padding-left: 8px;} .drug .market-status.deleted, .para .market-status.deleted {color: #C0273E;background-color: #FAEAE7;} .drug .market-status.not_marketed, .para .market-status.not_marketed {color: #e77902;} #results_vmps.loading, .block .loading, .classif .loading{min-height:100px;background:url("../../includes/components/./2020/styles/../imgs/loader.gif") no-repeat center center; visibility: visible; min-width: 30px;} .site-container.content .tooltip {position:relative;text-align:left;text-transform: initial} .site-container.content .tooltip .top, .site-container.content .tooltip .bottom, .site-container.content .tooltip .left {display:none;position:absolute;padding:10px 12px;color:#666666;background-color:#EEEEEE;font-weight:normal;border-radius:2px;z-index:99;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,0.5);font-size: 14px;} .site-container.content .tooltip .bottom {min-width:300px;top:50px;left:50%;transform:translate(-50%, 0);} .site-container.content .tooltip .left{min-width:200px;top:50%;transform:translate(-100%, -50%);text-align: center;margin-left:-5px;} .site-container.content .tooltip .top{min-width:400px;bottom:40px;left:50%;transform:translate(-50%, 0);} .site-container.content .tooltip:hover .top, .site-container.content .tooltip:hover .bottom, .site-container.content .tooltip:hover .left {display:block;} .site-container.content .tooltip>.bottom>i, .site-container.content .tooltip>.left>i, .site-container.content .tooltip>.top>i {position:absolute;width:24px;height:12px;overflow:hidden;} .site-container.content .tooltip>.bottom>i {bottom:100%;left:50%;margin-left:-12px;} .site-container.content .tooltip>.left>i {top:50%;left:100%;margin-left:-6px;margin-top:-6px;transform:rotate(90deg);} .site-container.content .tooltip>.top>i { top:100%;left:50%;margin-left:-12px;transform:rotate(180deg);} .site-container.content .tooltip>.bottom>i::after, .site-container.content .tooltip>.left>i::after, .site-container.content .tooltip>.top>i::after {content:'';position:absolute;width:12px;height:12px;left:50%;transform:translate(-50%,50%) rotate(45deg);background-color:#EEEEEE;box-shadow:0 1px 8px rgba(0,0,0,0.5);} .icon-tooltip {display: block;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 10V6H5.5V7H6.5V10H5V11H9V10H7.5Z' fill='%235F6164'/%3E%3Cpath d='M7 3C6.85167 3 6.70666 3.04399 6.58333 3.1264C6.45999 3.20881 6.36386 3.32595 6.30709 3.46299C6.25033 3.60004 6.23548 3.75084 6.26441 3.89632C6.29335 4.04181 6.36478 4.17544 6.46967 4.28033C6.57456 4.38522 6.7082 4.45665 6.85369 4.48559C6.99917 4.51453 7.14997 4.49968 7.28701 4.44291C7.42406 4.38615 7.54119 4.29002 7.6236 4.16668C7.70602 4.04334 7.75 3.89834 7.75 3.75C7.75 3.55109 7.67098 3.36033 7.53033 3.21967C7.38968 3.07902 7.19892 3 7 3Z' fill='%235F6164'/%3E%3Cpath d='M7 14C5.61553 14 4.26216 13.5895 3.11101 12.8203C1.95987 12.0511 1.06266 10.9579 0.532846 9.67879C0.00303298 8.3997 -0.13559 6.99224 0.134506 5.63437C0.404603 4.2765 1.07129 3.02922 2.05026 2.05026C3.02922 1.07129 4.2765 0.404603 5.63437 0.134506C6.99224 -0.13559 8.3997 0.00303298 9.67879 0.532846C10.9579 1.06266 12.0511 1.95987 12.8203 3.11101C13.5895 4.26216 14 5.61553 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14ZM7 1C5.81332 1 4.65328 1.3519 3.66658 2.01119C2.67989 2.67047 1.91085 3.60755 1.45673 4.7039C1.0026 5.80026 0.88378 7.00666 1.11529 8.17054C1.3468 9.33443 1.91825 10.4035 2.75736 11.2426C3.59648 12.0818 4.66558 12.6532 5.82946 12.8847C6.99335 13.1162 8.19975 12.9974 9.2961 12.5433C10.3925 12.0892 11.3295 11.3201 11.9888 10.3334C12.6481 9.34673 13 8.18669 13 7C13 5.4087 12.3679 3.88258 11.2426 2.75736C10.1174 1.63214 8.5913 1 7 1Z' fill='%235F6164'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center;height: 1em;width: 1em;position: relative;} .icon-tooltip:before{font-family: Inter, sans-serif;pointer-events: none;content: attr(data-text);position:absolute;margin-left:1em;padding:1em;font-weight: normal;border-radius: 8px;color: #666666;background-color: #EEEEEE;z-index: 99;text-align:center;opacity:0;transition:.9s opacity;box-sizing: border-box;box-shadow: 0 1px 8px rgb(0 0 0 / 25%);right: 0;bottom: 100%;width: 20rem; max-width: 50vw;} .icon-tooltip:hover:before {display:block;opacity:1;} .block.invite-connect{padding: 0; border: none; width: 100%} .block.invite-connect>div{z-index: 1;position: relative;padding: 28px 44px; gap: 10px; display: flex; align-items: center; justify-content: space-between; background-color: #F7F7F8} .block.invite-connect>div::before{content: "";position: absolute;inset: 0; opacity: 0.5;z-index: -1;} .block.invite-connect>div>div:first-of-type{font-family: Inter, sans-serif; font-weight: 600; font-size: 1.25em; max-width: 400px} .block.invite-connect>div>div:first-of-type span{color: #CC0033} .block.invite-connect>div .button-connection {background-color: #CC0033; white-space: nowrap; background-image: none; padding: .75em 1.25em; border-radius: 2px; border: none} .block.invite-connect>div .button-connection:hover{background-color: #9E102A} .block.invite-connect>div .button-connection::before{display: inline-block;width: 14px; height: 10px;content: ''; -webkit-mask-image: var(--icon-arrow-right);mask-image: var(--icon-arrow-right);background-color: white; margin-right: 8px} /*NEW*/ .footer{background: var(--background-gradient-primary);} .footer p{margin:1em 0;} .footer .h4 {color: white;} .footer a, .footer span.cbo{color: #FCD7DE; font-weight: 600; line-height: 1.5em} .mentions .copyright a{text-decoration: underline; font-weight: 600} .mentions a{color: white} .mentions a:hover{color: #FCD7DE;} .footer .h4{font-weight: bold;padding:0; font-size: 1.5em; line-height: 2em} .footer .site-container {display: flex;} .footer > div:last-of-type {position: relative;height: 5.813rem; margin-left: 44px} .footer-logo-bg{height: 5.813rem;background-image: url("../../includes/components/./2020/styles/../../2026/imgs/footer-web-2026-1440px.png");background-size: contain;background-repeat: no-repeat;background-position: left bottom;position: absolute;left: 0;bottom: 0;width: 100%; } .icon-social {display: flex;align-items: center; gap: 1.5em; flex-wrap: wrap} .icon-social span {font-weight: 500;} .icon-social span:first-of-type {color: #CC0033} .footer .footer-app div.icon-social img {height: 2.5rem; width: auto} .site-container.footer-menu{display: flex;justify-content: space-between;padding: 44px 96px; gap: 4em} .footer .footer-menu > div:not(.footer-block) .footer-block:first-of-type {margin-bottom: 30px;} .footer .footer-block h4, .footer .footer-app h4{padding:0; color: white;font-weight: bold; font-size: 1.5em; line-height: 2em} .footer .footer-block ul{display: flex;flex-direction: column;gap: 0.875em;} .footer .footer-block ul, .footer .footer-app .icon-store{padding-left: 0;margin: 1.25em 0 0;} .footer .footer-block ul li a:hover,.footer .footer-block ul li span.cbo:hover {color: white;} .footer .footer-app .icon-store{display: flex;gap: 1.5em;align-items: center; flex-wrap: wrap} .footer .footer-app .icon-store a {display: block} .footer .footer-app .icon-store img {width: 146px;} .footer .copyright {padding-top: 20px;margin: auto; color: white; font-size: 0.875em} .footer .copyright a{color: white; text-decoration: underline} .footer .copyright a:hover {color: #FCD7DE} .footer-minisite {background-color:#FFFFFF;font-size:14px;color:#4A5565;padding:1em 3em 2em; } .footer-minisite .logo-vidal {max-width:80px; margin-bottom: 1em} .footer-minisite .copyright-mentions {display: flex;align-items: center;flex-direction: column; gap:2em; margin-top: 17px } .footer-minisite a {margin:0 10px;color:#3182CE;} .footer-minisite .footer-minisite-text{ display: flex;flex-direction: column; gap: 8px;} .footer-minisite .footer-minisite-text p{margin:0;} .footer-minisite .copyright-mentions .mentions-minisite{display: flex;flex-direction: row; align-items: center;gap: 10px;} ul{list-style-type: none;} .content-title{text-align: center;font-size: 0.5em;height: 45px; letter-spacing: 0;color: #5A5A5A;text-transform: uppercase;opacity: 1;} .content-title-span{font-size: 0.90em;} .decoration {text-decoration: none;display: inline-block;background: radial-gradient(farthest-side, #5A5A5A 98%, transparent 100%) bottom right/10px 4px, radial-gradient(farthest-side, #5A5A5A 98%, transparent 100%) bottom left /10px 4px, linear-gradient(#5A5A5A, #5A5A5A) bottom/calc(100% - 10px)4px;background-repeat: no-repeat;padding-bottom: 3px;} .site-container .extra{flex: 0 0 auto;width:400px;} .site-container .extra .news-title {font-family: Inter, serif;} .site-container.content .extra>.button-primary.maladies, .site-container.content .extra>.button-primary.vaccins, .site-container.content .extra>.button-primary.examens{position:relative;background-color: #EAF3F8; color: #444C62;font-weight: bold;display:block;margin-bottom:1em;} .site-container.content .extra>.button-primary.maladies::before, .site-container.content .extra>.button-primary.vaccins::before, .site-container.content .extra>.button-primary.examens::before{display:block;content:'';width:24px;height:24px; background-repeat:no-repeat;position:absolute;left:5%;top:50%;transform:translateY(-50%);} .site-container.content .extra>.button-primary.maladies:hover, .site-container.content .extra>.button-primary.vaccins:hover, .site-container.content .extra>.button-primary.examens:hover {background-color: #CCE2EF;} .site-container.content .extra>.button-primary.maladies::before{background-image:url("../../includes/components/./2020/styles/../imgs/icon-disease.png");} .site-container.content .extra>.button-primary.vaccins::before{background-image:url("../../includes/components/./2020/styles/../imgs/icon-vaccination.png");} .site-container.content .extra>.button-primary.examens::before{background-image:url("../../includes/components/./2020/styles/../imgs/icon-booklet.png");} .site-container .extra>.button-primary {display: block; margin: 0 auto; text-align: center;} .site-container .extra .actions{display:flex;justify-content: center;} .site-container .extra .actions a[class^="button-"], .site-container .extra .actions span[class^="button-"] {width:100%;padding:0.8em 0;text-align: center;} .actions .add-bookmark-button span:first-of-type, .actions .remove-bookmark-button span:first-of-type{background: var(--background-gradient-primary);display: inline-block;width: 32px; height: 32px;--webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;--webkit-mask-size: 1em;mask-size: 1em; mask-position: center} .actions .add-bookmark-button span:first-of-type {-webkit-mask-image: url("../../includes/components/./2020/styles/../../formations/imgs/front/icon-add-in-bookmark.svg");mask-image: url("../../includes/components/./2020/styles/../../formations/imgs/front/icon-add-in-bookmark.svg"); background: #414651;} .actions .remove-bookmark-button span:first-of-type {-webkit-mask-image: url("../../includes/components/./2020/styles/../../formations/imgs/front/icon-bookmark-filled.svg");mask-image: url("../../includes/components/./2020/styles/../../formations/imgs/front/icon-bookmark-filled.svg");} .card.course-card .actions .remove-bookmark-button span:first-of-type {background: linear-gradient(98deg, #147175 12.22%, #312782 103.76%);} .block{border: 1px solid #D0D1D4; background: #FFFFFF;padding:1.3em;} .content .extra .block{margin-bottom:20px;} div#contenu-patient.block.gp.open div.messages-focus{margin: 1em;} div#contenu-patient.block.gp:not(.open) div.messages-focus{display: none;} div#contenu-patient.block.gp.open div.messages-focus div.vidal-focus div.title::after{display:none;} .content .extra .block .h5::after {content: '';display: block;height: 4px;background: #D0D1D4;border-radius: 5px;width: 41px;border: 0;} .content .extra .block .h5{padding-left: 20px;font-style:normal;} .block.crat .h4{padding:0;} .content .extra .block.crat .h4{margin-bottom:0.5em;} .content .extra .block.crat ul li a, .block.crat ul li a{padding-left:0;align-items:center;gap:3px;} .block.crat ul li a::before{content:'';width:4px;height:4px;background:#015A9E;border-radius: 50%; margin: 8px;display: inline-block;} .block.crat ul li a::after{display:inline-block;content:'';background:url("../../includes/components/./2020/styles/../imgs/icon-link-blue.png") no-repeat;width:13px;height:14px;margin-left: 8px;} .block.crat ul li a:hover{text-decoration: underline;} .site-container.content.document>div>.main .block.crat{border:solid 1px #015A9E;border-left-width: 28px;padding:.55em 1.2em;border-radius:2px;position:relative; margin: 1.5em auto;} .site-container.content.document>div>.main .block.crat::before{background:url("../../includes/components/./2020/styles/../imgs/icon-wikis.png") no-repeat;content:'';position:absolute;display:block;width:20px;height:21px;left:-24px;top:.6em;} .site-container.content.document>div>.main .block.crat .h4{color:#444c62;font-weight:bold;font-size:1.1em;} .site-container.content.document>div>.main .block.crat .h4:after{content: none} .block.crat span.more{color: #5F6164; font-size: 0.9em; font-weight: 600; display: flex; align-items: center; margin: 8px auto;} .block.crat span.more .info{background:url("../../includes/components/./2020/styles/../imgs/icon-info-grey.png") no-repeat; width: 16px; height: 16px; margin: 0 4px; display: inline-block;} .block.crat span.more .info {-webkit-mask-image: var(--icon-info);mask-image: var(--icon-info);background-color: #5F6164; display: inline-block; width: 16px; height: 16px;} .block.crat span.more .info:hover {background-color: #9E102A; cursor: pointer;} .site-container.content.document>div>.main .block.crat ul{margin:0;padding:0;display:flex;flex-direction:column;gap:0.3em;list-style: none;} .site-container.content.document>div>.main .block.crat ul li{list-style-type: none} .site-container.content.document>div>.main .block.crat ul li a{font-size:0.9em;} .site-container.content.document>div>.main .block.crat a {color: #015A9E;} div.extra .block.mesvaccins{text-align:center;padding:1.75rem;overflow:hidden;background: #fff;} div.extra .block.mesvaccins .head{text-align:left;background:url("../../includes/components/./2020/styles/../imgs/logo-mesvaccins-blue.png") no-repeat left top;background-size: auto 54px;padding: 8px 50% 8px 0;height: 54px} div.extra .block.mesvaccins ul{list-style: none;text-align: left;padding-top: 1rem;} div.extra .block.mesvaccins ul li{margin-bottom: 0.75rem;} div.extra .block.mesvaccins ul li .news-date{color:#5A5A5A;padding: 0.25rem 0;font-size: 10px;} div.extra .block.mesvaccins ul li .news-title{text-decoration: none;padding: 0;margin: 0;border: none;font-weight: bold;font-size: 16px} div.extra .block.mesvaccins ul li .news-title:hover{text-decoration: underline;} div.extra .block.mesvaccins ul li span{color:#8C8C8C;font-size: 10px;} div.extra .block.mesvaccins ul li.news-important{background:#EEEEEE;border-top-right-radius: 3px;border-bottom-right-radius: 3px;} div.extra .block.mesvaccins ul li.news-important a{font-weight:bold;} div.extra .block.mesvaccins a.all_news{display: inline-block;padding:11px 22px;margin:0 auto;} .box.labo span.h5{padding-left:0!important;} .box:not(.rubric) span.h4::after{content: '';display: block;height: 4px;background: #C0273E;border-radius: 5px;width: 41px;border: 0;} .box.labo:not(.showcase):not(.rubric) span.h4::after{background: #5A5A5A;} div.extra .block.revive{padding:0;border:none;background:none;border-radius:0;text-align: center;overflow:hidden;margin-bottom: 0;} div.extra .block.revive img {margin-bottom: 20px;} .revive.sponsoring, .revive.top{text-align: center;} .revive.sponsoring a, .revive.top a{display:inline-block;margin-bottom:1em;} .revive.sponsoring a{background:url("../../includes/components/./2020/styles/../imgs/revive_sponso.jpg") no-repeat bottom right;padding-bottom:11px;} div.extra .block:last-child{margin-bottom:0;} div.extra .block{padding:15px;} div.extra .block ul{margin:0;padding:0;} div.extra .block ul li a:not(.box-item-link), div.extra .block ul div a{display:block; box-sizing:border-box;} div.extra .block ul li:last-of-type a,div.extra .block ul div:last-of-type a{border:none;} div.extra .block.pgr{margin-bottom: 1em;} div.extra .block .button:not(.button-primary-particular) {margin:10px 0;padding:11px;text-align:center;color:#fff;text-transform:uppercase;display:block;background: transparent linear-gradient(174deg, #C0273E 0, #FE2B6A 100%) 0 0 no-repeat padding-box;border-radius: 40px;} h4, .h4{position:relative;padding-right:30px;padding-left: 20px;} div.extra .block .h4, *:not(.extended_search)> div.extra .block .h3{font-size: 20px;font-weight: 600;color: #31363C;position: relative;padding: 0 0 10px 0;} div.extra .block .h4 img, div.extra .block .h3 img {max-width: 16px; margin-right: 10px;} .content-titlespan {text-decoration: none;display: inline-block;background: radial-gradient(farthest-side, #d21a23 98%, transparent 100%) bottom right/10px 4px, radial-gradient(farthest-side, #d21a23 98%, transparent 100%) bottom left /10px 4px, linear-gradient(#d21a23, #d21a23) bottom/calc(100% - 10px)4px;background-repeat: no-repeat;padding-bottom: 3px;} .mentions{display: flex;flex-direction: row;justify-content: space-between;padding:20px 45px; color: white} .mentions>div{font-size: 14px;} div.table table.table{border: 1px solid #dbdbdb;border-collapse: collapse;box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);margin: 10px 0;width: 100%;background: #F2F2F2;} .page-header .alpha{padding:1.75em 0 0;display:flex;justify-content: space-between;margin:0;flex-wrap:wrap;} .page-header .alpha li{margin: 0 8px 0 0;} .page-header .alpha li:last-of-type{margin-right: 0;} .page-header .alpha li a{display:block;padding:10px 20px;border-radius:2px;color: #444C62; background-color: #EAF3F8;font-size: 0.9em;font-weight: 600;} .page-header .alpha li a.disabled{pointer-events: none;opacity:.3;color: #73777D;background-color: #ECECEE; font-weight: 400;} .page-header .alpha li a:not(.disable-letter):hover,.block .alpha li a.current{background: #CCE2EF;} .page-header .alpha li a.current{font-weight:bold;} .block.list {border-radius: 2px; padding: 1.75em;flex:1 1 auto;margin-bottom:2em;} .block.list ul, .block .list ul{padding:0;margin: 0;} .block.list.with-resource ul{max-height: 500px;overflow:auto;} .block.list ul li.even, .block .list ul li.even{background:#eee;} .block.list ul li a, .block .list ul li a{display: flex;justify-content: space-between;padding: 10px;align-items: center;} .block.list ul li a span.medic_name{flex: 1 1 auto;} .vxpContent{} .vxpContent img{display:block;margin:0 auto;} .vxpContent .btn{padding:1em;display:inline-block;} .vxpContent p:first-of-type{text-align: center;} .content .main .block .widget{display:flex;align-items: center;} .content .main .block .widget>img{flex:0 0 auto;margin-right:1em;} .content .main .block .widget>.content{flex:1 1 auto;} .content .main .block .widget>.content ul{list-style: disc;} .content .main.javascript .block .widget{display:block;} pre.code{font-family:monospace;background:#f0f0f0;padding:10px;overflow:auto;font-size:12px;} p.restriction{box-sizing:border-box;justify-content: flex-start;padding:1.2em;background-color: #fff;margin: 1em 0;border-radius:.5em;border:solid 1px #E7E8ED;} p.restriction a{color:#CC0033;font-weight: 500;} p.restriction a:hover{text-decoration: underline;} p.restriction a::after {float: right;display: inline-block;content: '';width: 20px;height: 20px;background: url("../../includes/components/./2020/styles/../imgs/icon-password.png") no-repeat;} #Dabox{overflow:hidden;} #Dabox .intro .h1, #Dabox .intro h1{font-size:1.4em;font-weight:600;margin:0;display:block;font-family:Inter, sans-serif;} #Dabox .box{background:#fff;width:600px;max-width:100%;} #Dabox .box ul{} #Dabox .box ul li{} #Dabox .box ul li a{display:block;padding:10px 0;border-top:solid 1px #d2d2d2;} #Dabox .box ul li:first-of-type a{border:none;} #Dabox .puce-connect {margin-left :40px} #Dabox .button-size-connect{padding: 1em 2em;margin-right: 0.6em;} #Dabox .restricted{min-width: 0;width: min(520px, 92vw);margin: 0;padding: 0 32px 24px;box-sizing: border-box;} #Dabox .restricted .actions .button-tertiary{background-size: 14px} #Dabox .restricted .actions .button-primary{ background:#CC0033 url("../../includes/components/./2020/styles/../imgs/icon-key.png") no-repeat left 12px top 15px;background-size: 17px;padding: 14px 15px 0 35px} #Dabox .intro::after{display: block;content:'';position: absolute;width: 336px; height: 336px; z-index: -1; top: -55px; left: -55px;background: url("../../includes/components/./2020/styles/../../dabox/imgs/user-dabox-background-decoration.png") no-repeat center;} #Dabox .intro .title{position:relative;display:flex;gap: 1em; flex-direction: column} #Dabox .intro .title img{border-radius: 100%;width: 56px;height: 56px; margin-top: 12px} #Dabox .restricted .home a{color : #cc0033} #Dabox .restricted p:not(.home) {padding-bottom: 20px;} #Dabox .restricted p{margin: 0; padding: 0.5em 0} #Dabox .restricted .actions {width: max-content;padding-top: 0; padding-left: 0; padding-right: 0; margin: 0} #Dabox .restricted>p:first-of-type{margin-left: 0; margin-right: 0} .restricted{background:#fff;padding:20px;margin:0 auto 4em;} .restricted p{margin:0.5em 1em;} .force-connection .restricted p{margin:0;} .restricted .actions{display: grid;grid-auto-flow: column;grid-auto-columns: 1fr;padding:1em; gap: 1em; width: max-content; margin: 0 auto;} #Dabox .restricted .actions span.cbo, #Dabox .restricted .actions .btn,#Dabox .restricted .actions a{margin-right: 0; margin-left: 0; justify-content: center} .restricted .actions .btn, .restricted .actions a,.restricted .actions span.cbo{margin:0 .5em;} .restricted .actions .btn{} .restricted .success {background-color: #57b85b;border: 2px solid #6B8E23;color: white;padding: 5px 10px;} .restricted .show {display: block;} .restricted .hide {display: none;} div.table { overflow: auto;} .pagination{display:flex;justify-content: space-between;margin-top:1.5em;} .pagination a.button.disabled{pointer-events:none;opacity:.6;color:#999;} .pagination a.button{border: 1px solid #FAE6EB; border-radius: 2px; background-color: #FFF; color: #CC0033;font-weight: 600;font-size: 0.9em;cursor: pointer;display:inline-block;padding:0.3em .6em;} .pagination a.button:hover {background-color: #FAF2F5;color: #9E102A;} .pagination a.button-hidden{display:none;} .pagination span.current_page{display:inline-block;background:#CC0033;color:#fff;padding:0.3em .6em;border-radius:3px;} .pagination .previous{flex:0 0 auto;} .pagination .page{flex:1 1 auto;display:flex;align-items: center;justify-content: center;} .pagination .next{flex:0 0 auto;} .block.box .h4{padding:0 0 1em;} #contactWeb {background:#ffff;padding:1em;} #contactWebmaster .contact-body{padding:16px;} #contactWebmaster .mandatory-text{font-size:.8em;text-align: right;margin-top:1em;} #contactWebmaster .contact-message{text-align: center;font-weight: bold;font-size:1.1em;} #contactWebmaster .contact-form{} #contactWebmaster .contact-form form{background:#fff;display:flex;flex-direction: column;align-items: center;justify-content: center;} #contactWebmaster .contact-form form p{margin:.5em 0;} #contactWebmaster .contact-form form input{padding:5px;border:none;border-bottom:solid 1px #5A5A5A;outline:none;width:350px;} #contactWebmaster .contact-form form input:focus{border-bottom-color: #C70036;} #contactWebmaster .contact-form form select{width:350px;outline: none;} #contactWebmaster .contact-form form select:focus{} #contactWebmaster .contact-form form textarea{min-width:350px;border-color:#5A5A5A;outline:none;min-height:100px;} #contactWebmaster .contact-form form textarea:focus{border-color:#C70036;} #contactWebmaster .contact-form form .btn{} #contactWebmaster .contact-form form .inp_contact_captcha_captcha label{font-size:.9em;display:block;text-align: center;} #contactWebmaster .contact-form form .inp_contact_captcha_captcha input{text-align: center;} #contactWebmaster .contact-form form .details_captcha{font-size:.9em;display:block;text-align: center;} .empty-result-message-list{list-style-type:circle;text-align:left;font-style:italic;} .empty-result-message-list-label{text-align:left;font-style:italic;} .empty-result-limit{font-style:italic;font-weight:bold;} .searchbar .site-container{position:relative;} .searchbar #search_error{display: none;color:#c03427;z-index: 60;font-size:0.8em;margin: 8px auto;} .header .searchbar #search_error {width: 70%;} .flex-notfound-container{flex-direction: column;} .flex-notfound{display:flex; margin-top:30px;} div.extra-menu-widget{width:calc(50% - 0.5em);border: 1px solid #D5D7DA; box-shadow: 0px 1px 2px -1px rgba(10, 13, 18, 0.1), 0px 1px 3px 0px rgba(10, 13, 18, 0.1); border-radius: 8px;} div.extra-menu-widget div.extmenu-content .links span.extmenu-item-pic{display:block;width:24px; height:24px;position:absolute; left: 0; top: 1px; background-size: 20px} div.extra-menu-widget div.extmenu-content .links span.extmenu-item-pic.medication, div.extra-menu-widget div.extmenu-content .links .drugs span.extmenu-item-pic{background: no-repeat center url("../../includes/components/./2020/styles/../imgs/icon-medication.png")} div.extra-menu-widget div.extmenu-content .links .drugs span.extmenu-item-pic{background: no-repeat center url("../../includes/components/./2020/styles/../imgs/icon-medication.png")} div.extra-menu-widget div.extmenu-content .links span.extmenu-item-pic.cross{background: no-repeat center url("../../includes/components/./2020/styles/../imgs/icon-cross.png")} div.extra-menu-widget div.extmenu-content .links .healthcare span.extmenu-item-pic{background: no-repeat center url("../../includes/components/./2020/styles/../imgs/icon-healthcare.png")} div.extra-menu-widget div.extmenu-content .links .campus span.extmenu-item-pic{background: no-repeat center url("../../includes/components/./2020/styles/../imgs/icon-formation.png")} div.extra-menu-widget div.extmenu-content .links .prevention span.extmenu-item-pic{background: no-repeat center url("../../includes/components/./2020/styles/../imgs/icon-prevention.png")} div.extra-menu-widget div.extmenu-content .links .healthlife span.extmenu-item-pic{background: no-repeat center url("../../includes/components/./2020/styles/../imgs/icon-healthlife.png")} .site-container.second{gap: 32px;} .site-container.second .extra-menu-widget{box-sizing: border-box;} .site-container.second .extra-menu-widget .h2{padding-left: 0; font-size: 1.25em} .site-container.second .extra-menu-widget #homepage-connect{text-align: left; margin-bottom: 1.5em} .site-container.second .extra-menu-widget #homepage-connect p{margin-bottom: 2em} .site-container.second .extra-menu-widget #homepage-connect .connect-links{display: flex;gap:.6em;justify-content: right; flex-wrap: wrap;} .site-container.second .extra-menu-widget #homepage-connect .connect-links > :is(span, a){text-align: center; justify-content: center} .site-container.second .extra-menu-widget a.private{cursor: pointer; color:#31363C; opacity: 1} .site-container.second .extra-menu-widget a.private:hover{color: #9E102A} .site-container.second .extra-menu-widget a.private:after{content: none} div.extra-menu-widget .links{margin-top:3em;display:flex;flex-wrap: wrap;justify-content: flex-start; padding: 0 32px 24px 32px} div.extra-menu-widget .links>div{width:calc(50% - 2em);margin-right: 1.5em;} div.extra-menu-widget .links>div .h4{display:block;font-weight: 500; font-size: 1.15em;padding-left: 30px;} div.extra-menu-widget .links>div .h4{color:#414651;} div.extra-menu-widget .links>div ul{margin:0;padding:0;} div.extra-menu-widget .links>div ul {margin-top: 10px;} div.extra-menu-widget .links > div {margin-bottom: 2em;} div.extra-menu-widget .links>div ul li a{display:block;padding:6px;transition:all .3s;} div.extra-menu-widget .links>div ul li a:hover{padding-left:12px; color: var(--color-purple)} div.extra-menu-widget .links>div .h4::after {margin-left: 50%;transform: translateX(-21px);} div.extra-menu-widget .links>div ul li a {display: block;padding: 8px;transition: all .3s;} div.extra .block.author.news .button-autor{padding:1em 0} .private{opacity: .7;} .flex-extra{margin-right: 4%;} .menu-nf{width: 50%;margin-right: 130px;} .menu-widget, .menu-nf-widget{margin-right: 33px;width: 50%;border: 1px solid #D0D1D4;border-radius: 2px; background-color: #FFF;} .menu-nf-widget {margin-right: 0;} div.flex-notfound{width: 100%;display:flex;margin-top:45px;} .links{display: flex;flex-wrap: wrap;margin-top: 20px;} .hidden-text{padding: 30px;} .links>div ul li a{padding:10px;margin-right: 3px;} .links>div ul li a:hover {padding-left: 15px;transition: all .3s;} .private{opacity: .7;} .popin-eureka{display:none;background-color:black;width: 500px;height:200px;z-index: 60;position: fixed;left: 50%;transform: translate(-50%, 0);background-image:linear-gradient(to bottom, #f02b60 0%, #f02b60 29%, #ffffff 20%, #ffffff 100%);border-radius:10px;border:2px solid #f02b60;} .popin-title{color:white;padding:5px 5px 5px 5px;margin-left: 35%;} .popin-button{display:block;margin:0 auto;text-transform: uppercase;margin-top: 20px;} .popin-content-last{font-weight: bold;margin-left:25%;padding-bottom:20px;color:black;padding-top: 5px;} .popin-content{padding:20px 10px 0 10px;margin-left: 8%;color:black;} .popin-logo-first{font-size:40px;font-weight: bold;} .popin-logo{font-size:25px;font-weight: bold;} .popin-logo-last{font-size:25px;font-weight: normal;} .text_nf_scd{color: #5A5A5A;font-weight: bold;} .text_nf_fst{color:#C0273E;font-size:70px;margin:0;font-weight: bold;letter-spacing: 5px;line-height:70px;} .img_nf{background-image:url("../../includes/components/./2020/styles/../imgs/gradient.png");background-repeat: no-repeat;height: 214px;margin-bottom:25px;background-position:center;} .block_nf{text-align: center;} .second-block-nf{width: 55%;} div .title h2{margin-left:5px;} .nf_block_style{border: none;background:none;} dd{margin-left: 0;} .connect.connect-banner{margin-bottom: 10px;background-color: #F7F7F8;padding: 28px 96px 27px; display: flex; align-items: center; justify-content: center; gap: 8px} .connect.connect-banner span:first-of-type{font-size: 1.5em; font-weight: 600} .connect.connect-banner .or{font-size: 1.5em; display: flex; align-items: center} .connect.connect-banner span.cbo{text-align: center} .site-container.content.service_down .main.full{background:none;border:none;} .site-container.content div a[data-cbo].btn{text-align: center;margin-left: 16px;} .doc_video.zephir .h2{all:unset;} .petcap{font-variant: small-caps;font-size: 0.8em;} .current-li{pointer-events: none;} li.current-li{border-bottom: 1px solid #D0D1D4;cursor: pointer;background: #fff;display: block;font-size: 0.9em;} .not_found .links.links-nf div:nth-of-type(even) {margin-right: 0;} .not_found .links.links-nf ul {padding: 0;} .not_found div.extra-menu-widget .links>div {width: calc(50% - 1em)} .author-data{display: flex;} .author-list{border-top: solid 1px #d2d2d2;padding-bottom:9px;padding-top:10px;} .author-info::after {content: '';display: block;height: 4px;background: #C0273E;border-radius: 5px;width: 41px;border: 0;} .author-bio{width:815px;margin-right:auto;text-align: left;font-weight:normal;} .author-photo{width: 77px;height: 82px;background-repeat: no-repeat;background-size: cover;margin-left:2px;margin-right: 17px;} .auteur-link{width: 250px;} .author-infos{display:flex;flex-direction: column;} .author-twitter{margin-left: auto;} .generic .survey>div{margin: 0 auto;} .logo-esante{background-repeat: no-repeat;margin-top: 20px;margin-bottom: 10px;max-width: 100px;} .title-logo-esante{color: #5A5A5A;word-break: break-word;width: 175px;font-size:80%;display: inline-block;} .title-esante{display:block;} div.document.gp div.content table{border-radius:2px;overflow: hidden;box-sizing: content-box;border:solid 1px #D0D1D4;width:100%;background:none;margin:0;} div.document.gp div.content table tbody tr td{padding:5px;border-right:1px solid #D0D1D4;border-bottom:1px solid #D0D1D4;} div.document.gp div.content table tbody tr td:last-of-type{border-right:1px solid transparent;} div.document.gp div.content table tbody tr:last-of-type td{border-bottom:1px solid transparent;} div.document.gp div.content table:not(.tabloreagir ):not(.tabloreagirlegende):not(.encadre) tbody tr:first-of-type td{border-bottom:solid 1px #D0D1D4;text-transform:uppercase;background:#F4F6FC;text-align: center;color:#5A5A5A;font-weight:bold;padding:10px;border-radius:2px 2px 0 0;} .titretrt{margin-bottom:5px;margin-top: 15px;font-weight: bold;color: #c70036;} .content .article .block .content .nomsclass a[href^="dci"]{text-decoration: none;} .nommed{font-size:16px;} .scroll-page{z-index: 99;display: block;position: fixed;bottom:20px;right:20px;cursor:pointer; background: url("../../includes/components/./2020/styles/../imgs/icon-up-to-top.png") no-repeat center, var(--background-gradient-primary);width: 48px; height: 48px;border-radius: 50%; border: none; transition: background .2s;} .scroll-page.is-transparent{background: url("../../includes/components/./2020/styles/../imgs/icon-up-to-top.png") no-repeat center, rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.3);} .scroll-page:hover {background-color: #9E102A;} div.item.lst-tiret div.p, div.item.lst-tiret>div {position: relative;padding-left: 25px;} div.item.lst-tiret div.p, div.item.lst-none, div.item.lst-none div.p, #references .sources .tsource {margin: 8px 0;} div.item.lst-tiret div.p::before, div.item.lst-tiret>div.lst::before{position:absolute;display:block;content:'';width:4px;height:4px;background:#444C62;left:0.7em;top:0.6em;border-radius: 50%} .content.document .main .block .content .content-item .title.level-section-zero:not(.close) + .has-level-section .content-item:not([id]) div.item.lst-tiret div.p::before{top: calc(20px + 0.6em)} div.item.lst-tiret div{list-style-type: none;} div.item.lst-puce{display: list-item;margin-left:20px;} .lst-items .lst-items div.item.lst-none > .p {padding-left: 15px} a.disable-letter{background: #d4cdcd;cursor: not-allowed;color:#b7b7bd;opacity: 0.5;} a.disable-letter:active {pointer-events:none;} .titretrt{margin-bottom:5px;margin-top: 15px;font-weight: bold;color: #c70036;} .nomsclass{color: #8e2828;} .nommed{font-size:16px;} .mesvaccins a.action{font-size: 14px;color: white;background: #044684;padding: 3px 5px 3px 5px;border-radius: 3px;text-decoration: none;margin-top: 10px;margin-right: 5px;text-align: center;} .mesvaccins a.action:visited{color:white;} div.partenariat.mesvaccins h5{text-transform: lowercase;font-style: normal;display: inline-block;margin-top: 10px;padding: 0;margin-bottom: 10px;} .mesvaccins h5:first-letter{text-transform: uppercase;} .mesvaccins h5 a{color:#044684;} div.parteneriat.mesvaccins h5 a {color:#044684;text-transform: lowercase;} .mesvaccins{background:url("../../includes/components/./2020/styles/../imgs/vaccins.png") no-repeat;background-size: 150px 150px;display: block;padding-left: 160px;margin-bottom: 5px;min-height: 150px;} .block_vaccin{display:flex;} div.block.mesvaccins {margin-left:0;} div.extra .block.box ul li a:hover{text-decoration: underline;} div.extra .block.box ul li a:visited{color: #C0273E;} .manufacturer_email_label{display: inline-block;} .manufacturer_tel_label:first-of-type{margin-bottom: 20px;display: inline-block;} div.content.full li a {text-decoration: underline;} #N2{color:#5A5A5A; margin-bottom: 20px; margin-top: 10px;} span:not(.market-status).deleted{color: #C0273E;flex: 0 0 auto;text-transform: uppercase;text-align: right;font: Bold 0.93em Inter;width: 205px;position: relative;} span.deleted-products{color: #C0273E;text-transform: uppercase;font: Bold 0.93em Inter;display: flex;align-items: center;} #QSIFeedbackButton-target-container{border-top:none!important;border-bottom: none!important;} #submit_comment, .comments_list .response_submit, button[id^="submit_comment"] {padding:10px 20px 10px 36px;float:right;} .list p{margin:0;} [data-cbo]:hover { cursor: pointer; } .box-item .box-item-link {display: flex;align-items: center;gap: 1rem;text-decoration: none;cursor: pointer;} .box-item .box-item-link .picto-container {flex-shrink: 0;} .box-item .box-item-label {display: block;flex: 1;min-width: 0;} .box-item .box-item-label span {display: block;} .autocomplete-mssg{background-color:#0000004a;color:white;border-radius:3px;padding:3px;width:265px;font-size:13px;top: 1rem; left: 40%;position: absolute;} .dropdown div{cursor:pointer;} .dropdown div:not(.results):not(.selected):not(:hover){color:#999999;} .dropdown div.selected:hover,.dropdown div.selected{color:black;} .dropdown div:not(.results):not(:hover) b {color:black;} #query>div>.dropdown>div{display:flex;align-items: center;gap: 0.75rem;} div.dropdown>div{color:#999999;display:flex;} div.dropdown>div b{color:black;} div.selected span.type-searchbar{border: 1px solid black;color:black;} .collapsible{position: relative; cursor: pointer;} .btn_popin{text-align: center;padding: 0.75em;margin-bottom: 2em;} .btn_popin a {padding: 1em 2em;} .subscription_text{padding:10px;background: white;} .subscription_text a{color: #cc0033;font-weight: bold;} .already_subscribed p{margin: 0.5em 1em;padding: 30px;text-align: center;} .popin_already_subscribed{min-width:400px;} .already_subscribed{background: white;} .collapsible:after{cursor:pointer;border: solid #CC0033;border-width: 0 2px 2px 0;display: inline-block;margin-left: 0.5rem;padding: 0.15rem; content: '';position: absolute;top: calc(50% - 0.25em); right: 0.5rem; transform: rotate(45deg);-webkit-transform: rotate(45deg);transition: transform 1s;height: auto;transition: transform 1s;width: auto;border-radius: initial;background: none;} .collapsible.collapsed:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);} .clamped{position: relative;height: 7rem;overflow-y: hidden;} .clamped:after{background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.6),#fff);content: "";position: absolute;height: 4rem;width: 100%;bottom: 0;left: 0;} .consent-block{margin-top:20px;} div.sources-references div.print{margin-bottom: 8px;font-size: 14px;} .site-container .main li.desactivate{display:none;} .site-container .message {margin-top: 1.5em;} .iam-add .iam-add-link::after{background:url("../../includes/components/./2020/styles/../imgs/icon-prescription.svg") no-repeat right center;background-size: contain;} .action-page-buttons .iam-add{flex-grow:0;} .home-body .site-container .container .pub {} .site-container-gam {display: flex;margin: 0 auto 0;max-width: 1730px;} .a-z .site-container-gam .content-gam , .list .site-container-gam .content-gam {margin-bottom: 0} .site-container-gam .content-gam{margin-top: 20px} .content-gam {position: relative; width: 100%;min-height: 270px;background: #e4e3e1;} .content-gam.sticky, .content-gam-pc.sticky {position: sticky; top: 0;} :not(.extra) > .content-gam {margin-top: calc(2em + 41px);margin-bottom: 2em;margin-left: auto;margin-right: auto;} .vdf-part .content-gam-pc {margin-top: 2em;} .content-gam-pc {margin-left: auto;margin-right: auto;} .content-gam-pc .optidigital-wrapper-div {min-height: auto !important;} .content-gam-pc:not(:first-child) {margin-top: 2em;} .content-gam .pub {padding: 0.2em 0;background: #e4e3e1;text-align: center;position: absolute;top: -21px;width: 100%;font-size: 13px} .pub-pc { padding: 0.2em 0;background: #e4e3e1; text-align: center; font-size: 13px;} .content-gam.sticky .pub {position: sticky;top: 0;} .ad-banner-info {background-color:transparent;font-size: 10px;text-align: center;padding-bottom: 5px;color:#918e8e;} .optidigital-ad-center-sticky {min-height: 11em;} #opd_bottomstickyad::before{content:"Publicité";writing-mode:horizontal-tb;color: #31363C;font-size: 13px;font-family: Inter, serif;} .extra .content-gam:first-child {margin-top: 1.5em;} .extra .content-gam.sticky:first-child {margin-top: 0;} .extra .content-gam {margin-top: 2.5em;} div.content .content-gam .ads-gam , div.content .content-gam-pc .ads-gam {margin: 0 0 1em 0;} div.extra .content-gam .ads-gam , div.extra .content-gam-pc .ads-gam {margin-bottom: 1.3em;} ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; } .content .content .table_container,.scrollable-table{overflow-x: auto;} .scrollable-table::-webkit-scrollbar{width: 5px;height: 8px;background-color: #aaa;} .scrollable-table::-webkit-scrollbar-thumb {background-color: #444;} .package .substitute{padding: 0} .intro .substitute{padding-top: 0.75em} .substitute {color: #99680b;font-weight: 600;} .content .drug .block .document .substitute a, .substitute a{text-decoration: underline; color: #99680b;} .content .drug .block .document .substitute a:hover, .substitute a:hover{color: #815809;} @keyframes loader { 0% { transform: scaleY(0.1); background: none; } 50% { transform: scaleY(1); background: #c70036; } 100% { transform: scaleY(0.1); background: transparent; } } .loader { display: flex; gap: 1rem; align-items: center; width: min-content; margin: 1rem auto; flex: 1 1 auto; } .loader .loader-bar { height: 1rem; width: 1rem; animation: loader 1.2s linear infinite; } .loader .loader-bar1 { animation-delay: 0.1s; } .loader .loader-bar2 { animation-delay: 0.2s; } .loader .loader-bar3 { animation-delay: 0.3s; } .loader .loader-bar4 { animation-delay: 0.4s; } .loader .loader-bar5 { animation-delay: 0.5s; } .reveal-on-view, .reveal-on-view-list li { opacity: 0; transform: translateY(10px); will-change: opacity, transform; transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .reveal-on-view.on-load{transition: opacity 0.5s cubic-bezier(0.25, 0, 0.2, 1), transform 0.5s cubic-bezier(0.25, 0, 0.2, 1);} .reveal-on-view--priority {transition-duration: 0.45s;} .reveal-on-view.revealed, .reveal-on-view-list li.revealed {opacity: 1;transform: revert; will-change: auto;} /*GPR*/ div.extra .block.gpr-box {position: relative;} div.extra .block.gpr-box .gpr-box-top{display: flex;flex-direction: row; align-items: center; padding: 0 4px; position: absolute;top: 0.5em; right:0;} div.extra .block.gpr-box .gpr-box-top .gpr-box-img{background-position: right;background-size: contain;background-repeat: no-repeat;width: 36px;height:36px;background-image: var(--logo-gpr);} div.extra .block.gpr-box .gpr-links li a {color: var(--accent-main);padding: 10px 0;margin-left:0;font-weight: 600;} div.extra .block.gpr-box .gpr-links li a:hover{color: #9E102A;text-decoration: underline;} /*MSL*/ .content .block.lab-mobile-redirect{display: none} .content .extra .block .msl-box, .content .block.lab-mobile-redirect .msl-box{padding: 1em;display: flex; flex-direction: column; gap:0.5em;} .site-container.content.document>div>.main .block.lab-mobile-redirect{margin-right: 1rem; margin-left: 1rem} .content .block.lab-mobile-redirect .msl-box{justify-content: center; align-items: center; padding: 1em 0 0 0;} .content .block.lab-mobile-redirect .h3{display: flex; justify-content: space-between; flex-direction: row; border-bottom: solid 1px #CECED4;} .content .block.lab-mobile-redirect .h3 span:first-of-type {font-size: 18px;font-weight: 600;color: #31363C; display: flex;align-items: center; gap: 10px} .content .block.lab-mobile-redirect .h3 a{color: #CC0033; font-size: 14px; cursor: pointer} .content .block.lab-mobile-redirect .h3 a:hover{color: #9E102A; text-decoration: underline} .content .block.lab-mobile-redirect .msl-box .msl-button{padding: 14px;} .content .extra .block .msl-box .msl-label, .content .block.lab-mobile-redirect .msl-box .msl-label{font-weight: 600;color: var(--text-secondary);} .content .extra .block .msl-box .msl-button, .content .block.lab-mobile-redirect .msl-box .msl-button{cursor:pointer;text-align:center;background-color: var(--accent-light);color: var(--accent-main);font-weight: 600;padding: 1em;display: flex;flex-direction: row;gap: 0.5rem;justify-content: center;align-items: center;} .content .extra .block .msl-box .msl-button:hover, .content .block.lab-mobile-redirect .msl-box .msl-button:hover{background-color: #FAF2F5;color: #9E102A;} .content .extra .block .msl-box .msl-button .msl-url-icon, .content .block.lab-mobile-redirect .msl-box .msl-button .msl-url-icon{display: block;height: 1rem; width: 1rem;background: var(--icon-link) no-repeat;background-size: contain;} /*DATAPHARM*/ .content .extra .block .datapharm-box{padding: 1em;display: flex; flex-direction: column; gap:0.5em;} .content .extra .block .datapharm-box .datapharm-label{font-weight: 600;color: var(--text-secondary); text-align: center} .content .extra .block .datapharm-box .datapharm-button{cursor:pointer;text-align:center;background-color: var(--accent-light);color: var(--accent-main);font-weight: 600;padding: 1em;display: flex;flex-direction: row;gap: 0.5rem;justify-content: center;align-items: center;} .content .extra .block .datapharm-box .datapharm-button:hover{background-color: #FAF2F5;color: #9E102A;} .content .extra .block .datapharm-box .datapharm-button .datapharm-url-icon{display: block;height: 1rem; width: 1rem;background: url("../../includes/components/./2020/styles/../imgs/icon-datapharm.png") no-repeat;background-size: contain;} @media screen and (max-width: 1919px) { .footer .site-container {padding: 44px 48px;} .footer-logo-bg{left: -32px} } @media screen and (max-width: 1650px) { .header menu.main li{display: flex;align-items: center; line-height: 15px} .footer-logo-bg{background-image: url("../../includes/components/./2020/styles/../../2026/imgs/footer-web-2026-1440px.png");} } @media screen and (max-width: 1430px) { .header a{font-size:.9em;} .decoration{font-size:1em;} .list li{font-size:0.8em;} .mention{font-size: 0.7em;} .site-container .extra {flex: 0 0 auto;width:300px;} .header .nav .site-container a.logo{margin-right:20px;} .list li {font-size: 0.8em;} div.extra .block.author.news .button-autor .button-secondary {font-size: 11.5px} } @media screen and (max-width: 1360px) { } @media screen and (max-width: 1270px) { .header a{font-size:.8em;} .header .searchbar .logo>img{width:120px;height:120px;} .site-container.content {flex-direction: column;} .main.block {margin-bottom: 20px;} .mesvaccins{background-position-y: 15px;display: flex;flex-direction: column;} div.partenariat.mesvaccins h5{margin-bottom: -20px;} .site-container .extra {display:flex;flex-direction:column; align-items: center;margin:0 auto 1em;box-sizing:border-box;width:100%;} .footer-logo-bg{} } @media screen and (max-width: 1165px) { div.extmenu-header{flex-wrap: wrap} .header a{font-size: 1em;} .header menu>li:not(.link)>a:not(.usr-info),.header .menu-container menu>li>span.cbo {font-size:0.7em;} .header .searchbar .logo>img{width:90px;height:90px;} .links-nf {padding-left:0;} .mesvaccins a.action{margin-left:0;} .site-container.footer-menu {flex-wrap: wrap; gap: 50px;} .site-container.footer-menu > div {width: 35%} .site-container.footer-menu > div > .footer-block:first-of-type {margin-bottom: 30px} } @media screen and (max-width: 1024px) { .site-container{padding: 0 1.75em} .footer-logo-bg{} } @media screen and (max-width: 950px) { .header menu>li>a:not(.usr-info){font-size:1em;} h1{font-size:1.65em;} h2 {font-size: 1.4em;} .mesvaccins a.action{margin-left: 3%;margin-right: 0;font-size: 13px;} .mesvaccins{background-position-y:17px;text-align: center;} .mesvaccins h5{width:300px;} div.partenariat.mesvaccins h5 {margin-left:3%;margin-bottom: -20px;} .header{width:100%;top:0;padding-top:60px;} .header .usr-info[title="Mon compte"] {padding: 7px;} .header .icon-menu{display:block;} .header .nav .site-container{position:relative; width: auto;} .header .nav .site-container a.logo{height: 2rem;margin: 0;padding: 0;} .header .nav .site-container a.logo img, .header .nav.homepage-nav .site-container a.logo img{height: 20px;} .header .vidal-top-banner{flex-direction:column;width:100%;gap:10px;align-items:center;padding:1.5em;z-index:50;position:fixed;top:0;box-sizing:border-box;height:auto;} .header .vidal-top-banner .banner-link{width:100%;} .header .vidal-top-banner .ia-title-group{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;} .header .vidal-top-banner .banner-text{flex-basis:100%;text-align:center;padding-right:0;} .header .vidal-top-banner .button-ia{margin-top:2px;} .header .vidal-top-banner+.nav{top:160px;} .header .vidal-top-banner.hide+.nav{top:0;} .header .vidal-top-banner.hide{height:0;opacity:0;padding:0;overflow:hidden;} .header:has(.vidal-top-banner:not(.hide)){padding-top:220px;} .header .vidal-top-banner:not(.hide)+.nav .site-container .menu-container{top:220px;} .header>.site-container{flex-direction: column;align-items: start;} .header>.site-container>.breadcrumb{width: 100%;padding:1em 0;} .header>.site-container>.breadcrumb li, .header>.site-container>.breadcrumb li a{font-size:0.9em;white-space: nowrap;} .header>.site-container>.breadcrumb li:last-of-type {display: inline-block;overflow: initial;text-overflow: initial;} .header>.site-container .precision{padding:0.6em 0;} .page-header .intro .data-buttons{display: block} .with-facets.site-container.content>div{flex-direction: column;} .header .nav .site-container ul.secondary > li > .disconnected-nav {display: none;} .page-header .alpha{flex-wrap: nowrap;overflow: auto;} .page-header .alpha li{flex:0 0 auto;} .header .searchbar form.loading, .home .searchbar form.loading{background-position:right 50px center;} .header .searchbar form #query .dropdown, .home .searchbar form #query .dropdown{margin:0;width:calc(100% + 48px);transform:translateY(-3px);} #query>div>.dropdown>div{flex-direction: row-reverse;gap:3px;} .dropdown>div>span.type-searchbar{border:none;color:#aaa;width:auto;} .dropdown_history .dropdown_history_item .type { width: 25%;} .dropdown_history .dropdown_history_item .item_title { width: 75%; padding: 10px 0;} .site-container.content.document>div>.main .block{padding:1rem;} .with-summary.site-container.content.document>div>.main{padding:1em 0;box-sizing: border-box;margin-top: 0;} .main_comment{padding:0;} img.comment_avatar{height:29px;} span.cke_toolgroup {display:flex;padding-right:10px; } span.cke_toolgroup a.cke_button:last-child:after{margin-top:1px; right:-6px;} .header menu.main>li>a{color:#333;} .header menu.main>li>ul{width:auto;display:list-item;position:relative;margin:0;padding:0 0 0 20px;background:none;border:none;font-size:0.8em;} .header ul.secondary, .header .nav .site-container ul.secondary{gap: 0.5rem; min-width: initial; flex: 0 0 auto;} .header .nav .site-container .search-container{min-width: 0; flex: 1 1 auto;} .header ul.secondary .disconnected-nav {border-top-left-radius:4px;border-bottom-left-radius:4px;gap: 0.5rem;position: fixed;top: 3rem;right: 0;flex-direction: column;background: #fff;padding: 1em;transform: translateX(100%);transition: all .4s;margin: 0;} .header ul.secondary .disconnected-nav.open {transform: translateX(0);z-index: 100;box-shadow:0 0 3px rgba(0, 0, 0, .3);} .header ul.secondary .disconnected-nav.open li{width: 100%} .header ul.secondary .disconnected-nav li {} .header ul.secondary .button-tertiary{margin:0;} .header ul.secondary>li span.usr-info, .header ul.secondary>li a.usr-info[title="Mon compte"] .arrow, .header ul.secondary>li.font-size{display:none;} .header .searchbar .title{padding:10px 0 5px!important;font-size:0.64em!important;font-weight: normal;} .header .searchbar form{height:50px;width:95%;} .header .searchbar form input[type="text"], .home .page-header .searchbar form input[type="text"]{font-size:0.8em;padding-left:12px!important;text-overflow:ellipsis;} .block.list, .site-container.main{margin-top:1.5em;} .list li {font-size: 0.8rem;} .content.document.site-container ul.list:last-child {margin-left: 60px;text-align: center;} .site-container>.content, .site-container.content{display: flex;margin-top:1.3em;padding:0;} .site-container>.content .extra .block,.site-container.content .extra .block{width:100%;box-sizing: border-box;} .drug .extra .lab.block .adr, div.extra .block.news ul li a, div.extra .block.news .news-list li .news-head {font-size: 14px;} .content-responsive{display:flex;flex-direction:column;} div.flex-notfound{display: flex;flex-direction: column;} .menu-nf-widget, .menu-widget {width:100%;margin-top: 20px;margin-bottom: 35px;} div.extra-menu-widget{width: 80%} div.extra-menu-widget .links>div, .not_found div.extra-menu-widget .links>div {width: 100%;margin-right: unset} .block_nf{margin-left: auto;margin-right: auto;display: table;} .h4.substances{display:none;} .container.content .main .block .products div.consume-info ul li a div.routes{display:block;} .site-container.content .main{margin-top:1em;} .site-container.content .main .block .products .title {display: flex;justify-content: space-between;margin-bottom: 13px;flex-direction:column-reverse;} .site-container.content .main .block .products .title a {margin-bottom:20px;} .logo-esante{margin-left:auto;margin-right:auto;} .title-logo-esante{width:auto;} .site-container.para .data .package .name,.site-container.para .data .package .infos{display:flex;flex-direction: column;} .site-container.para .data .package .infos .codes, .site-container.para .data .package .infos .prices {margin:0 auto;margin-bottom:38px;width: 318px;} .block-docu{width: calc(30% - 2em);margin-bottom: 3%;margin-left: 15%;} .docu-blocs {display: flex;margin-left: 3%;margin-top: 3%;flex-wrap: wrap;justify-content:unset;} .docu{margin-top: 60px;width:100%;} .autocomplete-mssg{margin-top: -49px;width: 225px;font-size: 11px;} /* home */ div.extmenu-content .links {margin-bottom: 20px;} div.extra-menu-widget{width: 100%} div.extra-menu-widget.gp-extmenu div.extmenu-content ul li{margin:1em 0;} /* NEW HEADER MOBILE*/ .header .nav {display:block;} .header .nav .site-container > div:first-of-type {display: flex; align-items: center;gap:0.5em; padding-right: 1em;} .header .usr-info img {width: 28px;} .header .nav .site-container a.logo {display: flex; align-items: center} .header .nav .site-container a.logo img {height: 20px} .header ul.secondary .search {display: none;} .header ul.secondary .search-mobile {display: block} .header .usr-info[title="Mon compte"] {display: none} /*NEW FOOTER MOBILE*/ .footer > div > .site-container {display: flex;flex-direction: column;padding: 0} .footer > div:first-of-type {flex-direction: column;display: flex;background: none;height: auto;} .footer .footer-logo-bg{background-size: auto; width: stretch} .site-container.footer-menu > div {margin: auto; width: 100%;} .mentions{display: flex;flex-direction:column;text-align: center;} .mentions .mention {display: flex;flex-direction: column;padding: 10px 0 30px} .mentions .mention:nth-child(even) {display: none} .mentions .mention:not(a) {color: white;} .intro>div:first-child {flex-wrap: wrap;gap:0.5em;} div.extra .block.author.news .button-autor .button-secondary {font-size: 15px; padding: 1em 2.3em;} #Dabox .restricted{ width: 92vw;padding: 0 1.5em 1.5em;box-sizing: border-box;} #Dabox .restricted .actions{grid-auto-flow: row; width: auto;} #opd_bottomstickyad::before{font-size: 11px;} .connect.connect-banner{display: flex; flex-direction: column; text-align: center; align-items: center; gap: 28px; position: relative} .connect.connect-banner span:first-of-type, .connect.connect-banner span.or{font-size: 1em} .connect.connect-banner span.cbo{width: -webkit-fill-available;display: inline-flex;justify-content: center;align-items: center;gap: 6px; background-image: none} .connect.connect-banner .register::before, .connect.connect-banner .button-connection::before{content: '';display: block;background-repeat: no-repeat;background-size: .9em;width: 1em;height: 1em;} .connect.connect-banner .register::before{background-image: url("../../includes/components/./2020/styles/../imgs/icon-edit-red.png");} .connect.connect-banner .button-connection::before{background-image: url("../../includes/components/./2020/styles/../imgs/icon-user-connection.png")} .connect.connect-banner .or{display: flex; width: 100%; align-items: center; gap: 10px; font-size: 1em } .connect.connect-banner .or>span{width: 100%; height: 1px;background-color: #E9EAED; display: block} } @media screen and (max-width: 728px) { .site-container.second .extra-menu-widget #homepage-connect .connect-links{ grid-auto-flow: row;} .content .block.lab-mobile-redirect{display: block} h1{margin:0;} .home .page-header h1{font-size:1.95em;} .site-container{padding: 0 1em} .dropdown_history .dropdown_history_item .type { width: 100%;} .header .searchbar form button {padding: 0 1em;} .header .searchbar form button span {display: none;} .header .searchbar form button img {margin-right: 0;} .footer-bg {background-image: url("../../includes/components/./2020/styles/../imgs/footer-extra-small.png");} .header .nav .site-container .search-container.is-open .searchbar-toggle {width: 40px; opacity: 1; pointer-events: auto;border-color: transparent; transform: none;} .header .search-container.is-open .searchbar.visible {width: 0; opacity: 0; pointer-events: none;} .footer-minisite .copyright-mentions{ flex-direction: column; gap: 1em;} .footer-minisite{padding:0.5em 1em 2em} .footer-minisite .copyright-mentions .mentions-minisite{flex-direction: column; gap: 0.5em; } } @media print { .header, .footer, .mentions, .block.revive, .site-container-gam, .content-gam,.content-gam-pc, .comments {display: none} } .mobile-search-modal { position: fixed; inset: 0; z-index: 2000; width: 100%; max-width: 100vw; box-sizing: border-box; background: rgba(15, 18, 25, 0.45); opacity: 0; pointer-events: none; transition: opacity .25s ease; } .mobile-search-modal[hidden] { display: none; } .mobile-search-modal__sheet { position: absolute; left: 0; right: 0; top: 56px; bottom: 0; box-sizing: border-box; width: 100%; max-width: 100vw; background: #fff; border-radius: 16px 16px 0 0; box-shadow: 0 -4px 24px rgba(10, 13, 18, 0.12); padding: 8px 16px 16px; display: flex; flex-direction: column; transform: translateY(100%); transition: transform .32s cubic-bezier(.22, .61, .36, 1), top .25s ease; will-change: transform; touch-action: pan-y; } .mobile-search-modal.is-open { opacity: 1; pointer-events: auto; } .mobile-search-modal.is-open .mobile-search-modal__sheet { transform: translateY(0); } .mobile-search-modal__sheet.is-expanded { top: 0; } .mobile-search-modal__sheet.is-dragging { transition: none; } .mobile-search-modal__handle { width: 44px; height: 4px; border-radius: 2px; background: #D5D7DA; margin: 6px auto 14px; flex: 0 0 auto; position: relative; cursor: grab; touch-action: none; } .mobile-search-modal__handle::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 120px; height: 28px; } .mobile-search-modal__sheet.is-dragging .mobile-search-modal__handle { cursor: grabbing; } .mobile-search-modal__back { background: none; border: 0; padding: 8px 0; align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 500; color: #181D27; cursor: pointer; font-family: inherit; flex: 0 0 auto; } .mobile-search-modal__back .chevron { width: 8px; height: 8px; border-left: 2px solid #181D27; border-bottom: 2px solid #181D27; transform: rotate(45deg); margin-left: 4px; } .mobile-search-modal__host { flex: 1 1 auto; min-height: 0; margin-top: 12px; position: relative; } .mobile-search-modal__host .search-container { display: flex; flex-direction: column; align-items: stretch; margin: 0; gap: 0; height: auto; width: 100%; position: relative; } .mobile-search-modal__host .searchbar-toggle { display: none; } body.mobile-search-modal-open { overflow: hidden; } @media (prefers-reduced-motion: reduce) { .reveal-on-view, .reveal-on-view-list li {opacity: 1 !important;transform: none !important;transition: none !important;will-change: auto;} .mobile-search-modal, .mobile-search-modal__sheet { transition: none; } } @media (min-width: 729px) { .mobile-search-modal { display: none; } } :root{ --text-color-header: #181D27; --background-header: #FFFFFF; --color-logo: #CC0033; --background-gradient-primary: linear-gradient(103.91deg, #CC0033 2.03%, #662482 134.46%); --background-gradient-secondary: linear-gradient(90deg, #C01048 0%, #7A0360 100%); --color-purple: #7A0360; --accent-color-purple: #460038; --color-gray-light-mode: #FAFAFA; --icon-settings-04: url('data:image/svg+xml, '); --icon-eye-off: url('data:image/svg+xml,'); --icon-signup: url('data:image/svg+xml,%3Csvg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.33203 12.4997C3.33203 13.2747 3.33203 13.6621 3.41722 13.9801C3.64838 14.8428 4.32225 15.5167 5.18498 15.7478C5.5029 15.833 5.89039 15.833 6.66536 15.833H11.832C13.2322 15.833 13.9322 15.833 14.467 15.5605C14.9374 15.3208 15.3199 14.9384 15.5595 14.468C15.832 13.9332 15.832 13.2331 15.832 11.833V4.83301C15.832 3.43288 15.832 2.73281 15.5595 2.19803C15.3199 1.72763 14.9374 1.34517 14.467 1.10549C13.9322 0.833008 13.2322 0.833008 11.832 0.833008H6.66536C5.89039 0.833008 5.5029 0.833008 5.18498 0.918193C4.32225 1.14936 3.64838 1.82323 3.41722 2.68596C3.33203 3.00388 3.33203 3.39136 3.33203 4.16634M8.33203 11.6663L11.6654 8.33301L8.33203 4.99967M11.6654 8.33301H0.832031" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E'); --icon-login: url('data:image/svg+xml,%3Csvg width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14.1654 15.833C14.1654 14.67 14.1654 14.0885 14.0218 13.6154C13.6987 12.55 12.865 11.7164 11.7996 11.3932C11.3265 11.2497 10.745 11.2497 9.58203 11.2497H5.41537C4.2524 11.2497 3.67091 11.2497 3.19775 11.3932C2.13241 11.7164 1.29873 12.55 0.975564 13.6154C0.832031 14.0885 0.832031 14.67 0.832031 15.833M11.2487 4.58301C11.2487 6.65408 9.56977 8.33301 7.4987 8.33301C5.42763 8.33301 3.7487 6.65408 3.7487 4.58301C3.7487 2.51194 5.42763 0.833008 7.4987 0.833008C9.56977 0.833008 11.2487 2.51194 11.2487 4.58301Z" stroke="%23181D27" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E'); } /* 2026 buttons */ .button-primary-2026{background: var(--background-gradient-primary);background-size: 100% 100%;transition: background-size 0.2s;text-align: center;color: white;font-weight: 600;font-size: 14px;box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05),0px -2px 0px 0px rgba(10, 13, 18, 0.05) inset, 0px 0px 0px 1px rgba(10, 13, 18, 0.18) inset;padding: 12px 0.875em;border-radius: 8px; min-width: 165px;box-sizing: border-box;} .button-primary-2026:hover{background-size: 200% 100%; color: white} .button-secondary-2026:hover {color: #9E102A} .button-secondary-2026 {border-radius: 8px; background-color: #FFFFFF; color: #181D27;font-weight: 600;font-size: 14px;padding: 12px 0.875em; box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05), 0px -2px 0px 0px rgba(10, 13, 18, 0.05) inset, 0px 0px 0px 1px rgba(10, 13, 18, 0.18) inset; min-width: 165px;box-sizing: border-box;} .button-primary-2026.register, .button-primary-2026.login, .button-secondary-2026.register, .button-secondary-2026.login{display: flex; align-items: center; gap: 10px; justify-content: center} .button-primary-2026.register::before, .button-primary-2026.login::before, .button-secondary-2026.register::before, .button-secondary-2026.login::before{content: ''; width: 20px; height: 20px; display: block; flex-shrink: 0; mask-repeat: no-repeat; mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; transition: background .2s;} .button-primary-2026.register::before, .button-secondary-2026.register::before{mask-image: var(--icon-signup); -webkit-mask-image: var(--icon-signup);} .button-primary-2026.login::before, .button-secondary-2026.login::before{mask-image: var(--icon-login); -webkit-mask-image: var(--icon-login); mask-size: 12px; -webkit-mask-size: 12px;} .button-primary-2026.register::before, .button-primary-2026.login::before{background: #FFFFFF} .button-secondary-2026.register::before, .button-secondary-2026.login::before{background: #181D27} .button-secondary-2026.register:hover::before, .button-secondary-2026.login:hover::before{background: #9E102A} .container-gradient-primary{background: var(--background-gradient-primary);} .container-gradient-secondary{background: var(--background-gradient-secondary);} /*Page de connexion*/ :root { --primary-color: #8F0070; } *{font-family: Inter, serif;} .oauth_content a, .oauth_content a:visited{color:#CC0033;} .oauth_content a:hover{text-decoration: underline;} .block.external .oauth_content {border-radius: 0;margin:2.5em 6em;} .block.external .oauth_content .component.submit{margin-top:0.5em; width: 100%} .block.external .oauth_content .login_form .component.inp_login_remember.inline{padding: 0.5em 0; text-align: left} .block.external .oauth_content .login_form .component.inp_login_remember.inline .label{margin:0;} .block.external .separator {display: flex;align-items: center;text-align: center;margin: 1.2em 0;} .block.external .separator::before, .block.external .separator::after {content: '';flex: 1;border-bottom: 1px solid #ccc;} .block.external .separator::before {margin-right: 10px;} .block.external .separator::after {margin-left: 10px;} .block.external .separator span {font-size: 0.9em;color: #666;} .block.external .oauth_content>h2 {text-align: center; font: revert; margin-top: 1em; margin-bottom: 1em; font-size:30px;} .block.external .oauth_content .component.inp_login_password{margin-top:0.8em;} .block.external .oauth_content .label{font-weight: 500;font-family: Inter, sans-serif} .block.external .oauth_content form .component:not(.submit){width:100%} .block.external .oauth_content .login_form form{display: flex;flex-direction: column;align-items: end;width:90%;max-width:900px;margin: 5px auto} .block.external .oauth_content .link {padding: 1em 0; text-align: left} .block.external .oauth_content form{display: flex;flex-direction: column;align-items: end} .block.external .oauth_content .link>a{pointer-events:all;display:inline-block;color: #31363C;font-weight: bold;font-size: 0.9em; text-align: right; width: 100%} .block.external .oauth_content .mandatory{display:none} .block.external .oauth_content .input #inp_forgotten_password_email, .block.external .oauth_content .login_form .input #inp_login_email, .block.external .oauth_content .login_form .input #inp_login_password{border-radius: 6px;border: 1px solid #CECED4;width:100%;box-sizing: border-box; padding: 10px} .block.external .oauth_content .input #inp_forgotten_password_email:hover, .block.external .oauth_content .login_form .input #inp_login_email:hover, .block.external .oauth_content .login_form .input #inp_login_password:hover{border-color : #52B1E7} .block.external .oauth_content .input #inp_forgotten_password_email:focus, .block.external .oauth_content .login_form .input #inp_login_email:focus, .block.external .oauth_content .login_form .input #inp_login_password:focus {border-radius: 2px;border: 1px solid #52B1E7;outline: 1px solid #52B1E7;} .block.external .oauth_content .login_form .component.inp_login_remember.inline{width: 100%;display:flex;align-items: center; font-size: 0.9em; margin-left: auto} .block.external .oauth_content .login_form .component.inp_login_remember.inline .label{margin:0;} .block.external .oauth_content .login_form .input #inp_login_remember{margin:0 0.7em 0 0;} .block.external .oauth_content .reset_password_form{width:90%;margin:0 auto;max-width: 900px} .block.external .oauth_content .reset_password_form .link>a{background:none;padding-left:0;} .block.external .oauth_content .reset_password_form .reset_password_description {margin-bottom: 10px} .block.external .oauth_content .component.inp_forgotten_password_email .input::before{margin-bottom:0.5em;display:block;font-size:0.9em;font-weight:bold;} .block.external .oauth_content .component.inp_forgotten_password_email .input::before{content:'Adresse e-mail de votre compte VIDAL';} .block.external .oauth_content .error{padding:0.5em;font-weight:normal;position: absolute;top: 150px;width: 90%;left: 50%;background: #fff;border: solid 1px rgb(255,118,122);box-sizing: border-box;border-left-width: 5px;box-shadow: 0 0 4px rgba(0, 0, 0, .5);transform: translateX(-50%);} #steps_user_creation_oauth{margin:1em 0 0 1em;display:flex;gap:0.5em;border-bottom:solid 1px #aaa;} #steps_user_creation_oauth li{float:none;flex:0 0 auto;} .content_bloc_full.vidal_2017{padding:0 6em;} .content_bloc_full.vidal_2017 .fade {display: none;} .content_bloc_full.vidal_2017 .context_oauth{padding:0;} .content_bloc_full.vidal_2017 #submenu_oauth{width:256px;background-color: #FFF;padding: 1.75em 1.75em 3.5em 6em;margin-left: -6em; margin-right: 0;} .content_bloc_full.vidal_2017 #submenu_oauth #submenu_oauth_items li.flex_item{padding:0;} .content_bloc_full.vidal_2017 #submenu_oauth #submenu_oauth_items li.flex_item a{padding:1.2em 0.5em;transition:all .4s;} .content_bloc_full.vidal_2017 #submenu_oauth #submenu_oauth_items li.flex_item a .menu_label{padding-right:0.5em;transition:all .4s;} .content_bloc_full.vidal_2017 #submenu_oauth #submenu_oauth_items li.flex_item a:hover .menu_label{padding-right:0;} .content_bloc_full.vidal_2017 .body_content.oauth_content.oauth_content_block{margin:3em 0 0 3em;padding:1.3em;} #form_register .btn_red, .content_bloc_full.vidal_2017 .body_content.oauth_content.oauth_content_block .btn_red{box-shadow: none;border: none; border-radius: 2px !important; background: #CC0033; color: #FFF;font-size: 14px;padding: 1em 2em;cursor: pointer; font-weight: 600;max-width:300px;} #form_register .btn_red:hover, .content_bloc_full.vidal_2017 .body_content.oauth_content.oauth_content_block .btn_red:hover{background-color: #9E102A;color: #FFF;box-shadow: none;} .registration_form #back, #btn-validation button, .content_bloc_full.vidal_2017 .body_content.oauth_content.oauth_content_block .btn_grey, .content_bloc_full.vidal_2017 .body_content.oauth_content.oauth_content_block #delete_account, .content_bloc_full.vidal_2017 #submenu_oauth #log_out{box-shadow: none;border: 1px solid #FAE6EB; border-radius: 2px; background: #FFF; color: #CC0033 !important;font-weight: 600;font-size: 14px;cursor: pointer;padding: .6em;box-sizing: border-box;max-width:300px;} .registration_form #back:hover, #btn-validation button:hover, .content_bloc_full.vidal_2017 .body_content.oauth_content.oauth_content_block .btn_grey:hover, .content_bloc_full.vidal_2017 .body_content.oauth_content.oauth_content_block #delete_account:hover, .content_bloc_full.vidal_2017 #submenu_oauth #log_out:hover{background-color: #FAF2F5;color: #9E102A;box-shadow: none;} .content_bloc_full.vidal_2017 .body_content #account_profile_form .submit{width:100%;} .content_bloc_full.vidal_2017 .body_content.oauth_content.oauth_content_block .btn_grey{margin:1em auto 0;} .registration_form{max-width:900px;margin:1.5em auto;} .registration_form #back{margin: 1em auto;} .inp_change_password_submit .input{width: initial;} .fade {position: absolute;margin: 0;width: 90%;height: 135px; background-image: repeating-linear-gradient(0deg, rgba(0,0,0,0.07) 0px, rgba(0,0,0,0.07) 1px, transparent 1px, transparent 35px), repeating-linear-gradient(90deg, rgba(0,0,0,0.07) 0px, rgba(0,0,0,0.07) 1px, transparent 1px, transparent 35px); mask-image: radial-gradient(circle at center, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 50%, transparent 100%); -webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 50%, transparent 100%); } @media screen and (max-width: 1300px) { .content_bloc_full.vidal_2017{padding:0 2em;} .content_bloc_full.vidal_2017 #submenu_oauth{padding-left:2em;margin-left:-2em;} } @media screen and (max-width: 950px) { div:has(.footer) {display: none;} body{background: #fff} .content_bloc_full.vidal_2017{padding:0 1em;} .content_bloc_full.vidal_2017 #submenu_oauth{width:135px;} .block.external .oauth_content {border-radius: 0;padding:0 0 1em 0;margin:0;background:#fff;} .block.external .oauth_content form .component{flex-basis: initial;} .content_bloc_full.vidal_2017 .body_content.oauth_content.oauth_content_block{margin:0;} .content_bloc_full.vidal_2017 #submenu_oauth{padding-left:1em;margin-left:-1em;} .oauth_content .content_form .flex_all{flex-direction: column;align-items: start} .content_bloc_full.vidal_2017 #submenu_oauth #submenu_oauth_items li.flex_item a .menu_label{display:none;} #submenu_oauth .flex_parent .parentItem h3{text-align: center;} #submenu_oauth_items li a{justify-content: space-around;} .oauth_content input:checked + .slider .on, .oauth_content input + .slider .off{display:none;} .block.external .oauth_content #inp_forgotten_password_submit {background: #CC0033 url("../../includes/components/./2020/styles/../imgs/icon-check.png") no-repeat 26% center;} }