@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap');
@font-face {
  font-family: 'CormorantGaramond-Bold';
  src: url('../fonts/CormorantGaramond-Bold.woff2') format('woff2');

  font-family: 'CormorantGaramond-BoldItalic';
  src: url('../fonts/CormorantGaramond-BoldItalic.woff2') format('woff2');

  font-family: 'CormorantGaramond-Italic';
  src: url('../fonts/CormorantGaramond-Italic.woff2') format('woff2');
  
  font-family: 'CormorantGaramond-Light';
  src: url('../fonts/CormorantGaramond-Light.woff2') format('woff2');

  font-family: 'CormorantGaramond-LightItalic';
  src: url('../fonts/CormorantGaramond-LightItalic.woff2') format('woff2');

  font-family: 'CormorantGaramond-Medium';
  src: url('../fonts/CormorantGaramond-Medium.woff2') format('woff2');

  font-family: 'CormorantGaramond-MediumItalic';
  src: url('../fonts/CormorantGaramond-MediumItalic.woff2') format('woff2');

  font-family: 'CormorantGaramond-Regular';
  src: url('../fonts/CormorantGaramond-Regular.woff2') format('woff2');

  font-family: 'CormorantGaramond-SemiBold';
  src: url('../fonts/CormorantGaramond-SemiBold.woff2') format('woff2');

  font-family: 'CormorantGaramond-SemiBoldItalic';
  src: url('../fonts/CormorantGaramond-SemiBoldItalic.woff2') format('woff2');

  font-family: 'Inter-Black';
  src: url('../fonts/Inter-Black.woff2') format('woff2');

  font-family: 'Inter-Bold';
  src: url('../fonts/Inter-Bold.woff2') format('woff2');

  font-family: 'Inter-ExtraBold';
  src: url('../fonts/Inter-ExtraBold.woff2') format('woff2');

  font-family: 'Inter-ExtraLight';
  src: url('../fonts/Inter-ExtraLight.woff2') format('woff2');

  font-family: 'Inter-Light';
  src: url('../fonts/Inter-Light.woff2') format('woff2');

  font-family: 'Inter-Medium';
  src: url('../fonts/Inter-Medium.woff2') format('woff2');

  font-family: 'Inter-SemiBold';
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2');

  font-family: 'Inter-Thin';
  src: url('../fonts/Inter-Thin.woff2') format('woff2');

  font-family: 'StymieSBOP-Bold';
  src: url('../fonts/StymieSBOP-Bold.woff2') format('woff2');

  font-family: 'StymieSBOP-BoldCon';
  src: url('../fonts/StymieSBOP-BoldCon.woff2') format('woff2');

  font-family: 'StymieSBOP-BoldItalic';
  src: url('../fonts/StymieSBOP-BoldItalic.woff2') format('woff2');

  font-family: 'StymieSBOP-Light';
  src: url('../fonts/StymieSBOP-Light.woff2') format('woff2');

  font-family: 'StymieSBOP-Medium';
  src: url('../fonts/StymieSBOP-Medium.woff2') format('woff2');

  font-family: 'StymieSBOP-MediumItalic';
  src: url('../fonts/StymieSBOP-MediumItalic.woff2') format('woff2');

  font-family: 'StymieSBOP-XLight';
  src: url('../fonts/StymieSBOP-XLight.woff2') format('woff2');

  font-family: 'StymieSBOP-XLightItalic';
  src: url('../fonts/StymieSBOP-XLightItalic.woff2') format('woff2');


  font-weight: normal;
  font-style: normal;
}
:root{
  --CormorantGaramond-Bold: 'CormorantGaramond-Bold';
  --CormorantGaramond-BoldItalic: 'CormorantGaramond-BoldItalic';
  --CormorantGaramond-Italic: 'CormorantGaramond-Italic';
  --CormorantGaramond-Light: 'CormorantGaramond-Light';
  --CormorantGaramond-LightItalic: 'CormorantGaramond-LightItalic';
  --CormorantGaramond-Medium: 'CormorantGaramond-Medium';
  --CormorantGaramond-MediumItalic: 'CormorantGaramond-MediumItalic';
  --CormorantGaramond-Regular: 'CormorantGaramond-Regular';
  --CormorantGaramond-SemiBold: 'CormorantGaramond-SemiBold';
  --CormorantGaramond-SemiBoldItalic: 'CormorantGaramond-SemiBoldItalic';
  --Inter-Black: 'Inter-Black';
  --Inter-ExtraBold: 'Inter-ExtraBold';
  --Inter-ExtraLight: 'Inter-ExtraLight';
  --Inter-Light: 'Inter-Light';
  --Inter-Medium: 'Inter-Medium';
  --Inter-SemiBold: 'Inter-SemiBold';
  --Inter-Thin: 'Inter-Thin';
  --StymieSBOP-Bold: 'StymieSBOP-Bold';
  --StymieSBOP-BoldCon: 'StymieSBOP-BoldCon';
  --StymieSBOP-BoldItalic: 'StymieSBOP-BoldItalic';
  --StymieSBOP-Light: 'StymieSBOP-Light';
  --StymieSBOP-Medium: 'StymieSBOP-Medium';
  --StymieSBOP-MediumItalic: 'StymieSBOP-MediumItalic';
  --StymieSBOP-XLight: 'StymieSBOP-XLight';
  --StymieSBOP-XLightItalic: 'StymieSBOP-XLightItalic';
  --blue-primary:#005484;
  --red: #E54B4B;
  --Inter-google:'Inter', sans-serif;
  
}
* {
    font-family: "The Antiqua B",Georgia,Droid-serif,serif;
   
    color : #163860
}

