/*--------------------------------------------------------------------------------------------------------------------*/
/*                                                  Icones CSS                                                        */
/*--------------------------------------------------------------------------------------------------------------------*/

.icon {
    display: inline-block;
    height: 16px;
    margin-bottom: -3px;
    overflow: hidden;
    position: relative;
    width: 16px;
}

#home {
    margin-bottom: -1px;
    margin-right: -3px;
}

.icon .home {
    border-color: transparent transparent #333 transparent;
    border-style: solid;
    border-width: 6px;
    bottom: 6px;
    display: block;
    height: 0px;
    left: 0;
    position: absolute;
    width: 0px;
}

.icon .home:after {
    background-color: transparent;
    border-left: 3px solid #333;
    border-right: 3px solid #333;
    content: '';
    display: block;
    height: 6px;
    position: absolute;
    right: -5px;
    top: 6px;
    width: 3px;
}

.icon .home:before {
    background-color: #333;
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    right: -3px;
    top: 6px;
    width: 4px;
}

.icon .chimney {
    background: #333;
    display: block;
    height: 3px;
    position: absolute;
    right: 6px;
    top: 4px;
    width: 2px;
}

.icon .search {
    background: transparent;
    border: 2px solid #fff;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: block;
    height: 7px;
    width: 7px;
}

.icon .search:after {
    background: #fff;
    bottom: 1px;
    content: '';
    display: block;
    height: 7px;
    position: absolute;
    right: 4px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 2px;
}

.big-icon-star {
    display: block;
    height: 48px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
}

.big-icon-star .star {
    border-bottom: 10px solid #888;
    border-left: 16px solid transparent;
    border-right: 17px solid transparent;
    display: block;
    height: 0px;
    margin: 13px 0 6px 22px;
    position: relative;
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    width: 0px;
}

.big-icon-star .star:before {
    border-bottom: 12px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: '';
    display: block;
    position: absolute;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
    height: 0;
    left: -10px;
    top: -9px;
    width: 0;
}

.big-icon-star .star:after {
    border-bottom: 10px solid #888;
    border-left: 16px solid transparent;
    border-right: 17px solid transparent;
    content: '';
    display: block;
    height: 0px;
    left: -17px;
    position: absolute;
    top: 0px;
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
    width: 0px;
}

.big-icon-heart {
    display: inline-block;
    height: 26px;
    margin: 15px;
    overflow: hidden;
    position: absolute;
    right: -15px;
    top: -12px;
    width: 24px;
}

.big-icon-heart .heart {
    background: #888;
    -moz-border-radius: 100px 100px 0 0;
    -webkit-border-radius: 100px 100px 0 0;
    border-radius: 100px 100px 0 0;
    height: 26px;
    left: 5px;
    position: absolute;
    top: 2px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 16px;
}

.big-icon-heart .heart:after {
    background: #888;
    -moz-border-radius: 100px 100px 0 0;
    -webkit-border-radius: 100px 100px 0 0;
    border-radius: 100px 100px 0 0;
    bottom: -5px;
    content: '';
    height: 26px;
    position: absolute;
    right: -5px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 16px;
}

.big-icon-random {
    display: inline-block;
    height: 32px;
    margin: 15px;
    overflow: hidden;
    position: absolute;
    right: -15px;
    top: -17px;
    width: 26px;
}

.big-icon-random .random_l {
    border-color: #888;
    -moz-border-radius: 0 0 0 50px;
    -webkit-border-radius: 0 0 0 50px;
    border-radius: 0 0 0 50px;
    border-style: solid;
    border-width: 0px 0px 4px 4px;
    bottom: 4px;
    height: 8px;
    left: 4px;
    position: absolute;
    width: 8px;
}

.big-icon-random .random_l:before {
    border-color: transparent transparent #888 transparent;
    border-style: solid;
    border-width: 6px;
    bottom: 8px;
    content: '';
    height: 0;
    left: -8px;
    position: absolute;
    width: 0;
}

.big-icon-random .random_r {
    border-color: #888;
    -moz-border-radius: 0 50px 0 0;
    -webkit-border-radius: 0 50px 0 0;
    border-radius: 0 50px 0 0;
    border-style: solid;
    border-width: 4px 4px 0 0;
    height: 8px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 8px;
}

