*{
margin:0;
padding:0;
}

html{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
font-size: 0.95em;
}

body{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
text-align: left;
font-family: Tahoma, "Franklin Gothic Book", Arial, Verdana, sans-serif; /*  LINK */
color: black;
background: black url("pics/l_menu.bmp") left top repeat-y;
}

.spre{
font-family: Tahoma, "Franklin Gothic Book", Arial, Verdana, sans-serif; /*  LINK */
padding: 5px;
}

div#conteneur{
width: 100%;
background: url("pics/l_menu.bmp") right top repeat-y;
min-width: 772px ;
position: relative;
min-height: 100%;
overflow: auto;
}

div#menu{
float: left;
width: 175px;
font-size: 0.95em;
margin-bottom: 0;
text-align: center;
}

div#int_menu{
background: #a40004;
min-width: 145px;
max-width: 145px;
width: 145px;
padding: 5px;
margin: auto;
}

div#pied1{
height: 80px;
clear: both;
display: none;
margin-bottom: 0;
}

div#pied2{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2em;
text-align: center;
background: #a40004;
border-top: inset #aa1a23 4px;
margin-bottom: 0;
display: none;
}

div#annonces{
float: right;
width: 175px;
margin-bottom: 0;
text-align: center;
font-size: small;
}

div#int_annonces{
background: #a40004;
min-width: 145px;
max-width: 145px;
width: 145px;
margin: auto;
padding: 5px;
}

div#milieu{
margin-left: 175px;
margin-right: 175px;
min-width: 422px;
}

div.bord_haut{
min-width: 175px;
max-width: 175px;
width: 175px;
min-height: 13px;
max-height: 13px;
height: 13px;
background: url("pics/h_menu.bmp") no-repeat;
}

p.annonce{
border: inset 5px #910000;
background: #575757;
margin: 8px auto;
text-align: center;
color: #000;
font-weight: bold;
font-size: x-small;
overflow: hidden;
}

p.annonce:hover{
font-size: 1em;
background: #202020;
color: #a40004;
}

p.annonce:hover a{
color: #a40004;
}

span#mm{
text-decoration: underline;
position: relative;
bottom: 4px;
font-size: 1.2em;
font-weight: bold;
cursor: default;
}

span#accspan{
font-size: 0.8em;
}

a.bouton_menu, a.bouton_menu_f{
font-size: 0.9em;
}

a.bouton_menu p:hover, a.bouton_menu_f p:hover{
width: 120px;
border: #910000 inset 4px;
background: #910000;
padding: 2px;
cursor: pointer;
text-decoration: none;
margin: 0 auto 2px auto;
}

a.bouton_menu p{
width: 120px;
border: #910000 outset 4px;
background: #910000;
padding: 2px;
cursor: pointer;
text-decoration: none;
margin: 0 auto 2px auto;
}

a.bouton_menu_f p{
width: 120px;
border: green outset 4px;
background: green;
padding: 2px;
cursor: pointer;
text-decoration: none;
margin: 0 auto 2px auto;
}

a.bouton_menu:hover, a.bouton_menu_f:hover{
text-decoration: none;
font-style: normal;
}

a.bouton_menu:active, a.bouton_menu:focus, a.bouton_menu_f:active, a.bouton_menu_f:focus{
text-decoration: none;
font-style: normal;
}

a.fava, a.fava:visited{
text-decoration: underline;
color: red;
font-weight: bold;
}

a, a:visited{
text-decoration: underline;
color: black;
font-weight: bold;
}

a:hover, a.fava:hover{
text-decoration: underline overline;
}

a:active, a:focus{
text-decoration: underline overline;
font-style: italic;
font-weight: bold;
color: black;
}

a.fava:active, a.fava:focus{
text-decoration: underline overline;
font-style: italic;
font-weight: bold;
color: red;
}

div#ban_div{
width: 644px;
margin: auto;
background: black;
}

#ban, #ban:hover, #ban:active{
border: 0;
background-image: url("pics/ban.png");
width: 644px;
height: 118px;
cursor: pointer;
margin: auto;
}

#bande_haut{
width: 760px;
margin: auto;
height: 43px;
background: black;
}

