/****************
COULEURS
orange:-------->   #f06d39 rgb(240, 108, 56)
orange-clair:-->   #fbbd6a
vert-fonce:---->   #5bb959
vert-clair:---->   #bbd556
jaune-moutarde:>   #F8C96D , #f6c262  <-- this one

****************/
#controls{
/*  z-index: 9999; */
  position: fixed;
  float: right;
  top: 47%;
  vertical-align: middle;
  right: 0;
  width:30px;
  background:#f6c262;
  margin:0;
  text-align:center;
  transition:.25s ease-out;
}
#controls_articles{
  top: 80px;
  position: fixed;
  float: right;
  right: 0;
  width:30px;
  background:#f6c262;
  margin:0 0px 0 0;
  text-align:center;
  transition:.25s ease-out;
}

#controls a{
  font-size:28px;
  color:#414141;
  display:block;
  font-weight:bold;
  padding: 8px;
}
#controls_articles a{
  font-size:28px;
  color:#414141;
  display:block;
  font-weight:bold;
  padding: 8px;
}
#controls a:hover{
  color:#F9F9F9;
  background:  rgba(240, 108, 56, .5);
  transition:.25s ease-out;
}
#controls_articles a:hover{
  color:#F9F9F9;
  background:  rgba(240, 108, 56, .5);
  transition:.25s ease-out;
}

#controls_articles a.selected{
  background:#f06d39;
  color:#F9F9F9 !important;
}

#small{
  font-size:12px !important;
}
#medium{
  font-size:16px !important;
}
#large{
  font-size:20px  !important;
}

.small{
  font-size:100%;
}

h1{
  font-size:5em;
  font-weight:bold;
}

h2{
  font-size:3em;
  margin: 10px 0;
}

h3{
  font-size:1.1em;
}

p {
  font-size:1.3em;
/*  line-height:20px; */
}