body {
/*background-color: #558855;*/
color: black;
/*font-family: "Palatino Linotype",
             Georgia,
             "Bitstream Charter";*/
/*font-family: serif;*/
font-family: /*"Times New Roman",*/serif;
font-size: 10pt;
  /* http://normandlamoureux.com/cours/css/ */
line-height: 1.1;
margin: 0px;
padding: 0px;
background-color: white;
}


a:link    {  /* unvisited links */
color: black;
font-weight: bold;
}
a:visited {  /* visited links   */
color: black;
font-weight: bold;
}
a:active  {  /* active links    */
color: black;
font-weight: bold;
}
a:hover   {  /* user hovers     */
/*
color: black;
text-decoration: none;
font-weight: bold;
*/
color: white;
background: black;
text-decoration: none;
}


/* ombre sous les images, alignée à droite */ 
.shadow {
padding: 0;
background: transparent url(images/Shadow.gif) no-repeat scroll right bottom;
margin : 10px;
clear: right;
float: right;
}
.shadow img {
border: 1px solid #a9a9a9;
margin: -5px 5px 5px -5px;
padding: 4px;
background-color: #ffffff;
display: block;
position: relative;
}

/* ombre sous les images, alignée à gauche */ 
.shadowl {
padding: 0;
background: transparent url(images/Shadow.gif) no-repeat scroll right bottom;
margin : 10px;
clear: left;
float: left;
}
.shadowl img {
border: 1px solid #a9a9a9;
margin: -5px 5px 5px -5px;
padding: 4px;
background-color: #ffffff;
display: block;
position: relative;
}



/* Paragraphes */
.texte:first-letter {
font-size: 1.25em;
/*vertical-align: bottom;*/
/*vertical-align: top;*/
}


/* tableaux de données */
table.Tableau {
border: 1px outset black;
/*border-collapse: separate;*/
border-collapse: collapse;
border-spacing: 0px;
background-color: white;
vertical-align: top;
width: 10px;
margin-right: auto;
margin-left: auto;
}
table.Tableau th {
border: 1px inset black;
padding: 1px;
}
table.Tableau td {
border: 1px inset black;
padding: 1px;
}
table.Tableau caption {
font-weight: bold;
}
table.Tableau thead {
text-align: center;
font-weight: bold;
}




.Note {
font-size: 0.75em;
text-align: left;
font-style: italic;
}


/*Elements de la page*/

#Top {
border: 1px solid black;
width: 900px;
height: 200px;
}

#Middle {
width: 900px;
min-height: 500px;
border-style: solid;
border-width: 1px;
border-color: black;
}

.Marge{
width: 100px;
}

/* ancre pour ramener en haut de page */
#VersHaut {
width: 900px;
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
clear: both;
float: left;
}


#Bottom {
width: 900px;
background-color: #691c2c;
border: 1px solid black;
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
color: white;
text-align: center;
/*margin-top: 20px;*/
clear: both;
float: left;
}


a.BottomLink {
color: white;
}
a.BottomLink:link  {
text-decoration: underline; 
}
a.BottomLink:active  {
text-decoration: underline; 
}
a.BottomLink:visited  {
text-decoration: underline; 
}
a.BottomLink:hover  {
text-decoration: underline; 
background-color: #691c2c;
color: white;
}

#Support {
width: 900px;
border: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
clear: both;
float: left;
margin-top: 80px;
}

#Support a {
background-color: white;
}

/*
#Menu {
border-style: none solid solid;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
width: 900px;
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
color: black;
margin-top: 5px;
margin-bottom: 5px;
}
a.Menu:hover   {  
font-weight: normal;
}
*/

#Menu {
border-style: none solid solid;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
width: 900px;
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
color: black;
margin-top: 5px;
margin-bottom: 5px;
background-color: #bbbbbb;
}

a.Menu   {
text-decoration: none;

}  
a.Menu:hover   {  
font-weight: bold;
}



#Content{
border-style: solid;
border-width: 1px;
border-color: black;
width: 900px;
float: left;
clear: both;
}

/*Menu Onglets*/

ul#tabnav {
    font: normal 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid black;
    margin: 0;
}

ul#tabnav li {
    float: left;
    height: 21px;
    background-color: #3E1C24;
    margin: 2px 2px 0 2px;
    border: 1px solid black;
}

ul#tabnav li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

ul#tabnav li.active a {
    color: black;
}

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

#tabnav a:hover {
    color: black;
    background: white;
}


/*Onglets seconde ligne*/
ul#tabnav1 {
    font: normal 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    margin: 0;
    background: white;
}
ul#tabnav1 li {
    float: left;
    height: 21px;
    margin: 2px 2px 0 2px;
}

ul#tabnav1 li.active {
    /*color: black;
    font-style: italic;*/
    
    font-weight: bold;
}

#tabnav1 a {
    float: left;
    display: block;
    color: black;
    text-decoration: none;
    padding: 4px;
}

#tabnav1 a:hover {
    background: white;
}