header {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
}


.pt20 {
    padding-bottom: 1px;
}

.columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.btn {
    display: block;
    -moz-border-radius: 5px;
    border-radius: 5px!important;
    background: #044d92;
    color: #fff;
    height: 36px;
    line-height: 30px;
    padding: 0 40px;
    font-family: HelveticaNeueBold;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    border: 2px solid #044d92;
    -webkit-box-shadow: 0 0 0 #fff inset;
    -moz-box-shadow: 0 0 0 #fff inset;
    box-shadow: inset 0 0 0 #fff;
    font-size: 16px;
    font-size: 1rem
}
.btn:hover {
    color: #fff;
    background: #046cc3;
}


input[type=radio], ::after, ::before {
     box-sizing: unset!important;
}

.checkValue .item {
    padding-bottom: unset;
}
.contact-label{
    font-family: HelveticaNeueMedium;
    font-size: .875rem;
    color: #444;
    margin-bottom: 1%;
    position: relative;
}
.form-contact{
    margin-left: 21%;
    width: 55%;
}
.countainer-contact{
    margin-top: 5%;
}
.form-prof-contact {
    margin-left: 21%;
    width: 122%;
}
.countainer-prof-contact {
    margin-top: 5%;
    margin-left: 12%;
}
.overlayModal {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 9999
}
.overlayModal.show {
    display: block
}
.overlayModal .wedget {
    width: 33%;
    min-height: 197px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 30px
}
@media screen and (max-width:64em) {
    .overlayModal .wedget {
        width: 80%;
    }
}
.overlayModal .wedget .close {
    position: absolute;
    top: 23px;
    right: 30px;
    color: #044d92;
    font-size: 30px;
    font-size: 1.875rem;
    cursor: pointer
}
.overlayModal .wedget_title {
    display: block;
    font-family: HelveticaNeueMedium;
    font-weight: 500;
    padding-bottom: 50px;
    margin-left: 15%;
    margin-top: 10%;
    color: black;
}
@media screen and (max-width:90em) {
    .overlayModal .wedget_title {
        font-size: 14px;
        font-size: .875rem
    }
}
.overlayModal .wedget_content {
    width: 100%;
    margin: 0 auto
}
.overlayModal .wedget_content--title {
    display: block;
    font-family: HelveticaNeueMedium;
    font-size: 18px;
    font-size: 1.125rem;
    color: #000;
    padding-left: 10px;
    padding-bottom: 20px
}
@media screen and (max-width:90em) {
    .overlayModal .wedget_content--title {
        font-size: .875rem
    }
}
.overlayModal .wedget .
{
    position: absolute;
    bottom: 20px;
    width: 100%;
    right: 30px;
    text-align: right
}
.overlayModal .wedget .listBtnPoppin .btnOrias {
    display: inline-block;
    cursor: pointer
}
.noActifCat{
    border: 1px solid #333;
    padding: 8px 12px;
    background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}
.contact {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px
}
.contact .subTitle {
    display: inline-block;
    font-family: HelveticaNeueRegular;
    font-size: 14px;
    font-size: .875rem;
    padding-bottom: 15px;
    position: relative
}

.inputField label.forArea {
    bottom: 63px
}


.contact .radioValue {
    margin-bottom: 35px
}
.contact .radioValue .item {
    display: inline-block;
    margin-right: 60px;
    padding-bottom: 0
}
.contact .inputField {
    margin-bottom: 40px
}
.contact .inputField .selectBox {
    border-bottom: 1px solid #dadada!important;
    color: #767676!important
}
.contact .inputField .selectBox-dropdown .selectBox-label {
    padding: 0!important
}
.contact .required:before {
    content: "*";
    position: absolute;
    right: -20px;
    color: #ea5c50;
    font-size: 16px;
    font-size: 1rem;
    font-family: HelveticaNeueBold
}
.contact .error {
    position: relative
}
.contact .error .txtError {
    position: absolute;
    left: 0;
    bottom: -18px;
    font-family: HelveticaNeueRegular;
    font-size: 12px;
    font-size: .75rem;
    color: #ea5c50
}
.msgError{
    color: #ea5c50;
    margin-left: 2%;
}
.radioValue .item {
    display: block;
    padding-bottom: 35px
}

.radioValue .item label {
    position: relative;
    font-family: HelveticaNeueMedium;
    font-size: 14px;
    font-size: .875rem;
    color: #444;
    padding-left: 30px;
    cursor: pointer
}

