:root{--color-accent:rgb(23, 148, 154);--color-accent-light:#f0f8f8;--color-primary:#cc0033;--color-primary-light:#f8e2e5;--color-primary-dark:#9e102a;}
html body .block.external .oauth_content.ssu{margin:0;padding:0;background:none;}
html body .block.external .oauth_content.ssu h1{margin-bottom:0.4em;}
html body .block.external .oauth_content.ssu h1 span{color:var(--color-primary);font-family: Inter, Serif, serif;}
html body .block.external .oauth_content.ssu span.subtitle{font-size:1.2em;color:#5f6164;font-weight: bold;}

html body .block.external .oauth_content.ssu .site-container{background:white;padding-bottom:1em;}
html body .block.external .oauth_content.ssu .site-container.vidal_mobile,
html body .block.external .oauth_content.ssu .site-container.campus{width:90%;max-width:1250px;padding-top:1em;margin:0 auto;}
html body .block.external .oauth_content.ssu .site-container.vidal_mobile h1,
html body .block.external .oauth_content.ssu .site-container.campus h1{margin:0;font-size:2em;}
html body .block.external .oauth_content.ssu .site-container.vidal_mobile h1 span,
html body .block.external .oauth_content.ssu .site-container.campus h1 span{font-size:1em;}
html body .block.external .oauth_content.ssu .ssu{padding:2em;display:flex;gap:2em;width:90%;max-width:1250px;justify-content: center;margin:0 auto;align-items: start;}
html body .block.external .oauth_content.ssu .ssu>div{padding:2em;background:#fff;border-radius: 5px;flex:1 1 auto;width:50%;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs{width:55%;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs h2{text-align: center;margin-bottom:0.5em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs h3{text-align: center;padding:0;font-size:1.1em;color:var(--color-accent);}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs ul.steps{margin-bottom:0.5em;list-style: none;display:flex;gap:1em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs ul.steps li{display:block;flex:1 1 auto;height:3px;border-radius:3px;background:#eee;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs ul.steps li.done{background:#0ca300;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs ul.steps li.active{background:var(--color-accent)}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .steps_label{text-align: center;margin-bottom:1.5em;font-size:0.8em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .disclaimer{font-size:0.6em;padding:1em 0;margin:1em 0;max-height: inherit;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .disclaimer a{color:#31363C;text-decoration: underline;font-size:1em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .disclaimer a:hover{text-decoration: none;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs form{width:100%;display:flex;flex-direction:column;padding:0 1em;align-items:center;box-sizing: border-box;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs .step_error{color:red;text-align: center;font-size:0.9em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .email_confirmation{}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .email_confirmation div form{display:inline;padding:0;margin:0;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .email_confirmation>div{margin-bottom:1em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .email_confirmation>div.important{font-weight: bold;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs form h3,
html body .block.external .oauth_content.ssu .ssu>div.user_inputs form h4{font-family: Inter, Serif, serif;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs form .intro{font-size:0.9em;color:#5f6164;margin-bottom:1.5em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs form .intro ul{list-style: disc;margin:1em 0;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs form .intro ul li{margin-left:1em;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs form label{user-select:none;width: 100%}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs form .component{margin-bottom:0.5em;margin-top:0.5em;width:100%;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs form .component .label{display: flex}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs form .component .label label{font-size:0.8em;color:#31363c;font-weight:bold;display:block;margin-bottom:.5em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs form .rpps .component .label label{width: unset}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs form .component .label .tooltip {position: relative;display: inline-block; width: 16px; height: 16px; padding: 5px; background: url("../../includes/components/./ssu/imgs/icon-tooltip.png") no-repeat center top / 16px auto;cursor: pointer;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs form .component .label .tooltip::after {content: "Vous pouvez trouver votre numéro RPPS sur votre carte professionnelle (CPS) ou une en-tête d'ordonnance"; width: 300px; position: absolute;bottom: 100%;left: 50%;background-color:var(--color-accent);color: white;padding: 5px 10px;border-radius: 5px;font-size: 12px;opacity: 0;visibility: hidden;transition: opacity 0.3s;word-wrap: break-word;white-space: normal;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs form .component .label .tooltip:hover::after {opacity: 1;visibility: visible;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list{display:flex;flex-direction:column;gap:1em;margin-top:1em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button{text-align:left;flex:1 1 auto;gap:2px;display:flex;position:relative;padding-left:50px;color:var(--color-accent);font-weight: bold;border:solid 1px var(--color-accent);background:#fff;min-height:40px;align-items: center;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button:before,
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button:after{content:'';display:block;position:absolute;transition:all .3s;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button:before{box-sizing:content-box;border:solid 1px var(--color-accent);width:20px;height:20px;border-radius:100%;background:transparent;left:20px;top:8px;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button:after{width:10px;height:10px;border-radius:100%;background:#fff;left:26px;top:14px;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button span{text-align:left;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex:1;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button>div{}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button>div>span{white-space: normal;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button:hover{background:var(--color-accent-light);cursor: pointer;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button:hover:after{background:var(--color-accent);}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button:active{background:var(--color-accent);color:#fff;cursor: pointer;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button:active:before{border-color:#fff;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .button_list button:active:after{background:#fff;}


html body .block.external .oauth_content.ssu .ssu>div.user_inputs input[type="text"],
html body .block.external .oauth_content.ssu .ssu>div.user_inputs input[type="email"],
html body .block.external .oauth_content.ssu .ssu>div.user_inputs input[type="password"],
html body .block.external .oauth_content.ssu .ssu>div.user_inputs input[type="month"],
html body .block.external .oauth_content.ssu .ssu>div.user_inputs input[type="search"]{border-radius:2px;width:100%;flex:1 1 auto;box-sizing:border-box;height:45px;border:solid 1px #666d70;display:flex;align-items: center;padding-left:12px;outline:none;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs input.search{background:url("../../includes/components/./ssu/imgs/icon-zoom.png") no-repeat 15px center;padding-left:45px;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs input[type="month"]{background:url("../../includes/components/./ssu/imgs/icon-calendar.png") no-repeat right 1em center;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs input[type="month"]::-webkit-calendar-picker-indicator{display:none;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs input.with_error{border-color:red;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs input.checking{background:white url("../../includes/components/./ssu/../qualification/imgs/ajax-loader.gif") no-repeat right 1em center / 28px 28px;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .error_message{font-size:0.8em;color:red;padding:2px 2px 4px 2px;position:relative;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .error_message a{text-decoration: underline;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .error_message a:hover{text-decoration: none;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs select{border-radius:2px;border:solid 1px #666d70;height:45px;outline:none;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .actions{display:flex;justify-content: center;gap:1em;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs .rpps{display:flex;gap:1em;align-items: start; width:100% }
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .rpps>button{margin-top:50px;}
html body .block.external .oauth_content.ssu .btn-connexion-psc {justify-content: center;display: flex;margin: auto auto 1rem;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs button{user-select:none;border-radius:2px;height:45px;box-sizing: border-box;font-weight:bold;border:none;padding:0 1em;cursor:pointer;transition:all .3s;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button:disabled{opacity: 0.6;pointer-events: none;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.primary,
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.primary:disabled{background:var(--color-primary);color:#fff;padding:0 1em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.primary:hover{background:var(--color-primary-dark);}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs div.back{display:flex;width:100%;margin-bottom:0.5em;margin-top:0.5em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.secondary{flex:1 1 auto;text-align: center;border:none;background:var(--color-primary-light);color:var(--color-primary);font-weight: bold;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.secondary:hover{background:var(--color-primary-dark);color:#fff;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .alt{display:flex;flex-direction: column;margin-bottom:0.5em;width: 100%;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .alt .precision{color:#ee6244;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.cancel{flex: 1 1 auto;text-align: center;background:white;color:#73777d;font-weight:normal;border: 1px solid #e3e3e3; border-radius: 5px; margin-bottom: 5px}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.cancel:hover{background:#F5F5F5}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-right,
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-right:disabled{position:relative;padding-right:40px;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-left{position:relative;padding-left:40px;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-right:before,
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-right:after,
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-left:before,
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-left:after{content:'';display:block;position:absolute;transition:all .3s;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-right:before{border:solid 1px #fff;border-left:none;border-bottom:none;transform:rotate(45deg) translateY(-50%);width:7px;height:7px;right:24px;top:50%;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-right:after{height:1px;width:10px;background:#fff;right:21px;top:calc(50% + 1px);}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-right:hover:before{right:20px;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-right:hover:after{right:17px;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-left:before{border:solid 1px var(--color-primary);border-left:none;border-bottom:none;transform:rotate(-135deg) translateY(50%);width:7px;height:7px;left:16px;top:calc(50%);}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-left:after{height:1px;width:10px;background:var(--color-primary);left:19px;top:calc(50% + 1px);}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-left:hover:before{left:12px;border-color:#fff;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.arrow-left:hover:after{left:15px;background:#fff;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs div.line{display:flex;gap:1em;align-items: end;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs div.line .component{flex: 1 1 auto;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block{margin-bottom:1em;width:100%;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block h4{padding-left:0;color:#5f6164;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters{}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block {display: flex; flex-direction: column; background-color:#F7F7F8; border: 1px #CC1F16 solid; margin-bottom: 1em}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block .description {display: flex; flex-direction: row; margin-bottom: 0.5em; margin-top: 1em}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block .description .picto {background:url("../../includes/components/./ssu/imgs/icon-book.png") no-repeat center center / 90px auto; width: 40%}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block .description .block_text {display: flex; flex-direction: column;width: 100%;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block .description .block_text .title h4 {font-weight: bolder;font-size: 1em}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block .description .block_text .text {font-size: 0.8em}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block .action {display: flex; flex-direction: row; margin: 1em;align-items: center; font-size: 0.8em}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block .action .accept_all_newsletters{margin: auto 1em}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block .action .accept_all_newsletters label{font-weight: bolder;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .newsletters_block .action .accept_all_newsletters p{}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters input[type="checkbox"] {width: 18px; height: 18px; accent-color: #CC0033}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters .accept_cgu, .accept_share {display: flex;align-items: center;gap: 8px;margin: 1em; font-size: 0.8em}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters>a{font-size:0.9em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters a{text-decoration: underline;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters a:hover{text-decoration: none;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters ul{display:flex;flex-direction: column;gap:.5em;margin-top:.8em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters ul li{display:flex;align-items: center;gap:10px;justify-content: space-between;font-size:.9em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters ul li label{max-width: 500px}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof{transition:all .3s;position:relative;color:#5f6164;border:solid 1px #5f6164;background:#f7f7f8;cursor:pointer;user-select: none;overflow: hidden;min-height:60px;display:flex;align-items: center;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof:hover{background:#eaeaea;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof>span:first-of-type{position:relative;display:block;z-index:2;padding:1em 40px 1em 40px;background:url("../../includes/components/./ssu/imgs/icon-upload.png") no-repeat 10px center;font-size:.8em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof input[type="file"]{display:none;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof.valid{background:#d5ecd5;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof.upload_error{background: #ecd5d5;border-color:red;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof .progress{pointer-events:none;height:100%;content:'';display:block;position:absolute;top:0;left:0;width:0;background: #d5ecd5;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof.droppable{background: #d3f5fa;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof .icon-trash{pointer-events:none;opacity:0;position:absolute;right:1em;top:50%;transform:translateY(-50%) scale(0.6);z-index:12}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof.upload_error .icon-trash,
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .upload.proof.valid .icon-trash{pointer-events: all;opacity:1;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component input.aac_loading{background:url("../../includes/components/./ssu/../qualification/imgs/ajax-loader.gif") no-repeat right 1em center / 28px 28px;padding-right:35px;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component input.search.aac_loading{background:url("../../includes/components/./ssu/imgs/icon-zoom.png") no-repeat 15px center, url("../../includes/components/./ssu/../qualification/imgs/ajax-loader.gif") no-repeat right 1em center / 28px 28px;padding-right:35px;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list{width:100%;z-index:99;max-height:300px;overflow:auto;position:absolute;top:100%;left:0;background:#fff;padding:2px;font-size:0.9em;flex-direction: column;gap:2px;box-shadow: 0 1px 3px rgba(0, 0, 0, .3);box-sizing: border-box;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list .aac_option{padding:1em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list .aac_empty{pointer-events:none;padding: 1em;font-size: 0.9em;font-style: italic;opacity: 0.6;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list .aac_option.disabled{pointer-events: none;opacity: 0.6;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list .aac_option.highlight,
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list .aac_option:hover{background:#f7f7f7;cursor:pointer;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component .aac_result_list .aac_option span{font-weight:bold;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component.inp_resume_password_user .input{position:relative;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component :is(.aac_multiple_list, .multiple_list){align-items:start;display:flex;gap:0.5em;flex-wrap:wrap;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component :is(.aac_multiple_list, .multiple_list)>div{min-height:40px;background:#17949a;display:flex;align-items:center;border-radius:20px;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component :is(.aac_multiple_list, .multiple_list)>div>span:first-of-type{pointer-events:none;font-size:0.8em;color:white;display:block;padding:0 .7em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component :is(.aac_multiple_list, .multiple_list)>div .icon-trash{transform:scale(0.4);--icon-color:white;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .component :is(.aac_multiple_list, .multiple_list)>div:last-of-type{margin-bottom:0.5em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs div .precision{font-size:0.7em;font-style: italic;}

html body .block.external .oauth_content.ssu .ssu>div.user_inputs .confirmation{margin-top:2em;background:none;display:flex;flex-direction: column;gap:1em;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .confirmation p{}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .confirmation p span{color:#CC0033;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .email_confirmation .important{overflow: hidden;text-overflow: ellipsis;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs .email_confirmation .important .email{white-space: nowrap;}

html body .block.external .oauth_content.ssu .ssu>div.user_infos{display:flex;flex-direction: column;align-items: center;width:45%;background:#f7f7f8;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos h3{font-family: Inter, Serif, serif;text-align: center;margin:0 auto;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos h3>span{font-family: Inter, Serif, serif;color:#CC0033;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos ul{display:flex;flex-direction: column;gap:1em;margin:1em 0;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos ul li{display:flex;align-items: center;gap:10px;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos ul li:before{display:block;content:"✔";color:var(--color-primary);}
html body .block.external .oauth_content.ssu .ssu>div.user_infos p.conclusion{text-align: center;font-weight: bold;color:var(--color-accent);margin-top:2em;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos p.precision{text-align: center;margin-top:1em;}

html body .block.external .oauth_content.ssu .ssu>div.user_infos .account{padding-top:80px;background:url("../../includes/components/./ssu/imgs/forms.png") no-repeat center top;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos .student{padding-top:80px;background:url("../../includes/components/./ssu/imgs/icon_student.png") no-repeat center top / 80px auto;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos .rpps,
html body .block.external .oauth_content.ssu .ssu>div.user_infos .pharma{padding-top:80px;background:url("../../includes/components/./ssu/imgs/icon_pds.png") no-repeat center top / 60px auto;}

html body .block.external .oauth_content.ssu .ssu>div.user_infos div.with_illu{display:flex;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos div.with_illu .illustration{flex:0 0 auto;width:40%;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos div.with_illu.features{justify-content: space-between;background:url("../../includes/components/./ssu/imgs/illu_tools.png") no-repeat center center / 140px auto;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos div.with_illu.features>div.feature{width:36%;flex:0 0 auto;display:flex;flex-direction:column;gap:2em;margin-top:1em;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos div.with_illu.features>div.feature.prescription{padding-top:2em;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos div.with_illu.features>div.feature>div{font-size:0.8em;font-style: italic;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos div.with_illu.features>div.feature>div>h6{font-size:1.2em;color:#CC0033;background:#ececee;font-family:Inter;text-align:center;padding:5px 0;margin-bottom:.5em;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos div.with_illu .arguments{flex:0 0 auto;width:60%;display:flex;gap:1em;flex-direction:column;align-items:center;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos div.with_illu .arguments>span,
html body .block.external .oauth_content.ssu .ssu>div.user_infos div.with_illu .arguments span>span{font-weight:bold;}

html body .block.external .oauth_content.ssu .ssu>div.user_infos .illustration.vm{background:url("../../includes/components/./ssu/imgs/illu_vidal_mobile.png") no-repeat center center / 130px auto;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos .illustration.screens{background:url("../../includes/components/./ssu/imgs/illu_screens.png") no-repeat center center / 130px auto;}
html body .block.external .oauth_content.ssu .privacy_notice_mobile{display: none}

.icon-trash{--icon-color:#555;--border-size:3px;width:40px;height:40px;display:inline-block;position:relative;cursor:pointer;}
.icon-trash>span{pointer-events: none;}
.icon-trash>span:first-of-type{transition:all .2s;position:absolute;top:0;left:0;width:100%;height:12px;display:flex;flex-direction:column;justify-content: center;align-items: center;}
.icon-trash>span:first-of-type::before{content:'';display:block;width:30%;height:6px;border:solid var(--border-size) var(--icon-color);}
.icon-trash>span:first-of-type::after{content:'';display:block;width:90%;height:var(--border-size);background:var(--icon-color);margin-top:-3px;}
.icon-trash>span:last-of-type{position:absolute;width:100%;height:25px;bottom:0;left:0;}
.icon-trash>span:last-of-type:before,
.icon-trash>span:last-of-type:after{content:'';display:block;position:absolute;width:var(--border-size);background:var(--icon-color);height:25px;}
.icon-trash>span:last-of-type:before{transform:rotate(10deg);right:8px;}
.icon-trash>span:last-of-type:after{transform:rotate(-10deg);left:8px;}
.icon-trash>span:last-of-type>span{position:absolute;width:20px;height:var(--border-size);background:var(--icon-color);bottom:0;left:50%;transform:translateX(-50%);}
.icon-trash>span:last-of-type>span:before,
.icon-trash>span:last-of-type>span:after{content:'';display:block;position:absolute;width:var(--border-size);height:12px;background:var(--icon-color);}
.icon-trash>span:last-of-type>span:before{top:-17px;left:5px;transform:rotate(-10deg);}
.icon-trash>span:last-of-type>span:after{top:-17px;right:5px;transform:rotate(10deg);}
.icon-trash:hover>span:first-of-type{transform-origin:right bottom;transform:rotate(15deg);}

#Dabox .sent_again{padding-right:3em;background:#fff;}
body #Dabox {background:#fff;}
@media screen and (max-width: 950px) {

    html body #header{height:80px;}
    html body #header img{width:150px;}
    html body .block.external .oauth_content.ssu .site-container.vidal_mobile h1{font-size:1.6em;}
    html body .block.external .oauth_content.ssu .site-container.vidal_mobile+.ssu{width:95%;padding:0 .6em;}

    html body .block.external .oauth_content.ssu .ssu{flex-direction: column;align-items: center;box-sizing: border-box;}
    html body .block.external .oauth_content.ssu .ssu>div.user_inputs,
    html body .block.external .oauth_content.ssu .ssu>div.user_infos{width:100%;padding:1em;}
    html body .block.external .oauth_content.ssu .ssu>div.user_inputs form{padding:0;width:100%;}
}

@media screen and (max-width: 550px) {
    .site-container .content_bloc_full{width:100%;margin:0;}
    html body .block.external .oauth_content.ssu .ssu>div.user_inputs .privacy_notice{display: none}
    html body .block.external .oauth_content.ssu .privacy_notice_mobile{display: flex; flex-direction: column; width: 90% !important}
    html body .block.external .oauth_content.ssu .privacy_notice_mobile .disclaimer{margin-bottom: 1.5em}
    html body .block.external .oauth_content.ssu .ssu>div.user_inputs form .component .label .tooltip::after {font-size: 10px;max-width: 200px;padding: 4px 8px;}
    html body .block.external .oauth_content.ssu .ssu>div.user_inputs .block.newsletters ul li label{max-width: 280px}

}
@media print {
  #debug {
    display: none;
  }
}
#debug pre {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#debug {
  z-index: 999;
  position: fixed;
  bottom: 0;
  right: 0;
  font-size: 12px;
  outline: none;
  overflow: hidden;
  width: 500px;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  height: 30px;
  background: rgba(236, 241, 240, 0.4);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#debug * {
  font-family: Arial, Helvetica, sans-serif;
}
#debug.maximized,
#debug.fullscreen {
  background: #ecf1f0;
  width: 100%;
}
#debug.maximized .debug_bar .debug_control a.debug_toggle,
#debug.fullscreen .debug_bar .debug_control a.debug_toggle {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAI0lEQVR4AWOAglEwCkbBKGDCENnB8J8A3IFqwDABo2AUjAIAUboRZYE0KBAAAAAASUVORK5CYII=");
}
#debug.maximized {
  border-left: none;
  height: 350px;
}
#debug.fullscreen {
  border: none;
  height: 100%;
}
#debug.fullscreen .debug_bar .debug_control a.debug_fullscreen {
  display: none;
}
#debug .clear {
  clear: both;
}
#debug .debug_bar {
  height: 30px;
}
#debug .debug_bar .debug_global {
  height: 24px;
  padding: 3px;
  float: left;
}
#debug .debug_bar .debug_global span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding-left: 28px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 24px;
  margin-left: 4px;
}
#debug .debug_bar .debug_global span.debug_memory {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAQAAABGmPfEAAABKklEQVR4AcXOr2vUcQDG8ddtFyzji8ykXlgUo0GLwb9A/wODXVbWZ5ltwWwRsU5UVnbBgckgHhxyxTSdmxzjYBicP/Z44ZAPH075gsH3qz88HfPquu6myy64iI/2vfPMKz+0aNmmI5n5MpWZI5uW/bWuNRMp3J1KYWJNl/k1dqRyZyqVHQ3UrRiJ2oepqI2sqGqMpKWJvpFG0YJtaemTWz6LbQsArEpL7135/XUVYMlYWnmrZ1dmxpaAdWllV+OxFNah40BaeOqMe1JyoMNVaeGhRbdF7Rob8kdfvTYU93HDN1HboC+OHYraS+fBOVwyEaVDx6LP0IketkRp31kAvBGlLfScGDIWewZORemBsieidGpgT4y7nlsEA5S9UPbId/P62fGPLfz3gV/YHWnDBGbKPAAAAABJRU5ErkJggg==");
}
#debug .debug_bar .debug_global span.debug_time {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAE0AAABNABiiVDWwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIkSURBVFiFzZexTiNBDIa/WSQSRQLapEtLkRqKK6LtKBDX8jQ0eYFUobnuHuAQoqVKAU+AlII7iSKnKyMFKRQxxXqVydxkdmbFHmdpmpXt/x/ba3uMiBAjxpgWkAMXwDHQ0wMw1/ME3AD3IrKKciwiwaMgE2ABSORZqE2v0n8AuA2MgGUCsHuW6qO9C8f4UmCM6QI/gBNP0N6AKfBLw15GqQ98AfY9No/AVxH5XZkCYAC8eG4zAy6Bw0DUDlVn5rF/AQbBFABdD/gaGAOdqnxafjpqs/aQ6HoJUOT8wTH4CQx3gBi1aUORSo/OUH3YPh+wasJWHnnAjwK3PLV0TwN6Rx4Soy0CWkR2ta933TyVgBUJOx1L9BctFSYOw3FEnqMJqP7YwZiUf2CL7SYziym4GgQ6zt+xAFoZRXs9YCNXIvLKB4v6vLI+HQB5RtHbS3kD7j4a3JI7xSjlIqMYLKVMRWTRFLr6nlqfjjM2Ew2K9tq02Bg9l8CcetJP0LUxellNQIA/QFms34wxeR0nmcso1lBEnoFzJdEBbiNJbEXcJdCPJaAk7muQsDHmANdsmsOKwLgNNJmcTStfAnlgXK8svGuAM7Zb5GUqgR0k/p79xa5gY51BzVZcQeI7sBfTimsPowCJgQseHEZ1x3EiqSGhcaxKSQtJAnj1QqKKSStZws3jVjI1+Lyl1Cmif7aW/38PE6cmGn+axeSz0cepNwU+aep5/g4gwAw9neGyAwAAAABJRU5ErkJggg==");
}
#debug .debug_bar .debug_control {
  float: right;
  height: 24px;
  padding: 3px;
}
#debug .debug_bar .debug_control a {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  background-size: 24px;
  width: 24px;
}
#debug .debug_bar .debug_control a.debug_close {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAbrwAAG68BXhqRHAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAC4SURBVFiF7ZVBCoMwEEX/L+QILrrJ/c/TI7jxEBV+NykUapJxrB2EDLh75j1QJpSEyLmF2kfACBgBlwogmUmmHXwimbugpO4DIANYATwATAZ+KuwKIDdZY0AqB6oX8SF/s+lwQOXgrwgL4w7oCTzy3QE1kVfuCqhEuOTugI0Il1xS/CK63ifYkP/vJ2yJvBE/kR+JsMpjVzFOvIxYXuhOuVoXSU8jnwDcJc1Nzhpw1oQvohEwAsIDXq360Fzr4Ph4AAAAAElFTkSuQmCC");
}
#debug .debug_bar .debug_control a.debug_toggle {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAbrwAAG68BXhqRHAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABjSURBVFiF7dTBCcAwDANAqXT/edzplAnaRxQQBRn8tHPEIEpCsq7o6wUUUMAJAMkhOdvzbhCRFABI4s78/09QQAF2SfpsAANAZs/b/vgPNIgKKCAOuA/seJxhOwfcip+ggAIW6XhRlm8Giv4AAAAASUVORK5CYII=");
}
#debug .debug_bar .debug_control a.debug_fullscreen {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAbrwAAG68BXhqRHAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADgSURBVFiF7ZdRCoMwEERnSq/gMXqI0kvbj/azB2iP4SGmPxasxmSlGUXowqIsK+9lISFSEraMw6b0v0ANAZItSQXzXl1gYZzHBTp3AckGwA3A6VOTxGGPbQIj+Gu2UVL1BNAAeAJQ/2z6d01614D3db/AHHwVgRzcLlCCWwUicJtAFJ4TOMZ39nck9vlFUpf55JqsJkxbAG2tlRenGB2VA75YoDZ8kYADHhZwwUMCTnhRwA3PCqwBLwnY4ZKmVzKSw0LkhPstMhOIZPbEjGTqTviwrTYR1ltxJPb/Z7R7gTcaFG1M9Zm4OQAAAABJRU5ErkJggg==");
}
#debug .debug_buttons {
  height: 30px;
  padding: 0 5px;
}
#debug .debug_buttons > div {
  background: #fefefe;
  display: inline-block;
  padding: 5px 10px;
  border: solid 1px;
  border-left-width: 5px;
  margin: 0 4px 0 0;
  cursor: pointer;
  float: left;
}
#debug .debug_buttons > div[rel="trace"] {
  border-color: #555555;
}
#debug .debug_buttons > div[rel="notice"] {
  border-color: #ffff66;
}
#debug .debug_buttons > div[rel="warning"] {
  border-color: #ff9900;
}
#debug .debug_buttons > div[rel="error"] {
  border-color: #ff0000;
}
#debug .debug_buttons > div[rel="query"] {
  border-color: #00ffff;
}
#debug .debug_buttons > div.disabled {
  opacity: .5;
}
#debug .debug_buttons > div.vars {
  float: right;
  margin: 0 0 0 4px;
}
#debug .debug_content {
  overflow: hidden;
  padding: 5px;
  width: 100%;
  height: calc(100% -  70px );
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3);
  background: #ffffff;
}
#debug .debug_content .debug_console {
  height: 100%;
  overflow: auto;
  width: calc(70% - 1px);
  border-right: solid 1px #efefef;
  float: left;
}
#debug .debug_content .debug_console .console {
  border-collapse: collapse;
  width: 100%;
}
#debug .debug_content .debug_console .console tr.odd td {
  background: #f8fdf9;
}
#debug .debug_content .debug_console .console tr td {
  padding: 5px 10px;
  border-bottom: solid 1px #e8e8e8;
  text-align: left;
}
#debug .debug_content .debug_console .console tr td.date {
  width: 90px;
  color: #666;
}
#debug .debug_content .debug_console .console tr td.file {
  width: 160px;
  text-align: right;
}
#debug .debug_content .debug_console .console tr td.trace {
  background: #555555;
}
#debug .debug_content .debug_console .console tr td.notice {
  background: #ffff66;
}
#debug .debug_content .debug_console .console tr td.warning {
  background: #ff9900;
}
#debug .debug_content .debug_console .console tr td.error,
#debug .debug_content .debug_console .console tr td.exception {
  background: #ff0000;
}
#debug .debug_content .debug_console .console tr td.query {
  background: #00ffff;
}
#debug .debug_content .debug_console .console tr td.trace,
#debug .debug_content .debug_console .console tr td.notice,
#debug .debug_content .debug_console .console tr td.warning,
#debug .debug_content .debug_console .console tr td.error,
#debug .debug_content .debug_console .console tr td.query,
#debug .debug_content .debug_console .console tr td.exception {
  padding: 0;
  width: 7px;
  border-bottom: none;
}
#debug .debug_content .debug_vars {
  height: 100%;
  overflow: auto;
  width: calc(30% - 10px);
  padding: 5px;
  float: right;
}