body
{
margin: 0;
padding: 0;
background-color: black;
background-image: url('images/fond.gif');
color: white;
text-align: center;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 12px;
cursor: default;
}

h2, h3, h4, h5, h6
{
padding: 0;
margin: 0;
}

h1
{
display: none;
}

h3
{
text-align: left;
text-indent: 30px;
font-size: 20px;
font-weight: normal;
letter-spacing: 3px;
font-variant: small-caps;
font-family: 'trebuchet MS', verdana, arial, sans-serif;
padding-top: 30px;
}

#effectifs h3
{
text-align: center;
text-indent: 0;
}

h4
{
text-align: left;
text-indent: 15px;
font-size: 16px;
font-weight: normal;
letter-spacing: 3px;
font-variant: small-caps;
font-family: 'trebuchet MS', verdana, arial, sans-serif;
padding-top: 30px;
}

h5
{
text-align: left;
text-indent: 5px;
font-size: 14px;
font-weight: normal;
letter-spacing: 3px;
font-variant: small-caps;
font-family: 'trebuchet MS', verdana, arial, sans-serif;
padding-top: 30px;
}

p
{
margin: 0;
padding: 0;
}

q:before
{
content: '« ';
}

q:after
{
content: ' »';
}

em, .italique
{
font-style: italic;
}

strong, .gras
{
font-weight: bold;
}

.justif
{
text-align: justify;
}

.centre
{
text-align: center;
}

.gauche
{
text-align: left;
}

.droite
{
text-align: right;
}

.float-l
{
float: left;
}

.float-r
{
float: right;
}

acronym
{
border: none;
cursor: help;
}

a acronym
{
cursor: pointer;
}

.petit
{
font-size: 10px;
}

.grand
{
font-size: 14px;
}

#span
{
display: none;
}

#nav
{
height: 12px;
padding-left: 5px;
}

#nav p, #nav ul, #nav li
{
margin: 0;
padding: 0;
line-height: 12px;
font-size: 10px;
float: left;
}

#nav li
{
padding-left: 5px;
padding-right: 5px;
list-style-type: none;
}

#header
{
background-image: url('images/fond_header.gif');
height: 205px;
}

#titre
{
width: 740px;
height: 205px;
margin: auto;
background-image: url('images/header.jpg');
}

#contenu
{
border-top: 5px solid rgb(180,180,180);
}

#menu-g
{
width: 135px;
position: absolute;
left: 0;
top: 222px;
border-right: 5px solid rgb(180,180,180);
}

#menu-g-contenu
{
text-align: center;
width: 135px;
background-color: rgb(150,150,150);
}

#menu-g-bas
{
width: 135px;
height: 41px;
background-image: url('images/bas_menu_g.gif');
}

#menu ul
{
margin: 0;
padding: 0;
padding-bottom: 15px;
}

#menu li
{
padding: 0;
margin: 0;
list-style-type: none;
height: 16px;
}

.marge-b
{
margin-bottom: 16px;
}

#menu li a
{
display: block;
height: 16px;
line-height: 16px;
}

#menu li a:hover
{
background-color: rgb(180,180,180);
color: white;
}

#menu-d
{
width: 135px;
position: absolute;
right: 0 !important;
right: -1px;
top: 222px;
border-left: 5px solid rgb(180,180,180);
}

#menu-d-contenu
{
width: 135px;
background-color: rgb(150,150,150);
}

#menu-d-bas
{
width: 135px;
height: 41px;
background-image: url('images/bas_menu_d.gif');
background-position: -5px 0;
}

#menu h2
{
width: 135px;
font-size: 14px;
font-weight: bold;
padding-bottom: 15px;
padding-top: 10px;
}

#menu a, #nav a, #effectifs a, #centre li a
{
color: white;
text-decoration: none;
}

#nav a:hover, #effectifs a:hover, #menu li a:active, #centre li a:hover
{
color: rgb(200,200,200);
}

#nav a:active, #effectifs a:active, #centre li a:active
{
text-decoration: underline;
}

#centre
{
background-color: rgb(150,150,150);
background-image: url('images/fond_centre.gif');
background-repeat: no-repeat;
background-position: 50% 0;
border-left: 5px solid rgb(180,180,180);
border-right: 5px solid rgb(180,180,180);
border-bottom: 5px solid rgb(180,180,180);
margin-left: 135px;
margin-right: 135px;
padding: 5px;
min-height: 350px;
}

#centre h2
{
font-size: 30px;
font-weight: normal;
letter-spacing: 3px;
font-variant: small-caps;
font-family: 'trebuchet MS', verdana, arial, sans-serif;
}

#centre p
{
margin-top: 15px;
}

#centre ul
{
text-align: justify;
padding: 0;
margin: 0;
list-style-type: square;
margin-left: 30px;
margin-top: 15px;
}

#centre ul li
{
padding: 0;
padding-left: 10px;
margin: 0;
}

