<style>
    * {  box-sizing: border-box; }
    
    /* Style the body */
    body {  font-family: Arial, Helvetica, sans-serif;
      margin: 0; }
    
    /* Header/logo Title */
    .header {text-align: center;
      background: #1abc9c; }
        
/* ===========================================================*/   

    /* Right-aligned link */
    .navbar li.a.right { float: right; }
    
    /* Active/current link */
    .navbar a.active {background-color: #666; }
    
    /* Column container */
    .row {  display: -ms-flexbox; /* IE10 */
      display: flex; 
      -ms-flex-wrap: wrap; /* IE10 */
      flex-wrap: wrap; }
    
    /* Create two unequal columns that sits next to each other */
    /* Sidebar/left column */
    .side { -ms-flex: 30%; /* IE10 */
      flex: 30%; 
      background-color: #f1f1f1;
      padding: 20px; }
    
    /* Main column */
    .main {   -ms-flex: 70%; /* IE10 */
      flex: 70%;
      background-color: white;
      padding: 5px; }
    
    /* Fake image, just for this example */
    .fakeimg {  background-color: rgba(129, 158, 162, 0.896);
      max-width: 100%;
      padding: 5px; }
    
    /* Footer */
    .footer {  padding: 5px;
      text-align: center;
      background: #ddd; }

    .hide {display: none;transform-style: flat;}
    .myDIV:hover + .hide {display: block; color: white; position: absolute ;
      background-color: DodgerBlue; padding:1px; border-radius: 10px }
      
    
    /* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
    @media screen and (max-width: 700px) {
      .row { flex-direction: column; }
    }
    
    /* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
    @media screen and (max-width: 400px) {
      .navbar a { float: none; width: 100%; }
    }
    .picture { text-align:center;display:inline-table;}
      
    .picture:hover { box-shadow: 0px 8px 16px 0px rgba(0,0,0,1) }
    #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:6px 10px;vertical-align:middle;overflow:hidden;
  text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
      

</style>