.fine{font-size: smaller; white-space: nowrap;}

/*font*/
.font4, a.voir_rub, p.voir_rub,
a#mot_theme, a#mot_type, a#mot_type,
#ref_art, a#mot_activite, #mot_groupe, .titre_rub_n2,
#aside_site_related, .texte_explicatif,.texte2{
	font-family: 'Roboto Condensed', sans-serif;
	}
#nav, #titraille, .rub_art,
.soustitre, .auteurs, .rubrique_vignette,
.titre_rub_n1{
	font-family: 'Oswald', sans-serif;
	}
.mot_numero:before{font-family: 'Tahoma', sans-serif; color: black;}
.titre_num{font-size: 2.6em; line-height: 1.3em; font-family: 'Oswald', sans-serif;}
.titre_num p{ margin-bottom: 0.5em;}
.mots_art li a.mot_numero{font-family: 'Oswald', sans-serif; font-size: 0.85em;}
a#numero_une{display: block; font-family: 'Roboto Condensed', sans-serif !important;}



p.voir_rub:before, a#toggleButton:before, #titraille .auteurs:before,
.rub_art a:before, .font4 a:before,
a#mot_theme:before, #mot_type:before, #mot_groupe2:before,
#mot_activite:before, #mot_lab:before, #mot_theme:before,
#ref_art h2:before, #ps:before, a.voir_rub:before, a#suiv:before,
a#prec:before, a#download:before, a#share:before, a#ref:before,
a#ps_plus:before, a#up:before, a#down:before, a.textsizedown:before,
a.textsizeup:before, .plan_rub:before,
#doc:before, a#z_plus:before, a#z_moins:before,
a#lien_auteur:before, #lien_auteur2:before, a#join:before, a#lab:before,
.auteurs:before, .auteurs2:before,.rub_art_dossier:before, #aside_site_related a:before, a.plus:after, .mot_groupe:after, .lien_tous_numeros:before,
a.plus2:after, #fb:before, #rss:before, #liste:before, .rub_fermee:before, .rub_art_dossiers:before, .rub_art_rubriques:before, .lien_tous_dossiers:before,
.mot_type:after, .mot_numero_menu:before, .rub_dossiers_after:after, .rub_rubriques_after:after,
.mot_theme:after, .mot_lab:after, #lien_page_auteurs:after, #lien_page_auteurs:before, .auteurs_repertoire:before, .loupe_titre:before, #loupe_lien:before
{
	font-family:'FontAwesome', sans-serif;
	}
/*modèle édito*/
#page_article #header{
	margin-right: 15px;
	}
#page_article #titraille h1{
	font-size: 3em;
	color: #232323;
	margin-bottom:10px;
	margin-top: 25px;
	width: 80%;
	}
#page_article #titraille h1.mot_numero{
	font-size: 2.5em;
	color: #232323;
	margin-bottom:0px;
	margin-top: 0px;
	}
#page_article #titraille h1.rub_art_rubriques,
#page_article #titraille h1.rub_art_dossiers,
#page_article #titraille h1.auteurs2,
#page_article #titraille h1#mot_theme{
	font-size: 2em;
	color: #232323;
	margin-bottom:5px;
	margin-top: 5px;
	line-height: 1.1em;
	width:95% !important;
	}
#page_article #titraille .soustitre{
	font-size: 1.2em;
	color: #b7b7b7;
	line-height: 1em;
	max-width: 70%;
	}
#page_article #titraille .auteurs{
	color: #232323;
	font-size: 1.2em;
	padding-bottom: 10px;
	}
#titraille .auteurs, a#lien_auteur:before, #page_article #titraille .auteurs:before{
	display:inline-block;
	vertical-align: top;
	}

