body{
        margin-bottom: 3%;
    }
    .mandatory_starik{
        color: #ff0000;
    }
    .btn-primary {
        background: #FF8805;
        border: #FF2F6F
    }
    .btn-primary:hover{
        background: #ff2f6f;
    }
    .loader{
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        background: rgba(255,255,255,0.8) url("../images/loading.gif") center no-repeat;
    }
    .text-help-area{
        margin: 15px;
    }
    .visible-text {
        font-weight: bold;
        color: #ff0000;
    }
    .problème-connection-text{
        margin-left: 15%;
        font-size: 18px;
        color: #fc0202
    }
    .modification-valideur-text{
        margin-left: 15%;
        font-size: 18px;
        color: #fc0202
    }
    .justificatif-frais-text{
        text-align: center;
        font-size: 28px;
        color: red;
        font-weight: 600;
    }
    .ou-condition{
        margin-top: 31px;
        text-align: center;
        font-weight: bold;
        float: left;
    }

            /****************/
            
    .container{
        margin-top: 2%;
    }
    .siren_from{
        background: #bad3be1c;
        padding: 30px;
    }
    .submit-btn {
        margin-bottom: 50px;
        text-align: left;
    }
    .main-header{
        background-color: #17A025;
        color: #ffff;
        width: 100%;
        display: grid;
        grid-template-columns: 25% 75%;
    }
    .header-img{
        width: 95%;
        height: auto;
    }
    .header-img > img{
        float: left;
        width: 100%;
        margin: 2%;
    }
    .header-title{
        text-align: center;
        font-size: 30px;
        font-weight: 500;
        width: 70%;
    }
    .header-title-main{
        width: 100%;
    }
    .header-title-sub{
        width: 100%;
        font-size: 25px;
    }  
    #help-area-non-externe{
        margin: 15px;
    }
    @media screen and (max-width: 992px) {
        .header-title {
            font-size:25px !important;
        }
        .header-title-sub {
            font-size:20px !important;
        }
        .header-img > img{
            margin-top:10px;
        }
        .btn-flex {
            display:grid;
            gap:10px;
        }
        .justificatif-frais-text{
        font-size: 20px;
        }
    }
    @media screen and (max-width: 768px){
        .main-header{
            grid-template-columns: 100%;
            text-align: center;
        }
        .header-title {
            font-size:20px !important;
            width: 100%;
            margin-bottom: 15px;
        }
        .header-img{
            width: 100%;
            margin-bottom: 15px;
        }
        .header-img > img{
            margin-top:10px;
            width: 50%;
            float: none;
        }
        .header-title-sub {
            font-size:18px !important;
        }
    }
        button.btn.btn-primary a { 
            color:white
        }
        

        .error{
            color: black;
        }
        .errorBorder{
            border: 1px solid red;
        }