/*Définition des variables de ce fichier CSS*/
:root {
    --primaire_defaut    : #193150;
    --secondaire_defaut  : #2457C5;
    --tertiaire_defaut   : #ff6658;
    --bleu_clair         : #E4ECFF;
    --fond_defaut        : white;
    --arrondi_defaut     : 0px;
    --arronditab_defaut  : 0;
    --arrondi_haut_defaut: 0px 0px 0px 0px;
    --arrondi_bas_defaut : 0px 0px 0px 0px;
}

/*@font-face {
    font-family: "Poppins";
    src        : url("/resources/fonts/poppins/poppins-regular.ttf");
}*/

/*Pour que, si la mise en page est sur Defaut, le contenu de la page prenne toute la largeur*/
:is(.dp-default-manager-index,
    .dp-default-user-account,
    .dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-menu,
    .dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-tag-colors,
    .dp-default-user-menu,
    .dp-default-user-add,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-default-profile-add,
    .dp-default-profile-edit,
    .dp-default-user-settings,
    .dp-events-Event-menu,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-menu,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-menu,
    .dp-default-newsletter-index,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-newsletter-send,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report,
    .dp-default-statistics-report,
    .dp-default-auth-edit,
    .dp-default-form-index,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-list-record,
    .dp-default-form-node,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-index,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-default-sitemap-index,
    .dp-watchdog-admin-index,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-index,
    .dp-default-about-about,
    .dp-default-about-contact,
    .dp-default-help-index,
    .dp-opac-subscriber-index,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subscriber-oidc,
    .dp-opac-subdomain-index,
    .dp-opac-subdomain-edit,
    .dp-opac-admin-index,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-search-also-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) :is(#page.container, #page.container-fluid .row > .col-md-8) {
	width: 100vw;
	padding: 0;
}

/*Pour que le contenu de la page ne soit pas collé aux bords de l'écran quand on choisit la mise en page Aucune marge (iFrame)*/
:is(.dp-default-manager-index,
    .dp-default-user-account,
    .dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-menu,
    .dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-tag-colors,
    .dp-default-user-menu,
    .dp-default-user-add,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-default-profile-add,
    .dp-default-profile-edit,
    .dp-default-user-settings,
    .dp-events-Event-menu,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-menu,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-menu,
    .dp-default-newsletter-index,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-newsletter-send,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report,
    .dp-default-statistics-report,
    .dp-default-auth-edit,
    .dp-default-form-index,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-list-record,
    .dp-default-form-node,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-index,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-default-sitemap-index,
    .dp-watchdog-admin-index,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-index,
    .dp-default-about-about,
    .dp-default-about-contact,
    .dp-default-help-index,
    .dp-opac-subscriber-index,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subscriber-oidc,
    .dp-opac-subdomain-index,
    .dp-opac-subdomain-edit,
    .dp-opac-admin-index,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-search-also-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) #page.container-fluid:not(#page.container-fluid:has(.row.mx-5.mt-5)) {
	margin-inline: 4.5rem;
}

/*Pour que le contenu de la page ne soit pas collé aux bords de l'écran quand on choisit la mise en page Doubles colonnes*/
:is(.dp-default-manager-index,
    .dp-default-user-account,
    .dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-menu,
    .dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-tag-colors,
    .dp-default-user-menu,
    .dp-default-user-add,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-default-profile-add,
    .dp-default-profile-edit,
    .dp-default-user-settings,
    .dp-events-Event-menu,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-menu,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-menu,
    .dp-default-newsletter-index,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-newsletter-send,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report,
    .dp-default-statistics-report,
    .dp-default-auth-edit,
    .dp-default-form-index,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-list-record,
    .dp-default-form-node,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-index,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-default-sitemap-index,
    .dp-watchdog-admin-index,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-index,
    .dp-default-about-about,
    .dp-default-about-contact,
    .dp-default-help-index,
    .dp-opac-subscriber-index,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subscriber-oidc,
    .dp-opac-subdomain-index,
    .dp-opac-subdomain-edit,
    .dp-opac-admin-index,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-search-also-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) #page.container-fluid .row > .col-md-8 {
	padding-inline: 1.5rem;
}

:is(.dp-default-manager-index,
    .dp-default-user-account,
    .dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-menu,
    .dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-tag-colors,
    .dp-default-user-menu,
    .dp-default-user-add,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-default-profile-add,
    .dp-default-profile-edit,
    .dp-default-user-settings,
    .dp-events-Event-menu,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-menu,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-menu,
    .dp-default-newsletter-index,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-newsletter-send,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report,
    .dp-default-statistics-report,
    .dp-default-auth-edit,
    .dp-default-form-index,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-list-record,
    .dp-default-form-node,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-index,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-default-sitemap-index,
    .dp-watchdog-admin-index,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-index,
    .dp-default-about-about,
    .dp-default-about-contact,
    .dp-default-help-index,
    .dp-opac-subscriber-index,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subscriber-oidc,
    .dp-opac-subdomain-index,
    .dp-opac-subdomain-edit,
    .dp-opac-admin-index,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-search-also-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) :is(#page-content-wrapper, #page) {
    background-color: var(--fond_defaut);
}

:is(.dp-default-manager-index,
    .dp-default-user-account,
    .dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-menu,
    .dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-tag-colors,
    .dp-default-user-menu,
    .dp-default-user-add,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-default-profile-add,
    .dp-default-profile-edit,
    .dp-default-user-settings,
    .dp-events-Event-menu,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-menu,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-menu,
    .dp-default-newsletter-index,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-newsletter-send,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report,
    .dp-default-statistics-report,
    .dp-default-auth-edit,
    .dp-default-form-index,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-list-record,
    .dp-default-form-node,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-index,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-default-sitemap-index,
    .dp-watchdog-admin-index,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-index,
    .dp-default-about-about,
    .dp-default-about-contact,
    .dp-default-help-index,
    .dp-opac-subscriber-index,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subscriber-oidc,
    .dp-opac-subdomain-index,
    .dp-opac-subdomain-edit,
    .dp-opac-admin-index,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-search-also-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-config-additional-setting-edit) :is(body) {
    font-size: 1.7rem;
}

/*Boutons Enregistrer, Valider, Ajouter ...*/
.node-region-body .dt-buttons button:hover,
:is(.dp-default-newsletter-index, .dp-default-form-list-field) .node-region-body .well a.btn:hover,
:is(.dp-default-statistics-report,
    .dp-default-tag-index,
    .dp-default-theme-list) .node-region-body .well :is(form > input, a):hover,
:is(.dp-default-user-edit,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-comment-comment-settings,
    .dp-comment-comment-edit,
    .dp-default-newsletter-settings,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-layout-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-default-about-contact,
    .dp-opac-subdomain-edit,
    .dp-opac-subscriber-oidc,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) #save:hover,
:is(.dp-opac-subscriber-payment) .node-region-body .notSortable.ui-sortable-handle td:last-child form #save:hover,
:is(.dp-default-user-unregister,
    .dp-default-user-changepassword) #send:hover,
:is(.dp-default-user-add,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-profile-add,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-theme-add) #validate:hover,
:is(.dp-opac-connector-edit) .node-region-body form.form-vertical>.form-group button.btn.btn-success:hover,
:is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit .form-group button:hover,
:is(.dp-default-user-index,
    .dp-default-profile-index) .node-region-body .well> :is(.btn-primary):hover,
:is(.dp-comment-comment-settings, .dp-events-Event-suivi) .node-region-body :is(.btn-primary):hover,
.modal-footer .btn.btn-primary:hover {
    -webkit-box-shadow: inset 0px 0px 0px 2px var(--primaire_defaut);
    -moz-box-shadow   : inset 0px 0px 0px 2px var(--primaire_defaut);
    box-shadow        : inset 0px 0px 0px 2px var(--primaire_defaut);
    color             : var(--primaire_defaut) !important;
    background-color  : white !important;
}

:is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit .form-group button:hover i.fa,
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-user-index,
    .dp-default-profile-add,
    .dp-default-profile-index,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-index,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report:not(:has(.list-group.lead)),
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-form-node,
    .dp-default-form-list-record,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-about,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-payment,
    .dp-opac-subscriber-oidc,
    .dp-default-about-contact,
    .dp-opac-subdomain-index,
    .dp-opac-subdomain-edit,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit) .btn-primary:hover .fa {
    color: var(--primaire_defaut) !important;
}

/*Bouton Annuler*/
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-user-index,
    .dp-default-profile-add,
    .dp-default-profile-index,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-index,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report:not(:has(.list-group.lead)),
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-form-node,
    .dp-default-form-list-record,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-about,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-payment,
    .dp-opac-subscriber-oidc,
    .dp-default-about-contact,
    .dp-opac-subdomain-index,
    .dp-opac-subdomain-edit,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) :is(#cancel, .btn-default) {
    -webkit-box-shadow: inset 0px 0px 0px 2px var(--primaire_defaut);
    -moz-box-shadow   : inset 0px 0px 0px 2px var(--primaire_defaut);
    box-shadow        : inset 0px 0px 0px 2px var(--primaire_defaut);
    color             : var(--primaire_defaut);
}

:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-user-index,
    .dp-default-profile-add,
    .dp-default-profile-index,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-index,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report:not(:has(.list-group.lead)),
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-form-node,
    .dp-default-form-list-record,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-about,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-payment,
    .dp-opac-subscriber-oidc,
    .dp-default-about-contact,
    .dp-opac-subdomain-index,
    .dp-opac-subdomain-edit,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) :is(#cancel, .btn-default):hover {
    -webkit-box-shadow: inset 0px 0px 0px 2px var(--primaire_defaut);
    -moz-box-shadow   : inset 0px 0px 0px 2px var(--primaire_defaut);
    box-shadow        : inset 0px 0px 0px 2px var(--primaire_defaut);
    background-color  : var(--primaire_defaut);
    color             : white;
}

/*Graisse des titres de niveau 2*/
.node-region-body.col-md-12:has(.list-group.lead) h2 {
    font-weight: 600;
}