.auteurs:before{content: "\f007"; color: #d6d6d6; margin-right: 1px; }
.auteurs2:before{content: "\f007"; color: black; margin-right: 5px; }
.auteurs_repertoire:before{content: "\f2ba"; color: black; margin-right: 5px; }
.loupe_titre:before{content:"\f002"; color: black; margin-right: 5px;}
#loupe_lien:before{content:"\f002";color: #ff9100; margin-right: 5px; font-size: 130%;}
.soustitre{color: #b7b7b7;}
.auteurs{color: #232323;}
#aside_site_related p{font-size: 0.9em;}
.explicatif{font-family: 'Oswald', sans-serif; font-size: 0.93em; padding-right: 35px; text-align: right; margin-top: 15px;}
.texte_explicatif{font-size: 0.75em; padding-right: 35px;line-height: 1.5em;}

/* LETTRINE
.texte p:nth-of-type(1):first-letter{font-size: 8em; float:left; margin-top: -30px; padding: 0 10px 5px 0;}
.texte p:nth-of-type(1){margin-top: 30px;}
AUTRE AFFICAHGE NUM PARA
/*.texte p{counter-increment: paragraphNumber;}
.texte p:before{content: counter(paragraphNumber); display:block; margin-left: -30px; width: 30px; font-size: 85%; color: lightgrey; font-weight: 400;}
.texte p:before, .texte p{ display: inline-block; }*/

.texte p{counter-increment: paragraphNumber; position:relative;}
.texte p:after{content: counter(paragraphNumber); text-align: right; position : absolute; right:-3.2em; top: -10px; display:block; width: 30px; font-size: 82%; color: lightgrey; font-weight: 400; border-top: 1px dotted lightgrey; margin-top: 5px;}

.sans_marge p{margin-bottom: 6px;}

small .fine{display: none;}
.liste_responsable{padding-left: 8px; border-left: 1px dashed lightgray;}
.notes{font-size: 0.85em;}
.texte_explicatif p, .texte_explicatif ul, .texte_explicatif ol,
.explicatif p, .explicatif ul, .explicatif ol{
	margin-bottom: 1em;
	}
.texte_explicatif blockquote{ margin-bottom:0; padding: 0;}
.texte_explicatif blockquote p:first-child::before{ font-size: 1.5em;}

ul.list_art_type_sommaire{margin-right: 100px; margin-bottom: 50px; }
.list_art_num{margin-top: 18px; margin-bottom: 15px; display:block;}
#list_auteurs{margin-top: 3em; margin-bottom: 2em;}

.rub_art{
	font-size: 80%;
	}
.titre_rub_n2{
	display:block;
	margin-top: 10px;
	font-size: 0.95em;
	}
.rub_intertitre1{
	display: block;
	padding: 0px 20px 0px 8px;
	text-align:center;
	font-size: 1.3em;
	line-height: 1em;

	}
.rub_intertitre{
    display: block;
    border-top: 4px solid #4db6ac;
	background-color: white;
	padding: 5px 25px 5px 25px;
	border-radius: 0px 0px 4px 4px;
	}
.meme_list h2{padding-top: 0px; margin-bottom: 0.5em !important; margin-top: 0px; font-size: 1.4em;}
.meme_list ul{padding-left: 5px;}
#ref_art h2:before{content: "\f02e"; margin-right:5px; line-height: 1.5em;}
#ps:before{content: "\f067"; font-size: 2.5em;}

/*Menu ul*/
#nav{text-align: right;}
#nav ul#infos_revue_list{ text-transform: lowercase; padding-top: 60px;}
#nav ul{list-style-type: none; margin-bottom: 0em;}
.rub_content_list{font-size: 1.1em;}
#infos_revue_list a{font-size: 1.03em; line-height: 1.4em;}
ul.rub_content_list li:last-child{margin-bottom: 20px; text-align: left;}
ul.rub_content_list li{font-size: 0.85em; margin-top: 6px; text-align: left; }
ul.rub_content_list li a.mot_numero:before{font-size: 1.2em; padding-right: 2px; color: gray;}
ul.rub_content_list li a.mot_numero{font-size: 1em; padding-right: 2px; font-family: 'Oswald', sans-serif; color: gray;}
#num_menu{float:left; margin-right: 10px;}

#aside_article_related ul li{line-height: 1.1em; margin-top: 10px;}

a.item_container h2{
margin-top :0.8em;
margin-bottom :0.2em;
font-size: 1.4em;
color: black;
}
a.item_container .soustitre{font-size: 0.9em;}
h3.spip{margin-top: 1.8em;}


/*Deco*/
#deco_main{
	border-top: 8px solid #ff9100;
	}
#deco_main2{
	border-top: 8px solid #fdd800;
	}
#deco_main_num{
	border-top: 8px solid #ff5252;
	}