.big-icon-random .random_r:before {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 6px;
    content: '';
    height: 0;
    position: absolute;
    right: -8px;
    top: 8px;
    width: 0;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*                                                HTML G�n�rique                                                      */
/*--------------------------------------------------------------------------------------------------------------------*/

body {
    background-color: #e4e4e4;
    color: #666;
    font-family: verdana;
    margin: 0;
}

h1 {
    color: #e8315d;
    float: left;
    margin: 0 0 6px 0;
    padding: 0;


}
h1 a{
    text-decoration:none;
    color: #e8315d;
}
.h1small{
    font-size:18px;
}
img {
    border: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*                                                Page compl�te                                                       */
/*--------------------------------------------------------------------------------------------------------------------*/

#page {
    margin: 0 auto;
    position: relative;
    width: 988px;

}

/*--------------------------------------------------------------------------------------------------------------------*/
/*                                                Fil d'Ariane                                                        */
/*--------------------------------------------------------------------------------------------------------------------*/

#ariane {
    float: left;
    font-size: 11px;
    height: 10px;
    margin: 4px 0 6px 0;
    overflow: hidden;
    padding: 6px 0 14px 0;
    position: relative;
    white-space: nowrap;
    width: 612px;
}

#ariane img {
    margin-bottom: -1px;
}

#ariane a {
    color: #666;
    text-decoration: none;
}

#ariane a:hover {
    text-decoration: underline;
}

.ariane-fin {
    background: linear-gradient(to right,rgba(228,228,228,0),rgba(228,228,228,1));
    background-image: -moz-linear-gradient(left,rgba(228,228,228,0),rgba(228,228,228,1));
    background-image: -ms-linear-gradient(left,rgba(228,228,228,0),rgba(228,228,228,1));
    background-image: -o-linear-gradient(left,rgba(228,228,228,0),rgba(228,228,228,1));
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(228,228,228,0)),color-stop(100%,rgba(228,228,228,1)));
    background-image: -webkit-linear-gradient(left,rgba(228,228,228,0),rgba(228,228,228,1));
    filter: literal("progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00e4e4e4',EndColorStr='#e4e4e4')");
    height: 18px;
    max-height: 100%;
    position: absolute;
    right: 0;
    width: 40px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*                                             Champ de recherche                                                     */
/*--------------------------------------------------------------------------------------------------------------------*/

#recherche {
    float: right;
    height: 30px;
    margin: 6px 0;
}

#recherche input {
    border: 1px solid #666;
    border-right: none;
    display: block;
    float: left;
    height: 18px;
    padding: 5px;
    width: 300px;
}

#recherche button {
    background-color: #e8315d;
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    padding-top: 4px;
    width: 59px;
}
#resultats{
    float:right;
    width:746px;
    margin-bottom:6px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*                                              Texte du header                                                       */
/*--------------------------------------------------------------------------------------------------------------------*/
#title-line{
    width:788px;
    border: 1px solid #666;
}
#texte {
    background-color: #fff;
    -moz-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    clear: both;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 6px;
    padding: 10px;
    text-align: justify;

}

#google-plus {
    float: right;
    text-align: right;
}
#google-plus-bottom-cat {
    margin-left:590px;

}
#intro {
    clear: both;
    margin: 0;
}
.intrologo{
    margin-top:10px;
}
#suite {
    display: none;
    margin: 0;
}

#suite a{
    color:#EF274C;
    text-decoration:none;
    cursor: pointer;
}
.reduire-suite{
    color:#666;
    text-decoration:underline;
}
#intro a {
    color: #666;
    cursor: pointer;
}
#statsbig{position:absolute;height:16px;width:180px;text-align:right;margin-right:10px;top:54px;margin-left:787px;}
.avis-bgw{padding-right:5px;vertical-align:-4px}
.vues-bgw{padding-right:5px;padding-left:15px;vertical-align:-4px}
.note-bgw{padding-left:12px;vertical-align:-2px}

/*--------------------------------------------------------------------------------------------------------------------*/
/*                                                 Banni�res                                                          */
/*--------------------------------------------------------------------------------------------------------------------*/


