@charset "UTF-8";
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{overscroll-behavior:none}
body{-webkit-font-smoothing:antialiased;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}
img,picture,video,canvas,svg{display:block;max-width:100%}
input,button,textarea,select{font:inherit}
h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}
#root,#__next{isolation:isolate}
a{text-decoration:none;color:inherit}
button{cursor:pointer}
@font-face{font-family:"Circular";src:url("../themes/abbatiale/assets/fonts/circular/CircularXXSub-RegularSubset.woff2") format("woff2");font-weight:400;font-style:normal}
@font-face{font-family:"Circular";src:url("../themes/abbatiale/assets/fonts/circular/CircularXXSub-MediumSubset.woff2") format("woff2");font-weight:600;font-style:normal}
@font-face{font-family:"Circular";src:url("../themes/abbatiale/assets/fonts/circular/CircularXXSub-MediumItalicSubset.woff2") format("woff2");font-weight:600;font-style:italic}
@font-face{font-family:"Circular";src:url("../themes/abbatiale/assets/fonts/circular/CircularXXSub-BoldSubset.woff2") format("woff2");font-weight:700;font-style:normal}
@font-face{font-family:"Circular";src:url("../themes/abbatiale/assets/fonts/circular/CircularXXSub-BoldItalicSubset.woff2") format("woff2");font-weight:700;font-style:italic}
@font-face{font-family:"Circular";src:url("../themes/abbatiale/assets/fonts/circular/CircularXXSub-BlackSubset.woff2") format("woff2");font-weight:900;font-style:normal}
@font-face{font-family:"Circular";src:url("../themes/abbatiale/assets/fonts/circular/CircularXXSub-BlackItalicSubset.woff2") format("woff2");font-weight:900;font-style:italic}
body.oc-loading,body.oc-loading *{cursor:wait !important}
.stripe-loading-indicator{height:5px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000}
.stripe-loading-indicator .stripe,.stripe-loading-indicator .stripe-loaded{height:5px;display:block;background:#0090c0;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF}
.stripe-loading-indicator .stripe{width:100%;-webkit-animation:oc-infinite-loader 60s linear;animation:oc-infinite-loader 60s linear}
.stripe-loading-indicator .stripe-loaded{width:0;opacity:0;filter:alpha(opacity=0)}
.stripe-loading-indicator.loaded{opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s}
.stripe-loading-indicator.loaded .stripe-loaded{opacity:1;filter:alpha(opacity=100);-webkit-transition:width 0.3s linear;transition:width 0.3s linear;width:100% !important}
.stripe-loading-indicator.hide{display:none}
body>p.flash-message{position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0px rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
body>p.flash-message.fade{opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
body>p.flash-message.fade.in{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
body>p.flash-message.success{background:#8da85e}
body>p.flash-message.error{background:#c30}
body>p.flash-message.warning{background:#f0ad4e}
body>p.flash-message.info{background:#5fb6f5}
body>p.flash-message button.close{float:none;position:absolute;right:10px;top:8px;color:white;font-size:21px;line-height:1;font-weight:bold;opacity:0.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;outline:none}
body>p.flash-message button.close:hover,body>p.flash-message button.close:focus{color:white;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
@media (max-width:768px){body>p.flash-message{left:10px;right:10px;top:10px;margin-left:0;width:auto}}
[data-request][data-request-validate] [data-validate-for]:not(.visible),[data-request][data-request-validate] [data-validate-error]:not(.visible){display:none}
a.oc-loading:after,button.oc-loading:after,span.oc-loading:after{content:"";display:inline-block;vertical-align:middle;margin-left:0.4em;height:1em;width:1em;animation:oc-rotate-loader 0.8s infinite linear;border:0.2em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0.5;filter:alpha(opacity=50)}
@-moz-keyframes oc-rotate-loader{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}
@-webkit-keyframes oc-rotate-loader{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@-o-keyframes oc-rotate-loader{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}
@-ms-keyframes oc-rotate-loader{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}
@keyframes oc-rotate-loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@-moz-keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@-webkit-keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@-o-keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@-ms-keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
@keyframes oc-infinite-loader{0%{width:0}10%{width:42%}20%{width:63%}30%{width:78.75%}40%{width:88.59375%}50%{width:94.130859375%}60%{width:97.0724487305%}70%{width:98.5892057419%}80%{width:99.3594339117%}90%{width:99.7475567005%}100%{width:99.9423761471%}}
header{display:flex;flex-direction:column;justify-content:flex-end;min-height:140px;padding:24px 24px 20px 24px;color:black}
header h1{padding:0;margin:0}
header .pre-title{padding:0;margin:0;font-size:30px;line-height:1.2}
footer{display:flex;justify-content:space-between;padding:18px;gap:18px}
/*! Timeline - v0.0.1 ilker Yılmaz https://github.com/ilkeryilmaz/timeline */
.timeline-container{position:relative;width:100%}
.timeline-container::after{content:"";display:table;clear:both}
.timeline{display:flex;flex-direction:column;width:100%;height:100%}
.timeline:not(.loaded){justify-content:center;align-items:center}
.timeline:not(.loaded)>*{opacity:0}
.timeline:not(.loaded)::before{content:"";display:block;position:absolute;width:64px;height:64px;border:6px solid #696040;border-left-color:transparent;border-radius:50%;animation:0.9s linear infinite spin}
.timeline-list{width:100%;overflow:hidden}
.timeline-list-wrap{display:block;height:100%;transform:translate3d(0,0,0);transition:transform 1s cubic-bezier(0.455,0.03,0.515,0.955)}
.timeline-item{display:flex;float:left;width:min(100vw,1180px);height:100%;box-sizing:border-box}
.timeline-dots-wrap{flex-shrink:0;overflow-x:scroll;background-color:#696040;scrollbar-width:none}
.timeline-dots-wrap::-webkit-scrollbar{display:none}
.timeline-dots{position:relative;display:inline-flex;justify-content:space-between;gap:156px;min-width:100%;margin:0;padding:18px 13px 13px 13px;list-style-type:none;transition:transform 1s cubic-bezier(0.455,0.03,0.515,0.955)}
.timeline-dots::before{content:"";position:absolute;top:36px;left:13px;right:13px;height:5px;background-color:#F7E2BE}
.timeline-dots li{position:relative}
.timeline-dots li::before{position:absolute;background-color:#696040;top:0;left:0;right:0;bottom:0}
.timeline-dots li:first-child::before{content:"";right:50%}
.timeline-dots li:last-child::before{content:"";left:50%}
.timeline-dots li button{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;height:100%;min-width:200px;padding:0;border:none;background-color:transparent}
.timeline-dots li button .marker{display:flex;justify-content:center;align-items:center;height:42px;width:42px;margin-bottom:4px;background-color:#696040}
.timeline-dots li button .marker::before{content:"";display:block;box-sizing:content-box;width:0;height:0;border:16px solid #F7E2BE;border-radius:6px;background-color:#696040;transition:all 0.3s}
.timeline-dots li button .label{color:#F7E2BE;font-size:18px;font-weight:normal}
.timeline-dots li.slide-active button .marker::before{width:32px;height:32px;margin:0;border-width:5px;border-radius:11px}
.scroll-container{position:relative;display:flex;height:100%;width:100%;overflow:hidden}
.scroll-container>.scroll-container-inner{overflow-x:hidden;overflow-y:auto;width:100%}
.scroll-container::before,.scroll-container::after{content:"";position:absolute;z-index:10;left:0;right:0;opacity:0;display:block;height:65px;pointer-events:none;transition:opacity 0.3s}
.scroll-container.loading::before,.scroll-container.loading::after{transition:none}
.scroll-container::before{top:0}
.scroll-container::after{bottom:0}
.scroll-container.loading:not(.start)::before,.scroll-container.loading:not(.end)::after,.scroll-container.loaded:not(.start)::before,.scroll-container.loaded:not(.end)::after{opacity:1}
.scroll-container.bg-beige::before{background:linear-gradient(0deg,rgba(175,141,86,0) 0%,#af8d56 100%)}
.scroll-container.bg-beige::after{background:linear-gradient(180deg,rgba(175,141,86,0) 0%,#af8d56 100%)}
.flex{display:flex !important}
.flex-column{display:flex !important;flex-direction:column !important}
.items-centre{align-items:center}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-right{justify-content:right}
.gap-18{gap:18px}
button,.btn{display:inline-block;padding:12px 24px;border:2px solid #696040;border-radius:12px;background-color:#696040;text-align:center;color:#fff;font-size:28px;font-weight:700}
button.square,.btn.square{display:flex;justify-content:center;align-items:center;width:64px;height:64px;padding:10px}
button.reverse,.btn.reverse{color:#696040;background-color:#fff}
button.disabled,.btn.disabled{opacity:30%}
html,body{width:100%;height:100%}
html{font-size:20px;line-height:1.3}
body{color:#696040;font-family:Circular,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:black}
body>.container{display:flex;flex-direction:column;max-width:1180px;max-height:820px;width:100%;height:100%;background-color:white}
h1,.h1{font-size:50px;line-height:1.2;font-weight:700}
h2,.h2{font-weight:700;font-size:30px;line-height:1.2;word-wrap:break-word}
h3,.h3{word-wrap:break-word}
.list-unstyled{list-style-type:none;padding:0;margin:0}
.content p,.content ul,.content ol{margin-bottom:1em}
.content h2,.content h3,.content h4,.content h5,.content h6,.content .h2,.content .h3,.content .h4,.content .h5,.content .h6{margin-bottom:0.475em}
.content .qr-code{filter:invert(36%) sepia(24%) saturate(574%) hue-rotate(9deg) brightness(94%) contrast(88%)}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.layout-default>.container>main{flex:1;overflow-y:hidden}
.layout-default .languages-bar{display:grid;grid-template-columns:0fr;margin-right:-18px;overflow:hidden;transition:grid-template-columns 0.5s}
.layout-default .languages-bar .languages-bar-inner{display:flex;gap:18px;overflow:hidden;opacity:0;transform:translateX(-100px);transition:opacity 0.5s,transform 0.5s}
.layout-default .languages-bar .languages-bar-inner>:last-child{margin-right:18px}
.layout-default .languages-bar.open{grid-template-columns:1fr}
.layout-default .languages-bar.open .languages-bar-inner{opacity:1;transform:translateX(0)}
.page-404>.container,.page-500>.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;background:linear-gradient(0deg,rgba(0,0,0,0.3),rgba(0,0,0,0.6),rgba(0,0,0,0.3)),url("../themes/abbatiale/assets/images/bg_intro.jpg") no-repeat;background-size:cover;text-align:center;color:#fff}
.page-404>.container main,.page-500>.container main{width:100%;display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center}
body.page-intro .container{background:url(../themes/abbatiale/assets/images/bg_intro.jpg) no-repeat center center fixed;display:flex;flex-direction:column;justify-content:space-between;text-align:center;color:#fff}
body.page-intro .container h1{margin:64px auto;font-size:50px;width:65%;text-shadow:0 0 35px rgba(0,0,0,0.75)}
body.page-intro .container .intro-container{font-size:30px;padding-bottom:18px}
body.page-intro .container .intro-text{margin-bottom:24px;text-shadow:0 0 35px rgba(0,0,0,0.75)}
body.page-intro .container .intro-title{font-weight:700}
body.page-intro .container .intro-subtitle{font-weight:normal}
body.page-sommaire{background-color:black}
body.page-sommaire .container{background:radial-gradient(#fff,#F7E2BE);text-align:center}
body.page-sommaire h2{margin:14px 0;line-height:1}
body.page-sommaire .sommaire{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;flex-wrap:wrap;width:776px;margin:28px auto 14px auto}
body.page-sommaire .sommaire img{border-radius:0 0 50% 50%}
body.page-sommaire .sommaire>.sommaire-item{display:flex;flex-direction:column-reverse;justify-content:flex-end}
body.page-sommaire .sommaire a:nth-of-type(6n+1),body.page-sommaire .sommaire a:nth-of-type(6n+2),body.page-sommaire .sommaire a:nth-of-type(6n+3){flex-direction:column}
body.page-sommaire .sommaire a:nth-of-type(6n+1) img,body.page-sommaire .sommaire a:nth-of-type(6n+2) img,body.page-sommaire .sommaire a:nth-of-type(6n+3) img{border-radius:50% 50% 0 0}
body.page-contenu main{background-color:#F7E2BE;display:flex}
body.page-contenu .image-container{position:relative;flex:1}
body.page-contenu .image-container>img{width:100%;height:100%;object-fit:cover}
body.page-contenu .image-container .image-copyright{position:absolute;bottom:0;right:0;padding:4px 8px;background-color:#181715;color:#fff;font-size:14px}
body.page-contenu .content{flex-shrink:0;width:50%;color:#181715}
body.page-contenu .content .scroll-container-inner{padding:24px 24px 8px 24px}
body.page-contenu .content .qr-container{margin-top:36px;margin-bottom:18px}
body.partial-chapitre main{background:radial-gradient(#fff,#F7E2BE)}
body.partial-chapitre .subpages-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;margin:auto 0;padding:48px 30px}
body.partial-chapitre .subpage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:224px;padding:24px 12px}
body.partial-chapitre .subpage>img{width:170px;margin-bottom:16px;border-top-left-radius:200px;border-top-right-radius:200px}
body.partial-chapitre .subpage>h2{text-align:center}