@font-face {
  font-family: "romanserif_regular";
  src: url('romanserif_regular.ttf');
}
.footer{
  font-family: "romanserif_regular";
    padding-top:10px;
    /*padding-bottom:50px;*/
    background:transparent;
    color:rgb(120,120,120);
    /*background: rgb(18,28,41);
    color: rgb(160,160,160);*/
}
.piedFooter{
  /*background: rgb(18,28,41);*/
  color: rgb(160,160,160);
  padding-top:5px;padding-bottom:25px;

}
.footer a{
    color:rgb(150,150,150);
    font-size:13px;
}
.footer a:hover{
  color:coral;
 
}
.footer ul{
  padding:0px;
}
.bas-footer{
    border-top:solid 1px rgb(200,200,200);
    padding-top:25px;
}
.social_cont span{
   display:inline-block;
   padding:5px;
   border:solid 0px rgb(200,200,200);
   color:rgb(190,190,190);
   min-width:18px; text-align: center;
   margin-right:3px; font-size:32px;
}

.social_cont span:hover{
  color:coral;
 
}

.social_cont .fcb{background:rgb(0,64,118) ;color:white;border:none}
.social_cont .twi{background:rgb(81,168,255) ;color:white;border:none}
.social_cont .ytb{background:rgb(193,0,0) ;color:white; border:none}
.social_cont .ggl{background:rgb(193,0,0) ;color:white; border:none}
.social_cont .whts{background:rgb(0,164,82) ;color:white; border:none}
.social_cont small {
   display: block; margin-bottom:5px;
  }

  .footer .titre{
    font-size:14px;color:rgb(80,80,80);
 }
  .footer p{
   font-size:13px
}

@media screen and (max-width:768px) {

    .footer{
        padding-top:20px;
        padding-bottom:30px;
    }
    .bas-footer{
        text-align:center;
    }
    .social_cont {
       margin-top:15px;margin-bottom:15px;
     }
     .social_cont small {
        display: none;
       }
       .social_cont span{
       border-radius:3px;
     }
     .ul{
      margin-left:15px; 
   }
     .footer  li{
       border-bottom:solid 1px rgb(240,240,240);
       padding-top:5px; padding-bottom:5px;
    }
}