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

html { font-size: 110.01% }

/* pour IE < 6 */

/* Cf.:http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ et http://forum.alsacreations.com/topic-4-54377-1.html */

body {
    background: #FFFFFF;
    font: 1.05em/1.7em Georgia,Arial,Helvetica,Verdana,Times,serif;
    color: #333; }

/* Titraille / Intertitres */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal; }

hr {
    height: 1px;
    margin: 3.4% 0 1.6% 0;
    border: 0;
    background: #EFEFEF;
    color: #EFEFEF;
    display: block; }

hr.une {
    height: 1px;
    margin: 2% 0 1% 0;
    border: 0;
    background: #EFEFEF;
    color: #EFEFEF;
    display: block; }

hr.vertical_sep {
    height: 1.7em;
    margin: 0;
    border: 0;
    background: none;
    color: none;
    display: block; }

hr.sep2 {
    height: 1px;
    margin: 4px 0;
    border: 0;
    background: #EFEFEF;
    color: #EFEFEF;
    display: block; }

h1,
.h1,
.une,
.nom_site {
    font-size: 1.7em;
    line-height: 1.3;
    margin-bottom: 3.4%;
    font-family: OpenSansBold;
    color: #000; }

h1.nom_site {
    margin: 0;
    color: #FFF; }

h1,
.une { margin-bottom: 2% }

h2,
.h2 {
    font-size: 1.3em;
    line-height: 1.4;
    margin-bottom: 2%;
    font-family: OpenSansBold; }

/* perso compatibilité pileface */
h3.spip {
    font-family: Arial Narrow, Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 170%;
    text-align: left;
    color: purple;
    margin-top: 0.3em;
    margin-bottom: 0.8em;
    padding: 0em;
    width: 100%;
    border-bottom-color: purple;
    border-bottom-width: 1px;
    border-bottom-style: solid;  }


.h3 {
    font-size: 1.3em;
    line-height: 1.4;
    margin: 5% 0 2% 0;
    font-family: OpenSansBold; }

h3,
.h3_2 {
    font-size: 1.5em;
    line-height: 1.4;
    margin: 0 0 2% 0;
    font-family: OpenSansBold; }

h4,
.h4 {
    font-size: 1.5em;
    line-height: 1.4em;
    margin-bottom: 0%;
    padding-bottom: 0%;
    font-family: OpenSansRegular;
    text-transform: uppercase;
    font-weight: 100%; }


.h4_2 {
    font-size: 1.2em;
    line-height: 1.4;
    margin-bottom: 6%;
    padding-bottom: 2%;
    font-family: OpenSansRegular;
    border-bottom: solid 1px #DCDCDC;
    font-weight: 600; }

h5,
.h5 {
    font-size: 1.2em;
    line-height: 1.4;
    margin-bottom: 1%;
    font-family: OpenSansBold; }

h6,
.h6 {
    font-size: 1em;
    font-weight: 700; }

/* perso pileface  */
.surtitre{
    font-size: 1.5em;
    line-height: 1.4em;
    margin-bottom: 0%;
    padding-bottom: 0%;
    font-family: OpenSansRegular;
    text-transform: uppercase;
    font-weight: 100%; }

.soustitre {
    font-size: 1.3em;
    font-family: OpenSansRegular;
    text-transform: uppercase;
    font-weight: 100%;
    }

.block {
display: block;
height: auto;
}

/* Enrichissements typographiques */

strong,
b,
.strong { font-weight: bold }

em,
i,
.italic { font-style: italic }

small,
.small { font-size: 90% }

big,
.big { font-size: 160% }

abbr[title],
acronym[title] {
    border-bottom: .1em dotted;
    cursor: help;
    color: #999; }

/* --- PERSO PILEFACE  -1.1->1.2 em pour .texte---.blockquote fielset--- puis 1.2 en 1.1 */
.document{
  font-size: 1.5em;
  line-height: 210%;  }
 .notes{
  font-size: 1.4em;
  line-height: 150%;  }
  
.texte {
  font-size: 1.2em;
  line-height: 210%;  }
.texte3 {
   	TEXT-ALIGN: justify; color:  black; font-family:  Verdana, Arial, Helvetica, sans, sans-serif;
	font-weight: 130%;
	font-size: 11px; line-height: 120%;
}
.justifier{
    text-align: justify;
    padding-left: 15px;
    width: 95%;
}

/*    Couleurs */
.bleu   { color: #4B76D2; }
.vert   { color: #8CA429; }
.violet { color: #A300A6; }
.rouge  { color: #FF4500; }
.gris   { color: #999999; }
.grisclair { color: #666666; }
.jaune { color: #eff3e8; }
.bleu_logo { color: #35469D; }
.orange_logo { color: #666666; }
.bg_bleu  { background-color: #EEEEEE; }
.couleur_mot { color: #ff9200; }     /*  orange */
.couleur_rubrique{ color:#4B76D2; }  /*  bleu */
.couleur_article{ color: #A300A6; }   /*  violet */
.couleur_breve{ color: #54a423 }      /*  vert old : #019d58 (agriculture) #32b568 #8CA429 */
.couleur_auteur{ color: #FF4500 }      /*  rouge */

.couleur_them { color: #ff4500; }
.couleur_biblio { color:#31ace0; }
.couleur_divers { color: #43e4f7; }
.couleur_media { color: #e171e2; }


.pair {
  background-color: #EEEEEE;
  font-size: 130%;
  }
.impair {
  background-color: #FFFFFF ;
  font-size: 130%;
  }
.blanc {
  background-color: #FFFFFF;
  font-size: 130%;
  }

ul.pucerouge {
  list-style-image: url(../../../../IMG/puce_carre_rouge.gif)
  }

 div#blocmenu {
    display: block;
    float: right;
    margin-left: 2em;
    right: -20px;
    padding-left: 1em;
    text-align: left;
	line-height: 230%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	border-left:1px solid #CCCCCC;
}
/* --- /PERSO PILEFACE  ------- */

@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 }

.ie sup { vertical-align: text-top }

sub { vertical-align: sub }

.ie sub { vertical-align: text-bottom }

.caps { font-variant: small-caps }

/* Listes */

ul,
ol,
li,
dl,
dt,
dd { }

li.li2 { margin-bottom: 0.8em; }

/* perso pileface */
.block { display: block;  }
.spacer {
  display: block;
  height: 2.5em;
  padding: 0.4em; }

ul ul,
ol ol,
ul ol,
ol ul {
    margin-top: 0;
    margin-bottom: 0; }

dl dt { font-weight: bold }

dl dd { }

/* Tableaux */

table { }

caption { background: #EEE }

th { font-weight: bold }

thead th { background: #DDD }

th,
caption { padding: 0.75em }

td { padding: 2em; font-size: 1,3em }

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;
    font-size: 1.1em;
}

cite { font-style: italic }

address { font-style: italic }

pre,
code,
kbd,
samp,
var,
tt {
    font-family: 'Courier New',Courier,monospace;
    font-size: 1em; }

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 {
    font-size: 1.4 em;
    margin-bottom: 2.8%
}
dl,
dd,
blockquote,
address,
pre,
table,
fieldset {
    font-size: 1.4 em;
    margin-bottom: 2.8%
}

/* Liens */

a { }

a:hover { }

a[hreflang]:after { content: "\0000a0(" attr(hreflang) ")" }

@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;
    background: #54a423 !important; }

.on2 { 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 }
}

/*** 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: 98% !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% }
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'spip-icons';
    src: url('fonts/spip-icons.eot');
    src: url('fonts/spip-icons.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'spip-icons';
    src: url('fonts/spip-icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }

/* 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 */