@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-Black.ttf');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-BlackItalic.ttf');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-ExtraBold.ttf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-ExtraBoldItalic.ttf');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-ExtraLight.ttf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-ExtraLightItalic.ttf');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-Italic.ttf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-Light.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-MediumItalic.ttf');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-SemiBoldItalic.ttf');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-Thin.ttf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url('../fonts/Poppins-ThinItalic.ttf');
    font-weight: 100;
    font-style: italic;
}

:root {
    --main-color: #047CC4;
    --main-dark-color: #067BC1;
    --main-light-color: #5787AD;
    --second-color: #D7A920;
    --third-color: #8F6192;
    --footer-bg-color: #15181F;
    --shadow: #CCC;
}

body .cygnus header .header .myDijonSSO.account, body .cygnus header .header .myDijonSSO button, body .cygnus header .header .div-notif {
    background-color: #067bc1;
    background-color: var(--main-dark-color);
    font-family: 'Poppins';
}

.quetigny body,
.quetigny .vdd-form,
.quetigny header .header #menu li a,
.quetigny .titre-teleservice,
.quetigny .dijon-content .vdd-form.murteleserviceswpc,
.quetigny .dijon-content .vdd-form.murteleserviceswpc li li .ts-,
.quetigny .dijon-content .vdd-form.murteleserviceswpc li li .ts-descr,
.quetigny .class_group_home label,
.quetigny .class_group_intern label,
.quetigny .class_group_home,
.quetigny .class_group_intern p,
.quetigny .class_group_intern .form-horizontal .form-group.required label:not(.custom-radio):not(.custom-checkbox)::after,
.quetigny .cygnus .vdd-form .form-group .form-entry > .control,
.quetigny .cygnus .vdd-form.identitydocumentwpc .message.reason,
.quetigny .cygnus .vdd-form.priserdvwpc .message.reason,
.quetigny .class_group_home input,
.quetigny .class_group_intern input,
html body.class_group_intern .vdd-base-button,
.quetigny .cygnus .vdd-form .citizen-request .request-menu li
.quetigny .cygnus .vdd-form .citizen-request .request-menu li.active,
.quetigny .cygnus .vdd-form .citizen-request .request-list li.li-active span
.quetigny .cygnus .vdd-form .citizen-request .request-menu li:hover {
    font-family: 'Poppins';
    font-weight: normal;
}

    .quetigny .dijon-content .vdd-form.murteleserviceswpc .ts-title,
    .quetigny .dijon-content .vdd-form.murteleserviceswpc .menu-thematique li.active,
    .quetigny .dijon-content .vdd-form.murteleserviceswpc .menu-thematique {
        font-family: 'Poppins';
        font-weight: 500;
    }

.quetigny .vdd-form, .class_group_home label,
.quetigny .class_group_intern label,
.quetigny .textbox.editable input,
.quetigny .integerbox.editable input,
.quetigny .form-entry .datebox.editable,
.quetigny .form-entry .timebox.editable,
.quetigny .form-entry .datetimebox.editable,
.quetigny .realbox.editable input,
.quetigny .form-entry .control .ui-autocomplete-input,
.quetigny .textbox.editable input,
.quetigny .integerbox.editable input,
.quetigny .form-entry .datebox.editable,
.quetigny .form-entry .timebox.editable,
.quetigny .form-entry .datetimebox.editable,
.quetigny .realbox.editable input,
.quetigny .form-entry .control .ui-autocomplete-input,
.quetigny .form-entry.invalid > .error, .onetomanycontrol.invalid > .error,
.quetigny .form-entry .control textarea,
.quetigny .form-entry .control select,
.quetigny .form-entry .control .ui-autocomplete-input,
.quetigny .form-entry .control .custom-combobox-toggle,
.quetigny .form-entry .control textarea, 
.quetigny .form-entry .control select, 
.quetigny .form-entry .control .ui-autocomplete-input, 
.quetigny .form-entry .control .custom-combobox-toggle {
    font-weight: normal;
}

.quetigny .form-entry .checkboxview input:checked + label:after {
    border-color: #047CC4;
    border-color: var(--main-color);
}

.quetigny .cygnus legend:after {
    content: '';
    background-color: #777 !important;
    height: 1px;
    width: 50%;
    display: block;
    margin-top: 2px;
    z-index: 5;
}

.quetigny .wrapper.with-time .title {
    margin: 0 250px 0 0;
    text-align: left;
}

.quetigny .form-entry .invalid .error {
    background-color: #D7A920;
    background-color: var(--second-color);
    font-weight: normal;
}