.banniere-336 {
    background-color: #e4e4e4;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACGSURBVHjaYvz//z8DPQFAADEx0BkABBDdLQQIILpbCBBALOgCPj4+6JHKiMT+j4ePoW/Lli0YFgIEEAsOh+CzBB8gqA8ggOgepAABhMuH/3G4mhAgmMcAAoiYICUFMBKyHCCA6B6kAAHEQoYP8AU3wagACCBGehdtAAFE9yAFCCC6WwgQYACuFxQifyhYvwAAAABJRU5ErkJggg==');
    background-position: 171px 3px;
    background-repeat: no-repeat;
    height: 298px;
    line-height: 18px;
    margin: 20px 6px 26px 0;
    padding-top: 18px;
    text-align: center;
    width: 367px;
    float:left;
}
.bannierebas-336 {
    background-color: #e4e4e4;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACGSURBVHjaYvz//z8DPQFAADEx0BkABBDdLQQIILpbCBBALOgCPj4+6JHKiMT+j4ePoW/Lli0YFgIEEAsOh+CzBB8gqA8ggOgepAABhMuH/3G4mhAgmMcAAoiYICUFMBKyHCCA6B6kAAHEQoYP8AU3wagACCBGehdtAAFE9yAFCCC6WwgQYACuFxQifyhYvwAAAABJRU5ErkJggg==');
    background-position: 171px 3px;
    background-repeat: no-repeat;
    height: 298px;
    line-height: 18px;
    margin: 20px 6px 26px 380px;
    padding-top: 18px;
    text-align: center;
    width: 367px;
    float:right;

}

.banniere-970 {
    background-color: #e4e4e4;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACGSURBVHjaYvz//z8DPQFAADEx0BkABBDdLQQIILpbCBBALOgCPj4+6JHKiMT+j4ePoW/Lli0YFgIEEAsOh+CzBB8gqA8ggOgepAABhMuH/3G4mhAgmMcAAoiYICUFMBKyHCCA6B6kAAHEQoYP8AU3wagACCBGehdtAAFE9yAFCCC6WwgQYACuFxQifyhYvwAAAABJRU5ErkJggg==');
    background-position: 480px 9px;
    background-repeat: no-repeat;
    clear: both;
    height: 110px;
    line-height: 20px;
    margin-bottom: 6px;
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center;
}

.banniere-160 {
    background-color: #e4e4e4;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACGSURBVHjaYvz//z8DPQFAADEx0BkABBDdLQQIILpbCBBALOgCPj4+6JHKiMT+j4ePoW/Lli0YFgIEEAsOh+CzBB8gqA8ggOgepAABhMuH/3G4mhAgmMcAAoiYICUFMBKyHCCA6B6kAAHEQoYP8AU3wagACCBGehdtAAFE9yAFCCC6WwgQYACuFxQifyhYvwAAAABJRU5ErkJggg==');
    background-position: 103px 4px;
    background-repeat: no-repeat;
    clear: both;
    height: 640px;
    line-height: 20px;
    margin-bottom: 6px;
    padding-top: 40px;
    text-align: center;
    width:236px;
}
.banniere-728 {
    background-color: #e4e4e4;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACGSURBVHjaYvz//z8DPQFAADEx0BkABBDdLQQIILpbCBBALOgCPj4+6JHKiMT+j4ePoW/Lli0YFgIEEAsOh+CzBB8gqA8ggOgepAABhMuH/3G4mhAgmMcAAoiYICUFMBKyHCCA6B6kAAHEQoYP8AU3wagACCBGehdtAAFE9yAFCCC6WwgQYACuFxQifyhYvwAAAABJRU5ErkJggg==');
    background-position: 360px 4px;
    background-repeat: no-repeat;
    display:block;
    height: 100px;
    line-height: 20px;
    margin-bottom: 6px;
    padding-top: 22px;
    text-align: center;
    width:746px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*                                                  Sidebar                                                           */
/*--------------------------------------------------------------------------------------------------------------------*/

#gauche {
    float: left;
    width: 242px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*                                                 Newsletter                                                         */
/*--------------------------------------------------------------------------------------------------------------------*/

#news {
    background-color: #fff;
    -moz-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin: 0 6px 6px 0;
    padding: 13px;
    text-align: justify;
}

#news form {
    background-color: #e4e4e4;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 10px;
}

#news form label {
    display: block;
    font-weight: normal;
    margin-top: 5px;
}

