@font-face {
    font-family: 'Noteworthy';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Noteworthy-Lt.woff') format('woff');
}
@font-face {
    font-family: 'Noteworthy-Lt';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Noteworthy-Lt.woff') format('woff');
}

.noteworthy {
  font-family: 'Noteworthy', Arial, sans-serif !important;
  font-size: 1.5em;
  font-weight: bold;
  color: #666;
}

body {
	font-family:'Roboto', Arial, sans-serif;
	font-size: 1.4em;
	color: #424242;
    font-weight: 400;
    line-height: 1.5;
}

/* Blockquote */

blockquote {
    position: relative;
    text-align: left;
    padding: 0.2em 0 2em 38px;
    border: none;
    max-width: 800px;
    width:100%;
    display: block;
}

blockquote:after {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(top,#f3ad41 0%,#f5bd66 60%,rgba(255,255,255,0) 100%);
}


blockquote > cite, 
blockquote > p > cite {
    display: block;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: normal;
    margin-top: 1.1em;
    letter-spacing: 0;
    font-style:italic;
}


/* Blockquoate FIN */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', Arial, sans-serif; 
}


a {
    color: #c60!important;
	text-decoration: none!important;
	transition: color 400ms, background-color 400ms;
}

a:hover, a:focus, a:active {
    text-decoration: none;
    color: #000000 !important;
}

.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
    position: relative;
    text-decoration: none!important;
    color: #fff !important;
}

.page-header {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 40px;
}

.container-header {
    position: relative;
    z-index: 10;
    background-color: #ebebeb;
    background-image: linear-gradient(135deg,#eaeaea,#eaeaea);
    box-shadow: inset 0 5px 5px rgba(0,0,0,.03);
}

.container-header nav {
    padding: 0;
    margin-top: 1em;
}


.container-header .mod-menu > li {
    position: relative;
    display: inline-block;
    font-size: 0.7em !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    background-color: #c60;
    margin-top: 0px;
    border-radius: 5px;
	text-decoration: none!important;
	padding: 0.4em 0.8em 0.4em 0.8em !important;
    line-height: 22px !important;
}

.container-header .mod-menu > li + li {
    margin-left: 5px;
}

.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 0px 10px 0px;
}

.mod-list > li.active > a, .mod-list > li:hover > a {
    text-decoration: none;
    color: #000000;
}

.metismenu.mod-menu .mm-toggler {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
    color: currentColor;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.metismenu.mod-menu .metismenu-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 10px;
    font-size: 1.1rem;
    line-height: 40px;
}

.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {
    text-decoration: none;
}
.container-header .metismenu > li.level-1.active > a, .container-header .metismenu > li.level-1.active > button, .container-header .metismenu > li.level-1 > a:hover, .container-header .metismenu > li.level-1 > button:hover {
    text-decoration: none;
    color: #ffffff;
}

.back-to-top-link {
  border: 2px solid #000;
  border-radius: 50%;
  margin-right: 180px;
}

.back-to-top-link:focus, .back-to-top-link:hover {
    color: var(--white,#fff);
    background-color: #d0cdce;
    border-color: var(--white,#fff);
}

.footer .grid-child {
    align-items: center;
    justify-content: space-between;
    padding: 2.5rem .5em;
    display: block;
}

.footer {
    margin-top: 1em;
    color: #fff;
    background-color: #323130;
	background-image: linear-gradient(-180deg, #626161, #171717);
	z-index: 999;
}

.card-body {
    flex: 1 1 auto;
	padding-top: 0rem!important;
    padding-left: 1rem!important;
    padding-right: 0.5rem!important;
	padding-bottom: 0rem !important;
}


/* ancienne custom*/

.eric-largeur {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
    border-radius: 8px;

}

.eric-largeur-2 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border-radius: 8px;
    line-height: 1.5;
    background-color: #ead7bf;
    border: 1px solid #b19776;
    box-shadow: 0 4px 8px 0 rgba(206, 206, 208, 0.2), 0 4px 10px 0 rgba(63, 63, 63, 0.19);
}
.eric-largeur-3 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border-radius: 8px;
  line-height: 1.5;
  background-color: #ead7bf;
  border: 1px solid #b19776;
  box-shadow: 0 4px 8px 0 rgba(206, 206, 208, 0.2), 0 4px 10px 0 rgba(63, 63, 63, 0.19);
  font-family: 'Noteworthy Light';
  font-size: 1.3em;
  color: #000;
}

.eric-largeur-90 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border-radius: 8px;
}

