/*************************************************/
/* CG92 - Bénéficiaire							*/
/*************************************************/

@font-face {
    font-family: neo-sans-w1g-bold;
    font-style: normal;
    font-weight: bold;
    src: url('../Fonts/neo-sans-w1g-EOT-WOFF/NeoSansStd-Bold.eot');
    src: url('../Fonts/neo-sans-w1g-EOT-WOFF/NeoSansStd-Bold.eot?') format('eot'),
        url('../Fonts/neo-sans-w1g-EOT-WOFF/NeoSansStd-Bold.woff') format('woff')
}

@font-face {
    font-family: neo-sans-w1g-regular;
    font-style: normal;
    font-weight: normal;
    src: url('../Fonts/neo-sans-w1g-EOT-WOFF/NeoSansStd-Regular.eot');
    src: url('../Fonts/neo-sans-w1g-EOT-WOFF/NeoSansStd-Regular.eot?') format('eot'),
        url('../Fonts/neo-sans-w1g-EOT-WOFF/NeoSansStd-Regular.woff') format('woff')
}

@font-face {
    font-family: neo-sans-w1g-medium;
    font-style: normal;
    font-weight: 500;
    src: url('../Fonts/neo-sans-w1g-EOT-WOFF/NeoSansStd-medium.eot');
    src: url('../Fonts/neo-sans-w1g-EOT-WOFF/NeoSansStd-medium.eot?') format('eot'),
        url('../Fonts/neo-sans-w1g-EOT-WOFF/NeoSansStd-medium.woff') format('woff')
}


@font-face {
    font-family: SourceSansPro-Regular;
    font-style: normal;
    font-weight: normal;
    src: url(../Fonts/source-sans-pro/SourceSansPro-Regular.otf);
}

@font-face {
    font-family: SourceSansPro-SemiBold;
    font-style: normal;
    font-weight: 600;
    src: url(../Fonts/source-sans-pro/SourceSansPro-SemiBold.otf);
}