/**/
.node-region-body.col-md-12:has(.list-group.lead)>*:not(.list-group.lead):not( :is(.dp-events-Event-listesuivi) .node-region-body.col-md-12:has(.list-group.lead) > *:not(.list-group.lead)),
.node-region-body.col-md-12 .list-group.lead:has(.list-group-item a i.fa-home):not( :is(.dp-events-Event-listesuivi, .dp-default-form-list-record) .list-group.lead .list-group-item) {
    width: 100%;
}

/*Fait en sorte que les éléments soient alignés*/
.list-group.lead:not( :is(.dp-events-Event-listesuivi, .dp-default-form-list-record, .dp-default.dp-default-node.dp-default-node-content) .list-group.lead,
    :is(.dp-default-theme-edit) .node-region-body #file-tree-viewer .list-group.lead),
:is(.dp-watchdog-admin-index) .node-region-body>ul {
    display        : flex;
    justify-content: start;
    gap            : 1em;
    flex-wrap      : wrap;
}

.list-group.lead:not( :is(.dp-events-Event-listesuivi, .dp-default-form-list-record, .dp-default.dp-default-node.dp-default-node-content) .list-group.lead,
    :is(.dp-default-theme-edit) .node-region-body #file-tree-viewer .list-group.lead),
:is(.dp-watchdog-admin-index) .node-region-body>ul {
    margin-top: 2em;
}

.list-group.lead:not( :is(.dp-default-manager-index,
        .dp-events-Event-listesuivi,
        .dp-default-form-list-record,
        .dp-default.dp-default-node.dp-default-node-content) .list-group.lead,
    :is(.dp-default-theme-edit) .node-region-body #file-tree-viewer .list-group.lead),
:is(.dp-watchdog-admin-index) .node-region-body>ul {
    padding-left: 50px;
}

:is(.dp-default-form-list-record) .list-group.lead,
:is(.dp-default-form-node) .node-region-body :is(.form-summary) {
    padding-inline: 32px;
}

.dp-events-Event-listesuivi .list-group.lead {
    padding-inline: 38px;
}

/*Fait en sorte que, pour chaque bouton, l'icône soit au-dessus du libellé*/
/*Fait en sorte que l'icône et le libellés soient centrés verticalement et horizontalement*/
.list-group.lead .list-group-item a:not( :is(.dp-events-Event-listesuivi,
        .dp-default-form-list-record,
        .dp-default-theme-edit,
        .dp-default.dp-default-node.dp-default-node-content) .list-group.lead .list-group-item a) {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    padding-block  : 30px;
}

.list-group.lead .list-group-item a:not( :is(.dp-events-Event-listesuivi,
        .dp-default-form-list-record,
        .dp-default-theme-edit,
        .dp-default.dp-default-node.dp-default-node-content) .list-group.lead .list-group-item a),
:is(.dp-default-form-node) .node-region-body> :is(h3.pt-5),
:is(.dp-watchdog-admin-index) .node-region-body>ul .list-group-item a {
    text-align: center;
}

:is(.dp-events-Event-listesuivi) .list-group.lead .list-group-item a,
:is(.dp-watchdog-admin-index) .node-region-body>ul .list-group-item {
    display    : flex;
    align-items: center;
}

/*Fait en sorte que chaque bouton occupe l'espace disponible*/
/*Fait en sorte qu'il fasse au maxi/mini 200px de large*/
/*Fait en sorte qu'il fasse 200px de haut*/
.list-group.lead .list-group-item:not( :is(.dp-events-Event-listesuivi,
        .dp-default-form-list-record,
        .dp-default-theme-edit,
        .dp-default.dp-default-node.dp-default-node-content) .list-group.lead .list-group-item),
:is(.dp-watchdog-admin-index) .node-region-body>ul .list-group-item {
    flex         : 1 1 200px;
    height       : 200px;
    border       : none;
    border-radius: var(--arrondi_defaut);
}

/*Couleur des boutons
Copier - Exporter
Valider
onglet actif (pages statistiques)*/
.node-region-body .dt-buttons button:not(:hover, .node-region-body .dt-buttons [class^="dt-button"] div[role="menu"] button),
:is(.dp-default-newsletter-index, .dp-default-form-list-field) .node-region-body .well a.btn:not(:hover),
:is(.dp-default-statistics-report,
    .dp-default-tag-index,
    .dp-default-theme-list) .node-region-body .well :is(form > input, a):not(:hover),
:is(.dp-default-statistics-report:not(:has(.list-group.lead))) .node-region-body :is(.pagination li.active a),
:is(.dp-default-user-edit,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-comment-comment-edit,
    .dp-default-newsletter-settings,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-layout-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-default-about-contact,
    .dp-opac-subscriber-oidc,
    .dp-opac-subdomain-edit,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) #save:not(:hover),
:is(.dp-opac-subscriber-payment) .node-region-body .notSortable.ui-sortable-handle td:last-child form #save:not(:hover),
:is(.dp-default-user-unregister,
    .dp-default-user-changepassword) #send:not(:hover),
:is(.dp-default-user-add,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-profile-add,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-theme-add) #validate:not(:hover),
:is(.dp-opac-connector-edit) .node-region-body form.form-vertical>.form-group button.btn.btn-success:not(:hover),
:is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit .form-group button:not(:hover),
:is(.dp-default-user-index,
    .dp-default-profile-index) .node-region-body .well> :is(.btn-primary):not(:hover),
:is(.dp-comment-comment-settings, .dp-events-Event-suivi) .node-region-body :is(.btn-primary):not(:hover),
.modal-footer .btn.btn-primary:not(:hover) {
    background-color: var(--primaire_defaut) !important;
    color           : white !important;
}

/*Décale sur la droite les boutons
Enregistrer, Annuler et Réinitialiser*/
:is(.dp-default-user-edit,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-comment-comment-edit,
    .dp-default-newsletter-settings,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-layout-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-opac-subdomain-edit,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-default-about-contact) #save,
:is(.dp-default-user-unregister) #send,
:is(.dp-default-user-add,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-profile-add,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-theme-add) #validate {
    margin-left: 1.2em;
}

/*Couleur de l'onglet actif ou au passage de la souris sur la page d'édition d'une page perso*/
:is(.dp-default-theme-edit,
    .dp-default-node-edit,
    .dp-default-node-add) .node-region-body :is(.nav-tabs > li.active > a, .nav-tabs > li > a:hover),
.dp-events-Event-suivi .node-region-body .tab :is(button.active, button:hover) {
    background-color: var(--primaire_defaut) !important;
    color           : white !important;
    border-bottom   : 3px solid var(--primaire_defaut) !important;
}

/*Couleur des boutons
Pour télécharger*/
:is(.dp-default-statistics-report) .node-region-body .well :is(.dropdown-toggle i.fa) {
    color: var(--primaire_defaut) !important;
}

@media (min-width: 1200px) and (max-width: 1920px) {

    /*Fait en sorte que les boutons de la page d'administration*/
    /*ne soient pas plus grand qu'1/8e de la largeur de l'écran sur ordinateur*/
    /*.dp-default-manager*/
    .list-group.lead .list-group-item:not( :is(.dp-events-Event-listesuivi,
            .dp-default-form-list-record,
            .dp-default-theme-edit,
            .dp-default.dp-default-node.dp-default-node-content) .list-group.lead .list-group-item),
    :is(.dp-watchdog-admin-index) .node-region-body>ul .list-group-item {
        max-width: 200px;
    }
}

@media (min-width: 1921px) {

    /*Fait en sorte que les boutons de la page d'administration*/
    /*ne soient pas plus grand qu'1/8e de la largeur de l'écran sur ordinateur*/
    /*.dp-default-manager*/
    .list-group.lead .list-group-item:not( :is(.dp-events-Event-listesuivi,
            .dp-default-form-list-record,
            .dp-default-theme-edit,
            .dp-default.dp-default-node.dp-default-node-content) .list-group.lead .list-group-item),
    :is(.dp-watchdog-admin-index) .node-region-body>ul .list-group-item {
        max-width: 205.45px;
    }
}

/*Couleur de fond des boutons 1, 3, 5 ...*/
.list-group.lead li:nth-child(odd):not( :is(.dp-events-Event-listesuivi,
        .dp-default-form-list-record,
        .dp-default-theme-edit,
        .dp-default.dp-default-node.dp-default-node-content) .list-group.lead .list-group-item),
:is(.dp-watchdog-admin-index) .node-region-body>ul .list-group-item:nth-child(odd) {
    background-color: var(--primaire_defaut);
}

/*Couleur de fond des boutons 2, 4, 6 ...*/
.list-group.lead li:nth-child(even):not( :is(.dp-events-Event-listesuivi,
        .dp-default-form-list-record,
        .dp-default-theme-edit,
        .dp-default.dp-default-node.dp-default-node-content) .list-group.lead .list-group-item),
:is(.dp-watchdog-admin-index) .node-region-body>ul .list-group-item:nth-child(even) {
    background-color: var(--secondaire_defaut);
}

/*Couleur des libellés et des icônes des boutons*/
#page-content-wrapper #page .list-group.lead li :is(i.fa:before, a):not( :is(.dp-events-Event-listesuivi,
        .dp-default-form-list-record,
        .dp-default-theme-edit,
        .dp-default.dp-default-node.dp-default-node-content) #page-content-wrapper #page .list-group.lead li :is(i.fa:before, a)),
:is(.dp-watchdog-admin-index) .node-region-body>ul .list-group-item :is(i.fa:before, a) {
    color    : white !important;
    font-size: 20px;
}

/*Marge sous l'icône des boutons*/
/*Taille de l'icône des boutons*/
.list-group.lead li a i:not( :is(.dp-events-Event-listesuivi,
        .dp-default-form-list-record,
        .dp-default-theme-edit,
        .dp-default.dp-default-node.dp-default-node-content) .list-group.lead li a i),
:is(.dp-watchdog-admin-index) .node-region-body>ul .list-group-item a i {
    margin-bottom: 0.6em;
    font-size    : 2em;
}

/*Interligne des libellés de boutons*/
.list-group.lead li a {
    line-height: 1.2;
}

/*Sur la page d'index des logs (où on accède aux 3 logs),
place les icônes au-dessus des libellés*/
:is(.dp-watchdog-admin-index) .node-region-body>ul .list-group-item a {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    width         : 100%;
}

/*Effet de zoom au passage de la souris sur les boutons*/
.list-group.lead li:hover:not( :is(.dp-events-Event-listesuivi,
        .dp-default-form-list-record,
        .dp-default-theme-edit,
        .dp-default.dp-default-node.dp-default-node-content) .list-group.lead li),
:is(.dp-watchdog-admin-index) .node-region-body>ul .list-group-item:hover {
    transform : scale(1.05);
    transition: 0.2s ease-in;
}

@media (min-width: 1200px) {

    /*Quand il y a 2 éléments sur la même ligne (ex : 2 champs) */
    :is(.dp-default-user-edit,
        .dp-default-user-add,
        .dp-default-tag-add,
        .dp-default-tag-edit,
        .dp-default-profile-add,
        .dp-comment-comment-edit,
        .dp-default-about-contact,
        .dp-opac-subdomain-edit) .node-region-body .form-vertical .form-group:not( :is(.dp-default-tag-add,
            .dp-default-tag-edit) .form-vertical .form-group:first-child),
    :is(.dp-opac-config-additional-setting-edit) .node-region-body>form.form-vertical> :is(.form-group:nth-child(n+2),
        .form-group:nth-child(23),
        .form-group:nth-child(24),
        .form-group:nth-child(25)):not(:is(.dp-opac-config-additional-setting-edit) .node-region-body > form.form-vertical > :is(.form-group:nth-child(5),
            .form-group:nth-child(10),
            .form-group:nth-child(14),
            .form-group:nth-child(15),
            .form-group:nth-child(16),
            .form-group:nth-child(18),
            .form-group:nth-child(23))),
    :is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit #searchAlsos .checkbox {
        width: calc(50% - 9px);
    }

    /*Quand un champ est seul sur une ligne*/
    :is(.dp-default-tag-add,
        .dp-default-tag-edit) .form-vertical .form-group:first-child input,
    :is(.dp-default-about-contact) .form-vertical .form-group:nth-child(3) input {
        width: calc(50% - 24px);
    }

    :is(.dp-opac-config-additional-setting-edit) .node-region-body>form.form-vertical> :is(.form-group:nth-child(1),
        .form-group:nth-child(5),
        .form-group:nth-child(10),
        /*.form-group:nth-child(13),*/
        .form-group:nth-child(14),
        .form-group:nth-child(15),
        .form-group:nth-child(16),
        /*.form-group:nth-child(17),*/
        .form-group:nth-child(18),
        .form-group:nth-child(19),
        .form-group:nth-child(20),
        .form-group:nth-child(21),
        .form-group:nth-child(23)),
    :is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit #searchAlsos :is(h4, div[id^="accordionSearchAlso"]),
    :is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit #searchAlsos div[id^="accordionSearchAlso"] div[id^="collapseSearchAlso"],
    :is(.dp-opac-subdomain-edit) .node-region-body #subdomain_form_infos .form-group:is( :nth-child(1),
        :nth-child(2),
        :nth-child(3),
        :nth-child(5),
        :nth-child(9),
        :nth-child(14),
        :nth-child(15),
        :nth-child(16),
        :nth-child(17),
        :nth-child(19),
        :nth-child(20),
        :nth-child(22),
        :nth-child(24)) {
        width: 100%;
    }

    :is(.dp-default-user-edit,
        .dp-default-user-add,
        .dp-comment-comment-settings,
        .dp-comment-comment-edit,
        .dp-default-theme-add,
        .dp-default-multilang-index,
        .dp-opac-subscriber-payfipdebugtest,
        .dp-default-about-contact,
        .dp-opac-subdomain-edit,
        .dp-opac-config-additional-setting-edit) .node-region-body form {
        display   : flex;
        flex-wrap : wrap;
        column-gap: 1.2em;
    }

    :is(.dp-default-user-edit,
        .dp-default-user-unregister,
        .dp-default-profile-add,
        .dp-comment-comment-edit,
        .dp-default-theme-add,
        .dp-default-about-contact) .node-region-body form .form-group:has(.checkbox),
    :is(.dp-default-tag-add, .dp-default-tag-edit, .dp-default-theme-add) .form-vertical .form-group:first-child,
    :is(.dp-default-about-contact) .form-vertical .form-group:nth-child(3),
    :is(.dp-default-about-contact) .form-vertical .form-group:nth-child(4) {
        width: 100% !important;
    }

    :is(.dp-opac-subscriber-payfipdebugtest) .form-vertical .form-group:nth-child(5) {
        width: calc(100% - 3em)
    }

    :is(.dp-opac-subscriber-payment) .node-region-body .notSortable.ui-sortable-handle {
        display: flex;
    }

    :is(.dp-opac-subscriber-payment) .node-region-body #tableDragAndDrop thead tr th:first-child,
    :is(.dp-opac-subscriber-payment) .node-region-body .notSortable.ui-sortable-handle td:first-child {
        width: 300px;
    }

    :is(.dp-opac-subscriber-payment) .node-region-body #tableDragAndDrop thead tr th:last-child,
    :is(.dp-opac-subscriber-payment) .node-region-body .notSortable.ui-sortable-handle td:last-child {
        width: 660px;
    }

    :is(.dp-opac-subscriber-payment) .node-region-body .notSortable.ui-sortable-handle td:last-child .form-vertical {
        max-width : 100%;
        display   : flex;
        column-gap: 1em;
    }

    :is(.dp-opac-subscriber-payment) .node-region-body #tableDragAndDrop thead tr {
        display: flex;
    }

    :is(.dp-opac-subscriber-payment) .node-region-body #tableDragAndDrop thead tr th:last-child {
        padding-left: 36px;
    }
}

