@charset "UTF-8";
@font-face {
  font-family: "montserrat_regular";
  src: url("font/montserrat/Montserrat-Regular.otf");
}
@font-face {
  font-family: "montserrat";
  src: url("font/montserrat/Montserrat-Regular.otf");
}
.viewer {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.viewerHeader {
  margin: 0;
}

.viewerCorpus {
  position: relative;
  flex: 1 1 auto;
  padding: 0;
}

.viewerFooter {
  margin-top: auto;
}

/* --- Corr --- */
.dropdown-toggle::after {
  display: none;
  position: relative;
  top: 3px;
}

.section {
  padding: 2rem;
}

.layout .colSidebar {
  padding: 1rem 0;
}
.layout .colPage {
  padding: 1rem;
}
.layout .colPage .kdrePage {
  padding: 1rem;
}

section .headerSection {
  text-align: center;
  padding: 2rem 0;
}

.sidenav.navbar {
  border-radius: 20px !important;
}

article.articleNews {
  margin-bottom: 1.5rem;
  padding: 1rem;
}
article.articleNews.articlePdf {
  background-color: #edede2;
}
article.articleNews.articleImage {
  padding: 0;
}
article.articleNews.articleImage .articleHeader {
  padding: 1rem;
}
article.articleNews.articleImage .articleBody {
  margin-top: 0;
}
article.articleNews .articleHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  color: black;
}
article.articleNews .articleHeader span.datePub {
  font-size: 0.75rem;
  font-weight: bold;
}
article.articleNews .contenuParagraphe {
  display: flex;
}
article.articleNews .contenuParagraphe .cellAvatar {
  flex-basis: 20%;
  text-align: center;
}
article.articleNews .contenuParagraphe .cellEdition {
  flex-basis: 80%;
  padding: 0 1rem;
}
article.articleNews h3.titreNews {
  margin: 0.5rem 0 0;
  font-size: 1.2rem;
  padding: 0.5rem 0;
  line-height: 1.2rem;
}
article.articleNews .edition {
  padding: 0.5rem 0;
  color: black;
}
article.articleNews .edition p {
  margin-bottom: 0.25rem;
}
article.articleNews .articleKdre {
  padding: 1rem 0 2rem 0;
}
article.articleNews .articleBody {
  margin-top: 1rem;
  padding: 0;
}
article.articleNews .articleFooter {
  margin: 0;
  padding: 0.5rem;
  background-color: #edede2;
}
article.articleNews .articleFooter h5 {
  font-size: 0.8rem;
}
article.articleNews .footerText {
  margin-top: auto;
  padding: 0.5rem 1rem 0.5rem 0;
}
article.articleNews hr.hrTitre {
  display: table;
  background-color: #eeb67a;
  height: 5px;
  width: 60px;
  margin: 0.25rem 0 0.25rem;
}

article.articleNews .pTag .badgeCat {
  display: inline-block;
  padding: 0.25rem 1rem 0.25rem 0;
  color: white;
  font-weight: bold;
}
article.articleNews .pTag.primary {
  border-bottom-color: #4a60d7;
}
article.articleNews .pTag.primary .badgeCat {
  color: #4a60d7;
}
article.articleNews .pTag.warning {
  border-bottom-color: #eeb67a;
}
article.articleNews .pTag.warning .badgeCat {
  color: #eeb67a;
}
article.articleNews .pTag.info {
  border-bottom-color: #a2d9f5;
}
article.articleNews .pTag.info .badgeCat {
  color: #a2d9f5;
}
article.articleNews .pTag.danger {
  border-bottom-color: #ea5769;
}
article.articleNews .pTag.danger .badgeCat {
  color: #ea5769;
}
article.articleNews .pTag.success {
  border-bottom-color: #4a60d7;
}
article.articleNews .pTag.success .badgeCat {
  color: #4a60d7;
}
article.articleNews .pTag.secondary {
  border-bottom-color: #4f8395;
}
article.articleNews .pTag.secondary .badgeCat {
  color: #4f8395;
}
article.articleNews .pTag.dark {
  border-bottom-color: #4a60d7;
}
article.articleNews .pTag.dark .badgeCat {
  color: #4a60d7;
}

