#tooltip input, #Woodbrass input, select, textarea { height:45px;width:100%;border:1px solid #ccc;padding:10px 15px;background:#fff;outline:none;box-shadow:none; }

#Woodbrass .h-100 {
    height: 100% !important;
}
@media only screen and (max-device-width:46.875rem) { #Woodbrass input, select, textarea { height:2rem; padding:5px 7px;} }
/*@media only screen and (max-device-width:46.875rem) { input:not(#MotRech), select, textarea { height:90px; } }*/
.review textarea { padding:0; }
textarea { resize:none;margin:0 0 -4px 0; }
select::-ms-expand { display:none; }
select { -webkit-appearance:none;-moz-appearance:none;border-radius:0;background:url(/images/v4/elements/fleche_bas_checkout.jpg) center right 10px no-repeat white;background-size:30px 30px; }
.dob select { background-position:center right 5px; }
.dobfield option[value=""] { color: red; }
@media only screen and (max-device-width:46.875rem) { select{ background-position:center right 5px;background-size:15px 15px; }}
label { position:relative;display:block; }
input:not([type=hidden]):focus + .active-input { right:0; }
/*.active-input { position:absolute;bottom:0;left:0;right:100%;height:2px;background:#000;transition:right .25s linear, height .25s linear; }*/
.active-input.invalid { display:flex;color:#fff;height:auto;padding:11px 15px;bottom:0;right:.0;background:#cc0000;/*white-space:nowrap;*/ }
.active-input.invalid { padding:0px;bottom:-30%;color:red;background:none;margin-top:7px;  }
@media only screen and (max-device-width:46.875rem) { .active-input.invalid { height:25px;padding:0px;bottom:-30%;color:red;background:none;font-size:10px; margin-top:5px;overflow:hidden;  } }
input[type="checkbox"] { display: none; }
input[type="checkbox"] + label {display:flex;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; }
input[type="checkbox"] + label:before { content:'';display:block;width:1rem;height:1rem;border:1px solid #000;position:absolute;left:.3125rem;top:50%;transform:translateY( -50% );-webkit-transition:all .12s, border-color .08s;transition:all .12s, border-color .08s; }
input[type="checkbox"]:checked + label:before { width:.625rem;top:calc( 50% - .625rem );left:.5rem;border-radius:0;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate( 45deg );transform:rotate( 45deg ); }
input[type="text"]::-webkit-input-placeholder {color: #666666; text-transform: lowercase;}
@media only screen and (max-device-width:46.875rem) { input[type="checkbox"]:checked + label:before {width:1.25rem;top:calc(50% - 1.25rem);left:0.6rem; } }

.account-resume .faded-btn { border:1px solid #ffffff;color:#ffffff; }
.account-resume .faded-btn:hover, .faded-btn.selected { background:#ffffff;color:#004890; }

.detail { display:flex;flex-flow:column;justify-content:space-between;padding-left:2rem;padding-bottom:11px; }
.detail .close { top:50%;right:initial; }
@media only screen and (max-device-width:46.875rem) {
    .detail {padding-left: 0.75rem;}
    .detail .close {height: auto!important; width: auto!important; font-size: 0.75rem;top:50%;}
}
.detail .close:before, .detail .close:after { background:#ffffff; }
.detail .faded-btn:hover .close:before, .detail .faded-btn:hover .close:after { background:#0066cc; }
.validation-btn { background: #0066cc!important; color:#ffffff!important; border: none;   }
.account-menu { display:flex;flex-flow:wrap;align-items:center;justify-content:center;list-style:none; }

.last-order, .last-sav { border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; }
.list-orders, .list-sav { border-bottom:1px solid #cccccc; }

.detail-order { display:none; }
.order { display:none; }
.order:checked + .detail-order { display:block; }

.detail-order { border:1px solid #cccccc;border-top:none; }
.detail-order .faded-btn { border:1px solid #000000;color:#000000; }
.detail-order .faded-btn:hover { background:#000000;color:#ffffff; }
.review { border:1px solid #cccccc;display:flex;align-items:flex-start; }
.review > a { flex:1 1 auto;width:33%; }
.review > img { flex:1 1 auto;width:calc( 33% + 20px ); }
.review > div { flex:2 2 auto;width:67%;border-left:1px solid #cccccc;height:100%; }
.review form { display:flex;flex-flow:column;justify-content:space-between;height:100%; }
.review form label { flex:4 4 80%;position:relative; }
.review form .active-input { position:absolute;top:0; }
.review form .active-input.invalid { color:#fff;height:auto;padding:11px 15px;bottom:0;right:.3125rem;background:#cc0000;white-space:nowrap; }
.review form textarea { border:none;border-bottom:1px solid #cccccc;width:100%;height:100%; }
.review form > div > label { flex:1 1 20%; }

.review form .rating { display:none; }
.review form .rating + label { color:#0066cc;float:left; }
.review form .rating:checked + label ~ label { color:#cccccc; }
.review > div:hover .rating + label { color:#0066cc; }
.review > div .rating + label:hover ~ label { color:#cccccc; }

.sep-ot-total { height:1px;background:#ffffff;border:none; }

.bdNoir { border:1px solid #000; }

.avatar { position:relative; }
.avatar:before { content:"";display:block;float:left;padding-top:100%; }
.account-resume .avatar { width:7.5rem; }
.w150	{ width: 150px; }
.h150	{ height: 150px; }
.listNone	{list-style: none;}
@media only screen and (max-width: 61.63rem) { .account-resume .avatar { width: 7rem; height: 6.5rem; border-radius: 12rem; } }
@media only screen and (max-width: 46.875rem) { .account-resume .avatar { width: 3.5rem; height: 3.5rem; border-radius: 6rem; } }

#Download h1{font-size: 34px;text-align: center;}

.form-avatar { width:100%;min-width: 500px; }
.avatar-wrapper { position:relative;width:100%;max-width:350px;max-height:350px;background:#fcfcfc;overflow:hidden;box-shadow:inset 0 0 5px rgba( 0, 0, 0, .25 ); }
.avatar-wrapper:before { content:"";display:block;padding-top:100%;position:absolute; }
.avatar-wrapper img { display:block;height:auto;max-width:100%; }

.bubble { position:fixed;top:50%;left:50%;transform:scale(1.001) translate(-50%, -50%);z-index:11;max-width:85vW;max-height:85vh;overflow-y:auto; }
.bubble .close:after { font-size:18px;position:absolute;margin-left:10px; }
.listAddr .addr { border:1px solid #ccc; }
.listAddr input[type="radio"] { display:none; }
.listAddr input[type="radio"] + label { position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:1.25rem 1.25rem 1.25rem 3.75rem; }
.listAddr input[type="radio"] + label:before { content:'';display:block;width:1.25rem;height:1.25rem;border:1px solid #000;position:absolute;left:1.25rem;top:50%;transform:translateY( -50% );-webkit-transition:all .12s, border-color .08s;transition:all .12s, border-color .08s; }
.listAddr input[type="radio"]:checked + label:before { width:.625rem;top:calc( 50% - .625rem );left:1.5rem;border-radius:0;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate( 45deg );transform:rotate( 45deg ); }

.depart { display:none; }
.depart.selected { display:block; }

.detail-ticket { display:none; }
.detail-ticket .file img { max-width:6.25rem;max-height:6.25rem; }
.ticket:checked + .detail-ticket { display:block; }
.ticket:checked + .detail-ticket a:link { color: #004890 }
.ticket:checked + .detail-ticket a:hover { text-decoration: underline }
.ticket:checked + .detail-ticket a:active { text-decoration: underline }
.ticket:checked + .detail-ticket a:visited { text-decoration: none }


.list-prod { display:none; }
.list-prod .active-input.invalid { position:static;width:100%; }
.list-prod.selected { display:flex; }
.list-prod input[type=checkbox] + label { padding:.625rem 0 0 1.5rem; }
.list-prod input[type=checkbox] + label:before { top:calc( 50% + .3125rem );left:0; }
.list-prod input[type=checkbox]:checked + label:before { top:calc( 50% - .3125rem );left:.15625rem; }

.coupon .flex { justify-content:space-between; }
.coupon .coupon-code { border:1px solid #ffffff;flex-shrink:0; }

.manual { border:1px solid #000; }
.manual.flex > div:first-child { flex:1 0 calc( 40% - 20px ); }
.manual.flex > div:last-child { flex:3 0 calc( 60% - 20px ); }
.manual .flex { flex-flow:column;justify-content:space-between; }
.manual .flex .faded-btn { align-self:flex-end; }

.imusic { border:1px solid #000; }
.imusic.flex > div:first-child { flex:1 0 calc( 40% - 20px ); }
.imusic.flex > div:last-child { flex:3 0 calc( 60% - 20px ); }
.imusic .flex { flex-flow:column;justify-content:space-between; }
.imusic .flex .faded-btn { align-self:flex-end; }

.wbschool { position:relative; }
/*.wbschool img { position:absolute;top:0;left:0; }*/
.wbschool .faded-btn { border-color:#fff;color:#fff;position:absolute;top:20px;right:20px; }
.wbschool .faded-btn:hover { background:#fff;color:#000; }
.wbschool-cours { display:flex;flex-flow:column;justify-content:space-between; }

.last-seance { border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; }
.list-seances { border-bottom:1px solid #cccccc; }

.detail-seance { display:none; }
.seance { display:none; }
.seance:checked + .detail-seance { display:block; }

.detail-seance { border:1px solid #cccccc;border-top:none; }
.detail-seance .faded-btn { border:1px solid #000000;color:#000000; }
.detail-seance .faded-btn:hover { background:#000000;color:#ffffff; }

.avatar-save:before { top:-15px;right:-15px;bottom:-15px;left:-15px; }
.form-avatar .flexCenterJustify { flex-flow:column; }
#new_addr_form .required-field, #create-account-form .required-field { border-right: 4px solid #0066cc; }
#new_addr_form .required-field-error, #create-account-form .required-field-error { border-right: 4px solid #ff0000 }
@media only screen and (max-device-width:46.875rem) { 
    #create-account-form .required-field { border-right-width: 2px; }
    #create-account-form .required-field-error { border-right-width: 2px; }
    .form-avatar { min-width: auto; }
    .form-avatar .flexCenterJustify { flex-flow:row; }
    .bubble{width: 80%}
}

.required-label { border-left: 4px solid #0066cc; padding-left: 15px; font-size: 12px;}

@media only screen and (max-device-width:46.875rem) {
    .required-label { border-left: 2px solid #0066cc; padding-left: 7px;}
    input[type="checkbox"] + label:before { width:1.75rem;height:1.75rem; }
}
/* CSS FORM SAV
/* Masquer le bouton radio d'origine */
#form_sav input[type=radio]{
    display: none;
}
/* Affichage par défaut du bouton radio personnalisé */
#form_sav input[type=radio] + label:before {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 17px;
    height: 17px;
}
/* Affichage du bouton radio personnalisé quand il est sélectionné */
#form_sav input[type=radio]:checked + label:before {background: #004890;border-color: #004890;box-shadow: inset 0px 0px 0px 2px #fff;}
#form_sav .element_choix{margin-bottom:14px;}
#form_sav label{cursor:pointer;margin:20px 0px;}
#form_sav label.text_indent{text-indent: 20px;}
/* bouton radio personnalisé responsive */
@media only screen and (max-device-width:46.875rem) {
    #form_sav input[type=radio] + label:before {margin-right: 5px;}
    #form_sav label{margin:10px 0px;}
    #form_sav label.text_indent{text-indent: 0;}
}
/* Retour par convenance */
#form_sav #conseil{display:none;}
/* Retour par convenance */
#form_sav #convenance{display:none;}
/* Duplicata facture */
#form_sav #duplicata{display:none;}
/* Pas encore commande */
#form_sav #nothaveproduct{display:none;}
/* j'ai un problème technique */
#form_sav #technicalIssue{display:none;}
/* j'ai la commande */
#form_sav #ihaveproduct{display:none;}
/* Limit poids img */
#form_sav #retour_conv_text{display:none;}
/* Cache niveau 2 */
#form_sav .element_choix1{display:none;}
#form_sav .element_choix2{display:none;}
#form_sav .message_1{display:none;}
#form_sav .message_2{display:none;}
#form_sav .message_3{display:none;}
#form_sav .conseilMessage{display:none;}
/* Textarea form SAV*/
#form_sav .text_area_form, #form_maj_ticket .text_area_form{height: 150px!important;}
/*input files SAV */
#form_sav .file_box, #form_maj_ticket .file_box{position: relative;}
#form_sav .file_box input[type=file], #form_maj_ticket .file_box input[type=file]{position: absolute;height: 1px;width: 1px;z-index: -10;visibility: hidden;display: block;}
#form_sav .file_box p, #form_maj_ticket .file_box p{padding-top: 0;margin: 0;}
#form_sav .file_box .select_file span, #form_maj_ticket .file_box .select_file span{position: absolute;display: block;right: 0;top: -1px;height: 34px;line-height: 34px;background: #004890;background-size: 20px;color: #fff;width: 180px;text-transform: uppercase;cursor: pointer;font-weight: bold;font-size: 9pt;text-align: center;}
#form_sav .file_box .select_file span:hover, #form_maj_ticket .file_box .select_file span:hover{background:#0066cb;}
#form_sav .file_box .select_file, #form_maj_ticket .file_box .select_file{position: relative;margin-bottom: 10px;background: #fff;text-decoration: none;font-size: 10pt;padding: 0 15px;width: 100%;height: 34px;line-height: 34px;border: 1px solid #cdcdcd;}
@media only screen and (max-device-width:46.875rem) {
    #form_sav .file_box .select_file {height: 20px;line-height: 20px;padding: 0;}
    #form_sav .file_box .select_file span {height: 20px;line-height: 20px;font-size: 1rem;position: relative;width: 100%!important;}
}
/* bouton submit SAV */
#form_sav #btn_sav{background: #004890;color: #ffffff;border: 1px solid #004890;}
#form_maj_ticket #btn_sav{background: #004890;color: #ffffff;border: 1px solid #004890;display: block;margin: 0 auto;}
#form_sav #btn_sav:hover, #form_maj_ticket #btn_sav:hover {background: #ffffff;color: #004890;}
/* image piece jointe */
#form_sav .piece_jointe, #form_maj_ticket .piece_jointe{max-width: 80%;}
/* image avant upload */
#form_sav .box_for_img_upload img, #form_maj_ticket .box_for_img_upload img{height: 200px;margin: 5px 15px;}
/* bouton delete */
#form_sav .file_box .box_for_img_upload span, #form_maj_ticket .file_box .box_for_img_upload span{display: block;margin: 5px 15px;height: 34px;line-height: 34px;background: #004890;background-size: 20px;color: #fff;width: 180px;text-transform: uppercase;cursor: pointer;font-weight: bold;font-size: 9pt;text-align: center;}
#form_sav .file_box .box_for_img_upload span:hover, #form_maj_ticket .file_box .box_for_img_upload span:hover{background:#0066cb;}
/* * champs required */
#form_sav .info_required {font-style: italic;margin-top:10px;}
#form_maj_ticket .info_required {font-style: italic;margin-top:10px;text-align: center;}
/* box majticket */
.border_popup{border: 1px solid #004890;width: 700px;}
/* img suivi ticket */
.OpenImg{cursor: pointer;}
/* img trombone */
.piece_jointe{width: 80%;}
/* Bouton téléchargement */
#form_sav .btn_download{background: #004890;color: #ffffff;border: 1px solid #004890;padding:5px 20px;font-weight: 600;}
#form_sav .btn_download:hover{background: #ffffff;color: #004890;}
/* Background des forms SAV */
#form_sav .bg_form{padding: 10px;background-color: #f2f2f2;}

/* test loader */
#loader:after,#loader:before{content:"";position:absolute}
#loader{z-index:1001;display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#004890;animation:spin 2s linear infinite}
.loaded #loader{opacity:0;transition:all .3s ease-out}
.loaded #loader-wrapper{visibility:hidden;transform:translateY(-100%);transition:all .3s .6s ease-out}
#loader-wrapper{opacity: 0.8;background-color: #f2f2f2;display:none;position:fixed;top:50%;left:50%;width:100%;height:100%;z-index:1000;transform:translate(-50%,-50%);}
#loader:before{top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#000000;animation:spin 3s linear infinite}
#loader:after{top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#004890;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.loaded #loader-wrapper.ajaxLoading { visibility: visible;transform: translateY( 0 );transition:none; }
.loaded #loader-wrapper.ajaxLoading #loader { opacity:1; }
/* DEV 2453 */
.detail-ticket a {color:#004890;}

input[type=text]:read-only, #tooltip input[type=text]:read-only, #Woodbrass input[type=text]:read-only,
input[type=tel]:read-only, #tooltip input[type=tel]:read-only, #Woodbrass input[type=tel]:read-only
{
    cursor: not-allowed;
    background: rgba(0,0,0,0.05);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    caret-color: transparent;
}
/*trix z-index pour google autocomplete sur checkout*/
.pac-container{z-index: 8040;}

.fast-account{
    @media only screen and (min-device-width:46.876rem){
        background-color: transparent;  /* Couleur pour les 2/3 restants */
        background-image: linear-gradient(to right, #fff, #fff);  /* Couleur pour le premier 1/3 */
        background-size: 48% 100%;  /* La taille de l'image d'arrière-plan au tiers de la largeur */
        background-repeat: no-repeat;  /* Pour ne pas répéter l'image d'arrière-plan */
        background-position-x: center;
    }
    @media only screen and (max-device-width:46.875rem){
        background-color: var(--color--white);
    }

}
.switch-account{
    height: 50px;
    background-color: var(--color--white);
    border-radius: 25px;
    color: var(--color-gray-medium);

    &>div{
        border-radius: 25px;
        cursor: pointer;
        caret-color: transparent;
    }
}
#create-account-form{

    & .create-account-form__title--info-connexion { grid-area: create-account-form__title--info-connexion;}
    & .create-account-form__email { grid-area: create-account-form__email;}
    & .create-account-form__password { grid-area: create-account-form__password;}
    & .create-account-form__title--info-perso { grid-area: create-account-form__title--info-perso;}
    & .create-account-form__lastname { grid-area: create-account-form__lastname;}
    & .create-account-form__firstname { grid-area: create-account-form__firstname;}
    & .create-account-form__dob { grid-area: create-account-form__dob;}
    & .create-account-form__phone { grid-area: create-account-form__phone;}
    & .create-account-form__title--address { grid-area: create-account-form__title--address;}
    & .create-account-form__country { grid-area: create-account-form__country;}
    & .create-account-form__address { grid-area: create-account-form__address;}
    & .create-account-form__suburb { grid-area: create-account-form__suburb;}
    & .create-account-form__zipcode { grid-area: create-account-form__zipcode;}
    & .create-account-form__city { grid-area: create-account-form__city;}
    & .create-account-form__title--info-com { grid-area: create-account-form__title--info-com;}
    & .create-account-form__newsletter { grid-area: create-account-form__newsletter;}
    & .create-account-form__cgv { grid-area: create-account-form__cgv;}
    & .create-account-form__submit {
        grid-area: create-account-form__submit;
        display: flex;
        justify-content: center;
    }
    & .create-account-form__title--info-society { grid-area: create-account-form__title--info-society;}
    & .create-account-form__society { grid-area: create-account-form__society;}
    & .create-account-form__search-society { grid-area: create-account-form__search-society;}
    & .create-account-form__title--info-vat { grid-area: create-account-form__title--info-vat;}
    & .create-account-form__vatFR { grid-area: create-account-form__vatFR;}
    & .create-account-form__vatEXT { grid-area: create-account-form__vatEXT;}
    & .create-account-form__title--sector-activity { grid-area: create-account-form__title--sector-activity;}
    & .create-account-form__sector-activity { grid-area: create-account-form__sector-activity;}

    & input{
        border-radius: 4px;
        font-size: 14px;
        &[type='date']{
            text-transform: uppercase;
        }
        &[name='phone']{
            border-left:0 solid transparent;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        &[type=radio]{
            height: 0;
            width: 0;
            padding: 0;
            margin: 0;
            border: 0 solid transparent;
            padding-left: 20px;
            &:not([name=create-account-form__bouton--sector-speciality]) {
                &::before {
                    content: '';
                    position: absolute;
                    top: 8px;
                    left: 0;
                    width: 16px;
                    height: 16px;
                    background: transparent;
                    border: 1px solid #CACACA;
                    border-radius: 50%;
                }

                &:checked {
                    &::before {
                        border: 5px solid var(--color-blue-wb);
                    }
                }
            }

        }
        &::placeholder{
            color: var(--color-gray-medium);
        }
    }

    & button{
        border-radius: 4px;
        cursor: pointer;
        &.create-account-form__bouton--submit{
            border: 0 solid transparent;
        }
        &.selected{
            border-color: var(--color-blue-wb);
            &.invalid{
                border-color: var(--color--vivid-red);
            }
        }
        & .material-icons{
            font-size: 16px;
            margin-right: 5px;
        }

        &.create-account-form__address__cant-find{
            height: auto;
            font-size: 12px;
            cursor: pointer;
            background: transparent;
            margin-top: 5px;
        }
    }

    & label {
        color: var(--color-gray-medium);
        &.required-label-error{
            color: var(--color--vivid-red);
        }
    }

    & .create-account-form__grid{
        display: grid;
        grid-template-rows: auto 1fr auto;
        &.particulier{
            grid-template-areas:
            'create-account-form__title--info-connexion'
            'create-account-form__email'
            'create-account-form__password'
            'create-account-form__title--info-perso'
            'create-account-form__lastname'
            'create-account-form__firstname'
            'create-account-form__dob'
            'create-account-form__phone'
            'create-account-form__title--address'
            'create-account-form__country'
            'create-account-form__address'
            'create-account-form__suburb'
            'create-account-form__zipcode'
            'create-account-form__city'
            'create-account-form__title--info-com'
            'create-account-form__newsletter'
            'create-account-form__cgv'
            'create-account-form__submit'
            ;
            & .create-account-form__title--info-society { display:none; }
            & .create-account-form__society { display:none; }
            & .create-account-form__search-society { display:none; }
            & .create-account-form__title--info-vat { display:none; }
            & .create-account-form__vatFR { display:none; }
            & .create-account-form__vatEXT { display:none; }
            & .create-account-form__title--sector-activity { display:none; }
            & .create-account-form__sector-activity { display:none; }
            & .create-account-form__phone__label--professionnel { display: none;}
        }
        &.professionnel{
            grid-template-areas:
            'create-account-form__title--info-perso'
            'create-account-form__lastname'
            'create-account-form__firstname'
            'create-account-form__phone'
            'create-account-form__email'
            'create-account-form__password'
            'create-account-form__title--info-society'
            'create-account-form__society'
            'create-account-form__zipcode'
            'create-account-form__search-society'
            'create-account-form__title--info-vat'
            'create-account-form__vatFR'
            'create-account-form__vatEXT'
            'create-account-form__title--sector-activity'
            'create-account-form__sector-activity'
            'create-account-form__title--info-com'
            'create-account-form__newsletter'
            'create-account-form__cgv'
            'create-account-form__submit'
        ;
            & .create-account-form__title--info-connexion { display:none; }
            & .create-account-form__dob { display:none; }
            & .create-account-form__title--address { display: none; }
            & .create-account-form__country { display: none; }
            & .create-account-form__address { display: none; }
            & .create-account-form__suburb { display: none; }
            & .create-account-form__city { display: none; }
            & .create-account-form__phone__label--particulier { display: none;}
        }
    }

    & div[class^=create-account-form__]{
        border-left: 1px solid var(--color-gray-medium);
        margin-left:-60px;
        padding-left:calc(60px - 6px);
    }

    & div[class*=create-account-form__title]{
        position: relative;
        &:first-child, &.create-account-form__h2--order-1{
            padding-top:0!important;
            &::after{
                content: "";
                display: inline-block;
                height: 5px;
                width: 12px;
                background-color: var(--color--white);
                position: absolute;
                top: 0;
                left: -6px;
                visibility: visible;
            }
        }
        &::before {
            content: "";
            display: inline-block;
            height: 12px;
            width: 12px;
            margin-top: 5px;
            margin-left: -60px;
            margin-right: calc(60px - 12px);
            border-radius: 50%;
            background-color: var(--color-blue-wb);
            visibility: visible;
        }
    }

    & div.template-block-professionnel__professionnel{
        border-radius: 5px;
        cursor: pointer;
        &.selected {
            border-color: var(--color-blue-wb);
            background: var(--color--light-blue-wb);
        }
    }

    & div.create-account-form__bouton--sector-speciality--chips{
        color: var(--color--black);
        border-radius: 25px;
        border-left:0 solid transparent;
        caret-color: transparent;
        cursor: pointer;
        &.selected{
            background: var(--color-blue-wb);
            color: var(--color--white);
        }
    }
}