#publicationsConteneur{--gap:calc(var(--tailleBase) * 0.75);padding-top:calc(var(--tailleBase) * 0.5)}.publicationsArticles{--gap:0;position:relative;flex-direction:row;height:calc(var(--tailleBase) * 3.75);border-radius:calc(var(--tailleBase) * 0.25);background-color:white;overflow:hidden;box-shadow:var(--ombreFineClaire)}@media screen and (max-width:767px) and (orientation:portrait){ .publicationsArticles{flex-direction:column;height:unset;width:100%;aspect-ratio:2 / 3}}.articleImage img{width:calc(var(--tailleBase) * 5);aspect-ratio:4 / 3;object-fit:cover;border-radius:calc(var(--tailleBase) * 0.25)}@media screen and (max-width:767px) and (orientation:portrait){ .articleImage img{width:100%;aspect-ratio:3 / 2}}.articleTexte{position:relative;padding:calc(var(--tailleBase) * 0.25) calc(var(--tailleBase) * 1/3);overflow:hidden}.articleTexte::after{content:'';display:block;position:absolute;height:calc(var(--tailleBase) * 1);right:0;bottom:0;left:0;background-image:linear-gradient(transparent,white 75%)}.publicationsArticles h3{margin:unset;padding:unset;font-size:1.25em}.acticleTitre p{margin:unset;padding:unset;font-size:0.75em;text-transform:uppercase;color:var(--couleurTexteClair);letter-spacing:0.05em}.articleLiens{--gap:calc(var(--tailleBase) * 0.5);position:absolute;right:0;bottom:0}.articleLiens ul{--marges:calc(var(--tailleBase) * 0.25);--gap:var(--marges);flex-direction:row;padding:0 var(--marges) var(--marges) 0;background-color:white;box-shadow:calc(var(--marges) * -0.5) calc(var(--marges) * -0.5) calc(var(--marges) * 1) calc(var(--marges) * 1.5) white}.articleLiens li{list-style-type:none}a.facebook{--maskUrl:url(/images/actualites/facebook.svg);--maskSize:auto 92.5%}a.instagram{--maskUrl:url(/images/actualites/instagram.svg);--maskSize:auto 85%}a.youtube{--maskUrl:url(/images/actualites/youtube.svg);--maskSize:100% auto}a.googleMaps{--maskUrl:url(/images/actualites/googlemaps.svg);--maskSize:auto 100%}a.pagesJaunes{--maskUrl:url(/images/actualites/pagesjaunes.svg);--maskSize:auto 100%}.articleLiens a{display:block;height:calc(var(--tailleBase) * 0.5);width:calc(var(--tailleBase) * 0.5);color:transparent;background-color:var(--couleurPrincipale);-webkit-mask:var(--maskUrl) no-repeat center / var(--maskSize);mask:var(--maskUrl) no-repeat center / var(--maskSize);transition:background-color var(--transitionCourte)}.articleLiens a:hover{background-color:black}
/* Design, intégration et optimisation : Julien Bret | https://julienbret.com/ */