img .imgPost {
  display: table;
  margin: 2rem 0;
  background-color: #edede2;
  padding: 0.25rem;
  margin: 2rem auto;
}

div.pBtnPdf {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #edede2;
  margin: 0;
  padding: 0;
}
div.pBtnPdf .cellContenu {
  padding: 1rem;
}
div.pBtnPdf .btn {
  border-radius: 0;
  padding: 1rem;
}

.itemCelebration {
  display: flex;
  flex-direction: column;
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 1rem;
  border-radius: 0;
}

.itemCelebration .itemStart {
  flex-basis: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 1rem 0;
}

.itemCelebration .itemStart p.pDate {
  font-weight: bold;
}

.itemCelebration .itemStart p.pDate .numJour,
.itemCelebration .itemStart p.pDate .mois {
  font-size: 1.4rem;
}

.itemCelebration .itemEnd {
  flex-basis: 70%;
  background-color: #fff;
}

.itemCelebration .itemTitre {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ddd;
}

.itemCelebration .itemTitre .cellIcone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-basis: 10%;
  align-self: stretch;
  text-align: center;
}

.itemCelebration .itemTitre .cellTitre {
  padding: 0.5rem;
}

.itemCelebration .itemTitre .cellTitre p {
  margin: 0;
}

.itemCelebration .pTitre {
  color: #dc6900;
  color: black;
  font-weight: bold;
  font-size: 1.1rem;
}

.rowCelebration {
  display: flex;
  border-bottom: 1px solid #ddd;
  align-items: top;
}

.rowCelebration .cellGauche {
  flex-basis: 80%;
  padding: 1rem 0.25rem;
  text-align: right;
  border-right: 1px solid #eee;
}

.rowCelebration .cellDroite {
  flex-basis: 20%;
  padding: 1rem 0.25rem;
  text-align: right;
}

.rowCelebration .cellGauche p,
.rowCelebration .cellDroite p {
  margin: 0;
}

.rowCelebration i.precision {
  color: #dc6900;
}

.rowCelebration p.remarque {
  padding: 0.5rem;
}

@media (min-width: 767px) {
  .itemCelebration {
    display: flex;
    flex-direction: row;
  }
}
.table-striped td.themeAvent {
  background-color: var(--themeTpsAvent);
  color: white !important;
}

.table-striped td.themeNoel {
  background-color: var(--themeTpsNoel);
  color: white !important;
}

.table-striped td.themeOrdinaire {
  background-color: var(--themeTpsOrdinaire);
  color: white !important;
}

.table-striped td.themeCareme {
  background-color: #027687;
  color: white !important;
}

.table-striped td.themeTridum {
  background-color: var(--themeTpsTridum);
  color: white !important;
}

.table-striped td.themePascal {
  background-color: var(--themeTpsPascal);
  color: white !important;
}

tr.themeAvent td.tdDate span.tpsLiturgique {
  color: var(--themeTpsAvent);
}

tr.themeNoel td.tdDate span.tpsLiturgique {
  color: var(--themeTpsNoel);
}

tr.themeOrdinaire td.tdDate span.tpsLiturgique {
  color: var(--themeTpsOrdinaire);
}

tr.themeCareme td.tdDate span.tpsLiturgique {
  color: var(--themeTpsCareme);
}

tr.themeTridum td.tdDate span.tpsLiturgique {
  color: var(--themeTpsTridum);
}

tr.themePascal td.tdDate span.tpsLiturgique {
  color: var(--themeTpsPascal);
}

/*
| Thème Avent
*/
.itemCelebration.themeAvent .itemStart {
  background-color: #02606d;
  color: white;
}

.itemCelebration.themeAvent .pTitre .icoTitre {
  color: #02606d;
}

.itemCelebration.themeAvent .itemTitre .cellIcone {
  color: #02606d;
}

.itemCelebration.themeAvent .tpsLiturgique {
  color: #02606d;
  font-weight: bold;
}

