/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  font-family: "Trebuchet MS", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { 
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold;
}


/* Headings
-------------------------------------------------------------- */

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2.2em; margin-bottom: 0.75em; }
h3 { font-size: 2.0em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.8em; line-height: 1.25; margin-bottom: 1.25em; margin-top:1.5em;margin-right:200px;}
h5 { font-size: 1.6em; font-weight: bold; margin-bottom: 0.2em;padding-left:0;margin-left:0;}
h6 { font-size: 1.4em; font-weight: normal; }

/* Text elements
-------------------------------------------------------------- */

p           { font-size: 1.0em; margin: 0 0 0.3em; }
p.last      { margin-bottom: 1em; }
p img       { float: right; margin: 0 0 1em 1em; padding: 0; }

ul, ol      { margin:0 1em 1em 1em; }
ul          { list-style-type: none; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1em; font-style: italic; }
del         { color:#666; }

a           { text-decoration: underline; }
a:visited   {  font-style:italic; }

sup { vertical-align: top;}
sub { vertical-align: bottom;}
blockquote  { margin: 1em; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1em 0; white-space: pre; }
pre,code,tt { font: 1em "Monika", "script", "andale mono", "monotype.com", "lucida console", monospace; line-height: 1; } 
tt          { display: block; margin: 1em 0; line-height: 1; }


/* Tables
-------------------------------------------------------------- */
/*
table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }
table .last { padding-right: 0; } 
*/

/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.4em; line-height: 2.5em; margin-bottom: 1.25em; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

ul {margin-left:2em;}

#content table.tableau { margin-bottom: 1.4em;border-collapse:collapse;font-size:9px;}
#content table.tableau p {margin:0;padding:0;text-align:center;}
#content table.tableau th { border-bottom: 2px solid #ccc; font-weight: bold;vertical-align:middle;width:40px;font-weight:bold;height:20px;}
#content table.tableau td      { border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;vertical-align:middle;text-align:center;height:20px; }
#content table.tableau td.gauche { border-left: 1px solid #ddd;}
#content table.tableau td.haut { border-top: 1px solid #ddd;}
#content table.tableau td.droite { border-right: 1px solid #ddd;}
#content table.tableau th,#content table.tableau td   { padding: 2px 4px;}
#content table.tableau tfoot   { font-style: italic; }
#content table.tableau caption { background: #ffc; }
#content table.tableau .last { padding-right: 0; }
#content table.tableau .ce8 {background-color:#FFFF00;}
#content table.tableau .ce10 {background-color:#ff0000;}
#content table.tableau .ce12 {background-color:#ff6600;}
#content table.tableau .ce14 {background-color:#008080; }
#content table.tableau .ce22 {background-color:#c0c0c0;}
#content table.tableau .noir *{color:#000;}
#content table.tableau .premierecolonne {width:100px;}
#content #legende td {border-right:#ddd 2px solid ;}
#content #legende td.gauche {border-right:#ddd 3px double ;}