.radioValue .item label:before {
    content: "";
    left: 0;
    -moz-border-radius: 2px;
    border: 2px solid #444;
    border-radius: 2px
}
.radioValue .item label:after,
.radioValue .item label:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
    height: 14px
}

.radioValue .item label:after {
    content: "\f26b";
    left: 2px;
    background: #044d92;
    font-family: Material-Design-Iconic-Font;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 13px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.radioValue .item input:checked + label:before {
    border: 2px solid #044d92
}

.radioValue .item input:checked + label:after {
    opacity: 1
}
.radioValue .item label:before {
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-color: #444
}
.radioValue .item label:after {
    content: "";
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 5px
}

.required:before {
    content: "*";
    position: absolute;
    right: -9px;
    color: #ea5c50;
    font-size: 16px;
    font-size: 1rem;
    font-family: HelveticaNeueBold;
}

/* This class allows to put the required in any content, not only labels */
.requiredContent:after{
    content: " *";
    color: #ea5c50;
    font-size: 16px;
    font-size: 1rem;
    font-family: HelveticaNeueBold;
}

 .txtErr {
    left: 0;
    bottom: -18px;
    font-family: HelveticaNeueRegular;
    font-size: 12px;
    font-size: .75rem;
    color: #ea5c50
}
.inputField label{
    z-index: 1;
}
.error-area {
    bottom: -63px !important;
    display: none;
}
.error-area.error {
    bottom: -63px !important;
    display: block;
}

/* ================================== */

.extract-data-pj-message, .extract-data-pj-message-success, .extract-data-pj-message-warning {
    padding: 10px 0;
}
.extract-data-pj-message-success {
    color: green;
}
.extract-data-pj-message-warning {
   color: orange;
}


/* ================================== */

.personne-form {
    margin-bottom: 10px
}
.personne-form-hidden {
    display: none;
}

/* ================================== */

.wizard-steps {
    background-color: #E0E0E0;
    font-size: 90%;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.wizard-steps a {
    color: black;
}
.wizard-step-number {
    font-weight: bold;
    font-size: 110%;
}
.wizard-steps {
    color:#777;
}
.wizard-step-active {
    color: blue;
}

/****************contact*****/
.msg-tick {right: -40px; position: absolute; top: 50%; transform: translateY(-50%); height: 50%; pointer-events: none;} /* height for IE */
.msg-tick.error:before,
.msg-tick.success:before {content:""; background: #f51837 url(icone-erreur.svg) 50% no-repeat; display: block; height: 30px; width: 30px; border-radius: 15px; padding: 0; margin: 0;}
.msg-tick.success:before {background: #bece08 url(icone-check.svg) 50% no-repeat;}
.msg-tick.has-txt.error:before {display: none;}
/*.msg-tick.has-txt {position: absolute; right: 0; left: 100%; width: 100%; padding-left: 10px; vertical-align: middle;}*/
.msg-tick.has-txt {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -17px;
    top: auto;
}
.msg-tick.has-txt span, .error-message span { font-family: 'open_sanssemibold_italic', Arial, sans-serif; color: #f51837; font-size: 13px; vertical-align: middle; }
.msg-tick.has-txt span { display: none; }
.msg-tick.has-txt.error span {display: inline-block; }
.msg-tick.error:before,
.msg-tick.success:before,
.msg-tick.has-txt:before {display: none;}
/*.msg-tick.has-txt {position: relative; right: auto; left: auto; padding-top: 0px; width: 100%; padding-left: 0; vertical-align: middle; top: 0; transform: none;}*/

/******infobulle******/
.tooltipp {
    position: relative;
    display: inline-block;
}

.tooltipp .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
}

.tooltipp:hover .tooltiptext {
    visibility: visible;
}


.radioBox .item label
{position: relative;font-family: HelveticaNeueMedium;
    font-size: 14px;font-size: .875rem;color:
        #444;padding-left: 40px;cursor: pointer;}

.radioBox .item{
    display: block;
    padding-bottom: 35px;
}

.radioBox .item input {
appearance: radio;
border-radius: 50%; border-color: #444;
transform: translateY(-50%);
width: 14px; height: 14px; position: absolute;
top: 20%; border-radius: 50%;
border-color: #444;left: 18px;
}
.item, .allCritersFilter .content .tab-content .lineForm .radioBox .item {
    display: inline-block;
    margin-right: 40px;
    padding-bottom: 10px;
}
.display-Block{
    display: block !important;
}
.top{
    top:-3px
}

.infoAttribute {
    padding-bottom: 5px;
}
/*******   page paiement *******************/

.showOnlyMoyenPaiementCB input[type="radio"], .showOnlyMoyenPaiementCB label {
    display: none;

}
.requiredField span{
    font-family: 'open_sanssemibold_italic', Arial, sans-serif;
    color: #f51837;
    font-size: 13px;
    vertical-align: middle;
}
.menu{

    font-family: HelveticaNeueBold;
    font-size: 0.875rem;
    color: #033e76;
    margin-top: 15px;
}
.bold{

    font-family: Raleway-Bold;
}
.centerMercanet{
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    display: block;
}

/* SLIDE Top ANIMATION
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-animation="slideInOutLeft"] .modalV2-dialog {
    opacity: 0;
    transform: translateY(-100%);
    transition: all 0.5s var(--bounceEasing);
}
[data-animation="slideInOutLeft"].is-visible .modalV2-dialog {
    opacity: 1;
    transform: none;
    transition-delay: 0.2s;
}
:root {
    --lightgray: #efefef;
    --blue: steelblue;
    --white: #fff;
    --black: rgba(0, 0, 0, 0.8);
    --bounceEasing: cubic-bezier(0.51, 0.92, 0.24, 1.15);
}
.modalV2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: var(--black);
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: all 0.35s ease-in;
}
.modalV2.is-visible {
    visibility: visible;
    opacity: 1;
}
.modalV2-dialog {
    position: relative;
    max-width: 800px;
    max-height: 80vh;
    border-radius: 5px;
    background: var(--white);
    overflow: auto;
    cursor: default;
    width: 500px;
    top: -100px;
}
.modalV2-dialog > * {
    padding: 1rem;
}
.modalV2-header,
.modalV2-footer {
    background-color: #d6a319;
}
.modalV2-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modalV2-header .close-modal {
    font-size: 1.5rem;
    border: none;
    background-color: inherit;
}
.modalV2 p + p {
    margin-top: 1rem;
}
.quitterModalV2{
    content: "\f136";
    left: -25px;
    font-family: Material-Design-Iconic-Font;
    font-size: 22px;
    font-size: 1.375rem;
}
.modalV2-content .titleAMF{
    width: fit-content;
}
.modalV2-header .title{
    font-size: larger;
}

#categorie-iob .selectBox , #categorie-iob .selectBox-label{
    width: 100% !important;
}

#categorie-ias .selectBox , #categorie-ias .selectBox-label{
    width: 100% !important;
}
#categorie-inter .selectBox , #categorie-inter .selectBox-label{
    width: 100% !important;
}


ul.listLot {

    margin-left: 15%;

}
.disable{
    display: none;
}


.listLot{
    margin-bottom: 21%;
}

.listLot li{
    margin-bottom: -12%;
}

.infoBulleEvent .unclickable {
    pointer-events: none;
    display: none !important;
}
#result .mainResult_wrapper--lineResult .category ul li{
    min-width: 150px;
}

#result .mainResult_wrapper--lineResult .category ul li{
    min-width: 150px;
}

.pagination{
    padding:3% 0;
    margin-top: 6%;
    border-top:1px solid #044d92;
    border-radius:0;
    justify-content: center;
}
.pagination a{
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}
.pagination .currentStep{
    padding: 0 10px;
    color: #044d92;
    font-size: 16px;
    font-weight: 700;
}


.mainMenu form{
    display: flex;
}

.newBtn{
    background: transparent;
    border: none;
    text-decoration: underline;
    color: black;
}

.newBtn:hover{
    background: transparent;
    border: none;
    text-decoration: none;
    color: black;
}

.menu-portfeuille{
    text-decoration: none;
    color: black;
}

/*pagination */

.step {
    padding: 10px;
    color: black;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.nextLink {
    padding: 10px;
    color: black;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.prevLink {
    padding: 10px;
    color: black;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.currentStep {
    padding: 10px;
    background-color: #E7B01A;
    color: white;
    border: 1px solid #E7B01A;
    line-height: 32px;
}

.step.gap {
    display: none;
}

.step:hover:not(.active) {
    background-color: #ddd;
}

.portefeuilleCategorieEtatInscriptionInfo{
    font-size: smaller;
    font-style: italic;
}

.redIcon {
    color: red;
}

.greenIcon {
    color: green;
}

.size25 {
    height: 25px;
    width: 25px;
}

.size50 {
    height: 50px;
    width: 50px;
}

.removeButtonAspect {
    border:none;
    background-color: unset;
}

.modifierActionnaireButton {

    font-size: 0.875rem;
    font-family: HelveticaNeueBold;

}