/*Couleur de fond du formulaire*/
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-user-index,
    .dp-default-profile-add,
    .dp-default-profile-index,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-index,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report:not(:has(.list-group.lead)),
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-form-node,
    .dp-default-form-list-record,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-about,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-payment,
    .dp-opac-subscriber-oidc,
    .dp-default-about-contact,
    .dp-opac-subdomain-index,
    .dp-opac-subdomain-edit,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) .node-region-body :is(h2:not(#ai-modal h2), form, .tet, div:has(table), .well),
:is(.dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist) .node-region-body>.datable-input-group,
:is(.dp-events-Event-listesuivi, .dp-default-form-list-record) .list-group.lead,
:is(.dp-default-statistics-report:not(:has(.list-group.lead))) .node-region-body>.dropdown,
:is(.dp-default-form-node) .node-region-body :is(.form-summary),
:is(.dp-default-form-node) .node-region-body> :is(h3.pt-5),
:is(.dp-default-user-login) .thumbnail,
:is(.dp-default-theme-edit) .node-region-body :is(ul.nav-tabs),
:is(.dp-opac-subscriber-payment) .node-region-body .notSortable.ui-sortable-handle :is(td:first-child, td:last-child),
:is(.dp-opac-subdomain-index) .node-region-body>:is(p, ul),
:is(.dp-opac-facet-edit) .node-region-body> :is(p, strong),
:is(.dp-default-user-index) .node-region-body>nav.text-center,
.dp-events-Event-suivi .node-region-body .stats-event,
:is(.dp-default-node-edit,
    .dp-default-node-add) .node-region-body .tab-content .panel-collapse.collapse.in {
    background-color: var(--bleu_clair);
}

:is(.dp-default-node-edit,
    .dp-default-node-add) .node-region-body .tab-content,
:is(.dp-default-node-edit,
    .dp-default-node-add) :is(.panel) {
    background-color: var(--bleu_clair) !important;
    ;
}

/*Marge interne inférieure*/
:is(.dp-default-user-edit,
    .dp-default-user-unregister,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-user-index,
    .dp-default-profile-add,
    .dp-default-profile-index,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-index,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report:not(:has(.list-group.lead)),
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-form-list-record,
    .dp-default-form-list-record,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-opac-subdomain-edit,
    .dp-default-tools-analytics,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-about,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-oidc,
    .dp-default-about-contact,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) .node-region-body :is(h2, form, div > :has(div.dt-container.dt-empty-footer),
    div.dt-container.dt-empty-footer):not(.dp-default-node-rubrique div > :has(div.dt-container.dt-empty-footer)),
:is(.dp-events-Event-listesuivi, .dp-default-form-list-record) .node-region-body .list-group.lead {
    padding-bottom: 18px;
}

:is(.dp-default-form-node) .node-region-body :is(.form-summary) :is(.row .pb-5) {
    padding-bottom: 0 !important;
}

/*Centre le titre de la page + le contenu*/
:is(.dp-events-Event-listesuivi, .dp-default-form-node) .node-region-body :is(h2, .list-group.lead),
/*Centre le graphique quand il y en a un (ex : sur la page des statistiques)*/
:is(.dp-default-statistics-report:not(:has(.list-group.lead))) .node-region-body>:is(div:has(table) img) {
    margin-inline: auto;
}

@media (min-width: 1200px) and (max-width:1599px) {

    /*Permet de centrer le formulaire*/
    :is(.dp-default-user-edit,
        .dp-default-user-changepassword,
        .dp-default-user-unregister,
        .dp-default-user-add,
        .dp-default-user-settings,
        .dp-default-profile-edit,
        .dp-default-tag-add,
        .dp-default-tag-edit,
        .dp-default-profile-add,
        .dp-comment-comment-settings,
        .dp-comment-comment-edit,
        .dp-default-newsletter-settings,
        .dp-default-newsletter-add,
        .dp-default-newsletter-edit,
        .dp-default-auth-edit,
        .dp-default-form-add-field,
        .dp-default-form-edit-field,
        .dp-default-form-node,
        .dp-default-form-list-record,
        .dp-default-layout-edit,
        .dp-default-theme-add,
        .dp-default-multilang-index,
        .dp-default-domain-settings,
        .dp-opac-subdomain-edit,
        .dp-default-tools-mail,
        .dp-default-tools-analytics,
        .dp-default-about-about,
        .dp-opac-subscriber-payfipdebugtest,
        .dp-opac-subscriber-oidc,
        .dp-default-about-contact,
        .dp-opac-subscriber-payment,
        .dp-opac-connector-edit,
        .dp-opac-facet-edit,
        .dp-opac-bibrecord-element-edit,
        .dp-opac-item-element-edit,
        .dp-opac-search-field-edit,
        .dp-opac-connectclient-edit,
        .dp-opac-search-also-edit,
        .dp-opac-config-additional-setting-edit,
        .dp-default-node-edit,
        .dp-default-node-add) .node-region-body {
        display       : flex;
        flex-direction: column;
        align-items   : center;
        padding-inline: 0;
    }

    /*Fait en sorte que le fil d'Ariane prenne toute la largeur de la page*/
    :is(.dp-default-user-edit,
        .dp-default-user-changepassword,
        .dp-default-user-unregister,
        .dp-default-user-add,
        .dp-default-user-settings,
        .dp-default-profile-edit,
        .dp-default-tag-add,
        .dp-default-tag-edit,
        .dp-default-profile-add,
        .dp-comment-comment-settings,
        .dp-comment-comment-edit,
        .dp-default-newsletter-settings,
        .dp-default-newsletter-add,
        .dp-default-newsletter-edit,
        .dp-default-auth-edit,
        .dp-default-form-add-field,
        .dp-default-form-edit-field,
        .dp-default-form-node,
        .dp-default-layout-edit,
        .dp-default-theme-add,
        .dp-default-multilang-index,
        .dp-default-domain-settings,
        .dp-opac-subdomain-edit,
        .dp-default-tools-mail,
        .dp-default-tools-analytics,
        .dp-default-about-about,
        .dp-opac-subscriber-payfipdebugtest,
        .dp-opac-subscriber-oidc,
        .dp-default-about-contact,
        .dp-opac-subscriber-payment,
        .dp-opac-connector-edit,
        .dp-opac-facet-edit,
        .dp-opac-bibrecord-element-edit,
        .dp-opac-item-element-edit,
        .dp-opac-search-field-edit,
        .dp-opac-connectclient-edit,
        .dp-opac-search-also-edit,
        .dp-opac-config-additional-setting-edit,
        .dp-default-node-edit,
        .dp-default-node-add) .node-region-body ol {
        width: 100%;
    }

    /*Fait en sorte que le formulaire fasse 1200px de large sur les écrans d'ordinateur*/
    :is(.dp-default-user-edit,
        .dp-default-user-changepassword,
        .dp-default-user-unregister,
        .dp-default-user-add,
        .dp-default-user-settings,
        .dp-default-profile-edit,
        .dp-default-tag-add,
        .dp-default-tag-edit,
        .dp-default-profile-add,
        .dp-comment-comment-settings,
        .dp-comment-comment-edit,
        .dp-default-newsletter-settings,
        .dp-default-newsletter-add,
        .dp-default-newsletter-edit,
        .dp-default-auth-edit,
        .dp-default-form-add-field,
        .dp-default-form-edit-field,
        .dp-default-form-node,
        .dp-default-layout-edit,
        .dp-default-theme-add,
        .dp-default-multilang-index,
        .dp-default-domain-settings,
        .dp-opac-subdomain-edit,
        .dp-default-tools-mail,
        .dp-default-tools-analytics,
        .dp-default-about-about,
        .dp-opac-subscriber-payfipdebugtest,
        .dp-opac-subscriber-oidc,
        .dp-opac-subscriber-payment,
        .dp-default-about-contact,
        .dp-opac-connector-edit,
        .dp-opac-facet-edit,
        .dp-opac-bibrecord-element-edit,
        .dp-opac-item-element-edit,
        .dp-opac-search-field-edit,
        .dp-opac-connectclient-edit,
        .dp-opac-search-also-edit,
        .dp-opac-config-additional-setting-edit,
        .dp-default-node-edit,
        .dp-default-node-add) .node-region-body :is(h2, form),
    :is(.dp-events-Event-listesuivi, .dp-default-form-list-record) :is(h2, .list-group.lead),
    :is(.dp-default-newsletter-add,
        .dp-default-newsletter-edit,
        .dp-default-layout-edit) .node-region-body .alert,
    :is(.dp-default-form-node,
        .dp-default-about-about,
        .dp-opac-subscriber-payment) .node-region-body :is(.form-banner.row, .form-summary, table),
    :is(.dp-default-form-node) .node-region-body> :is(h3.pt-5),
    :is(.dp-default-tools-mail) .node-region-body .alert-info,
    :is(.dp-opac-facet-edit) .node-region-body> :is(p, strong) {
        width: min(1200px, 80%) !important;
    }
}

@media (min-width: 1600px) {

    /*Permet de centrer le formulaire*/
    :is(.dp-default-user-edit,
        .dp-default-user-changepassword,
        .dp-default-user-unregister,
        .dp-default-user-add,
        .dp-default-user-settings,
        .dp-default-profile-edit,
        .dp-default-tag-add,
        .dp-default-tag-edit,
        .dp-default-profile-add,
        .dp-comment-comment-settings,
        .dp-comment-comment-edit,
        .dp-default-newsletter-settings,
        .dp-default-newsletter-add,
        .dp-default-newsletter-edit,
        .dp-default-auth-edit,
        .dp-default-form-add-field,
        .dp-default-form-edit-field,
        .dp-default-form-node,
        .dp-default-form-list-record,
        .dp-default-layout-edit,
        .dp-default-theme-add,
        .dp-default-multilang-index,
        .dp-default-domain-settings,
        .dp-opac-subdomain-edit,
        .dp-default-tools-mail,
        .dp-default-tools-analytics,
        .dp-default-about-about,
        .dp-opac-subscriber-payfipdebugtest,
        .dp-opac-subscriber-oidc,
        .dp-default-about-contact,
        .dp-opac-subscriber-payment,
        .dp-opac-connector-edit,
        .dp-opac-facet-edit,
        .dp-opac-bibrecord-element-edit,
        .dp-opac-item-element-edit,
        .dp-opac-search-field-edit,
        .dp-opac-connectclient-edit,
        .dp-opac-search-also-edit,
        .dp-opac-config-additional-setting-edit,
        .dp-default-node-edit,
        .dp-default-node-add) .node-region-body {
        display       : flex;
        flex-direction: column;
        align-items   : center;
    }

    /*Fait en sorte que le fil d'Ariane prenne toute la largeur de la page*/
    :is(.dp-default-user-edit,
        .dp-default-user-changepassword,
        .dp-default-user-unregister,
        .dp-default-user-add,
        .dp-default-user-settings,
        .dp-default-profile-edit,
        .dp-default-tag-add,
        .dp-default-tag-edit,
        .dp-default-profile-add,
        .dp-comment-comment-settings,
        .dp-comment-comment-edit,
        .dp-default-newsletter-settings,
        .dp-default-newsletter-add,
        .dp-default-newsletter-edit,
        .dp-default-auth-edit,
        .dp-default-form-add-field,
        .dp-default-form-edit-field,
        .dp-default-form-node,
        .dp-default-layout-edit,
        .dp-default-theme-add,
        .dp-default-multilang-index,
        .dp-default-domain-settings,
        .dp-opac-subdomain-edit,
        .dp-default-tools-mail,
        .dp-default-tools-analytics,
        .dp-default-about-about,
        .dp-opac-subscriber-payfipdebugtest,
        .dp-opac-subscriber-oidc,
        .dp-default-about-contact,
        .dp-opac-subscriber-payment,
        .dp-opac-connector-edit,
        .dp-opac-facet-edit,
        .dp-opac-bibrecord-element-edit,
        .dp-opac-item-element-edit,
        .dp-opac-search-field-edit,
        .dp-opac-connectclient-edit,
        .dp-opac-search-also-edit,
        .dp-opac-config-additional-setting-edit,
        .dp-default-node-edit,
        .dp-default-node-add) .node-region-body ol {
        width: 100%;
    }

    /*Fait en sorte que le formulaire prenne toute la largeur des écrans d'ordinateur*/
    :is(.dp-default-user-edit,
        .dp-default-user-changepassword,
        .dp-default-user-unregister,
        .dp-default-user-add,
        .dp-default-user-settings,
        .dp-default-profile-edit,
        .dp-default-tag-add,
        .dp-default-tag-edit,
        .dp-default-profile-add,
        .dp-comment-comment-settings,
        .dp-comment-comment-edit,
        .dp-default-newsletter-settings,
        .dp-default-newsletter-add,
        .dp-default-newsletter-edit,
        .dp-default-auth-edit,
        .dp-default-form-add-field,
        .dp-default-form-edit-field,
        .dp-default-form-node,
        .dp-default-layout-edit,
        .dp-default-theme-add,
        .dp-default-multilang-index,
        .dp-default-domain-settings,
        .dp-opac-subdomain-edit,
        .dp-default-tools-mail,
        .dp-default-tools-analytics,
        .dp-default-about-about,
        .dp-opac-subscriber-payfipdebugtest,
        .dp-opac-subscriber-oidc,
        .dp-opac-subscriber-payment,
        .dp-default-about-contact,
        .dp-opac-connector-edit,
        .dp-opac-facet-edit,
        .dp-opac-bibrecord-element-edit,
        .dp-opac-item-element-edit,
        .dp-opac-search-field-edit,
        .dp-opac-connectclient-edit,
        .dp-opac-search-also-edit,
        .dp-opac-config-additional-setting-edit,
        .dp-default-node-edit,
        .dp-default-node-add) .node-region-body :is(h2, form),
    :is(.dp-events-Event-listesuivi, .dp-default-form-list-record) :is(h2, .list-group.lead),
    :is(.dp-default-newsletter-add,
        .dp-default-newsletter-edit,
        .dp-default-layout-edit) .node-region-body .alert,
    :is(.dp-default-form-node,
        .dp-default-about-about,
        .dp-opac-subscriber-payment) .node-region-body :is(.form-banner.row, .form-summary, table),
    :is(.dp-default-form-node) .node-region-body> :is(h3.pt-5),
    :is(.dp-default-tools-mail) .node-region-body .alert-info,
    :is(.dp-opac-facet-edit) .node-region-body> :is(p, strong) {
        width: 100% !important;
    }
}

/*Ajoute une marge interne à gauche et à droite du formulaire*/
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-default-profile-add,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-index,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-form-list-field,
    .dp-default-form-node,
    .dp-default-form-list-record,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-opac-subdomain-edit,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-about,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-oidc,
    .dp-default-about-contact,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) .node-region-body :is(h2, h3, .form-group):not( :is(.dp-default-user-changepassword,
        .dp-comment-comment-settings,
        .dp-default-user-unregister) .node-region-body .form-group:has(#hidden),
    :is(.dp-default-form-node) .node-region-body :is(.form-summary h3),
    :is(.dp-opac-connector-edit) .node-region-body form.form-vertical > .form-group):not( :is(.dp-opac-search-also-edit) .node-region-body > form.form-vertical #searchAlsoEdit .form-group,
    #saveWaitingList .form-group),
:is(.dp-opac-subdomain-index) .node-region-body>:is(p),
:is(.dp-opac-facet-edit) .node-region-body> :is(p, strong),
:is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit #searchAlsos h4[id^="legendSearchAlso"] {
    padding-inline: 1em;
}

/*Fait en sorte que le titre de la page et le formulaire ne fassent plus qu'un sans pour autant changer le HTML.*/
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-default-profile-add,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-index,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report:not(:has(.list-group.lead)),
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-form-list-field,
    .dp-default-form-node,
    .dp-default-form-list-record,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-opac-subdomain-edit,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-about,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-oidc,
    .dp-default-about-contact,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) .node-region-body :is(h2, h3, .form-group, .well):not( :is(.dp-default-user-changepassword,
        .dp-comment-comment-settings, .dp-default-user-unregister) .node-region-body .form-group:has(#hidden),
    :is(.dp-opac-connector-edit) .node-region-body form.form-vertical > .form-group,
    :is(.dp-opac-search-also-edit) .node-region-body > form.form-vertical #searchAlsoEdit .form-group),
:is(.dp-default-user-index) .table.table-hover.table-condensed,
:is(.dp-default-statistics-report) .node-region-body>.dropdown,
:is(.dp-default-form-node) .node-region-body :is(.form-banner.row),
:is(.dp-opac-subdomain-index) .node-region-body>:is(p, ul),
:is(.dp-opac-facet-edit) .node-region-body> :is(p) {
    margin-block: 0;
}

/*Marges au-dessus et en-dessous des éléments du formulaire*/
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-profile-index,
    .dp-default-profile-add,
    .dp-comment-comment-settings,
    .dp-comment-comment-edit,
    .dp-default-newsletter-settings,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-layout-edit,
    .dp-default-theme-add,
    .dp-opac-subdomain-edit,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-default-about-contact) .node-region-body :is(.form-group),
:is(.dp-opac-subdomain-index) .node-region-body>:is(p, ul) {
    padding-block: 0.5em;
}

/*Marge au-dessus du titre de la page*/
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-default-profile-add,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-index,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-form-list-record,
    .dp-default-form-node,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-opac-subdomain-edit,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-about,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-payment,
    .dp-opac-subscriber-oidc,
    .dp-default-about-contact,
    .dp-opac-subdomain-index,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) .node-region-body h2 {
    padding-top: 1em;
}

:is(.dp-default-form-node) #page .node-region-body :is(.form-summary h3),
:is(.dp-default-form-node) .node-region-body> :is(h3.pt-5) {
    padding-top: 0.5em !important;
}

/*Couleur du titre de la page*/
:is(.dp-default-manager-index,
    .dp-default-user-account,
    .dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-menu,
    .dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-tag-edit,
    .dp-default-tag-colors,
    .dp-default-user-menu,
    .dp-default-user-add,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-default-profile-add,
    .dp-default-profile-edit,
    .dp-default-user-settings,
    .dp-events-Event-menu,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-menu,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-menu,
    .dp-default-newsletter-index,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-newsletter-send,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report,
    .dp-default-auth-edit,
    .dp-default-form-index,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-form-list-record,
    .dp-default-form-node,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-index,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-default-sitemap-index,
    .dp-watchdog-admin-index,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-index,
    .dp-default-about-about,
    .dp-default-about-contact,
    .dp-default-help-index,
    .dp-opac-subscriber-index,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subscriber-oidc,
    .dp-opac-subdomain-index,
    .dp-opac-subdomain-edit,
    .dp-opac-admin-index,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-search-also-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) #page-content-wrapper #page h2 {
    color: var(--primaire_defaut) !important;
}