#b_h_h{
background: url("pics/b_h_h.bmp");
width: 760px;
height: 13px;
}

#b_h_b{
background: url("pics/b_h_b.bmp");
width: 760px;
height: 13px;
}

#b_g{
background: url("../pics/b_g.png");
width: 13px;
height: 17px;
float: left;
}

#b_h_p{
background: #a40004;
width: 734px;
height: 17px;
float: left;
}

#b_d{
background: url("../pics/b_d.png");
width: 13px;
height: 17px;
margin-left: 747px;
}

h1{
border: inset 3px #bd0004;
background: #000000;
color: #bd0004;
text-decoration: underline overline;
font-weight: bold;
font-family: Tahoma;
cursor: default;
font-size: 1.85em;
}

h2.sous-titre{
text-align: center;
text-decoration: underline;
border: 4px inset #484848;
background: #161616;
margin-bottom: 12px;
cursor: default;
color: #a40004;
font-size: 1.25em;
}

hr{
color: #800000;
height: 2px;
margin: 4px 10px;
}

span.h3{
font-weight: bold;
text-align: center;
cursor: default;
border: 2px outset #800000;
background: #800000;
margin: 1em auto;
display: block;
color: black;
}

div.p_corps{
background: #717171;
border: 4px inset #555;
margin: 5px auto;
text-align: left;
padding: 12px;
}

img#accpic{
float: right;
margin-left: 3px;
}


p#pied{
text-align: center;
font-size: 0.9em;
font-style: italic;
cursor: default;
color: #fff;
font-weight: bold;
}

p#pied a{
color: #ef0000;
font-weight: bold;
}

div#int_milieu_a{
background: #a40004;
margin: 8px;
padding: 7px;
border: outset 3px #bd0004;
text-align: center;
}

div#int_milieu_b{
background: #484848;
margin: 8px;
padding: 9px;
border: outset 3px #c90000;
text-align: left;
}

img.img_centre{
display: block;
margin: auto;
}

div.sec_menu{
width: 100%;
margin: 30px auto;
text-align: center;
position: relative;
right: 7px;
}

.sec_menu2{
width: 100%;
margin: 8px auto;
text-align: center;
position: relative;
right: 7px;
}

a.s_m{
font-size: 1em;
text-decoration: none;
}

a.s_m_m{
font-size:1em;
text-decoration: none;
}

a.s_n{
font-size: 1em;
text-decoration: none;
}

a.s_n_l{
font-size: 1em;
text-decoration: none;
}

a.s_m p:hover{
width: 100%;
border: #d00 outset 5px;
background: #a00;
padding: 2px;
cursor: pointer;
text-decoration: none;
margin: 0 auto;
}

a.s_m_m p:hover{
width: 80%;
border: #d00 outset 3px;
background: #a00;
padding: 1px;
cursor: pointer;
color: black;
text-decoration: none;
margin: 0 auto;
}

a.s_n p:hover{
width: 60%;
border: #d00 outset 5px;
background: #a00;
padding: 2px;
cursor: pointer;
text-decoration: none;
margin: 0 auto;
text-align: center;
}

a.s_n_l p:hover{
width: 60%;
border: #d00 outset 5px;
background: #a00;
padding: 2px;
cursor: pointer;
text-decoration: none;
margin: 0 auto;
text-align: left;
}

a.s_n_l p{
width: 60%;
border: #910000 outset 5px;
background: #910000;
padding: 2px;
cursor: pointer;
text-decoration: none;
margin: 0 auto;
text-align: left;
}

a.s_n p{
width: 60%;
border: #910000 outset 5px;
background: #910000;
padding: 2px;
cursor: pointer;
text-decoration: none;
margin: 0 auto;
text-align: center;
}

a.s_m p{
width: 100%;
border: #910000 outset 5px;
background: #910000;
padding: 2px;
cursor: pointer;
text-decoration: none;
margin: 0 auto;
}

a.s_m_m p{
width: 80%;
border: #910000 outset 3px;
background: #910000;
padding: 1px;
cursor: pointer;
color:black;
text-decoration: none;
margin: 0 auto;
}