.quetigny .sidy__content main#skipToContent .dijon-content, .quetigny .cygnus .sidy__content {
    background: white;
}

.quetigny .eserviceheader span.title:after {
    content: '';
    background-color: #5787AD;
    background-color: var(--main-light-color);
    height: 3px;
    width: 80px;
    display: block;
    margin: 8px 2px;
}

.quetigny .wrapper.with-time .time {
    color: #5787AD;
    color: var(--main-light-color);
    margin-top: 6px;
    background-size: contain;
    background-position: right;
}

#cnil_banner_consent {
    background-color: #5787AD;
    background-color: var(--main-light-color);
}

#cnil_banner_consent .close {
    background-color: #067bc1;
    background-color: var(--main-dark-color);
}

#cnil_banner_consent .close:after {
    background-color: #067bc1;
    background-color: var(--main-dark-color);
}


.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    background: #047cc4;
    background: var(--main-color);
    color: white;
    box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px var(--shadow);
}

.ui-menu .ui-menu-item a.ui-state-active {
    border: 1px solid #047cc4;
    border: 1px solid var(--main-color);
}

.form-group-content .form-entry.current > .textbox input,
.form-group-content .form-entry.current > .integerbox input,
.form-group-content .form-entry.current > .realbox input,
.form-group-content .form-entry.current > .longtextbox textarea,
.form-group-content .form-entry.current > .combobox .custom-combobox,
.form-group-content .form-entry.current > .combobox select,
.form-group-content .form-entry.current > .datebox,
.form-group-content .form-entry.current > .timebox,
.form-group-content .form-entry.current > .datetimebox,
.form-group-content .form-entry.otm-row.current > td > .textbox.editable input,
.form-group-content .form-entry.otm-row.current > td > .longtextbox textarea,
.form-group-content .form-entry.otm-row.current > td > .datebox,
.form-group-content .form-entry.otm-row.current > td > .timebox,
.form-group-content .form-entry.otm-row.current > td > .datetimebox,
.form-group-content .form-entry.otm-row.current > td > .combobox .custom-combobox,
.form-group-content .form-entry.otm-row.current > td > .combobox select {
    border-color: #047cc4;
    border-color: var(--main-color);
    box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px var(--shadow);
}

.form-entry.current > .textbox input,
.form-entry.current > .integerbox input,
.form-entry.current > .realbox input,
.form-entry.current > .longtextbox textarea,
.form-entry.current > .combobox .custom-combobox,
.form-entry.current > .combobox select,
.form-entry.current > .datebox,
.form-entry.current > .timebox,
.form-entry.current > .datetimebox,
.form-entry.otm-row.current > td > .textbox.editable input,
.form-entry.otm-row.current > td > .longtextbox textarea,
.form-entry.otm-row.current > td > .datebox,
.form-entry.otm-row.current > td > .timebox,
.form-entry.otm-row.current > td > .datetimebox,
.form-entry.otm-row.current > td > .combobox .custom-combobox,
.form-entry.otm-row.current > td > .combobox select {
    border-color: #047cc4;
    border-color: var(--main-color);
    box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px var(--shadow);
}

.quetigny .form-entry .checkboxview input:checked + label:before {
    border-color: #047cc4;
    border-color: var(--main-color);
}

.form-group-content .form-entry .control.checkboxview input:checked + label::after {
    border-color: #047cc4;
    border-color: var(--main-color);
}

.form-entry .required {
    color: #047cc4;
    color: var(--main-color);
}

#waiting-overlay #loader.loader span {
    background-color: #0b6ba8;
}

/*mes demandes*/
.cygnus .vdd-form.demandes-citoyen .citizen-request .request-menu li.active {
    background-color: #d7a920 !important;
    background-color: var(--second-color) !important;
}

.cygnus .vdd-form.demandes-citoyen .citizen-request .request-menu li.hover {
    background-color: #d7a920 !important;
    background-color: var(--second-color) !important;
}

.cygnus .vdd-form.demandes-citoyen .citizen-request .request-list li .ts-descr .title::before {
    background-color: #5787ad;
    background-color: var(--main-light-color);
}

.cygnus .vdd-form.demandes-citoyen .citizen-request .request-list li .ts-descr .title::after {
    border-color: #5787ad;
    border-color: var(--main-light-color);
}

