/* -------- Section Body -------- */
body
{
    background:#CCCCFF;
    color: black
}

body.Header
{
    background:#CCCCFF;
    color: black
}

body.CompleteList
{
    background:#9999FF;
    color: black
}

body.Tatting
{
    background:#FFFFFF;
    color: black
}
/* -------- Section Divers -------- */
h2
{
    color: #000000
}

p.intro
{
    font-family: serif;
    color: black;
}


hr
{
    color: navy
}

/* -------- Section Image -------- */
img.icone
{
    height: 60px;
    width: 60px;
    border-style: solid;
}

img.Menu
{
    height: 40px;
    width: 40px;
    border-style: solid;
}

img.photo
{
    width: 60px;
    border-style: solid;
}

/* -------- Section Link -------- */
a:link
{
    color:#9900CC
}

a:visited
{
    color:green
}

a:active
{
    color:blue
}

a:hover
{
    color:black
}
/* -------- Section Table -------- */
table.Tatting
{
    border-style: inset;
    border-collapse: collapse;
    empty-cells: show
}

tr
{
    border-style: inset;
}

th
{
    border-style: inset;
}

th.Tatting#green
{
    border-style: inset;
    color: green
}

th.Tatting#blue
{
    border-style: inset;
    color: blue
}

td
{
    border-style: inset;
}

td.Tatting#centerBlue
{
    border-style: inset;
    text-align: center;
    color: blue
}

td.Tatting#centerGreen
{
    border-style: inset;
    text-align: center;
    color: green
}

td.Tatting#rightGreen
{
    border-style: inset;
    text-align: right;
    color: green
}

td.Tatting#rightBlue
{
    border-style: inset;
    text-align: right;
    color: blue
}
/* -------- Section Intro -------- */
table.IntroMap
{
    border-style: inset;
    border-collapse: collapse;
    empty-cells: show
}
/* -------- Onglets Verticaux -------- */
#navcontainer
{
width: 45px;
}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%
}

#navcontainer li
{
    float: left;
    height: 65px;
    background-color: #cfc;
    margin: 2px 2px 0 2px;
    border: 1px solid black;
    writing-mode: tb-rl;
    filter: flipv fliph;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 45px;
background-color: #9999FF;
border-bottom: 1px solid black;
}

#navcontainer a:link
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:active
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: green;
color: #fff;
}

/*-------------------------- Onglets horizontaux ------------------------------------*/
ul#tabnav
{
font: bold 9px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 37px;
border-bottom: 1px solid blue;
margin: 0;
}

ul#tabnav li
{
float: left;
height: 21px;
background-color: #9999FF;
margin: 2px 2px 0 2px;
border: 1px solid blue;
}

/*body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 {
border-bottom: 1px solid #fff;
background-color: #fff;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
color: #000;
}*/

#tabnav a
{
float: left;
width: 70px;
display: block;
color: #EEE;
text-decoration: none;
padding: 4px;
}

#tabnav a:visited
{
background: blue;
}

#tabnav a:hover
{
background: green;
}