a.s_m:hover, a.s_n:hover, a.s_n_l:hover, a.s_m_m:hover{
text-decoration: none;
font-style: normal;
}

a.s_m:active, a.s_m:focus, a.s_n:active, a.s_n:focus, a.s_n_l:active, a.s_n_l:focus, a.s_m_m:active, a.s_m_m:focus{
text-decoration: none;
font-style: normal;
}

img.img_float_left{
float: left;
margin: 0 13px 10px 0;
}

img.img_float_right{
float: right;
margin: 0 0 10px 13px;
}

p.b_s_l{
width: 200px;
background: #910000;
border: #910000 outset 4px;
text-align: center;
text-decoration: none;
font-style: normal;
cursor: pointer;
float: left;
}

p.b_s_l:hover, p.b_s_l:active, p.b_s_l:focus{
width: 200px;
background: #a00;
border: #d00 outset 4px;
text-align: center;
text-decoration: none;
font-style: normal;
cursor: pointer;
}

p.b_s_pagl{
width: 100px;
background: #910000;
border: #910000 outset 4px;
text-align: center;
text-decoration: none;
font-style: normal;
cursor: pointer;
float: left;
}

p.b_s_pagl:hover, p.b_s_pagl:active, p.b_s_pagl:focus{
width: 100px;
background: #a00;
border: #d00 outset 4px;
text-align: center;
text-decoration: none;
font-style: normal;
cursor: pointer;
}

p.b_s_r{
width: 200px;
background: #910000;
border: #910000 outset 4px;
text-align: center;
text-decoration: none;
font-style: normal;
cursor: pointer;
float: right;
}

p.b_s_r:hover, p.b_s_r:active, p.b_s_r:focus{
width: 200px;
background: #a00;
border: #d00 outset 4px;
text-align: center;
text-decoration: none;
font-style: normal;
cursor: pointer;
}

p.b_s_pagr{
width: 100px;
background: #910000;
border: #910000 outset 4px;
text-align: center;
text-decoration: none;
font-style: normal;
cursor: pointer;
float: right;
}

p.b_s_pagr:hover, p.b_s_pagr:active, p.b_s_pagr:focus{
width: 100px;
background: #a00;
border: #d00 outset 4px;
text-align: center;
text-decoration: none;
font-style: normal;
cursor: pointer;
}
p.b_s_c{
width: 200px;
background: #910000;
border: #910000 outset 4px;
text-align: center;
text-decoration: none;
font-style: normal;
cursor: pointer;
margin: 0 auto;
}

p.b_s_c:hover, p.b_s_c:active, p.b_s_c:focus{
width: 200px;
background: #a00;
border: #d00 outset 4px;
text-align: center;
text-decoration: none;
font-style: normal;
cursor: pointer;
}

a.b_s_a:hover{
text-decoration: none;
}

div.clear{
clear: both;
max-height: 1px;
}

li{
margin-left: 50px;
}

form{
margin: 0 auto;
text-align: center;
padding-bottom: 10px;
cursor: default;
}

#ifr_msg{
color: white;
text-align: left;
overflow: auto;
min-height: 136px;
max-height: 136px;
height: 136px;
margin: 10px 20px;
background: #494949;
border: inset #494949 4px;
}

.chat_entier{
text-align: center;
}

span#favspan{
display: block;
position: absolute;
border: 1px red solid;
color: red;
top: 10px;
left: 5px;
background: black;
font-size: x-small;
padding: 2px;
}

#sub:hover{
cursor: default;
}

span#okmail{
color: #125b10;
}

div.div_msg{
padding: 30px;
background: #555;
border: 5px outset #575757;
text-align: center;
}

table#bdd{
margin: auto;
}

table#bdd td{
border-collapse: separate;
border: 2px outset black;
padding: 2px 3px;
}

table#bdd td.important{
border-color: #a40004;
background: #a40004;
}

table#bdd td.fin{
border-color: #3350c1;
background: #3350c1;
}

table#bdd td.libre{
border-color: #0fc623;
background: #0fc623;
}

table#bdd td.parent{
border-color: #999;
background: #999;
}

h3.mini_h3{
position:relative;
bottom:4px;
text-decoration:underline;
font-size:1.3em;
cursor:default;
}

