<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* rÃƒÂ¨gle permettant de faire la correction des marges aprÃƒÂ¨s apparition du mbox */
.bncd-article-sidekick-layout .bncd-article-sidekick-layout-item-promo + .mbox-name-mbox-hub-recommended-articles  {
	display: inline-flex;
}
.bncd-article-sidekick-layout .bncd-article-sidekick-layout-item-promo + .mbox-name-mbox-hub-recommended-articles .bncd-article-sidekick-layout-item  {
	display: inline-block;
}
@media (min-width: 992px) {
	.bncd-article-sidekick-layout .bncd-article-sidekick-layout-item-promo + .mbox-name-mbox-hub-recommended-articles .bncd-article-sidekick-layout-item,
	.bncd-article-sidekick-layout .mbox-name-mbox-hub-recommended-articles + .bncd-article-sidekick-layout-item {
		margin-top: 16px;
	}
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)  {
  /* Correction pour le rendu des images sur IE */
  img {-ms-interpolation-mode: bicubic;}
  /* correction pour le rendu de la police sur IE */
  .bncd-article .cmp-contentfragment p,
  .articleContent .cmp-articlecontent p { font-family: "Gilroy-Regular",Arial,sans-serif;}
}

/* Classe pour responsive Column - pour des generic Panel enfants de tailles ÃƒÂ©gales */
@media (min-width: 768px) {
	.adapt-size {
		display: flex !important;
		align-items: stretch !important;
		flex-wrap: wrap;
	}
	.adapt-size &gt; .column &gt; .parsys,
	.adapt-size &gt; .column &gt; .parsys &gt; .panelContainer,
	.adapt-size &gt; .column &gt; .parsys &gt; .panelContainer &gt; div:not(.cq-placeholder),
	.adapt-size &gt; .column &gt; .parsys &gt; .panelContainer &gt; div:not(.cq-placeholder) &gt; .panelContainer {
		height: 100% !important;
	}
}
/* classe Ãƒ  ajouter dans templates utilisant la nouvelle grille layout - 
".adapt-size-layout" Classe Ãƒ  placer sur un generic panel conteneur */
/* version 768 */
@media (min-width: 768px) {
	.adapt-size-layout &gt; .responsivegrid &gt; .aem-Grid {
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
	}
	.adapt-size-layout &gt; .responsivegrid &gt; .aem-Grid &gt; .genericPanel &gt; div:not(.cq-placeholder),
	.adapt-size-layout &gt; .responsivegrid &gt; .aem-Grid &gt; .genericPanel &gt; div:not(.cq-placeholder) &gt; .panelContainer{
		height:100%	
	}
}
@media (min-width: 992px) {
	.adapt-size-layout-992 &gt; .responsivegrid &gt; .aem-Grid {
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
	}
	.adapt-size-layout-992 &gt; .responsivegrid &gt; .aem-Grid &gt; .genericPanel &gt; div:not(.cq-placeholder),
	.adapt-size-layout-992 &gt; .responsivegrid &gt; .aem-Grid &gt; .genericPanel &gt; div:not(.cq-placeholder) &gt; .panelContainer{
		height:100%	
	}
}

/* Correct blue-gray*/
.responsivegrid.background_color_primary_blue_gray { background-color: rgba(2,100,164,0.09);}</pre></body></html>