#news form input {
    border: 1px solid #666;
    display: block;
    padding: 5px;
    width: 176px;
}

#news form button {
    background-color: #e8315d;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    margin: 15px 0 5px 0;
    padding: 10px;
    width: 188px;
}

#news form button:hover {
    background-color: #666;
    color: #fff;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*                                                 Cat�gories                                                         */
/*--------------------------------------------------------------------------------------------------------------------*/

.categories {
    background-color: #fff;
    -moz-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin: 0 6px 6px 0;
    padding: 13px;
}

.categories li a {
    background-color: #eee;
    border-bottom: 1px solid #fff;
    color: #666;
    display: block;
    font-size: 12px;
    height: 15px;
    padding: 7px 10px;
    position: relative;
    text-decoration: none;
}

.cat-layer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 210px;
}

.special {
    background-color: #ddd;
}

.cat-title {
    color: #666;
    display: block;
    font-size: 12px;
    left: 9px;
    line-height: 18px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    white-space: nowrap;
    width: 154px;
}
.cat-title-click {
    background-color: #8F8F8F;
    color:#333333;
    display: block;
    font-size: 12px;
    left: 9px;
    line-height: 18px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    white-space: nowrap;
    width: 154px;
}
#click {
    background-color: #8F8F8F;
}
.cat-title .fin-click {
    background-image: -moz-linear-gradient(left,rgba(143,143,143,0),rgba(143,143,143,1));
    background-image: -ms-linear-gradient(left,rgba(143,143,143,0),rgba(143,143,143,1));
    background-image: -o-linear-gradient(left,rgba(143,143,143,0),rgba(143,143,143,1));
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(143,143,143,0)),color-stop(100%,rgba(143,143,143,1)));
    background-image: -webkit-linear-gradient(left,rgba(143,143,143,0),rgba(143,143,143,1));
    background: linear-gradient(to right,rgba(143,143,143,0),rgba(143,143,143,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00eeeeee',EndColorStr='#eeeeee');
    height: 18px;
    max-height: 100%;
    position: absolute;
    right: 0;
    width: 20px;
}
.cat-title .fin {
    background-image: -moz-linear-gradient(left,rgba(238,238,238,0),rgba(238,238,238,1));
    background-image: -ms-linear-gradient(left,rgba(238,238,238,0),rgba(238,238,238,1));
    background-image: -o-linear-gradient(left,rgba(238,238,238,0),rgba(238,238,238,1));
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(238,238,238,0)),color-stop(100%,rgba(238,238,238,1)));
    background-image: -webkit-linear-gradient(left,rgba(238,238,238,0),rgba(238,238,238,1));
    background: linear-gradient(to right,rgba(238,238,238,0),rgba(238,238,238,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00eeeeee',EndColorStr='#eeeeee');
    height: 18px;
    max-height: 100%;
    position: absolute;
    right: 0;
    width: 20px;
}

.cat-img {
    position: absolute;
    right: 7px;
    top: -1px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*                                                    Jeux                                                            */
/*--------------------------------------------------------------------------------------------------------------------*/

#jeux {
    background-color: #e4e4e4;
    margin-left: 242px;
}

.jeu {
    background-color: #fff;
    -moz-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    cursor: pointer;
    float: left;
    height: 155px;
    margin: 0 6px 6px 0;
    position: relative;
    text-decoration: none;
    width: 182px;
}

.jeublank {
    background-color: #e4e4e4;
    float: left;
    height: 155px;
    margin: 0 6px 6px 0;
    position: relative;
    text-decoration: none;
    width: 182px;
}

.jeu-layer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    display: block;
    height: 155px;
    left: 0;
    position: absolute;
    top: 0;
    width: 182px;
}

.jeu-img {
    margin: 14px 14px 0 14px;
}
.solutionjeu-img {
    margin: 14px 14px 0 36px;
}
.jeu-title {
    color: #333;
    display: block;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    position: absolute;
    top: 130px;
    left: 13px;
    white-space: nowrap;
    width: 154px;
}

.jeu-title .fin {
    background-image: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
    height: 18px;
    max-height: 100%;
    position: absolute;
    right: 0;
    width: 40px;
}

.top-jeux {
    color: #666;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 18px;
    line-height: 18px;
    padding-top: 10px;
    position: relative;
    text-decoration: none;
    width: 746px;
}