.cygnus .vdd-form.demandes-citoyen .citizen-request .request-list li {
    border-bottom: solid 5px #5787ad;
    border-bottom: solid 5px var(--main-light-color);
}

    .cygnus .vdd-form.demandes-citoyen .citizen-request .request-list li .srv-item {
        background: -webkit-linear-gradient(135deg, #047cc4 0%, #5787AD 100%);
        background: -webkit-linear-gradient(135deg, var(--main-color) 0%, var(--main-light-color) 100%);
    }

    .cygnus .vdd-form.demandes-citoyen .citizen-request .request-list li .ts-button a {
        background-color: #5787ad;
        background-color: var(--main-light-color);
    }

.cygnus .dijon-content .vdd-form .form-group .form-group-helper {
    background-color: #8F6192 !important;
    background-color: var(--third-color) !important;
    font-weight: normal;
}

.dijon-content .vdd-form .form-group .form-group-helper::before {
    border-right: 7px solid #8F6192;
    border-right: 7px solid var(--third-color);
    font-weight: normal;
}

/*MAIN CONTENT*/
.cygnus main #skipToContent,
.cygnus .dijon-content .vdd-form {
    background: #fff;
}

nav.sidy__panel {
    background: #fff;
}

main#skipToContent .dijon-content {
    background: inherit;
    box-shadow: none;
}

.dijon-content .vdd-form.connexionwpc .bandeau {
    background: white;
    box-shadow: none;
}

.dijon-content .connexionwpc .authentification .footer input {
    background-color: #047cc4;
    background-color: var(--main-color);
}

.connexionwpc .authentification .footer input {
    background: #047cc4;
    background: var(--main-color);
}

.dijon-content .connexionwpc .authentification .header::after,
.dijon-content .connexionwpc .creation-compte .header::after {
    background-color: #d7a920 !important;
    background-color: var(--second-color) !important;
}

.dijon-content .connexionwpc .creation-compte a {
    border-color: #047cc4;
    border-color: var(--main-color);
}

.dijon-content .eserviceheader span.title::after {
    background-color: #d7a920;
    background-color: var(--second-color);
}

.dijon-content .vdd-form .menu a.active, div.header-menu a.active,
.dijon-content .vdd-form .topnavigationmenu a.active {
    background: #d7a920;
    background: var(--second-color);
    border-bottom: solid 2px #d7a920;
    border-bottom: solid 2px var(--second-color);
}

.cygnus .dijon-content legend::after {
    background-color: #d7a920 !important;
    background-color: var(--second-color) !important;
}

.main-content.summary-content h2 {
    background-color: #067bc1;
    background-color: var(--main-dark-color);
    border-color: #067bc1;
    border-color: var(--main-dark-color);
}

.summary .group .collapsable {
    border-color: #067bc1;
    border-color: var(--main-dark-color);
}

.summary .form-entry > label {
    color: #067bc1;
    color: var(--main-dark-color);
}

.class_group_intern #ui-datepicker-div .ui-state-default:hover {
    background: #d7a920;
    background: var(--second-color);
}

.cygnus .dijon-content .form-entry span.availability {
    background-color: #8f6192 !important;
    background-color: var(--third-color) !important;
}

    .cygnus .dijon-content .form-entry span.availability::before {
        border-right: 7px solid #8f6192;
        border-right: 7px solid var(--third-color);
    }

.dijon-content .form-entry .radiobuttonview td input:checked + label::before {
    border: 1px solid #067bc1;
    border: 1px solid var(--main-dark-color);
}

.dijon-content .form-entry .radiobuttonview td input:checked + label::after {
    background-color: #067bc1;
    background-color: var(--main-dark-color);
}

.cygnus .dijon-content .form-entry .diarycontrol.control .filter-radio-calendar span.line label:hover {
    color: #067bc1;
    color: var(--main-dark-color);
}

.cygnus .dijon-content .form-entry .diarycontrol.control .filter-radio-calendar .current-month::after {
    background-color: #d7a920 !important;
    background-color: var(--second-color) !important;
}

.wrapper.with-time span.time {
    color: #d7a920;
    color: var(--second-color);
    margin-top: 6px;
    background: url("../images/time-background-gold.svg") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: contain;
    background-position: right;
}

.class_group_intern .dijon-content .form-entry .ui-state-default:hover,
.class_group_intern .dijon-content .form-entry .ui-state-default:active,
.class_group_intern .dijon-content .ui-state-default:focus {
    border-color: #047cc4;
    border-color: var(--main-color);
}

.dijon-content .vdd-form .message .note {
    border-color: #D7A920;
    border-color: var(--second-color);
    background-color: #D7A920;
    background-color: var(--second-color);
}