@font-face {
    font-family: SourceSansPro-Bold;
    font-style: normal;
    font-weight: bold;
    src: url(../Fonts/source-sans-pro/SourceSansPro-Bold.otf);
}
@font-face {
    font-family: SourceSansStd-Regular;
    font-style: normal;
    font-weight: bold;
    src: url(../Fonts/NeoSansStd-Regular.ttf);
}
.container-fluid {
    max-width: 1200px;
    /*padding-right: 30px;
    padding-left: 30px;*/
}
/*.row{
    margin-left:-30px;
    margin-right: -30px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
padding-left: 30px;
padding-right: 30px
}*/
a {
    color: inherit;
    text-decoration: none;
}
.opacity-1{
    opacity: 1 !important;
}
.text-underlined {
    text-decoration: underline;
}
.w-100{
    width: 100% !important;
}
@media (max-width: 991px) {
    .w-100-max-991 {
        width: 100% !important;
    }
}
@media (max-width: 767px) {
    .w-100-max-767 {
        width: 100% !important;
    }
}    

    .pointer-events-none {
        pointer-events: none !important;
    }

    a:hover, a:focus, a:active {
        color: inherit;
        text-decoration: underline;
        cursor: pointer;
    }

    .SourceSansStd-Regular {
        font-family: SourceSansStd-Regular;
    }

    .border-transparent {
        border-color: transparent !important;
    }

    .NeoSansW1G-Medium {
        font-family: neo-sans-w1g-medium !important;
    }

    .NeoSansW1G-Bold {
        font-family: neo-sans-w1g-bold !important;
    }

    .NeoSansW1G-R {
        font-family: neo-sans-w1g-regular !important;
    }

    .SourceSansPro-R {
        font-family: SourceSansPro-Regular !important;
    }

    .SourceSansPro-SemiBold {
        font-family: SourceSansPro-SemiBold !important;
    }

    .SourceSansPro-Bold {
        font-family: SourceSansPro-Bold !important;
    }

    .form-group.required .control-label:after {
        content: "*";
        color: #1d1d1d;
    }

    .form-group.requiredPoints .control-label:after {
        content: " * :";
        color: #1d1d1d;
    }

    .form-group.requiredOne .control-label:after {
        content: "**";
        color: #1d1d1d;
    }

    .form-group.required-double .control-label:after {
        content: "**";
        color: #1d1d1d;
    }

    @media (min-width: 992px) {
        .mx-lg-15 {
            margin-left: -15px !important;
            margin-right: -15px !important;
        }
    }


    /******AJAX LOADER******/

    div.dataTables_wrapper div.dataTables_processing {
        z-index: 9997;
        width: 50px;
    }

    .dataTables_wrapper .dataTables_processing {
        background: #000 url("../Images/ajax-loader.gif") no-repeat center center;
        height: 50px;
        margin: -23px 0px 0px -23px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .container-message {
        min-height: 250px;
        padding-top: 40px;
    }

    .overlay {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9998;
        opacity: 0.8;
        /*background-color : #f5f5f5;*/
        width: 100%;
        height: 100%;
    }

    .page-loading {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        background: #000 url("../Images/ajax-loader.gif") no-repeat center center;
        margin: -23px 0px 0px -23px;
        z-index: 9999;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    /*****AJAX LOADER******/
    .colissimo-loading {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 98%;
        left: 50%;
        background: #000 url("../Images/ajax-loader.gif") no-repeat center center;
        margin: -23px 0px 0px -23px;
        z-index: 9999;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .soustitre {
        font-size: 16px;
        font-weight: bold;
        color: #3C899C;
    }

    .checkbox-margin {
        margin-right: 3%;
    }

    #dvInfoConv {
        overflow-y: auto;
        height: 400px;
        margin-bottom: 25px;
    }

    #dvBtnConv {
        margin-top: 20px;
    }


    #dvConfirmSignContainer input[type=submit] {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    #dvConfirmSignContainer .form-group {
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
    }

    /*header menu*/
    header .menu-left .navbar-toggler {
        background: url("../Images/bars.jpg") no-repeat left;
        width: 52px;
        height: 52px;
        border-radius: 0;
        outline: 0;
        border: 0;
    }
    /* When Menu opened */
    .menu-mobile-open header .menu-left .navbar-toggler {
        background-image: url("../Images/x-64.png");
        background-size: 52px 52px;
    }


    header .nav-item .nav-link {
        color: rgba(0,0,0,.6);
        font-size: 16px;
    }

        header .nav-item .nav-link:hover, header .nav-item .nav-link:active, header .nav-item .nav-link:focus, header .nav-item.active .nav-link {
            color: rgba(0,0,0,1);
        }

    @media (max-width: 991px) {

        header .navbar-collapse {
            background: white;
            z-index: 1;
            position: absolute;
            top: 67px;
            right: 0;
            left: 0;
            width: 100%;
            padding: 1rem;
            box-shadow: 0px 25px 30px rgba(150,150,150,0.2);
        }
    }


    /*footer*/
    .footer-block-link {
        padding-top: 10px;
        background-color: #60686d;
        font-size: 12pt;
        color: white;
    }

    a.footer-link {
        color: white;
    }

    .footer-block-link .list-inline > li {
        padding-left: 20px;
        padding-right: 20px;
    }

    a.footer-link:focus, a.footer-link:hover {
        color: white;
        text-decoration: underline;
    }

    .footer-block-description {
        background-color: #565e63;
        min-height: 80px;
        padding-top: 15px;
    }

    .footer-description {
        font-size: 12pt;
        padding-top: 13px;
        padding-right: 15px;
        color: white;
    }



    /*****************************************/
    /*Spécial pour la page principale*/
    /*****************************************/

    /*Bouton rechercher page principale*/
    .stylish-input-group button {
        border: 0;
        background: transparent;
    }

    .stylish-input-group .input-group-addon {
        background: white !important;
    }

    .stylish-input-group .form-control {
        border-right: none;
        box-shadow: 0 0 0;
        border-color: #ccc;
    }

    .carousel-caption {
        border: white 2px solid;
        color: black;
    }

    .btn-ensavoirplus .text {
        display: block;
        font-size: 20.7px;
        padding: 10px;
        margin-right: 10px;
        background-color: #177bbb;
        text-transform: UPPERCASE;
        color: white;
        width: 232px;
        float: right;
    }

    /*********************/
    /*       Site        */
    /*********************/


    @media (min-width: 1200px) {
        .col-lg-2demi {
            width: 20.9%;
        }
    }


    .mandatory {
        color: red;
    }


    @media (min-width: 768px) {
        .blue-line {
            background-color: transparent;
            border-bottom: #1b93e0 2px solid;
        }
    }

    @media (min-width: 768px) {
        .green-line {
            background-color: transparent;
            border-bottom: #74b143 2px solid;
        }
    }

    @media screen and (min-width: 992px) {
        .container-site {
            padding-top: 80px;
            min-height: 400px;
        }
    }

    @media screen and (max-width: 767px) {
        .filaire20-visible-xs {
            padding-top: 20px;
        }
    }

    .container-site-famille {
        padding-top: 50px;
        background-color: #f9f9f9;
        min-height: 400px;
    }

    .filaire-20 {
        padding-top: 20px;
    }

    .no-padding-left {
        padding-left: 0px;
    }

    .no-padding {
        padding-left: 0px;
        padding-right: 0px;
    }

    .fa-site {
        font-size: 0.8em;
        color: white;
    }

    .footer-site {
        padding-top: 5px;
        /*background-color : #177bbb;
	color : #fbfafa;*/
    }

    .btn-connexion-green {
        color: white;
        background-color: #74b143;
        border-color: #74b143;
        border-radius: 12px;
    }

    .btn-connexion-blue {
        color: white;
        background-color: #177bbb;
        border-color: #177bbb;
        border-radius: 12px;
    }

    .form-control-connexion {
        border-radius: 12px;
    }

    .block-main-connexion {
        padding-bottom: 20px;
    }

    @media screen and (min-width: 992px) and (max-width: 1199px) {
        .block-main-connexion {
            min-height: 400px;
        }
    }

    @media screen and (min-width: 1200px) {
        .block-main-connexion {
            min-height: 500px;
        }
    }

    /* Small devices (tablets, 768px and up) */
    @media screen and (min-width: 768px) and (max-width: 991px) {
        .navbar-nav-famille {
            position: absolute;
            top: 110px;
            left: 0%;
        }
    }

    /* Medium devices (desktops, 992px and up) */
    @media screen and (min-width: 992px) and (max-width: 1199px) {
        .navbar-nav-famille {
            position: absolute;
            top: 110px;
            left: 10%;
        }
    }

    /* Large devices (large desktops, 1200px and up) */
    @media screen and (min-width: 1200px) {
        .navbar-nav-famille {
            position: absolute;
            top: 110px;
            left: 10%;
        }
    }


    .navbar-blue {
        background-color: #0071b7;
        border-color: #0071b7;
        min-height: 50px;
        margin-bottom: 0px;
    }

    @media (min-width: 768px) {
        .navbar-blue {
            min-height: 100px;
        }
    }


    .navbar-blue .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-blue .navbar-brand:hover,
        .navbar-blue .navbar-brand:focus {
            color: #333;
            background-color: transparent;
        }

    .navbar-blue .navbar-text {
        color: #9d9d9d;
    }

    .navbar-blue .navbar-nav > li > a {
        color: white;
        margin: 5px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

        .navbar-blue .navbar-nav > li > a:hover,
        .navbar-blue .navbar-nav > li > a:focus {
            color: white;
        }

    .navbar-blue .navbar-nav > .active > a,
    .navbar-blue .navbar-nav > .active > a:hover,
    .navbar-blue .navbar-nav > .active > a:focus {
        color: #74b143;
        font-weight: bold;
    }

    .navbar-blue .navbar-nav-famille > .active > a,
    .navbar-blue .navbar-nav-famille > .active > a:hover,
    .navbar-blue .navbar-nav-famille > .active > a:focus {
        color: white;
        background-color: #74b143;
    }

    .navbar-blue .navbar-nav > .disabled > a,
    .navbar-blue .navbar-nav > .disabled > a:hover,
    .navbar-blue .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }

    .navbar-blue .navbar-toggle {
        border-color: #74b143;
    }

        .navbar-blue .navbar-toggle:hover,
        .navbar-blue .navbar-toggle:focus {
            background-color: #177bbb;
        }

        .navbar-blue .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-blue .navbar-collapse,
    .navbar-blue .navbar-form {
        border-color: white;
    }

    .navbar-blue .navbar-nav > .open > a,
    .navbar-blue .navbar-nav > .open > a:hover,
    .navbar-blue .navbar-nav > .open > a:focus {
        color: white;
        background-color: #177bbb;
    }

    @media (max-width: 767px) {
        .marginBottom {
            margin-bottom: 5px;
            margin-top: 5px;
        }

        .navbar-blue .navbar-nav .open .dropdown-menu > .dropdown-header {
            border-color: #080808;
        }

        .navbar-blue .navbar-nav .open .dropdown-menu .divider {
            background-color: #177bbb;
        }

        .navbar-blue .navbar-nav .open .dropdown-menu > li > a {
            color: #9d9d9d;
        }

            .navbar-blue .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-blue .navbar-nav .open .dropdown-menu > li > a:focus {
                color: #fff;
                background-color: transparent;
            }

        .navbar-blue .navbar-nav .open .dropdown-menu > .active > a,
        .navbar-blue .navbar-nav .open .dropdown-menu > .active > a:hover,
        .navbar-blue .navbar-nav .open .dropdown-menu > .active > a:focus {
            color: #fff;
            background-color: #080808;
        }

        .navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a,
        .navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a:hover,
        .navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a:focus {
            color: #444;
            background-color: transparent;
        }

        .img-title {
            left: 0px !important;
            z-index: -1;
        }

        #Question-1 .text-secondaire, #Question-2 .text-secondaire {
            padding-left: 0px !important;
            text-align: center;
        }
    }

    .navbar-blue .navbar-link {
        color: #9d9d9d;
    }

        .navbar-blue .navbar-link:hover {
            color: #fff;
        }

    .navbar-blue .btn-link {
        color: #9d9d9d;
    }

        .navbar-blue .btn-link:hover,
        .navbar-blue .btn-link:focus {
            color: #fff;
        }

        .navbar-blue .btn-link[disabled]:hover,
        fieldset[disabled] .navbar-blue .btn-link:hover,
        .navbar-blue .btn-link[disabled]:focus,
        fieldset[disabled] .navbar-blue .btn-link:focus {
            color: #444;
        }



    /* SQUARED ONE */
    /*input[type=checkbox] {
	visibility: hidden;
}*/
    /*#ch_RememberMe
{
    	visibility: hidden;
}*/
    .squaredOne {
        width: 20px;
        height: 20px;
        background: #fff;
        left: 12px;
        margin-top: 11px;
        -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
        position: relative;
    }

        .squaredOne label {
            cursor: pointer;
            position: absolute;
            width: 20px;
            height: 20px;
            left: 0px;
            top: 0px;
            -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
            -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
            box-shadow: inset 0px 1px 1px #fff, 0px 1px 0px rgba(255,255,255,1);
            background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
            background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
            background: -o-linear-gradient(top, #222 0%, #45484d 100%);
            background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
            background: linear-gradient(top, #222 0%, #45484d 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
        }

            .squaredOne label:after {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                filter: alpha(opacity=0);
                opacity: 0;
                content: '';
                position: absolute;
                width: 12px;
                height: 12px;
                background: #d43709;
                top: 4px;
                left: 4px;
            }

            .squaredOne label:hover::after {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
                filter: alpha(opacity=30);
                opacity: 0.3;
            }

        .squaredOne input[type=checkbox]:checked + label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
        }

    .backgroundMenu {
        background-color: white;
        border: 0;
    }

    .marginStyle {
        margin-top: 12px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .height {
        height: 151px;
    }


    .Legend {
        font-family: 'open_sanssemibold';
        font-size: 16pt;
        border-bottom: 1px solid #d43709;
        color: #d43709;
    }

    .rafio-Style {
        font-family: 'open_sansitalic';
        font-size: 14pt;
        color: #565e63;
    }

    .fleche-style {
        color: #d43709;
        margin-left: 25px;
    }


    @media screen and (max-width: 767px) {
        .Logo-mobile {
            height: 100px;
            width: 150px;
        }

        div.Logo-mobile a {
            height: 100%;
        }

            div.Logo-mobile a img {
                background-size: cover;
            }

        .margin-left-style {
            margin-left: 102px;
        }
    }

    .progress {
        height: 35px !important;
    }

    /*.radio-marg {
    margin-right: 15px !important;
}

.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
        margin-right: 30px;
    }

        .radio label::before {
            top: 4px;
            content: "";
            display: inline-block;
            position: absolute;
            width: 18px;
            height: 18px;
            left: 0;
            margin-left: -20px;
            border: 2px solid #d43709;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 12px;
            height: 12px;
            left: 3px;
            top: 7px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
        z-index: 1;
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #d43709;
    border: 2px solid;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #d43709;
}*/

    /* Message important */
    p.important-italic-message {
        font-style: italic !important;
        color: red !important;
    }

    /* Asterix message */
    p.asterix-message {
        font-size: 9pt !important;
        font-style: normal !important;
        font-family: monospace !important;
    }

    /*Checkbox*/

    .checkbox {
        padding-left: 20px;
    }

        .checkbox label {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            padding-left: 8px !important;
            font-weight: 500 !important;
        }

    #BodyPlaceHolder_ConvStepActivites_dvActivites .checkbox label {
        min-width: 230px;
    }

    @media (min-width: 1200px) {
        #ck_MultiActs {
            padding-left: 50px;
        }
    }

    .checkbox label::before {
        content: "";
        top: 5px;
        display: inline-block;
        position: absolute;
        width: 18px;
        height: 18px;
        left: 0;
        margin-left: -20px;
        border: 1px solid #565e63;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }

    .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 12px;
        height: 12px;
        left: -1px;
        top: 8px;
        margin-left: -16px;
        font-size: 11px;
        color: #555555;
    }

    .checkbox input[type="checkbox"],
    .checkbox input[type="radio"] {
        opacity: 0;
        z-index: 1;
    }

        .checkbox input[type="checkbox"]:focus + label::before,
        .checkbox input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after,
        .checkbox input[type="radio"]:checked + label::after {
            font-family: "FontAwesome";
            content: "\f00c";
            background: #d43709;
        }

        .checkbox input[type="checkbox"]:indeterminate + label::after,
        .checkbox input[type="radio"]:indeterminate + label::after {
            display: block;
            content: "";
            width: 10px;
            height: 3px;
            background-color: #555555;
            border-radius: 2px;
            margin-left: -16.5px;
            margin-top: 7px;
        }

        .checkbox input[type="checkbox"]:disabled + label,
        .checkbox input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before,
            .checkbox input[type="radio"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

    .checkbox-primary input[type="checkbox"]:checked + label::before,
    .checkbox-primary input[type="radio"]:checked + label::before {
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .checkbox-primary input[type="checkbox"]:checked + label::after,
    .checkbox-primary input[type="radio"]:checked + label::after {
        color: #fff;
    }

    .checkbox-danger input[type="checkbox"]:checked + label::before,
    .checkbox-danger input[type="radio"]:checked + label::before {
        background-color: #d9534f;
        border-color: #d9534f;
    }

    .checkbox-danger input[type="checkbox"]:checked + label::after,
    .checkbox-danger input[type="radio"]:checked + label::after {
        color: #fff;
    }

    .checkbox-info input[type="checkbox"]:checked + label::before,
    .checkbox-info input[type="radio"]:checked + label::before {
        background-color: #ffffff;
        border-color: #d43709;
    }

    .checkbox-info input[type="checkbox"]:checked + label::after,
    .checkbox-info input[type="radio"]:checked + label::after {
        color: #d43709;
    }

    .checkbox-warning input[type="checkbox"]:checked + label::before,
    .checkbox-warning input[type="radio"]:checked + label::before {
        background-color: #f0ad4e;
        border-color: #f0ad4e;
    }

    .checkbox-warning input[type="checkbox"]:checked + label::after,
    .checkbox-warning input[type="radio"]:checked + label::after {
        color: #fff;
    }

    .checkbox-success input[type="checkbox"]:checked + label::before,
    .checkbox-success input[type="radio"]:checked + label::before {
        background-color: #5cb85c;
        border-color: #5cb85c;
    }

    .checkbox-success input[type="checkbox"]:checked + label::after,
    .checkbox-success input[type="radio"]:checked + label::after {
        color: #fff;
    }

    .checkbox-primary input[type="checkbox"]:indeterminate + label::before,
    .checkbox-primary input[type="radio"]:indeterminate + label::before {
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .checkbox-primary input[type="checkbox"]:indeterminate + label::after,
    .checkbox-primary input[type="radio"]:indeterminate + label::after {
        background-color: #fff;
    }

    .checkbox-danger input[type="checkbox"]:indeterminate + label::before,
    .checkbox-danger input[type="radio"]:indeterminate + label::before {
        background-color: #d9534f;
        border-color: #d9534f;
    }

    .checkbox-danger input[type="checkbox"]:indeterminate + label::after,
    .checkbox-danger input[type="radio"]:indeterminate + label::after {
        background-color: #fff;
    }

    .checkbox-info input[type="checkbox"]:indeterminate + label::before,
    .checkbox-info input[type="radio"]:indeterminate + label::before {
        background-color: #5bc0de;
        border-color: #5bc0de;
    }

    .checkbox-info input[type="checkbox"]:indeterminate + label::after,
    .checkbox-info input[type="radio"]:indeterminate + label::after {
        background-color: #fff;
    }

    .checkbox-warning input[type="checkbox"]:indeterminate + label::before,
    .checkbox-warning input[type="radio"]:indeterminate + label::before {
        background-color: #f0ad4e;
        border-color: #f0ad4e;
    }

    .checkbox-warning input[type="checkbox"]:indeterminate + label::after,
    .checkbox-warning input[type="radio"]:indeterminate + label::after {
        background-color: #fff;
    }

    .col-pad {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 3px !important;
    }

    .glyphicon-question-sign, .glyphicon-info-sign {
        font-size: 25px;
        color: #0070b9 !important;
    }

    .tooltip-arrow,
    .bl-tooltip + .tooltip > .tooltip-inner {
        background-color: #0070b9;
    }

    .tooltip .tooltip-inner {
        background-color: #0070b9;
    }

    .tooltip-inner {
        max-width: none;
    }

    .checkbox-success input[type="checkbox"]:indeterminate + label::before,
    .checkbox-success input[type="radio"]:indeterminate + label::before {
        background-color: #5cb85c;
        border-color: #5cb85c;
    }

    .checkbox-success input[type="checkbox"]:indeterminate + label::after,
    .checkbox-success input[type="radio"]:indeterminate + label::after {
        background-color: #fff;
    }

    .p-secondaire {
        font-family: 'open_sanssemibold';
        font-size: 13pt;
        color: #d43709;
    }

    .text-principal {
        font-family: 'open_sansregular';
        color: #d43709;
        font-size: 18pt;
    }

    .text-secondaire {
        font-family: 'open_sanssemibold';
        padding-top: 25px;
        padding-bottom: 25px;
        border-top: 1px solid #d43709;
        border-bottom: 1px solid #d43709;
        padding-left: 50px;
        font-size: 18pt;
    }

    .separateur {
        top: -13px !important;
    }

    .style-btn {
        background-color: transparent;
        border: 0;
        color: #1d1d1d;
    }

    @media (min-width: 1200px) {
        #Question-1 .img-title, #Question-2 .img-title {
            left: -35px;
            z-index: -1;
        }

        .marg-top {
            margin-top: 0px !important;
        }
    }


    #Question-1 .text-secondaire, #Question-2 .text-secondaire {
        font-family: 'open_sanssemibold';
        font-size: 14pt;
        padding-top: 25px;
        padding-bottom: 25px;
        border-top: 1px solid #d43709;
        border-bottom: 1px solid #d43709;
        padding-left: 30px;
        margin-top: 21px;
    }

    .progress-bar-pass {
        background-color: #d43709;
    }

    .dropdown-header {
        font-size: 12pt;
    }

    * {
        box-sizing: border-box;
    }

    .heading-primary {
        font-size: 2em;
        padding: 2em;
        text-align: center;
    }

    .accordion dl,
    .accordion-list {
        border: 1px solid #ddd;
    }

    .accordion dd,
    .accordion__panel {
        background-color: #eee;
        font-size: 1em;
        line-height: 1.5em;
    }

    .accordion p {
        padding: 1em 2em 1em 2em;
    }

    .accordion {
        position: relative;
        background-color: #eee;
    }

    .accordionTitle,
    .accordion__Heading {
        background-color: #D3D3D3;
        text-align: left;
        font-weight: 700;
        padding: 2em;
        display: block;
        text-decoration: none;
        color: black;
    }

    .accordionItem {
        height: auto;
        overflow: hidden;
        max-height: 50em;
        transition: max-height 1s;
        text-align: center;
    }

        .accordionItem.is-collapsed {
            max-height: 0;
        }

    .animateIn {
        animation: accordionIn 0.05s normal ease-in-out both 1;
    }

    .animateOut {
        animation: accordionOut 0.05s alternate ease-in-out both 1;
    }

    .field-has-error {
        border-color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }

    .field-has-succes {
        border-color: #3c763d;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }

    @keyframes accordionIn {
        0% {
            opacity: 0;
            transform: scale(0.9) rotateX(-60deg);
            transform-origin: 50% 0;
        }

        100% {
            opacity: 1;
            transform: scale(1);
        }
    }

    @keyframes accordionOut {
        0% {
            opacity: 1;
            transform: scale(1);
        }

        100% {
            opacity: 0;
            transform: scale(0.9) rotateX(-60deg);
        }


        $white: rgba(254,255,250,1) $grey: rgba(220,231,235,1) $red: rgba(255,104,115,1) $black: rgba(48,69,92,0.8) $sans: 'Titillium Web', sans-serif .transition transition: all 0.25s ease-in-out .flipIn animation: flipdown 0.5s ease both .no-select -webkit-tap-highlight-color: rgba(0,0,0,0) -webkit-touch-callout: none -webkit-user-select: none -khtml-user-select: none -moz-user-select: none -ms-user-select: none user-select: none html width: 100% height: 100% perspective: 900 overflow-y: scroll background-color: $grey font-family: $sans color: $black body min-height: 0 display: inline-block position: relative left: 50% margin: 90px 0 transform: translate( -50%, 0 ) box-shadow: 0 10px 0 0 $red inset background-color: $white max-width: 450px padding: 30px @media ( max-width:550px ) box-sizing: border-box transform: translate( 0, 0 ) max-width: 100% min-height: 100% margin: 0 left: 0 h1, h2 color: $red h1 text-transform: uppercase font-size: 36px line-height: 42px letter-spacing: 3px font-weight: 100 @extend .flipIn h2 font-size: 26px line-height: 34px font-weight: 300 letter-spacing: 1px display: block background-color: $white margin: 0 cursor: pointer @extend .no-select p color: $black font-size: 17px line-height: 26px letter-spacing: 1px position: relative overflow: hidden max-height: 800px @extend .transition opacity: 1 transform: translate( 0, 0 ) margin-top: 14px z-index: 2 ul list-style: none perspective: 900 padding: 0 margin: 0 li position: relative padding: 0 margin: 0 padding-bottom: 4px padding-top: 18px border-top: 1px dotted $grey @extend .flipIn &:nth-of-type(1) animation-delay: 0.5s &:nth-of-type(2) animation-delay: 0.75s &:nth-of-type(3) animation-delay: 1.0s &:last-of-type padding-bottom: 0 i position: absolute transform: translate( -6px, 0 ) margin-top: 16px right: 0 &:before, &:after content: "" @extend .transition position: absolute background-color: $red width: 3px height: 9px &:before transform: translate( -2px, 0 ) rotate( 45deg ) &:after transform: translate( 2px, 0 ) rotate( -45deg ) input[type=checkbox] position: absolute cursor: pointer width: 100% height: 100% z-index: 1 opacity: 0 &:checked &~p margin-top: 0 max-height: 0 opacity: 0 transform: translate( 0, 50% ) &~i &:before transform: translate( 2px, 0 ) rotate( 45deg ) &:after transform: translate( -2px, 0 ) rotate( -45deg ) @keyframes flipdown 0% opacity: 0 transform-origin: top center transform: rotateX(-90deg) 5% opacity: 1 80% transform: rotateX(8deg) 83% transform: rotateX(6deg) 92% transform: rotateX(-3deg) 100% transform-origin: top center transform: rotateX(0deg)
    }

    .btn-receivesms {
        width: 100%;
        margin-top: 4px;
    }

    .img-style {
        max-height: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .marg-top {
        margin-top: 20px;
    }

    .bottomaligned {
        position: absolute;
        bottom: 0;
        margin-bottom: 7px;
        left: 0;
    }

    .bottomright {
        position: relative;
        margin-top: 7px;
        right: 0;
    }

    .bottomleft {
        position: relative;
        margin-top: 7px;
        left: 15px;
    }

    .fixedheight {
        height: auto;
        width: auto;
        position: relative;
        border: 0px solid;
    }

    .RadioButtonWidth label {
        margin-right: 30px;
    }


    .ColorHeaderGrid {
        color: #d43709;
    }

    .color-black {
        color: #000 !important;
    }

    .color-red {
        color: #d43709;
    }

    .ColorRed {
        color: #d43709;
    }

    .ColorGreen {
        color: #006400;
    }

    .color-indigo {
        color: #1b1464;
    }

    .color-white {
        color: #fff;
    }

    .color-blue {
        color: #0070b9;
    }

    .blue-purple {
        color: #2f56b9;
    }

    a.color-white {
        color: #fff;
    }

    .color-green {
        color: #00ae5e;
    }

    .border-00ae5e {
        border-color: #00ae5e !important;
    }

    .margin_top {
        margin-top: 7px;
    }

    #tb_AdrAdmin {
        cursor: pointer;
    }

    .ColorheaderGridBlack {
        color: Black !important;
    }

    .style_margin_top_bottom {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #PART_Accueil .h2 {
        color: #d43709;
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        display: block;
        -webkit-margin-before: 1.33em;
        -webkit-margin-after: 1.33em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
    }

    .title2 {
        color: #d43709;
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-family: open_sansregular;
        font-weight: 500;
        line-height: 1.1;
        display: block;
        /*-webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
    }

    .title3 {
        color: #d43709;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 10px;
        font-family: open_sansregular;
        font-weight: 600;
        line-height: 1.1;
        display: block;
        /*-webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
    }

    .title3-black {
        color: black;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 10px;
        font-family: open_sansregular;
        font-weight: 600;
        line-height: 1.1;
        display: block;
        -webkit-margin-before: 1.33em;
        -webkit-margin-after: 1.33em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
    }

    .title4 {
        color: #d43709;
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-family: open_sansregular;
        font-weight: 500;
        line-height: 1.1;
        display: block;
        /* -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
    }

    .title4-black {
        color: black;
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-family: open_sansregular;
        font-weight: 500;
        line-height: 1.1;
        display: block;
        /* -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
    }

    .title6 {
        color: black;
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-family: open_sansregular;
        font-weight: 500;
        line-height: 1.1;
        display: block;
        /*  -webkit-margin-before: 2.33em;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
    }

    .title5-black {
        color: black;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-family: open_sansregular;
        font-weight: 500;
        line-height: 1.1;
        display: block;
        -webkit-margin-before: 1.67em;
        -webkit-margin-after: 1.67em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
    }

    .panel-body {
        padding: 15px;
    }

    .panel-default > .panel-heading {
        padding: 10px 15px;
        background-color: white;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

        .panel-default > .panel-heading > #DivEditMode > .text-info {
            color: #000000;
            font-size: 18px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

    .file_label {
        display: block;
        margin: 10px auto;
        font-size: 19px;
        font-family: Arial;
        width: 250px;
        height: 40px;
        line-height: 30px;
        background-color: #d9534f;
        color: #FFF;
        text-align: center;
        padding: 5px;
        border: 1px solid #CCC;
        border-radius: 5px;
        transition: all 0.3s ease-in-out;
    }

    .title1 {
        color: #d43709;
        font-size: 38px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-family: open_sansregular;
        font-weight: 500;
        line-height: 1.1;
        display: block;
        -webkit-margin-before: 0.67em;
        -webkit-margin-after: 0.67em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
    }

    .table-center-text > tbody > tr > td, .table-center-text > tbody > tr > th, .table-center-text > tfoot > tr > td, .table-center-text > tfoot > tr > th, .table-center-text > thead > tr > td, .table-center-text > thead > tr > th {
        vertical-align: middle !important;
    }

    .disabled-pointer {
        box-shadow: 0 0 0 0.3rem rgba(212,89,9,.5);
        pointer-events: none;
    }

    /*********************************Nouvelle maquette*********************************/
    @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');

    body {
        font-family: SourceSansPro-Regular, sans-serif;
        font-size: 17px;
        color: #000;
    }

    h1 {
        font-size: 44px;
        font-family: neo-sans-w1g-bold;
    }

    h2 {
        font-size: 33px;
        font-family: neo-sans-w1g-bold;
    }

    h3, h4 {
        font-size: 20px;
        font-family: neo-sans-w1g-regular;
    }

        h3 b {
            font-family: neo-sans-w1g-bold;
        }

    h5 {
        font-size: 20px;
    }

    body p {
        font-size: 20px;
    }

    body small {
        font-size: 14px;
        font-family: SourceSansPro-SemiBold;
        line-height: normal;
        display: inline-block;
    }

    body label {
        font-size: 17px;
    }

    .alert {
        display: block;
    }

    .text-primary {
        color: #0070b9 !important;
    }

    .text-secondary {
        color: #6f7277 !important;
    }

    .btn {
        min-height: 46px;
        border-radius: 7px;
        padding: 11px 10px 14px 10px;
        font-size: 17px;
        font-family: neo-sans-w1g-medium;
        cursor: pointer;
        outline: none !important;
        min-width: 160px;
        line-height: normal;
        max-width: 100%;
        white-space: normal;
        z-index: 1;
    }

    @media (max-width: 991px) {
        .btn.full-width-btn {
            width: 100%;
            /*width: calc(100% - 30px);
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 40px;*/
        }
    }


    .btn:disabled, .btn.disabled {
        background-color: #e7e9ec !important;
        border-color: #e7e9ec !important;
        color: #a5aaad !important;
        box-shadow: 0 10px 15px -5px #dddddd !important;
    }

    .btn.focused {
        pointer-events: none;
        opacity: .65;
    }
    /*primary button*/
    .btn.btn-primary {
        box-shadow: 0 10px 15px -5px rgba(0, 170, 101, 0.59);
        border-color: rgba(0, 170, 101, 0.59);
        background-color: #00ae5e;
        color: white;
    }

        .btn.btn-primary:hover {
            background-color: #009450;
            border-color: #009450;
        }

        .btn.btn-primary:not(:disabled):not(.disabled):Focus, .btn.btn-primary:not(:disabled):not(.disabled):active {
            background-color: #00ae5e;
            border-color: #00ae5e;
            box-shadow: none;
        }

.btn.btn-cardOrganisme {
    border-color: #1b1464;
    background-color: white;
    color: #1b1464;
}

    /*secondary button*/
    .btn.btn-secondary {
        border-color: #1b1464;
        background-color: white;
        color: #1b1464;
    }

        .btn.btn-secondary:hover {
            background-color: #1b1464;
            border-color: #1b1464;
            color: white;
        }

        .btn.btn-secondary:not(:disabled):not(.disabled):Focus, .btn.btn-secondary:not(:disabled):not(.disabled):active {
            background-color: #2b209c;
            border-color: #2b209c;
            color: white;
            box-shadow: none;
        }

    .has-error .btn-secondary {
        border-color: #d43709;
    }


    /*search button*/
    .btn.btn-search {
        height: 60px;
        width: 285px;
        border-color: #1b1464;
        background-color: white;
        color: #1b1464;
    }

        .btn.btn-search:hover {
            background-color: #1b1464;
            border-color: #1b1464;
            color: white;
        }

        .btn.btn-search:Focus, .btn.btn-search:active {
            background-color: #2b209c;
            border-color: #2b209c;
            color: white;
            box-shadow: none;
        }

    .has-error .btn-search {
        border-color: #d43709;
    }

/*transparent button*/

.btn.btn-transparent {
    border-color: transparent;
    background-color: white;
    color: #1b1464;
    height: 52px;
    text-decoration: underline;
}


    /*tertiary button*/
    .btn.btn-tertiary {
        border-color: transparent;
        background-color: white;
        color: #1b1464;
        height: 52px;
        box-shadow: 0 10px 15px -5px #ced2d6
    }

        .btn.btn-tertiary .svgIcon .useIcon {
            fill: #1b1464;
        }

        .btn.btn-tertiary:hover {
            background-color: #1b1464;
            border-color: #1b1464;
            color: white;
        }

            .btn.btn-tertiary:hover .svgIcon .useIcon {
                fill: white;
            }

        .btn.btn-tertiary:not(:disabled):not(.disabled):Focus, .btn.btn-tertiary:not(:disabled):not(.disabled):active {
            background-color: #2b209c;
            border-color: #2b209c;
            color: white;
            box-shadow: none;
        }


    .btn.btn-savoir-plus {
        border-color: transparent;
        background-color: white;
        color: #1b1464;
        height: 52px;
        box-shadow: 0 10px 15px -5px #ced2d6
    }

    .btn-savoir-plus img {
        transform: rotate(180deg);
        transition: .3s all;
    }

    .btn-savoir-plus.collapsed img {
        transform: rotate(0deg)
    }


    .min-width-initial {
        min-width: auto !important;
    }

    input.form-control {
        border-radius: 5px;
        height: 60px;
        padding-left: 65px;
        font-size: 16px;
        background-position: 27px 12px;
        background-repeat: no-repeat;
        color: #000;
    }

        input.form-control:focus {
            box-shadow: none;
            -webkit-box-shadow: none;
            border-color: #0071b8;
            color: #000;
        }

    .has-error input.form-control {
        color: #000;
        border-color: #d43709;
    }

    body {
        padding-top: 67px;
    }

    #dv_head {
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.04);
        height: 67px;
        background: #fff;
    }

    input.form-control.identifiant {
        background-image: url('../Images/identifiant.svg')
    }

    input.form-control.identifiant:focus, input.form-control.identifiant.has-success {
        background-image: url('../Images/identifiant-focus.svg');
    }

    .has-error input.form-control.identifiant {
        background-image: url('../Images/identifiant-error.svg');
    }

    input.form-control.calendar {
        background-image: url('../Images/calendar.svg')
    }

        input.form-control.calendar:focus, input.form-control.calendar.has-success {
            background-image: url('../Images/calendar-focus.svg');
        }

    .has-error input.form-control.calendar {
        color:red;
        background-image: url('../Images/calendar.svg');
    }

input.form-control.phone {
    background-image: url('../Images/phone.png');
}

input.form-control.phone:focus, input.form-control.phone.has-success {
    background-image: url('../Images/phone-focus.png');
}

.has-error input.form-control.phone {
    background-image: url('../Images/phone-error.png');
}

input.form-control.form-password {
    padding-right: 65px;
}

input.form-control[type="password"], input.form-control.form-password {
    background-image: url('../Images/lock.svg')
}

    input.form-control[type="password"]:focus, input.form-control[type="password"].has-success, input.form-control.form-password:focus, input.form-control.form-password.has-success {
        background-image: url('../Images/lock-focus.svg')
    }

.has-error input.form-control[type="password"], .has-error input.form-control.form-password {
    background-image: url('../Images/lock-error.svg');
}

    input.form-control.date {
        background-image: url('../Images/calendar.svg')
    }

    input.form-control:-internal-autofill-selected {
        background-position: 27px 12px !important;
    }

    .left-content-image img {
        min-height: 100%;
        object-fit: cover;
    }

    .has-error label.help-block,
    .has-error label.text-muted,
    .has-error label.control-label,
    .error-label {
        color: #d43709 !important;
        font-size: 14px;
        font-weight: 600;
    }

    .bg-cbe7ff, .bg-blue-sky {
        background: #cbe7ff !important;
    }

    .bg-f5f5f5 {
        background: #f5f5f5;
    }

    .bg-f0f5fa {
        background: #f0f5fa;
    }

    .bg-f0f6ff {
        background: #f0f6ff;
    }

    .bg-f0f1f6 {
        background: #f0f1f6;
    }

    .bg-white {
        background: #fff;
    }

    .bg-white-08 {
        background: rgba(255,255,255,.8);
    }

    .bg-pale-grey {
        background-color: #eff6ff;
    }

    .d-flex-not-important {
        display: flex;
    }

    .bg-00ae5e {
        background: #00ae5e;
    }

    .bg-a4c7f6 {
        background: #a4c7f6;
    }

    .bg-f8f8f8 {
        background: #f8f8f8;
    }

    .bg-d43709 {
        background: #d43709;
    }

    .fw-600 {
        font-weight: 600 !important;
    }

    .fw-normal {
        font-weight: normal !important;
    }

    .indication_password {
        font-size: 14px;
        font-weight: 600;
        color: #6f7277;
    }

    .text-confidentialite-content {
        font-size: 12px;
    }

        .text-confidentialite-content a {
            color: #000;
            text-decoration: underline;
        }



    .bienvenue-bloc {
        background: #0071b8;
    }

    .bienvenue-bloc-content {
        color: #fff;
        max-width: 550px;
    }


    .identity-tabs {
        list-style-type: none;
        padding-left: 0;
    }

    .border-right-2-6f7277 {
        border-right: 2px solid #6f7277;
    }

    .identity-tabs .nav-link {
        border-bottom: 2px solid transparent;
        display: inline;
        color: #000;
        font-size: 20px;
        font-family: neo-sans-w1g-regular;
        text-decoration: none;
        padding: 0;
    }

        .identity-tabs .nav-link.active {
            border-color: #1b1464;
        }

        .identity-tabs .nav-link.disabled {
            color: #ced2d6;
        }


    /* radio civilite style */
    .radio-civilite, .radio-college {
        display: flex;
    }

        .radio-civilite input[type=radio],
        .radio-college input[type=radio] {
            visibility:hidden;
        }

            .radio-civilite input[type=radio] + label {
                display: flex;
                margin-bottom: 10px;
                color: #6f7277;
                font-size: 16px;
                cursor: pointer;
                position: relative;
                padding-left: 30px;
            }

            .radio-civilite input[type=radio]:checked + label {
                color: #1b1464;
            }

            .radio-civilite input[type=radio] + label:before {
                content: '';
                display: inline-flex;
                width: 20px;
                height: 20px;
                border: 1px solid #6f7277;
                border-radius: 50%;
                padding: 0;
                margin: auto;
                margin-right: 25px;
                justify-content: center;
                font-size: 12px;
                /*/*/
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
            }



    /********/
    /*radio personnalisé*/

/* checkbox custom style */

.custom-checkbox input[type=checkbox] {
    display: none;
}

    .custom-checkbox input[type=checkbox] + label {
        margin-bottom: 10px;
        color: #000;
        font-size: 14px;
        cursor: pointer;
        display: flex;
    }

    .custom-checkbox input[type=checkbox]:checked + label {
        color: #1b1464;
    }

    .custom-checkbox input[type=checkbox] + label:before {
        content: '';
        display: inline-flex;
        width: 20px;
        height: 20px;
        border: 1px solid #6f7277;
        padding: 0;
        margin-right: 25px;
        justify-content: center;
        font-size: 12px;
        flex: none;
        border-radius: 5px;
    }


.has-error .custom-checkbox input[type=checkbox] + label:before {
    border-color: #d43709;
}

.custom-checkbox input[type=checkbox]:checked + label:before {
    content: '\2713';
    background: #1b1464;
    border-color: #1b1464;
    color: #fff;
}


/* checkbox custom style */

    .college-tabs .radio-college input[type=radio]:checked + label {
        color: #1b1464;
    }

    .college-tabs .radio-college input[type="radio"] + label {
        font-size: 20px;
        padding-left: 30px;
        position: relative;
        display: flex;
        margin-bottom: 10px;
        color: #6f7277;
        cursor: pointer;
    }

    .college-tabs .radio-college input[type=radio] + label:before {
        content: '';
        width: 20px;
        height: 20px;
        border: 1px solid #6f7277;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        font-size: 13px;
        text-align: center;
    }

    .college-tabs .radio-college input[type=radio]:checked + label:before {
        content: '\2713';
        background: #1b1464;
        border-color: #1b1464;
        color: #fff;
    }

.radio-college input[type=radio]:disabled + label {
	color: #000;
	cursor: default;
}

	.radio-college input[type=radio]:disabled + label:before {
		/*content: '\2713';*/
		background: #ced2d6;
		border-color: #ced2d6;
		color: #fff;
	}

.radio-college input[type=radio]:disabled:checked + label:before {
	background: #87859c;
	border-color: #87859c;
}


    .has-error .radio-civilite input[type=radio] + label:before {
        border-color: #d43709;
    }

    .radio-civilite input[type=radio]:checked + label:before {
        content: '\2713';
        background: #1b1464;
        border-color: #1b1464;
        color: #fff;
    }

    .radio-civilite input[type=radio]:disabled + label {
        color: #000;
        cursor: default;
    }

        .radio-civilite input[type=radio]:disabled + label:before {
            content: '\2713';
            background: #ced2d6;
            border-color: #ced2d6;
            color: #fff;
        }

    .radio-civilite input[type=radio]:disabled:checked + label:before {
        background: #87859c;
        border-color: #87859c;
    }
    /*End radio civilite style */


    /* checkbox jours restauration style */

    .checkbox-jours input[type=checkbox] {
        display: none;
    }

        .checkbox-jours input[type=checkbox] + label {
            margin-bottom: 10px;
            font-size: 16px;
            cursor: pointer;
            color: #000;
            border: 1px solid #ced2d6;
            border-radius: 7px;
            padding: 4px 15px;
        }

        .checkbox-jours input[type=checkbox]:checked + label {
            color: #fff;
            background: #1b1464;
            border-color: #1b1464;
        }

        .checkbox-jours input[type=checkbox] + label:hover {
            color: #1b1464;
        }

        .checkbox-jours input[type=checkbox]:checked + label:hover {
            color: #fff;
        }

        .checkbox-jours input[type=checkbox][disabled] + label {
            background-color: #eee;
        }

    .has-error .checkbox-jours input[type=checkbox] + label {
        border-color: #d43709;
        color: #000;
    }

    .checkbox-text-bind .first {
        display: block;
    }

    .checkbox-text-bind .second {
        display: none;
        color: #d43709 !important;
    }

    .has-error .checkbox-text-bind .first {
        display: none;
    }

    .has-error .checkbox-text-bind .second {
        display: block
    }

    /*End checkbox jours restauration style */

/* Radio echelon style */

.radio-echelons input[type=radio] {
    display: none;
}

.radio-echelons input[type=radio] + label {
    margin-bottom: 10px;
    font-size: 16px;
    cursor: pointer;
    color: #000;
    border: 1px solid #ced2d6;
    border-radius: 7px;
    padding: 4px 15px;
}

.radio-echelons input[type=radio]:checked + label {
    color: #fff;
    background: #1b1464;
    border-color: #1b1464;
}

.radio-echelons input[type=radio] + label:hover {
    color: #1b1464;
}

.radio-echelons input[type=radio]:checked + label:hover {
    color: #fff;
}

.radio-echelons input[type=radio][disabled] + label {
    background-color: #eee;
}

.has-error .radio-echelons input[type=radio] + label {
    border-color: #d43709;
    color: #000;
}

.checkbox-text-bind .first {
    display: block;
}

.checkbox-text-bind .second {
    display: none;
    color: #d43709 !important;
}

.has-error .checkbox-text-bind .first {
    display: none;
}

.has-error .checkbox-text-bind .second {
    display: block
}

/*End radio echelon style */

    /* checkbox custom style */

    .custom-checkbox input[type=checkbox] {
        display: none;
    }

        .custom-checkbox input[type=checkbox] + label {
            margin-bottom: 10px;
            color: #000;
            font-size: 14px;
            cursor: pointer;
            display: flex;
        }

        .custom-checkbox input[type=checkbox]:checked + label {
            color: #1b1464;
        }

        .custom-checkbox input[type=checkbox] + label:before {
            content: '';
            display: inline-flex;
            width: 20px;
            height: 20px;
            border: 1px solid #6f7277;
            padding: 0;
            margin-right: 15px;
            justify-content: center;
            font-size: 12px;
            flex: none;
            border-radius: 5px;
        }


    .has-error .custom-checkbox input[type=checkbox] + label:before {
        border-color: #d43709;
    }

    .custom-checkbox input[type=checkbox]:checked + label:before {
        content: '\2713';
        background: #1b1464;
        border-color: #1b1464;
        color: #fff;
    }


    /* checkbox custom style */


    .padding-left-30 {
        padding-left: 30px !important;
    }

    .padding-inherit {
        padding: inherit !important;
    }


    /*modal adresse*/
    @media (min-width: 992px) {
        .max-width-730 {
            max-width: 730px !important;
        }

            .max-width-730 .modal-body {
                padding: 1rem 5rem;
            }

        .max-width-790 {
            max-width: 790px !important;
        }

        .max-width-665 {
            max-width: 665px !important;
        }
    }

    #modSaisieAdresse .modal-content .close {
        font-size: 2.5rem;
        font-weight: normal;
    }

    #modSaisieAdresse .form-control.btnChercher {
        padding: inherit;
        border-color: #1b1464;
        color: #1b1464;
        font-family: neo-sans-w1g-medium;
        font-size: 17px;
        font-weight: 500;
        box-shadow: none;
    }

    #modSaisieAdresse .form-control:not(.btnChercher) {
        background-color: #f4f6f8;
        border-color: transparent;
        box-shadow: none;
    }

    #modSaisieAdresse .form-control.has-success:not(.btnChercher),
    #modSaisieAdresse .form-control:focus:not(.btnChercher):not(.my-select) {
        border-color: #ced2d6;
        background-color: white;
    }

    /*end modal style*/

    /*select style*/
    .my-select {
        background-image: url('../Images/angle-down.svg');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: 95% 50%;
        min-height: 60px;
        padding: 15px 30px;
        -webkit-appearance: none;
        border-color: transparent;
        box-shadow: none;
        border-radius: 5px;
        width: 100%;
    }

    select::-ms-expand {
        display: none;
    }

    .my-select.bordered-select {
        border: 1px solid #ced2d6;
    }

    .my-select:focus,
    .my-select.has-success + .nice-select {
        background-image: url('../Images/angle-down-focus.svg');
        border-color: #1b1464;
        background-color: white;
        outline: none;
    }
    /*end of select style*/

    /*select options custom scrollbar style*/

    .nice-select.open .list {
        width: 95%;
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    .nice-select.right {
        float: right;
    }

        .nice-select.right .list {
            left: auto;
            right: 0;
        }

    .nice-select .list {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
        box-sizing: border-box;
        margin-top: 0px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 16px;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
        transform: scale(0.75) translateY(-21px);
        -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 21;
    }

        .nice-select .list:hover .option:not(:hover) {
            background-color: transparent !important;
        }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: 40px;
        list-style: none;
        min-height: 40px;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        color: #6f7277;
        background: none;
    }

    .no-csspointerevents .nice-select .list {
        display: none;
    }

    .no-csspointerevents .nice-select.open .list {
        display: block;
    }


    .nice-select .list {
        border-radius: 0px;
        height: 200px;
        overflow-y: auto;
    }

    .nice-select .option:hover {
        color: #000;
    }

    .nice-select .option.focus, .nice-select .option.selected, .nice-select .option.selected.focus {
        color: #1b1464;
    }

    .list::-webkit-scrollbar {
        width: 4px;
        background: transparent;
    }

    .list::-webkit-scrollbar-thumb {
        border-radius: 2.5px;
        min-height: 50px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #1b1464;
    }

    .list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 2.5px;
        background-color: rgba(255,255,255,0.2);
    }
    /*END style for nice select*/
    /*style pour dropzone*/
    .imgPhoto-dimension {
        width: 226px;
    }

    .dropzone-nozone {
        min-height: inherit !important;
        border: none !important;
    }

    .dropzone-nozone .dz-error-mark {
        position: inherit !important;
        margin-top: 10px !important;
    }

    .dropzone-nozone .dz-remove {
        display: none !important;
    }

    .my-dropzone .dz-preview .dz-details .dz-title {
        font-size: 18px;
        color: #1b1464;
        font-family: SourceSansPro-SemiBold;
        margin: .5em 0;
    }

    .box-error .my-dropzone {
        background-color: rgba(250, 241, 240, 0.8);
        border-color: #d43709;
    }

        .box-error .my-dropzone.avis-zone {
            background-color: transparent;
        }

            .box-error .my-dropzone.avis-zone .btn-move {
                border-color: #d43709;
            }

    .box-valid .my-dropzone {
        background-color: #f0f5fa;
        border-color: transparent;
    }

        .box-valid .my-dropzone.avis-zone {
            background-color: transparent;
            border-color: transparent;
        }

    @media (max-width: 991px) {
        .box-error .my-dropzone {
            background-color: transparent;
            border-color: transparent;
        }

            .box-error .my-dropzone .btn-move {
                border-color: #d43709;
            }

        .box-valid .my-dropzone {
            background-color: transparent;
            border-color: transparent;
        }
    }

    .arrow-round {
        width: 200px;
    }

    @media (min-width: 768px) {
        .arrow-round {
            position: absolute;
            bottom: 0;
            width: 100px;
        }
    }

    .arrow-round .btn-rotate {
        border: none;
        width: 52px;
        height: 52px;
        background: url(../Images/icon-arrow-round.png) no-repeat;
        box-shadow: 0 10px 15px -5px #ced2d6;
    }

    .btn-move {
        border-color: #1b1464;
        color: #1b1464;
        font-family: neo-sans-w1g-medium;
        font-size: 17px;
        font-weight: 500;
        box-shadow: none;
        line-height: 30px;
        padding: .375rem .75rem;
        min-height: 46px;
        height: 100%;
    }

    .dropzone_text {
        font-size: 18px;
        color: #1b1464;
        font-weight: 600;
    }

    .regle_box .upload_regle {
        position: relative;
        width: 143px;
        margin-bottom: 15px;
        display: inline-block;
    }

        .regle_box .upload_regle .upload_regle-mark {
            position: absolute;
            bottom: -25px;
            right: -25px;
        }

    .type_image {
        width: 65px;
        height: 65px;
        object-fit: contain;
    }


    @media (min-width: 992px) {
        .mt-lg-95px {
            margin-top: 95px;
        }

        .min-height-600 {
            min-height: 600px;
        }
    }

    a.move {
        color: #1b1464;
        font-size: 17px;
        font-family: neo-sans-w1g-medium;
    }
    /*style pour dropzone*/
    .regle_title {
        font-size: 14px;
        font-weight: 600;
        color: #6f7277;
        font-family: SourceSansPro-Semibold;
    }

    ul.regle-list {
        list-style-type: none;
        padding: 0;
    }

        ul.regle-list li {
            font-size: 14px;
            font-weight: normal;
        }

            ul.regle-list li:before {
                content: "";
                display: inline-block;
                background: #1b1464;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                margin-right: 20px;
                flex: none;
            }

    .regle-list-doc {
        list-style-image: url('../Images/point.svg');
        padding-left: 20px;
    }

    .font-size-33 {
        font-size: 33px !important;
    }

    .font-size-20 {
        font-size: 20px !important;
    }

    .font-size-18 {
        font-size: 18px !important;
    }

    .font-size-17 {
        font-size: 17px !important;
    }

    .font-size-16 {
        font-size: 16px !important;
    }

    .font-size-14 {
        font-size: 14px !important;
    }

    /*TIMELINE INSCRIPTION JEUNE*/

    .box-shadow {
        box-shadow: 5px 5px 10px 0 rgba(206, 210, 214, 0.17);
    }

    @media (min-width: 991px) {
        .box-shadow-lg {
            box-shadow: 5px 5px 10px 0 rgba(206, 210, 214, 0.17);
        }
    }

    .timeline {
        font-family: neo-sans-w1g-regular;
    }

        .timeline div div {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 70px;
            font-size: 20px;
        }

        .timeline img {
            height: 32px;
            color: white;
            filter: brightness(0) invert(1);
            padding-right: 30px;
            display: none;
        }

        .timeline a:hover {
            text-decoration: none;
        }

    .current-step {
        background-color: #0071b8;
        color: white;
        font-family: neo-sans-w1g-bold;
    }

        .current-step img {
            display: block;
        }

    .valid-step:before {
        content: url("../Images/check_timeline.svg");
        position: absolute;
        right: 55px;
        height: 32px;
        width: 15px;
    }

    /*Modal formats et acceptés*/
    .modal button.close {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .modal button img {
        height: 32px;
    }

    .modal.formats-accepte .modal-dialog {
        max-width: 540px;
        font-family: neo-sans-w1g-regular;
        border-radius: 0;
        border: none;
    }

    .modal.formats-accepte.modal-importDocument .modal-content {
        border-radius: 0 !important;
        border: none !important;
        padding: 80px 90px;
    }

    @media (max-width: 991px) {
        .modal.formats-accepte.modal-importDocument .modal-content {
            padding: 40px 0px 20px;
        }
    }

    .modal.formats-accepte .modal-content {
        border-radius: 0 !important;
        border: none !important;
        padding: 85px 65px;
    }

    @media (max-width: 991px) {
        .modal.formats-accepte .modal-content {
            padding: 40px 0px 20px;
        }
    }

    .modal.formats-accepte .modal-body {
        position: relative;
    }

    .modal.formats-accepte button.close {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .modal.formats-accepte button img {
        height: 32px;
    }


    .modal.formats-accepte .modal-body div {
        padding-left: 24px;
        border-left: 1px solid rgba( 111, 114, 119, .3);
        font-family: SourceSansPro-Semibold;
        margin-bottom: 22px;
    }

        .modal.formats-accepte .modal-body div p {
            margin: 3px;
        }

    .modal.formats-accepte .regle-list-doc.formats {
        display: flex;
        flex-wrap: wrap;
        width: 190px;
    }

        .modal.formats-accepte .regle-list-doc li,
        .modal.formats-accepte .regle-list-doc.formats li {
            margin-left: 24px;
            margin-bottom: 7px;
            padding-left: 15px;
            font-family: SourceSansPro-Regular;
        }

        .modal.formats-accepte .regle-list-doc.formats li {
            width: 60px;
        }

    .modal.formats-accepte .modal-footer {
        display: flex;
        justify-content: space-between;
        border-top: none;
    }

        .modal.formats-accepte .modal-footer button,
        .modal.formats-accepte .modal-footer input {
            width: 45%;
            padding: 0;
        }

    #container-img-crop .cartepass {
        position: relative;
        z-index: 1;
    }

    #container-img-crop .cartepass_avatar {
        position: absolute;
        bottom: 19%;
        left: 8%;
        width: 20%;
        height: 42%;
        background-size: contain;
    }