#centre p a
{
text-decoration: none;
color: white;
border-bottom: 2px solid rgb(180,180,180);
}

#centre p a:hover
{
border-color: white;
}

#centre p a:active
{
color: rgb(180,180,180);
border-color: rgb(180,180,180);
}

#backtop
{
clear: both;
}

#backtop p
{
display: none;
}

ol
{
text-align: justify;
list-style-type: upper-roman;
font-size: 20px;
font-family: 'trebuchet MS', verdana, arial, sans-serif;
margin: 0;
padding: 0;
}

ol ol
{
list-style-type: decimal;
font-family: 'trebuchet MS', verdana, arial, sans-serif;
font-size: 16px;
}

ol ol ol
{
list-style-type: lower-alpha;
font-size: 12px;
font-family: verdana, tahoma, arial, sans-serif;
}

ol p
{
font-size: 12px;
font-family: verdana, tahoma, arial, sans-serif;
}

ol li
{
padding: 0;
margin: 0;
margin-left: 30px;
}

ol h3, ol h4
{
text-indent: 0;
}

ol ol li
{
margin-left: 30px;
}

ol ul li
{
font-size: 12px;
font-family: verdana, tahoma, arial, sans-serif;
}

.perso img, #effectifs table img, a img
{
border: 2px solid rgb(180,180,180);
}

table a img:hover, a img:hover
{
border-color: white !important;
}

.nnlien, #banniere .lien_ext
{
border: none !important;
}

table
{
margin: auto;
margin-top: 30px;
border-collapse: collapse;
}

#postes table
{
border: 2px solid rgb(180,180,180);
width: 100%;
}

#tbl-cat
{
width: 100px;
}

#tbl-vsx
{
width: 200px;
}

caption
{
font-size: 20px;
font-weight: normal;
letter-spacing: 3px;
font-variant: small-caps;
font-family: 'trebuchet MS', verdana, arial, sans-serif;
padding-bottom: 15px;
width: 100%;
}

th
{
padding: 0;
margin: 0;
font-size: 14px;
font-weight: normal;
letter-spacing: 3px;
font-variant: small-caps;
font-family: 'trebuchet MS', verdana, arial, sans-serif;
background-color: rgb(180,180,180);
width: 150px;
}

#medailles table, #grades, #barettes
{
border: 2px solid rgb(180,180,180);
padding: 5px;
}

#medailles table p
{
margin-bottom: 5px;
}

#medailles th, #medailles td, #barettes td, #barettes th
{
width: 250px;
}

#medailles td
{
vertical-align: top;
}

#postes td, #postes th, #grades td, #grades th
{
padding: 0;
margin: 0;
border: 1px solid rgb(180,180,180);
padding: 5px;
}

#grades .tbl-pp
{
width: 70px;
}

/*#vsx-nav ul
{
margin: 0;
padding: 0;
height: 20px;
padding: 2px;
margin-bottom: 15px;
margin-top: 30px;
background-color: rgb(180,180,180);
}

#vsx-nav li
{
margin: 0;
padding: 0;
float: left;
list-style-type: none;
line-height: 20px;
width: 32%;
text-align: center;
}

#vsx-nav a
{
display: block;
color: white;
text-decoration: none;
width: 100%;
}

#vsx-nav a:hover
{
background-color: rgb(200,200,200);
}*/

#eff-vsx ul
{
list-style-type: none;
margin-left: 0;
height: 100px;
}

#eff-vsx li
{
float: left;
}

#details p
{
text-align: right;
margin: 0;
}

#footer
{
font-size: 10px;
color: rgb(220,220,220);
padding-bottom: 10px;
padding-top: 10px;
}

fieldset
{
border: 2px solid rgb(180,180,180);
padding: 5px;
}

legend
{
font-size: 14px;
letter-spacing: 3px;
font-variant: small-caps;
font-family: 'trebuchet MS', verdana, arial, sans-serif;
}

/*Liste des joueurs/postes pages vaisseau>en bref*/
dl.iconenebref, dl.medaillebref {
margin: 10px;
padding: 0;
float: left;
width: 168px;
}
.iconenebref dt, .medaillebref dd {
font-weight: normal;
margin: 0;
padding: 0;
text-align: center;
position: relative;
top: 1px;
left: 0px;
}
.iconenebref dd, .medaillebref dt {
padding: 0;
margin: 1px 0 0 0;
text-align: center;
font-weight: bold;
}
.iconenebref dd {
height: 28px;
overflow: hidden;
}
.iconenebref a span  { display: none; }
.iconenebref dt a:hover span {
display: block;
position: absolute;
background-color: rgb(180,180,180);
top: 104px;
left: -5px;
width: 175px;
text-align: left;
z-index: 5;
}
.medaillebref dd img { height: 100px; }
.medaillebref dt { height: 2.75em; }
.moins { font-size: 11px; }
.eloign { clear: both; }