#deco_main_rub{
	border-top: 8px solid #4db6ac;
	}
#deco_main_rub_titre{
	border-bottom: 4px solid #4db6ac;
	margin-top: 20px;
	}
#deco_main3{
	border-top: 8px solid orange;
	}
#deco_main4{
	border-top: 8px solid lightblue;
	}
#deco_main5{
	border-top: 8px solid purple;
	}
#deco_main6{
	border-top: 8px solid red;
	}
#deco_main7{
	border-top: 8px solid #00bcd4 ;
	}
/* --------------------------------------------------

   typo.css
   Base typographique
   (c) 2010-2016 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net

----------------------------------------------------- */
html {
  font-size: 100.01%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/
et http://forum.alsacreations.com/topic-4-54377-1.html
[en] http://stackoverflow.com/questions/2703056/body-font-size-100-01-vs-body-font-size-100 */
body {
  font-size: 1em;
  line-height: 1.5;
}
/* Fonts */
.font1 {
  font-family: serif;
}
.font2 {
  font-family: sans-serif;
}
.font3 {
  font-family: monospace;
}
.font4 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 0.9em; color:#5d5d5d;
}
/* 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;
}
h1,
.h1 {
  font-size: 2em;
  line-height: 1.3;
  margin-bottom: .75em;
}

/*  ancien h2
font-family: 'Oswald', sans-serif;
  font-size: 1.1em;
  line-height: 1;
  margin-bottom: 1em;*/