.top-jeux-title {
    display: block;
    float: left;
    width: 325px;
    margin-top: -2px !important;
}
.top-jeux-title .fin {
    background-image: -moz-linear-gradient(left,rgba(102,102,102,0),rgba(102,102,102,1));
    background-image: -ms-linear-gradient(left,rgba(102,102,102,0),rgba(102,102,102,1));
    background-image: -o-linear-gradient(left,rgba(102,102,102,0),rgba(102,102,102,1));
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(102,102,102,0)),color-stop(100%,rgba(102,102,102,1)));
    background-image: -webkit-linear-gradient(left,rgba(102,102,102,0),rgba(102,102,102,1));
    background: linear-gradient(to right,rgba(102,102,102,0),rgba(102,102,102,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
    height: 28px;
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 286px;
}
.top-jeux-plus {
    line-height: 16px;
    background-color: #e8315d;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    margin-right: 6px;
    margin-top: 0px !important;
    padding: 0px 10px;
    width: 25px;
}

#pagination {
    background-color: #e4e4e4;
    margin-left: 242px;
    display:table;
}

.pagination-left{
    display:table-cell;
    width:370px;
}
.pagination-right{
    padding-left:6px;
    display:table-cell;
    width:370px;
}
#pagination a{
    text-decoration:none;
}
#pagination button {
    background-color: #e8315d;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    margin: 18px 0 22px 0px;
    padding: 10px;
    width: 370px;
}
#pagination button:hover {
    background-color: #666;
    color: #fff;
}
.cheat{
    display:block;
    background-color: #fff;
    color: #666;
    width:746px;
    margin-bottom:6px;
    padding-bottom:6px;
    min-height:108px;
}
#title-cheat {
    color: #666;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    padding: 10px 0 10px 10px;
    position: relative;
    text-decoration: none;
    width: 746px;
}
#txt-cheat {
    color: #666;
    font-size: 12px;
    margin-top:6px;
    padding: 0px 5px 5px 10px;
}
.cat-description{
    width:210px;
    background-color:#fff;
    padding:11px 13px 13px 13px;
    text-align:justify;
    color: #666;
    font-size:12px;
    margin-bottom:6px;
}
.ruban {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    height: 18px;
    width: 149px;
    position: absolute;
    top: 14px;
    left: 14px;
    color: #e8315d;
    font-weight: bold;
    text-align: right;
    padding: 3px 5px 0 0;
    font-size: 12px;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*                                                  Rubriques                                                         */
/*--------------------------------------------------------------------------------------------------------------------*/

#rubriques {
    clear: both;
    margin-bottom: 6px;
}

.rubriques-title {
    clear: both;
    font-size: 18px;
    line-height: 18px;
    margin: 0 6px 6px 0;
    padding: 10px 0;
    text-align: center;
    text-decoration:none;
    color:#666;
}
.rubriques-txt {
    clear: both;
    font-size: 18px;
    line-height: 18px;
    margin: 0 6px 6px 0;
    padding: 10px 0;
    text-align: center;
    text-decoration:none;
    color:#666;
}
.rubriques-title a:hover{
    clear: both;
    font-size: 18px;
    line-height: 18px;
    margin: 0 6px 6px 0;
    padding: 10px 0;
    text-align: center;
    text-decoration:underline;
    color:#666;
}

.rubrique {
    background-color: #fff;
    -moz-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    float: left;
    height: 28px;
    margin: 0 6px 6px 0;
    position: relative;
    text-decoration: none;
    width: 136px;
}

.rubrique-layer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    display: block;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 136px;
}

.rubrique-img {
    display: block;
    height: 20px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 24px;
}

.rubrique-title {
    color: #333;
    display: block;
    font-size:11px;
    left: 31px;
    line-height: 13px;
    overflow: hidden;
    position: absolute;
    top: 7px;
    white-space: nowrap;
    width: 94px;
}

.rubrique-title .fin {
    background-image: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
    height: 28px;
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*                                                   Footer                                                           */
/*--------------------------------------------------------------------------------------------------------------------*/

#footer {
    background-color: #fff;
    background-image: url('data:image/png;base64,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');
    background-position: 424px 15px;
    background-repeat: no-repeat;
    -moz-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    clear: both;
    font-size: 11px;
    line-height: 22px;
    margin-bottom: 6px;
    padding: 60px 20px 20px 20px;
    text-align: center;
}

