/** Elément page Collections **/
div.page-collections div.zoom {
  float: left;
  height: 424px;
  width: 326px;
}

  div.page-collections div.zoom div.activityIndicator {
    margin-top : 196px;
    margin-left: 147px ;
  }

div.page-collections div.contenu {
  float: left;
  height: 424px;
  width: 448px;
  background: #fff url('../images/collections/rayures.gif') no-repeat scroll top left;
}

  div.page-collections div.contenu div.navigation {
    margin-top: 50px;
  }
  
    div.page-collections div.contenu div.navigation a.nav_up:focus,
    div.page-collections div.contenu div.navigation a.nav_down:focus {
      outline: none;
    }
      
    div.page-collections div.contenu div.navigation a.nav_up {
      display: block;
      height: 20px;
      background: transparent url('../images/collections/fleche-h_i.gif') no-repeat scroll 74px 0;
    }
    
    div.page-collections div.contenu div.navigation a.nav_up:hover {
      background: transparent url('../images/collections/fleche-h_a.gif') no-repeat scroll 74px 0;
      border: none;
    }
    
      div.page-collections div.contenu div.navigation a.nav_up span {
       display: none; 
      }
    
    div.page-collections div.contenu div.navigation a.nav_down  {
      display: block;
      height: 23px;
      background: transparent url('../images/collections/fleche-b_i.gif') no-repeat scroll 74px 0;
    }
    
    div.page-collections div.contenu div.navigation a.nav_down:hover {
      background: transparent url('../images/collections/fleche-b_a.gif') no-repeat scroll 74px 0;
      border: none;
    }
      
      div.page-collections div.contenu div.navigation a.nav_down span {
       display: none; 
      }
    
    div.page-collections div.contenu div.navigation div.outer {
      overflow: hidden;
      height: 100px;
    }
    
    div.page-collections div.contenu div.navigation ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      height: 10000px;
    }
    
      div.page-collections div.contenu div.navigation li {
        height: 26px;
      }
    
      div.page-collections div.contenu div.navigation li a:focus {
        outline: none;
      }
      
      div.page-collections div.contenu div.navigation li a {
        display: block;
        padding-left: 100px;
        background: transparent url('../images/collections/menu-a.gif') no-repeat scroll top left;
      }
        
        div.page-collections div.contenu div.navigation li a {
          opacity: .25;
        }
        
        div.page-collections div.contenu div.navigation li a span {
          display: none;
        }
                      
      div.page-collections div.contenu div.navigation li a:hover,
      div.page-collections div.contenu div.navigation li.current a {
        opacity: 1;
      }
      
        div.page-collections div.contenu div.navigation li a:hover img,
        div.page-collections div.contenu div.navigation li.current a img {
          opacity: 1;
        }
        
    div.page-collections div.contenu h2 {
      text-align: right;
      margin: 0;
    }
    
      div.page-collections div.contenu h2 img {
        margin: 0 27px;
      }
      
    div.page-collections div.contenu div.gallery {
    }
    
      div.page-collections div.contenu div.gallery a.nav_prev:focus,
      div.page-collections div.contenu div.gallery a.nav_next:focus {
        outline: none;
      }
      
      div.page-collections div.contenu div.gallery a.nav_prev {
        float: left;
        height: 122px;
        width: 29px;
        background: transparent url('../images/collections/fleche-g_i.gif') no-repeat scroll bottom center;
      }
        
        div.page-collections div.contenu div.gallery a.nav_prev span {
          display: none;
        }
        
        div.page-collections div.contenu div.gallery a:hover.nav_prev {
          background: transparent url('../images/collections/fleche-g_a.gif') no-repeat scroll bottom center;
        }
      
      div.page-collections div.contenu div.gallery a.nav_next {
        float: right;
        height: 122px;
        width: 26px;
        background: transparent url('../images/collections/fleche-d_i.gif') no-repeat scroll bottom center;
      }
      
        div.page-collections div.contenu div.gallery a.nav_next span {
          display: none;
        }
      
        div.page-collections div.contenu div.gallery a:hover.nav_next {
          background: transparent url('../images/collections/fleche-d_a.gif') no-repeat scroll bottom center;
        }
      
      div.page-collections div.contenu div.gallery div.outer {
        width: 392px;
        height: 122px;
        overflow: hidden;
      }
      
      div.page-collections div.contenu div.gallery div.outer div.inner {
        width: 10000px;
        height: 122px;
      }
      
        div.page-collections div.contenu div.gallery div.outer div.vignette {
          float: left;
          height: 122px;
          width: 98px;
        }
        
        div.page-collections div.contenu div.gallery div.outer div.vignette a:focus {
          outline: none;
        }
        
          div.page-collections div.contenu div.gallery div.outer div.vignette a img {
            opacity: .25;
          }
          
          div.page-collections div.contenu div.gallery div.outer div.vignette a:hover img,
          div.page-collections div.contenu div.gallery div.outer div.vignette.current a img {
            opacity: 1;
          }
        
        
div.page-collections div.pied {
  clear: left;
  height: 50px;
  background: #3f3f3f url('../images/coul_bande.jpg') repeat scroll top left;
  text-align: center;
}
  
  div.page-collections div.pied p {
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    padding-top: 12px;
    background: transparent url('../images/collections/logo-fp.gif') no-repeat scroll 669px 13px;
  }