.cygnus .dijon-content .form-entry .diarycontrol.control .filter-radio-calendar span.line input[type="radio"]:checked + label {
    background-color: #047cc4;
    background-color: var(--main-color);
}

#share .title, .class_group_intern h3, .class_group_intern .fake-h3,
.class_group_intern h4, .class_group_intern .fake-h4 {
    color: #067bc1;
    color: var(--main-dark-color);
}

.class_group_intern .grid-list-recherche a:hover, .class_group_intern .grid-list-annuaire a:hover, .class_group_intern .grid-list-agenda a:hover, .class_group_intern .grid-list-recherche a:focus, .class_group_intern .grid-list-annuaire a:focus, .class_group_intern .grid-list-agenda a:focus, .class_group_intern .grid-list-recherche a:active, .class_group_intern .grid-list-annuaire a:active, .class_group_intern .grid-list-agenda a:active {
    background-color: #067bc1;
    background-color: var(--main-dark-color);
}

.class_group_intern .grid-list-recherche .grid-item-visu:before, .class_group_intern .grid-list-annuaire .grid-item-visu:before, .class_group_intern .grid-list-agenda .grid-item-visu:before {
    background-color: rgba(4, 124, 196, 0.65);
}

.dijon-content .wrapper.with-time .title {
    border-right: 2px solid #d7a920;
    border-right: 2px solid var(--second-color);
}

.class_group_intern .control.simpleadressbox .codepostalville .control ul a:hover {
    background-color: #047cc4;
    background-color: var(--main-color);
}

.root-quetigny .eserviceheader {
    height: 100px;
}

.cygnus .root-quetigny .connect .connect-body .error {
    background-color: #8f6192;
    background-color: var(--third-color);
}

.step div.active {
    background: #d7a920;
    background: var(--second-color);
}

.quetigny .cygnus .vdd-form.identitydocumentwpc .message.reason::before,
.quetigny .cygnus .vdd-form.priserdvwpc .message.reason::before {
    border-bottom: 20px solid #D7A920;
    border-bottom: 20px solid var(--second-color);
}

.root-quetigny .form-entry.invalid > .error, .onetomanycontrol.invalid > .error {
    background: #D7A920;
    background: var(--second-color);
}

.class_group_home a:hover, .class_group_intern a:hover, .class_group_home a:active, .class_group_intern a:active, .class_group_home a:focus, .class_group_intern a:focus {
    color: #D7A920;
    color: var(--second-color);
}

.searchcontrolset .consultationcontrol a {
    color: #fff
}

.root-quetigny .authentification .invalid .error {
    background-color: #D7A920;
    background-color: var(--second-color);
}

html body.class_group_intern .vdd-base-button input {
    background-color: #047CC4;
    background-color: var(--main-color);
    color: #fff;
}

html body.class_group_intern .vdd-base-button {
    border-radius: 5px;
    border: solid 1px #047CC4;
    border: solid 1px var(--main-color);
    background-color: #047CC4;
    background-color: var(--main-color);
}

    html body.class_group_intern .vdd-base-button:hover, 
    html body.class_group_intern .vdd-base-button:active, 
    html body.class_group_intern .vdd-base-button:focus {
        background-color: #5787AD;
        background-color: var(--main-light-color);
        border-radius: 5px;
        border: solid 1px #5787AD;
        border: solid 1px var(--main-light-color);
    }

    html body.class_group_intern .vdd-base-button input:hover {
        color: #fff;
        background-color: #5787AD;
        background-color: var(--main-light-color);
    }

.cygnus .vdd-form .citizen-request .request-menu li:hover {
    border-bottom: solid 2px #D7A920;
    border-bottom: solid 2px var(--second-color);
}

.pagination .pagin-prev .btn-dark,
.pagination .pagin-next .btn-dark,
.class_group_intern .yosemite-rte .media .media-header .btn-dark,
.class_group_intern .yosemite-rte #crossreading .gold .btn-dark,
.class_group_intern .form-horizontal .btn-dark,
.class_group_intern .form-horizontal .btn-submit,
.class_group_home .btn-dark {
    background-color: #047CC4;
    background-color: var(--main-color);
    font-family: 'Poppins';
    border-radius: 5px; border: solid 1px #047CC4;
    border: solid 1px var(--main-color);
}

.searchcontrolset .consultationcontrol .col.col-head a {
    color: black;
}

.quetigny .ms-rtestate-field {
    padding: 100px;
    font-family: 'Poppins';
}


    .quetigny .ms-rtestate-field span {
        font-family: 'Poppins';
    }