html {
    font-size:100%;
    width:100%;
  }


#container {
    margin-left : auto;
    margin-right : auto;
    width : 70%;
    font-size : 1em;
    font-family: 'arial', 'verdana', sans-serif;
    margin-top:10px;
  }


#sel-month {
    width:95%;
    text-align:center;
    margin-left : auto;
    margin-right : auto;
  }


#ctn-month {
    width:90%;
    text-align:center;
    margin-left : auto;
    margin-right : auto;
  }


#title-month {
    font-size:1.3em;
    padding:7px;
    color:#002357;
    font-weight:bold;
  }


#header-day {
    background-color : #DEDEDE;
    margin-left : auto;
    margin-right : auto;
  }


#list-ferie {
    background-color : #fff;
    clear : both;
    font-family : 'arial', 'verdana', sans-serif;
    font-size : 12px;
    margin-left : auto;
    margin-right : auto;
    padding-left : 20px;
    width : 85%;
padding-top:10px;
color:#000;
  }


.str-day, .str-nday,.str-nday-dimanche {
    color:#1b647b;
    background-color : #dbeaf5;
    float : left;
    font-size : 1.2em;
    min-width : 7%;
    width : 13%;
    border-width:0.01em;
    border-style:solid;
    border-color:#333333;
  }


.str-nday,.str-nday-dimanche {
    background-color : #F2F6FB;
    height:2.1em;
    color:#000;
  }


.str-nday-dimanche {
    color: #BF2020;
    background-color : #AACCEE;
  }