h2,
.h2 {
  font-size: 1.4em;
  line-height: 1.2;
  margin-bottom: 1.2em;
  font-family: 'Oswald', sans-serif;
  margin-top: 1.4em;
}
h3,
.h3 {
  font-size: 1.1em;
  line-height: 1.364;
  margin-bottom: 1.364em;
  font-family: 'Oswald', sans-serif;
}
h4,
.h4 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
h5,
.h5 {
  font-size: 1em;
  font-weight: bold;
}
h6,
.h6 {
  font-size: 1em;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
  font-size: 60%;
  line-height: 0;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin: 1.5em 0;
  border: solid;
  border-width: 1px 0 0;
}
/* Typographical enhancements */
em,
i,
.i {
  font-style: italic;
}
strong,
b,
.b {
  font-weight: bold;
}
mark,
.mark {
  background: #ff0;
  color: #000;
}
.smaller {
  font-size: 75%;
}
small,
.small {
  font-size: 80%;
}
big,
.big {
  font-size: 130%;
}
.bigger {
  font-size: 175%;
}
.biggest {
  font-size: 200%;
}
abbr[title],
acronym[title] {
  border-bottom: .1em dotted;
  text-decoration: none;
  cursor: help;
}
@media print {
  abbr[title] {
    border-bottom: 0;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
}
dfn,
.dfn {
  font-weight: bold;
  font-style: italic;
}
s,
strike,
del,
.del {
  opacity: .5;
  text-decoration: line-through;
}
ins,
.ins {
  background-color: rgba(255, 255, 204, 0.5);
  text-decoration: none;
}
u,
.u {
  text-decoration: underline;
}
sup,
.sup,
sub,
.sub {
  position: relative;
  font-size: 80%;
  font-variant: normal;
  vertical-align: baseline;
}
sup,
.sup {

}
sup.typo_exposants_2 {
  line-height: 0;
  vertical-align: 3px;
}
sub,
.sub {
  bottom: -0.25em;
}
.lead {
  font-size: 120%;
}
.caps {
  font-variant: small-caps;
}
.quiet {
  color: #555555;
}
/* Alignement */
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
  text-justify: newspaper;
}
/* Lists */
ul {
  list-style-type: disc;
  line-height: 1.2em;
  font-size: 0.95em;
}
ul ul {
  list-style-type: circle;
}
ul ul ul {
  list-style-type: square;
}
ol {
  list-style-type: decimal;
   line-height: 1.2em;
    font-size: 0.95em;
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: lower-greek;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
ol,
ul {
  margin-left: 1.5em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
.list-none {
  margin-left: 0;
  list-style: none;
}
.list-none li:before {
  content: '';
}
.list-square {
  margin-left: 1.5em;
  list-style: square;
}
.list-square li:before {
  content: '';
}
.list-disc {
  margin-left: 1.5em;
  list-style: disc;
}
.list-disc li:before {
  content: '';
}
.list-circle {
  margin-left: 1.5em;
  list-style: circle;
}
.list-circle li:before {
  content: '';
}
.list-decimal {
  margin-left: 1.5em;
  list-style: decimal;
}
.list-decimal li:before {
  content: '';
}
.list-inline {
  margin-left: 0;
}
.list-inline li {
  display: inline-block;
  margin: 0;
  margin-right: 1em;
}
.list-inline li:Last-Child {
  margin-right: 0;
}
.list-inline.list-inline-sep li {
  margin-right: 0;
}
.list-inline.list-inline-sep li:after {
  content: " | ";
}
.list-inline.list-inline-sep li:Last-Child:after {
  content: '';
}
.list-inline.list-inline-dash li {
  margin-right: 0;
}
.list-inline.list-inline-dash li:after {
  content: " - ";
}
.list-inline.list-inline-dash li:Last-Child:after {
  content: '';
}
.list-inline.list-inline-comma li {
  margin-right: 0;
}
.list-inline.list-inline-comma li:after {
  content: ", ";
}
.list-inline.list-inline-comma li:Last-Child:after {
  content: ". ";
}
.list-block li {
  display: block;
  margin-right: 0;
}
/* Tableaux */
table {	max-width: 90%;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans serif;
	font-size: 0.9em;
	margin-bottom: 35px;
    display: table;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
	padding: 15px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid grey;
}
th{
	font-weight: 700;
	color: #ff8f00;
	border-bottom: 3px solid #ff8f00;
}
.table caption, table.spip caption {
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
}
.spip_documents a.cboxElement:hover{cursor: zoom-in;}
.spip_doc_descriptif, .descriptif{
	font-size: 0.8em;
	width: 100%;
}
.spip_doc_titre{
	font-size: 0.9em;
	padding-top: 10px;
	width: 100%;
	line-height: 1.3em;
	display: block;
}
blockquote{
	margin-left: 15px;
	font-size: 0.95em;
	line-height: 1.2em;
	padding: 8px 43px 5px 13px;
}
.texte>blockquote p, .texte>.epigraphe p {
	counter-increment: none;
}
.texte>blockquote p:after, .texte>.epigraphe p:after {
	display:none;
}
blockquote p:first-child:before{
	font-family:'FontAwesome', sans-serif;
	content:"\f10d";
	padding-right: 10px;
	font-size: 2.5em;
	color: lightgrey;
}
blockquote footer{display:block; margin-left: 40px; padding-left: 10px; border-left: 1px dotted rgba(0,0,0, 0.1); font-size: 0.85em; line-height: 1.1em;}

.epigraphe{
	display: block;
	font-size: 0.95em;
	line-height: 1.2em;
	padding: 8px 0px 15px 0px;
	text-align: right;
	max-width: 500px;
	margin-left: 150px;
	}

.biblio{
	text-indent: -30px;
	margin-left: 28px;
	}
.details{font-size: 0.75em; line-height: 1.2em; font-weight: 300; display: block;}
.focus{padding:10px 20px; margin:10px 10px 30px 10px;border: 2px dashed #4caf50 ;counter-increment: none; font-size: 0.85em;}
.important{padding:10px 20px;margin:10px 10px 30px 10px;border: 2px dashed #ff6f00; counter-increment: none; font-size: 0.85em;}
.important:before{font-family:'FontAwesome'; content:"\f06a"; font-size: 2em; line-height: 1em; color: #ff6f00 ; padding-right: 3px;}
.focus:before{font-family:'FontAwesome'; content:"\f1e5"; font-size: 1.7em; line-height: 1.3em; color: #4caf50 ; padding-right: 3px;}
.important>p, .focus>p{margin-bottom: 0.8em;}
.important>p:after, .focus>p:after{content:none;}
.def{}





@media (max-width: 640px) {
  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    margin-bottom: 1.5em;
  }
  .table-responsive table {
    width: 100%;
    margin-bottom: 0;
  }
  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive tfoot,
  .table-responsive tr,
  .table-responsive th,
  .table-responsive td {
    white-space: nowrap;
  }
}
/* Quotes, code et poetry */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
:lang(en) > q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
:lang(fr) > q {
  quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019";
}
:lang(es) > q {
  quotes: "\00AB" "\00BB" "\201C" "\201D";
}
:lang(it) > q {
  quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D";
}
:lang(de) > q {
  quotes: "\00BB" "\00AB" "\203A" "\2039";
}
:lang(no) > q {
  quotes: "\00AB\A0" "\A0\00BB" "\2039" "\203A";
}
/* [en] http://en.wikipedia.org/wiki/International_variation_in_quotation_marks */
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}
blockquote {
  position: relative;
  padding-left: 1.5em;
  border: solid rgba(34, 34, 34, 0.19999999999999996);
  border-width: 0 0 0 5px;
}
blockquote:before {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  content: "\00AB";
  line-height: 0;
  font-size: 10em;
  color: rgba(34, 34, 34, 0.09999999999999998);
}
cite,
.cite {
  font-style: italic;
}
address {
  font-style: italic;
}
pre,
code,
kbd,
samp,
var,
tt {
  font-family: monospace;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
kbd {
  white-space: nowrap;
  padding: .1em .3em;
  background-color: #eee;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #ffffff inset;
  color: #333;
}
samp {
  font-weight: bold;
}
var {
  font-style: italic;
}
/* Box */
.box {
  display: block;
  margin-bottom: 1.5em;
  padding: 1.5em 1.5em;
  padding-bottom: .1em;
  border: 1px solid;
}
@media print {
  .box {
    border: 1px solid !important;
  }
}
@media (min-width: 640px) {
  .box.right {
    width: 33%;
    margin-left: 1.5em;
  }
  .box.left {
    width: 33%;
    margin-right: 1.5em;
  }
  .box.center {
    width: 75%;
  }
}
/* Paragraphes */
p,
.p,
ul,
ol,
dl,
dd,
blockquote,
address,
pre,
.table,
fieldset {
  margin-bottom: 1.5em;
}
/* Typographie pour petites ecrans
[fr] 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;
  }
  /* Gestion des mots longs */
  textarea,
  table,
  td,
  th,
  pre,
  code,
  samp {
    word-wrap: break-word;
    /* cesure forcee */
  }
  pre,
  code,
  samp {
    white-space: pre-line;
    /* Passage a la ligne specifique pour les elements a chasse fixe */
  }
}
/* Orientation iOS5 font-size fix */
@media (orientation: landscape) and (max-device-width: 640px) {
  html,
  body {
    -webkit-text-size-adjust: 100%;
  }
}
/* Style pour l'impression (HTML5 Boilerplate)
Inlined to avoid required HTTP connection: h5bp.com/r */
@media print {
  pre,
  blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  @page  {
    margin: 2cm .5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* fin */