body { background:url('/imgs/website/design/eight/bg.png'); margin-bottom:0px; padding-bottom:0px; font-family:Verdana, Arial, Helvetica, sans-serif; } /*Info Bulle*/ .infobulle{ color:#000000; position:absolute; visibility:hidden; border:2px solid #000000; margin:6px 0px 0px 10px; padding:5px 5px 5px 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; background-color:#C4D6DA; } /************************************/ /* LES LIENS */ /************************************/ a { color:#000000; text-decoration:none; background-color:inherit; } a:link,a:active,a:visited{ text-decoration: none; } a:hover{ text-decoration: underline; } /* Liens du header */ a#inter_accueil { height:44px; width:100px; margin-left:180px; float:left; } a#inter_forum { height:44px; width:75px; margin-left:5px; float:left; } a#inter_livreor { height:44px; width:130px; margin-left:5px; float:left; } a#inter_contacts { height:44px; width:90px; margin-left:5px; float:left; } a#inter_radio { height:44px; width:90px; margin-left:5px; float:left; } a#inter_galeries { height:44px; width:130px; margin-left:5px; float:left; } span.red { color:#FF0000; background-color:inherit; } span.green { color:#77B75B; background-color:inherit; } p.center { text-align:center; } /************************************/ /* LES IMAGES */ /************************************/ img { border:0px; } img.border { border:solid; color:#CCCCCC; border-width:1px; background-color:inherit; } img.contact { float:left; margin: 0px 25px 0px 0px; } img.dq8items { float:left; margin: 0px 25px 25px 0px; } img.saga { float:left; margin: 0px 25px 0px 0px; } img.left { float:left; margin: 0px 25px 0px 0px; } img.right { float:right; margin: 0px 0px 0px 25px; } img.citydetails { float:left; margin: 0px 25px 0px 0px; } /************************************/ /* LES FORMULAIRES */ /************************************/ select.colored { border-color:#CCCCCC; background-color:#DDE5E7; color:#000000; } input.colored { height:22px; border:solid; border-width:1px; border-color:#CCCCCC; background-color:#DDE5E7; color:#000000; } input.textfieldOut { height:18px; border:solid; border-width:1px; border-color:#CCCCCC; background-color:#F5FAFB; color:inherit; } input.textfieldOver { height:18px; border:solid; border-width:1px; border-color:#CCCCCC; background-color:#DDE5E7; color:inherit; } textarea.textfieldOut { border:solid; border-width:1px; border-color:#CCCCCC; background-color: #F5FAFB; color:inherit; } textarea.textfieldOver { border:solid; border-width:1px; border-color:#CCCCCC; background-color: #DDE5E7; color:inherit; } /************************************/ /* LES LISTES */ /************************************/ ul.list_left { list-style-image: url('/imgs/website/design/common/ul_da.gif'); font-size: 12px; margin: 0px 0px 0px 0px; padding: 35px 0px 0px 20px; } ul.list_right { list-style-image: url('/imgs/website/design/common/ul_da.gif'); font-size: 12px; margin: 0px 0px 0px 0px; padding: 35px 0px 0px 20px; } ul.list_right_partners { list-style-image: url('/imgs/website/design/common/ul_da.gif'); font-size: 12px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; } ul.list_auth { list-style-image: url('/imgs/website/design/common/ul_da.gif'); font-size: 12px; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 20px; } ul.list_square { list-style-image: url('/imgs/website/design/common/ul_sa.png'); margin: 0px 0px 0px 0px; } ul.list_connected { list-style-image: url('/imgs/website/design/common/ul_sa.png'); margin: 0px 0px 0px 35px; padding: 0px 0px 0px 0px; } /* DIV ENGLOBANT TOUT L'ENSEMBLE */ div#default { margin-left:auto; margin-right:auto; } /****************************************/ /* MISE EN PAGE DE LA PARTIE HEADER */ /****************************************/ /* CSS HACK POUR EVITER LE PROBLEME DE CORRECTION ALPHA MSIE PNG24 */ div.header[class] { height:227px; width:979px; background:url('/imgs/website/design/eight/banniere.png') no-repeat ; margin:auto;} div.header { height:227px; width:979px; background:url('/imgs/website/design/eight/banniere_ie.png') no-repeat ; margin:auto; } /**/ div.header #banniere{margin:0px auto 0px auto; padding:15px 1px 0px 0px; width:508px; } div #banniere #banniere1 { background:url('/imgs/website/design/eight/bans/banniere1.png') no-repeat; height:209px; width:508px; } div #banniere #banniere2 { background:url('/imgs/website/design/eight/bans/banniere2.png') no-repeat; height:209px; width:508px; } div #banniere #banniere3 { background:url('/imgs/website/design/eight/bans/banniere3.png') no-repeat; height:209px; width:508px; } div #banniere #banniere4 { background:url('/imgs/website/design/eight/bans/banniere4.png') no-repeat; height:209px; width:508px; } div #banniere #banniere5 { background:url('/imgs/website/design/eight/bans/banniere5.png') no-repeat; height:209px; width:508px; } div #banniere #banniere6 { background:url('/imgs/website/design/eight/bans/banniere6.png') no-repeat; height:209px; width:508px; } div #banniere #banniere7 { background:url('/imgs/website/design/eight/bans/banniere7.png') no-repeat; height:209px; width:508px; } div #banniere #banniere8 { background:url('/imgs/website/design/eight/bans/banniere8.png') no-repeat; height:209px; width:508px; } div #banniere #banniere9 { background:url('/imgs/website/design/eight/bans/banniere9.png') no-repeat; height:209px; width:508px; } div #banniere #banniere10 { background:url('/imgs/website/design/eight/bans/banniere10.png') no-repeat; height:209px; width:508px; } div #banniere #banniere11 { background:url('/imgs/website/design/eight/bans/banniere11.png') no-repeat; height:209px; width:508px; } div #banniere #banniere12 { background:url('/imgs/website/design/eight/bans/banniere12.png') no-repeat; height:209px; width:508px; } div #banniere #banniere13 { background:url('/imgs/website/design/eight/bans/banniere13.png') no-repeat; height:209px; width:508px; } div #banniere #banniere14 { background:url('/imgs/website/design/eight/bans/banniere14.png') no-repeat; height:209px; width:508px; } div #banniere #banniere15 { background:url('/imgs/website/design/eight/bans/banniere15.png') no-repeat; height:209px; width:508px; } div #banniere #banniere16 { background:url('/imgs/website/design/eight/bans/banniere16.png') no-repeat; height:209px; width:508px; } div #banniere #banniere17 { background:url('/imgs/website/design/eight/bans/banniere17.png') no-repeat; height:209px; width:508px; } div #banniere #banniere18 { background:url('/imgs/website/design/eight/bans/banniere18.png') no-repeat; height:209px; width:508px; } div #banniere #banniere19 { background:url('/imgs/website/design/eight/bans/banniere19.png') no-repeat; height:209px; width:508px; } div #banniere #banniere20 { background:url('/imgs/website/design/eight/bans/banniere20.png') no-repeat; height:209px; width:508px; } div #banniere #banniere21 { background:url('/imgs/website/design/eight/bans/banniere21.png') no-repeat; height:209px; width:508px; } div #banniere #banniere22 { background:url('/imgs/website/design/eight/bans/banniere22.png') no-repeat; height:209px; width:508px; } div #banniere #banniere23 { background:url('/imgs/website/design/eight/bans/banniere23.png') no-repeat; height:209px; width:508px; } div #banniere #banniere24 { background:url('/imgs/website/design/eight/bans/banniere24.png') no-repeat; height:209px; width:508px; } div #banniere #banniere25 { background:url('/imgs/website/design/eight/bans/banniere25.png') no-repeat; height:209px; width:508px; } div #banniere #banniere26 { background:url('/imgs/website/design/eight/bans/banniere26.png') no-repeat; height:209px; width:508px; } div #banniere #banniere27 { background:url('/imgs/website/design/eight/bans/banniere27.png') no-repeat; height:209px; width:508px; } div #banniere #banniere28 { background:url('/imgs/website/design/eight/bans/banniere28.png') no-repeat; height:209px; width:508px; } div #banniere #banniere29 { background:url('/imgs/website/design/eight/bans/banniere29.png') no-repeat; height:209px; width:508px; } div #banniere #banniere30 { background:url('/imgs/website/design/eight/bans/banniere30.png') no-repeat; height:209px; width:508px; } div #banniere #banniere31 { background:url('/imgs/website/design/eight/bans/banniere31.png') no-repeat; height:209px; width:508px; } div #banniere #banniere32 { background:url('/imgs/website/design/eight/bans/banniere32.png') no-repeat; height:209px; width:508px; } div #banniere #banniere33 { background:url('/imgs/website/design/eight/bans/banniere33.png') no-repeat; height:209px; width:508px; } div #banniere #banniere34 { background:url('/imgs/website/design/eight/bans/banniere34.png') no-repeat; height:209px; width:508px; } div #banniere #banniere35 { background:url('/imgs/website/design/eight/bans/banniere35.png') no-repeat; height:209px; width:508px; } div #banniere #banniere36 { background:url('/imgs/website/design/eight/bans/banniere36.png') no-repeat; height:209px; width:508px; } div #banniere #banniere37 { background:url('/imgs/website/design/eight/bans/banniere37.png') no-repeat; height:209px; width:508px; } div #banniere #banniere38 { background:url('/imgs/website/design/eight/bans/banniere38.png') no-repeat; height:209px; width:508px; } div #banniere #banniere39 { background:url('/imgs/website/design/eight/bans/banniere39.png') no-repeat; height:209px; width:508px; } div #banniere #banniere40 { background:url('/imgs/website/design/eight/bans/banniere40.png') no-repeat; height:209px; width:508px; } div #banniere #banniere41 { background:url('/imgs/website/design/eight/bans/banniere41.png') no-repeat; height:209px; width:508px; } div #banniere #banniere42 { background:url('/imgs/website/design/eight/bans/banniere42.png') no-repeat; height:209px; width:508px; } div #banniere #banniere43 { background:url('/imgs/website/design/eight/bans/banniere43.png') no-repeat; height:209px; width:508px; } div #banniere #banniere44 { background:url('/imgs/website/design/eight/bans/banniere44.png') no-repeat; height:209px; width:508px; } div #banniere #banniere45 { background:url('/imgs/website/design/eight/bans/banniere45.png') no-repeat; height:209px; width:508px; } div #banniere #banniere46 { background:url('/imgs/website/design/eight/bans/banniere46.png') no-repeat; height:209px; width:508px; } div #banniere #banniere47 { background:url('/imgs/website/design/eight/bans/banniere47.png') no-repeat; height:209px; width:508px; } div #banniere #banniere48 { background:url('/imgs/website/design/eight/bans/banniere48.png') no-repeat; height:209px; width:508px; } div #banniere #banniere49 { background:url('/imgs/website/design/eight/bans/banniere49.png') no-repeat; height:209px; width:508px; } div #banniere #banniere50 { background:url('/imgs/website/design/eight/bans/banniere50.png') no-repeat; height:209px; width:508px; } div #banniere #banniere51 { background:url('/imgs/website/design/eight/bans/banniere51.png') no-repeat; height:209px; width:508px; } div #banniere #banniere52 { background:url('/imgs/website/design/eight/bans/banniere52.png') no-repeat; height:209px; width:508px; } div #banniere #banniere53 { background:url('/imgs/website/design/eight/bans/banniere53.png') no-repeat; height:209px; width:508px; } div #banniere #banniere54 { background:url('/imgs/website/design/eight/bans/banniere54.png') no-repeat; height:209px; width:508px; } div #banniere #banniere55 { background:url('/imgs/website/design/eight/bans/banniere55.png') no-repeat; height:209px; width:508px; } div #banniere #banniere56 { background:url('/imgs/website/design/eight/bans/banniere56.png') no-repeat; height:209px; width:508px; } div #banniere #banniere57 { background:url('/imgs/website/design/eight/bans/banniere57.png') no-repeat; height:209px; width:508px; } div #banniere #banniere58 { background:url('/imgs/website/design/eight/bans/banniere58.png') no-repeat; height:209px; width:508px; } div #banniere #banniere59 { background:url('/imgs/website/design/eight/bans/banniere59.png') no-repeat; height:209px; width:508px; } div #banniere #banniere60 { background:url('/imgs/website/design/eight/bans/banniere60.png') no-repeat; height:209px; width:508px; } div #banniere #banniere61 { background:url('/imgs/website/design/eight/bans/banniere61.png') no-repeat; height:209px; width:508px; } div #banniere #banniere62 { background:url('/imgs/website/design/eight/bans/banniere62.png') no-repeat; height:209px; width:508px; } div #banniere #banniere63 { background:url('/imgs/website/design/eight/bans/banniere63.png') no-repeat; height:209px; width:508px; } div #banniere #banniere64 { background:url('/imgs/website/design/eight/bans/banniere64.png') no-repeat; height:209px; width:508px; } div #banniere #banniere65 { background:url('/imgs/website/design/eight/bans/banniere65.png') no-repeat; height:209px; width:508px; } div #banniere #banniere66 { background:url('/imgs/website/design/eight/bans/banniere66.png') no-repeat; height:209px; width:508px; } div #banniere #banniere67 { background:url('/imgs/website/design/eight/bans/banniere67.png') no-repeat; height:209px; width:508px; } div #banniere #banniere68 { background:url('/imgs/website/design/eight/bans/banniere68.png') no-repeat; height:209px; width:508px; } div #hmenu { height:45px; width:979px; background:url('/imgs/website/design/eight/hmenu2.png') no-repeat ; margin:auto; } hr.espace { border-bottom-style:none; border-left-style:none; border-right-style:none; text-align:center; border-top:1px dashed #CCCCCC; width:50%; height:1px; } /******************************************/ /* Les trois parties principales du site */ /******************************************/ div#middle { width:979px; background:url('/imgs/website/design/eight/middle.png') repeat-y; margin:auto; overflow:auto; } div#left { width:147px; text-align:left; float:left; padding-left:18px; } div#center { width:629px; min-height:318px; text-align:justify; float:left; padding-left:10px; padding-right:12px; } div.default_padding { font-size:11px; padding: 4px 10px 0px 6px; } div#right { width:146px; text-align:left; float:left; padding-left:0px; } /****************************************/ /* SECTIONS DES REMOTES */ /****************************************/ div#rub_coming { background: url('/imgs/website/design/eight/rubs/rub_coming.png') no-repeat top left; } div#rub_decouvrir { background: url('/imgs/website/design/eight/rubs/rub_decouvrir.png') no-repeat top left; } div#rub_dragonquest { background: url('/imgs/website/design/eight/rubs/rub_dragonquest.png') no-repeat top left; } div#rub_mangas { background: url('/imgs/website/design/eight/rubs/rub_mangas.png') no-repeat top left; } div#rub_episodes { background: url('/imgs/website/design/eight/rubs/rub_episodes.png') no-repeat top left; } div#rub_dungeon { background: url('/imgs/website/design/eight/rubs/rub_dungeon.png') no-repeat top left; } div#rub_saga { background: url('/imgs/website/design/eight/rubs/rub_saga.png') no-repeat top left; } div#rub_slime { background: url('/imgs/website/design/eight/rubs/rub_slime.png') no-repeat top left; } div#rub_slime2 { background: url('/imgs/website/design/eight/rubs/rub_slime.png') no-repeat top left; } div#rub_swords { background: url('/imgs/website/design/eight/rubs/rub_swords.png') no-repeat top left; } div#rub_monsters { background: url('/imgs/website/design/eight/rubs/rub_monsters.png') no-repeat top left; } div#rub_dqs { background: url('/imgs/website/design/eight/rubs/rub_dragonquests.png') no-repeat top left; } div#rub_dq1 { background: url('/imgs/website/design/eight/rubs/rub_dragonquest1.png') no-repeat top left; } div#rub_dq2 { background: url('/imgs/website/design/eight/rubs/rub_dragonquest2.png') no-repeat top left; } div#rub_dq3 { background: url('/imgs/website/design/eight/rubs/rub_dragonquest3.png') no-repeat top left; } div#rub_dq4 { background: url('/imgs/website/design/eight/rubs/rub_dragonquest4.png') no-repeat top left; } div#rub_dq5 { background: url('/imgs/website/design/eight/rubs/rub_dragonquest5.png') no-repeat top left; } div#rub_dq8 { background: url('/imgs/website/design/eight/rubs/rub_dragonquest8.png') no-repeat top left; } div#rub_heros { background: url('/imgs/website/design/eight/rubs/rub_heros.png') no-repeat top left; } div#rub_inventaire { background: url('/imgs/website/design/eight/rubs/rub_inventaire.png') no-repeat top left; } div#rub_bestiaire { background: url('/imgs/website/design/eight/rubs/rub_bestiaire.png') no-repeat top left; } div#rub_chemin { background: url('/imgs/website/design/eight/rubs/rub_chemin.png') no-repeat top left; } div#rub_stats { background: url('/imgs/website/design/eight/rubs/rub_stats.png') no-repeat top left; font-size: 12px; padding: 40px 0px 0px 14px; } div#rub_auth { background: url('/imgs/website/design/eight/rubs/rub_auth.png') no-repeat top left; font-size: 12px; } div#rub_forum { background: url('/imgs/website/design/eight/rubs/rub_forum.png') no-repeat top left; font-size: 12px; } div#rub_account { background: url('/imgs/website/design/eight/rubs/rub_account.png') no-repeat top left; font-size: 12px; } div#rub_skins { background: url('/imgs/website/design/eight/rubs/rub_skins.png') no-repeat top left; } div#rub_partners { background: url('/imgs/website/design/eight/rubs/rub_partners.png') no-repeat top left; } div#rub_soutenir { background: url('/imgs/website/design/eight/rubs/rub_soutenir.png') no-repeat top left; } div#rub_credits { background: url('/imgs/website/design/eight/rubs/rub_credits.png') no-repeat top left; } div.head_item { float:left; margin: 0px 25px 0px 0px; } h1 { margin: 0px 0px 10px 0px; font-weight: normal; text-align: right; font-family: 'lucida sans unicode', verdana, helvetica, sans-serif; font-size: 20px; padding-bottom: 4px; border-bottom:1px solid #DFDFDF; } h2 { margin: 0px 0px 10px 0px; font-weight:bold; text-align:left; font-family: verdana, helvetica, sans-serif; font-size: 15px; padding-bottom: 0px; border-bottom:1px solid #DFDFDF; } div.remotecenter { text-align:center; margin:auto; padding:40px 0px 0px 0px; } div.news { color:#000000; padding:10px 10px 30px 10px; border:#DEE2E4; border-width:2px; border-style:ridge; background:#F5FAFB; } div.topicstar { color:#000000; padding:10px 10px 10px 10px; border:#DEE2E4; border-width:2px; border-style:ridge; background:#F5FAFB; } div.heros { color:#000000; padding:10px 10px 60px 10px; border:#DEE2E4; border-width:2px; border-style:ridge; background:#F5FAFB; } div.manga { color:#000000; padding:10px 10px 10px 10px; border:#DEE2E4; border-width:2px; border-style:ridge; background:#F5FAFB; } div.item { color:#000000; padding:5px 10px 10px 10px; border:#DEE2E4; border-width:2px; border-style:ridge; background:#F5FAFB; } div.contact { color:#000000; padding:10px 10px 10px 10px; border:#DEE2E4; border-width:2px; border-style:ridge; background:#F5FAFB; } div.critique { color:#000000; padding:10px 5px 10px 5px; border:#DEE2E4; border-width:2px; border-style:ridge; background:#F5FAFB; } div.livreor { color:#000000; padding:10px 10px 10px 10px; border:#DEE2E4; border-width:2px; border-style:ridge; background:#DDE5E7; } div.livreor_add { color:#000000; padding:10px 10px 10px 10px; border:#DEE2E4; border-width:2px; border-style:ridge; background:#F5FAFB; } div.download { float:right; } div.item_shops { float:right; } /****************************************/ /* LES TABLEAUX */ /****************************************/ table.center {margin-left:auto; margin-right:auto;} table.default { width:100%; border-spacing:1px; } table.forum { width:100%; border:0px; } table.forum tr::first-child{ /*tous les enfants aux numéros pairs*/ background:#C4D6DA; } table.forum tr:nth-child(even){ /*tous les enfants aux numéros pairs*/ background:#EEF7F8; } table.forum tr:nth-child(odd){ /*tous les enfants aux numéros impairs*/ background:#DFEBED; } tr.head { color:#000000; background-color:#C4D6DA; text-align:center } tr.alt0 { color:#000000; background-color:#EEF7F8; text-align:center } tr.alt1 { color:#000000; background-color:#DFEBED; text-align:center } /****************************************/ /* LES ONGLETS */ /****************************************/ ul.tabbernav li a { padding: 3px 0.5em; margin:0px; border-left:1px solid #778; border-right:1px solid #778; border-top:1px solid #778; border-bottom: none; color:inherit; background:#EEF7F8; text-decoration: none; } ul.tabbernav li a:hover { color:#000000; background:#C4D6DA; border-color: #227; } /* MISE EN PAGE DE LA PARTIE DOWN */ div#bottom { height:39px; width:979px; margin:auto auto 0px auto; float:inherit; background: url('/imgs/website/design/eight/bottom.png') no-repeat; } div#bottomLink{ height:70px; width:979px; margin:auto auto 0px auto; float:inherit; background: url('/imgs/website/design/eight/bottomLINK.png') no-repeat; } /* Liens du bottom */ a#inter_facebook { height:40px; width:40px; margin-top:0px; margin-left:407px; float:left; } a#inter_twitter { height:40px; width:40px; margin-top:0px; margin-left:2px; float:left; } a#inter_print { height:40px; width:42px; margin-top:0px; margin-left:2px; float:left; } a#inter_up { height:40px; width:42px; margin-top:0px; margin-left:2px; float:left; }