#footer a {
    color: #666;
}

#footer a:hover {
    color: #e8315d;
}

.ji-jeu, .ji-info {
    font-weight: bold;
}

.ji-jeu {
    color: #e8315d;
}

#footer a.ji-jeu {
    color: #e8315d;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*                                              Classe globale                                                        */
/*--------------------------------------------------------------------------------------------------------------------*/

.droite {
    margin: 0 0 6px 0;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*                                                   Avis                                                             */
/*--------------------------------------------------------------------------------------------------------------------*/

#avis-form {
    background-color: #fff;
    -moz-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 6px;
    padding: 8px 10px 7px 10px;
    overflow: hidden;
}

#titre {
    display: block;
    margin-bottom: 9px;
}

#avis-form input {
    background-color: #e4e4e4;
    border: 0;
    color: #707070;
    font-family: verdana;
    font-weight: bold;
    height: 31px;
    margin: 0 7px 10px 0;
    padding-left: 10px;
    width: 170px;
}

#note-label {
    display: block;
    float: right;
    height: 17px;
    padding: 8px;
}

#note {
    background-color: #e4e4e4;
    display: block;
    float: right;
    height: 17px;
    padding: 8px;
}
#note2 {
    background-color: #e4e4e4;
    display: block;
    float: right;
    height: 17px;
    padding: 8px;
}
#note a {
    display: inline-block;
    height: 22px;
    text-decoration: none;
    width: 24px;
}

.rose {
    background-image: url(http://i1.jeu.info/img/rose.gif);
}

.blanc {
    background-image: url(http://i2.jeu.info/img/blanc.gif);
}

.blanc:hover {
    background-image: url(http://i1.jeu.info/img/rose.gif);
}

#avis-form textarea {
    background-color: #e4e4e4;
    border: 0;
    color: #707070;
    font-family: verdana;
    font-weight: bold;
    height: 57px;
    padding: 10px;
    width: 706px;
    font-size: 13px;
}

#avis-form button {
    background-color: #e8315d;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    margin-top: 7px;
    padding: 10px;
    width: 726px;
}

#avis-form button:hover {
    background-color: #666;
    color: #fff;
}

::-webkit-input-placeholder {
    color: #707070;
}

:-moz-placeholder {
    color: #707070;
}

::-moz-placeholder {
    color: #707070;
}

:-ms-input-placeholder {
    color: #707070;
}

.avis {
    background-color: #fff;
    -moz-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    font-size: 13px;
    margin-bottom: 6px;
    padding: 8px 10px 7px 10px;
}

.avisreponse {
    background-color: #fff;
    -moz-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    font-size: 13px;
    margin-bottom: 6px;
    margin-left: 26px;
    padding: 8px 10px 7px 10px;
}

.auteur {
    background-color: #e4e4e4;
    display: block;
    height: 16px;
    margin-top: 3px;
    padding: 6px 6px 6px 30px;
    position: relative;
    width: 567px;
}
.avisreponse .auteur{
    width: 663px;
    background-color: #F6CECE;
}
.prenom {
    color: #e8315d;
}

.note {
    background-color: #ffffff;
    display: block;
    float: right;
    height: 16px;
    margin-top: 3px;
    padding: 6px;
}

.note a {
    display: inline-block;
    height: 16px;
    text-decoration: none;
    width: 19px;
}