.carte_thumb {
    width: 19.5%;
    position: absolute;
    left: 10.1%;
    bottom: 25.6%;
}

    .wrap-aide {
        display: flex;
        justify-content: space-between;
        z-index: 0;
    }

    .card-aide {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width:49%;
        height: 365px;
        border-radius: 7px;
        box-shadow: 0 0 20px 0 rgba(111, 114, 119, 0.12), 0 0 10px 0 rgba(164, 199, 246, 0.35);
        background-color: #ffffff;
        padding: 50px 40px;
        transition: transform 0.3s;
        cursor: pointer;
        text-align: center;
    }

        .card-aide.selected {
            border: solid 2px #1b1464;
        }

        .card-aide:hover {
            transform: scale(1.05);
        }

        .card-aide .aide-img {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 0;
        }

        .card-aide img {
            height: 190px;
            object-fit: contain;
            object-position: top;
            z-index: 2;
        }

    .card-aide-round {
        position: absolute;
        width: 170px;
        height: 170px;
        border-radius: 50%;
        background: #cbe7ff;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
    }

    @media (max-width: 767px) {

        .wrap-aide {
            flex-direction: column;
        }

            .wrap-aide .card-aide {
                width: 100%;
            }
    }


    .info-aide {
        color: #00ae5e;
        display: flex;
        align-items: center;
    }

    .info-color {
        color: #00ae5e;
    }

    .error-aide {
        color: #d43709;
        display: flex;
        align-items: center;
    }

    .warning-aide {
        color: #d96b0b;
        display: flex;
        align-items: center;
    }

    .info-aide i, .warning-aide i, .error-aide i {
        font-size: 28px;
    }

    .info-aide img {
        height: 32px;
    }

    .list-style-type-circle {
        list-style-type: circle;
    }

    .pl-40px {
        padding-left: 40px;
    }

    .toggle-bourse {
        max-height: 0px;
        overflow: hidden;
        transition: all 0.5s;
    }

    .mh-300 {
        max-height: 500px;
    }

    .border-radius-7 {
        border-radius: 7px;
    }
    /*restauration*/
    .simulateur-btn {
        color: #1b1464;
        font-size: 17px;
        font-weight: 500;
        font-family: neo-sans-w1g-medium;
        text-align: center;
        padding: 18px;
        width: 100%;
        border-radius: 7px;
        box-shadow: 0 10px 15px -5px #ced2d6;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

        .simulateur-btn:after {
            content: '';
            height: 24px;
            width: 24px;
            display: inline-block;
            background: url(../Images/angle-down-move.svg) no-repeat;
            background-size: 100%;
            vertical-align: bottom;
            transition: transform .35s ease;
        }

        .simulateur-btn.collapsed:after {
            transform: rotate(180deg);
        }

    .simulateur {
        z-index: 1;
    }

    .simulateur-parametres {
        background: #f0f5fa;
        padding: 30px 25px;
    }

.simulateur-resultat {
    background: #0070b9;
    padding: 30px 25px;
    color: white;
}

.simulateur-footer {
    background: #a4c7f6;
    color: #fff;
    padding: 20px 25px;
    font-size: 14px;
    font-family: SourceSansPro-Regular;
    border-radius: 0px 0px 7px 7px;
}

        .simulateur-footer a {
            font-family: SourceSansPro-SemiBold;
            color: #fff;
        }

    .btn-edit {
        border-color: transparent;
        background: white;
        color: #1b1464;
        font-family: neo-sans-w1g-medium;
        font-size: 17px;
        font-weight: 500;
        box-shadow: 0 10px 15px -5px #ced2d6;
        line-height: 30px;
        padding: .375rem 1.5rem;
        min-height: 46px;
        height: 100%;
    }

    .btn-edit-container {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: -23px
    }
    /*fin restauration*/

    /*landing page*/
    .card-sport {
        background: #fff;
        border-radius: 7px;
        height: 400px;
        box-shadow: 0 0 20px 0 rgba(111, 114, 119, 0.12);
        max-width: 300px;
        position: relative;
        margin: auto
    }

    .carousel-inner.max-330 {
        max-width: 330px;
    }
    .carousel-inner {
        overflow: visible;
    }
    .carousel-item .card-sport {
        min-width: 300px;
    }

    .card-sport .bottom-30 {
        margin: auto;
        position: absolute;
        left: 1.5rem;
        right: 1.5rem;
        bottom: 30px;
    }

    .my-carousel-navigation span {
        width: 32px;
        height: 32px;
        cursor: pointer;
    }

    .my-carousel-navigation .carousel-control-next-icon {
        background-image: url(../Images/angle-down-move.svg);
        transform: rotate(-90deg);
    }

    .my-carousel-navigation .carousel-control-prev-icon {
        background-image: url(../Images/angle-down-move.svg);
        transform: rotate(90deg);
    }

    .a_qui {
        align-items: flex-end;
    }

        .a_qui .a_qui_elt {
            height: 650px;
            padding: 55px 2rem;
        }

    @media (max-width: 991px) {
        .a_qui .a_qui_elt {
            height: 750px;
            padding: 55px 2rem !important;
        }

        .comment-profiter .comment-profiter_elt {
            height: 440px;
        }

        .actualites .act_elt {
            height: 290px;
        }
    }

    .a_qui .a_qui_elt.a_qui2 {
        padding-top: 100px;
    }

    .a_qui .a_qui_elt.a_qui2 img {
        padding-bottom: 40px;
    }

    .a_qui .a_qui_elt.a_qui3 {
        padding-top: 80px;
    }

    .a_qui .a_qui_elt.a_qui3 img {
        padding-bottom: 30px;
    }

    .a_qui .a_qui_elt img {
        display: flex;
        margin: auto;
    }

    .comment-profiter .comment-profiter_elt img {
        display: flex;
        margin: 0 auto 40px;
    }

    .mb-112 {
        margin-bottom: -112px
    }

    .mb-23 {
        margin-bottom: -23px
    }

    .Z-index-1 {
        z-index: 1;
    }
    /*Dashboard*/
    .nav.dashboard-nav-children .nav-item:hover {
        text-decoration: none;
    }

    .nav.dashboard-nav-children .nav-item {
        border-bottom: 2px solid transparent;
        text-decoration: none;
        margin-right: 30px;
        display: flex;
        align-items: flex-end;
    }

    .nav.dashboard-nav-children .nav-item {
        font-family: neo-sans-w1g-regular;
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 5px;
    }

        .nav.dashboard-nav-children .nav-item.active {
            font-family: neo-sans-w1g-bold;
            font-size: 44px;
            line-height: 48px;
            border-color: #1b1464;
            text-decoration: none
        }
    /*profil enfant left side*/
    .children-content .children-content_left-side {
        border-radius: 7px;
        background-image: linear-gradient(to top, #0070b8, #2d3191);
    }

    .children-content .children-content_statut-enfant {
        border-radius: 7px 7px 7px 7px;
    }

a.link-relais {
    color: #000;
    font-size: 18px;
    text-decoration: underline;
    font-family: SourceSansPro-Bold;
}

a.link-relais:hover {
    color: #1b1464;
}

a.link-relais:focus {
    color: #2b209c;
}

a.link-relais.disabled {
    color: #ced2d6;
}
        
    a.link-sourcesans {
        color: #000;
        font-size: 12px;
        text-decoration: underline;
        font-family: SourceSansPro-Bold;
    }

        a.link-sourcesans:hover {
            color: #1b1464;
        }

        a.link-sourcesans:focus {
            color: #2b209c;
        }

        a.link-sourcesans.disabled {
            color: #ced2d6;
        }

    .statut-dossier-enfant {
        display: none !important;
    }
    /*valide*/
    .statut-enfant-valide .statut-valide {
        display: block !important;
    }

        .statut-enfant-valide .statut-valide.d-flex {
            display: flex !important;
        }

    /*refuse*/
    .statut-enfant-refuse .statut-refuse {
        display: block !important;
    }

        .statut-enfant-refuse .statut-refuse.d-flex {
            display: flex !important;
        }
    /*en attente*/
    .statut-enfant-en-attente .statut-en-attente {
        display: block !important;
    }

        .statut-enfant-en-attente .statut-en-attente.d-flex {
            display: flex !important;
        }


    /*profil enfant right side*/
    .aide-financiere {
        box-shadow: 0 0 20px 0 rgba(111, 114, 119, 0.12), 0 0 10px 0 rgba(27, 20, 100, 0.16);
    }

        .aide-financiere .aide-financiere_activite {
            height: 160px;
            width: 160px;
            border-radius: 50%;
            padding: 40px 20px;
            text-align: center;
            background-color: #f0f5fa;
        }

            .aide-financiere .aide-financiere_activite .activite_badge {
                position: absolute;
                left: -12px;
                top: 8px;
                height: 52px;
                width: 52px;
                background-image: url('../Images/dashboard-sport-foot.png');
                background-repeat: no-repeat;
                background-position: top left;
            }

            .aide-financiere .aide-financiere_activite.aide-financiere_activite_culture .activite_badge {
                background-image: url('../Images/dashboard-culture-cinema.png');
                height: 38px;
                top: 12px
            }

    .all-service-cards .service-card {
        position: relative;
        border-radius: 7px;
        box-shadow: 0 0 20px 0 rgba(111, 114, 119, 0.12), 0 0 10px 0 rgba(27, 20, 100, 0.16);
        min-height: 333px;
    }

        .all-service-cards .service-card .bottom-40 {
            margin: auto;
            position: absolute;
            left: 2rem;
            right: 2rem;
            bottom: 40px;
        }

        .all-service-cards .service-card .oval-corner {
            background: #f0f5fa;
            border-radius: 7px 0 100% 0px;
            height: 72px;
            width: 86px;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 0;
        }

        .all-service-cards .service-card .img-container {
            position: relative;
            z-index: 1;
            height: 57px;
            align-items: center;
        }

    .information-enfant {
        background: linear-gradient(156deg, #0070b8 0%, #80b4e8);
    }

        .information-enfant .information-enfant_info-bloc {
            min-height: 160px;
            box-shadow: 0 0 20px 0 rgba(111, 114, 119, 0.12);
        }

@media screen and (min-width: 768px) {
    .pmAnneePrecedente {
        border-right: 1px solid #1b1464;
    }
}

/*end dashboard*/
/*RECHERCHE ET LOCALISATION DE PARTENAIRES */
table.ux_ui-table {
    overflow: hidden;
    border-collapse: separate !important;
    border-color: transparent;
    width: 100%;
}

        table.ux_ui-table th {
            font-weight: normal;
            font-size: 17px;
            padding: 15px 15px;
        }

            table.ux_ui-table th.ux_ui-table-th-link a {
                color: #1b1464;
                font-size: 18px;
                font-family: SourceSansPro-SemiBold;
            }

        table.ux_ui-table td {
            font-weight: normal;
            font-size: 16px;
            padding: 15px 15px;
        }

        table.ux_ui-table tr:first-child {
            border-bottom: 1px solid #1b1464;
            border-top: 1px solid #ced2d6;
        }

        table.ux_ui-table tr {
            border-bottom: 1px solid #ced2d6;
            border-left: 1px solid #ced2d6;
        }


            table.ux_ui-table tr td:first-child {
                border-left: 1px solid #ced2d6;
            }

            table.ux_ui-table tr td:last-child, table.ux_ui-table tr th:last-child {
                border-right: 1px solid #ced2d6;
            }

            table.ux_ui-table tr:first-child th:first-child {
                border-top-left-radius: 7px;
            }

            table.ux_ui-table tr:first-child th:last-child {
                border-top-right-radius: 7px;
            }

            table.ux_ui-table tr:last-child td:first-child {
                border-bottom-left-radius: 7px;
            }

            table.ux_ui-table tr:last-child td:last-child {
                border-bottom-right-radius: 7px;
            }


    .RechercheLocalisation table.ux_ui-table tr:last-child td {
        padding: 6px;
    }

    .RechercheLocalisation .dg_LocalisationPart .gridViewPagination table tr,
    .RechercheLocalisation .dg_LocalisationPart .gridViewPagination table tr td {
        border-color: transparent !important;
    }

        .RechercheLocalisation .dg_LocalisationPart .gridViewPagination table tr td {
            font-size: 20px;
            font-family: SourceSansStd-Regular;
        }

            .RechercheLocalisation .dg_LocalisationPart .gridViewPagination table tr td span {
                border-bottom: 2px solid #1b1464;
                background: transparent;
            }

            .RechercheLocalisation .dg_LocalisationPart .gridViewPagination table tr td a:hover,
            .RechercheLocalisation .dg_LocalisationPart .gridViewPagination table tr td a:focus {
                text-decoration: none;
                color: #2b209c;
            }

    .ux_ui-pagination {
        display: flex;
        justify-content: center;
        list-style-type: none;
        padding: 0;
    }

        .ux_ui-pagination li a {
            font-family: SourceSansStd-Regular;
            font-size: 20px;
            color: #000;
            line-height: 25px;
            width: 11px;
            margin: 0px 10px
        }

            .ux_ui-pagination li.active a,
            .ux_ui-pagination li a:hover,
            .ux_ui-pagination li a:focus {
                border-bottom: 2px solid #1b1464;
                background: transparent;
                text-decoration: none
            }
    /*fin pagination*/

    .bg-arrow {
        background: url(../Images/arrow-right.svg) no-repeat;
        background-size: auto;
        background-position: bottom center;
        position: relative;
        height: 32px;
        width: 32px;
    }

        .bg-arrow.bg-arrow-left {
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

    .soutien-bloc {
        width: 188px;
        height: 181px;
        border-radius: 7px;
        box-shadow: 0 0 20px 0 rgba(111, 114, 119, 0.12);
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .faq-page .accordion-container .accordion-toggler {
        color: #6f7277;
        text-decoration: none;
        position: relative;
        padding-right: 15% !important;
    }

        .faq-page .accordion-container .accordion-toggler.active {
            color: #000;
        }


        .faq-page .accordion-container .accordion-toggler .chevron {
            background: url(../Images/angle-down.svg) no-repeat;
            background-size: auto;
            background-position: right center;
            display: inline-block;
            height: 30px;
            width: 30px;
            position: absolute;
            right: 2%;
            transition: transform .3s;
            margin: auto;
            top: 0;
            bottom: 0;
        }

        .faq-page .accordion-container .accordion-toggler.active .chevron {
            transform: rotate(180deg);
        }

    .informations-enfant-page .documents_enfant .documents_enfant-document {
        position: relative
    }

    .informations-enfant-page .documents_enfant .documents_enfant-document-download_document {
        position: absolute;
        right: 0;
        top: 0;
    }

    /*MODAL FOOTER RESPONSIVE et RENSEIGNEMENT FISCAUX */

    @media (max-width: 576px) {
        .modal-footer {
            justify-content: center;
        }        
    }

    @media (min-width: 576px) {Neo
        .modal-dialog .modal-footer {
            border-top: none;
        }
    }

    /*header*/

    /*header*/

    /*footer*/}
}

    /*footer*/

    /*footer*/

    .app-menu__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25px;
    }
/*radio personnalisé*/
.organisme-tabs .radio-organisme input[type=radio]:checked + label {
    color: #1b1464;
}

    .app-menu__label {
        white-space: nowrap;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .w-25 {
        width: 25% !important;
    }

    .w-50 {
        width: 50% !important;
    }

    .w-75 {
        width: 75% !important;
    }

    null {
        width: 10% !important;
        padding-left: 301px;
    }

    
.organisme-tabs .radio-organisme input[type=radio] {
    display: none;
}

.organisme-tabs .radio-organisme input[type="radio"] + label {
    font-size: 20px;
    padding-left: 30px;
    position: relative;
    display: flex;
    margin-bottom: 10px;
    color: #6f7277;
    cursor: pointer;
}

.organisme-tabs .radio-organisme input[type=radio] + label:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #6f7277;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 13px;
    text-align: center;
}

.organisme-tabs .radio-organisme input[type=radio]:checked + label:before {
    content: '\2713';
    background: #1b1464;
    border-color: #1b1464;
    color: #fff;
}

.disabled-import p {
    background-color: #e7e9ec;
    color: #a5aaad;
    border-color: #e7e9ec;
    cursor: not-allowed;
}

.disabled-import p:hover {
    background-color: #e7e9ec;
    color: #a5aaad;
    border-color: #e7e9ec;
    cursor: not-allowed;
}
.btn.btn-Info {
    border-color: #1b1464;
    background-color: transparent;
    color: #1b1464;
    width: 202px;
    height: 46px;
}
    .btn.btn-Info:hover {
        background-color: #1b1464;
        border-color: #1b1464;
        color: white;
    }
.Titre-Info {
    width: 61px;
    height: 24px;
    font-family: SourceSansPro-Bold;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #1b1464;
    margin-left: 4px;
}

.button-edit {
    position: relative;
    bottom: -50px;
    background-image: url('../../Content/Images/Modifier-blue.png');
    background-repeat: no-repeat;
    background-position-x: 25px;
    background-position-y: 11px;
    background-size: 25px;
    padding-left: 40px;
}

.button-edit:hover {
    position: relative;
    bottom: -50px;
    background-image: url('../../Content/Images/Modifier-white.png');
    background-repeat: no-repeat;
    background-position-x: 25px;
    background-position-y: 11px;
    background-size: 25px;
    padding-left: 40px;
}

.card-header {
    background-color: white;
    border: none;
}

.card {
    border: none;
}

.card .card {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
}

.card .card:first-child {
    border-top: 1px solid rgba(0,0,0,.125) !important;
}

    .card i {
        color: #1b1464;
        right: 25px;
        top: 25px;
    }

.moonlight {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,1);
}
.card h2 {
    text-align: left;
}

.btn-noButton {
    padding: 0;
    text-align: left;
    text-decoration: underline !important;
    color: #1b1464 !important;
}

.btn-noButton:focus {
    box-shadow: none;
    padding: 0;
}

.card-organisme {
    border-radius: 7px;
    box-shadow: 0 4px 20px 0 rgba(111, 114, 119, 0.2);
    background-color: white;
    border: 2px solid white;
    min-height: 150px;
}

.card-active {
    border-radius: 7px;
    border: 2px solid #0070b9;
    background-color: white;
    min-height: 150px;
}

#modalDetailPartenaire .modal-header {
    background-image: url("../Images/bandeau-sport-petit.png");
    background-size: cover;
}

