/*@font-face {
  font-family: 'KelsonRegular';
  src: url('../fonts/KelsonSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/KelsonSans-Regular.otf')  format('opentype'),
	     url('../fonts/KelsonSans-Regular.woff') format('woff'), url('../fonts/KelsonSans-Regular.ttf')  format('truetype'), url('../fonts/KelsonSans-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: 'KelsonRegular';
  src: url("../fonts/Kelson.eot?#iefix") format("embedded-opentype"), url("../fonts/Kelson.otf") format("opentype"), url("../fonts/Kelson.woff") format("woff"), url("../fonts/Kelson.ttf") format("truetype"), url("../fonts/Kelson.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/*@font-face {
  font-family: 'KelsonBold';
  src: url('../fonts/KelsonSans-Bold.eot?#iefix') format('embedded-opentype'), 
	     url('../fonts/KelsonSans-Bold.woff') format('woff'), url('../fonts/KelsonSans-Bold.ttf')  format('truetype'), url('../fonts/KelsonSans-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
@font-face {
  font-family: 'KelsonBold';
  src: url("../fonts/Kelson-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Kelson-Bold.otf") format("opentype"), url("../fonts/Kelson-Bold.woff") format("woff"), url("../fonts/Kelson-Bold.ttf") format("truetype"), url("../fonts/Kelson-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/*@font-face {
  font-family: 'KelsonXBold';
  src: url('../fonts/kelson_extrabd-webfont.woff') format('woff'),
       url('../fonts/kelson_extrabd-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: 'KelsonMedium';
  src: url("../fonts/Kelson-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Kelson-Medium.otf") format("opentype"), url("../fonts/Kelson-Medium.woff") format("woff"), url("../fonts/Kelson-Medium.ttf") format("truetype"), url("../fonts/Kelson-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'KelsonXBold';
  src: url("../fonts/Kelson-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Kelson-ExtraBold.otf") format("opentype"), url("../fonts/Kelson-ExtraBold.woff") format("woff"), url("../fonts/Kelson-ExtraBold.ttf") format("truetype"), url("../fonts/Kelson-ExtraBold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Glyphicon';
  src: url("../../dist/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../dist/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../dist/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../dist/fonts/glyphicons-halflings-regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); }
.accroche {
  min-height: 405px; }
  .accroche .lead {
    top: 0;
    right: 0; }
  .accroche .home img {
    width: 200px;
    height: auto; }

.listing_actus h1 {
  font-size: 45px;
  font-family: "KelsonBold", arial, sans-serif !important;
  color: #3a3a39;
  margin-bottom: 30px; }
.listing_actus ul {
  marign: 0;
  padding: 0;
  list-style: none; }
  .listing_actus ul li {
    width: 50%;
    float: left;
    padding: 30px;
    padding-left: 0;
    height: 290px;
    padding-top: 0; }
    .listing_actus ul li a {
      min-height: 264px;
      display: flex;
      color: #565655; }
      .listing_actus ul li a:hover {
        text-decoration: none; }
        .listing_actus ul li a:hover .description_actu {
          background-color: #e6e6e6 !important; }
    .listing_actus ul li:hover .content {
      background: #ccc; }
    .listing_actus ul li .picture {
      display: flex;
      overflow: hidden;
      border-right: 3px solid #1984aa;
      min-width: 160px;
      position: relative; }
      .listing_actus ul li .picture img {
        left: -30%;
        position: absolute;
        height: 100%; }
    .listing_actus ul li div {
      align-self: stretch;
      display: flex; }
    .listing_actus ul li .description_actu {
      padding-left: 15px;
      padding-right: 15px;
      font-size: 16px;
      display: flex;
      flex-direction: column;
      background: #F4F4F4; }
      .listing_actus ul li .description_actu h4 {
        font-weight: bold;
        font-size: 18px; }
      .listing_actus ul li .description_actu .date {
        font-size: 14px;
        font-family: "KelsonRegular", arial, sans-serif; }
.listing_actus .pagination {
  text-align: center;
  display: block;
  width: 100%;
  float: left;
  padding: 30px 0; }
  .listing_actus .pagination a, .listing_actus .pagination span {
    padding: 0 5px; }
  .listing_actus .pagination a {
    color: #565655;
    font-family: "KelsonRegular", arial, sans-serif;
    font-size: 28px; }
  .listing_actus .pagination .active {
    color: #1984aa;
    font-size: 37px;
    font-family: "KelsonBold", arial, sans-serif; }
  .listing_actus .pagination .glyphicon {
    padding: 5px;
    margin: 0 10px;
    color: #FFF;
    font-size: 28px;
    background: #1984aa; }
    .listing_actus .pagination .glyphicon.prev {
      content: url(../img/fleche-gauche-icon.png); }
    .listing_actus .pagination .glyphicon.next {
      content: url(../img/fleche-droite-icon.png); }

@media (max-width: 480px), (min-width: 481px) and (max-width: 768px) {
  h1 {
    font-size: 16px !important; }

  .listing_actus ul li {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    height: auto;
    padding: 0; }
    .listing_actus ul li a {
      display: block; }
    .listing_actus ul li .description_actu {
      padding-top: 20px; }
      .listing_actus ul li .description_actu h4 {
        margin-bottom: 5px; }
      .listing_actus ul li .description_actu .date {
        margin-bottom: 20Px; }
    .listing_actus ul li .picture {
      display: block;
      width: 100%;
      min-height: 227px;
      min-height: 0px;
      text-align: center;
      border-bottom: 3px solid #1984aa;
      border-right: 0;
      overflow: hidden; }
      .listing_actus ul li .picture img {
        border-right: 0;
        width: 130%;
        width: 100%;
        left: -10%;
        left: 0;
        height: auto;
        position: absolute;
        position: static; } }
@media (min-width: 481px) and (max-width: 768px) {
  .listing_actus ul li {
    display: block;
    width: 50%;
    float: none;
    display: inline-block;
    padding: 0 10px; } }

/*# sourceMappingURL=listing_actus.css.map */