/*********** ANIMATIONS  *************/


@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-10%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

#editor .anim-entry-left
{
   opacity:1; 
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(10%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

#editor .anim-entry-right
{
   opacity:1; 
}

@keyframes fadeInZoom {
    from {
        opacity: 0;
        transform: scale(0.7);
    }
    to {
        opacity: 1;
         transform: scale(1);
    }
}



@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
          transform: translateY(0);
    }
}

.anim-entry-bottom {
    opacity: 0;
}


.fadeInBottom {
    animation: fadeInBottom 0.5s ease-in-out forwards;
}

 #editor .anim-entry-left, .wp-block-media-text:not(.has-media-on-the-right) figure, #editor .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content, #editor .anim-entry-right, #editor .wp-block-media-text.has-media-on-the-right figure, #editor .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content, #editor .anim-entry-zoom, #editor .anim-entry-bottom
      {
    opacity: 1;
    }
    #editor .anim-entry-zoom
{
   opacity:1; 
}


.anim-entry-zoom
{
   opacity:0; 
}
 .fadeInZoom {
        animation: fadeInZoom 0.7s ease-out forwards;
    }

@media( min-width:1024px)
{
    .anim-entry-left, .wp-block-media-text:not(.has-media-on-the-right) figure, .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content, .anim-entry-right, .wp-block-media-text.has-media-on-the-right figure,  .wp-block-media-text:not(.has-media-on-the-right, .superimpose) .wp-block-media-text__content, .anim-entry-zoom
      {
    opacity: 0;
    }
   


    .fadeInLeft {
    animation: fadeInLeft 0.7s ease-out forwards;
    }
    .fadeInRight {
    animation: fadeInRight 0.7s ease-out forwards;
    }
   
}

@media( max-width:1192px)
{
    #top-bar nav a
    {
        font-size:11px;
    }
     #top-bar nav ul
    {
        gap:12px;
    }
    .wp-block-search__input
    {
        font-size:12px;
    }
    #top-bar .wp-image-344
    {
        height:24px!important;
        transform:translateY(-6px);
    }
}
@media(max-width:1168px)
{
    #top-bar nav a
    {
        font-size:10px;
    }
}
@media(min-width:1024px)
{
    button.mobil-nav
    {
        display:none!important;
    }
}

@media (max-width: 1023px) 
{
    .splide .anim-entry-zoom
    {
        opacity:1!important;
        transform:scale(1)!important;
    }
}

/*********** GENERAL  *************/

.wp-block-atbs-tabs .tabs-titles
{
    background:none!important;
}
p.round-card-label
{
    width:224px;
}
.round-card
{
    aspect-ratio: 1;
    padding:32px;
}

@media (max-width: 1023px) 
{
    h1
    {
        font-size:56px!important;

    }
   .wp-block-media-text.is-stacked-on-mobile 
    {
        grid-template-columns: 100% !important;
    }
    .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content 
    {
        grid-column: 1;
        grid-row:2 ;
    }
    .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media 
    {
    grid-column: 1!important;
    grid-row: 1!important;
    }
    .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
 
      grid-column: 1!important;
      grid-row: 2!important;
    }

    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content
    {
    padding:0;
    }

    .mobil-no-padding 
    {
        padding-left:0!important;
        padding-right:0!important;
    }
    .mobil-full-width p
    {
     max-width:100%!important;
    } 
}

@media (max-width: 1084px) 
{
    .footer-row 
    {
       
        gap:8px!important;
        
    }
    .footer-row .wp-block-group
    {
    
        gap:6px!important;
        
       
    }
    .footer-row .wp-block-group p
    {
        font-size:14px!important;
       
        padding-bottom:0!important;
       
        line-height:1!important;
        withe-space:nowrap!important;
    }
    .footer-row .wp-block-group img
    {
      
       max-width:64px;
    }

}

@media (max-width: 768px) 
{
     h1
    {
        font-size:36px!important;
    }
    h2
    {
        font-size:28px!important;
    }
    h3
    {
        font-size:25px!important;
    }
    .big-grey-title
    {
        font-size:68px!important;
    }

    .mobil-wrap
    {
        flex-wrap: wrap!important;
    }

    .mobil-hide
    {
        display:none;
    }
    .wp-block-group.to-up
    {
      margin-top:-42px!important;
     
    }
    .mobil-small-padding-top
    {
        padding-top:48px!important;
    }
    .footer-row .wp-block-group
    {
        
        flex-direction:column!important;
        padding-top:24px!important;
         padding-bottom:0px!important;
       
    }
    .footer-row .wp-block-group p
    {
        font-size:12px!important;

    }
    .mobil-less-padding-top-bottom
    {
        padding-top:56px!important;
        padding-bottom:56px!important;
    }

    .block-sommaire
    {
       
        padding:0!important;
    }
    .block-sommaire .wp-block-group:first-child
     {
       
        padding-left:0!important;
        padding-right:0!important;
     }

    .block-sommaire .wp-block-group .lien-invisible
    {
       
        padding-left:16px!important;
        padding-right:16px!important;
        font-size:16px!important;
    }
     span.underlined:after
    {
        
          width: 38px;
            height: 4px;
            bottom:-4px;

        
    }
    .mobil-small-padding 
{
   
    margin-top:0!important;
}

     
}

