<style>
    * {box-sizing: border-box; }
    
    /* Style the body */
    body {  font-family: Arial, Helvetica, sans-serif;
      margin: 0; }
    .header {text-align: center;
      background: #1abc9c; }
    .navbar li.a.right { float: right; }
    .navbar a.active {background-color: #666; }
    .row {  display: -ms-flexbox; /* IE10 */
      display: flex; 
      -ms-flex-wrap: wrap; /* IE10 */
      flex-wrap: wrap; }

    .side { -ms-flex: 30%; /* IE10 */
      flex: 30%; 
      background-color: #f1f1f1;
      padding: 20px; }
    
    .main {   -ms-flex: 70%; /* IE10 */
      flex: 70%;
      background-color: white;
      padding: 5px; }
    
    .fakeimg {  background-color: rgba(129, 158, 162, 0.896);
      max-width: 100%; 
      padding: 5px; }
    
    /* Footer */
    .footer {  padding: 5px;
      text-align: center;
      background: #ddd; }

    @media screen and (max-width: 700px) {
      .row { flex-direction: column; }
    }

    @media screen and (max-width: 400px) {
      .navbar a { float: none; width: 100%; }
    }
    #message{text-align: center; box-shadow: 0px 8px 16px 0px rgb(0,0,0,1);
      display:none; color:rgb(127, 227, 255) }

  .boutique1{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;
    -moz-user-select:none;-ms-user-select:none;user-select:none}
  .boutique1{border:none;display:inline-block;padding:5px 5px;vertical-align:middle;overflow:hidden;
  text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
 
</style>