: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: IBM Plex 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: IBM Plex 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;}

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 .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 .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;}
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:#ececee;color:#73777d;font-weight:normal;}
html body .block.external .oauth_content.ssu .ssu>div.user_inputs button.cancel:hover{background:#73777d;color:#ECECEE;}

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>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 .component .upload.proof{transition:all .3s;position:relative;color:#5f6164;border:solid 1px #5f6164;background:#f7f7f8;cursor:pointer;user-select: none;overflow: hidden;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: IBM Plex Serif, serif;text-align: center;margin:0 auto;}
html body .block.external .oauth_content.ssu .ssu>div.user_infos h3>span{font-family: IBM Plex 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:IBM Plex Serif, serif;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;}
}