.month {
  padding: 20px 25px;
  width: 100%;
  background: #82b96d;
  text-align: center;
}

.month ul {
  margin: 0;
  padding: 0;
}

.month ul li {
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
    list-style: none;
}

.month .prev2 {
  float: left;
  padding-top: 10px;
      padding-left:0px;
}
.month .prev2  a, .month .next2  a { color:#fff; }
.month .next2 {
  float: right;
  padding-top: 10px;
    padding-right:0px;
}

.weekdays {
  margin: 0;
  padding: 10px 0;
  background-color: #ddd;
}

.weekdays li {
  display: inline-block;
  width: 13.1%;
    border:1px;
    margin:0px;    
  color: #666;
  text-align: center;
}

.days, .info {
  padding: 10px;
  background: #eee;
  margin: 0;
}

.days li, .info li {
  list-style-type: none;
  display: inline-block;
  width: 13.1%;
    padding:10px 0px;
  text-align: center;
  margin-bottom: 5px;
  font-size:14px;
  color: #777;
    background: #eee;
  
}
.info li {
    width:25%;
}
.days li.active, .info li.active{
  background-color: #f9c26b;

     font-weight:bold;
}
.days li.attente, .info li.attente {
  background-color:#F1E594;
     font-weight:bold;
}
.days li.attente_deb {
  background-image: url(../images/picto/fd_deb_att.png);
background-position: center;
    background-repeat: no-repeat;
    background-size: 120%;
    font-weight:bold;
}
.days li.attente_fin {
  background-image: url(../images/picto/fd_fin_att.png);
background-position: center;
    background-repeat: no-repeat;
    background-size: 120%;
    font-weight:bold;
}
.days li.active_deb {
  background-image: url(../images/picto/fd_deb.png);
background-position: center;
    background-repeat: no-repeat;
    background-size: 120%;
    font-weight:bold;
}
.days li.active_fin {
  background-image: url(../images/picto/fd_fin.png);
background-position: center;
    background-repeat: no-repeat;
    background-size: 120%;
    font-weight:bold;
}
/* Add media queries for smaller screens */
@media screen and (max-width:720px) {
  .weekdays li, .days li {width: 13.1%;}
}

@media screen and (max-width: 420px) {
  .weekdays li, .days li {width: 12.5%;}
  .days li .active {padding: 2px;}
}

@media screen and (max-width: 290px) {
  .weekdays li, .days li {width: 12.2%;}
}
.month select{
    background-color: #82b96d;
    border:1px solid #fff;
    padding:5px;
    color:#fff;
    font-weight: bold;
    letter-spacing:1px;
}