.display-flex {
    display: flex
}

.labelPorteMonnaie {
    width: 729px;
    height: 54px;
    font-family: SourceSansPro;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #00aa65;
}

.download-doc {
    display: block;
    font-size: 17px;
    font-family: neo-sans-w1g-medium !important;
    height: 52px;
    width: 255px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: -127.5px;
    bottom: -24px;
    z-index: 1000;
    background: url('../../Content/Images/download.png') no-repeat white 46px 14px;
    background-size: 24px 24px;
    box-shadow: 0 10px 15px -5px #ced2d6;
    color: #1b1464;
    border-radius: 7px;
    padding: 14px 40px 17px 75px;
    border: none;
}

    .download-doc:hover {
        background-image: url('../../Content/Images/download-white.png');
        background-color: #1b1464;
        color: white;
        text-decoration: none;
    }

    .download-doc:focus, .download-doc:active {
        background-image: url('../../Content/Images/download-white.png');
        background-color: #2b209c;
        color: white;
        text-decoration: none;
    }

.download-doc {
    position: relative;
    padding: 17px 14px 17px 15px;
    background-position-x: 15px;
    display: inline-block;
    width: 55px;
    height: 55px;
    z-index: 20;
    text-align: center;
    margin: 0;
    left: 0px;
    bottom: auto;
    right: 0;
    float: right;
    cursor: pointer !important;
}
.cardtag {
    height: 35px;
    object-fit: contain;
    border-radius: 75px;
    background-color: #f0f8ff;
    margin-top: 10px;
    padding-top: 5px;
    padding-left: 10px;
    min-width: 10px;
    max-width: 300px;
    margin-right: 5px;
    margin-left: 5px;
}

