/******************************************** HEADER / TITRE PAGE / LOGO **********************************************/
h1.home {
    width: 100%;
    padding: 0 65px;
    margin: 0 !important;
}

h1.home span.bullet {
    border: 1px solid #FFF;
    background: transparent;
    position: relative;
    top: -6px;
}

header.container .lienlogo {
    position: relative;
    z-index: 10;
}

header.container .lienlogo img.logo {
    position: absolute !important;
    width: auto !important;
    height: 100% !important;
    margin: 0 !important;
    float: none;
    right: 0;
    top: 0;
}

header.container .lienlogo img.logo:first-child {
    display: none !important;
}

@media screen and (min-width: 1200px) {
    h1.home { font-size: 19px; }
}

/************************************************** ACCUEIL CONNEXION *************************************************/
main.nonconnecte h1.home { padding: 0 85px; }

main.nonconnecte h1.home:before {
    content: 'Bienvenue sur le portail du Conservatoire de la Ville de Chartres';
    margin: auto;
}

main.nonconnecte h1.hc_titre_index {
    visibility: hidden;
    position: relative;
}

main.nonconnecte h1.hc_titre_index:before {
    content: 'Veuillez choisir votre acc\00E8s';
    position: absolute;
    visibility: visible;
    width: 100%;
    left: 0;
}

main.nonconnecte h1.home div {
    display: none !important;
}

@media screen and (min-width: 1200px) {
    main.nonconnecte h1.home:before {
        font-size: 19px;
    }
}

/*********************************************** COULEURS FOND CADRES *************************************************/
h1.home,
a.tab_fermer,
header.container,
footer .barrefooter,
.dataTable tbody tr:hover,
.dataTable tbody tr.selected,
.dataTables_wrapper thead tr,
.picker-switch, .accordion-toggle,
.stepper-item.termine .step-counter,
.card .card-header, .card .card-header *,
.card .card-body .btn-basic:not(:disabled):hover {
    background: rgb(49, 73, 119) !important;
    color: #FFF !important;
    fill: #FFF !important;
}

/********************************************** COULEURS BOUTONS ACTIONS **********************************************/
[class^="btn-"]:not(.btn-fleche),
a[class^="btn-"]:not(.btn-fleche),
button[class^="btn-"]:not(.btn-fleche),
[class^="usager_fiche_"] [class^="btn-"],
[class^="btn-"]:hover:not(.btn-fleche),
a[class^="btn-"]:hover:not(.btn-fleche),
button[class^="btn-"]:hover:not(.btn-fleche),
[class^="usager_fiche_"] [class^="btn-"]:hover,
.dataTables_wrapper tbody tr:hover {
    border: 1px solid transparent !important;
    background-color: rgb(245, 185, 88) !important;
    color: rgb(49, 73, 119) !important;
}

[class^="btn-"]:hover:not(.btn-fleche),
a[class^="btn-"]:hover:not(.btn-fleche),
button[class^="btn-"]:hover:not(.btn-fleche),
[class^="usager_fiche_"] [class^="btn-"]:hover {
    border-color: rgb(49, 73, 119) !important;
}

/******************************************** COULEURS BOUTONS SOUS-MENUS **********************************************/
[id^="sousmenu"] button.btn-basic {
    background: rgb(49, 73, 119) !important;
    color: #FFF !important;
    padding: 10px 20px;
    margin: 10px 20px;
    width: 180px;
}

[id^="sousmenu"] button.btn-basic:hover,
[id^="sousmenu"] button.btn-basic-active,
[id^="sousmenu"] button.btn-basic-active:hover {
    background: #FFF !important;
    border-color: #FFF !important;
    color: rgb(49, 73, 119) !important;
    padding: 10px 20px;
    margin: 10px 20px;
    width: 180px;
}

/******************************************* COULEURS BOUTONS GÉNÉRIQUES **********************************************/
a, a.lien, .fcolor, button,
nav.navbar div ul li span:hover,
nav.navbar div ul li span.actif,
.titre h2, .titre h3, .titre_center h2,
.container.preinscription_fiche .jumbotron a,
.skippy ul li a:hover, .skippy ul li a:focus,
.titre_eval, .evaluation .titreeval, .evaluation .titrecritere {
    color: rgb(49, 73, 119) !important;
}

.stepper-item .step-counter { background: rgb(242, 242, 242) !important; }

#cookieChoiceInfo {
    color:#000 !important;
    background-color: rgb(242, 242, 242) !important;
    padding: 15px !important;
}
#cookieChoiceDismiss {
    color:#000 !important;
}

/******************************************** COULEURS BORDURES CADRES ************************************************/
.lessites label,
.bord, .aide, .card,
.card .card-body .btn-basic {
    border-color: rgb(49, 73, 119) !important;
}

.sep, .sepeval, .sep_note,
.stepper-item.termine:not(.active)::after {
    border-bottom: 1px solid rgb(49, 73, 119);
}

.loader { border-top-color: rgb(49, 73, 119) !important; }
.evaluationbloc { border-left-color: rgb(49, 73, 119) !important; }
.dataTables_wrapper thead tr { border-right-color: rgb(49, 73, 119) !important; }

.champs_mail,
.stepper-item::after,
.stepper-item::before,
.dataTable tbody tr.odd,
.dataTable tbody tr td,
.dataTables_wrapper thead tr td,
.contentPlus, .contentMoins,
.timepicker-hour, .timepicker-minute {
    border-color: rgb(242, 242, 242) !important;
}

/*********************************************** REDIMENSIONNEMENTS ***************************************************/
nav.navbar { margin-top: 20px; }
.btn-connexion, .btn-index { width: 100%; }
div.accueil_prenom { margin-bottom: 0 !important; }
div.accueil_prenom + main .jumbotron { padding-top: 0 !important; }

@media screen and (min-width: 1200px) {
    .hc_contenu div { min-width: 450px !important; }
    .hc_contenu div label { margin-left: calc(20% - 50px) !important; }
    .hc_contenu div svg { right: calc(20% - 45px) !important; }
    .hc_contenu select,  .hc_contenu input, .motdepasse input {
        min-width: 60% !important;
        max-width: 60% !important;
    }
}