/*  home page */
.back{
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background: radial-gradient( ellipse at center,  #001634 0%,#000b19 100% );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.back img{
  width:80%;
  max-width:600px;
}
.slide .swiper{
  position: relative;
  z-index:1;
  height:25vh;
}
@media screen and (orientation: landscape){
  .slide .swiper{
    height:35vh;
  }
}
.slide .swiper-slide .accroche-slide{
  position:relative;
  color: var(--blanc);
  text-transform: uppercase;
  line-height:1.3;
  letter-spacing:0.2rem;
  font-family: 'Fira Sans';
  text-align:left;
  font-size: 5.5vw
}
.slide .swiper-slide .accroche-slide .small{
  font-size:1rem;
  font-weight:400;
  font-style: italic;
  text-align:right;
  text-transform: none;
}
@media screen and ( min-width:992px ){
  .slide .swiper-slide .accroche-slide .small{
    font-size:1.25rem;
  }
  .slide .swiper-slide .accroche-slide{
    font-size: 3.5vw
  }
}

.slide .swiper-slide .accroche-slide .line{
    width: 25%;
}
.slide .swiper-slide .accroche-slide .line::before{
  content:"";
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--blanc);
}
/*   */

.alignfull {
    margin: 0 calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
}
.alignfull.has-background {
    padding: 4vw calc(-50% - -50vw);
}
.alignwide {
    margin: 0 calc(25% - 25vw);
}

main{
    width:80%;
    max-width:1440px;
    margin: 0 auto;
    min-height:500px;
}

.home .wp-block-group{
  position: relative;
  z-index: 2
}

.in-view {
  opacity: 0;
  transform: translateY(100px);
  transition: all 1s ease;
}

.in-view.visible {
  opacity: 1;
  transform: translateY(0);
}
.accroche-cat{
  line-height:1.1;
  max-width:640px;
}
.description{
  max-width:640px;
}
.description p{
  text-align: center
}
.sub-categories{
  gap:1rem;
  align-items: center
}
.sub-categories a.bt{
  display: inline-flex;
  padding: 0.5rem 1rem;
  border:1px solid transparent;
  color: var(--noir)
}
.sub-categories a.bt:hover, .sub-categories a.bt.current-category{
  padding: 0.5rem 1rem;
  border-color: var(--noir);
}
.bloc-actus .item .vs{
  overflow: clip;
  background: var(--neutral-lighter) url(../img/no-photo.png) no-repeat center / 80px;
  border-radius: 0.85vw
}
.bloc-actus a.item{
  color: var(--noir);
}
.vs{
  border-radius: 1.85vw
}
.vs-one{
  border-radius: 1.85vw;
  overflow: clip;
  aspect-ratio: 16/9
}
.vs-one img{
  width: 100%; height: 100%;
  object-fit: cover
}
.partage .libelle{
  font-size:0.85rem;
}
@media screen and (max-width:768px){
  .bloc-actus .item .vs{
    border-radius:0.85rem
  }
}
.bloc-actus .item .vs img{
  width:100%; height: 100%;
  object-fit: cover;
  transition: all 0.2s ease;
}
.bloc-actus .item .excerpt{
  font-size:0.9rem;
}
.bloc-actus .item .date, .bloc-actus .item .categ{
  color: var(--bleu-royal)
}
.bloc-actus .pagination{
  gap: 0.5rem
}
.bloc-actus .pagination .page-numbers {
  padding:0.25rem 0.5rem;
  border: 1px solid var(--neutral-light);
  transition: all 0.2s ease;
  color: var(--noir);
}
.bloc-actus .pagination .page-numbers:hover {
  background-color: var(--neutral-lighter)
}
.bloc-actus .pagination .page-numbers.current {
  font-weight: 700
}
.bloc-actus .item:hover .vs img{
  transform: scale(1.1)
}
.header-page {
  overflow: clip;
}
.picto-page{
  width:50px;
}
.picto-page img{
  width:100%; height: 100%;
  object-fit: contain
}
.header-page .left, .header-page .right{
  width:100%
}
.header-page .right .vs{
  flex: 1 1 auto
}
.header-page .right .vs img{
  width:100%; height: 100%;
  object-fit: cover
}
.ariane > span{
  display: flex;
  gap:0.5rem;
  font-size:0.85rem
}
article .date{
  font-size:0.85rem;
}
.share-buttons{
  display: flex;
  gap:0.5rem;
  justify-content: end
}
.share-buttons a{
  width:20px; height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}
.share-buttons a:hover{
  opacity:0.5
}
.share-buttons a.fbk{
  background-image: url(../img/facebook.svg);
}
.share-buttons a.lkd{
  background-image: url(../img/linkedin.svg);
}
.share-buttons a.x{
  background-image: url(../img/x.svg);
}
@media screen and (min-width:1200px){
  .header-page .left, .header-page .right{
    width:50%;
  }
  .header-page .right{
    flex: 0 0 calc(50% + (50vw - 50%));
    margin-right: calc(50% - 50vw); /* négatif => déborde à droite */
  }
  .header-page .bloc-ttl{
    padding-right: 10%
  }
}

.wp-block-group.intro,.wp-block-group.intro h2, .wp-block-group.intro h3 {
  color: var(--blanc)
}
.wp-block-group.intro{
  padding-top:5vw
}
.wp-block-group.intro .wp-block-button.is-style-outline a:hover{
  color: var(--bleu-royal-light);
  border-color: var(--bleu-royal-light);
}

.wp-block-button a:hover{
  background-color: var(--bleufonce) !important;
}
.wp-block-button a.has-bleufonce-background-color:hover{
  background-color: var(--bleu-royal) !important;
}

.page .carte{
  border-radius:1.5vw;
  overflow: clip
}

.frm_submit button{
  border:none !important
}

.upline{
    font-weight: bold;
    text-transform: uppercase;
    font-size:0.85rem;
    letter-spacing: 0.1rem;
}
article .ariane > span{
  justify-content: center
}