.cardtag-titre {
    /*width: 54px;*/
    height: 18px;
    font-family: SourceSansPro-Regular;
    color: #0070b9;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #0070b9;
    margin-right: 10px;
}

.cardtag-plus {
    width: 40px;
}

.cardtag-icon {
    width: 19px;
    height: 19px;
    margin-right: 5px;
}

.card-Bon-Plan {
    border-radius: 1.25rem;
    height: 353px;
    margin: 0 auto 20px;
}

.img-container {
    height: 211px;
    overflow: hidden;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    position: relative;
}

.info-date {
    position: absolute;
    font-size: 14px;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    object-fit: contain;
    border-radius: 8px;
    top: 9%;
    left: 3%;
    color: black;
    height: 32px;
    background-color: white;
}

#modalChallenge h3 {
    font-family: neo-sans-w1g-bold;
}

#modalChallenge .svg-stopwatch {
    width: 20px;
}

.bourseuploaded {
    font-size: 18px;
    color: #1b1464;
    font-family: SourceSansPro-SemiBold;
    display: flex;
    justify-content: center;
}
.center-element {
    display: flex;
    align-content: center;
    justify-content: center;
}
.hideperso {
    display: none;
}

#showHidePassword {
    position: absolute;
    top: 35px;
    right: 10px;
    padding: 15px;
    cursor: pointer;
}

