@import "../style.css";

.containerEditoUn p,
.containerEditoUn ul li,
.containerEditoTrois p{font-size:1.375rem;line-height:1.49;margin-bottom: 0.5rem;}

.containerEditoDeux p,
.containerEditoDeux ul li {font-size:1.375rem;line-height:1.15;margin-bottom: 1.2rem;}
.containerEditoDeux img{max-height:100%;aspect-ratio:1;object-fit:cover;border-bottom-left-radius: 100%;margin-top:-20%;}

.containerEditoTrois::after{content:"";background-image:url(../../img/design/sigleFiamx2.svg);background-repeat:no-repeat;background-size:contain;position:absolute;right:5%;top:-40%;width:40%;height:100%;aspect-ratio:2;}
.event hr{border-top:1px solid var(--bleu);margin: -15px;opacity: 1;z-index: 1;position: relative;}
.event span {height:30px;width:30px;background-color:var(--orange);border-radius:50%;display: block;z-index: 2;position: relative;}
.event .date{font-size:3.375rem;font-weight:700;margin-top: 2.5rem;}
.event p{font-size:1.375rem;line-height:1.15;color:var(--bleu);max-width:80%;}
.event ul{font-size:1.375rem;line-height:1.15;color:var(--bleu);max-width:80%;}

.smaller{font-size:13px;}

@media (max-width: 1815px) {}
@media (max-width: 1400px) {}
@media (max-width: 1200px) {}
/* Écran 15' */
@media screen and (min-device-width: 1200px) and (max-device-width: 1599.8px) and (-webkit-min-device-pixel-ratio: 1) {}
/* Écran 13 pouces ou MDPI */
@media screen and (min-device-width: 992px) and (max-device-width: 1279.8px) {}
/* Écran 13 pouces ou HDPI */
@media screen and (min-device-width: 992px) and (max-device-width: 1440px) {}
@media (max-width: 1280px) {}
@media (max-width: 992px) {

 .containerEditoUn p, .containerEditoTrois p{font-size:1.0625rem;}
 .containerEditoDeux p, .containerEditoDeux ul li {font-size:1.0625rem;}
 .event .date{font-size:2.125rem;}
 .event p{font-size:1.0625rem;}
 .containerEditoTrois::after{top: -14%;}
 .containerEditoDeux img{width:100%;border-bottom-left-radius:unset;}
}
/* Smartphone Portrait / Paysage & Tablette Portrait */
@media (max-width: 810px) {}
/* Smartphone Portrait + Paysage */
@media (max-width: 749px) {}
/* Smartphone paysage */
@media (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {}
/* Smartphone portrait */
@media only screen and (max-width: 767px) and (orientation: portrait) {}
/* iphone X , XS, 11 Pro, iphone XR, 11,  iphone XS Max, 11 Pro Max...  */
@media only screen and (min-device-width: 375px) and (max-device-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}
/* Tablette ALL*/
@media (min-width: 768px) and (max-width: 1024px) {}
/* Tablette Portrait */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}

@media (max-width: 420px) {}