.eric-h2 {
    padding: 15px;
    background-image: linear-gradient(-80deg, #fff, #f6f6f6);
    max-width: 700px;
    border-radius: 8px;
    font-size: 1.3em;
	line-height: 1.2;
    font-family: 'Roboto', Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
}
.eric2-h2 {
  padding: 15px;
  background-image: linear-gradient(-80deg, #fff, #efefef);
  max-width: 700px;
  border-radius: 8px;
  font-size: 1.6em;
  line-height: 1.2;
  font-weight: normal;
  font-style: italic;
}
.eric-h1 {
    padding: 15px;
    background-image: linear-gradient(-80deg, #fff, #f6f6f6);
    border-radius: 8px;
    font-size: 1.8em;
    line-height: 1.2;
    font-family: 'Roboto', Arial, sans-serif !important;
    font-weight: normal;
}

audio, canvas, progress {
    display: inline-block;
    vertical-align: baseline;
    width: 100%;
    height: 25px;
    border-radius: 6px;
	filter: sepia(80%) contrast(39%);
}

.eric-flex {
    flex-basis: 30% !important;
    flex-grow: 1;
    flex-shrink: 1;
}

table {
    border-spacing: 5px;
    border-collapse: separate;
    margin-bottom: 5px;
	padding: 6px;
    font-size: 1em;
}

.eric-8 {
    border-radius: 8px;
}

/* ancienne custom fin*/

/*accordion*/

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    font-size: 0.7em;
}



/*accordion fin*/


.fixieren {
    position: fixed;
    top: 120px;
}

table {
    border-spacing: 5px;
    border-collapse: separate;
    margin-bottom: 5px;
}

td, th {
    padding: 10px;
}

.mm-collapse.mm-show {
    padding: 3px 3px 3px 15px !important;
    color: #333333 !important;
    cursor: pointer;
    text-transform: uppercase !important;
    border: 3px solid #fff !important;
    background-color: #c60 !important;
    margin-top: 3px !important;
    border-radius: 8px;
	width: 340px!important;
}
.mm-collapse.mm-show > li > a,  .metismenu.mod-menu .metismenu-item > button, .metismenu.mod-menu .metismenu-item > span {
    color: #ffffff !important;
}

.metismenu.mod-menu .mm-collapse > li > a:hover {
    display: inline-flex;
    color: #000000 !important;
}

.metismenu.mod-menu .mm-collapse > li > a {
    display: inline-flex;
    line-height: 36px;
	font-size: 16px;
}

.eric-flex {
    flex-basis: 23% !important;
    flex-grow: 1;
    flex-shrink: 1;
}

.eric-flex-2 {
    flex-basis: 15% !important;
    flex-grow: 1;
    flex-shrink: 1;
}

.eric-flex-3 {
    flex-basis: 20% !important;
    flex-grow: 1;
    flex-shrink: 1;
}

.metismenu.mod-menu .mm-collapse>li.parent>ul {
 position:relative;
 top:0;
 flex-basis:calc(100% + 1em);
 margin-top:.5em;
 margin-bottom:-.5em;
 background-color: #dc9142 !important;
 box-shadow: none;
 margin-bottom: -140px;
}

.max-1300 {
	max-width: 1300px!important;
	height: auto!important;
	margin-left: auto!important;
	margin-right: auto!important;
}

.center {
	text-align: center!important;
}

.pc {
	display: none!important;
	}

.btn-primary {
    background-color: #c60;
    border-color: #b65f07;
}
.btn-primary:visited {
    background-color: #c60;
    border-color: #b65f07;
}
.btn-primary:hover {
  background-color: #bb8f63;
  border-color: #ab937a;
}
.btn-liste {
  background-color: #2997e7;
  border-color: #1880cb;
  font-size: 1em;
  color: #fff;
}
.btn-liste:hover {
  background-color: #5f8cad;
  border-color: #6d98b7;
  font-size: 1em;
  color: #fff;
}
.btn-liste:visited {
  background-color: #5f8cad;
  border-color: #6d98b7;
  font-size: 1em;
  color: #fff;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #292929;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}

.metismenu.mod-menu .metismenu-item.active>a,
.metismenu.mod-menu .metismenu-item.active>button,
.metismenu.mod-menu .metismenu-item>a:hover,
.metismenu.mod-menu .metismenu-item>button:hover {
  	text-decoration: none!important;
	border-bottom: none!important;
}



/* suche */

#q {
    font-size: 1.2em!important;
  width: 30em;
}

.awesomplete > input {
    max-width: none!important;
}

.me-2 {
    display: none!important; /*titel*/
}



.result__item + .result__item {
    border-top: 1px dashed #666 !important;
}
	

.result__taxonomy-item.result__taxonomy--Author {
    display: none !important;
}

.result__taxonomy-item.result__taxonomy--Language {
    display: none !important;
}

.result__taxonomy {
    color: #afb3b5;
}

/* suche fin */



.accordion-button:not(.collapsed) {
    color: #404141;
}


/*Formulaire de contact*/
	
.rpx_field_input {
    margin-top: 20px !important;
}
	
/*Formulaire de contact fin*/


/*TEST MENU QUI A CHANGE*/


.container-header .mod-list li a:active {
    text-decoration: none!important;
    color: #000 !important;
}

.mod-list li a:hover {
    text-decoration: none!important;
    color: #000 !important;
}

.mod-list li li.active > a {
    text-decoration: none!important;
    color: #000 !important;
}

.mod-list li a {
    text-decoration: none!important;
    color: #fff !important;
}

.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover,button:active {
    text-decoration: none!important;
}

.metismenu-item.level-1.current.active {
    background-color: #ae5d0b !important;
}
.metismenu-item.level-1.active.deeper.parent {
    background-color: #ae5d0b !important;
}

/*TEST MENU QUI A CHANGE*/

.form-check-label {
    font-size: 0.8em!important;
}

/*Agenda Flex*/


.agenda {
  border-radius: 8px;
  border: 1px solid #e1e0e0;
  background-color: #f6f6f6;
  width: 100%;
  padding: 20px 20px 10px 20px;
  padding-top: 20px;
  font-size: 0.9em;
  margin-bottom: 12px;
}


.agenda-mois {
	background-color: #fbfafa;
    border: 1px solid #dfdedb;
	border-radius: 8px;
	width: 100%;
	padding: 20px;
	font-size: 1.1em;
	margin-bottom: 5px;
	
}

.eric18 {
  font-size: 0.9em;
  color: #424242;
  background-color: #fff;
  padding: 5px 20px 5px 10px;
  border-radius: 5px;
  max-width: fit-content;
  min-width: 220px;
  margin-left: -10px;
  box-shadow: #e1e1e1 0px 2px 4px 0px, #e1e1e1 0px 3px 10px 0px;
}
.eric-date {
  font-size: 0.9em;
  color: #424242;
  background-color: #e7e4df;
  padding: 5px 20px 5px 10px;
  border-radius: 5px;
  max-width: fit-content;
  min-width: 220px;
  margin-left: -10px;
}
.eric16 {
	font-size: 0.8em;
}

.eric22 {
  font-size: 1em;
  border: 1px solid #e1e0e0;
  border-radius: 8px;
  background-color: #eaeaea;
  text-align: center;
  width: 100%;
  margin-bottom: 12px;
}


.eric30 {
	font-size: 30px;
	background-image: linear-gradient(-90deg, #fff, #f6f6f6);
	padding: 20px;
	border-radius: 8px;
	margin-bottom: 5px;
}
.erictitre {
  font-size: 1.7em;
  padding: 20px;
    padding-top: 20px;
  border-radius: 8px;
  margin-bottom: 5px;
  background-color: #a6a4a0;
  color: #fff;
}
/*Agenda Flex Fin*/

.eric-info {
	line-height: 1.4;
	background-color: #edf3f8;
	padding: 0.2em 1em 0.5em 1em;
	border-radius: 8px;
	text-align: justify;
	
}

.fixieren-2 {
    position: fixed!important;
    top: 120px!important;
	margin-left: 40px!important;
}

/*Icon Mediabox Popup*/

.wf-icon-zoom-link > svg {
    padding: 2px 0 0 5px!important;
    vertical-align: middle!important;
    width: 26px!important;
    height: 26px!important;
    transform: scaleY(-1)!important;
    line-height: 1!important;
}

.wf-mediabox-close > svg, .wf-mediabox-next > svg, .wf-mediabox-prev > svg {
    fill: #d9630d !important;
	width: 40px!important;
	height: 40px!important;
}
/*Icon Mediabox Popup FIN*/


/*Offline*/

.logo-icon {
display: none!important;
}

/*Offline FIN*/

.text-inscription { 
	border-radius: 8px 30px 8px 30px;
	padding: 20px;
	margin-top: 16px;
	background-color: #c2d7f6;
    background-image: linear-gradient(-80deg, #f8fafe, #d1e5f6 );
}

.cf-form-wrap.cf-col-16.eric {
    padding: 0px !important;
}

/*background choix évènement*/
.convertforms .cf-select select {
    background: #f9f9f9 !important;
}

.bouton-inscription {
	border-radius: 8px;
    border: 1px dashed #636465;
}

.eric-vitrail {
    border-radius: 8px;
    margin-top: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.liens {
    padding: 10px 10px 10px 10px;
	box-shadow: 0 1rem 2rem rgba(58, 59, 59, 0.18) !important;
}

.eric-ombre {
  transition: transform .2s; /* Animation */
}

.eric-ombre:hover {
  box-shadow: 0 0.5rem 1rem rgba(58, 59, 59, 0.18) !important;
}

.eric-ombre-image {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px !important;
}

/*gris on hover*/
.eric-gris:hover {
  filter: grayscale(50%) opacity(60%);
}

/*p dans template.min.css ligne 7*/
p {
    margin-top: revert !important;
    margin-bottom: 1rem !important;
}

.container-banner {
    display: block!important;
    margin: 0 0 1rem!important;
}

.eric-90 {
	width: 90%;
	margin: auto!important;
}

.wf-columns .wf-column {
    padding-top: 0px !important;
}


/*Offline*/
.header {
    color: #4f4f4f;
    background-color: #eaeaea;
    background-image: linear-gradient(135deg,#eaeaea,#f5f5f5);
}

/*Qui sommes-nous*/
.point {
	border-left: 3px dotted #cdcdcd;
}

/*eric separateur menu*/

.metismenu.mod-menu .mm-collapse > li.divider:not(.parent) {
    width: 95%!important;
    margin: 15px 0px 10px 0px !important;
    height: 2px;
    background-color: #ffffff;
}

/*accueil vitrail texte*/

.eric-haut {
    margin-top: -150px !important;
    position: relative;
    border: 4px solid #fff;
}

.loupe {
	width: 20px;
    height: 20px;
}

/*A partir du 12-08-21*/

.wf-mediabox-caption, .wf-mediabox-nav {
    display: block;
    margin-right: 50px !important;
    text-align: center !important;
    margin-bottom: 30px!important;
	margin-top: 20px!important;
}

.eric-titre {
    font-size: 1.5em;
    font-family: 'Roboto', Arial, sans-serif;
    font-style: italic;
    font-weight: normal;
    padding: 10px;
}

.eric-titre-2 {
    font-size: 1.2em;
    font-family: 'Roboto', Arial, sans-serif;
    font-style: italic;
    font-weight: normal;
    padding: 20px 5px 5px 5px;
}

.eric-50 {
	width: 50%;

}


.eric-bouton {
    width: auto;
	font-size: inherit;
	color: #505b66;
    padding: 5px 15px 5px 15px;
	border: 1px solid #ccc;
    border-radius: 6px;
    border-color: #d7d7d7;
    background-color: #f6f6f6;
    margin: auto;
}

.eric-bouton:hover {
    color: #000;
    background-color: #edf3f8;
    border-color: #b4b4b4;
	box-shadow: 0 0.3rem 0.5rem rgba(58, 59, 59, 0.18);
}

/*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%;
}

.convertforms .cf-input {
    font-size: 1.2em!important;
    color: #575757!important;
}


.convertforms button, .convertforms form, .convertforms label, .convertforms .cf-input {
    line-height: inherit!important;
}

/*page 404*/
#error {
    background-color: #ffffff;
    background-image: url(../../../images/error.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 100vh;
    text-align: center;
}

.wrap-inside {
    box-sizing: content-box;
    max-width: 120ch;
    margin-left: auto;
    margin-right: auto;
}

/*page error fin*/

.popup {
	font-size: 1.4em;
	line-height: 1.5;
}

.politique {
  width: 50%;
  margin: auto;
}

.eric-separator {
  border-left: 2px solid #d5d5d6;
  padding-left: 8px;
}
.eric-separator-footer {
  border-left: 2px solid #929294;
  padding-left: 8px;
}

.eric-haut-2 {
  width: 90%;
  margin: auto;
  margin-top: -200px;
  position: relative;
  border: 4px solid #fff;
  border-radius: 8px;
  padding: 0.2em 1em 0.5em 1em;
  text-align: justify;
  background-color: #f5eee7;
  background-image: linear-gradient(-80deg, #fff, #fff, #f7f3ef);
  box-shadow: #e1e1e1 0px 2px 4px 0px, #e1e1e1 0px 3px 20px 0px;
  z-index: 1000;
}
.h1, h1 {
  font-size: 2.2rem;
  font-weight: normal;
  padding-top: 10px;
  font-style: italic;
}
.sidebar-right.no-card {
  margin-top: 20px;
}
.bottom-30 {
  margin-bottom: 30px;
}
.h5, h5 {
  font-size: 1.5rem;
  color: #7a7a7a;
  font-weight: normal;
}

.eric08 {
  font-size: 0.8em;
}

.carte {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 6px solid #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.soutien {
  padding: 10px;
  background-color: #f2ede8;
  border-radius: 4px;
  text-align: center;
}

.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}
.predication {
  padding: 20px;
  background-color: #f5eee7;
  border: 1px solid #e9e3dd;
  border-radius: 8px;
  margin: 0 auto;
  background-image: linear-gradient(-80deg, #f8f8f8, #f7f3ef);
}

.v2-h2 {
  font-size: 1.2em !important;
  font-weight: normal !important;
  font-style: italic !important;
}
.offcanvas-bottom
{
  right: 0;
  left: 0;
  height: 60vh;
  max-height: 100%;
}

.eric-ombre-2 {
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

/*agrandir checkbox*/
#form26_termsofservice16 {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
/*agrandir Checkbox fin*/

/*Flipbook couleur de Fond*/
.site-grid.site.com_content.wrapper-static.view-article.no-layout.no-task.itemid-1064.search_plugin_added {
  background-color: #e3d9c5;
}
/*Flipbook Fin*/
.textplayer {
  font-size: 14px;
}
/*SLIDER*/
.slideshow--3-for-6 {
  position: relative;
  z-index: 1;
}

.slideshow--3-for-6 img {
  color: transparent;
  opacity: 0;
  z-index: 0;
  animation: slideshow__fade--3-for-6 18s linear infinite 0s;
  backface-visibility: hidden;
  border-radius: 8px;
}

.slideshow--3-for-6 img:not(:first-child) {
  position: absolute;
  top: 0px;
  left: 0px;
}

.slideshow--3-for-6 img:nth-child(1) {
  animation-delay: 0s;
}

.slideshow--3-for-6 img:nth-child(2) {
  animation-delay: 6s;
}

.slideshow--3-for-6 img:nth-child(3) {
  animation-delay: 12s;
}

@keyframes slideshow__fade--3-for-6 {  
  0% {
    opacity: 0;
    animation-timing-function: ease-in;
  }
  20.00% {
   opacity: 1;
   animation-timing-function: ease-out;
  }
  33.33% {
    opacity: 1;
  }
  46.67% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/*SLIDER Fin*/

/*Convert Form largeur*/
#cf_26 {
  max-width: none;
}
/*Convert Form largeur FIN*/

.adresse {
  font-size: 1.4em;
}
.header.container-header.full-width.position-sticky.sticky-top {
  z-index: 2000;
}
.article-info dd {
  padding: 10px;
  background-color: #e8e8e8;
  max-width: 350px;
  border-radius: 3px;
  margin-left: 10px;
}
/*Agenda Fond*/
.agenda-fond {background: radial-gradient(circle, rgb(248, 238, 222) 0%, rgb(248, 248, 248) 50%, rgb(206, 204, 199) 100%);
}
/*Texte dans le popup*/
.popuptext {
  text-align: center;
  font-size: 1.2em;
  max-width: 900px;
  margin: auto;
}
/*FULL WIDHT*/
.fullwidth {
  margin-left: calc( -50vw + 50% );
  margin-right: calc( -50vw + 50% );
  max-width: calc( 100vw - 0px );
  padding-top: 30px;
  padding-bottom: 20px;
}
.color-1 {
  background-color: #e3dfd9;
}
/*FULL WIDTH END*/

#mod-custom179 {
  padding: 10px;
  background-color: #f6f6f6;
  border-radius: 10px;
  width: 90%;
  margin: auto;
  border: 1px dashed #242424;
}

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

@media screen and (min-width: 300px) and (max-width: 760px) {
	
.back-to-top-link:focus, .back-to-top-link:hover {
  background-color: #fff;
  border-color: #000;
}
  .eric-haut-2 {
  border-radius: 4px;
  padding: 0.2em 1em 0.5em 1em;
  background-color: #f2efec;
  background-image: none;
  margin: 0;
  width: 100%;
  box-shadow: none;
}
#cf26 {
  padding: 10px;
}
#mod-custom178 {
  padding: 10px;
}
	
.pad-10 { 
	padding: 10px!important;
}	
	
	/* audio semaine de prieres*/

.audio-meditation {
    padding: 10px;
    background-color: #ffffff;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #b4b4b4;
	font-size: 16px;
    box-shadow: 0 4px 8px 0 rgba(206, 206, 208, 0.2), 0 4px 10px 0 rgba(63, 63, 63, 0.19);
	margin-left: 0px;
	max-width: 380px;
}

/* audio semaine de prieres fin*/
	
.position-sticky {
    position:inherit !important;
}
	
.site-grid > .full-width {
    padding-left: 20px;
	padding-right: 20px;
    margin: 0px;
}
	
.container-header .navbar-toggler {
    color: #313030;
    cursor: pointer;
    border: 1px solid #7d7a7a;
	background-color: #fff;
}

.eric-largeur {
    width: 100%!important;
	padding: 0px!important;
    
}
	
.eric-largeur-90 {
    width: 100%!important;
	padding: 20px!important;
   
}
	
.padding-10 {
		padding: 10px!important;
	}
	
.eric-h2 {
    font-size: 1.3em;
	line-height: 1.2;
}

.h2, h2 {
	font-size: 1.3em!important;
}
	
.eric-h1 {
    font-size: 1.5em !important;
    font-family: 'Roboto', Arial, sans-serif !important;
	line-height: 1.2 !important;
}
	
.logo {
    width: auto;
}
	
body {
	font-size: 1em !important;
	line-height: 1.4;
    font-family: 'Roboto', Arial, sans-serif;
}
	
.desktop-visible {
	display: none!important;
}
	
.gauche {
    text-align: left !important;
}
	
	
.largeur60 {
    width: 96% !important;
    margin-top: -20px!important;
    background-color: #d1e5f6 !important;
    box-shadow: 0 3px 6px 0 rgba(206, 206, 208, 0.2), 0 4px 10px 0 rgba(63, 63, 63, 0.19);
    border: 2px solid #fcfdfd!important;
    padding: 10px!important;
    line-height: 24px!important;
}
	
.eric16 {
    font-size: 16px !important;
}
	
.metismenu-item.item-101.level-1.default {
    margin-left: 5px;
}
	
.container-header .mod-menu > li {
    
    padding: 10px 10px 10px 10px!important;
    line-height: 30px!important;
    font-size: 16px !important;
    margin: 0;
    background-color: #c60 !important;
    border-radius: 0px;
    max-width: 400px !important;
    min-width: 310px !important;
}
	
.mm-collapse.mm-show {
    padding: 0px !important;
    border: 3px solid #fff !important;
	border-radius: 0px !important;
	width: 94% !important;
	background-color: #da7d00 !important;
}
	
.metismenu.mod-menu .mm-collapse > li > a {
    display: inline-flex;
    line-height: 40px!important;
    border-bottom: none !important;
    font-size: 16px!important;
}
	
.player-psaumes {
    margin-left: 0px;
}
	
/*player z-index*/
.sticky-top {
    position: static;
}
	
.psaume-119 {
    width: 46px !important;
    height: 46px !important;
    margin-right: 6px !important;
    padding: 5px!important;
	text-align: center!important;
}

.bouton-prieres {
    
	width: 95%;
	margin: 6px;
	padding: 5px 15px 5px 15px;
	font-size: 1em;
	background-color: #f5f5f5!important;
    border-color: #cdcdcd!important;

}

.card-body {
    padding: 0px !important;
}
	
.pad-10 {
	padding-left: 0px!important;
}	
	
table {
    border-spacing: 5px !important;
    border-collapse: separate !important;
    margin-bottom: 5px !important;
}

.menu-mobile {
	font-size: 16px;
	width: 70%;
}
	
.header.container-header.full-width.position-sticky.sticky-top {
    position: sticky !important;
    top: 0;
    z-index: 1020;
}
	
/*Recherche*/
	
	#q {
    margin-top: 0px!important;
	font-size: 1em!important;
    width: 18em;
}
	
.com-finder * {
    font-size: 18px;
    line-height: 26px;
    justify-content: center;
}

	
/*Recherche fin*/
	
	
.eric-info {
	font-size: 1em;
	line-height: 1.3;
	background-color: #ecf3f9;
	padding: 10px;
	border-radius: 8px;
}

.eric30 {
	font-size: 20px;
	background-image: linear-gradient(-90deg, #fff, #f6f6f6);
    border-radius: 4px;
}
	
	
.awesomplete > input {
    max-width: 300px;
}

.eric-bible {
	font-size: 1em;
    line-height: 1.4em;
    width: 100%;
	padding: 8px;
	
}

	.wf-mediabox-nav {
    padding-bottom: 60px !important;
}

	
	/*Icon Invalid Mobile*/
	
.material-icons {
		display: none!important;
	}
	
	/*Icon Invalid FIN*/

	
.agenda {
	font-size: 1.1em;
	border-radius: 4px;
}
	
.agenda-mois {
	font-size: 1.1em;
    border-radius: 4px;
}

.eric22 {
    font-size: 1.3em;
    border-radius: 4px;
}
.eric18 {
  width: 70%;
}


.eric-h2 {
  border-radius: 4px;
}
audio, canvas, progress {
  border-radius: 4px !important;
}

/*prédications précédentes mobile*/	
.wf-column.eric-flex {
    width: 45% !important;
}
/*prédications précédentes mobile*/	
	
	
.wf-column.eric-flex-2 {
    width: 45% !important;
}
	
/*footer complet mobile*/
	

/*footer complet mobile FIN*/
	
.text-inscription { 
	border-radius: 8px;
	padding: 10px;
	margin-top: 10px;
	background-color: #c2d7f6;
	background-image: linear-gradient(-80deg, #f8fafe, #d1e5f6 );
}
	
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 0px!important;
}
	
.eric-90 {
	width: 100%;
}
 
	
/*eric separateur menu*/

.metismenu.mod-menu .mm-collapse > li.divider:not(.parent) {
    width: auto!important;
}
	
.eric-haut {
    margin-top: 0px !important;
}

.wf-mediabox-caption, .wf-mediabox-nav {
    display: block;
    margin-right: 50px !important;
    text-align: center !important;
    margin-bottom: 10px!important;
	margin-top: 5px!important;
}

.eric-titre-2 {
    font-size: 1.1em;
}
.erictitre {
    font-size: 1.7em;
}

.metismenu.mod-menu .metismenu-item {
    font-size: 1rem!important;
}

.eric-flex-2 {
    flex-basis: 25% !important;
    flex-grow: 1;
    flex-shrink: 1;
}
  .politique {
  width: 100%;
}

 .speech {
  color: #fff;
  position: relative;
  background: #539ff1;
  padding: 10px;
  border-radius: 10px;
  max-width: 400px;
  margin-bottom: 5px;
  width: 80%;
}
	
.fond-blanc {
	background-color: #ffffff!important;
}
	
.popup {
	font-size: 1em;
	line-height: 1.2;
}
	
.pad10 {
  padding: 10px;
}
.h1, h1 {
  font-size: 1.6rem;
}
  .rgpd {
  border-top: 1px dotted #a9820e;
  border-bottom: 1px dotted #a9820e;
  width: 100%;
  margin-top:0px;
}
  .carte {
  border: 1px solid #b1b0b0;
  border-radius: 4px;
  box-shadow: none;
}
.eric-vitrail {
  border-radius: 4px;
}
.eric-largeur-4 {
  width: 100%;
  border-radius: 4px;
}
  .predication {
    padding: 10px!important;
    width: 100%!important;
  }
  .eric-ombre-2 {
  box-shadow: none;
}
  
blockquote {
  padding: 0.2em 0 2em 20px;
}  
  .priere-2024 {
  font-size: 1.2em;
}
  .offcanvas-bottom
{
  right: 0;
  left: 0;
  height: 60vh;
  max-height: 100%;
}
  
}

/*page error*/
#error {
    background-position: center!important;
	background-size: contain!important;
}
.back-to-top-wrapper {
  top: calc(80vh + 10em);
}


/*page error mobile*/

/*Mobile 1340px*/

@media only screen and (max-width: 1340px) {
.site-grid > .full-width {
    padding-left: 20px;
	padding-right: 20px;
    margin: 0px;
}
  .container-header .navbar-toggler {
    color: #545454;
    border: 1px solid #545454;
}
	
	

}



/*pc non visible*/

@media only screen and (max-width: 760px) {
.pc
	{display:flex!important;
}
	
/*prédications précédentes mobile*/	
	


/*prédications précédentes mobile*/		

	
}

@media only screen and (max-width: 960px) {

.desktop-visible {
	display: none!important;
}
}

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

@media (max-width: 760px) {
  .ishome .container-header, /* only required if using the full screen image on the home page */
  .container-header {
      position: fixed!important;
      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: #cc6600;
      height: auto;
      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: #004177;
    border: 4px solid orange !important;
    border-radius: 40px;
    right: 10px;
  }
  .container-header img {
    max-width: inherit;
  }
.back-to-top-wrapper {
    right: 40%;
}
  #mod-custom110 {
  width: 100%;
  height: 80px;
}
}
/*SMARTPHONE CSS fIN*/

/*Focus Barrierefrei Formular*/
.convertforms button, 
.convertforms form, 
.convertforms label, 
.convertforms .cf-input {
  input:focus-visible {
    outline: 2px dotted blue;
  }
}

/*is-hoverable Menu*/
@media (min-width: 992px) {
  .mod-menu.is-hoverable > li:hover > .mm-collapse:not(.mm-show) {
    display: block;
    padding: 3px 3px 3px 15px !important;
  color: #333333 !important;
  cursor: pointer;
  text-transform: uppercase !important;
  border: 3px solid #fff !important;
  background-color: #c60 !important;
  margin-top: -1px !important;
  border-radius: 8px;
  width: 340px !important;
  }
  .mod-menu.is-hoverable > li:hover > .mm-toggler:after {
    transform: rotateX(-180deg);
  }
}

/*ANIMATIONS - ANIMATIONS - ANIMATIONS - ANIMATIONS - ANIMATIONS - ANIMATIONS - ANIMATIONS - ANIMATIONS - ANIMATIONS - ANIMATIONS - ANIMATIONS - ANIMATIONS -ANIMATIONS - ANIMATIONS -ANIMATIONS - ANIMATIONS -ANIMATIONS - ANIMATIONS -ANIMATIONS - ANIMATIONS -ANIMATIONS - ANIMATIONS -ANIMATIONS - ANIMATIONS -*/

 .fadeInUp {
	opacity: 0;
	transform: translateY(30%);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fadeInUp.visible {
	opacity: 1;
	transform: translateY(0);
}
/* Fade In Left */
.fadeInLeft {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fadeInLeft.visible {
  opacity: 1;
  transform: translateX(0);
}

/* Slide In Right */
.slideInRight {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slideInRight.visible {
  opacity: 1;
  transform: translateX(0);
}

/* Zoom In */
.zoomIn {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.zoomIn.visible {
  opacity: 1;
  transform: scale(1);
}