html {}

@font-face {font-family: 'product_sansregular';src: url('/fonts/product_sans_regular-webfont.woff2') format('woff2'),url('/fonts/product_sans_regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'product_sansitalic';src: url('/fonts/product_sans_italic-webfont.woff2') format('woff2'),url('/fonts/product_sans_italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'product_sansbold'; src: url('/fonts/product_sans_bold-webfont.woff2') format('woff2'), url('/fonts/product_sans_bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'product_sansbold_italic';src: url('/fonts/product_sans_bold_italic-webfont.woff2') format('woff2'),url('/fonts/product_sans_bold_italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

body {font-size: 1.2rem !important;line-height: 1.4;font-weight: 400 !important;font-family: 'product_sansregular', Arial, sans-serif !important;color: #484848 !important;background-color: #f8f6ee !important; }
.off-canvas, .off-canvas-toggle {display: inherit !important;left: 0 !important;position: inherit !important;top: 0 !important;transition: none;z-index: 1;}

a {color: #52a792 !important;outline: none!important;text-decoration: none!important;}
a:focus,a:hover,a:active {color: #499d8e!important;text-decoration: underline!important;box-shadow:none!important;}

.CardField-child {border-bottom: 1px solid #bcc3ce!important; }

p {margin: 0 0 .6rem !important;}

footer a, footer a:active {text-decoration: none; color: #757575 !important; }
footer a:hover, footer a:focus {text-decoration: underline; }

.cc-card .toast a, .cc-card .toast a:active {text-decoration: underline !important; color: #ffffff !important; }
.cc-card .toast a:hover, .cc-card .toast a:focus {text-decoration: underline; }

.toast-warning a, .toast-warning a:active {text-decoration: underline !important; color: #e3552a !important; }
.toast-warning a:hover, .toast-warning a:focus {text-decoration: underline; }

.progress {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #eef0f3;border: 0;border-radius: .1rem;color: #52a792 !important;height: .2rem;position: relative;width: 100%;}
.progressed {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #eef0f3 ;border: 0;border-radius: .1rem;color: #e3552a !important;height: .2rem;position: relative;width: 100%;}

.progressed::-moz-progress-bar { background: #e3552a; border-radius: .1rem; }

.table td, .table th {border-bottom: .05rem solid #dadee4;padding: .9rem .9rem !important;}

.text-green {color: #52a792 !important;}
.text-grey {color: #696969 !important;}
.text-light-grey {color: #aaaaaa !important;}
.text-dark {color: #484848 !important;}
.text-white {color: #ffffff !important;}
.text-orange {color: #e3552a !important;}
.text-purple {color: #8652a7 !important;}
.text-yellow {color: #ebfbaa !important;}
.text-blue {color: #3091b2 !important;}

.w50 {width: 50% !important;}
.w20 {width: 20% !important;}

.badge[data-badge]::after {font-size: 0.55rem!important;height: .9rem!important;line-height: 1.3!important;min-width: 1rem;padding: .1rem .25rem!important;text-align: center;white-space: nowrap;}
.badge[data-badge]::after, .badge:not([data-badge])::after {background: #e3552a!important;background-clip: padding-box;border-radius: .5rem;box-shadow: 0 0 0 0.1rem #fff;color: #fff;content: attr(data-badge);display: inline-block;transform: translate(-.05rem, -.5rem);}

.placeholder {width: 70px!important;}

.t-text-1 {font-size: 0.9rem !important;}
.text-small {font-size: 0.70rem !important; }
.tfontfam {font-family: 'product_sansregular', Arial, sans-serif !important;font-weight: 500 !important;}
strong, .text-strong, .text-bold {font-family: 'product_sansbold', Arial, sans-serif !important;}

.shadow-0 {box-shadow: 0 0 .2rem rgba(196,203,214, .2);}
.shadow-1 {box-shadow: 0 0rem .4rem rgba(196,203,214, .2);}
.shadow-2 {box-shadow: 0 0rem .6rem rgba(196,203,214, .3);}
.shadow-3 {box-shadow: 0 0rem 1rem rgba(196,203,214, .4);}
.shadow-4 {box-shadow: 0 .0rem 1.2rem rgba(196,203,214, .5);}

.toast {font-size: .7rem !important;padding: 0.7rem 0.6rem !important;}
.toast.toast-ok {background: rgba(82, 167, 146, .95);border-color: #52a792;font-size: .7rem;}
.toast.toast-ok a {color: #f0f512 !important;outline: none!important;text-decoration: underline!important;}
.toast.toast-nok {background: rgba(227, 85, 42, .95);border-color: #e3552a;font-size: .7rem;}
.toast.toast-nok a {color: #f0f512 !important;outline: none!important;text-decoration: underline!important;}
.toast.toast-unknow {background: rgba(105, 105, 105, .95);border-color: #696969;font-size: .7rem;}
.toast.toast-unknow a {color: #f0f512 !important;outline: none!important;text-decoration: underline!important;}


pre, code {margin: 1rem 0 0 0 !important;}

.btn.btn-clear {background: transparent;color: #696969 !important;height: 1rem;line-height: .8rem;margin-left: .2rem;margin-right: -2px;opacity: 1;padding: .1rem;text-decoration: none;width: 1rem;border: none !important;text-decoration: none !important;}
.btn.btn-clear:focus,.btn.btn-clear:hover {border: none!important;color: #e8e8e8 !important;text-decoration: none;text-decoration: none !important;}

.has-success .form-input,.form-input.is-success,.has-success .form-select,.form-select.is-success {background: #f9fdfa;border-color: #52a792 !important;}
.has-success .form-input-hint, .is-success + .form-input-hint {color: #52a792 !important;}

.s-rounded {border-radius: .2rem !important;}
.pad-btn{position: relative;z-index: 7;padding: 2rem 0;}

.btn {background: transparent !important;border: .11rem solid #484848 !important;border-radius: .2rem!important;font-size: 1.4rem;height: 3.2rem;line-height: 2rem;padding: .24rem .9rem !important;color:#484848 !important;}
.btn:focus, .btn:hover {border-color: #e3552a!important;color: #e3552a!important;}

.btn.btn-primary {background: #52a792 !important;border-color: #52a792 !important;color: #fff !important;}
.btn.btn-primary:focus,.btn.btn-primary:hover {background: #499d8e!important;border-color: #499d8e!important;color: #fff !important;text-decoration: none!important;}

.btn.btn-orange {background: #e3552a !important;border-color: #e3552a !important;color: #fff !important;}
.btn.btn-orange:focus,.btn.btn-orange:hover {background: none!important;border-color: #fff!important;color: #fff !important;text-decoration: none!important;}

.btn.btn-yellow {background: #ffc439 !important;border: 1px solid #f1c456 !important;color: #484848 !important;}
.btn.btn-yellow:focus,.btn.btn-yellow:hover {background: #f5c34e!important;border: 1px solid #f1c456!important;color: #484848 !important;text-decoration: none!important;}

.btn.btn-blue {background: #3091b2 !important;border-color: #3091b2 !important;color: #fff !important;}
.btn.btn-blue:focus,.btn.btn-blue:hover {background: #2c86a5!important;border-color: #2c86a5!important;color: #fff !important;text-decoration: none!important;}

.btn.btn-grey {background: #aaaaaa !important;border-color: #aaaaaa !important;color: #fff !important;}
.btn.btn-grey:focus,.btn.btn-grey:hover {background: #969696!important;border-color: #969696!important;color: #fff !important;text-decoration: none!important;}

.btn.btn-lg {font-size: .8rem !important;height: 2rem;padding: .3rem 1rem !important;}

.input-group .form-input:not(:first-child):not(:last-child), .input-group .form-select:not(:first-child):not(:last-child), .input-group .input-group-addon:not(:first-child):not(:last-child), .input-group .input-group-btn:not(:first-child):not(:last-child) {border-radius: 0 0.05rem 0.05rem 0.05rem !important;margin-left: -.05rem;}

.input-group .form-input:last-child:not(:first-child), .input-group .form-select:last-child:not(:first-child), .input-group .input-group-addon:last-child:not(:first-child), .input-group .input-group-btn:last-child:not(:first-child) {border-bottom-left-radius: 0 !important;border-top-left-radius: 0!important;margin-left: -.05rem;}

.form-input.input-xl {font-size: 1rem;height: 3rem;padding: .5rem .9rem;}
.btn.btn-xl {font-size: 1.2rem;height: 3rem;}
.btn.btn-mt {font-size: 1.2rem;height: 3rem;padding: 0rem 2rem !important;}
.form-input:focus {border-color: #52a792 !important;box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);}
.form-group:not(:last-child) {margin-bottom: .6rem !important;}
.form-select:focus {border-color: #52a792 !important;box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);}
.form-checkbox input:checked + .form-icon, .form-radio input:checked + .form-icon, .form-switch input:checked + .form-icon {background: #52a792 !important;border-color: #52a792 !important;}
.form-checkbox input:focus + .form-icon,.form-radio input:focus + .form-icon,.form-switch input:focus + .form-icon {  border-color: #52a792 !important;   box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);}

.clear-input-container {position: relative; display: inline-block; }
.clear-input {background: #fff; background-image: none; border: 0.05rem solid #bcc3ce; border-radius: 0.1rem; color: #3b4351; display: block; font-size: .8rem; height: 1.8rem; line-height: 1.2rem; outline: none; padding: 0.25rem 1.4rem 0.25rem .4rem; transition: background .2s, border .2s, box-shadow .2s, color .2s; width: 15rem; border-radius: 0.2rem; }
.clear-input-button { z-index: 1000; position: absolute; right: 65px; top: 10px; bottom: 0; /* button appearane */ justify-content: center; align-items: center; width: 16px; height: 16px; appearance: none; border: none; border-radius: 50%; background: #757575; margin: 0; padding: 2px; color: white; font-size: 10px; cursor: pointer; /* hide the button initially */ display: none; }
.clear-input-button:hover {background: darkgray;}
.clear-input--touched:focus + .clear-input-button,.clear-input--touched:hover + .clear-input-button,.clear-input--touched + .clear-input-button:hover {display: inline-flex;}

.menu {background: #fff; border-radius: none !important;box-shadow: 0 0rem 1rem rgba(196,203,214, .4)!important;list-style: none;margin: 0;min-width: 180px;padding: 1rem !important;transform: translateY(.2rem);z-index: 300;font-size: 0.83rem;margin-bottom: 4rem;}
.menu .menu-item > a:focus,.menu .menu-item > a:hover {background: none!important;color: #499d8e!important;text-decoration: underline!important;}
.menu .menu-item > a {border-radius: .3rem!important;color: #484848 !important;display: block;margin: 0 -.4rem;padding: .4rem .4rem!important;text-decoration: none;}
.menu .menu-item > a:active,.menu .menu-item > a.active {background: #f5f5f5!important;}

.tab .tab-item a {color: #696969 !important;}
.tab .tab-item a:hover {text-decoration: none !important;}
.tab .tab-item.active a, .tab .tab-item a.active {border-bottom-color: #52a792 !important;color: #52a792 !important;text-decoration:none !important;}
  
.headernav {margin: 1rem 0 0 0 !important;padding: 0.4rem 0 0 0;}
.headernav ul {list-style: none;list-style-image: none;}
.headernav li {display: inline-block;margin-left: 1.5rem;margin-top:0;line-height: 1.4rem;}
.headernav li.active {border-bottom: 2px solid #52a792; color: #52a792 !important;}

.headercanvas {padding: 0.80rem 0 0 0 !important;}
.headercanvas a {text-decoration: none;color: #484848 !important;font-size: 1rem;}
.headercanvas a:hover, .headercanvas a:focus {color:#e3552a !important;text-decoration: none!important;}
.headercanvas .btn {padding: .25rem .3rem !important;}
.headercanvas ul {}
.headercanvas li {margin-left: 0;margin-top:0;line-height: 2rem;}

.headernav a {text-decoration: none;font-weight: 400 !important;font-size: .8rem;color: #696969 !important;}
.headernav a:hover, .headernav a:focus {color:#e3552a !important;text-decoration: none!important;}
.headernav-logo {margin: 1rem 0 1rem 0;padding: 0;}


#xx {padding: 5rem 0;}
#xx h1 {font-size: 6rem!important;margin: 0rem !important; }

#sidebar-id {padding: 3rem;}

#register {padding: 5rem 0;}
.register-container {background-color: #ffffff;}
.register-form {padding:2rem 1rem;font-size: .7rem !important; }
.register-form h1 {font-size: 1.6rem !important; }

.register-plus {padding: 8em 2em 8em 2em;background: #696969 url(../img/captainverify-bg.jpg) no-repeat scroll top center / cover; color:#ffffff;}
.register-plus h2 {font-size: 1.8rem !important; }
.register-plus-point {padding: 0 0 .7rem 0;font-size: .8rem;}

.forgot {padding: 1rem;font-size: .8rem;}

#content-header{padding: 1.5rem 0 1rem 0;background-color: #ffffff;background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(248,246,238,1) 80%);}
#content-header h1{padding: 0!important;margin:0!important;}

.credits {background-color: #757575;color: #ffffff;padding: .2rem 0.2rem;text-align: center;border-radius: 0.2rem;}
.credits-title{font-size: .5rem;letter-spacing: .05rem;text-transform: uppercase;padding-bottom: .0rem;}
.credits-numbers{font-size: .66rem;}

#content-new,#content-alert{padding: 1.5rem 0 1rem 0;}
#content{padding: 3rem 0 3rem 0;}
.list, .contento {background-color: #ffffff;padding: 1rem 0.5rem;margin-bottom: 2rem;}
.mailtest {padding: 1rem 0.5rem;margin-bottom: 2.5rem;}
.list h3 {margin:0!important; padding-right: 2rem;}
.file-numbers {font-size: 1rem;}

.tools {background-color: #ffffff;padding: 2rem 2rem;margin-bottom: 2rem;}

.numbers {padding: 1.5rem 0 0 0;}
.numbers-info {background-color: #848484;color: #ffffff; padding: 0.4rem 0.4rem 0.2rem 0.4rem; border-radius: .3rem;}
.numbers-email {background-color: #3091B2;color: #ffffff; padding: 0.4rem 0.4rem 0.2rem 0.4rem; border-radius: .3rem;}
.numbers-valid {background-color: #52a792;color: #ffffff; padding: 0.4rem 0.4rem 0.2rem 0.4rem; border-radius: .3rem;}
.numbers-invalid {background-color: #ec6a38;color: #ffffff; padding: 0.4rem 0.4rem 0.2rem 0.4rem; border-radius: .3rem;}
.numbers-unknow {background-color: #aaaaaa;color: #ffffff; padding: 0.4rem 0.4rem 0.2rem 0.4rem; border-radius: .3rem;}
.numbers-header{font-size: .5rem;text-transform: uppercase;letter-spacing: .05rem;font-weight: 700;}
.numbers-text{font-size: 1.1rem;text-transform: uppercase;}
.numbers-risky { background-color: #9d4c69; color: #ffffff; padding: 0.4rem 0.4rem 0.2rem 0.4rem; border-radius: .3rem; }
.numbers-mailtest {padding: 0.8rem 0 0 0;}

.files {padding: 4em !important;border: 1px dashed #499d8e;-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;background-color: #f9f9f9;cursor: pointer;}
.dz-button { border: 0; background-color: transparent ; font-family: "product_sansregular", Arial, sans-serif;color: #52a792}
.dz-button:hover { border: 0; text-decoration: underline; background-color: transparent }
                                                      
#PJcontainer {padding: 1rem 0 0rem 0;}

.cloud-service {padding: 1rem;background-color: #efefef;border-radius: .3rem;}
.icone-service {width: 45px;vertical-align: middle;}
.icone-service-png {width: 27px;vertical-align: middle;}

.price, .import {padding: 2rem 1rem 0 1rem;}
.verif {border: 1px solid #E1E1E1; padding: 1rem;}
.verif:hover{background-color:#fefefe;box-shadow: 0 0rem .6rem rgba(196,203,214, .3);}
.verif-number {text-align: center;font-weight: 700;font-size: 1.3rem;}
.verif-price {border: 2px solid #E1E1E1; padding: 1.5rem 1rem;margin-bottom: 1rem;}
.verif-euro{text-align: center;font-weight: 700;font-size: 2.4rem;}
.verif-text {}

.pack-active {border: 2px solid #52a792;background-color: rgba(82, 167, 146, 0.12)!important;}

.subtitle {font-size: 0.8rem;padding: 0 0 1rem 0;}

.content-checkout {background-color: #ffffff;padding: 0rem 1rem 1rem 1rem;margin-bottom: 2rem;}
.content-pay {background-color: #ffffff;padding: 1rem;margin-bottom: 2rem;}

.cc-card {background-color: #ffffff;padding: 1rem;margin: 1rem 0 1.5rem 0;}

.tab-data {font-size: 0.8rem;}
.account-content {padding: 2rem 0;} 

footer {padding: 0 0 5rem 0;font-size: 0.65rem !important; /* border-top: 1px solid #e7e7e7;*/}
.footlink  {padding-top: .1rem;}
.copyright  {font-size: 0.6rem;color:#696969; padding-bottom: .5rem;}
.socios  {font-size: 1rem;color:#696969; padding-bottom: 2rem;}

/* slider */
.tarifs-intro {font-size: 1rem !important; padding: 1.5rem 0 1.5rem 0;}
.tarifs-text {font-size: 1.1rem !important; padding: 0 0 1.5rem 0;}
.tarifs-curseur {font-size: .7rem !important; padding: 1.5rem 0 0 0;}

.pricingslider {padding: 1.5rem 2rem 2rem 2rem;font-size:1rem !important;border: 1px solid #E1E1E1;}
.hp0, .hp1, .hs0, .hs1, .hq0, .hq1 {font-size:1.4em;color:#52a792;font-weight: bold;}
.hq {margin-bottom:1rem;}
.hp2, .hs2  {font-size:0.9rem;color:#D1D1D1;}

.hp > .ui-slider-range {background: #52a792; }
.hp > .ui-slider-handle {background: #52a792; }
.borderless>thead>tr>th, .borderless>tbody>tr>th, .borderless>tfoot>tr>th, .borderless>thead>tr>td, .borderless>tbody>tr>td, .borderless>tfoot>tr>td {border: none; }
.slider-change-colour > .ui-slider-range {background: blue; }
.handle-change-colour > .ui-slider-handle {background: yellow; }
.slider-change-size.ui-slider {height: 30px; }
.handle-change-size > .ui-slider-handle {height: 38px; width: 38px; }
.custom-handle > .ui-slider-handle {background-color: transparent; border: 0; width: 28px; height: 28px; top: -10px; }

.ui-slider-vertical {float: left; margin: 0px 20px}
.ui-slider-handle {cursor: pointer !important; }
.ui-slider{position:relative;text-align:left}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.4em;height:1.4em;cursor:default;-ms-touch-action:none;touch-action:none}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:15px}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:15px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:15px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:15px}

.ui-widget * {outline: none;}
.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}
.ui-widget .ui-widget{font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}
.ui-widget-content{border:1px solid #ddd;background:#eee 50% top repeat-x;color:#333}
.ui-widget-content a{color:#333}
.ui-widget-header{border:1px solid #e78f08;background:#52a792 50% 50% repeat-x;color:#fff;font-weight:bold}
.ui-widget-header a{color:#fff}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:8px solid #52a792;background:#f6f6f6  50% 50% repeat-x;font-weight:bold;color:#1c94c4}
.ui-widget-overlay{background:#666 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}
.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c 50% top repeat-x;color:#363636}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 50% 50% repeat;color:#fff}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}
.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon-blank{background-position:16px 16px}


/*! tabler-icons.io */
.icon {width: 1.0666666667em; height: 1.0666666667em; stroke-width: 2; vertical-align: -.15em; }
.icon-shape .icon {stroke-width: 2; width: 1rem; height: 1rem; }
.icon-filled {fill: currentColor; }
.icon-demo-inline svg {width: 1.2em; height: 1.2em; stroke-width: 2; stroke: currentColor; vertical-align: sub; }
.icon-demo-icon {position: relative; display: inline-block; vertical-align: top; }
.icon-demo-icon-middle {position: relative; display: inline-block; vertical-align: text-bottom; }
.icon-demo-icon-min {position: relative; display: inline-block; vertical-align: 3px; }
.icon-demo-icon .icon-item-new {top: -.25rem; right: -.25rem; }
.icon-demo-stroke-75 svg {stroke-width: .75; }
.icon-demo-stroke-100 svg {stroke-width: 1; }
.icon-demo-stroke-125 svg {stroke-width: 1.25; }
.icon-demo-stroke-150 svg {stroke-width: 1.5; }
.icon-demo-stroke-175 svg {stroke-width: 1.75; }
.icon-demo-stroke-200 svg {stroke-width: 2; }
.icon-demo-stroke-225 svg {stroke-width: 2.25; }
.icon-demo-stroke-300 svg {stroke-width: 3; }
.icon-demo-size-12 svg {width: 12px; height: 12px; }
.icon-demo-size-16 svg {width: 16px; height: 16px; }
.icon-demo-size-20 svg {width: 20px; height: 20px; }
.icon-demo-size-24 svg {width: 24px; height: 24px; }
.icon-demo-size-32 svg {width: 32px; height: 32px; }
.icon-demo-size-48 svg {width: 48px; height: 48px; }
.icon-demo-size-64 svg {width: 64px; height: 64px; }
.icon-demo-size-80 svg {width: 80px; height: 80px; }
.icon-demo-size-96 svg {width: 96px; height: 96px; }
.icon-demo-size-112 svg {width: 112px; height: 112px; }
.icon-demo-size-128 svg {width: 128px; height: 128px; }

/* Style pour le menu du compte */
#menu-select {width: 100%;padding: 0.5rem;border:1px solid #bcc3ce;}
.menu-hidden {display: none; }

@media screen and (min-width: 801px) {}

@media screen and (max-width: 800px) {
    .center-on-mobiles {text-align: center !important;margin-left: auto;margin-right: auto;display: block;float: none;}
    .menu {margin-bottom: 2rem !important;}
    #register {padding: 2rem 0;}
    .register-plus {padding: 6em 2em 4em 2em;}
    .btn.btn-block-on-mobiles {display: block;}
    .btn.btn-dl {display: block;width: 100%!important;}
}
@media screen and (max-width: 1000px) {
	#menu-ul {display: none; }
    #menu-select {display: block; }

    .form-sel {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border: .05rem solid #bcc3ce; border-radius: .1rem; color: inherit; font-size: .9rem; outline: none; padding: 0.2rem 1.4rem 0.2rem .6rem !important; vertical-align: middle; width: 100%; height: 2.5rem; }
    .form-sel:focus {border-color: #000; box-shadow: 0 0 0 .1rem rgba(75, 75, 84, .2); }
    .form-sel[size], .form-sel[multiple] {height: auto; padding: .25rem .4rem; }
    .form-sel[size] option, .form-sel[multiple] option {padding: .1rem .2rem; }
    .form-sel:not([multiple]):not([size]) {background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem; padding-right: 1.2rem; }
    .form-sel::-ms-expand {display: none; }
}

.recovery-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 40px;
    background: #f5f9fc;
    border: 1px solid #bcc3ce;
    border-radius: 6px;
    padding: 15px 20px;
    font-family: monospace;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/** toggle password **/
.pw-wrap {
    position: relative;
    margin-bottom: 1rem;
}

.pw-wrap input {
    padding-right: 2.5rem; /* space for button */
}

.pw-toggle {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.1rem;
}

.pw-toggle i {
    color: #888; /* medium grey */
    transition: color 0.2s ease;
}

.pw-toggle:hover i {
    color: #555; /* slightly darker on hover */
}