/*
#@local/cache-less/lessdyn-css_main_less-cab86fd3.less
*/
/* #PRODUIRE{fond=css/main.less}
   md5:79e5c9ceb2a27430d7ac9b5ea00562d7 */
html {
  --scrollbarBG: rgba(233, 242, 252, 0.2);
  --thumbBG: rgba(209, 151, 27, 0.5);
}
.fc-scroller::-webkit-scrollbar {
  width: .25rem;
}
.fc-scroller {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.fc-scroller::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.fc-scroller::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 6px;
  border: 0px solid var(--scrollbarBG);
}
/* oswald-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/oswald-v49-latin-300.woff') format('woff');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/oswald-v49-latin-regular.woff') format('woff');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/roboto-v30-latin-300.woff') format('woff');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/roboto-v30-latin-300italic.woff') format('woff');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/roboto-v30-latin-regular.woff') format('woff');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/roboto-v30-latin-italic.woff') format('woff');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/roboto-v30-latin-700.woff') format('woff');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url('https://www.serviteurs.org/plugins/_squelserviteurs/fonts/roboto-v30-latin-700italic.woff') format('woff');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
html {
  font-size: 100.01%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  background-color: white;
  font-family: 'Roboto', sans-serif;
  font-size: 1.1875rem;
  color: #222222;
}
@media screen and (max-width: 80em) {
  body {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 64em) {
  body {
    font-size: 1rem;
  }
}
p,
ul,
ol,
dl {
  font-weight: 300;
}
a,
li,
button {
  -webkit-transition: all .3s ease!important;
  transition: all .3s ease!important;
}
a[href]:hover,
a[href]:focus,
a[href]:hover h2,
a[href]:focus h2 {
  color: #d1971b !important;
  -webkit-transition: all .3s ease!important;
  transition: all .3s ease!important;
}
iframe {
  width: 100% !important;
}
:focus {
  outline: none;
}
select {
  cursor: pointer;
}
.spip_logo {
  max-width: 100%;
}
.ariaformprop {
  padding: 0px;
  margin: 0px;
  position: relative;
  z-index: 99;
  background-color: white;
  font-size: 80%;
}
.erreur_message {
  padding: 0 1em;
  text-align: left;
  display: inline-block;
  line-height: 1.1;
}
.reponse_formulaire {
  margin-bottom: .1em;
}
.ajaxbloc {
  height: 100% !important;
}
.row {
  max-width: 75rem;
}
.button,
button {
  padding: .55rem 1.5rem .625rem;
  font-size: 1rem;
  color: white;
  font-weight: 400 !important;
  border-radius: 4px;
}
.button:hover,
.button:focus,
a.button:hover,
a.button:focus,
button:hover,
button:focus {
  background-color: white !important;
  border-color: #5782bd !important;
}
[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea {
  box-shadow: none !important;
}
.button.warning {
  background-color: #D1971B;
  color: #39557a;
  font-weight: 400;
}
.text-left {
  text-align: left !important;
}
.menu > li > a {
  padding: 1rem !important;
}
@media screen and (max-width: 80em) {
  .menu > li > a {
    padding: 0.89473685rem !important;
  }
}
@media screen and (max-width: 64em) {
  .menu > li > a {
    padding: 0.84210526rem !important;
  }
}
.menu-centered > .menu li {
  align-items: center;
}
.title-bar-center .menu > li:hover,
.title-bar-center .menu > li:focus,
.title-bar-center .menu > li.rubActive {
  background-color: #d1971b;
  font-weight: normal;
}
.rubActive strong {
  font-weight: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}
h1 {
  font-size: 2.5rem;
}
@media screen and (max-width: 40em) {
  h1,
  .h1 {
    font-size: 2rem;
  }
}
.triadeA {
  background-color: #5782bd !important;
}
.texte-triadeA {
  color: #5782bd !important;
}
.triadeB {
  background-color: #d1971b !important;
}
.texte-triadeB {
  color: #d1971b !important;
}
.triadeB.opacity-50 {
  background-color: rgba(209, 151, 27, 0.5);
}
.triadeC {
  background-color: #e9f2fc !important;
}
.texte-triadeC {
  color: #e9f2fc !important;
}
.colorOurs {
  background-color: #39557a !important;
  color: white !important;
}
.texte-colorOurs {
  color: #39557a !important;
}
.colorOttm {
  background-color: #9ea17b !important;
  color: white !important;
}
a.colorOttm[href]:hover,
a.colorOttm[href]:focus,
a.colorJeun[href]:hover,
a.colorJeun[href]:focus,
a.colorCasa[href]:hover,
a.colorCasa[href]:focus {
  color: #39557a !important;
}
.texte-colorOttm {
  color: #9ea17b !important;
}
.colorJeun {
  background-color: #d1971b !important;
  color: white !important;
}
.texte-colorJeun {
  color: #d1971b !important;
}
.colorCasa {
  background-color: #c4762f !important;
  color: white !important;
}
.texte-colorCasa {
  color: #c4762f !important;
}
.colorComm {
  background-color: #39557a !important;
  color: white !important;
}
.texte-colorComm {
  color: #39557a !important;
}
.colorComm.opacity-70 {
  background-color: rgba(57, 85, 122, 0.7);
}
.colorForm {
  background-color: #5782bd !important;
}
.texte-colorForm {
  color: #5782bd !important;
}
.colorForm.opacity-70 {
  background-color: rgba(87, 130, 189, 0.7);
}
.colorMari {
  background-color: #87a6cc !important;
}
.texte-colorMari {
  color: #87a6cc !important;
}
.colorMari.opacity-70 {
  background-color: rgba(135, 166, 204, 0.7);
}
.triadeP {
  background-color: #222222 !important;
}
.texte-triadeP {
  color: #222222 !important;
}
.colorGris {
  background-color: #888888;
}
.texte-colorGris {
  color: #888888 !important;
}
.colorGrisFonce {
  background-color: #666666;
}
.colorGrisClair {
  background-color: #cccccc;
}
.texte-colorGrisClair {
  color: #cccccc !important;
}
.colorGrisTresClair {
  background-color: #ececec;
}
.texte-colorGrisFonce {
  color: #666666 !important;
}
.colorBlanc {
  background-color: white !important;
}
.texte-blanc {
  color: white !important;
}
.tempsAnnee {
  background-color: #b6c8db !important;
}
.tempsAvent {
  background-color: #39547a !important;
}
.tempsNoel {
  background-color: #5782bd !important;
}
.tempsCareme {
  background-color: #7495bd !important;
}
.tempsPascal {
  background-color: #66778d !important;
}
.tempsSolennites {
  background-color: #95a3b4 !important;
}
.evenementsVie {
  background-color: #d8d8d8 !important;
}
.flexbox-flex {
  display: flex;
  align-items: baseline;
  margin-bottom: .5em;
}
.flexbox-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.flexbox-center-top {
  display: flex !important;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
.flexbox--center {
  display: flex;
  align-items: center;
}
.flexbox-column-space-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flexbox-wrap-space-between {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.flexbox-wrap-space-around {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
@media screen and (max-width: 47.9375em) {
  .flex-nowrap {
    flex-wrap: wrap;
  }
}
.flexbox-stretch {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 40em) {
  .flexbox-stretch {
    display: block;
  }
}
.label-input {
  font-size: 1.25rem;
  font-weight: 300;
}
.sans-border {
  border: 0 !important;
}
.avec-border {
  border: 1px solid #5782bd !important;
}
.avec-border-top {
  border-top: 1px solid #5782bd !important;
}
.avec-border-bottom {
  border-bottom: 1px solid #5782bd !important;
}
.avec-border-left {
  border-left: 1px solid #5782bd !important;
}
.sans-margin {
  margin: 0 !important;
}
.avec-margin {
  margin: 1.5em !important;
}
.avec-margin-top {
  margin-top: 1.5em !important;
}
.avec-margin-right {
  margin-right: 1.5em !important;
}
.avec-margin-bottom {
  margin-bottom: 1.5em !important;
}
.avec-margin-bottom05 {
  margin-bottom: .5em !important;
}
.avec-margin-bottom015 {
  margin-bottom: .15em !important;
}
.avec-margin-left {
  margin-left: 1.5em !important;
}
@media screen and (min-width: 40em) {
  .avec-margin-bottom-for-medium {
    margin-bottom: 1.5em !important;
  }
}
.sans-padding {
  padding: 0 !important;
}
@media screen and (max-width: 40em) {
  .sans-padding-for-small {
    padding: 0 !important;
  }
}
.avec-padding {
  padding: 1em !important;
}
.avec-padding05 {
  padding: .5em !important;
}
.avec-padding-top {
  padding-top: 1em !important;
}
.avec-padding-top05 {
  padding-top: .5em !important;
}
.avec-padding-top15 {
  padding-top: 1.5em !important;
}
.avec-padding-right {
  padding-right: 1em !important;
}
.avec-padding-right05 {
  padding-right: .5em !important;
}
.avec-padding-bottom {
  padding-bottom: 1em !important;
}
.avec-padding-bottom05 {
  padding-bottom: .5em !important;
}
.avec-padding-left {
  padding-left: 1em !important;
}
.avec-padding-left05 {
  padding-left: .5em !important;
}
.avec-padding-leftright {
  display: block;
  padding-right: 1em !important;
  padding-left: 1em !important;
}
.display-block {
  display: block !important;
}
.text-transform-none {
  text-transform: none !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.font-family-oswald {
  font-family: Oswald !important;
}
.font-family-roboto {
  font-family: Roboto !important;
}
.font-style-italic {
  font-style: italic !important;
}
.font-size-130 {
  font-size: 130% !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.position-relative {
  position: relative !important;
}
.z-index-999 {
  z-index: 999 !important;
}
.pave-content p {
  padding-top: .75em;
  line-height: 1.25em;
  border-top: 1px solid rgba(150, 150, 150, 0.75);
}
.pave-content h1,
.pave-content h2,
.pave-content h3,
.pave-content h4,
.pave-content .h1,
.pave-content .h2,
.pave-content .h3,
.pave-content .h4 {
  text-transform: uppercase;
}
.pave-content h3,
.pave-content h4 {
  width: 100%;
  font-size: 1.25rem;
}
.pave-content h4 {
  padding-right: .5em;
  padding-left: .5em;
}
.pave-img-titre-desc-suite.triadeA h3,
.pave-img-titre-desc-suite.triadeA .pave-content p,
.pave-img-titre-desc-suite.triadeA .filaire {
  border-color: #ffffff;
  color: #ffffff;
}
.pave-img-titre-desc-suite.triadeB h3,
.pave-img-titre-desc-suite.triadeB .pave-content p,
.pave-img-titre-desc-suite.triadeB .filaire {
  border-color: #ffffff;
  color: #ffffff;
}
.pave-img-titre-desc-suite.triadeC h3,
.pave-img-titre-desc-suite.triadeC .pave-content p,
.pave-img-titre-desc-suite.triadeC .filaire {
  border-color: #222222;
  color: #222222;
}
.pave-imggauche-titre-desc-suite {
  background-color: rgba(209, 151, 27, 0.12);
  max-width: 100% !important;
  min-height: 240px;
  padding: 1em 0 1em 1em;
}
.pave-imggauche-titre-desc-suite .pave-content {
  padding-top: 0;
  text-align: left;
  overflow: hidden;
}
.pave-imggauche-titre-desc-suite img {
  float: left;
}
@media screen and (max-width: 40em) {
  .pave-imggauche-titre-desc-suite img {
    float: none;
  }
  .pave-imggauche-titre-desc-suite .pave-content {
    padding-top: 1em;
    text-align: center;
  }
}
.title-bar {
  background: #5782bd;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4c73a3 0%, #5782bd 18%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4c73a3 0%, #5782bd 18%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4c73a3 0%, #5782bd 18%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  height: auto;
  padding: 0;
  display: block;
}
.title-bar ul.dropdown > li > a {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  color: white !important;
  text-transform: uppercase;
  font-size: 1.75rem;
  letter-spacing: .05rem;
  margin: .25em .75em .15em;
}
@media screen and (max-width: 80em) {
  .title-bar ul.dropdown > li > a {
    margin-top: .3em;
    margin-right: .5em;
    margin-left: .5em;
  }
}
.title-bar-center {
  width: 95%;
  margin: 0 auto;
  padding: 0 !important;
  text-align: center;
}
.title-bar-center.sous-bar {
  text-align: left;
}
.title-bar-center.sous-bar .dropdown {
  width: 100%;
}
.title-bar-center > ul {
  display: inline-flex !important;
  justify-content: center;
}
.title-bar-center .menu {
  display: inline-block;
}
.title-bar-center .menu > li {
  display: inline-block;
  border-left: 1px dotted rgba(255, 255, 255, 0.75);
}
.title-bar-center .menu > li:first-child {
  border: none;
}
.title-bar-center.smartphone {
  float: none;
  width: 170px;
  padding: .5em 0 !important;
}
.title-bar-right {
  float: right;
}
.title-bar-right a {
  display: inline-block;
  padding: .45em;
  color: white;
}
.title-bar-right a .fa {
  margin-left: .45em;
}
.title-bar-left a {
  display: inline-block;
  padding: .6em;
  color: white;
}
.title-bar-left a .fa {
  margin-right: .45em;
}
nav.tab-bar.title-bar {
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 999;
}
nav.tab-bar.title-bar h1 {
  display: inline-block;
  padding-top: .3em;
  font-size: 1em !important;
  text-transform: uppercase;
}
.title-bar .menu-icon {
  padding-right: 0;
  padding-left: 0;
}
.title-bar .icon-bar {
  vertical-align: middle;
  padding: .1em .1em 0;
  font-size: 2.4em;
}
.title-bar .icon-bar:hover,
.title-bar .icon-bar:focus {
  color: #ebc167;
}
.sous-bar {
  width: 100% !important;
  padding: 0 !important;
  border-bottom: 1px solid #ccc;
}
.sous-bar ul.dropdown > li > a {
  color: #5782bd !important;
  font-size: 1.3rem;
}
.sous-bar ul.dropdown > li > a.hover,
.sous-bar ul.dropdown > li > a.on {
  color: #b67d03 !important;
}
.sous-bar ul.dropdown > li > a strong {
  font-weight: inherit;
}
.sous-bar ul.dropdown > li:hover,
.sous-bar ul.dropdown > li:focus {
  background-color: #e9f2fc !important;
}
.menu-mega {
  display: inherit !important;
  background-color: #e9f2fc;
  width: 100%;
  max-width: 75rem;
  max-height: 50vh;
  overflow-y: auto;
  margin: 0 auto !important;
  left: 0% !important;
  right: 0% !important;
  border: none !important;
  border-left: 1px solid #ccc!important;
  border-right: 1px solid #ccc!important;
  border-bottom: 1px solid #5782bd !important;
  z-index: 1000;
  -webkit-transition: all 0.1s ease-in !important;
  transition: all 0.1s ease-in !important;
}
.menu-mega li > a {
  padding-left: 0 !important;
  color: #39557a;
  font-weight: 300;
  font-size: 1.1em;
  -webkit-transition: none !important;
  transition: none !important;
}
.menu-mega li {
  -webkit-transition: none !important;
  transition: none !important;
}
.menu-mega li:hover,
.menu-mega li:focus {
  background-color: transparent !important;
}
.menu-mega li a:hover,
.menu-mega li a:focus {
  color: #b67d03 !important;
}
.menu-mega .titre-list {
  display: inline-block;
  width: 100%;
  padding-bottom: .25em !important;
  border-bottom: 1px solid #5782bd !important;
}
.menu-mega .titre-list a {
  display: inline-block;
  width: 100%;
  padding-bottom: .25em !important;
  font-size: 1.1em;
  font-weight: 400;
  text-transform: uppercase;
}
.menu-mega .item-list {
  display: inline-block !important;
  width: 100%;
  border-top: 1px solid white;
}
.dropdown-pane {
  border-radius: 0;
}
#navPictosRaccourcis {
  position: fixed;
  right: 0;
  z-index: 9990;
}
#navPictosRaccourcis li {
  flex: auto;
  height: 3.11em;
  padding: 0;
  border-top: 1px solid white;
  text-align: center;
}
#navPictosRaccourcis li a {
  width: 2.2em;
  max-width: 2.2em;
  right: 0;
  padding: .5em .8em;
  color: white;
  font-size: 1.4em;
}
#navPictosRaccourcis li a span {
  vertical-align: middle;
}
#navPictosRaccourcis .expanded {
  width: auto;
}
@media screen and (min-width: 1281px) {
  #navPictosRaccourcis li {
    display: table-cell !important;
    border-bottom: none !important;
  }
  #navPictosRaccourcis li a:hover {
    position: absolute;
    background-color: #5782bd;
    width: auto;
    max-width: 500px;
    right: 0;
    color: white !important;
    font-weight: 400;
    opacity: 1;
    white-space: nowrap;
    -webkit-transition: max-width 1.25s linear !important;
    transition: max-width 1.25s linear !important;
  }
  #navPictosRaccourcis li a:hover span:first-of-type {
    color: #d1971b;
  }
  #navPictosRaccourcis li a:hover .hide {
    display: inline-block !important;
    padding-left: .5em;
    font-size: .8em;
  }
}
@media screen and (max-width: 1280px) {
  #navPictosRaccourcis {
    left: 0;
    bottom: 0;
  }
  #navPictosRaccourcis .menu {
    max-width: 640px;
    margin: 0 auto;
  }
  #navPictosRaccourcis li {
    border: none !important;
  }
  #navPictosRaccourcis li a {
    display: inline-block;
    width: 100%;
    max-width: 100%;
  }
  #navPictosRaccourcis li a:hover {
    background-color: #d1971b !important;
    color: white !important;
  }
  #navPictosRaccourcis .menu.large-vertical {
    flex-direction: row;
  }
}
@media screen and (min-width: 1281px) {
  #navPictosRaccourcis .expanded {
    width: auto;
  }
}
#navPictosRaccourcisSommaire {
  width: 100% !important;
}
#navPictosRaccourcisSommaire li {
  margin: .4em 0;
  border-left: 1px solid #5782bd !important;
}
#navPictosRaccourcisSommaire li:first-of-type {
  border-left: none !important;
}
#navPictosRaccourcisSommaire li:hover,
#navPictosRaccourcisSommaire li:focus {
  background-color: transparent;
}
#navPictosRaccourcisSommaire a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#navPictosRaccourcisSommaire .icon-2x {
  font-size: 2rem !important;
  padding-left: 5px !important;
}
#navPictosRaccourcisSommaire .icon-2x:hover,
#navPictosRaccourcisSommaire .icon-2x:focus {
  color: #d1971b !important;
}
.off-canvas-content {
  background-color: white;
}
.off-canvas.position-left {
  left: -250px;
  top: 0;
  width: 250px;
  height: 100%;
}
.off-canvas.position-right {
  right: -250px;
  top: 0;
  width: 250px;
  height: 100%;
}
.vertical.menu .item {
  color: #5782bd;
  border-bottom: 1px solid #ccc;
}
.vertical.menu .item:hover,
.vertical.menu .item:focus {
  background-color: white;
}
@media screen and (max-width: 40em) {
  .recherche {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
.recherche #champRecherche,
.recherche-homelies #champRechercheHomelies,
.recherche-conferences #champRechercheConferences {
  height: auto;
  padding: .75em;
  border: 1px solid #5782bd;
  border-radius: 0;
}
.recherche-homelies #champRechercheHomelies,
.recherche-conferences #champRechercheConferences {
  padding: .55em;
  border: 1px solid #aaa;
}
.recherche button,
.recherche-homelies button,
.recherche-conferences button {
  position: absolute;
  top: 0;
  left: 0;
  padding: .75rem 1.5rem .75rem!important;
  font-size: 1.4rem;
  border-right: 1px solid #5782bd;
  border-radius: 0;
}
.recherche button:hover,
.recherche-homelies button:hover,
.recherche-conferences button:hover {
  cursor: pointer;
}
.recherche-homelies button,
.recherche-conferences button {
  padding: .4rem 1.5rem!important;
  border-right: none;
}
.recherche-homelies button:hover,
.recherche-conferences button:hover {
  background-color: rgba(87, 130, 189, 0.5) !important;
}
.annonce .campagne {
  width: 100% !important;
}
.annonce .encart-label {
  transform: translate(-2.5em, 3em) rotate(-90deg);
  display: inline-block;
}
.plan-sommaire .columns,
.contentRubrique .columns,
.contentHomelie .columns {
  position: relative;
}
.plan-sommaire article,
.contentRubrique article,
.contentHomelie article {
  padding-top: 2.75em;
  padding-bottom: 2.5em;
  border-top: 1px solid #ccc;
}
.contentRubrique article,
.contentHomelie article {
  border-top: none;
}
.contentRubrique article img,
.contentHomelie article img {
  background-color: #F5F5F5;
}
.plan-sommaire h2.show-for-medium {
  margin-top: -10px !important;
}
.plan-sommaire h2.hide-for-medium {
  position: absolute;
  max-width: 400px;
  padding: .25em 0 .3em;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
}
.plan-sommaire h2.hide-for-medium a {
  font-size: 1.3em;
}
.plan-sommaire p,
.contentRubrique p {
  padding-top: 1em;
}
.contentRubrique h2,
.contentRubrique .sous-titre,
.contentEspace h2,
.contentEspace .sous-titre {
  line-height: 1.25em;
}
.plan-sommaire p,
.contentRubrique p,
.contentRubrique h2,
.contentRubrique .sous-titre,
.contentHomelie h2 {
  padding-right: 5.5rem;
}
@media screen and (max-width: 64em) {
  .plan-sommaire p,
  .contentRubrique p,
  .contentRubrique h2,
  .contentRubrique .sous-titre,
  .contentHomelie h2 {
    padding-right: 3rem;
  }
}
@media screen and (max-width: 40em) {
  .plan-sommaire p,
  .contentRubrique p,
  .contentRubrique h2,
  .contentRubrique .sous-titre,
  .contentHomelie h2 {
    padding-right: 1em;
  }
}
.autres-articles .sous-titre {
  padding-bottom: .25em !important;
}
.contentHomelie .logo-content p {
  padding-top: 2.5em;
  font-weight: 400;
  line-height: 1.3em;
}
.contentHomelie .logo-content .h2 {
  font-weight: 700;
}
.plan-sommaire li a {
  margin-right: .5em;
  padding: .25em 0 .35em!important;
  color: #666;
  font-family: Oswald;
  font-weight: 300;
  font-size: 1.37em;
  border-bottom: 1px solid #5782bd;
}
.plan-sommaire li:last-child a {
  border-bottom: none;
}
.plan-sommaire .chevron,
.contentRubrique .chevron,
.contentHomelie .chevron {
  display: block;
  position: absolute;
  top: 100px;
  right: 25px;
  font-size: 3.56rem;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.contentHomelie header,
.contentHomelie footer {
  width: 100%;
}
.contentHomelie ul label {
  font-weight: 700;
  padding: .3em 1em;
}
.nomSiteSticky {
  padding: 0;
  height: 0;
  transition: all .25s ease;
}
.nomSiteSticky p {
  margin: 0;
}
.nomSiteSticky a {
  margin: 0;
  font-size: 0;
  transition: all .25s ease;
}
.is-stuck .nomSiteSticky {
  visibility: visible !important;
  padding: .5em 0 .3em;
  height: auto;
  transition: all .5s ease;
}
.is-stuck .nomSiteSticky a {
  font-family: 'Oswald', sans-serif;
  font-size: 1em;
  color: #5782bd !important;
  text-transform: uppercase;
  transition: all .5s ease;
}
.border-right {
  border-right: 1px solid rgba(255, 255, 255, 0.75);
}
.border-left {
  border-left: 1px solid rgba(255, 255, 255, 0.75);
}
#ancre_agenda {
  border-top: 1px solid #e9f2fc;
}
@media screen and (max-width: 40em) {
  #ancre_agenda {
    background: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 1px solid #5782bd;
  }
}
#listeEvenements .dateEvenementCarre {
  margin-bottom: 0 !important;
}
#listeEvenements .dateEvenementTexte {
  padding: 0 .6em !important;
  text-align: center;
  border: 1px solid #ccc;
}
#listeEvenements .dateEvenementTexte h5 {
  margin-top: 0px;
  font-size: 1.4em;
}
.listeEvenementsAgenda .row .row {
  margin-top: .9em;
  margin-bottom: 1em;
  border-bottom: 1px solid #bbb;
  height: 90%;
}
.listeEvenementsAgenda p {
  margin: 0;
}
.listeEvenementsAgenda .dateEvenementTexte .icon-location {
  padding-right: .25em;
}
.dateEvenementCarre {
  max-width: 100px;
  margin-bottom: 1em;
}
@media screen and (max-width: 64em) {
  .dateEvenementCarre {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
}
.dateEvenementCarre p {
  margin: 0;
  padding: .4em;
  color: #fff;
  font-size: .85em !important;
  font-weight: 400;
  text-align: center !important;
}
.dateEvenementCarre span {
  display: block;
}
#agenda-boutons-filtre .bouton-filtre a {
  display: inline-block;
  width: 100%;
  padding: .1em;
  font-size: 1.1em;
  color: white;
}
#agenda-boutons-filtre .bouton-filtre a:hover,
#agenda-boutons-filtre .bouton-filtre a:focus {
  background-color: #e9f2fc;
}
#agenda-boutons-filtre .menu {
  background-color: white;
  border: 1px solid #5782bd;
  z-index: 99;
}
.listeRecherches .menu {
  background-color: white;
  border: 1px solid #aaa;
  z-index: 99;
}
#agenda-boutons-filtre .menu a {
  color: #39557a;
  font-weight: 400;
}
.listeRecherches .menu a {
  padding: .75em 2em .75em .75em!important;
  font-size: 90%;
  color: #222222;
}
#agenda-boutons-filtre .dropdown.menu {
  text-align: center;
}
@media screen and (min-width: 40em) {
  #agenda-boutons-filtre .dropdown.menu,
  .listeRecherches .dropdown.menu {
    margin-top: 1em;
  }
}
#agenda-boutons-filtre .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  right: 2rem;
  border-color: #39557a transparent transparent;
}
.listeRecherches .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  right: 10px;
  border-color: #222222 transparent transparent;
}
#agenda-boutons-filtre .dropdown.menu li,
.listeRecherches .dropdown.menu li {
  display: inline-block;
  width: 100%;
}
.listeRecherches .dropdown.menu li.is-active {
  background-color: #e9f2fc;
}
#agenda-boutons-filtre .dropdown.menu li li {
  border-bottom: 1px dotted #5782bd;
}
.listeRecherches .dropdown.menu li li {
  border-bottom: 1px dotted #aaa;
}
#agenda-boutons-filtre .dropdown.menu li li:last-child,
.listeRecherches .dropdown.menu li li:last-child {
  border-bottom: none;
}
#agenda-boutons-filtre .dropdown.menu li li a:hover,
#agenda-boutons-filtre .dropdown.menu li li a:focus,
.listeRecherches .dropdown.menu li li a:hover,
.listeRecherches .dropdown.menu li li a:focus {
  background-color: #e9f2fc;
}
.pave-content.menulisteRecherches {
  position: relative;
  width: 100%;
}
.menulisteRecherches .menu {
  background-color: white;
  border: 1px solid #aaa;
  z-index: 99;
}
.menulisteRecherches .menu a {
  padding: .75em 2em .75em .75em!important;
  font-size: 90%;
  color: #222222;
}
@media screen and (min-width: 40em) {
  .menulisteRecherches .dropdown.menu {
    margin-top: .5em;
  }
}
.menulisteRecherches .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  right: 10px;
  border-color: #222222 transparent transparent;
}
.menulisteRecherches .dropdown.menu li {
  display: inline-block;
  width: 100%;
}
.menulisteRecherches .dropdown.menu li.is-active {
  background-color: #e9f2fc;
}
.menulisteRecherches .dropdown.menu li li {
  border-bottom: 1px dotted #aaa;
}
.menulisteRecherches .dropdown.menu li li:last-child {
  border-bottom: none;
}
.menulisteRecherches .dropdown.menu li li a:hover,
.menulisteRecherches .dropdown.menu li li a:focus {
  background-color: #e9f2fc;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  left: -1px !important;
  right: -1px !important;
}
.page.contentArticle .dateEvenementCarre span {
  display: inline;
  padding: 0 .2em;
}
.page.contentArticle .dateHeure {
  display: block !important;
}
.page.contentArticle .dateEvenementCarre p {
  font-size: initial !important;
}
.listeEvenementsAgenda .dateEvenementCarre .dateJour,
.listeEvenementsAgenda .dateEvenementCarre .dateNombre {
  display: block;
  vertical-align: middle;
}
.dateEvenementCarre time {
  display: block;
  padding: .2em 0;
  line-height: .85;
}
.listeEvenementsAgenda .dateEvenementCarre p {
  line-height: 1.7em;
}
.dateEvenementCarre .dateNombre {
  padding: .2em 0;
  font-size: 2em;
}
.dateEvenementCarre .dateHeure {
  margin-top: .3em;
  padding-top: .2em;
  border-top: 2px dotted rgba(255, 255, 255, 0.3);
}
.dateEvenementTexte {
  padding-left: .6em !important;
  padding-bottom: .8em !important;
}
.dateEvenementTexte h1 {
  background-color: inherit;
  margin: 0;
  padding: 0;
  font-size: 1.185rem;
  line-height: 1.4rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #222222;
  text-transform: none;
}
.dateEvenementTexte h1 a {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}
.dateEvenementTexte h2 {
  font-weight: 400;
}
.dateEvenementTexte p {
  margin: 0;
  padding-top: .5em;
  line-height: 1.15rem;
  font-size: .8em;
}
.dateEvenementTexte .dateHeure {
  display: inline-block;
  padding: .2em 0 .15em;
  color: #222222;
  font-weight: 400;
  border-bottom: 1px dashed #222222;
  margin: 0 0 .3em;
  font-size: 1em;
}
.liens-raccourcis h2 {
  padding-top: .5em;
  font-family: Roboto;
  font-size: 1.3em;
  text-transform: none;
  line-height: 1.25em;
}
.liens-raccourcis a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 1em;
}
.liens-raccourcis a:hover,
.liens-raccourcis a:focus {
  background-color: #5782bd;
  color: white !important;
}
.liens-raccourcis a:hover h2,
.liens-raccourcis a:focus h2 {
  color: white !important;
}
@media screen and (max-width: 40em) {
  .liens-raccourcis {
    padding: 0;
  }
  .liens-raccourcis .column {
    padding: 1em;
    border-bottom: 1px solid white;
  }
  .liens-raccourcis .column:last-child {
    border-bottom: none;
  }
}
.liens-raccourcis .column:first-of-type {
  margin-left: -1px !important;
}
.coordonnees p,
.contact a {
  overflow: auto;
  font-size: 1.25em;
  line-height: 1.2em;
  color: #777;
}
.coordonnees h2,
.contact h2 {
  margin-top: .3em;
  margin-bottom: 2em;
  font-size: 1.85em;
}
.contact .bouton a {
  width: 100%;
}
.contact .bouton a:hover,
.contact .bouton a:focus,
.is-dropdown-submenu-parent > a:hover,
.is-dropdown-submenu-parent > a:focus {
  background-color: #e9f2fc;
}
.contact .is-dropdown-submenu-parent > a {
  padding: 1em !important;
}
.contact .bouton .menu {
  z-index: 99;
}
.contact .bouton .dropdown.menu {
  text-align: center;
}
.contact .bouton .dropdown.menu > li.is-dropdown-submenu-parent {
  width: 100%;
  text-align: left;
}
.contact .bouton .dropdown.menu > li.is-dropdown-submenu-parent > a {
  padding-right: 1.5rem !important;
}
.contact .bouton .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  right: 15px;
  border-color: #39557a transparent transparent;
}
.contact .bouton .dropdown.menu li {
  display: inline-block;
  font-weight: 400 !important;
}
.contact .bouton .dropdown.menu li li {
  border-bottom: 1px dotted #5782bd;
}
.contact .bouton .dropdown.menu li li:last-child {
  border-bottom: none;
}
.contact .bouton .dropdown.menu li li a:hover,
.contact .bouton .dropdown.menu li li a:focus {
  background-color: #e9f2fc;
}
@media screen and (max-width: 64em) {
  .contact .row {
    max-width: 320px;
    margin: 0 auto;
  }
}
footer .pied {
  display: inline-block;
  margin-bottom: 51px;
  border-bottom: 1px dotted white;
}
footer .pied a:hover,
footer .pied a:focus {
  background-color: #e9f2fc;
}
@media screen and (min-width: 1024px) {
  footer .pied {
    margin-bottom: 55px;
  }
}
@media screen and (min-width: 1281px) {
  footer .pied {
    display: inherit;
    margin-bottom: inherit;
    border-bottom: 0;
  }
}
.tabs {
  text-align: center;
  border: none;
}
.tabs-title {
  position: relative;
  margin-bottom: -1px;
  min-width: 25%;
}
.onglets-archives-eveque .tabs-title {
  min-width: auto !important;
}
.tabs-title a {
  font-family: 'Oswald', sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid #ccc;
  border-bottom: none;
}
@media screen and (max-width: 64em) {
  .tabs-title a {
    padding: .75rem 1rem;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 48em) {
  .tabs-title {
    min-width: 50%;
  }
  .onglets-archives-eveque .tabs-title {
    min-width: auto !important;
  }
}
@media screen and (max-width: 40em) {
  .tabs-title {
    width: 100%;
  }
  .onglets-archives-eveque .tabs-title {
    width: auto !important;
  }
  .tabs-title a {
    padding: .5rem .85rem;
    font-size: 1.05rem;
  }
}
.triadeA .tabs-title a {
  background-color: rgba(87, 130, 189, 0.1);
  color: #5782bd;
}
.triadeB .tabs-title a {
  background-color: rgba(209, 151, 27, 0.1);
  color: #d1971b;
}
.triadeC .tabs-title a {
  background-color: rgba(233, 242, 252, 0.1);
  color: #e9f2fc;
}
.tabs-content {
  background: white;
  padding-top: 2em;
  border: 1px solid #ccc;
  width: 100%;
}
.tabs-title > a:hover,
.tabs-title > a:focus,
.tabs-title > a[aria-selected="true"] {
  background: white;
}
.js .slider-slick:not(:nth-child(2)) {
  display: none;
}
.js .slick-initialized.slider-slick:not(:nth-child(2)) {
  display: block;
}
#zone-actus {
  display: block;
  padding: 0 3.5vw;
}
#zone-actus .slick-slider {
  margin-bottom: 0 !important;
}
#zone-actus .slick-slide {
  max-width: 400px !important;
  height: 500px;
  overflow: hidden;
  margin: 0 1.25em 0 0;
}
@media only screen and (max-width: 75em) {
  #zone-actus .slick-slide {
    max-width: 300px !important;
    height: 375px;
  }
}
@media only screen and (max-width: 60em) {
  #zone-actus .slick-slide {
    max-width: 230px !important;
    height: 287px;
  }
}
#zone-actus .slick-slide img {
  margin: 0 auto;
}
#zone-actus .slider-lien {
  position: relative;
  display: block;
}
#zone-actus .slider-lien .slider-content {
  position: relative;
}
#zone-actus .slider-lien .slider-content header {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 180px;
  padding: 1em;
  color: white;
}
#zone-actus .slider-lien .slider-content header h3,
#zone-actus .slider-lien .slider-content header h4 {
  line-height: 1.2;
}
#zone-actus .slider-lien footer {
  position: absolute;
  background-color: #5782bd;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  padding: 1em;
  color: white;
  text-align: center;
  -webkit-transition: all .3s ease!important;
  -moz-transition: all .3s ease!important;
  -ms-transition: all .3s ease!important;
  transition: all .3s ease!important;
  transform: translateY(100%);
}
#zone-actus .slider-lien footer .slider-content-titre {
  margin-top: 1em;
  line-height: 1.2;
}
#zone-actus .slider-lien footer .slider-content-soustitre {
  line-height: 1.2;
}
#zone-actus .slider-lien footer .icon-chevron-thin-down {
  display: block;
  margin-top: 1rem;
  font-size: 3em;
}
#zone-actus .slider-lien:hover footer {
  transform: translateY(0);
  -webkit-transition: all .3s ease!important;
  -moz-transition: all .3s ease!important;
  -ms-transition: all .3s ease!important;
  transition: all .3s ease!important;
}
#zone-actus .slick-dots {
  bottom: inherit;
}
#zone-actus .slick-dots li button::before {
  font-size: 10px;
}
#zone-actus .slick-dots button:hover {
  background-color: #ccc !important;
}
#zone-actus .slick-prev,
#zone-actus .slick-next {
  background-color: rgba(255, 255, 255, 0.5);
  top: calc(50% - 35px);
  width: 50px !important;
  height: 70px !important;
  text-shadow: none;
  z-index: 90 !important;
  -webkit-transition: all .3s ease!important;
  -moz-transition: all .3s ease!important;
  -ms-transition: all .3s ease!important;
  transition: all .3s ease!important;
}
#zone-actus .slick-prev:hover,
#zone-actus .slick-next:hover {
  background-color: #5782bd !important;
  color: transparent !important;
}
#zone-actus .slick-prev:before,
#zone-actus .slick-next:before {
  font-family: 'serviteurs-icones' !important;
  font-size: 50px;
  text-shadow: 0 0 3px black!important;
}
#zone-actus .slick-prev {
  left: 0;
  transform: rotate(180deg);
}
#zone-actus .slick-prev:before {
  content: '\e904' !important;
}
#zone-actus .slick-next {
  right: 0;
  transform: rotate(0deg);
}
#zone-actus .slick-next:before {
  content: '\e904' !important;
}
@media screen and (max-width: 40em) {
  #zone-actus {
    padding: 0;
  }
  #zone-actus .slick-slide .slider-content.desc-gauche {
    left: 0;
    width: 100%;
    padding: 10px 50px !important;
  }
  #zone-actus .slick-prev,
  #zone-actus .slick-next {
    top: 0;
    width: 50px !important;
    height: 100% !important;
  }
}
.infoBulle {
  padding: .3em .4em;
  background: white;
  max-width: 140px;
  font-size: .8em;
  line-height: 1.2em;
  border-radius: 5px;
  border: 1px solid rgba(39, 123, 176, 0.7);
}
thead .rowgroup {
  background: #5782bd;
  color: #0a0a0a;
}
.fc .fc-daygrid-day-top {
  border-bottom: 1px solid #ddd;
  background: #f8f8f8;
}
table tbody tr:nth-child(even) {
  background-color: inherit;
}
@media screen and (max-width: 64em) {
  #corps {
    margin-top: 90px;
  }
  .sommaire #corps,
  .espace #corps {
    margin-top: 60px;
  }
}
.js-dropdown-active {
  max-height: 300px;
  overflow: auto;
}
.pagination {
  margin-left: 0;
  margin: .5rem;
}
.pagination:after,
.pagination:before {
  content: ' ';
  display: table;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.pagination:after {
  clear: both;
}
.pagination li {
  font-size: 1rem;
  font-weight: 400;
  margin-right: .0625rem;
  border-radius: 0;
  display: none;
}
.pagination li:first-child,
.pagination li:last-child {
  display: inline-block;
}
@media screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  color: #0a0a0a;
  display: block;
  padding: .1875rem .625rem;
  border-radius: 0;
}
.pagination a:hover,
.pagination a:focus,
.pagination button:hover,
.pagination button:focus {
  background: #fff;
}
.pagination .current {
  padding: .1875rem .625rem;
  background: #39557a;
  cursor: default;
}
.pagination .disabled {
  padding: .1875rem .625rem;
  color: #cacaca;
  cursor: default;
}
.pagination .disabled:hover,
.pagination .disabled:focus {
  background: transparent;
}
.pagination .ellipsis:after {
  content: '\2026';
  padding: .1875rem .625rem;
  color: #0a0a0a;
}
.pagination-previous.disabled:before,
.pagination-previous a:before {
  content: '\00ab';
  display: inline-block;
  margin-right: .5rem;
}
.pagination-next.disabled:after,
.pagination-next a:after {
  content: '\00bb';
  display: inline-block;
  margin-left: .5rem;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
}
.icon-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
}
.icon-2x {
  font-size: 2em;
  vertical-align: middle !important;
}
.icon-25x {
  font-size: 2.5em;
}
.icon-3x {
  font-size: 3em;
}
.icon-4x {
  font-size: 4em;
}
.icon-5x {
  font-size: 5em;
}
.icon-fw {
  width: 1.28571429em;
  text-align: center;
}
.icon-moine {
  color: #7A5644;
}
@media screen and (max-width: 540px) {
  .bandeau-portail img {
    width: 50vw;
  }
}
.main {
  margin-bottom: 2em;
}
.breadcrumbs {
  padding-top: .75em;
}
.breadcrumbs li {
  color: #777;
  font-size: .875rem;
}
.breadcrumbs li:not(:last-child)::after {
  color: #d1971b;
}
.breadcrumbs li a {
  color: #777;
}
.sous-titre {
  font-size: 1.25em;
}
.contentArticle .chapo {
  margin-top: 1em;
  font-size: 1.18em;
  font-style: italic;
  color: #39557a;
}
.contentArticle h2,
.contentArticle .h2 {
  font-size: 2rem;
  color: #666666;
}
@media screen and (max-width: 40em) {
  .contentArticle .chapo {
    font-size: 1.15em;
  }
}
.contentArticle .chapo p {
  line-height: 1.35em;
}
.contentArticle .auteur span {
  margin-right: .25em;
  vertical-align: text-top;
}
.fiche {
  background-color: #eee;
  padding-bottom: 1.5em !important;
}
.fiche .auteur {
  display: block !important;
}
.fiche li {
  padding-bottom: 1em;
}
.fiche li:last-child {
  padding-bottom: 0;
}
.contentArticle h3 {
  color: #39557a;
}
blockquote,
blockquote p {
  font-size: 1.1em;
  color: #222222;
}
.contentArticle blockquote.spip {
  background: #eee !important;
  margin: 2em 0!important;
  padding: 1em 2em!important;
}
.contentArticle blockquote.spip:before {
  content: '';
  background-color: #d1971b;
  display: block;
  width: 100px;
  height: 4px;
  z-index: 999;
}
.spip_poesie {
  border: none !important;
}
.spip_poesie div {
  margin-left: 30px !important;
  text-indent: 0 !important;
}
.spip_poesie:before {
  content: "\00AB" !important;
  top: 40px !important;
  font-size: 8em !important;
  color: rgba(209, 151, 27, 0.3);
}
.auteur {
  display: flex;
}
@media screen and (max-width: 40em) {
  .socialtags {
    text-align: center;
  }
}
.socialtags img {
  width: auto;
  height: auto;
  margin: 0 .5em 0 0;
}
.socialtags img:hover,
.socialtags img:focus {
  -webkit-transition: all .3s ease!important;
  transition: all .3s ease!important;
  -webkit-transform: scale(1.05, 1.05) !important;
  transform: scale(1.05, 1.05) !important;
}
.socialtags-hovers,
.socialtags-hovers:hover,
.socialtags-hovers:focus {
  -webkit-transition: all .3s ease!important;
  transition: all .3s ease!important;
}
.pagination-rubriques {
  background-color: white;
}
.listeRecherches h2 {
  font-size: 1.3rem;
  text-align: left;
}
.listeRecherches .formCheck label {
  display: flex;
  font-size: 1.4em;
  align-items: center;
}
.listeRecherches .formCheck div {
  font-family: Oswald;
  padding: 0 1em 0 2em;
  border-bottom: 3px solid white;
}
.listeConferences h2 {
  font-size: 1.5em;
}
.listeConferences header {
  max-width: 400px;
}
.listeConferences img {
  background-color: #F5F5F5;
}
.contentRubrique .pagination-rubriques,
.contentHomelie .pagination-rubriques,
.contentConference .pagination-rubriques {
  background-color: #ddd;
}
.contentRubrique a,
.contentHomelie a,
.contentEspace a {
  display: inline;
  width: 100%;
}
.contentRubrique a:hover p,
.contentHomelie a:hover p,
.contentEspace a:hover p,
.contentRubrique a p,
.contentHomelie a p,
.contentEspace a p {
  color: #666;
}
.contentRubrique a:hover .chevron,
.contentHomelie a:hover .chevron,
.contentEspace a:hover .chevron {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.contentRubrique a h2,
.contentRubrique .chevron a,
.contentHomelie a h2,
.contentHomelie .chevron a,
.contentEspace a h2,
.contentEspace .chevron a {
  color: #666;
}
.contentRubrique h1,
.contentHomelie h1 {
  text-transform: uppercase;
  letter-spacing: 2px;
}
.contentRubrique h2,
.contentHomelie h2 {
  font-size: 1.45em;
  font-weight: 700;
}
.contentHomelie small {
  font-size: 14px;
  color: #222;
  font-weight: 300;
}
.transitionArticles .icon-chevron-thin-down {
  display: block;
  background-color: white;
  width: 1.75em;
  margin: -35px auto 0;
  text-align: center;
  color: #aaa;
}
.transitionArticles hr {
  max-width: 100% !important;
  border-bottom: 2px solid #ddd;
}
.contentRubrique section article:before,
.contentRubrique section article:after {
  content: '';
  display: block;
  width: 6em;
  height: 4px;
}
.contentRubrique section article:before {
  background-color: #d1971b;
  margin-bottom: .5em;
}
.contentRubrique section article:after {
  background-color: #aaa;
  margin-top: .5em;
}
@media screen and (max-width: 40em) {
  .contentRubrique section article:after {
    background: none;
    margin-top: -2em;
  }
}
article.focus:not(:last-of-type) {
  border-bottom: 1px solid #ddd;
}
.espace article.focus {
  margin-bottom: 3em;
  padding-bottom: 2em !important;
}
@media screen and (max-width: 64em) {
  .espace article.focus {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }
}
.espace article.focus h2 {
  font-size: 1.35em !important;
  font-weight: 700;
}
.content-temps-ordinaire .column:first-of-type,
.content-temps-liturgiques .column:first-of-type,
.content-evenements-vie .column:first-of-type {
  margin-left: -1px !important;
}
.content-temps-ordinaire h2,
.content-temps-liturgiques h2,
.content-evenements-vie h2 {
  font-size: 1.45em;
  display: table-cell;
  height: 3em;
  vertical-align: middle;
  width: 10%;
}
.content-temps-ordinaire .menulisteRecherches,
.content-temps-liturgiques .menulisteRecherches,
.content-evenements-vie .menulisteRecherches {
  padding-top: .5em !important;
}
.player-mp3 .spip_document_audio {
  width: 100% !important;
  margin: 0;
}
.article_homelie .player-mp3 .spip_document_audio {
  width: 100% !important;
  margin-top: 2em;
}
.contentHomelie .player-mp3 .spip_document_audio {
  width: 100% !important;
  margin-top: 2em;
}
a.mejs__horizontal-volume-slider {
  width: 50px !important;
}
.player-mp3 a.show-for-medium:before {
  content: "Télécharger : ";
  font-size: initial;
  color: #888;
}
.mejs__button > button:hover,
.mejs__button > button:focus {
  color: #000;
  background: #FFF;
}
@media screen and (max-width: 40em) {
  .player-mp3 .spip_document_audio {
    width: 100% !important;
  }
}
.player-mp3 .audio-wrapper {
  width: 100% !important;
}
.player-mp3 .mejs-controls {
  background: #595959 !important;
  height: 85px !important;
}
.player-mp3 .mejs-time-rail {
  padding: 1em !important;
}
.player-mp3 .mejs-ted .mejs-button,
.player-mp3 .mejs-ted .mejs-time {
  background: transparent !important;
}
.player-mp3 .mejs-horizontal-volume-slider {
  margin-top: 4px !important;
}
.player-mp3 .mejs-playpause-button,
.player-mp3 .mejs-volume-button,
.player-mp3 .mejs-currenttime-container,
.player-mp3 .mejs-duration-container {
  top: auto !important;
  bottom: 16px !important;
}
.player-mp3 .mejs-playpause-button {
  left: 16px !important;
}
.player-mp3 .mejs-currenttime-container,
.player-mp3 .mejs-duration-container {
  border: none !important;
}
.player-mp3 .mejs-time span {
  color: white !important;
  font-size: 1rem !important;
}
.player-mp3 .mejs-duration-container {
  right: 85px !important;
  border-left: 1px solid white!important;
  padding: .5em 0 0 1em!important;
}
.player-mp3 .mejs-currenttime-container {
  right: 168px !important;
}
.bandeau-espace {
  position: relative;
}
.bandeau-espace h1 {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  margin: 0;
  color: white !important;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.bandeau-espace h1.colorComm {
  background-color: rgba(57, 85, 122, 0.85) !important;
}
.bandeau-espace h1.colorForm {
  background-color: rgba(87, 130, 189, 0.85) !important;
}
.bandeau-espace h1.colorMari {
  background-color: rgba(135, 166, 204, 0.85) !important;
}
.transitionHomelies .icon-chevron-thin-up {
  display: block;
  width: 1.75em;
  margin: -35px auto 0;
  text-align: center;
  color: white;
}
.transitionHomelies hr {
  max-width: 100% !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
header.transitionTemps {
  position: relative;
}
.transitionTemps h1 {
  display: inline-block;
  position: relative;
  background-color: #f9f8f2;
  padding: 0 1em;
  letter-spacing: 0;
  font-weight: 300 !important;
  color: #777;
}
@media screen and (max-width: 40em) {
  .transitionTemps h1 {
    padding: 0 .2em;
  }
}
.transitionTemps hr {
  position: absolute;
  display: block;
  width: 100%;
  max-width: 100%;
  top: 1.75em;
  right: 0;
  left: 0;
  margin: 0;
  border: none;
  border-top: 1px solid #888;
}
#ancre_recherche-homelies {
  background-color: #f9f8f2;
  border-top: 1px solid #eee;
}
#ancre_recherche-homelies #agenda {
  border: 1px solid #5782bd;
}
#ancre_recherche-homelies h1 {
  font-size: 2.3rem;
  font-weight: 700;
}
#ancre_recherche-homelies .listeRecherches h2 {
  font-family: Roboto;
  font-size: 1.3em;
  line-height: 1.2em;
}
#ancre_recherche-homelies .listeRecherches h2:before {
  background-color: #5782bd;
  content: '';
  display: block;
  width: 4em;
  height: 4px;
  margin-bottom: .1em;
}
#ancre_recherche-homelies article {
  padding-top: 0;
  text-align: left;
}
#ancre_intentions .pave-content h3 {
  font-family: Roboto;
  font-size: 1.25em;
  font-weight: 700;
  color: white;
  text-transform: none;
}
#ancre_intentions .pave-content p {
  line-height: 1.5em;
  border: none;
}
.formulaire-intentions {
  background-color: rgba(243, 220, 175, 0.8);
}
.formulaire-intentions h2 {
  padding: .25em 0 .75em;
  margin-bottom: .8em;
  font-size: 1.65em;
  color: #444;
  border-bottom: 2px solid white;
}
.formulaire-intentions label {
  font-size: inherit !important;
}
.formulaire-intentions .boutons {
  padding: 1em 0;
  text-align: center !important;
}
.formulaire-intentions .boutons input {
  background-color: #d1971b;
  border: none;
  padding: .5em 1em;
  color: white;
  font-weight: 700;
}
.prieres.menu.simple li {
  margin-right: 0 !important;
}
.contentEspace aside {
  border-left: 1px solid #bbb;
}
aside h1,
aside .h1 {
  background-color: #39557a;
  display: block;
  width: 100%;
  margin-top: 1em;
  padding: .5rem 1rem;
  font-size: 1.65rem;
  text-transform: uppercase;
  color: white;
}
aside h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #222222;
}
aside h3 {
  font-size: 1.0625rem;
  color: #5782bd;
}
aside .sous-titre {
  font-size: 1.125em;
  line-height: 1.15em;
}
aside ul.spip {
  margin-left: .4em !important;
  text-align: left;
  list-style-position: inside !important;
}
aside .documents_joints {
  font-size: .8125rem;
}
aside .documents_joints li {
  padding: 1em 0;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
#documents_joints li {
  display: flex;
  align-items: flex-start;
}
#documents_joints li a:has(> img) {
  display: contents;
}
#documents_joints img {
  width: 4rem;
}
aside .spip_logo.float-left {
  margin: 0 10px 10px 0;
}
aside h1 a,
aside .h1 a {
  color: #ffffff;
}
.accordion-title.h1 {
  margin: auto;
  padding: .8em;
}
.accordion-title::before {
  content: '\f078';
  font-family: Fontawesome;
}
.is-active > .accordion-title::before {
  content: '\f077';
}
.accordion-content ul {
  margin-bottom: 0;
}
.block-galerie {
  background-color: #ececec;
  margin-top: 2em;
  padding: 3em 0;
}
.galerie-content {
  margin-top: 2rem;
}
#documents_portfolio .thumbnail {
  opacity: .6;
  -webkit-transition: all .3s ease!important;
  transition: all .3s ease!important;
}
#documents_portfolio a:hover,
#documents_portfolio a:focus {
  opacity: 1;
}
#documents_portfolio .thumbnail:hover,
#documents_portfolio .thumbnail:focus {
  opacity: 1;
  -webkit-transition: all .3s ease!important;
  transition: all .3s ease!important;
  -webkit-transform: scale(1.01, 1.01) !important;
  transform: scale(1.01, 1.01) !important;
}
.spip_document_inline {
  display: inline;
}
.spip_document_inline img {
  height: 1em;
  width: auto;
  vertical-align: middle;
}
.menu-ext-gauche.toggle {
  position: fixed;
  background-color: #777;
  top: 40vh;
  width: 6rem;
  height: 8rem;
  margin-left: -3.4rem;
  padding: 2.9rem 0;
  border-radius: 50%;
  z-index: 9999;
  text-align: right;
}
#menu-ext-gauche,
#menu-ext-droite {
  position: fixed;
  background: #777;
  top: 0;
  width: 310px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99999;
  transition: margin ease .5s;
  box-shadow: none;
}
#menu-ext-gauche.is-active,
#menu-ext-droite.is-active {
  box-shadow: 0 0 4em rgba(0, 0, 0, 0.75);
  margin-right: 0;
}
#menu-ext-gauche {
  left: 0;
  margin-left: -310px;
}
#menu-ext-droite {
  right: 0;
  margin-right: -310px;
}
#menu-ext-droite header {
  position: fixed;
  width: 100%;
}
#menu-ext-droite header a {
  display: block;
  background: #777;
  width: 100%;
  height: 3em;
}
#menu-ext-droite section {
  margin-top: 3em;
}
#menu-ext-gauche ul,
#menu-ext-droite ul {
  background-color: white;
  margin: 0;
  list-style: none;
}
#menu-ext-gauche .menu a,
#menu-ext-droite .menu a {
  display: block;
  background-color: transparent !important;
  width: 100%;
  padding: .5em 1em;
  color: white;
  font-weight: 300;
  line-height: initial;
  border-bottom: 1px solid rgba(204, 204, 204, 0.6);
  border-left: 8px solid transparent;
}
#menu-ext-gauche li li a,
#menu-ext-droite li li a {
  font-weight: 400 !important;
  color: #39557a !important;
}
#menu-ext-gauche li li li a,
#menu-ext-droite li li li a {
  font-weight: 300 !important;
  color: #222222 !important;
}
#menu-ext-gauche .menu .niveauA > a,
#menu-ext-droite .menu .niveauA > a {
  background-color: #5782bd !important;
  padding-top: 1.25em;
  font-weight: 400 !important;
  font-size: 20px;
  text-transform: uppercase;
}
#menu-ext-gauche .niveauA ul a,
#menu-ext-droite .niveauA ul a {
  padding-left: 1rem;
}
#menu-ext-gauche .niveauA ul li li a,
#menu-ext-droite .niveauA ul li li a {
  padding-left: 2em;
  font-size: 1rem;
}
#menu-ext-gauche a:hover,
#menu-ext-gauche a:focus,
#menu-ext-droite a:hover,
#menu-ext-droite a:focus {
  background-color: #5782bd !important;
  color: white !important;
  border-left: 8px solid #d1971b;
}
#menu-ext-gauche .actif-OffCanvas > a,
#menu-ext-droite .actif-OffCanvas > a {
  border-left: 8px solid #d1971b;
}
#menu-ext-droite a.retourHome {
  background-color: #39557a !important;
  font-weight: 400 !important;
}
#menu-ext-droite a.retourHome span {
  margin-right: .5em !important;
}
#cboxLoadedContent .breadcrumbs {
  padding-top: 0;
  border-top: none;
  display: none;
}
#cboxLoadedContent .row.column {
  width: auto !important;
  margin: 1em 1em 0 !important;
}
#cboxLoadedContent [class="large-4 columns"] {
  display: none;
}
#cboxLoadedContent [class="texte large-8 columns"] {
  width: 97%;
}
.exergue::after,
.exergue::before {
  opacity: .5;
  color: #d1971b;
}
@media screen and (min-width: 64em) {
  .article-homelie aside.exergue.float-right {
    margin-right: -25%;
  }
  .article-homelie aside.exergue.float-left {
    margin-left: -25%;
  }
}
@media screen and (max-width: 30em) {
  aside.exergue.float-right,
  aside.exergue.float-left {
    float: none;
    width: auto;
  }
  aside.exergue:before {
    left: auto !important;
    text-align: center !important;
  }
  aside.exergue:after {
    right: auto !important;
    text-align: center !important;
  }
}
.formulaire_spip {
  background: #e9f2fc;
  padding: 0 1rem;
  border: 1px solid #5782bd;
}
.formulaire_spip .editer {
  margin: 0;
}
.formulaire_spip fieldset {
  margin: 1rem 0 0;
  padding: 0 1em;
}
.formulaire_spip fieldset div {
  margin: 0 1em;
}
.formulaire_spip .choix {
  padding: 0;
}
.formulaire_spip legend,
.formulaire_spip label {
  font-size: 1.1875rem;
  color: #000;
  background: transparent;
  padding: 4px 0;
  line-height: 1.8;
  margin: 0;
}
.formulaire_spip .boutons {
  text-align: left;
  margin: 1em 0;
}
.formulaire_spip .boutons input,
.formulaire_spip .boutons button {
  border: 1px solid white;
  background-color: #5782bd;
  color: white;
  padding: .9em 1.25em 1em;
  font-weight: 400;
}
.formulaire_spip .boutons input:hover,
.formulaire_spip .boutons button:hover {
  background-color: #d1971b !important;
}
.formulaire_spip #formulaire_mode_paiement .boutons {
  text-align: right;
}
.formulaire_spip #formulaire_mode_paiement .boutons button {
  color: #000 !important;
}
.formulaire_spip [type='text'],
.formulaire_spip [type='password'],
.formulaire_spip [type='date'],
.formulaire_spip [type='datetime'],
.formulaire_spip [type='datetime-local'],
.formulaire_spip [type='month'],
.formulaire_spip [type='week'],
.formulaire_spip [type='email'],
.formulaire_spip [type='number'],
.formulaire_spip [type='search'],
.formulaire_spip [type='tel'],
.formulaire_spip [type='time'],
.formulaire_spip [type='url'],
.formulaire_spip [type='color'],
.formulaire_spip [type='file'],
.formulaire_spip [type='checkbox'],
.formulaire_spip [type='radio'],
.formulaire_spip textarea {
  margin: 0;
}
.texteencadre-spip {
  position: relative !important;
  background: #e9f2fc !important;
  border: none !important;
  margin: 1em 0!important;
  padding: 1em 1.5em!important;
  overflow: auto !important;
  color: inherit !important;
}
.autres-articles article:nth-child(3n+2) {
  clear: both;
}
.contentTrombinoscope article {
  width: 150px;
  margin: .5em;
  padding-bottom: .5em;
  border-radius: 0 20px 0 0;
  overflow: auto;
}
.contentTrombinoscope article.colorComm {
  background-color: #3784bf !important;
}
.contentTrombinoscope article.colorOttm {
  background-color: #8a945d !important;
}
.contentTrombinoscope article.colorCasa {
  background-color: #c4762f !important;
}
.contentTrombinoscope article img {
  margin-bottom: .5em;
  border-bottom: 2px solid white;
}
.contentTrombinoscope article h2 {
  font-size: 16px;
}
.contentTrombinoscope article a[href]:hover,
.contentTrombinoscope article a[href]:hover h2,
.contentTrombinoscope article h2:hover {
  color: black !important;
}
.contentTrombinoscope article h3 {
  margin-bottom: .75em;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.1;
}
.contentTrombinoscope article .first-word {
  display: block;
}