#deconn_input, .conn_input{
color:#a40000;
background:#222;
border:2px outset #575757;
font-weight:bold;
width: 80%;
}


.conn_input[type = submit]{
width: 30%;
}

#deconn_input{
height: 22px;
width: 170px;
position: relative;
top: 1px;
bottom: 0px;
}

.norm_input{
background:#bebebe;
border:2px outset #ccc;
font-weight:bold;
color:#000;
}

.droite_div, #droite_div_chg{
border:4px #a40004 inset;
background:#222;
font-size: 1.1em;
color: #c50000;
padding-bottom: 5px;
}

.droite_div a, #droite_div_chg a{
color: #a40004;
}

#bande{
margin:0;
padding:0;
text-align:center;
cursor:default;
}

#connected{
position:relative;
bottom:4px;
}

.clear_l{
clear: left;
}

.co{
color: #0d0;
}

.deco{
color: #700;
}

#profil{
border: outset #222 4px;
background: #222;
text-align: center;
padding-top: 10px;
}

#toprofil{
width: 95%;
height: 1.5em;
border: inset #222 4px;
background: #a40004;
margin: auto;
font-size: 1.15em;
font-weight: bold;
text-decoration: none;
color: white;
}

.data_profil{
margin: 15px 10px 5px auto;
background: #717171;
border: inset #222 4px;
text-align: left;
font-size: 0.95em;
padding: 5px;
}

.pic_avatar{
border: inset #bebebe 3px;
margin: auto;
}

.noavatar{
width: 125px;
height: 125px;
border: inset #bebebe 3px;
margin: auto;
color: white;
font-size: 0.8em;
background: #444;
}

fieldset{
border: ridge #a40004 4px;
}

legend{
border: outset 2px #555;
background: #555;
color: #fff;
text-align: center;
min-width: 15%;
font-weight: bold;
}

p.no_u{
text-decoration: none;
}

.mem_1 a{
background: #a40004;
padding: 0px 6px;
border: #000 solid 2px;
color: #000;
font-weight: bold;
}

.mem_2 a{
background: #d40004;
padding: 0px 6px;
border: #000 solid 2px;
color: #000;
font-weight: bold;
} 

.mem_3 a{
background: #393939;
padding: 0px 6px;
border: #e40004 solid 2px;
color: #e40004;
font-weight: bold;
}

.mem_4 a{
background: black;
padding: 0px 6px;
border: #e40004 solid 2px;
color: #e40004;
font-weight: bold;
}

.mem_5 a{
background: #555;
padding: 0px 6px;
border: #a00000 1px dashed;
color: black;
text-decoration: line-through;
font-weight: bold;
}

.mem_6 a{
background: #757575;
padding: 0px 6px;
border: black 1px dashed;
color: black;
text-decoration: line-through;
font-weight: bold;
}

.mem_1 a:hover,.mem_2 a:hover,.mem_3 a:hover,.mem_4 a:hover,.mem_5 a:hover,.mem_6 a:hover{
text-decoration: none;
font-style: normal;
}

div#fofo_cat{
width: 99%;
margin: auto;
background: #bebebe;
border: outset #bebebe 4px;
}

div.fofo_catnom{
border: outset #bebebe 3px;
background: #161616;
color: #fff;
font-size: 1.2em;
font-family: Tahoma;
font-weight: bold;
text-decoration: underline;
margin: 5px auto;
width: 90%;
}


table.fofo_catlist{
border-collapse: separate;
border-spacing: 3px;
width: 100%;
}

table.fofo_catlist tr.fofotop1 td, table.fofo_catlist td{
border: 3px inset #bebebe;
background: #656565;
color: white;
padding: 2px;
text-align: center;
}

table.fofo_catlist tr.fofotop3 td{
border: 3px inset #bebebe;
background: #484848;
color: white;
padding: 2px;
text-align: center;
}

table.fofo_catlist th{
border: 3px inset #bebebe;
color: #df0004;
background: #333;
text-decoration: underline;
padding: 2px;
text-align: center;
}

a.fofo_cattitre{
color: #000;
font-size: 1.15em;
font-family: Tahoma;
}

