/*les styles qui surcarge le theme olivero*/

 
/****************     paragraphs        *********************/


/***************          paragraphs        ***********/


.paragraph{
    margin-top: var(--sp2);
    margin-bottom: var(--sp2);
}


.ds-2col{
    display: flex;
    flex-direction : column;
}

/* paragraphe image-texte texte image*/

.paragraph--type--image-plus-texte-alterne > div:nth-child(2) .ds-2col{
    flex-direction: column-reverse;
}

.ds-2col > .group-left, .ds-2col > .group-right{
    float:none;
    width : 100%;
    
}

.paragraph--type-image-a-gauche-1-4-texte-a-droit .group-left img{
     padding: 10px;
      
}

@media (min-width: 62.5rem) {
  .ds-2col, .paragraph--type--image-plus-texte-alterne > div:nth-child(2) .ds-2col{
    flex-direction : row;
    align-items: center;
    gap: var(--sp2)
  }
  
  .paragraph--type-image-a-gauche-1-4-texte-a-droit .group-left{
      flex:1;
      
  }
  .paragraph--type-image-a-gauche-1-4-texte-a-droit .group-right{
      flex:4;
  }
}






/************      paragraphe titraille -texte       *************/

.field--name-field-titraille>h2:first-child{
    margin-top:0;
}

.field--name-field-titraille>h3{
  font-size: 1.125rem;
  line-height: var(--sp1-5);
}