@import url(jquery.jgrowl.css);
@import url(jquery.safari-checkbox.css);
#trophees2{padding-left:15px; }
#bloc_info{background:#fff;width:965px;height:96px; color:#000; margin:0 0 20px 0; padding:10px 0; float:left; -moz-border-radius:10px; -webkit-border-radius:10px;}
#pub{width:100%; height:auto; text-align:center}
#trophees p{margin:0; padding:0}
h3{ font-size:16px;font-weight:bold;color:#d5d6db; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0px 0 0 0}
#titre{ width:565px; height:130px;font-size:16px;font-weight:bold;color:#d5d6db; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; float:left}

#logo{float:left; margin:0 100px 0 15px; width:175px; height:96px}

#notation{width:230px; float:left; height:120px; text-align:center; padding:5px 0 0 0}
#divnote{ visibility:hidden}

#nbr_trophees{width:345px; float:right; height:120px; text-align:center}
#totala, #totalb, #totalo, #totalp { width:20px; border:none; background:#000; color:#fff; font-size:12px}
.progress{background:url(../images/progress.png) no-repeat; width:107px; height:9px; text-align:left; margin:2px 0 0 0;padding:2px 0 0 4px}

#affichage{width:965px; height:auto; padding:10px 0; float:left; text-align:center; margin:0 0 15px 0; background:#fff; color:#000; -moz-border-radius:10px; -webkit-border-radius:10px;}
#allcheck, #nocheck{width:38px; height:33px; cursor:pointer}
#allcheck{background: url(../images/trophees/allcheck.png) no-repeat;}
#nocheck{background: url(../images/trophees/nocheck.png) no-repeat;}
#affichage table td img{vertical-align:middle}

#bloc_details_trophees{width:965px; height:auto; float:left;; -moz-border-radius:10px; -webkit-border-radius:10px;}
.gras{font-weight:bold;}
.title{ width:965px; height:auto; font-size:18px;font-weight:bold;color:#d5d6db; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:0 0 0 5px}
.title img{vertical-align:middle}
.contenu_all{width:945px; height:auto; padding:10px; border:solid 1px #909090;background:#fff;margin-bottom:15px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.contenu_bronze{width:945px; height:auto; padding:10px; border:solid 1px #909090;background:#fff;margin-bottom:15px; color:#C3A56F; -moz-border-radius:10px; -webkit-border-radius:10px;}
.contenu_argent{width:945px; height:auto; padding:10px; border:solid 1px #909090;background:#fff; margin-bottom:15px; color:#BDC6D5; -moz-border-radius:10px; -webkit-border-radius:10px;}
.contenu_or{width:945px; height:auto; padding:10px; border:solid 1px #909090;background:#fff; margin-bottom:15px; color:#F2DA70; -moz-border-radius:10px; -webkit-border-radius:10px;}
.contenu_platine{width:945px; height:auto; padding:10px; border:solid 1px #909090;background:#fff; margin-bottom:15px; color: #9F9F9F; -moz-border-radius:10px; -webkit-border-radius:10px;}
.bronze{color:#C3A56F}
.argent{color: #999;}
.or{color:#dcb300}
.platine{color: #536c84}
.dlc{ color:#666}
.contenu_DLC{width:945px; height:auto; padding:15px; background:#fff; margin-bottom:15px;-moz-border-radius:10px; -webkit-border-radius:10px;}
.contenu_secret{width:945px; height:auto; padding:10px; background:#fff; margin-bottom:15px;-moz-border-radius:10px; -webkit-border-radius:10px; color:#000}
.img_trophee{vertical-align:middle; padding:2px 5px 2px 0; width:50px; height:50px}
.opac{opacity:0.3;filter : alpha(opacity=30);}
.tdc{width:80px; text-align:center}
.tdi{width:80px; text-align:center}
.tdd{width:600px;padding-right:20px}
.tdd img{vertical-align:middle}
.tdinfo{ width:50px}
.tddiff{ width:100px}
.tdbas{ border-bottom:solid 1px #666}

.odd2{background:#eee;}/*fab*/
.odd{background:#ddd;}/*fab*/
.trdt2 td{ border-bottom: solid 1px #fff;}/*fab*/

#tooltip {position: absolute;margin:20px;z-index: 3000;border:solid 1px #999;-moz-border-radius :10px;-webkit-border-radius :10px;background: #333;padding: 5px;opacity: 0.9; color:#fff; }
#tooltip h3, #tooltip div {margin: 0;font-size:12px; text-align:left; width:400px}

.title_dlc{font-size:16px;font-weight:bold;color:#8d5cd0; font-family:Arial, Helvetica, sans-serif; padding:10px 0 0 0}
.img_online{ width:16px; height:16px; position:absolute; margin:0 0 0 40px}
.img_bug{width:16px; height:16px; position:absolute; margin:35px 0 0 -5px}
.img_coop{width:16px; height:16px; position:absolute; margin:0 0 0 -5px}
.img_soff{width:16px; height:16px; position:absolute; margin:35px 0 0 40px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.img_online{ width:16px; height:16px; position:absolute; margin:0 0 0 15px}
	.img_coop{width:16px; height:16px; position:absolute; margin:0 0 0 -35px}
	.img_bug{width:16px; height:16px; position:absolute; margin:35px 0 0 -35px}
	.img_soff{width:16px; height:16px; position:absolute; margin:35px 0 0 15px}
}

.divimg{width:80px; height:60px; text-align:center; float:left}
.divcheck{width:80px; height:40px; text-align:center; float:left; padding:20px 0 0 0}
.divtrophees{width:600px;height:55px;float:left; padding:5px 0 0 0}
.divdiff{ width:100px; height:40px;float:left; padding:20px 0 0 0}
.divinfo{ width:40px; height:40px;float:left; padding:20px 0 0 0}