.fofo_catdesc{
font-size: 0.8em;
}

a.fofo_ltopictitre{
font-size: 0.9em;
color: black;
}

.fofo_ltopictd{
font-size: 0.8em;
padding-top:3px;
color: #fff;

}

div#fofo_infostd{
border: 3px inset #bebebe;
background: #656565;
color: black;
padding: 8px 5px;
text-align: center;
}

table#prefs_tab{
margin: auto;
}

table#prefs_tab td{
border-collapse: separate;
border: 2px outset black;
padding: 5px 10px 5px 3px;
text-align: center;
vertical-align: middle;
margin: 2px;
}

.filariane, .filariane a{
color: #bebebe;
}

#ariane{
margin: 0 auto 10px auto;
border: #a40004 3px ridge;
background: #656565;
padding: 5px;
font-size: 0.85em;
}

.fofo_toptitre{
font-size:0.9em;
}

#stat4{
padding:10px;
color:#000;
font-size: 0.8em;
}

.fofo_sr{
height:5px;
width:10px;
}

.fofo_topdesc{
color: #bebebe;
font-size:1ex;
font-family: Tahoma;
font-style:italic;
text-decoration:none;
}

.fofo_toplist{
border-collapse: separate;
width: 99%;
border-spacing: 2px;
}

td.avtd{
text-align: center;
border: #bebebe outset 3px;
background: #656565;
width: 160px;
padding: 5px 3px 4px 3px;
vertical-align:top;
}

td.mestd{
text-align: left;
border: #bebebe outset 3px;
background: #bebebe;
padding: 1px 2px 13px 8px;
height: 100%;
vertical-align:top;
}

.fofo_rang{
color: #dedede;
font-size: 0.85em;
text-decoration: underline;
}

.fofo_dict{
font-size: 0.8em;
}

.fofo_basav{
font-size: 0.8em;
}

.fofo_postlist{
border-collapse: separate;
margin: auto;
max-width: auto; 
border-spacing: 4px;
}

.fofo_postdiv{
overflow-x: scroll;
}

.fofo_sign{
max-width: 395px;
overflow: hidden;
}

.fofo_sign img{
/*max-width: 395px;*/
}


.pl_footer{
background: #656565;
text-align: center;
border: #bebebe outset 3px;
vertical-align: middle;
padding: 2px 20px;
}

hr.signhr{
color: black;
height: 1px;
margin: 1.5em 0;
width: 85%;
}

a.nouvo{
color: #e40004;
text-decoration:none;
font-weight:bold;
font-size: 1.1em;
}

a.nouvo:hover,a.nouvo:active,a.nouvo:focus{
color: #e40004;
text-decoration:underline;
font-style: normal;
}

table.cnmtable{
border-spacing:3px;
width: 98%;
}

table.cnmtable td{
text-align: left;
vertical-align:top;
padding-left: 5px;
padding-top:5px;
}

.smil{
text-align:left;
width:161px;
font-size:0.6em;
background: #8a8a8a;
border: dotted 2px #bbb;
height: 135px;
max-height: 135px;
overflow-y:scroll;
overflow-x:hidden;
}

.souligne{
text-decoration: underline;
}

.surligne{
text-decoration: overline;
}

.barre{
text-decoration: line-through;
}

.citation{
text-align:left;
background: #8a8a8a;
border: solid 2px #bbb;
padding:10px;
color:black;
}

.cit_de{
text-align:left;
color:#fff;
vertical-align:baseline;
font-weight:bold;
}

hr.taghr{
color: black;
height: 1px;
}

.gauche{
text-align:left;
}

.centre{
text-align:center;
}

.droite{
text-align:right;
}

.justif{
text-align:justify;
}

img.fimg{
border:0;
}

.fpre{
font-family:"Courier New";
white-space: pre;
}

.fgauche{
float:left;
}

.fdroite{
float:right;
}

.mp_bew, .mp_bew:hover, .mp_bew:active, .mp_bew:focus, .mp_bew:visited{
color:#a40004;
text-decoration:none;
font-style:normal;
}

.mp_bew:hover{
text-decoration: underline;
}

.boutcol{
display:inline;
}