/*user css*/

:root {
  --body-font-size: 1.4em;
  --cassiopeia-color-primary: #f9c72f;
  --cassiopeia-color-link: #fd6219;
  --link-color: #000000;
  --link-color-rgb: 34,79,170;
  --cassiopeia-color-hover: #935009;
  --link-hover-color: #935009;
  --link-hover-color-rgb: 66,64,119;
  --blue: #000000;
}
a.pathway {
  color: #000;
}
.sans {
  margin-bottom: 0;
}
.com-content-article__body a {
  color: #a43706;
}
.com-content-article__body a:hover {
  color: #000000;
}
.container-header {
  z-index: 10;
  background-color: var(--cassiopeia-color-primary);
  background-image: none;
  position: relative;
  box-shadow: inset 0 5px 5px #00000008;
}
.btn-primary {
  background-color: #d9b574;
  border: 1px solid #9f7e42;
  color: #000000;
  width: 250px;
  height: 50px;
  font-size: 1em;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #d1b98a;
  border: 1px solid #9f7e42;
  color: #000000;
}
.btn-eric {
  background-color: #ececec;
  border: 1px solid #aca9a3;
  color: #000000;
  width: 100px;
  font-size: 1em;
  padding: 0px;
}
.header {
  color: #000;
  background-color: #dfbf84;
  background-image: none;
}
.container-header .navbar-brand a {
  color: #000;
}
.container-header .mod-menu {
  color: #000;
}
.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
  background: #000;
}
.container-header .metismenu > li > a::after, .container-header .metismenu > li > button::before {
  opacity: 1;
}

body {
  background-color: #e3d9c5;
}
.sidebar-right.card {
  background-color: #eeebe3;
  border: 1px solid #c4b9a3;
  border-radius: 10px;
}
.sidebar-right.no-card {
  background-color: #eeebe3;
  border: 1px solid #c4b9a3;
  border-radius: 15px;
  padding: 15px;
}
.input-group-text {
  margin-right: 1px;
}
.btn.btn-secondary.input-password-toggle {
  margin-right: 1px;
}
.form-check-input[type="checkbox"] {
  border-radius: .25em;
  width: 25px;
  height: 25px;
  margin-right: 0px;
  border: 1px solid #c4b9a3;
}
.btn.btn-primary.w-100 {
  border: 1px solid #a6813f;
}
.btn.btn-primary.margetop {
  padding: 0;
}
.mod-menu.mod-list.nav {
  font-size: 1.4em;
}
.form-control::placeholder {
  color: #000;
  opacity: 1;
}
.form-check-label {
  font-size: 0.8em;
  margin-left: 10px;
}
.mod-login__submit.form-group {
  text-align: center;
  width: 70%;
  margin: auto;
}
.eric-80 {
  width: 80%;
  margin: auto;
  border: 2px solid #000;
  padding: 20px;
  background-color: #fff;
  border-radius: 15px;
}
.metismenu.mod-menu .metismenu-item {
  font-size: 1.2em;
  padding: .5em 0.8em;
}
.com-content-article.item-page {
  width: 80%;
  margin: auto;
  border: 1px solid #c4b9a3;
  padding: 20px;
  background-color: #fff;
  border-radius: 15px;
}
.main-bottom.card {
  width: 80%;
  margin: auto;
    margin-top: auto;
  border: 1px solid #c4b9a3;
  padding: 0px;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 20px;
}

.mod-breadcrumbs.breadcrumb.px-3.py-2 {
  width: 50%;
  font-size: 0.8em;
  margin: auto;
  background-color: #e3d9c5;
  float: left;
  margin-left: 7%;
  border-bottom: 1px dashed #000;
}
.mm-collapse.mm-show {
  font-size: 0.8em;
}
h1, .h1 {
  margin-bottom: 24px;
  font-family: 'Roboto-Bold', Arial, sans-serif;
  font-variant: petite-caps;
  color: #a16507;
  }
h2, .h2 {
  margin-bottom: 40px;
  color: #a16507;
}
h3, .h3 {
  font-size: 1.1em;
  margin-top: 30px;
  margin-bottom: 20px
}
h4, .h4  {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 0.9em;
  font-weight: normal;
}
.eric {
  font-size: 1.4em;
}
.container-header .container-nav {
  padding-bottom: 0em;
}

.container-header .navbar-toggler {
  color: #fff;
  cursor: pointer;
  border: 3px solid #000;
  background-color: #fff;
}
.mod-breadcrumbs__item.breadcrumb-item.active {
  color: #000;
}
.metismenu.mod-menu .mm-collapse {
  background-color: #e3d9c5;
}
.container-header .metismenu > li.level-1 > ul {
  min-width: 16rem;
}
/*accordion*/
.accordion-button.collapsed {
  background-color: #dfe6f0;
}
.accordion-button {
  font-size: 0.7em;
}
#flush-collapseOne {
  background-color: #dfe6f0;
}
.accordion {
  --accordion-active-bg: #dfe6f0;
}
#accordionFlushExample {
  margin-top: 40px;
}

