*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}html{font-family:'Montserrat',sans-serif;color:#444;font-size:16px;letter-spacing:.03rem;}body{background-image:url(../img/stsulpice-fond-05.webp);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;}h1,h2,h3,h4,p{line-height:150%;max-width:800px;}h1,h2,h3,h4{padding:5rem 0 3rem;text-align:center;color:#055;font-weight:700;}p,blockquote{padding:1rem 0;text-align:justify;text-indent:20px}blockquote{font-style:italic;}.center{text-align:center;text-indent:0}.left{text-align:left;}.right{text-align:right;}.pb-0{padding-bottom:0;}.pt-0{padding-top:0;}hr{margin:5rem auto 0;max-width:800px;border:0;border-top:1px solid rgba(0,0,0,.2);}ul,nav{list-style:none}a{text-decoration:none;color:inherit;}a:hover{color:#000;}img{width:100%;height:auto;}header{padding-top:120px;}nav{position:fixed;background-color:#055;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.3);width:100%;z-index:8;top:0;color:#FFF}.logo{padding:3.5rem 1rem 1rem;text-align:center;}.logo::before{content:"";position:absolute;top:0;left:0;background-image:url(../img/logo-saint-sulpice.svg);background-repeat:no-repeat;background-position:center;opacity:.4;height:90%;width:100%;}.logo a{position:relative;font-weight:600;z-index:10}.logo span{font-weight:300;}.logo a:hover{color:#fff;}nav input{position:absolute;top:17px;left:-17px;}nav li>a{color:#555;}nav li>a:hover{color:#fff;}nav label{cursor:pointer;text-indent:-5000px;}.navbutton{padding:.25rem .7rem;position:absolute;z-index:1000;top:1rem;right:1rem;height:31px;width:46px;}.navbutton span{width:22px;height:2px;display:block;border-radius:1px;background-color:#999;margin:4px 0;position:relative;}.navbutton span:nth-child(2){-webkit-transition:background .3s linear,opacity 0s linear;transition:background .3s linear,opacity 0s linear}.navbutton label{position:absolute;top:-1px;left:-1px;border:1px solid #999;height:31px;width:46px;border-radius:.3rem;}#navbouton:checked ~ ul{-webkit-transform:translate(-230px,0);transform:translate(-230px,0);}#navbouton:checked ~ .navbutton span:nth-child(1){top:6px;-webkit-animation:f .3s;animation:f .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}nav #navbouton:checked ~ .navbutton span:nth-child(2){opacity:0;}nav #navbouton:checked ~ .navbutton span:nth-child(3){-webkit-animation:h .3s;animation:h .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;bottom:6px}.backdrop{position:absolute;content:"";display:none;top:0;left:0;width:100%;height:100vh;z-index:9;background:rgba(0,0,0,.1);cursor:pointer}#navbouton:checked ~ .backdrop{display:block}nav ul{background-color:#fff;z-index:10;}nav>ul{right:-230px;width:230px;position:fixed;max-height:100%;overflow-x:hidden;-webkit-transition:-webkit-transform .5s ease-out .3s;transition:-webkit-transform .5s ease-out .3s;transition:transform .5s ease-out .3s;transition:transform .5s ease-out .3s,-webkit-transform .5s ease-out .3s;padding-top:70px;top:0}nav>ul>li:after{width:calc(100% - 30px);content:"";display:block;height:1px;margin-left:15px;background-color:rgba(0,0,0,.1)}nav li:last-child:after{display:none}nav li a:hover{background-color:#055;}nav li a{display:block;padding:15px;margin:5px 15px}.menu-deroulant li a{padding-left:2rem;color:#555;}.menu-deroulant ul{max-height:0;overflow:hidden;-webkit-transition:max-height .5s linear,padding-bottom .1s linear .1s;transition:max-height .5s linear,padding-bottom .1s linear .1s}.menu-deroulant{position:relative}.menu-deroulant label{position:absolute;height:3rem;margin:0 15px;width:calc(100% - 30px);}.menu-deroulant label:hover{background-color:rgba(0,0,0,.1)}.menu-deroulant>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.menu-deroulant>a:after{content:"";border:.4em solid transparent;border-top:.4em solid #999;border-bottom:0;}nav [id*="menu-deroulant"]:checked ~ ul{max-height:1000px;padding-bottom:.5rem}nav [id*="menu-deroulant"]:checked ~ label{display:none}@media screen and (min-width:1200px){nav input,nav label,.navbutton,.backdrop{display:none}.logo a{z-index:11}nav>ul{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;overflow:visible;width:auto;right:0;padding-top:50px;background-color:transparent}nav li>a{margin:0;color:#ccc}nav>ul>li>a:hover{background:none}nav .gauche{margin-right:150px}nav .droit{margin-left:150px}nav>ul>li:after{display:none}.menu-deroulant>a:after{border:0}.menu-deroulant ul{position:absolute;z-index:1000;padding:.3125rem 0;opacity:0;overflow:visible;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:0 0;transform-origin:0 0;will-change:transform,opacity;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);box-shadow:0 0 10px 0 rgba(0,0,0,.3);max-height:800px}.menu-deroulant li a{padding:1rem;white-space:nowrap;margin:0 .5rem}.menu-deroulant:hover ul{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1)}}@-webkit-keyframes h{0%{bottom:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}45%{bottom:6px;-webkit-transform:rotate(-145deg);transform:rotate(-145deg)}75%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}}@keyframes h{0%{bottom:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}45%{bottom:6px;-webkit-transform:rotate(-145deg);transform:rotate(-145deg)}75%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}}@-webkit-keyframes f{0%{top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}45%{top:6px;-webkit-transform:rotate(145deg);transform:rotate(145deg)}75%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(135deg);transform:rotate(135deg)}}@keyframes f{0%{top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}45%{top:6px;-webkit-transform:rotate(145deg);transform:rotate(145deg)}75%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(135deg);transform:rotate(135deg)}}.header{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 .5rem;}.suite{width:80px;height:auto;position:absolute;bottom:4vh;}main{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;}.video{overflow:hidden;margin:0 auto 2rem;max-width:700px}video{display:block;width:100%;margin-top:-1px;margin-bottom:-7px}section{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:5rem;justify-content:center;}section>*{margin:0 1rem;}.col-1{-ms-flex-preferred-size:100%;flex-basis:100%;}.card{-webkit-box-flex:1;-ms-flex:1 1 330px;flex:1 1 330px;}.card img{padding-top:1rem;}#histoire>div{background-image:url(../img/fond-papier.jpg);background-size:contain;padding:0 1rem;text-indent:3rem;border-radius:1rem}#histoire div p:last-child,#histoire div blockquote{font-family:'Charm',cursive;font-size:1.5rem;}.saisons{margin:2rem auto;max-width:650px;}.saisons li{padding-bottom:.5rem;}p{margin:0}img{box-shadow:1px 1px 10px 0 rgba(0,0,0,.5);border-radius:5px}#encart{background-color:rgba(230,250,231,.95);flex-basis:300px;flex-shrink:0;flex-grow:1;margin:1rem .5rem .5rem;border-radius:10px;padding:0 1rem 1rem;align-content:flex-start}#encart ul{list-style:disc;}#encart ul li{padding-bottom:.5rem;}#encart p{text-indent:0;margin:0;text-align:center}#encart h3{margin:0;padding:0 0 1rem}#encart a{font-weight:600;}#encart button{padding:.5rem;margin-top:1rem;font-size:1rem;font-family:montserrat;background-color:#F90;border:none;border-radius:5px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.5);}#encart button:hover{background-color:#e68a00;}a.btn{background-color:#f90;padding:.2rem 1rem;display:inline-block;border-radius:100px;font-weight:700;text-indent:0}a.btn:hover{box-shadow:3px 3px 6px rgba(0,0,0,.5);}.btn2{width:inherit;border:2px solid;border-radius:50%;padding:.3rem;margin-top:.5rem;}#presentation img.btn2:hover{background:#f90;box-shadow:3px 3px 6px rgba(0,0,0,.5);}.galerie{width:100%;max-width:700px;margin:0 auto;}.galerieimages{position:relative;}.galerieimages label{cursor:pointer;position:absolute;top:44%;border-radius:50%;background-color:#fff;width:30px;height:30px;text-align:center;opacity:.7}label.pre{left:10px;}label.sui{right:10px;}.galerieimages div{display:none;height:100%;}.galerieimages input{display:none;}.galerieimages [id*="galerie"]:checked + div{display:block;}.galerievignettes{flex-wrap:wrap;margin:1rem;display:flex;}.galerievignettes label{width:70px;height:70px;margin:2px;overflow:hidden;display:flex;cursor:pointer;justify-content:center;}.galerievignettes img{height:103%;width:auto;}.lightbox{display:none;position:fixed;z-index:999;top:0;left:0;right:0;bottom:0;padding:1rem 0;background:rgba(0,0,0,.8);}.lightbox:target{display:flex;flex-direction:column;}.lightbox span{display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;}.mosaique{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.mosaique img{width:200px;height:200px;margin:10px;display:block;object-fit:cover;}.lightbox .fleches{cursor:pointer;position:absolute;top:50%;width:30%;height:60%;opacity:.7;transform:translateY(-50%);padding:15px;display:flex;align-items:center;justify-content:flex-end}.lightbox .close{top:25px;right:0;height:20%;width:20%}.lightbox .pre{left:0;justify-content:flex-start}.lightbox .sui{right:0;}.lightbox img{background-color:#fff;border-radius:50%;width:30px;height:30px;margin:0;}.lightbox p{color:#fff;padding:.7rem 1rem 0;margin:0 auto;text-align:center}.diaporama{position:relative;top:0;left:0;overflow:hidden;background:#fff;border-radius:10px;display:flex;box-shadow:2px 2px 10px 2px rgb(0 0 0 / 75%);}.diaporama img{position:absolute;top:0;left:0;}.diaporama img:first-child{position:relative;}.diaporama img{animation:fade-in-out 105s ease infinite 0s;opacity:0;}.diaporama img:nth-child(1){animation-delay:0s;}.diaporama img:nth-child(2){animation-delay:7s;}.diaporama img:nth-child(3){animation-delay:14s;}.diaporama img:nth-child(4){animation-delay:21s;}.diaporama img:nth-child(5){animation-delay:28s;}.diaporama img:nth-child(6){animation-delay:35s;}.diaporama img:nth-child(7){animation-delay:42s;}.diaporama img:nth-child(8){animation-delay:49s;}.diaporama img:nth-child(9){animation-delay:56s;}.diaporama img:nth-child(10){animation-delay:63s;}.diaporama img:nth-child(11){animation-delay:70s;}.diaporama img:nth-child(12){animation-delay:77s;}.diaporama img:nth-child(13){animation-delay:84s;}.diaporama img:nth-child(14){animation-delay:91s;}.diaporama img:nth-child(15){animation-delay:98s;}@keyframes fade-in-out{0%,100%{opacity:0}1.90%{opacity:1}6.67%{opacity:1}8.57%{opacity:0}}footer{max-width:1200px;margin:auto;background:none;padding:.5rem;}footer p{max-width:1200px;background-color:rgba(255,255,255,.9);border-radius:10px;padding:1rem .5rem;}