/*
| Thème Noel
*/
.itemCelebration.themeNoel .itemStart {
  background-color: #dc9600;
  color: white;
}

.itemCelebration.themeNoel .pTitre .icoTitre {
  color: #dc9600;
}

.itemCelebration.themeNoel .tpsLiturgique {
  color: #dc9600;
  font-weight: bold;
}

/*
| Thème Temps Ordinaire
*/
.itemCelebration.themeOrdinaire .itemStart {
  background-color: #00a81d;
  color: white;
}

.itemCelebration.themeOrdinaire .pTitre .icoTitre {
  color: #00a81d;
}

.itemCelebration.themeOrdinaire .tpsLiturgique {
  color: #00a81d;
  font-weight: bold;
}

/*
| Thème Carème
*/
.itemCelebration.themeCareme .itemStart {
  background-color: #027687;
  color: white;
}

.itemCelebration.themeCareme .pTitre .icoTitre {
  color: #027687;
}

.itemCelebration.themeCareme .tpsLiturgique {
  color: #027687;
  font-weight: bold;
}

/*
| Thème Tridum
*/
.itemCelebration.themeTridum .itemStart {
  background-color: #113294;
  color: white;
}

.itemCelebration.themeTridum .pTitre .icoTitre {
  color: #113294;
}

.itemCelebration.themeTridum .tpsLiturgique {
  color: #113294;
  font-weight: bold;
}

/*
| Thème Pascal
*/
.itemCelebration.themePascal .itemStart {
  background-color: #c11c8b;
  color: white;
}

.itemCelebration.themePascal .pTitre .icoTitre {
  color: #c11c8b;
}

.itemCelebration.themePasca .tpsLiturgique {
  color: #c11c8b;
  font-weight: bold;
}

/*
|
|--------------------------------------
| Défunts
|--------------------------------------
|
*/
p.navDefunts {
  background-color: #edede2;
  background-image: url("../data/image/bkg/brushed-alum-dark.png");
  margin: 2rem 0;
  padding: 0.5rem;
}

p.navDefunts .btn {
  border-radius: 0;
  border: 0;
}

p.navDefunts .btn-primary.active {
  background-color: #075697;
}

#kdreDefunts {
  background-color: #075697;
  padding: 2rem 1rem 1rem;
  background-image: url("../data/image/bkg/binding-light.png");
  box-shadow: 0 0 5px #464646;
}

.card.cardDefunt {
  margin-bottom: 1rem;
  text-align: center;
  background-color: white;
}
.card.cardDefunt .kdre {
  height: 100%;
  margin: 0.5rem;
  border: 2px solid #ae7800;
}
.card.cardDefunt .card-body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.card.cardDefunt .card-body .cellTop {
  flex: 1 1 auto;
}
.card.cardDefunt .card-body .cellBottom {
  margin-top: auto;
}
.card.cardDefunt .fa-solid.faCross {
  color: #ae7800;
}
.card.cardDefunt h3 {
  margin: 1rem 0 0;
}
.card.cardDefunt .dates {
  font-size: 0.85rem;
}
.card.cardDefunt span.age {
  color: #353b63;
  color: #ae7800;
  font-weight: bold;
}
.card.cardDefunt p.funerailles {
  margin: 2rem 0 0;
}
.card.cardDefunt p.funerailles .clocher {
  color: #ae7800;
}

#baseLayout {
  margin: 2rem 0;
}

#navbarAbout .nav-item.dropdown .nav-link,
#navbar__bottom .nav-item.dropdown .nav-link {
  padding: 0 0.5rem;
  border-right: 2px solid #dc6900;
}

#navbar__bottom .nav-link {
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 0.5rem;
}

#navbar__bottom .nav-link:hover {
  color: var(--primary);
}

#navbar__bottom .nav-link.themAccueil {
  color: var(--primary);
}

#navbar__bottom .nav-link.themSacrement {
  color: var(--danger);
}

#navbar__bottom .nav-link.themInfos {
  color: var(--success);
}

#navbar__bottom .nav-link.themTelecharger {
  color: var(--rose);
}

#navbar__bottom .nav-link.themClocher {
  color: var(--secondary);
}