/*****************************************************************/
/* Pour la grille d'application sur le bureau                    */
/*****************************************************************/
.bureau {
   margin: 0;
   padding: 0;
   width: 704px; /* Largeur des 4 tuiles de 166 px + 10 px de padding */
}

   .bureau #Grille li {
      float:left;
      width: 166px;
      padding-right: 10px;
   }

#Grille {
   vertical-align: middle; 
   list-style-type: none; 
   margin:auto;
   padding: 0;
}

   #Grille li .contenant-application {
      position: relative;
      margin: 5px auto;
      height: 205px;
      width: 166px;
   }

   #Grille li .img-application img {
      position: absolute;
      margin-left:auto;
      margin-right:auto;
      height: 205px;
      width: 166px;
   }

   #Grille li .texte-application {
    position: absolute;
      padding: 5px;
    font-family: 'Open Sans', sans-serif; 
    font-weight: 600; 
      font-size: 1.2em;
    color: white;
      width: 166px;
      height: 205px;
    text-align: left;
}

      #Grille li .texte-application span {
         height: 205px;
         display: table-cell;
         //vertical-align: middle;
         //text-align: center;
         width: 160px;
      }

   #Grille li .fonct-application {
      position:absolute;
      margin-top:-10px;
      margin-left: 150px;
   }

   #Grille li .deplacement-application {
      position: absolute;
      margin-left: 58px;
      margin-top: 78px;
   }

.look-grise {
   opacity: 0.4;
   }

/*****************************************************************/
/* Pour la grille d'application dans le magasin                  */
/*****************************************************************/
#GrilleMagasin {
   list-style-type: none; 
   margin: auto;
   padding: 0;
}

   #GrilleMagasin li {
      float:left;
      padding-left: 5px;
      padding-right: 0;
   }

   #GrilleMagasin li .contenant-application,
      #GrilleMagasin li .contenant-application-disabled {
      position: relative;
         margin-top: 0;
         margin-bottom: 15px;
      margin-left:0;
      margin-right:0;
         height: 102px;
         width: 84px;
   }

   #GrilleMagasin li .contenant-application-disabled .img-application *,
   #GrilleMagasin li .contenant-application-disabled .texte-application *,
         #GrilleMagasin li .contenant-application-disabled .fonct-application input.fonct-ajouter {
      opacity:0.4;
   }

   #GrilleMagasin li .contenant-application .fonct-application input.fonct-ajouter,
   #GrilleMagasin li .contenant-application .fonct-application input.fonct-supprimer,
         #GrilleMagasin li .contenant-application-disabled .fonct-application input.fonct-supprimer {
      cursor:pointer;
   }

         #GrilleMagasin li .contenant-application-disabled .fonct-application input.fonct-ajouter {
      cursor:default;
   }

      #GrilleMagasin li .img-application img {
      position: absolute;
      margin-left:0;
      margin-right:0;
         height: 102px;
         width: 84px;
   }

      #GrilleMagasin li .texte-application {
      position: absolute;
      margin-left:3px;
      margin-right:3px;
      font-size:smaller;
      font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
      font:bold;
      color:white;
      bottom: 6px;
   }

      #GrilleMagasin li .fonct-application {
      position:absolute;
         margin-left: 66px;
   }