.noir {
    background-image: url(http://i3.jeu.info/img/noir.gif);
}

.gris {
    background-image: url(http://i4.jeu.info/img/gris.gif);
}

.avis p {
    margin: 10px 5px 5px 5px;
}

span.mini-icon {
    height: 16px;
    width: 16px;
    position: absolute;
    margin: 8px;
    overflow: hidden;
    top: -1px;
    left: 0;
}

span.mini-icon span.user {
    display: block;
    width: 6px;
    height: 7px;
    background: #333;
    border-radius: 3px 3px 0 0;
    margin-left: 5px;
    margin-top: 1px;
}

span.mini-icon span.user:after {
    display: block;
    content: '';
    width: 4px;
    height: 3px;
    background: #333;
    position: absolute;
    margin-top: 7px;
    margin-left: 1px;
}

span.mini-icon span.user:before {
    display: block;
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: 9px;
    left: 0px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
    border-width: 0 8px 3px 8px;
}

span.mini-icon span.shoulder {
    display: block;
    width: 16px;
    height: 3px;
    background: #333;
    position: absolute;
    bottom: 2px;
}
.star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating{background:url(http://i1.jeu.info/img/pads.png) left -1000px repeat-x}
.star-rating{position:relative;width:125px;height:25px;overflow:hidden;list-style:none;background-position:left top;margin:0px 0 0px 0px;padding:0;background-color: #e4e4e4;}

.star-rating li{display:inline}
.star-rating a,.star-rating span,.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;outline:none;overflow:hidden;border:none}
.star-rating a:hover,.star-rating a:active,.star-rating a:focus{background-position:left bottom}
.star-rating .current-rating{z-index:1;background-position:left center}
.star-rating a.one-star,.star-rating span.one-star{width:20%;z-index:6}
.star-rating a.two-stars,.star-rating span.two-stars{width:40%;z-index:5}
.star-rating a.three-stars,.star-rating span.three-stars{width:60%;z-index:4}
.star-rating a.four-stars,.star-rating span.four-stars{width:80%;z-index:3}
.star-rating a.five-stars,.star-rating span.five-stars{width:100%;z-index:2}

/*----------------- Stats --------------------*/
.scorediv {
    height: 18px;
}
.color5 {
    color: #FF0E4C;
}
.color4 {
    color: #FF4978;
}
.color3 {
    color: #FF96B1;
}
.color2 {
    color: #49B8FF;
}
.color1 {
    color: #087ECA;
}
.scorebar {
    display: inline-block;
    height: 18px;
    margin: 0 5px -4px 0;
}
.bg5 {
    background-color: #FF0E4C;
}
.bg4 {
    background-color: #FF4978;
}
.bg3 {
    background-color: #FF96B1;
}
.bg2 {
    background-color: #49B8FF;
}
.bg1 {
    background-color: #087ECA;
}
.stats{
    margin-right:8px;
    margin-top:-8px;
}
.note-stats{
    font-size:45px;
    text-align:center;
}
.line-stats{
    padding:8px 0 8px 0;
    margin-left:-10px;
    text-align:center;
}
.marg10{
    margin-left:10px;
}
.banniere-gauche {
    width:186px;
    height:613px;
    position:absolute;
    margin-top:42px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACGSURBVHjaYvz//z8DPQFAADEx0BkABBDdLQQIILpbCBBALOgCPj4+6JHKiMT+j4ePoW/Lli0YFgIEEAsOh+CzBB8gqA8ggOgepAABhMuH/3G4mhAgmMcAAoiYICUFMBKyHCCA6B6kAAHEQoYP8AU3wagACCBGehdtAAFE9yAFCCC6WwgQYACuFxQifyhYvwAAAABJRU5ErkJggg==');
    background-position: 83px 4px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    padding-top: 20px;
    text-align: center;
    background-color:#e4e4e4;
}
.banniere-gauche-fixed {
    width:186px;
    height:613px;
    position:fixed;
    margin-top:22px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACGSURBVHjaYvz//z8DPQFAADEx0BkABBDdLQQIILpbCBBALOgCPj4+6JHKiMT+j4ePoW/Lli0YFgIEEAsOh+CzBB8gqA8ggOgepAABhMuH/3G4mhAgmMcAAoiYICUFMBKyHCCA6B6kAAHEQoYP8AU3wagACCBGehdtAAFE9yAFCCC6WwgQYACuFxQifyhYvwAAAABJRU5ErkJggg==');
    background-position: 83px 4px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    padding-top: 20px;
    text-align: center;
    background-color:#e4e4e4;
}
.banniere-gauche-fixed-listcat {
    width:186px;
    height:613px;
    position:fixed;
    margin-top:273px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACGSURBVHjaYvz//z8DPQFAADEx0BkABBDdLQQIILpbCBBALOgCPj4+6JHKiMT+j4ePoW/Lli0YFgIEEAsOh+CzBB8gqA8ggOgepAABhMuH/3G4mhAgmMcAAoiYICUFMBKyHCCA6B6kAAHEQoYP8AU3wagACCBGehdtAAFE9yAFCCC6WwgQYACuFxQifyhYvwAAAABJRU5ErkJggg==');
    background-position: 83px 4px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    padding-top: 20px;
    text-align: center;
    background-color:#e4e4e4;
}
.wrap {
    margin: 0 auto;
    position: relative;
}
@font-face {
    font-family: 'font';
    src: url('http://jeu.info/css/font/font.ttf') format('truetype');
}

.logo {
    text-align:center;
    color: #e8315d;
    display: inline-block;
    font-family: font;
    font-size: 40px;
    position: relative;
    text-decoration: none;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    font-weight:Normal;
    margin-left:7px;
    margin-bottom:13px;
}
#logotitle{
    float:left;
    margin-right:5px;
}
.ext{
    color: #666;
}
.plusavis a{
    text-decoration:none;
}
.plusavis button {
    background-color: #e8315d;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    margin: 18px 0 17px 0px;
    padding: 10px;
    width: 745px;
}
.plusavis button:hover {
    background-color: #666;
    color: #fff;
}

.shares {
    margin: 0 0px 2px 0px;
    position: relative;
    text-align: justify;
}

.share-button {
    width:715px;
    padding: 5px 5px 8px 5px;
    font-size: 17px;
    margin-right: 2px;
    display: block;
    color: #fff;
    text-align: left;
    margin-bottom: 8px;
    position: relative;
}

.share-button i {
    display: inline-block;
    width: 30px;
    text-align: center;
}

.share-button span {
    position: absolute;
    left: 40px;
    top: 7px;
}
#title-share {
    color: #666;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    padding: 0px 0 6px 5px;
    position: relative;
    text-decoration: none;
    width: 746px;
    height: 17px;
    margin-left:-5px;
}
.nodeco{
    color:#FFFFFF;
    text-decoration:none;
}
.h1small{
    font-size:18px;
    margin: 6px 8px 5px 0;
}
.h1normal{
    margin: 6px 8px 5px 0;
}
#logotitle{
    float:left;
    margin-right:5px;

}
#logotiret{
    font-size:30px;
    margin-left:5px;
}
.ggplus{
    margin-left:725px;
    margin-top:3px;
}
#veedibut1 button{
    background-color: #e8315d;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin: 0 0 5px 0;
    padding: 10px;
    width:236px;
}
.jeu-title .title-html5 .fin-html5 {
    background-image: -moz-linear-gradient(left,rgba(239,100,40,0),rgba(239,100,40,1));
    background-image: -ms-linear-gradient(left,rgba(239,100,40,0),rgba(239,100,40,1));
    background-image: -o-linear-gradient(left,rgba(239,100,40,0),rgba(239,100,40,1));
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(239,100,40,0)),color-stop(100%,rgba(239,100,40,1)));
    background-image: -webkit-linear-gradient(left,rgba(239,100,40,0),rgba(239,100,40,1));
    background: linear-gradient(to right,rgba(239,100,40,0),rgba(239,100,40,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#EF6428');
    height: 18px;
    max-height: 100%;
    position: absolute;
    right: 0;
    width: 40px;
}
.html5{
    background-color: #EF6428;
}
.title-html5{
    color: #fff !important;
}
.solutionjeu {
    display:block;
    background-color: #fff;
    color: #666;
    width:731px;
    margin-bottom:6px;
    padding:10px 5px 10px 10px;
    min-height:108px;
    font-size :14px;


}
.solutionjeu span{
    display:block;
    margin:10px 0 5px 0px;
}
.solutionjeu a{
    text-decoration:none;
    color:#e8315d;
}
#txt-sj ul{
    list-style: circle outside none;
    margin:5px 0 5px 30px;
}
#txt-sj li{
    padding:5px 0 5px 0px;
}
#txt-sj iframe{
    padding:15px 5px 15px 0px;
    width:100% !important;
    display:block;
}
#titrelisting{
    background-color: #eee;
    border-bottom: 1px solid #fff;
    color: #666;
    display: block;
    font-size: 14px;
    height: 15px;
    padding: 7px 10px;
    position: relative;
    text-decoration: none;
}
#sj-vignette{
    width:29px;
    height:29px;
    margin-top:1px;
}