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

   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;font-family: 'silkaregular';}
#slogan {font-size:13px; text-align:left; margin-left:12px; }
.date p{font-size:36px;   font-family: 'silkabold';  font-weight: bold;  line-height: 1.1em; padding-top:10px;}

p{font-size:25px;     font-family: 'silkaregular';  line-height: 1.3em; margin-bottom:1em; }
p.colophon{font-size:11px;  font-family: 'silkaregular'; line-height: 1.3em; margin-bottom:0; bottom:0; }
.fleche_pre_suiv {  font-size: 36px;
  line-height: 1.2em;
  margin-bottom: 0em;
font-weight:100;
 font-family: 'silkabold';   }

.titre_mot, .titre_mot_2, .titre_mot_replay, .titre_mot_prix {font-size:12px; font-family: 'silkabold'; line-height: 1.3em; margin-bottom:0px; bottom:0;}
.titre_mot_prix {font-size:25px;}
.titre_mot_replay, .titre_mot_prix  { border:solid 1px #000; border-radius:2px; padding:4px; background:#000; color:#F4D647;}
.titre_mot_replay:hover, .titre_mot_prix:hover { border:solid 1px #000; border-radius:2px; padding:4px; background:#F4D647; color:#000; text-decoration:none;}

.titre_mot_2{font-size:1em; }

li  {font-family: 'silkabold';}

aside.journee a{font-size:1.5em; font-family: 'silkabold'; color:black; margin-right:30px; margin-left:30px;}

.fleche_droite, .fleche_gauche {font-size:36px;    font-family: 'silkabold';}
.titre_article{font-size:36px;    font-family: 'silkabold';}

.programme p, .programme2 p{font-size:13px; line-height: 1.5em;font-family: 'silkaregular';   margin-bottom: .75em; }
.programme a, .programme_video a{font-size:13px; line-height: 1.5em;font-family:'arial';  margin-bottom: .75em;}

.intervention p, .livre p {font-size:13px; line-height: 1.5em;font-family: 'silkaregular';  margin-bottom: .75em;}

.audio p{font-size:13px; line-height: 1.5em;font-family: 'silkaregular';   margin-bottom: .75em;}


::selection{background-color: #008dcd !important;color: #fff !important;}
::-moz-selection{background-color: #008dcd !important;color: #fff !important;}

/* Titraille / Intertitres */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {display: block;margin: 0;padding: 0;font-size: 100%; }
  
h1,
.h1 {
  font-size: 36px;
  line-height: 1.2em;
  margin-bottom: 0em;
font-weight:100;
 font-family: 'silkabold';
}

h1.spip_logo_site,
.h1.spip_logo_site {
  font-size: 6em;
  line-height: 0.7em;
  margin-bottom: 10px;
   font-family: 'silkabold';
     margin-top:0;
    text-decoration:none;
}


h1.spip_logo_site a:hover,
.h1.spip_logo_site a:hover {text-decoration:none !important;}


h2,
.h2 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 0.2em;
 font-family: 'silkabold';
  
}

.contenu_video_direct h2 {text-align:left;}
.contenu_video_direct p{font-size:20px; line-height: 1.5em;font-family: 'silkaregular'; margin-bottom: .75em;}

.video_chapo {width:100%; display:block; float:left;padding-top:20px;}
.video_chapo p {font-size: 1.5em;line-height: 1;margin:0;font-family: 'silkabold';}

h2.video, .h2.video {font-size: 1.5em;line-height: 1;margin:0;font-family: 'silkabold';float:left; width:80%;}
h2.vertical,.h2.vertical {font-size:1.9em;  font-family: 'silkabold'; line-height: 1;
margin-bottom: 0em;text-transform: lowercase; font-display: swap;}

h3.vertical,.h3.vertical {font-size:1em;  font-family: 'silkabold'; line-height: 1;
margin-bottom: 0em;text-transform: lowercase; font-display: swap;}


h3,
.h3 {font-size: 1.25em;line-height: 1.2;margin-bottom: .3em;font-family: 'silkabold';} 
h3.programme{text-align:center; font-size: 1.50em;}
      
      

h3.absolute {
  font-size: 1.3em;
  line-height: 1;
  margin-bottom: .5em;
     font-family: 'silkabold';
    position:relative;
  
}

h3.absolute2 {
  font-size: 0.8em;
  line-height: 1;
  margin-bottom: .5em;
font-family: 'silkaregular';
    position:relative;
  
}

h4,
.h4 {
  font-size: 1em;
  line-height: 1.364;
  margin-bottom: 1.364em;
   font-family: 'silkabold';
}
h5,
.h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
h6,
.h6 {
  font-size: 1em;
  font-weight: bold;
}
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: 3px 0 0;
    color :black;
}


hr.barrelivre {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin: 2.2em 0 3em 0;
  border: solid;
  border-width: 3px 0 0;
  width:100%; color :black;
}

/* Typographical enhancements */
em {  font-family: 'silkabolditalic';}
i,
.i { font-style: italic;  }


strong,
b,
.b {
 font-family: 'silkabold';
}
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;
  line-height: 0;
  vertical-align: baseline;
}
sup,
.sup {
  top: -0.5em;
}
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;
   font-family: 'silkabold';
}
ul ul {
  list-style-type: circle;
}
ul ul ul {
  list-style-type: square;
}
ol {
  list-style-type: decimal;
}
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: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
}
.table caption, table.spip caption,
.table th, table.spip th,
.table td, table.spip td  {
  padding: 0.375em;
}
.table caption, table.spip caption {
  font-weight: bold;
  text-align: left;
  border-bottom: 2px solid;
}
.table th, table.spip th {
  font-weight: bold;
}
.table th, table.spip th,
.table td, table.spip td {
  border-bottom: 1px solid;
}
.table thead th, table.spip thead th {
  vertical-align: bottom;
}
.table tbody tr:hover td {
  background-color: rgba(34, 34, 34, 0.050000000000000044);
}
.table tfoot {
  font-style: italic;
}
.table tfoot td {
  border-bottom: 0;
  vertical-align: top;
}

@media (max-width:1100px){
#slogan {font-size:12px; text-align:left; margin-left:12px; }
}

@media (max-width:800px){
.contenu_video_direct h2 {text-align: left;}
#slogan {text-align:center;margin-left: 0px;}
aside.journee a {font-size: 1.5em;}
    
    h2,
.h2 {
  font-size: 2em;
  line-height: 1;
  margin-bottom: 0.2em;
 font-family: 'silkabold';
  
}
    
}

/* fin */