/*Marge en bas du formulaire*/
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-comment-comment-edit,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-profile-index,
    .dp-default-profile-add,
    .dp-default-newsletter-settings,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-layout-edit,
    .dp-default-about-contact,
    .dp-opac-subdomain-edit) .node-region-body .form-vertical {
    padding-bottom: 32px;
}

/*Pour le titre de chaque éléments du formulaire ...
Fait en sorte que ça prenne toute la largeur du formulaire (moins les marges à gauche et à droite)
Ajoute une marge interne au-dessus et en dessous
Ajoute une marge à gauche pour décoller le libellé du bord
Taille du titre de chaque élément
Couleur de fond des titres
Supprime la marge entre les titres des éléments du formulaire et les éléments en question*/
:is(.dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-layout-edit) .node-region-body .form-group>label {
    width               : 100%;
    padding-block       : 0.5em;
    padding-left        : 0.5em;
    font-size           : 1.2em;
    /*! color           : white; */
    /*! background-color: var(--bleu_ciel); */
    margin-bottom       : 0;
}

/*Couleur de fond et marges internes du bloc avec boutons radio*/
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-comment-comment-settings,
    .dp-comment-comment-edit,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-layout-edit,
    .dp-default-theme-add) .node-region-body :is(.form-group) .checkbox:not(.dp-default-user-edit .node-region-body form .form-group .checkbox) {
    background-color: white;
    padding         : 1em;
}

