/* --------------------------------------------------------------

   typo.css
   Base typographique
   Cf.: http://www.spip-contrib.net/3820

-------------------------------------------------------------- */

html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: small; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #000; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #000; }
h3 { font-size: 1.30em; font-weight: bold; color: #0099CC; }
h3.spip { text-align: center; margin-top: 0.5em; margin-bottom: 1.0em; font-size: 1.15em; font-weight: bold; }
hr.spip {margin: 2em auto; }
.h3-souligne { background-color: #01B0F0; color: #000; font-weight: normal; }
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; }

/* Enrichissements typographiques */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { background-color: #E7E7DE; color: #000; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Tableaux */
table {}
caption { background: #EEE; }
th { font-weight: bold; }
thead th { background: #DDD; }
th,td,caption { padding: 0.75em; }
tbody tr:nth-child(even) th,
tbody tr:nth-child(even) td,
tbody tr.even th,
tbody tr.even td { background: #EEE; }
tfoot { font-style: italic; }

/* Citations, code et poesie */
q { font-style: italic; }
blockquote { padding: 0 50px; }
cite { font-style: italic; }

address { font-style: italic; }

pre,code,kbd,samp,var,tt { font-family: 'Courier New', Courier, monospace; font-size: 1.0em; }
pre { margin: 1.5em 0;
  /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ */
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */
}
kbd { background-color: #222222; color: #FFFFFF; }
samp { font-weight: bold; }
var { font-style: italic; }

/* Paragraphes */
p, .p, dl, dd, blockquote, address, pre, table, fieldset { margin-bottom: 1.15em; line-height: 1.30em}

/* Liens */
a { color: #01B0F0; text-decoration: underline; }
a:focus,a:hover,a:active,{ color: #01B0F0; text-decoration: underline; }
a:visited { color: #01B0F0; text-decoration: none; }

@media print {
  a, a:visited { color: #222222; text-decoration: underline; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
}

.on { font-weight: bold; }

/**
* Print styles from HTML5 Boilerplate
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
*/

@media print {
  pre, blockquote { page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/**
* Base typo sur petits ecrans
* Cf.: http://www.alsacreations.com/astuce/lire/1177
*/

@media (max-width: 640px) {

  /* fixer une largeur maximale  de 100 % aux elements potentiellement problematiques */
  img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100% !important; }
  /* conserver le ratio des images, necessaire car attribut height existant */
  img { height: auto; }
  
  /* gestion des mots longs */
  textarea, table, td, th, code, pre, samp { word-wrap: break-word; /* cesure forcee */ }
  code, pre, samp { white-space: pre-line; /* passage a la ligne specifique pour les elements a chasse fixe */ }

}

@media screen and (max-width:640px) and (orientation: landscape) {
  body { -webkit-text-size-adjust: 70%; }
}

/*

    ATTENTION
    L'usage de proprietes -webkit-* sans leurs contreparties
    (-o-*, -moz-*, etc.) est fortement deconseille !
    cf. http://www.webstandards.org/2012/02/09/call-for-action-on-vendor-prefixes/

    Prenez le temps de corriger s'il vous plait : les proprietes CSS prefixees ne sont en theorie
    destinees qu'a des fins de test.

*/

/* end */