@media(max-width:405px)
{
    .footer-row .wp-block-group p
    {
        font-size:10px!important;

    }
    
}


/*********** TOP BAR  *************/

#top-bar nav
{
  border-bottom: 1px solid transparent;
  padding-bottom:0;  
}

#top-bar nav a
{
  line-height: 1;

}

#top-bar #search
{
    transform:translateY(2px);
}

#search .wp-block-search__input
{
    background: none;
    border: none; 
    border:1px solid transparent;
    border-bottom: 1px solid white!important;
    height:14px;
    color:white;
    margin-bottom:8px;
    max-width:130px;
    font-size:12px;
}

.wp-block-search button, .wp-block-search__label
{
    display:none
}

.wp-block-search__input::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}

.wp-block-search__input::-ms-input-placeholder { /* Edge 12 -18 */
  color: white;
}

@media (max-width: 1023px) 
{
    #top-bar
    {
        display:none;
    } 
}

/*********** TABS  *************/
.tabs-nav .tab-title
{
    position:relative;
}
.tabs-nav .tab-title.active:after
{
 content:"";
 position:absolute;
 bottom: 0;
left: calc(50% - 20px);
width: 48px;
height: 8px;
background: #4776f6;
}

.tabs-nav 
{
   border:none;
   border-bottom-width: 0px!important;
   font-family:Isidora Sans;

}
@media(min-width:1024px)
{
   .wp-block-atbs-tabs:not(.home) .tabs-nav .tab-title:not(.active)
{
    border-bottom:1px solid #9f9f9f!important;
}

.wp-block-atbs-tabs:not(.home) .tabs-nav .tab-title.active
{
    border-left:1px solid #9f9f9f!important;
} 
}
@media(max-width:1023px)
{
   
.tabs-nav .tab-title.active, .tabs-nav .tab-title:not(.active)

{
    border-left:1px solid transparent!important;
    border-right:1px solid transparent!important;
    border-top:1px solid transparent!important;
    border-bottom:1px solid transparent!important;
} 

}

/*********** ARIANE  *************/

.yoast-breadcrumbs
{
    white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.yoast-breadcrumbs span {
display: inline-block;
vertical-align: top;
}

.yoast-breadcrumbs a, .yoast-breadcrumbs .breadcrumb_last
{
    color:black;
     /* Limite la largeur de l'élément à 40 caractères */
    max-width: 32ch; /* 'ch' est une unité relative à la largeur d'un caractère '0' */

    /* Empêche le retour à la ligne du texte */
    white-space: nowrap;

    /* Masque le texte qui dépasse la largeur définie */
    overflow: hidden;

    /* Ajoute des points de suspension à la fin du texte coupé */
    text-overflow: ellipsis;
display:inline-block;
text-decoration:none;


    
}
.yoast-breadcrumbs span
{
    display:inline-block;
    vertical-align:top;
}
.yoast-breadcrumbs .breadcrumb_last
{
    
     vertical-align:top
}

@media(max-width:768px)
{
    .yoast-breadcrumbs
{
    font-size:12px;
}
}


/*********** HOME  *************/
h2
{
    position:relative;
   
   
   
}
h2 .after-link a
{
  
  font-size:16px;
  
  color:#4776f6;
 

}

@media(min-width:1358px)
{
  h2 .after-link a
    {
      
     position:absolute;
      right:124px;
      bottom:4px;

     

    }
}

@media(max-width:1357px)
{
     h2 .after-link a
     {
         display:block;
         margin-top:8px;

     }

      h2 .after-link a:before
    {
        content:">>";
    }
   

}

details summary {
    list-style-type: none;
}


@media(max-width: 1080px)
{
    footer .wp-block-group
{
    border:none;
}
}

.four-color-gradient
{
   background:linear-gradient(to right,#4776F6 0%,#FF028D 50%, #FF7A3B 100%);
   

}


.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content
{
   
    padding-left:0;
}

.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content
{
   
    padding-right:0;
}