/**
* Shortcode mise en avant
*/

.home-agenda-miseenavant-compteurs {
   display: flex;
   flex-direction: row;
   justify-content: center;
   flex-wrap: wrap;
   width: 100%;
   align-items: center;
}
.home-agenda-miseenavant-compteur {
   flex: 33.33%;
   text-align: center;
}

.home-agenda-miseenavant-compteur-j,
.home-agenda-miseenavant-compteur-h {
   border-right: #a09f9f solid 2px !important;
}

.home-agenda-miseenavant-compteur-num {
   font-size: 2em;
   font-weight: 400;
}
.home-agenda-miseenavant-compteur-txt {
   font-size: 1.2em;
   font-weight: 400;
   color: #97b498;
}
.home-agenda-miseenavant-dates {
   background-color: white;
   display: flex;
   flex-direction: row;
   justify-content: center;
   flex-wrap: wrap;
   width: 100%;
   margin-top: 20px;
}
.home-agenda-miseenavant-date-date {
   flex: 15%;
   text-align: center;
   background-color: #97b498;
   padding: 10px;
}

.home-agenda-miseenavant-date-titre {
   flex: 70%;
   display: flex;
   align-items: center;
   /*justify-content: center;*/
   font-size: 18px;
   padding-left: 15px;
}

.home-agenda-miseenavant-date-voirplus {
   flex: 15%;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
}

.home-agenda-miseenavant-date-date-num {
   font-size: 2em;
   font-weight: bold;
   color: white;
}
.home-agenda-miseenavant-date-date-txt {
   font-size: 1.2em;
   color: white;
}
.home-agenda-miseenavant-date-voirplus-link {
   border: #2397db solid 2px;
   padding: 5px 8px;
   text-decoration: none;
}
.home-agenda-miseenavant-date-voirplus-link:link { text-decoration: none; }
.italic {
   font-style: italic;
}

.home-agenda-miseenavant {
   padding-bottom: 15px;
}

.read-more-link {display:none}

#agenda-home-colgauche {
   padding: 10px;
}

#agenda-home-colgauche .home-agenda-miseenavant-date-date {
   flex: 5%;
}

#agenda-home-colgauche .home-agenda-miseenavant-date-titre {
   font-size: 14px;
}

#agenda-home-colgauche .home-agenda-miseenavant-date-date-num {
   font-size: 1.5em;
}

#agenda-home-colgauche .home-agenda-miseenavant-date-date-txt {
   font-size: 1em;
}

   #agenda-home-colgauche .home-agenda-miseenavant-date-titre {
      border : #97b498 solid 1px;
   }

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

   #agenda-home-colgauche .home-agenda-miseenavant-date-titre {
      border : #97b498 solid 1px;
   }

   .home-agenda-miseenavant-date-titre {
      font-size: 0.8em;
   }
   .home-agenda-miseenavant-date-date-num {
      font-size: 1.5em;
   }
   .home-agenda-miseenavant-date-date {
      flex: 10%;
   }
   .home-agenda-miseenavant-date-titre {
      flex: 90%;
      font-size: 1em;
      text-align: center;
      padding: 10px 0px;
   }
   .home-agenda-miseenavant-date-voirplus {
      margin: 10px;
   }
}