/* =============================================================================
 * TYPOGRAPHIE GÉNÉRALE
 * ========================================================================== */


/* police générale du document


Note : ne pas utiliser l'unité px qui ne permet pas d'ajuster la taille du
       texte selon les préférence de l'utilisateur.
       pour la plupart des navigateur : 100% = medium = 16px = 12pt;
*/

html { font-size: small; }

body {
    font: normal normal normal small Arial, Helvetica, sans-serif;
    color: #444;
}

/* police spécifique à la partie centrale */

#innerc {
    text-align: justify;
    line-height: 1.5em;
}


/* liens -------------------------------------------------------------------- */

a, a:link, a:visited {
    text-decoration: none;
    border-bottom: 1px solid #07f;
    color: inherit;
}

a:hover { border-bottom: 1px solid #f03; color: #f03; }
a:active {  }

/* notes de fin de page */

a.footnote {
    font-size: .7em;
    vertical-align: super;
    text-decoration: none;
    border-bottom: 0px none;
    color: #07f;
}

a.footnote:before { content:'\00a0('; }
a.footnote:after  { content:')'; }
a.footnote:hover  { border-bottom: 0px none; color: #f03; }

/* titres ------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    /* text-transform: uppercase; */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 2.0em 0 1em 0;
    line-height: 1em;
    color: #000;
}

h1 { font-size: 1.80em; margin-top: 0; color: #07f; }
h2 { font-size: 1.60em; }
h3 { font-size: 1.20em; }
h4 { font-size: 1.00em; }
h5 { font-size: 0.90em; }
h6 { font-size: 0.75em; }

h1 + h2 { margin-top: 1.6em; }
h2 + h3 { margin-top: 1.6em; }
h3 + h4 { margin-top: 1.6em; }
h4 + h5 { margin-top: 1.6em; }
h5 + h6 { margin-top: 1.6em; }

/* blocs standards ---------------------------------------------------------- */

div     {  }
span    {  }
p, pre  { margin: .9em 0; }
center  { text-align: center; }
hr      {  }

/* éléments en ligne -------------------------------------------------------- */

big            { font-size: 1.25em; }
small          { font-size: 0.75em }
b, strong      { font-weight: bold; }
i, em          { font-style: italic; }
s, strike, del { text-decoration: line-through; }
u, ins         { text-decoration: underline; }
sub            {  }
sup            {  }


/* citations et acronymes --------------------------------------------------- */

dfn            { border-bottom: 1px dotted #444; cursor: help; }
abbr, acronym  { border-bottom: 1px dotted #0a0; cursor: help; }

q { quotes: none;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 1.1em;
}
q:before { content:""; } /* supprime le double affichage des */
q:after  { content:""; } /* guillemets pour FF et Chrome */
cite     { font-style: normal; }

blockquote {
    margin: 1.8em 0;
    padding: 0 1em 0 3.6em;
    background: #fffff0 url(images/blockquote-bg.gif) no-repeat .9em .9em;
    border: 1px solid #ccc;
}

blockquote p {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 1.1em;
}

blockquote cite {
    display: block;
    text-align: right;
    padding-top: .6em;
}

address {  } /* TODO : adresse ou auteur */


/* code, variables et formules en ligne ------------------------------------- */

var {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.1em;
    letter-spacing: 0.1em;
}

samp, tt, kbd, pre, code {
    font-family: "Courier New", Courier, monospace;
    font-size: 1.05em;
}

code {
    display: block;
    background: #f5f5f5;
    border: 1px solid #ccc;
    padding: .4em .9em;
    margin: .9em 0;
}

pre {
    background: #f5f5f5;
    border: 1px solid #ccc;
    padding: .4em .9em;
    margin: .9em 0;
    overflow: scroll;
}

pre code {
    display: inline;
    background: transparent;
    border: 0px none;
    padding: 0;
    margin: 0;
}

p code { margin: .4em 0; }


/* Médias ------------------------------------------------------------------- */

img { border: 0px none; }

object {  }
embed {  }
iframe {  }
applet {  }

/* alignment des objets : /!\ Attention aux flottants en fin de paragraphe */

.alignleft,   *[align=left]   { float: left;  margin: .45em 1em .45em 0; }
.alignright,  *[align=right]  { float: right; margin: .45em 0 .45em 1em; }
.aligncenter, *[align=center] { display: block; text-align: center; margin: .45em auto; }

/* TODO : légendes des objets */


/* listes ------------------------------------------------------------------- */


ul { margin: 0; padding-left: 1.3em; }
ol { margin: 0; padding-left: 2.0em; }

li { margin: 0; padding: 0 0 .5em 0; }

ul    { list-style-type: none; list-style-image: url(images/puce-orange.png); }
ul ul { list-style-image: url(images/puce-tiret.png); }

ol    { list-style-type: decimal; list-style-image: none; }
ol ul { list-style-image: url(images/puce-tiret.png); }

p + ul, p + ol { margin-top: -0.6em; }
ul + p, ol + p { margin-top: 0.4em; }


/* tableaux ----------------------------------------------------------------- */

table {  }            /* tableau */
caption {  }          /* titre */
thead {  }            /* en-tête du tableau */
tfoot {  }            /* pied du tableau */
tbody {  }            /* corps du tableau */
tr {  }               /* ligne d'un tableau */
th {  }               /* cellule d'en-tête */
td {  }               /* cellule */