/*accordion FIN*/
/*Logo Icon Joomla en travaux*/
.logo-icon {
    display: none;
}
.offline-card .header h1 {
   display: none;
}
.offline-card {
  border: 1px solid #0000001a;
  border-radius: 5px;
  width: 100%;
  max-width: 30em;
  margin: 60px auto;
  box-shadow: 0 0 10px #0000000d;
}
/*Logo Icon Joomla en travaux FIN*/
.footer {
  color: #000;
  background-color: #eeebe3;
  background-image: none;
  margin-top: 1em;
}
.fa-2x {
  font-size: 1.6em;
  margin-right: 20px;
  color: #c79e5e;
}
.container-header .navbar-toggler {
  color: #000;
  cursor: pointer;
  border: 1px solid #000;
}
/*Video Resp*/
.video-eric {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	border-radius: 12px!important;
}

.video-eric iframe, .video-eric object, .video-eric embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*Video Resp FIN*/
.mod-menu.mod-list.nav {
  font-size: 1em;
}
/*Modal Largeur*/
.modal {
  --modal-width: 60%
}
.modal-title {
  font-size: 1.4em;
}
#staticBackdropLabel.modal-title {
  font-size: 1em;
}
.modal-header {
  background-color: #ddc39b;
  padding: 15px;
}
.modal-content {
  height: 90%;
  border: none;
}
.modal-footer {
  background-color: #ddc39b;
}

/*Dropdown Psaumes*/
.dropdown-menu.show {
  text-align: center;
  font-size: 1.4em;
}
.dropdown-menu.show {
  background-color: #f7d38e;
  outline: 10px solid #fff;
    outline-color: rgb(255, 255, 255);
    outline-style: solid;
    outline-width: 10px;
  border: none;
}
#dropdownMenuButton1 {
  width: 160px;
}
.eric-20 {
  --modal-width: 30%;
}
.eric-font-14 {
  font-size: 1.4em;
}
.btn-secondary {
  color: #000;
  background-color: #dfbf84;
  border: 1px solid #bc9c61;
  font-size: 1.3rem;
  padding: 3px 10px 3px 10px;
}
.readmore .btn-secondary {
  padding: 1px 15px 1px 15px;
}
.btn-secondary:hover {
  background-color: #fbe197;
  border: 1px solid #bc9c61;
}
.btn.btn-secondary.input-password-toggle {
  background-color: #fff;
  border: 1px solid #ced4da;
}
.btn:hover {
  background-color: #d1b98a;
  border-color: #ada595;
}
.btn-download {
  color: #000;
  background-color: #95c6ea;
  border: 2px solid #618dbc;
  font-size: 1.3rem;
  padding: 10px 10px 10px 10px;
  margin-bottom: 60px;
}

/*Position Main Top pour Psaumes*/
.main-top.card {
  text-align: center;
  background-color: #e3d9c5;
  border: none;
}
.pagenavigation {
  max-width: 80%;
  margin: auto;
}

#mod-custom131 {
  width: 100%;
}
.readmore {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0px;
}
.margetop {
  margin-top: 50px;
}
.icon-chevron-left {
  color: #fff;
  padding-right: 10px;
}
.icon-chevron-right {
  color: #fff;
  padding-left: 10px;
}
.divider.icon-location.icon-fw {
  color: #906e31;
  padding-right: 10px;
}
.footer .grid-child {
  align-items: flex-start;
}
#mod-custom111 {
  width: 100%;
  text-align: center;
}
#mod-custom112 {
  width: 50%;
}
.back-to-top-link {
  color: #693c0c;
  border: 2px solid #5b3411;
  border-radius: 50%;
  }
.com-contact.contact {
  width: 80%;
  margin: auto;
  padding: 20px;
  border: 1px solid #c4b9a3;
  border-radius: 10px;
  background-color: #fff;
}
.com-contact__container {
  display: none;
}
/*Texte envoyer un mail dans le formulaire de contact*/
legend {
  display: none;
}
.footer a:not(.btn):hover {
  color: #755313;
}
.card-body h1 {
  display: none;
}
.card-body h4 {
  color: #a16507;
  font-size: 1.3em;
}
.card-body h3 {
  color: #a16507;
  font-size: 1.3em;
}
.card-header {
  color: #a16507;
  font-size: 1.3em;
  background-color: #eeebe3;
  border: none;
}
.newsflash-title {
  margin-top: 0;
}
.mod-articles-title {
  margin-top: 0;
}
.pagenavigation {
  margin-top: 60px;
}
/*Flexbox Flexbox Flexbox*/
.flex {
display: flex;
gap: 1rem;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
align-content: flex-start;
}
.box-01, .box-02, box-03 {
  margin: 5px;
  box-sizing: border-box;
  flex: 1;
}
/*Fin Flexbox*/

