.bandeau h1{
text-transform:uppercase;
-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
.bandeau h1::before{
content:"";
width:70px; height:70px;
background: url(//emmaus44stnazaire.org/wp-content/themes/emmaus/css/img/sourire-jaune.png) no-repeat center / contain;
position:absolute; left:0; top:50%;
-webkit-transform: translate(-110%, -50%); transform: translate(-110%, -50%);
}
@keyframes up{
from{ opacity: 1 } to{ opacity:0.4 }
}
.bandeau{
-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
padding: 2vw calc(-50% - -50vw) 2vw calc(-50% - -50vw);
background-color:var(--bleu)
}
.bandeau.up{
animation-name: up;
animation-duration: 0.1s;
animation-timing-function: linear;
animation-iteration-count: 1;
animation-fill-mode: both;
}
.slider-page .swiper{
padding-bottom:3rem;
}
.slider-page .swiper-slide .photo{
overflow:hidden;
}
.slider-page .swiper-slide .photo a img{
width:100%; height:100%; object-fit: cover;
-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
.slider-page .swiper-slide .photo a:hover img{
-webkit-transform: scale(1.1); transform: scale(1.1);
}
.slider-page .swiper-slide .photo .ttl{
background-color: rgba(0,0,0,.7);
padding:0.5rem;
box-sizing:border-box;
width:auto; height:auto;
position:absolute; left:0; bottom:0; top:unset;
color: var(--blanc);
font-size:0.8rem;
-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
.slider-page .swiper-slide .photo:hover .ttl{
-webkit-transform: translateY(100%);transform: translateY(100%);
}
.swiper-pagination .swiper-pagination-bullet{
width:12px; height:12px; vertical-align:middle;
}
.swiper-pagination .swiper-pagination-bullet-active{
width:16px; height:16px;
}
.ub_table-of-contents{
border:none; border-bottom: 1px solid var(--bleu);
background-color: transparent;
margin-bottom:3rem;
position:sticky; top:150px;
}
.ub_table-of-contents ul{
margin:0
}
.ub_table-of-contents ul li{
border:1px solid var(--grismedium);
text-align:center
}
.ub_table-of-contents ul li a{
display:block; padding:0.5rem;
}
.ub_table-of-contents-extra-container, .ub_table-of-contents-header-container{
padding-left:0; padding-right:0;
}
.ub_table-of-contents-header-container{
color: var(--bleu); font-size:1rem;
}