/*Supprime la marge sous le titre du bloc avec boutons radio*/
:is(.dp-default-user-edit,
    .dp-default-user-unregister,
    .dp-default-user-add,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-profile-add,
    .dp-comment-comment-settings,
    .dp-comment-comment-edit,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-layout-edit,
    .dp-default-theme-add) .node-region-body :is(.form-group) .checkbox,
:is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit #searchAlsos .checkbox,
:is(.dp-default-user-edit,
    .dp-default-user-unregister,
    .dp-default-user-add,
    .dp-comment-comment-edit,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-profile-add,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-layout-edit,
    .dp-default-theme-add) .node-region-body :is(.form-group) .checkbox .radio:first-child {
    margin-top: 0 !important;
}

/*Arrondi sur les 2 coins supérieurs ...
- du titre de la page
- du titre des éléments du formulaire*/
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-user-index,
    .dp-default-profile-add,
    .dp-default-profile-index,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-events-Event-suivi,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-index,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report:not(:has(.list-group.lead)),
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-list-field,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-form-list-record,
    .dp-default-form-node,
    .dp-default-layout-edit,
    .dp-default-theme-list,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-about,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subscriber-oidc,
    .dp-default-about-contact,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index,
    .dp-opac-subdomain-edit,
    .dp-opac-connector-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) .node-region-body h2,
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-user-add,
    .dp-comment-comment-edit,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-profile-add,
    .dp-comment-comment-settings,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report:not(:has(.list-group.lead)),
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-layout-edit,
    .dp-opac-subdomain-edit,
    .dp-default-theme-add) .node-region-body .form-group>label {
    -webkit-border-radius: var(--arrondi_haut_defaut);
    -moz-border-radius   : var(--arrondi_haut_defaut);
    border-radius        : var(--arrondi_haut_defaut);
}

/*Arrondi sur les 2 coins inférieurs ...
- du formulaire
- du bloc avec boutons radio
- du bloc mise en page du portail
- des blocs feuille de style personnalisée
- des CKeditor (personnalisation de la zone au-dessus de l'entête, personnalisation du pied de page)
- du bloc où on active les gabarits*/
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-profile-add,
    .dp-comment-comment-settings,
    .dp-comment-comment-edit,
    .dp-default-newsletter-settings,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-layout-edit,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-domain-settings,
    .dp-default-tools-analytics,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-default-about-contact,
    .dp-opac-connector-edit,
    .dp-opac-subdomain-edit,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) .node-region-body .form-vertical,
:is(.dp-default-node-rubrique,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-opac-subscriber-payfiplist) .node-region-body :is(.tet),
:is(.dp-opac-subscriber-payfiplist) .node-region-body :is(.tet .div_exception),
:is(.dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-profile-index,
    .dp-default-form-node,
    .dp-default-form-list-field,
    .dp-default-theme-edit,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist) .node-region-body :is(div:has(table)),
:is(.dp-events-Event-listesuivi, .dp-default-form-list-record) .node-region-body .list-group.lead,
:is(.dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-profile-index,
    .dp-default-form-node,
    .dp-default-form-list-field,
    .dp-default-theme-list,
    .dp-default-theme-edit,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-about,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index) .node-region-body :is(table),
:is(.dp-default-tools-mail) .node-region-body .alert-info {
    -webkit-border-radius: var(--arrondi_bas_defaut);
    -moz-border-radius   : var(--arrondi_bas_defaut);
    border-radius        : var(--arrondi_bas_defaut);
}

/*Pour que les coins arrondis sur les tableaux fonctionnent*/
:is(.dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-events-Event-suivi,
    .dp-default-newsletter-index,
    .dp-default-profile-index,
    .dp-default-form-node,
    .dp-default-form-list-field,
    .dp-default-theme-list,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-default-about-about,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit) .node-region-body :is(table) {
    border-collapse: separate !important;
}

/*Couleur de fond des infos/aide*/
span.help-block,
/*Fond de la liste de fichiers sur le serveur pour une page perso*/
:is(.dp-default-theme-edit) .node-region-body #file-tree-viewer {
    background-color: white;
}

