/* special HADOPI */
DIV#blackout { position:absolute; top:0px; right:0px;}

/**********/
/* global */
/**********/

body { background:url(../pics/background.jpg) repeat; font-size:13px;}
body.frame { background:transparent; font-size:13px;}

a:link { color:#4E17A8; text-decoration:none;}
a:hover { color:#4E17A8; text-decoration:underline;}
a:visited { color:#4E17A8; text-decoration:none;}
a:visited:hover { color:#4E17A8; text-decoration:underline;}

h1 { font-size:17px; font-weight:bold; text-align:center; padding:0; margin:0;}

img { border:0; }

/******************/
/* layout du site */
/******************/

#main { height:100%; width:100%; padding-right:20px;}
#main TD { vertical-align:top;}

/* en tete */
#head { height:200px;}
#head TABLE { width:100%; height:100%;}
#head_left { background:url(../pics/head_left.png) no-repeat; width:215px;}
#head_left DIV { height:0px; min-width:215px; width:215px;}
#head_repeat { background:url(../pics/head_repeat.png) repeat-x;}
#head_right { background:url(../pics/head_right.png) no-repeat; width:440px; background-position:top right;} /*685 -> 440*/
#head_right DIV { height:0px; min-width:440px; width:440px;}
#team_zone { text-align:center; position:relative; min-width:582px; width:inherit; height:100px; margin: 84px 40px -184px 57px; overflow:hidden;}
#team_zone DIV { text-align:center; height:0px; min-width:inherit; width:582px;}
#team { position:relative; }
#head_crossing { position:relative; min-width:582px; height:32px; margin: 154px 40px -186px 57px; overflow:hidden;}
#head_crossing DIV { height:0px; min-width:inherit; width:582px;}
#kawaiTofu { position: absolute;}

/* menu */
#menu { min-width:175px; width:175px; max-width:175px; vertical-align:top; text-align:right; padding-left:35px; padding-right:0px;}
#menu TABLE { width:175px;}
#menu_top { background:url(../pics/menu_haut.png); height:57px;}
#menu_top DIV { height:0px; width:175px; min-width:175px; max-width:175px;}
#menu_content { background:url(../pics/menu.png) repeat-y; vertical-align:top;}
#menu_content DIV { text-align:center; padding-left:40px; padding-top:10px; padding-bottom:10px; padding-right:40px;}
#menu_content a {font-size:14px;}
#menu_bottom  { background:url(../pics/menu_bas.png); height:117px;}
#menu_logos { text-align:center; padding-left:10px;}
#menu_logos DIV { padding-top:1px;}

/* page principale */
#page { height:100%; width:100%;}
#title { height:57px;}
#title .zone { height:100%; width:100%; text-align:center;}
#title_left { background:url(../pics/body_hg.png) no-repeat; background-position:bottom right; width:64px;}
#title_content { background:url(../pics/body_hr.png) repeat-x; background-position:bottom; padding-top:27px;}
#title_content DIV { text-align:center; font-weight:bold; font-size:17px;}
#title_right { background:url(../pics/body_hd.png) no-repeat; background-position:bottom left; width:80px;}
#body { height:100%; width:100%;}
#body .zone { height:100%; width:100%; vertical-align:top;}
#body_left { background:url(../pics/body_rg.png) repeat-y; background-position:right; width:15px;}
#body_left DIV { height:0px; min-width:15px; width:15px;}
#body_content { background:url(../pics/body_rr.png) repeat;}
#body_right { background:url(../pics/body_rd.png) repeat-y; background-position:left; width:30px;}
#body_right DIV { height:0px; min-width:30px; width:30px;}
#foot { height:51px;}
#foot .zone { width:100%;}
#foot_left { background:url(../pics/body_bg.png) no-repeat; background-position:top right; width:15px;}
#foot_content { background:url(../pics/body_br.png) repeat-x; background-position:top;}
#foot_content DIV { text-align:center; margin-top:20px; font-size:9px;}
#foot_right { background:url(../pics/body_bd.png) no-repeat; background-position:top left; width:30px;}

/***********************/
/* elements recurrents */
/***********************/

/* tableau (cadre) */
TABLE.table { text-align:center;}
TABLE.table THEAD TR { height:15px;}
TABLE.table THEAD TD.left { background:url(../pics/tbl_hg.png);}
TABLE.table THEAD TD.center { background:url(../pics/tbl_h.png); background-repeat: repeat-x;}
TABLE.table THEAD TD.right { background:url(../pics/tbl_hd.png);}
TABLE.table TBODY TR { }
TABLE.table TBODY TD.left { background:url(../pics/tbl_g.png); background-repeat: repeat-y;}
TABLE.table TBODY TD.left DIV { min-width:15px; width:15px;}
TABLE.table TBODY TD.center { background-color:#DF97E8;}
TABLE.table TBODY TD.right { background:url(../pics/tbl_d.png); background-repeat: repeat-y;}
TABLE.table TBODY TD.right DIV { min-width:15px; width:15px;}
TABLE.table TFOOT TR { height:15px;}
TABLE.table TFOOT TD.left { background:url(../pics/tbl_bg.png);}
TABLE.table TFOOT TD.center { background:url(../pics/tbl_b.png); background-repeat: repeat-x;}
TABLE.table TFOOT TD.right { background:url(../pics/tbl_bd.png);}

/* tableau (contenu) */
TABLE.tableContent { background-color:#DF97E8; border:0px;}
TABLE.tableContent THEAD TR { background-color:#C178CA; height:22px; text-align:center; vertical-align:bottom;}
TABLE.tableContent THEAD TR TD { padding-top:3px;}
TABLE.tableContent TD { padding-left:2px; padding-right:2px;}
TABLE.tableContent TH { font-weight:normal; text-align:left; vertical-align:top; white-space:nowrap; padding-left:2px; padding-right:2px;}
TABLE.tableContent TR.l1 { background-color:#CD89D6;}
TABLE.tableContent TR.l0 { background-color:#DF97E8;}

/* lignes */
TR.titre { background-color:#C178CA }
TR.l1 { background-color:#FF8AB6; }
TR.l0 { background-color:#F67EAB; }

/* colonnes */
TD.titre { background-color:#C178CA }
TD.c1 { background-color:#DF97E8; }
TD.c0 { background-color:#CD89D6; }

/* pager */
DIV.pager { margin-top:30px; text-align:center;}
DIV.pager DIV { margin:0 20px;}
DIV.pager DIV.left { float:left;}
DIV.pager DIV.right { float:right;}

/* article */
DIV.article { clear:left; padding-top:15px;}
DIV.article DIV.titre { background:url(../pics/titre.png); background-repeat: repeat-x; height:27px; padding-top:7px; padding-left:7px;}
DIV.article DIV.titre DIV { margin-top:-7px; padding-top:7px; float:right; background:url(../pics/titre_d.png); background-repeat: no-repeat; background-position:top left; background-color:#FF8AB6; height:27px; width:35px;}
DIV.article DIV.body { margin-top:8px; margin-left:10px; margin-right:30px;}
DIV.article DIV.quote { margin:1px 20px 0; padding:4px 7px 2px; background-color:#FCB1CC;}
DIV.article DIV.attachement { margin:15px 0 -30px 10px;}
DIV.article DIV.attachement DIV.thumb { float:left; margin-right:10px;}
DIV.article DIV.attachement DIV.links { float:left;}
DIV.article DIV.sign { margin-top:10px; margin-left:10px; font-size:1.3ex;}

/* messages */
DIV.msgBox { position:absolute; bottom:0px; right:0px; background-color:darkgray;}
DIV.infoMsg { margin:3px; padding:8px 12px; background-color:limegreen;}
DIV.errorMsg { margin:3px; padding:8px 12px; background-color:#FF4444; font-weight:bold;}

.important { font-weight:bold; color:red; }
IFRAME.frame { position:absolute; margin-top:-20px; }

/************************/
/* elements specifiques */
/************************/

/* dragodindes */
TABLE.tableDrago1 { background-color:#DF97E8; border:0px;}
TABLE.tableDrago0 { background-color:#CD89D6; border:0px;}

/* fiches persos */
DIV.fichesperso { width:100%; text-align:center; vertical-align:top;}
DIV.ficheperso { text-align:center; padding-top:20px; padding-right:40px; display:inline; min-width:290px; width:290px; max-width:350px;}
DIV.ficheperso TABLE.table { display:inherit;}
DIV.ficheperso TABLE.tableContent { width:300px;}
TD.pv   { background:url(../pics/caracs/pv.png)   no-repeat; background-position:center left; padding-left:20px !important;}
TD.pa   { background:url(../pics/caracs/pa.png)   no-repeat; background-position:center left; padding-left:20px !important;}
TD.pm   { background:url(../pics/caracs/pm.png)   no-repeat; background-position:center left; padding-left:20px !important;}
TD.init { background:url(../pics/caracs/init.png) no-repeat; background-position:center left; padding-left:20px !important;}
TD.pp   { background:url(../pics/caracs/pp.png)   no-repeat; background-position:center left; padding-left:20px !important;}
TD.vita { background:url(../pics/caracs/vita.png) no-repeat; background-position:center left; padding-left:20px !important;}
TD.sag  { background:url(../pics/caracs/sag.png)  no-repeat; background-position:center left; padding-left:20px !important;}
TD.for  { background:url(../pics/caracs/for.png)  no-repeat; background-position:center left; padding-left:20px !important;}
TD.inte { background:url(../pics/caracs/inte.png) no-repeat; background-position:center left; padding-left:20px !important;}
TD.cha  { background:url(../pics/caracs/cha.png)  no-repeat; background-position:center left; padding-left:20px !important;}
TD.agi  { background:url(../pics/caracs/agi.png)  no-repeat; background-position:center left; padding-left:20px !important;}
TD.resneu  { background:url(../pics/caracs/resneu.png) no-repeat; background-position:center left; padding-left:20px !important;}
TD.rester  { background:url(../pics/caracs/rester.png) no-repeat; background-position:center left; padding-left:20px !important;}
TD.resfeu  { background:url(../pics/caracs/resfeu.png) no-repeat; background-position:center left; padding-left:20px !important;}
TD.reseau  { background:url(../pics/caracs/reseau.png) no-repeat; background-position:center left; padding-left:20px !important;}
TD.resair  { background:url(../pics/caracs/resair.png) no-repeat; background-position:center left; padding-left:20px !important;}