/***
 * NOTE: don't namespace these classes since the .ss namespace makes them
 * unusable in WebSys!
 */

/**** Grid ****/

.grid.news   {
   height: 246px;
   position: relative;
}
/**** Griditem ****/

.grid.news .griditem {
   position: absolute;
   cursor: pointer;
}
.griditem.col0 {
   left: 0;
}
.griditem.col1 {
   left: 161px
}
.griditem.col2 {
   left: 322px;
}
.griditem.col3 {
   left: 483px;
}
.griditem.col4 {
   left: 644px;
}
.griditem.row0 {
   top: 0;
}
.griditem.row1 {
   top: 126px;
}

/**** Accessibility for the Grid ****/
.ss .griditem h1:focus,
.ss .griditem h2:focus  {
   top: auto;
   left: 0px;
   bottom: 0px;
   font-size: 0.938em;
   font-weight: bold;
   padding: 5px 6px;
   background: #FEFEFE;
   color: #466199;
   border: 3px solid #466199;
   z-index: 10;
   text-decoration: none !important;
   overflow: visible;
   outline: none;
}

.ss #story .griditem h2:focus {
   font-size: 0.938em;
   line-height: 1.2em;
   margin-bottom: 0px;
   bottom: 7px;
}

.ss .griditem.colsize156 h1:focus,
.ss .griditem.colsize156 h2:focus {
   width: 138px;  
}

.ss .griditem.colsize317 h1:focus,
.ss .griditem.colsize317 h2:focus {
   width: 299px;  
}

.ss .griditem.versionpicto h1:focus,
.ss .griditem.versionpicto h2:focus {
   padding-top: 8px;
   height: 39px;  
}

.ss .griditem.version1k2x {
   width: 156px;
   height: 121px;
}
.ss .griditem.version2q2x {
   width: 317px;
   height: 121px;
}
.ss .griditem.version2h2x {
   width: 156px;
   height: 247px;
}
.ss .griditem.version4k2x {
   width: 317px;
   height: 247px;
}
.ss .griditem.version1k2x img,
.ss .griditem.version2q2x img,
.ss .griditem.version2h2x img,
.ss .griditem.version4k2x img {
    width: 100%;
    height: auto;
}