/*Décolle le champ de recherche sous le titre du bord gauche*/
/*Décolle les boutons Copier et Exporter du bord gauche*/
:is(.dp-default-node-rubrique) .node-region-body.col-md-12>.datable-input-group,
:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-default-newsletter-index,
    .dp-default-form-list-field,
    .dp-comment-comment-list,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist) .node-region-body.col-md-12 div.dt-buttons,
:is(.dp-default-theme-edit) .node-region-body :is(ul.nav-tabs > li:first-child) {
    margin-left: 24px;
}

:is(.dp-opac-subscriber-payfiplist) .node-region-body.col-md-12>.datable-input-group,
:is(.dp-opac-subscriber-payfiplist) .node-region-body.col-md-12 div.dt-buttons {
    margin-left: 10px;
}

:is(.dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-list,
    .dp-comment-comment-index,
    .dp-default-newsletter-index,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist) .node-region-body.col-md-12>.datable-input-group,
:is(.dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-form-list-field) .node-region-body.col-md-12 .datable-input-group,
.node-region-body .well:not( :is(.dp-default-statistics-report:not(:has(.list-group.lead))) .node-region-body .well) {
    padding-left: 24px !important;
}

/*Pas de marges internes à gauche et à droite*/
/*Formulaire plage de dates sur la page des statistiques*/
:is(.dp-default-statistics-report:not(:has(.list-group.lead))) .node-region-body .well,
:is(.dp-opac-connector-edit) .node-region-body form.form-vertical>.form-group,
:is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit .form-group {
    padding-inline: 0;
}

/*Pas de marges internes en haut et en bas*/
/*Formulaire plage de dates sur la page des statistiques*/
:is(.dp-default-statistics-report:not(:has(.list-group.lead)),
    .dp-default-tag-index) .node-region-body .well {
    padding-block: 0;
}

:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-events-Event-moderation,
    .dp-events-Event-suivi,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-theme-list,
    .dp-default-newsletter-index,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit) .node-region-body.col-md-12 table.table,
:is(.dp-default-statistics-report:not( :has(.list-group.lead))) .node-region-body :is(div:has(table) table) {
    border: 3px solid var(--bleu_clair);
}

:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-profile-add,
    .dp-comment-comment-settings,
    .dp-comment-comment-edit,
    .dp-default-newsletter-settings,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-layout-edit,
    .dp-opac-subdomain-edit,
    .dp-default-theme-add) #wrapper #page-content-wrapper .row.mx-5.mt-5 .node-region-body .form-vertical .form-group :is(input#title,
    .checkbox,
    #theme_model,
    .CodeMirror,
    #cke_theme_header,
    .cke_inner.cke_reset,
    #cke_1_bottom,
    #cke_theme_footer,
    #cke_2_bottom,
    #theme_navigation),
:is(.dp-default-user-login) #wrapper #page-content-wrapper #page .thumbnail,
:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-events-Event-moderation,
    .dp-events-Event-suivi,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-settings,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-theme-list,
    .dp-default-newsletter-index,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-opac-subdomain-index,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit) .node-region-body.col-md-12 table.table,
:is(.dp-default-statistics-report:not( :has(.list-group.lead))) .node-region-body :is(div:has(table) table),
:is(.dp-comment-comment-settings) .node-region-body :is(.table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th) {
    -webkit-border-radius: var(--arrondi_defaut);
    -moz-border-radius   : var(--arrondi_defaut);
    border-radius        : var(--arrondi_defaut);
}

.node-region-body .well,
:is(.dp-comment-comment-settings) .node-region-body table,
:is(.dp-comment-comment-settings) .node-region-body table :is(tbody > tr > td, tbody > tr > th, tfoot > tr > td, tfoot > tr > th, thead > tr > td, thead > tr > th),
.dp-events-Event-suivi .node-region-body :is(.stats-event, .tab, .tabcontent) {
    border: none;
}

/*Les 2 règles suivantes permettent de masquer*/
/*La bordure sous l'entête des tableaux*/
/*La bordure au-dessus de la première ligne d'un tableau*/
:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-events-Event-moderation,
    .dp-events-Event-suivi,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-settings,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-theme-list,
    .dp-default-newsletter-index,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index) .node-region-body.col-md-12 table.table>thead>tr>th,
:is(.dp-default-statistics-report:not( :has(.list-group.lead))) .node-region-body :is(div:has(table) table.table > thead > tr > th) {
    border-bottom: none;
}

:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-events-Event-moderation,
    .dp-events-Event-suivi,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-settings,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-theme-list,
    .dp-default-newsletter-index,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index) .node-region-body.col-md-12 table.table>tbody>tr:first-child>td,
:is(.dp-default-statistics-report:not( :has(.list-group.lead))) .node-region-body :is(div:has(table) table.table > tbody > tr:first-child > td),
:is(.dp-default-node-edit,
    .dp-default-node-add) :is(.panel-group .panel-heading + .panel-collapse > .list-group,
    .panel-group .panel-heading + .panel-collapse > .panel-body) {
    border-top: none;
}

/*Quand il y a un tableau, permet de*/
/*Appliquer une marge interne au-dessus et en dessous des entêtes*/
:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-events-Event-moderation,
    .dp-events-Event-suivi,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-statistics-report,
    .dp-default-form-list-field,
    .dp-default-theme-list,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit) .node-region-body.col-md-12 table :is(thead>tr>th, tbody>tr>td),
:is(.dp-opac-search-field-edit, .dp-opac-subscriber-suggestion) .node-region-body>form>table>tbody>tr:first-child th {
    padding-block: 18px;
}

/*Quand il y a un tableau, permet de*/
/*Décoller du bord gauche les éléments de la première colonne à gauche*/
:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-events-Event-moderation,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-statistics-report,
    .dp-default-form-list-field,
    .dp-default-theme-list,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit) .node-region-body.col-md-12 table :is(thead>tr>th, tbody>tr>td):first-child {
    padding-left: 20px;
}

:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-events-Event-moderation,
    .dp-events-Event-suivi,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-statistics-report,
    .dp-default-form-list-field,
    .dp-default-theme-list,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit) .node-region-body.col-md-12 table :is(tbody>tr>td):not(td > table > tbody > tr > td) {
    border-top: 1px solid #f2f2f2;
}

:is(.dp-default-about-about) .node-region-body :is(div:has(table) table) {
    border: 1px solid #ccc;
}

.node-region-body .well {
    box-shadow        : none;
    -webkit-box-shadow: none;
}

:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist) .node-region-body.col-md-12 table.table:not( :is(.dp-default-user-index, .dp-default-profile-index) .table.table-hover.table-condensed) {
    width: calc(100% - 45px) !important;
}

:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist) .node-region-body.col-md-12 table tbody {
    background-color: transparent !important;
}

/*Couleur des libellés et flèches de l'entête du tableau*/
:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-events-Event-moderation,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-statistics-report,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist) .node-region-body.col-md-12 table thead :is(.dt-column-title, .dt-column-order),
:is(.dp-default-user-index,
    .dp-default-profile-index,
    .dp-events-Event-moderation,
    .dp-events-Event-suivi,
    .dp-default-statistics-report,
    .dp-default-theme-list,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit) .table.table-hover.table-condensed thead th,
:is(.dp-opac-search-field-edit, .dp-opac-subscriber-suggestion) .node-region-body>form>table>tbody>tr:first-child th,
.dp-events-Event-suivi .node-region-body .tab button.active span {
    color: white;
}

:is(.dp-default-node-edit,
    .dp-default-node-add) #accordion :is(.panel-heading a) {
    color: white !important;
}

:is(.dp-opac-subscriber-oidc,
    .dp-opac-connector-edit) #page .panel-default>.panel-heading a {
    color     : white !important;
    font-style: normal;
}

:is(.dp-opac-connector-edit) .node-region-body form.form-vertical>.form-group button.btn.btn-success,
:is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit .form-group button {
    color: white !important;
}

/*Couleur de fond de l'entête du tableau*/
:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-events-Event-moderation,
    .dp-events-Event-suivi,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-statistics-report,
    .dp-default-form-list-field,
    .dp-default-theme-list,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subscriber-payment,
    .dp-opac-subdomain-index,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit) .node-region-body.col-md-12 table thead>tr,
:is(.dp-opac-subscriber-oidc,
    .dp-opac-connector-edit) .panel-default>.panel-heading,
:is(.dp-opac-search-field-edit, .dp-opac-subscriber-suggestion) .node-region-body>form>table>tbody>tr:first-child,
:is(.dp-default-node-edit,
    .dp-default-node-add) #accordion :is(.panel-heading) {
    background-color: var(--secondaire_defaut);
}

/*Si/quand une entête de tableau a un fond de couleur => transparent*/
.dp-events-Event-moderation .table>thead>tr>th.active,
/*Sur la page Paramétrage des connecteurs SSO,
couleur de fond de chaque formulaire*/
[id^="accordionConnector"]>.panel,
.dp-events-Event-suivi .node-region-body .tabcontent table :is(thead tr th, tr:hover td > table > tbody > tr) {
    background-color: transparent;
}

/*Les 2 règles suivantes permettent, quand il y a un tableau
qu'une ligne sur 2 soit :
- avec un fond blanc
- avec un fond gris clair
*/
:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-events-Event-moderation,
    .dp-events-Event-suivi,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-statistics-report,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subdomain-index,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit) .node-region-body.col-md-12 table>tbody>tr:not( :is(.dp-opac-subscriber-suggestion, .dp-opac-search-field-edit) .node-region-body.col-md-12 table>tbody>tr:first-child,
    tr:hover td > table > tbody > tr),
:is(.dp-default-theme-edit) .node-region-body #file-tree-viewer .list-group.lead li.list-group-item {
    background-color: white;
}

:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-events-Event-moderation,
    .dp-events-Event-suivi,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-statistics-report,
    .dp-default-form-list-field,
    .dp-default-theme-list,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist,
    .dp-opac-subscriber-prereg,
    .dp-opac-subscriber-suggestion,
    .dp-opac-subscriber-payfiplist,
    .dp-opac-subdomain-index,
    .dp-opac-facet-edit,
    .dp-opac-bibrecord-element-edit,
    .dp-opac-item-element-edit,
    .dp-opac-search-field-edit,
    .dp-opac-connectclient-edit) .node-region-body.col-md-12 table>tbody>tr:hover:not(:is(.dp-opac-search-field-edit, .dp-opac-subscriber-suggestion) .node-region-body>form>table>tbody>tr:first-child:hover),
:is(.dp-default-theme-edit) .node-region-body #file-tree-viewer .list-group.lead li.list-group-item:hover,
:is(.dp-events-Event-listesuivi) .node-region-body>.list-group.lead li.list-group-item.row-flex.justify-content-between:hover {
    background-color: #f4f4f4;
}

:is(.dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist) .node-region-body.col-md-12>.datable-input-group {
    width: 100%;
}

:is(.dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-tag-index,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist) .node-region-body.col-md-12>.datable-input-group input {
    max-width: 390.25px;
}

:is(.dp-default-tag-index, .dp-default-user-index, .dp-default-profile-index) .node-region-body .well,
:is(.dp-default-statistics-report) .node-region-body>.dropdown,
:is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit #searchAlsos h4:not(h4[id^="legendSearchAlso"]) {
    padding-left: 24px;
}

/*Pas de marge interne supérieure entre le titre de la page et les éléments en dessous*/
:is(.dp-default-user-edit,
    .dp-default-user-unregister,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-comment-comment-edit,
    .dp-default-profile-edit,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-profile-add,
    .dp-default-multilang-index,
    .dp-default-newsletter-settings,
    .dp-default-theme-add,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subdomain-edit,
    .dp-default-about-contact) .node-region-body form,
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-node-rubrique,
    .dp-default-tag-index,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-user-index,
    .dp-default-profile-add,
    .dp-default-profile-index,
    .dp-events-Event-moderation,
    .dp-events-Event-listesuivi,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-settings,
    .dp-comment-comment-list,
    .dp-comment-comment-edit,
    .dp-default-newsletter-index,
    .dp-default-newsletter-settings,
    .dp-default-statistics-report:not(:has(.list-group.lead)),
    .dp-default-form-list-field,
    .dp-default-theme-add,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist) .node-region-body .well,
:is(.dp-default-node-rubrique,
    .dp-default-node-list,
    .dp-default-node-index,
    .dp-default-node-approve,
    .dp-default-user-index,
    .dp-default-profile-index,
    .dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-form-list-field,
    .dp-watchdog-admin-accesslist,
    .dp-watchdog-admin-paymentlist,
    .dp-watchdog-admin-maillist) #wrapper #page-content-wrapper #page .node-region-body>.input-group.datable-input-group,
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-add,
    .dp-default-user-settings,
    .dp-default-profile-edit,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-comment-comment-edit,
    .dp-default-profile-index,
    .dp-default-profile-add,
    .dp-default-newsletter-settings,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-layout-edit,
    .dp-default-multilang-index,
    .dp-opac-subdomain-edit,
    .dp-default-node-edit,
    .dp-default-node-add) .node-region-body .form-vertical,
.dp-comment-comment-edit .panel.panel-default .panel-body {
    padding-top: 0 !important;
}

/*Page Ajouter un tag*/
:is(.dp-default-tag-add,
    .dp-default-tag-edit) .form-vertical {
    display   : flex;
    flex-wrap : wrap;
    column-gap: 1em;
}

:is(.dp-default-profile-add) .node-region-body .form-vertical>input {
    max-height   : 39.1px;
    margin-bottom: 8px;
}

/*Taille du libellé des boutons (ex : "Clôturer les inscriptions" sur la page Suivi par évènement)*/
:is(.dp-events-Event-listesuivi) .node-region-body .list-group.lead :is(input#save) {
    font-size: 0.6em;
}

/*Sur la page de modération des commentaires
fait en sorte que si un commentaire est trop long
il aille à la ligne*/
:is(.dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list) :is(#commentList) tbody tr td:nth-child(3) a {
    white-space: wrap;
    text-align : left;
}

/*Sur la page de modération des commentaires
masque la dernière colonne qui est vide
*/
:is(.dp-comment-comment-moderation,
    .dp-comment-comment-index,
    .dp-comment-comment-list,
    .dp-default-newsletter-index,
    .dp-default-form-list-field) colgroup col:last-child {
    display: none;
}

/*Quand il y a un graphique sous le tableau (ex: pages statistiques)*/
:is(.dp-default-statistics-report:not(:has(.list-group.lead))) .node-region-body>:is(div:has(table)),
/*Quand il y a un message type "Vos modifications ont bien été enregistrées"*/
:is(.dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-layout-edit) .node-region-body .alert,
.dp-events-Event-suivi .node-region-body .stats-event {
    margin-bottom: 0;
}

:is(.dp-default-form-node) .node-region-body :is(.form-summary) :is(.row .pb-5),
:is(.dp-default-about-about) .node-region-body table {
    margin-bottom: 0 !important;
}

/*Masque des éléments HTML vides*/
/*Page Options d'authetification : Accordéon au-dessus du bloc "Authentification requise pour l'accès au portail"*/
:is(.dp-default-auth-edit) #accordion,
/*Page Informations sur les établissements : paragraphe vide suivi d'un saut de ligne, au-dessus du tableau*/

:is(.dp-opac-subdomain-index) .node-region-body>:is(p:nth-child(5), br),
:is(.dp-opac-connectclient-edit,
    /*Page Paramétrages complémentaires : Sauts de lignes au-dessus du formulaire*/
    .dp-opac-config-additional-setting-edit,
    .dp-opac-subdomain-edit) .node-region-body>form>.form-group> :is(br),
/*Masque les astérisques rouges pour éviter les doublons*/
:is(.dp-default-user-edit, .dp-opac-subdomain-edit) .required::after {
    display: none;
}

/*Sur la page Mise en page*/
/*Les 3 règles suivantes font en sorte que pour "Titre" et "Type de menu"
le libellé + le champ/menu déroulant soient sur la même ligne ...*/
:is(.dp-default-layout-edit) .node-region-body .form-vertical .form-group:first-child,
:is(.dp-default-layout-edit) .node-region-body .form-vertical .form-group:nth-child(2) {
    display        : flex;
    flex-wrap      : wrap;
    column-gap     : 1em;
    justify-content: space-between;
}

:is(.dp-default-layout-edit) .node-region-body .form-vertical .form-group:first-child>label,
:is(.dp-default-layout-edit) .node-region-body .form-vertical .form-group:nth-child(2)>label {
    max-width: 150px;
}

:is(.dp-default-layout-edit) .node-region-body .form-vertical .form-group:first-child>input,
:is(.dp-default-layout-edit) .node-region-body .form-vertical .form-group:nth-child(2)>select {
    flex: 1;
}

/*... et que le champ info prenne toute la largeur*/
.help-block {
    width: auto;
}

/*Hauteur des champs "Feuille de style personnalisée Decalog" et "Feuille de style personnalisée"*/
:is(.dp-default-layout-edit) .node-region-body .CodeMirror {
    min-height: 375px;
    height    : 375px !important;
}

:is(.dp-opac-subscriber-payment) .node-region-body .notSortable.ui-sortable-handle td:first-child {
    display    : flex;
    align-items: center;
}

:is(.dp-opac-subscriber-payment) .node-region-body .notSortable.ui-sortable-handle td:last-child .form-vertical {
    padding-block: .5em !important;
}

/*Sur la page Paramétrage des connecteurs SSO*/
/*Pour qu'il y ait 2 champs par ligne*/
[id^="accordionConnector"] [id^="collapseConnector"] {
    display  : flex;
    flex-wrap: wrap;
}

/*Les 2 règles suivantes permettent de répartir
sur 2 colonnes les profils de l'utilisateur
sur les pages Ajouter un compte utilisateur et Modifier un compte utilisateur*/
:is(.dp-default-user-add, .dp-default-user-edit) .form-group:nth-child(6)>.checkbox {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: space-between;
}

:is(.dp-default-user-add, .dp-default-user-edit) .form-group:nth-child(6)>.checkbox>label {
    width: 50%;
}

:is(.dp-default-multilang-index,
    .dp-opac-subscriber-payfipdebugtest) .form-vertical .form-group,
[id^="accordionConnector"] [id^="collapseConnector"] .form-group {
    width: calc(50% - 2em);
}

/*LEs 3 règles suivantes concernent la page Services en ligne abonnés > Connexion via comptes externes
la checkbox en bas + le menu déroulant*/
:is(.dp-opac-subscriber-oidc) .node-region-body form>.form-group .row {
    display: flex;
}

:is(.dp-opac-subscriber-oidc) .node-region-body form>.form-group .row .checkbox.col-lg-4.col-md-4.col-sm-4 {
    width        : 310px;
    margin-bottom: 0;
}

:is(.dp-opac-subscriber-oidc) .node-region-body form>.form-group .row .col-lg-3.col-md-3.col-sm-3 {
    margin-left  : 0 !important;
    margin-bottom: 1em;
}

/*Les 3 règles suivantes concernent les titres de section sur la page Paramétrages complémentaires*/
:is(.dp-opac-config-additional-setting-edit) .node-region-body>form.form-vertical> :is(.form-group:nth-child(1),
    .form-group:nth-child(5),
    .form-group:nth-child(18),
    .form-group:nth-child(23)),
:is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit #searchAlsos h4,
:is(.dp-opac-subdomain-edit) .node-region-body #subdomain_form_infos .form-group:is(:nth-child(5),
    :nth-child(9),
    :nth-child(14)) {
    background-color: var(--secondaire_defaut);
    padding-block   : 0.5em;
}

:is(.dp-opac-config-additional-setting-edit) .node-region-body>form.form-vertical> :is(.form-group:nth-child(1),
    .form-group:nth-child(5),
    .form-group:nth-child(18),
    .form-group:nth-child(23)) :is(label, span.fas.fa.fa-times.pull-right.pointer.text-danger:before, .text-danger),
