.header hr{
   width: 80px;
}
.tag a{
   color: var(--orange);
}
.tag{
   display: inline-block;
}
.tag:not(:last-child):after{
   content: ' /';
   font-family: 'Karla Regular';
   font-size: 16px;
   margin-left: 10px;
   margin-right: 10px;
}
.title{
   line-height: 110%;
   width: 80%;
   text-transform: none;
   margin-top: 30px;
}
.chapeau {
   font-family: 'Karla Bold';
   margin-bottom: 30px;
}
.side,
.side-float{
   width: 40%;
}
.side-float{
   float: right;
   margin-right: -10%;
   padding: 0 0 3% 5% ;
}
.telechargement{
   font-family: "gill-sans-nova-condensed", sans-serif;
   font-size: 32px;
   position: relative;
}
.telechargement a{
   padding: 30px;
   background-color: var(--gris-bleu-clair-B);
   display: block;
   margin-bottom: 30px;
   border-radius: 6px;
}
.telechargement a img{
   display: inline;
   vertical-align: middle;
   width: 30px;
   margin-right: 20px;
   float: left;
}
.telechargement a:hover img{
   filter: var(--filter-gris-bleu);
}
.telechargement a:hover{
   color: var(--gris-bleu);
   opacity: .9;
}
.telechargement a p{
   display: inline;
   vertical-align: middle;
   word-wrap: break-word;
}
.ressources_autres_bytag{
   background-color: var(--beige);
   margin-bottom: 5%
}
.ressources_autres_bytag h2{
   display: inline-block;
   margin-right: 50px;
   margin-bottom: 60px;
}
.ressources_autres_bytag button{
   position: relative;
   bottom: 5px;
}
@media screen and (max-width: 64em) and (min-width: 48em) {
   .side,
   .side-float{
      width: 50%;
   }
   .side-float{
      margin-right: 0;
   }
}
@media screen and (max-width: 48rem) {
   .side,
   .side-float{
      width: 100%;
   }
   .side-float{
      float: none;
      padding: 0;
      margin: 8% 0;
   }
   .ressources_autres_bytag .ressources-element:nth-child(3),
   .ressources_autres_bytag .ressources-element:nth-child(4){
      display: none;
   }
   .contenu .column-6{
      margin-bottom: 10%;
   }
 }