body{
  background-color: #f5f6f8;
}
@media screen and (min-width: 768px) {
    .navbar {
        font-size: 0.9em;
    }
    .navbar .nav-link {
        padding: 0;
    }
}

.navbar {
    /* background-color: rgba(0, 0, 0, 0.83); */
    background-color: #27ad66;
    background-color: var(--blue-primary);
}

.navbar a {
    color: rgba(255, 255, 255, 0.884) !important;
}

.line {
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    height: 3px;
    /* Set the hr color */
    color: rgba(0, 0, 0, 0.87);; /* old IE */
    background-color: rgba(0, 0, 0, 0.87);  
}

.mtext-red {
    color: var(--red);
}

/* conteneur */
.conteneur{
  margin:0;
  padding-top : 30px;
}
/* conteneur */

/* INFO CENTRE */


@media screen and (max-width: 768px) {
    #info-centre {
        margin-top : 30px;
    }
    .conteneur{
      margin-left : 10px;
      margin-right : 10px;
  }
}

#info-centre a {
    text-decoration: none;
    /* color: black; */
}

#info-centre a:hover {
  text-decoration: underline;
  color: #00a74f  ;
  color:white;
}

/* //mandrapa */
#baniere {
/* info-centre-top : 100px; */
}
#baniere img {
    /* max-height: 75px; */
    max-height: 250px;
    max-height: 131px;
    max-width: 100%;
}
#bann-airtel img{
  width:100%;
  max-height: 100%;
}
/* INFO CENTRE */


/* ACTU */

.actu .card {
    /* margin-bottom: 7px; */
    font-size: 14px;
    border-radius: 0;
    border:none;
}

.actu .card .card-body {
    padding: 10px;
}


/* ACTU */
.menu-droite{
  background-color: rgba(128, 128, 128, 0.438);
}
.actu-item .card{
  position : relative;
}
.actu-item .card-text{
  color:rgb(109, 108, 108);
}
.categorie{
  position:absolute;
  left: 0px;
  top : 10px;
  background-color: white;
  color:#00a750;
  padding:8px 20px 8px 5px;
  border-radius: 0px 10px 10px 0px;
}

.actu-text{
  height : 200px;
  overflow-y: hidden;
  box-shadow: inset 0em -5px 2px rgba(128, 128, 128, 0.068);
}
.actu-item .card{
border: 0;
}
.actu-item a{
  font-size:1.25rem;
}
.filtre-Categorie{
  position:sticky;
  top:37px;
  z-index:9;
  background-color: white;
}
.filtre-rubrique {
    background-color: white;
}



