table.rubriqlien {
    max-width: 98%;
    border-collapse: collapse;
    border-spacing:  0;
    padding: 2px 0;
    margin-left: auto;
    margin-right: auto;
}
table.tablien {
    width: 100%;
    height: 100px;
    border-collapse: separate;
    border-spacing:  5px;
}
td.on {
    text-align: center;
    border-right: thin groove #003;
    border-left: thin groove #003;
    width: 17%;
    background-color: #9cf;
    background-image: linear-gradient(#fff, #9cf, #036);
    color: #003;
}
td.off {
    text-align: center;
    width: 17%;
    background-color: #036;
    background-image: linear-gradient(#9cf, #036, #003);
}
td.on, td.off {
    height: 22px;
}
td.off:hover {
    background-color: #900;
    background-image: linear-gradient(#fff, #9cf, #036);
}
td.off a {
    color:#eee;
}
td.off a:hover {
    display: block;
    color:#fff;
    background-color: transparent;
}
td.left {
    border-left: none;
}
td.right {
    border-right: none;
}
img {
    border: 0px;
}
table.tablien a, table.annutext a, ul.ulien a {
    color:#eee;
    background-color: transparent;
}
table.tablien a:hover, table.annutext a:hover, ul.ulien a:hover {
    color:#fff;
}
ul.ulien li {
    padding-bottom:  20px;
}
td.imglien {
    text-align: center;
}
td.thumblien {
    width:20%;
}
/* créations & partenaires (lionel) */
div.creationleft {
    float:left;
}
div.creationright {
    float:right;
}
div.creationleft, div.creationright {
    width:50% !important;
    text-align: center;
    color: #eee;
    display: inline;
    padding:  10px 0;
}
div.creationleft p, div.creationright p {
    color: #eee;
}
div.creationleft a, div.creationright a {
    color: #fff;
    background: none;
}
@media only screen and (max-width: 400px) {
    div.creationleft, div.creationright {
    float:none;
    width:100% !important;
    display: block;

}

}