.wp-block-paragraph {
  margin : 0;
  padding : 50px 0;
  width: 100%;
}
.wp-block-paragraph.has-background {
  padding : 50px 0;
  position: relative;
  isolation: isolate;
}
/* Prolonge le fond du paragraphe jusqu'aux bords de l'écran */
.wp-block-paragraph.has-background::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: inherit;
}

p, .wp-block-paragraph {
	clear: both;
	font-family: var(--global--font-primary);
	font-size: var(--font-size-desktop-body);
	font-weight: var(--font-weight-desktop-body);
	line-height: var(--line-height-desktop-body);
}

p strong, .wp-block-paragraph strong {
	font-weight: var(--font-weight-desktop-body-bold);
}

@media only screen and (max-width: 1280px) {
	p, .wp-block-paragraph {
		font-size: var(--font-size-mobile-body);
		font-weight: var(--font-weight-mobile-body);
		line-height: var(--line-height-mobile-body);
	}

	p strong, .wp-block-paragraph strong {
		font-weight: var(--font-weight-mobile-body-bold);
	}
}

p.has-extra-small-font-size {
	font-size: var(--font-size-desktop-body-xs);
	line-height: var(--line-height-desktop-body-xs);
}
@media only screen and (max-width: 1280px) {
	p.has-extra-small-font-size {
		font-size: var(--font-size-mobile-body-xs);
		line-height: var(--line-height-mobile-body-xs);
	}
}

p.has-small-font-size {
	font-size: var(--font-size-desktop-body-sm);
	line-height: var(--line-height-desktop-body-sm);
}
@media only screen and (max-width: 1280px) {
	p.has-small-font-size {
		font-size: var(--font-size-mobile-body-sm);
		line-height: var(--line-height-mobile-body-sm);
	}
}

p.has-normal-font-size {
	font-size: var(--font-size-desktop-body-md);
	line-height: var(--line-height-desktop-body-md);
}
@media only screen and (max-width: 1280px) {
	p.has-normal-font-size {
		font-size: var(--font-size-mobile-body-md);
		line-height: var(--line-height-mobile-body-md);
	}
}

p.has-large-font-size {
	font-size: var(--font-size-desktop-body-lg);
	line-height: var(--line-height-desktop-body-lg);
}
@media only screen and (max-width: 1280px) {
	p.has-large-font-size {
		font-size: var(--font-size-mobile-body-lg);
		line-height: var(--line-height-mobile-body-lg);
	}
}

p.has-extra-large-font-size {
	font-size: var(--font-size-desktop-body-xl);
	line-height: var(--line-height-desktop-body-xl);
}
@media only screen and (max-width: 1280px) {
	p.has-extra-large-font-size {
		font-size: var(--font-size-mobile-body-xl);
		line-height: var(--line-height-mobile-body-xl);
	}
}