/*Pagination*/
.pagination {
  --pagination-padding-x: .75rem;
  --pagination-padding-y: .375rem;
  --pagination-font-size: 1rem;
  --pagination-color: var(--link-color);
  --pagination-bg: #dfbf84;
  --pagination-border-width: var(--border-width);
  --pagination-border-color: #848586;
  --pagination-border-radius: var(--border-radius);
  --pagination-hover-color: var(--link-hover-color);
  --pagination-hover-bg: #eeebe3;
  --pagination-hover-border-color: var(--border-color);
  --pagination-focus-color: var(--link-hover-color);
  --pagination-focus-bg: #dfbf84;
  --pagination-focus-box-shadow: 0 0 0 .25rem #01015640;
  --pagination-active-color: #000000;
  --pagination-active-bg: #d5750f;
  --pagination-active-border-color: #010156;
  --pagination-disabled-color: #090908;
  --pagination-disabled-bg: #dfbf84;
  --pagination-disabled-border-color: #848586;
  list-style: none;
}
.pagination.ms-0.mb-4 {
  margin-top: 40px;
}
/*Pagination FIN*/
.me-2 {
  display: none;
}

/*Search*/
.awesomplete > input {
  width: 300px;
}
.awesomplete > input {
  max-width: 700px;
}
input#q.js-finder-search-query.form-control {
  width: 30em; 
  margin-top: 0;
  height: 50px;
  font-size: 1em;
}
.com-finder * {
  justify-content: center;
  margin: 5px;
}
.com-finder.finder {
  width: 80%;
  margin: auto;
  border: 2px solid #a6813f;
  padding: 20px;
  background-color: #fff;
  border-radius: 15px;
}
.result__title-text {
  font-size: 1.2em;
  color: #714c0b;
  margin-left: 0;
}
.pause {
  font-size: 0.8em;
  font-style: italic;
}
.autorisation {
  width: 80%;
  margin: auto;
  margin-top: 20px;
  background-color: #e3d9c5;
  font-size: 0.7em;
  color: #484848;
}
.largeur-80 {
  width: 80%;
}
.texte {
  font-size: 0.8em;
  text-align: center;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #c4b9a3;
  border-radius: 8px;
  max-width: 400px;
  margin: auto;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;
}
.center {
  text-align: center;
}
.fa-circle-info {
  color: #3c96d7;
}
.info {
margin-top:-23px;
}
/*Google Map*/
.gm-style .place-card-large {
  padding: 9px 4px 9px 11px;
  display: none;
}
/*Focus Menu*/
.mod-menu__heading.nav-header.mm-collapsed.mm-toggler.mm-toggler-nolink:focus-visible {
  border: 3px dotted #000;
  padding: 5px;
}
a:focus-visible {
  border: 3px dotted #000;
  padding: 5px;
}
#system-message-container {
  width: 80%;
  margin: auto;
}
.accordion-button.collapsed {
  background-color: #fff;
  padding: 0;
}
.accordion-body {
  background-color: #fff;
}
.error {
  background-image: url("/images/404.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.mod-articles-category-title.active {
  color: #a16507;
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--btn-active-color);
  background-color: #a16507;
  border-color: #a16507;
}
/*Collaps NOM Auteur*/
.ital {
  font-style: italic;
  font-size: 0.8em;
  color: #856f45;
  margin-top: 40px;
}
.italique a {
 color: #856f45;
 font-size: 0.8em;
 font-style: italic;
 text-decoration: none;
}
.fond-collapse {
  background-color: #f6f6f6;
}
/*Collaps NOM Auteur fin*/
.btn.btn-sm.btn-secondary.next {
  padding-left: 36px;
}
/*Pour class du module */
.ericmodule .mod-list {
 list-style: square;
 margin-left: 25px;
 color: #a16507;
 padding: 10px;
}
.test h3{
padding-left: 15px;
color: #a16507;
font-size: 1.3em;
}
.mod-articles-link.active {
  color: #a16507;
}
/*Pour class du module FIN */
.readmore .icon-chevron-right {
  display: none;
}
.psaumes {
  margin-top: .5em;
  font-size: 2em;
  font-variant: petite-caps;
}

/*Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile Mobile*/

@media (max-width: 992px) {

:root {
  --body-font-size: 1.1em;
}
  #mod-custom110 {
    width: 460px;
    text-align: center;
  }
  #mod-custom112 {
  width: 100%;
}
.eric-font-14 {
  font-size: 1.8em;
}
.logo-mobile {
  width: 60%;
  text-align: center;
}

