/* CSS VoidChronicles.com */
/* FireFox Document */

*{margin:0;padding:0;outline:0;}
body{background:url(im/fond.jpg) 0 0 repeat-x;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color:#666666;}
ul{list-style-type:circle;margin-left:10px;}
a{text-decoration:none;color:#999;}
a:hover{color:#666;}
a img{border:0;}
table{border:0;text-align:left;}

.tablepnj{border:1px dotted #333333;border-collapse:collapse;}
.tablepnj td{border:1px dotted #333333;}

.txt_red{color:red;}
.txt_blue{color:dodgerblue;}

/*--------------*/
/* MISE EN PAGE */
/*--------------*/

#page{position:absolute;left:50%;top:10px;width:1000px;margin-left:-500px;height:900px;padding-bottom:70px;}
#menus{float:left;width:202px;margin-left:3px;height:900px;}
#contenu{float:left;width:780px;margin-left:8px;height:900px;}

/*--------------*/
/* CASES        */
/*--------------*/
.case_titre{display:block;width:90%;padding:20px;background-color:#333333;color:white;}
.case_message{display:block;width:90%;padding:20px;background-color:#DDDDDD;}
.case_titre_green{display:block;width:90%;padding:20px;background-color:#339933;color:white;}
.case_titre_orange{display:block;width:90%;padding:20px;background-color:#ff9933;color:white;}
.case_titre_red{display:block;width:90%;padding:20px;background-color:#cc0000;color:white;}

/*------*/
/* MENU */
/*------*/

#retour_menu{display:block;position:absolute;left:10px;top:10px;width:184px;height:90px;}
#login{float:left;width:186px;height:190px;padding-top:110px;padding-left:14px;background:url(im/fond_login.png) no-repeat}
#login2{float:left;width:186px;height:190px;padding-top:110px;padding-left:14px;background:url(im/fond_login2.png) no-repeat}
#importercontact{float:left;width:200px;height:120px;margin-top:10px;background:url(im/importercontact.png) no-repeat}
#garanties{float:left;width:200px;height:270px;margin-top:10px;background:url(im/fond_garanties.png) no-repeat}
.champ{width:168px;height:18px;padding-left:3px;padding-top:4px;background-color:#FFFFFF;border:1px solid #999999;font-weight:bold;}
.boutton{width:92px;height:20px;background-color:#DEDEDE;border:1px solid #7D7D7D;font-family:'Verdana';font-size:12px;margin-left:81px;margin-top:3px;color:#666666;}
#lien1{width:180px;height:20px;}
#lien1 .icone{float:left;width:20px;height:20px;background:url(im/icone1.jpg) 0 0 no-repeat}
#lien1:hover .icone{float:left;width:20px;height:20px;background:url(im/icone1.jpg) -20px 0 no-repeat}
#lien2{width:180px;height:20px;}
#lien2 .icone{float:left;width:20px;height:20px;background:url(im/icone2.jpg) 0 0 no-repeat}
#lien2:hover .icone{float:left;width:20px;height:20px;background:url(im/icone2.jpg) -20px 0 no-repeat}
#lien3{width:180px;height:20px;}
#lien3 .icone{float:left;width:20px;height:20px;background:url(im/icone3.jpg) 0 0 no-repeat}
#lien3:hover .icone{float:left;width:20px;height:20px;background:url(im/icone3.jpg) -20px 0 no-repeat}
#lien4{width:180px;height:20px;}
#lien4 .icone{float:left;width:20px;height:20px;background:url(im/icone4.jpg) 0 0 no-repeat}
#lien4:hover .icone{float:left;width:20px;height:20px;background:url(im/icone4.jpg) -20px 0 no-repeat}

/*---------*/
/* CONTENU */
/*---------*/

#gagnants{float:left;width:758px;height:25px;margin-left:10px;padding-top:5px;padding-left:10px;font-size:14px;background:url(im/fond_gagnants.jpg) no-repeat}
#categories{position:relative;float:left;width:758px;height:92px;margin-left:10px;margin-top:20px;margin-bottom:10px;padding-left:10px;padding-top:6px;background:url(im/fond_categories.jpg) no-repeat;}
#categories #titre{float:left;width:125px;margin-top:-1px;font-family:'Capitals';}
#categories #elements{position:absolute;left:9px;bottom:9px;background:red;padding-top:;}
#categories #elements a{display:block;position:absolute;bottom:0;width:60px;height:60px;vertical-align:center;}
#categories #elements img{margin:0;width:60px;height:60px;}
#categories #barre{position:absolute;left:0;bottom:-17px;width:768px;height:14px;}
#categories #barre div{display:none;position:absolute;top:0;width:144px;height:14px;background:url(im/barre_cat.png) 0 0 no-repeat;color:white;font-family:'Geneva','Arial';font-size:12px;text-align:center;line-height:14px;}
#jeu{float:left;width:509px;height:469px;margin-left:10px;margin-top:10px;background:url(im/fond_jeu.jpg) no-repeat}
#jeu #gauche1{float:right;width:360px;height:26px;text-align:center;color:#333333;margin-top:30px;margin-bottom:3px;}
#jeu #gauche2{float:right;width:360px;height:26px;text-align:center;color:#666666;}
#jeu #droite{float:right;width:117px;height:92px;text-align:right;margin-right:10px;margin-top:10px;background:url(im/fond_jeu_image.jpg) -120px 0 no-repeat;padding-top:8px;padding-left:3px;}
#jeu #droite:hover{float:right;width:117px;height:92px;text-align:right;margin-right:10px;margin-top:10px;background:url(im/fond_jeu_image.jpg) 0 0 no-repeat;padding-top:8px;padding-left:3px;}
#jeu #etape1{float:right;width:485px;height:100px;margin-right:10px;margin-top:20px;background:url(im/fond_jeu_etape1.png) no-repeat;}
#jeu #etape1 #zone1{float:left;width:215px;height:75px;margin-top:3px;text-align:center;margin-left:40px;}
#jeu #etape1 #zone2{float:left;width:120px;height:75px;margin-top:3px;text-align:center;}
#jeu #etape1 #zone3{float:left;width:110px;height:75px;margin-top:3px;text-align:center;}
#jeu #etape1 .im2{margin-top:-5px;}
#jeu #etape2{float:right;width:485px;height:100px;margin-right:10px;margin-top:10px;background:url(im/fond_jeu_etape2.png) no-repeat;}
#jeu #etape2 #zone1{float:left;margin-left:60px;margin-top:19px;color:#666666;}
#jeu #etape2 #zone2{float:left;margin-left:10px;margin-top:15px;}
#jeu #etape2 #zone3{float:left;width:100px;margin-left:20px;margin-top:10px;text-align:center;}
#jeu #etape2 #ok{width:92px;background-color:#DEDEDE;border:1px solid #7D7D7D;font-family:'Verdana';font-size:12px;color:#666666;margin-top:3px;}
#jeu #etape3{float:right;width:485px;height:100px;margin-right:10px;margin-top:10px;background:url(im/fond_jeu_etape3.png) no-repeat;}
#jeu #etape3bis{float:right;width:485px;height:100px;margin-right:10px;margin-top:10px;background:url(im/fond_jeu_etape3bis.png) no-repeat;}
#jeu #etape3bis #zone1{float:left;margin-left:130px;margin-top:34px;color:#666666;}
#jeu #etape3ter{float:right;width:485px;height:100px;margin-right:10px;margin-top:10px;background:url(im/fond_jeu_etape3ter.png) no-repeat;}
#jeu #etape3ter #zone1{float:left;margin-left:130px;margin-top:54px;color:#666666;}
#jeu #titre{margin-left:60px;margin-top:3px;color:#333333;font-size:14px;}
#infos{float:left;width:768px;height:469px;margin-left:10px;margin-top:10px;background:url(im/fond_infos.jpg) no-repeat}
#infos #interieur{float:left;width:509px;height:469px;margin:0;}
#infos #interieur2{float:left;width:220px;height:340px;margin-left:20px;margin-top:97px;text-align:justify;}
#infos #gauche1{float:right;width:360px;height:26px;text-align:center;color:#333333;margin-top:30px;margin-bottom:3px;}
#infos #gauche2{float:right;width:360px;height:26px;text-align:center;color:#666666;}
#infos #droite{float:right;width:117px;height:92px;text-align:right;margin-right:10px;margin-top:10px;background:url(im/fond_jeu_image.jpg) 0 0 no-repeat;padding-top:8px;padding-left:3px;}
#infos #droite:hover{float:right;width:117px;height:92px;text-align:right;margin-right:10px;margin-top:10px;background:url(im/fond_jeu_image.jpg) -120px 0 no-repeat;padding-top:8px;padding-left:3px;}
#infos #etape1{float:right;width:485px;height:100px;margin-right:10px;margin-top:20px;background:url(im/fond_jeu_etape1.png) no-repeat;}
#infos #etape1 #zone1{float:left;width:215px;height:75px;margin-top:3px;text-align:center;margin-left:40px;}
#infos #etape1 #zone2{float:left;width:120px;height:75px;margin-top:3px;text-align:center;}
#infos #etape1 #zone3{float:left;width:110px;height:75px;margin-top:3px;text-align:center;}
#infos #etape1 .im2{margin-top:-5px;}
#infos #etape2{float:right;width:485px;height:100px;margin-right:10px;margin-top:10px;background:url(im/fond_jeu_etape2.png) no-repeat;}
#infos #etape2 #zone1{float:left;margin-left:60px;margin-top:19px;color:#666666;}
#infos #etape2 #zone2{float:left;margin-left:10px;margin-top:15px;}
#infos #etape2 #zone3{float:left;width:100px;margin-left:20px;margin-top:10px;text-align:center;}
#infos #etape2 #ok{width:92px;background-color:#DEDEDE;border:1px solid #7D7D7D;font-family:'Verdana';font-size:12px;color:#666666;margin-top:3px;}
#infos #etape3{float:right;width:485px;height:100px;margin-right:10px;margin-top:10px;background:url(im/fond_jeu_etape3.png) no-repeat;}
#infos #etape3bis{float:right;width:485px;height:100px;margin-right:10px;margin-top:10px;background:url(im/fond_jeu_etape3bis.png) no-repeat;}
#infos #etape3bis #zone1{float:left;margin-left:130px;margin-top:34px;color:#666666;}
#infos #etape3ter{float:right;width:485px;height:100px;margin-right:10px;margin-top:10px;background:url(im/fond_jeu_etape3ter.png) no-repeat;}
#infos #etape3ter #zone1{float:left;margin-left:130px;margin-top:54px;color:#666666;}
#infos #titre{margin-left:60px;margin-top:3px;color:#333333;font-size:14px;}
.minijeu_actif{float:left;width:250px;height:140px;padding-top:10px;margin-top:10px;margin-left:10px;background:url(im/fond_minijeu.jpg) no-repeat}
.minijeu_actif #titre{font-size:22px;color:#333333;text-align:center;}
.minijeu_actif #gauche{float:left;width:120px;color:#666666;margin-top:30px;padding-left:5px;font-size:11px;}
.minijeu_actif #gauche a{font-size:17px;}
.minijeu_actif #droite{float:left;width:120px;margin-left:5px;margin-top:5px;}
.minijeu{float:left;width:250px;height:140px;padding-top:10px;margin-top:10px;margin-left:10px;background:url(im/fond_minijeu.jpg) no-repeat}
.minijeu #titre{font-size:22px;color:#999999;text-align:center;}
.minijeu:hover #titre{font-size:22px;color:#333333;text-align:center;}
.minijeu #gauche{float:left;width:120px;color:#CCCCCC;margin-top:30px;padding-left:5px;font-size:11px;}
.minijeu:hover #gauche{float:left;width:120px;color:#666666;margin-top:30px;padding-left:5px;font-size:11px;}
.minijeu #gauche a{font-size:17px;color:#FFA785;}
.minijeu:hover #gauche a{font-size:17px;color:#FF4B04;}
.minijeu #droite{float:left;width:120px;margin-left:5px;margin-top:5px;}
#bas_menu{float:left;width:768px;height:25px;margin-top:20px;margin-left:10px;padding-top:5px;text-align:center;font-size:13px;background:url(im/fond_bas.jpg) no-repeat}
#bas_copy{float:left;width:768px;height:25px;margin-top:10px;margin-left:10px;padding-top:5px;text-align:center;font-size:13px;background:url(im/fond_bas.jpg) no-repeat}
#basdepage{float:left;width:768px;height:100px;margin-top:10px;margin-left:10px;text-align:center;}

/*---------*/
/* GENERAL */
/*---------*/

#general{float:left;width:768px;height:400px;margin-left:10px;margin-top:10px;background:url(im/fond_general.jpg) no-repeat}
#general .boutton{width:92px;height:20px;background-color:#DEDEDE;border:1px solid #7D7D7D;font-family:'Verdana';font-size:12px;margin-left:346px;margin-top:3px;color:#666666;}
#general_gagnants{float:left;width:768px;height:400px;margin-left:10px;margin-top:10px;background:url(im/fond_general_gagnants.jpg) no-repeat}
#general_gagnants #euros{float:left;width:80px;height:20px;margin-left:330px;margin-top:110px;text-align:center;}
#general_gagnants #lots{float:left;width:80px;height:20px;margin-left:60px;margin-top:110px;text-align:center;}
#general_gagnants #nb_gagnants{float:left;width:80px;height:20px;margin-left:60px;margin-top:110px;text-align:center;}
.interieur{float:left;width:440px;height:250px;margin-left:150px;margin-top:130px;}
.interieurinv{float:left;width:500px;height:250px;margin-left:120px;margin-top:130px;overflow:auto;}
.interieuraide{float:left;width:740px;height:250px;margin-left:14px;margin-top:90px;text-align:justify;font-size:10px;overflow:auto;;}
.interieurgagnants{float:left;width:740px;height:250px;margin-left:14px;margin-top:0px;text-align:justify;font-size:10px;overflow:auto;;}
#inscription{float:left;width:768px;height:400px;margin-left:10px;margin-top:10px;background:url(im/fond_inscription.jpg) no-repeat}
#inscription .boutton{width:92px;height:20px;background-color:#DEDEDE;border:1px solid #7D7D7D;font-family:'Verdana';font-size:12px;margin-left:346px;margin-top:3px;color:#666666;}
.tablo{text-align:center;font-size:11px;}
.contact{width:433px;height:120px;padding-left:3px;padding-top:4px;background-color:#FFFFFF;border:1px solid #999999;}
#recharge1{width:120px;height:150px; text-align:center}
#recharge1 .icone{width:100px;height:100px;background:url(im/recharger1.png) 0 0 no-repeat;margin-left:9px;}
#recharge1:hover .icone{width:100px;height:100px;background:url(im/recharger1.png) -100px 0 no-repeat;margin-left:9px;}
#recharge2{width:120px;height:150px; text-align:center}
#recharge2 .icone{width:100px;height:100px;background:url(im/recharger2.png) 0 0 no-repeat;margin-left:9px;}
#recharge2:hover .icone{width:100px;height:100px;background:url(im/recharger2.png) -100px 0 no-repeat;margin-left:9px;}
#recharge3{width:120px;height:150px; text-align:center}
#recharge3 .icone{width:100px;height:100px;background:url(im/recharger3.png) 0 0 no-repeat;margin-left:9px;}
#recharge3:hover .icone{width:100px;height:100px;background:url(im/recharger3.png) -100px 0 no-repeat;margin-left:9px;}


.content {
    margin: auto;
    width: 50%;
    height: 80%;
    overflow-y: auto;
    border: 1px dotted grey;
    background: rgba(240, 240, 240, 0.2);
    padding: 30px;
    font-size: 13px;
}

.content > ul {
    list-style-type: none;
}

ul.result-listing {
    list-style-type: circle;
}

ul.result-listing > li.title {
    font-size: 12px;
}

ul.result-listing > li.result {
    margin-bottom: 5px;
    font-style: italic;
    list-style-type: none;
}

ul.result-listing > li.success {
    color: forestgreen;
}

ul.result-listing > li.warning {
    color: orange;
}