#showHidePassword button {
    background-color: transparent;
    border: none;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

.bloc-info-don-ordi {
    border-radius: 7px 7px 0 0;
    background: #f0f5fa;
}

.bloc-infosFiscales {
    border-radius: 7px;
    background: #f0f5fa;
}

.bloc-creation-demande-don-ordi {
    border-radius: 7px;
    background: #F9F9F9;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.bloc-resultats-infosFiscales {
    border-radius: 0 0 7px 7px;
    background: #0070B9;
    color: #FFFFFF;
    padding: 20px;
}

.bloc-creation-demande-don-ordi .radio-college input[type="radio"] {
    visibility: visible;
    z-index: -1;
}

.bloc-creation-demande-don-ordi .radio-college input[type="radio"] + label::before {
    left: -16px;
}

.bloc-creation-demande-don-ordi .radio-college input[type="radio"]:focus + label::before {
    outline: 2px solid #1B1464;
    outline-offset: 2px;
}

.child-selection label:has(input:focus) {
    outline: 2px solid #1B1464;
}

/*input radio sélection enfant gestion ordinateur*/
.child-selection label {
    padding: 20px;
    border: 1px solid #C8CACE;
    color: #6F7277;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: all;
    transition-duration: 0.25s;
    background-color: #FFFFFF;
}

