/*@ import "bootstrap/css/type.less";*/
/* --------------------------------------------------------------

   typo.css
   Base typographique inspirée de squelettes-dist/css/typo.css
   Merge avec les specificites Bootstrap
   Annule et remplace la typo native de Bootstrap

   Cf aussi css/scaffolding.less
   Cf aussi css/code.less
-------------------------------------------------------------- */

/* Titraille / Intertitres */
h1,.h1,.h1-like,
h2,.h2,.h2-like,
h3,.h3,.h3-like,
h4,.h4,.h4-like,
h5,.h5,.h5-like,
h6,.h6,.h6-like {
  font-family: @headingsFontFamily;
  color:@headingsColor;
  display: block; margin: 0; padding: 0; font-size: 100%; font-weight: @headingsFontWeight;
  text-rendering: optimizelegibility; // Fix the character spacing for headings
  small {
    font-weight: normal;
    line-height: 1;
    color: @grayLight;
    display:inline;
    display:inline-block; /* evite de le couper si ne tient pas sur la fin de la ligne */
  }
}
hr { height: 1px;margin: @emLineHeight 0;border: 0;background: @hrBorder; color: @hrBorder;}

h1,.h1,.h1-like { font-size: 2em; line-height: @emLineHeight; margin-bottom: @emVertMargin / 2; small { font-size: 0.65em; }}
h2,.h2,.h2-like { font-size: 1.5em; line-height: @emLineHeight / 1.5; margin-bottom: @emVertMargin / 1.5; small { font-size: 0.70em; }}
h3,.h3,.h3-like { font-size: 1.25em; line-height: @emLineHeight / 1.25; margin-bottom: @emVertMargin / 1.25; small { font-size: 0.80em; }}
h4,.h4,.h4-like { font-size: 1.1em; line-height: @emLineHeight / 1.1; margin-bottom: @emVertMargin / 1.1; }
h5,.h5,.h5-like { font-size: 1em; font-weight: bold; margin-bottom: @emVertMargin; }
h6,.h6,.h6-like { font-size: 1em; font-weight: bold; }

// Utility classes
.muted               { color: @grayLight; }
a.muted:hover        { color: darken(@grayLight, 10%); }

.text-warning        { color: @warningText; }
a.text-warning:hover { color: darken(@warningText, 10%); }

.text-error          { color: @errorText; }
a.text-error:hover   { color: darken(@errorText, 10%); }

.text-info           { color: @infoText; }
a.text-info:hover    { color: darken(@infoText, 10%); }

.text-success        { color: @successText; }
a.text-success:hover { color: darken(@successText, 10%); }


/* Enrichissements typographiques */
strong, b { font-weight: bold; }
em, i { font-style: italic; }
small, .small { font-size: 85%; }
big, .big { font-size: 130%; }
// Abbreviations and acronyms
// Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257
abbr[title], acronym[title], abbr[data-original-title] { border-bottom: .1em dotted @grayLight; cursor: help; }
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
@media print { abbr[title]:after { content: " (" attr(title) ")"; } }
dfn { font-weight: bold; font-style: italic; }
del, .del { background-color: #FFDDDD; border-color: #CC0000; color: #CC0000; text-decoration: line-through; }
ins, .ins { background-color: #DDFFDD; border-color: #00AA00; color: #00AA00; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; line-height: 0; }
sup { vertical-align: super; top:-0.25em;}
.ie sup { vertical-align: text-top; }
sub { vertical-align: sub; }
.ie sub { vertical-align: text-bottom; }
.caps { font-variant: small-caps; }
img.puce {vertical-align: baseline}

/* Listes */
ul, ol, li, dl, dt, dd {margin:0;padding:0;}
ul,ol {margin-left: @indentStep;margin-bottom: @emVertMargin;}
@media (min-width: 1200px) {ul,ol { margin-left: @indentStep1200; }}
@media (max-width: 979px) {ul,ol{ margin-left: @indentStep768; }}
ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }

// Remove default list styles
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

// Single-line list items
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
  & > li {
    display: inline-block;
    /*padding-left: 5px;*/
    padding-right: 5px;
  }
}


