*{margin:0px; padding:0px;}
html { height:100%; }
body { height:100%; text-align:center; font:1em Arial, Helvetica, sans-serif; background:#FFF; font-size:12px; }
#flashcontent{ height:100%;}

#contenu_alternatif{ background:#fff; width:60%; padding:10px; margin:auto; }

#logo{ height:154px; background:url(../img/one_piece_logo_alt.jpg) center no-repeat; }
#logo h1, #logo h2{  visibility:hidden;}

#menu{ list-style:none; background:#2f8bb4; color:#fff; height:16px; margin-bottom:36px; }
#menu a{ text-decoration:none; color:#fff; text-transform:lowercase; }
#menu a:hover{ background:#fff; color:#349cca; }
#menu li{display:inline;}

.rubrique {  text-align:left; margin-bottom:25px; }
.rubrique .titre{ font:22px "Times New Roman", Times, serif; color:#349cca; text-transform:uppercase; margin:0 0 -5px -2px;}
.rubrique .cadre{ background:#f6fbfd; padding:25px 16px; border:#349cca dotted 1px;}
.rubrique .cadre h1{ font:18px "Times New Roman", Times, serif; margin-bottom:20px;}
.rubrique .cadre h2{ font:16px "Times New Roman", Times, serif; margin-bottom:20px;}
.rubrique .cadre p{ margin-bottom:20px;}
.rubrique .cadre hr{ margin:10px 20%; }
.rubrique ul { margin-left:20px; }

#invit_flashplayer{ font-size:10px;}
#invit_flashplayer a img {border:none;}