.btn.btn-primary.w-100 {
  font-size: 1em;
}
  .btn-secondary {
  color: #000;
  font-size: 1rem;
}
.eric-80 {
  width: 100%;
  margin: auto;
  border: 2px solid #a6813f;
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
}
.com-content-article.item-page {
  width: 100%;
  margin: auto;
  border: 1px solid #c4b9a3;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
}
  .main-bottom.card {
  width: 100%;
  margin: auto;
  margin-top: auto;
  border: 1px solid #c4b9a3;
  padding: 10px;
  background-color: #fff;
  border-radius: 8px;
  margin-top: 10px;
}

.mod-breadcrumbs.breadcrumb.px-3.py-2 {
  width: 100%; 
  padding: 0;
  margin: 0;
}
  h1, .h1 {
    margin-bottom: 10px;
  }
h2, .h2 {
  margin-bottom: 10px;
}
.navbar.navbar-expand-lg {
  margin-right: 20px;
}
.navbar-toggler.navbar-toggler-right {
  color: #000;
  padding: 5px 15px 5px 15px;
} 
  .metismenu.mod-menu .metismenu-item {
  font-size: 1.1em;
}
.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
  width: 300px;
  background-color: #fff;
  border: 2px solid #000;
}
  .pagenavigation {
  max-width: 100%;
}
  .icon-arrow-up.icon-fw {
  color: #e36c14;
}
  .back-to-top-link:hover, .back-to-top-link:focus {
  color: var(--white,#fff);
  background-color: #fcefbc;
  border-color: #000;
}
  input#q.js-finder-search-query.form-control {
  width: 15em;  
}
  .com-finder.finder {
  width: 100%;
  padding: 0px;
  border-radius: 10px;
}
  .pagination {
  margin-bottom: 0;
  flex-wrap: wrap;
}
  .largeur-80 {
  width: 100%;
}
  .texte {
  font-size: 0.8em;
  margin-bottom: 20px;
}
  #staticBackdropLabel.modal-title {
  font-size: 0.8em;
}
  .modal-dialog.modal-lg.jviewport-width80 {
  width: 94%;
  margin: auto;
    margin-top: auto;
  margin-top: 15px;
}
  .psaumes {
  font-size: 2.6em;
}
}
/*Mobile*/
@media screen (max-width: 576px) {
  .box-01, .box-02, box-03 {
  flex: auto;
}
  .largeur-80 {
  width: 100%;
}
  .texte {
  font-size: 0.8em;
  margin-bottom: 20px;
}
  .eric-20 {
  --modal-width: 60%;
}
}

/*********************************************/
/*SMARTPHONE CSS*/

@media (max-width: 800px) {
  .ishome .container-header, /* only required if using the full screen image on the home page */
  .container-header {
      position: fixed;
      top: auto;
      bottom: 0;
      width: 100%;
      padding: 0;
      background-color: #ededed;
      background-image: unset;
  }
 .navbar-collapse {
      position: fixed;
      bottom: 60px;
      left: 0;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
      width: 100%;
      background: #fff;
      height: auto;
      min-height: 550px;
      overflow: auto;
  }
  .navbar-collapse.collapsing {
    height: auto;
    transition: left 0.3s ease;
    left: -100%;
  }

  .navbar-collapse.show {
    left: 0;
    transition: left 0.3s ease-in;
  }

 .navbar-toggler {
    position: fixed;
    bottom: 20px;
    z-index: 9999;
    display: block;
    width: 70px;
    height: 70px;
    background-color: #faf6e9 !important;
    border: 4px solid #a16507 !important;
    border-radius: 40px;
    right: 10px;
  }
  .container-header img {
    max-width: 75%;
  }
.back-to-top-wrapper {
    right: 40%;
}
  .back-to-top-link {
  border: 2px solid #000;
  border-radius: 50%;
  right: 40%;
}
  #back-top {
  width: 50px;
  height: 50px;
  text-align: center;
}
  .metismenu.mod-menu .mm-collapse {
  background-color: #fff;
}
  .container-header .container-nav {
  background-color: #dfbf84;
  margin: 0;
  padding: 5px;
}
.com-contact.contact {
  width: 100%;
  padding: 10px;
}
  .largeur-80 {
  width: 100%;
}
  .texte {
  font-size: 0.8em;
  margin-bottom: 20px;
  width: 100%;
}
  .texte2 {
  width: 100%;
}
  .eric-20 {
  --modal-width: 60%;
}
}
/*SMARTPHONE CSS fIN*/

/*Menu is-hoverable*/
@media (min-width: 992px) {
  .mod-menu.is-hoverable > li:hover > .mm-collapse:not(.mm-show) {
    display: block;
    font-size: 0.8em;
  }
  .mod-menu.is-hoverable > li:hover > .mm-toggler:after {
    transform: rotateX(-180deg);
  }
}