.link
{
    display:inline-block;
    width:267px;
    height:135px;
    margin:0px 0px 15px 0px;
    position:relative;
    box-shadow:1px 1px 8px #999999;
    cursor:pointer;
    background-color:#FFFFFF;
    background-position:bottom left;
    background-repeat:no-repeat;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.link .aide
{
    position:absolute;
    z-index:4;
    margin:5px 0px 0px 240px;
}
.title
{
    position:absolute;
    width:267px;
    height:30px;
    text-align:center;
    display:inline-block;
    top:105px;
    -webkit-border-top-left-radius:7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-top-right-radius:7px;
    -moz-border-top-right-radius:7px;
    border-top-right-radius:7px;
}
.darkbg
{
    background-color:#333333;
    filter:alpha(opacity=60);
    -moz-opacity:0.60;
    opacity: 0.60;
}
.whitebg
{
    background-color:#FFFFFF;
    filter:alpha(opacity=60);
    -moz-opacity:0.60;
    opacity: 0.60;
}
.full
{
    height:135px;
    top:0px;
    background-color:#3e5674;
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    opacity: 0.80;
    display:block;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.l-text
{
    font-size:23px !important;
    width:267px;
    position:absolute;
    display:inline-block;
    top:4px;
    text-align:center;
    font-family:"Trebuchet MS",Helvetica,arial;
    line-height:22px;
}
.link b
{
    font-weight:bold;
}
.detail
{
    top:30px ! important;
    font-weight:normal !important;
    font-size:20px !important;
    padding:0px 5px 0px 5px;
    width:257px !important;
    /*color:#253f5b;*/
    color:#FFFFFF;
}
   
html,body
{
    height:100%;
    background-color:#FFFFFF;
}
body{
background-image:-moz-linear-gradient(#DDDDDD, #FFFFFF);
background-image:-webkit-linear-gradient(#DDDDDD, #FFFFFF);
background-image:-o-linear-gradient(#DDDDDD, #FFFFFF);
background-image:linear-gradient(#DDDDDD, #FFFFFF);
}
h2
{
    background-color:#c82a45;
    color:#FFFFFF;
    font-size:20px;
    font-weight:normal;
    letter-spacing:1px;
    text-align:center;
}
h1
{
    color:#FFFFFF;
}
        
.cell
{
    width:267px;
    padding:10px 30px 10px 30px;
    /*border-left:1px solid #cccccc;*/
}
.cellselected
{
    width:267px;
    padding:10px 30px 10px 30px;
    background-color:#DDDDDD;
    /*border-left:1px solid #FFFFFF;*/
}
.grey
{
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
 }