/* .cards .card{
  border-color: #00a74f;
} */
.cards-container{
  position : relative;
}
.filter-white{
  position: absolute;
  bottom:0;
  width:100%;
  height : 50px;
  background : linear-gradient( to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,1) 100% );
  z-index : 9;
}
.clickable-img{
  transition: 0.5s;
}
.clickable-img:hover{
  transform : translate(0,-5px);
  box-shadow : 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}
.tia-btn{
  background-color: white;
  color:#00a750;
  border: 2px solid #00a750;
  color: var(--blue-primary);
    border: 2px solid var(--blue-primary);
}
.btn-blue:hover{
  background-color: var(--blue-primary);
  color:white;
}

 /* vertical menu  */
 .vertical-menu {
  width: 100%; /* Set a width if you like */
}

.vertical-menu a {
  background-color: #eee; /* Grey background color */
  color :#163860;
  color :var(--blue-primary);
  display: block; /* Make the links appear below each other */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active{
  background-color: var(--blue-primary); /* Add a green color to the "active/current" link */
  color: white;
}

/* vertical menu  */
.archive-notification {
  background-color: grey; /* Add a green color to the "active/current" link */
  color: white;
  padding:5px;
 }
 .vertical-menu.parution a{
   border-bottom : 1px solid white;
 }
 .page-footer.bg-green{
   background-color : #00a750;
  background-color: var(--blue-primary);
 }
 .page-footer.bg-green a{
   color : white;
 }
 #airtelMlay img{
  width:100%;
  height: 100%;
 }

 .hamaky-ny-tohiny {
     color: #000000;
     text-decoration: underline !important;
     font-size: inherit !important;
 }

 .actus-titre {
     font-size: 12pt;
 }

 .actus-resume {
     font-size: 10pt;
 }

 .filinfo-date {
     color: #163860;
     font-weight: bold;
     font-family: var(--Inter-Light);
     font-size: 15pt;
 }

 .custom-pagination {
     margin-top: 25px;
     justify-content: center;
 }

 .tahiry-link {
     border-bottom: 1px solid white;
     background-color: #eee;
     color: #163860;
     display: block;
     padding: 12px;
     text-decoration: none !important;
     text-align: center;
 }

 .tahiry-link:hover {
     background-color: #ccc;
     color: #163860;
 }

 .article-titre-small {
     font-size: 1.75rem;
 }
 /*  */
 .logo-container{
  padding:0px;
 }
 .journal-logo{
  border-top: solid #E54B4B;
    border-bottom: solid #E54B4B;
 }
 .journal-logo h4{
    position: relative;
    top: -43px;
    margin: 0 auto;
    max-width: 850px;
    display: flex;
    justify-content: end;
    font-family: var(--StymieSBOP-Light);
 }
 .journal-logo a:hover {
  text-decoration: none;
 }
 .img-gazette{
    max-height: 300px !important;
 }
 @media screen and (min-width: 768px){
   .navbar {
   font-size: 1em;
 }
}
.nav-item .nav-link,
.footer-copyright,
.filactualite-contenu,
.essai,
.tahiry-link,
.news-data p strong {
font-family: var(--Inter-google);
}
.mtext-red,
.vertical-menu a, 
.sarisary-titre{
font-family: var(--Inter-google);
}
.mtext-red{
  font-family: var(--Inter-google);
  font-size: 16.5pt;
}
.filinfo-contenu{
  font-family: var(--Inter-google);
  font-size: 12pt;
}
.filactualite-contenu{
  font-size: 13pt;
}
.essai{
  font-size: 12pt;
}
.article-titre-small a strong{
      font-family: var(--Inter-Light);
}
.news-data p strong{
  font-size:13pt ;
}
.tahiry-link{
  font-size: 13pt;
}
.archive-notification{
  font-family: var(--Inter-Light);
}