.child-selection label:has(input:checked) {
    border: 1px solid #1B1464;
    color: #1B1464;
}

.child-selection label:has(input:disabled) {
    cursor: not-allowed;
    transform: none;
    background-color: #F2F2F2;
    border: 1px solid #F9F9F9;
}

.child-selection label:has(input:checked)::before {
    content: "\2713";
    background-color: #1B1464;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    position: absolute;
    right: 36px;
    top: 23px;
    color: #FFFFFF;
    font-size: 13px;
    text-align: center;
}

.child-selection input {
    position: absolute;
    z-index: -1;
}

#section-infosFiscales, #section-avisImpo, #section-autresDoc, #section-justifBourse {
    margin-left: 30px;
    position: relative;
}

#AvecAPIParticulier, #AvecAvisImposition, #SansAvisImposition, #Bourse {
    position: relative;
}

.radio-college::before {
    width: 2px;
    background-color: #1B1464;
    position: absolute;
    top: 7px;
    left: 7px;
    border-radius: 100px;
    height: calc(100% - 7px);
}

.radio-college:has(input[type="radio"]:checked)::before {
    content: '';
}

#infosFiscales_PageOrdiJustifsOK, #avisImpo_PageOrdiJustifsOK, #autresDoc_PageOrdiJustifsOK, #justifBourse_PageOrdiJustifsOK {
    margin-left: 30px;
}

#section-infosFiscales .custom-checkbox input[type="checkbox"] {
    display: block;
    position: absolute;
    z-index: -1;
}

#section-infosFiscales .custom-checkbox input[type="checkbox"]:focus + label::before {
    outline: 2px solid #1B1464;
    outline-offset: 2px;
}

#section-infosFiscales .custom-checkbox input[type="checkbox"] + label .btn-link {
    background-color: transparent;
    border: 0;
}

#section-infosFiscales .custom-checkbox label .btn-link:focus {
    outline: 2px solid #1B1464;
    outline-offset: 2px;
}