dl dt { font-weight: bold; }
dl dd {}
dl dt, dl dd { padding-left: @indentStep; }
@media (min-width: 1200px) { dl dt, dl dd { padding-left: @indentStep1200; } }
@media (max-width: 979px) { dl dt, dl dd { padding-left: @indentStep768; } }

// Horizontal layout (like forms)
.dl-horizontal {
  .clearfix(); // Ensure dl clears floats if empty dd elements present
  dt {
    float: left;
    width: @horizontalComponentOffset - 20;
    clear: left;
    text-align: right;
    .text-overflow();
    padding-left:0;
  }
  dd {
    padding-left:0;
    margin-left: @horizontalComponentOffset;
  }
}

/* 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 et poesie */
q { font-style: italic; }
blockquote { margin:0;padding: 0 @indentStep; }
@media (min-width: 1200px) {
  blockquote { padding: 0 @indentStep1200; }
}
@media (max-width: 979px) {
  blockquote { padding: 0 @indentStep768; }
}

cite { font-style: italic; }
// Blockquotes
blockquote {
  border-left: 1px solid @grayLight;
  small {
    display: block;
    line-height: inherit;
    color: @grayLight;
    &:before {
      content: '\2014 \00A0';
    }
  }

  // Float right with text-align: right
  &.pull-right {
    float: right;
    border-right: 1px solid @grayLight;
    border-left: 0;
    text-align: right;
    small {
      &:before {
        content: '';
      }
      &:after {
        content: '\00A0 \2014';
      }
    }
  }
}

address { font-style: italic; }


/* Paragraphes */
p, .p, dl, dd, blockquote, address, pre, table, fieldset { margin:0;margin-bottom: @emVertMargin; }
dd+dd {margin-top:-1 * @emVertMargin;}

.lead {
  margin-bottom: @baseLineHeight;
  font-size: 1.5em;
  font-weight: 200;
  line-height: @emLineHeight;
}

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

@media print {
  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) {
  /* gestion des mots longs */
  textarea, table, td, th { word-wrap: break-word; /* cesure forcee */ }
}

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

/* end */


/* Complements */
// Page header
// -------------------------

.page-header {
  padding-bottom: (@baseLineHeight / 2) - 1;
  margin: @baseLineHeight 0 (@baseLineHeight * 1.5);
  border-bottom: 1px solid @grayLighter;
}


.secondary { h1,.h1,.h1-like {&:extend(h2); small {display: block;}}}
.secondary { h2,.h2,.h2-like {&:extend(h3); small {display: block;}}}
.secondary { h3,.h3,.h3-like {&:extend(h4); small {display: block;}}}
.secondary { h4,.h4,.h4-like {&:extend(h5); small {display: block;}}}
.secondary { h5,.h5,.h5-like {&:extend(h6); small {display: block;}}}

.hero-unit h1 {word-wrap: break-word;}

.chapo {font-weight: bold;color:lighten(@textColor,7%);}
.spip_surligne { background-color: @infoBackground; color: @infoText;}
#descriptif_site_spip {.lead}

/* Listes SPIP : indentation est par defaut sur ul,ol */
ul.spip, ol.spip { }
ul.spip { list-style-type: square; }
li ul.spip { list-style-type: disc; }
li li ul.spip { list-style-type: circle; }
ol.spip { list-style-type: decimal; }

dl.spip dt { clear: both; }
dl.spip dd {}

/* Paragraphes spip */
div.spip, ul.spip, ol.spip, .spip_poesie, .spip_documents.spip_documents_center { margin-bottom: @emVertMargin; }

/* Citations, poesie */
blockquote.spip { min-height: 40px; }
.spip_poesie { border-left: 1px solid @grayLight; }
.spip_poesie div { margin-left: @indentStep; text-indent: -1 * @indentStep; }
@media (min-width: 1200px) {
  .spip_poesie div { margin-left: @indentStep1200; text-indent: -1 * @indentStep1200; }
}
@media (max-width: 979px) {
  .spip_poesie div { margin-left: @indentStep768; text-indent: -1 * @indentStep768; }
}

/* Enluminures typo V3 / Cf.: https://contrib.spip.net/3118 */
sc,.sc { font-variant: small-caps; }
.caractencadre-spip {}
.caractencadre2-spip {}
.texteencadre-spip {}