:is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit #searchAlsos :is(h4, .fas.fa.fa-times.pull-right.pointer.text-danger:before, .text-danger),
:is(.dp-opac-subdomain-edit) .node-region-body #subdomain_form_infos .form-group:is(:nth-child(5),
    :nth-child(9),
    :nth-child(14)) label {
    color: white !important;
}

:is(.dp-opac-config-additional-setting-edit) .node-region-body>form.form-vertical> :is(.form-group:nth-child(18),
    .form-group:nth-child(23)),
:is(.dp-opac-subdomain-edit) .node-region-body #subdomain_form_infos .form-group:is(:nth-child(5),
    :nth-child(9),
    :nth-child(14)) {
    margin-block: 1em !important;
}

/*Supprime un espace entre le titre de la page et le formulaire*/
/*sur la page Paramétrages supplémentaires*/
:is(.dp-opac-config-additional-setting-edit) .node-region-body>form.form-vertical {
    padding-top: 0;
}

:is(.dp-opac-search-also-edit) .node-region-body>form.form-vertical #searchAlsoEdit #searchAlsos {
    display  : flex;
    flex-wrap: wrap;
}

/*Couleur de bordure des
- Menus déroulant,
- Champs
- Texte Area
- Blocs infos
- CKEditor*/
:is(.dp-default-user-edit,
    .dp-default-user-changepassword,
    .dp-default-user-unregister,
    .dp-default-tag-add,
    .dp-default-tag-edit,
    .dp-default-user-add,
    .dp-default-profile-add,
    .dp-default-profile-edit,
    .dp-default-user-settings,
    .dp-comment-comment-edit,
    .dp-default-newsletter-settings,
    .dp-default-newsletter-add,
    .dp-default-newsletter-edit,
    .dp-default-statistics-report,
    .dp-default-auth-edit,
    .dp-default-form-add-field,
    .dp-default-form-edit-field,
    .dp-default-layout-edit,
    .dp-default-theme-add,
    .dp-default-theme-edit,
    .dp-default-multilang-index,
    .dp-default-tools-mail,
    .dp-default-tools-analytics,
    .dp-default-about-contact,
    .dp-opac-subscriber-payment,
    .dp-opac-subscriber-oidc,
    .dp-opac-subscriber-payfipdebugtest,
    .dp-opac-subdomain-edit,
    .dp-opac-connector-edit,
    .dp-opac-search-also-edit,
    .dp-opac-config-additional-setting-edit,
    .dp-default-node-edit,
    .dp-default-node-add) .node-region-body .form-group :is(select, input, textarea, .help-block, .cke_chrome) {
    border: 1px solid #ddd !important;
}

/*Sur la page Modifier un établissement
Aligne les libellés Matin et Après-midi + le tableau des horaires*/
:is(.dp-opac-subdomain-edit) .node-region-body #subdomain_form_infos .form-group:is(:nth-child(17), :nth-child(20)),
:is(.dp-opac-subdomain-edit) .node-region-body #subdomain_form_infos .form-group:is(:nth-child(16), :nth-child(19)) label {
    margin-inline: auto !important;
}



/*********************************************************************************/
/*Les 6 règles CSS suivantes permettent, sur la page de connexion, ...*/
/*Concerne les boutons à droite des champs Identifiant et Mot de passe*/
.dp-opac-user-login #page.container.login-page .thumbnail .account .caption form.form-vertical .form-group .input-group span.input-group-btn button {
    padding-inline : 15px;
    height         : 45.3167px;
    display        : flex;
    flex-direction : column;
    justify-content: center;
}

/*... que les éléments de la page soient centrés horizontalement*/
.dp-default-user-login .node-region-body,
.dp-opac-user-login #page {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    flex          : 1;
}

/*...que le fil d'Ariane prennent toute la largeur de l'écran*/
:is(.dp-default-user-login .node-region-body, .dp-opac-user-login #page) .breadcrumb {
    width: 100%;
}

@media (min-width:960px) {

    /*... que le bloc Connexion gestionnaire (avec les champs et les boutons) fassent 960px de large*/
    :is(.dp-default-user-login .node-region-body, .dp-opac-user-login #page) .thumbnail {
        width: 960px;
    }
}

/*... que les champs soient en flex*/
:is(.dp-default-user-login .node-region-body, .dp-opac-user-login #page) .thumbnail .form-vertical>.form-group>.input-group {
    display: flex !important;
}

/*... que les parties, à gauche des champs, avec les icônes aient la même largeur*/
:is(.dp-default-user-login .node-region-body, .dp-opac-user-login #page) .thumbnail .form-vertical>.form-group .input-group-addon {
    width: 37.2333px;
}

/*... que les icônes soient centrées verticalement*/
:is(.dp-default-user-login .node-region-body, .dp-opac-user-login #page) .thumbnail .form-vertical>.form-group .input-group-addon {
    display    : flex;
    align-items: center;
}

@media (min-width: 1024px) {
    .dp-default-user-login #page {
        width: 100vw;
    }
}

/*Masque les éléments parents dont les enfants sont masqués sur la page de modification de mot de passe et de suppression de compte*/
:is(.dp-default-user-changepassword, .dp-default-user-unregister) .form-vertical>*:has(#hidden) {
    display: none;
}

/*Sur la page de modification de mot de passe, masque les marges à droite et à gauche du libellé Votre adresse email, du champ email et de l'aide en dessous*/
/*Ajoute un espace entre le titre de la page et le libellé Votre adresse email*/
:is(.dp-default-user-changepassword) .form-vertical>*:first-child {
    padding-inline: 0 !important;
    padding-top   : 1.5em;
}

/*Sur la page de modification de mot de passe, aligne le contenu du bloc avec le titre de la page*/
:is(.dp-default-user-changepassword, .dp-default-user-unregister) .form-vertical> :first-child>*,
#send {
    margin-left: 10px;
}

/*Masque un élément inutile sur la page d'édition d'un commentaire*/
.dp-comment-comment-edit .contentOptions.pull-right {
    display: none;
}

/*Les règles suivantes concernent la page de suivi d'un évènement*/
/*Sépare le bloc statistiques sur l'évènement du tableau en dessous*/
#page .stats-event {
    margin-bottom: 2em;
}

/*Met un fond blanc derrière les onglets*/
.dp-events-Event-suivi .node-region-body .tab {
    background-color: var(--fond_defaut);
}

/*Sur l'onglet Liste d'attente, fait en sorte que le tableau ait la même largeur que le tableau des inscrits*/
#saveWaitingList .form-vertical,
/*Sur la page d'édition d'un commentaire, fait en sorte que le contenu ait la même largeur que le bloc avec le titre de la page*/
.dp-comment-comment-edit .panel.panel-default .panel-body {
    padding-inline: 0;
}

/*Permet d'aligner les boutons action (à droite) avec le reste des éléments du tableau*/
:is(#Inscrits) .actions-btn tbody tr td {
    padding-block: 0;
}

/*Si on a un formulaire avec 2 champs par ligne et 2 boutons en bas à droite du formulaire (Valider et Annuler),
fait en sorte que ces boutons n'aient pas une hauteur disproportionnée*/
:is(.dp-default-user-add) .form-vertical > input {
    align-self: end;
}

/************************************************************************************************/
/*Les règles suivantes concernent la page Modération des commentaires*/

/*Masque les éléments du tableau inutiles*/
#commentList :is(colgroup, tfoot) {
    display: none;
}

/*Aligne à gauche le contenu de chaque cellule*/
#commentList tbody tr td a {
    text-align: left;
}

/*Fait en sorte que le titre du document passe sur plusieurs lignes si nécessaire*/
#commentList tbody tr td:nth-child(2) span {
    white-space: normal;
}

@media (min-width:1200px){
    /*Fait en sorte que le tableau soit en flex*/
    #commentList,
    #commentList :is(thead, tbody) tr {
        display: flex;
    }

    /*Fait en sorte que les lignes du tableau soient les unes au-dessus des autres*/
    #commentList {
        flex-direction: column;
    }

    /*Fait en sorte que chaque colonne du tableau occupe l'espace qui lui est nécessaire*/
    #commentList :is(thead, tbody) tr> :is(th, td) {
        flex: 1;
    }

    /*Largeur maxi de la première colonne (Pseudo/Nom complet)*/
    #commentList :is(thead, tbody) tr> :is(th, td):first-child {
        max-width: 225px;
    }

    /*Largeur maxi de la seconde colonne (Notice). Autrement dit le titre du document*/
    #commentList :is(thead, tbody) tr> :is(th, td):nth-child(2) {
        max-width: 300px;
    }

    /*Largeur maxi de la quatrième colonne (Date)*/
    #commentList :is(thead, tbody) tr> :is(th, td):nth-child(4) {
        max-width: 165px;
    }

    /*Largeur maxi de la dernière colonne (Actions)*/
    #commentList :is(thead, tbody) tr> :is(th, td):last-child {
        max-width: 200px;
    }
}

/************************************************************************************************/
/*Les règles suivantes concernent la fenêtre modale qui s'ouvre quand on veut ajouter un contenu*/

.list-group.node-add-panel {
    display              : grid;
    gap                  : 10px;
    grid-template-columns: repeat(auto-fill, minmax(calc(33% - 10px), auto));
}

.list-group.node-add-panel .list-group-item {
    display         : flex;
    flex-direction  : column;
    margin-inline   : 0;
    border-radius   : 10px;
    background-color: var(--primaire);
}

.list-group.node-add-panel .list-group-item a {
    display        : flex;
    flex-direction : column;
    justify-content: center;
    align-items    : center;
    text-align     : center;
    flex           : 1 0 130px;
    color          : white !important;
}

.list-group.node-add-panel .list-group-item a i.fa {
    font-size    : 2em;
    margin-bottom: 8px;
}

.list-group.node-add-panel .list-group-item:hover,
.list-group.node-add-panel .list-group-item:hover :is(a, i.fa) {
    transform : scale(1.04);
    transition: 0.2s ease-in;
}