@font-face {
    font-family: 'Cairo Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Cairo Regular'), url('../../fonts/cairo2/Cairo-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Cairo ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Cairo ExtraLight'), url('../../fonts/cairo2/Cairo-ExtraLight.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Cairo Light';
    font-style: normal;
    font-weight: normal;
    src: local('Cairo Light'), url('../../fonts/cairo2/Cairo-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Cairo SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Cairo SemiBold'), url('../../fonts/cairo2/Cairo-SemiBold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Cairo Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Cairo Bold'), url('../../fonts/cairo2/Cairo-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Cairo Black';
    font-style: normal;
    font-weight: normal;
    src: local('Cairo Black'), url('../../fonts/cairo2/Cairo-Black.woff') format('woff');
    }

 body {
 	font-family: 'Cairo Regular';
 }

/*@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cairo-v10-latin_arabic-regular.eot'); /* IE9 Compat Modes */
 /* src: local(''),
       url('../../fonts/cairo/cairo-v10-latin_arabic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  /*     url('../../fonts/cairo/cairo-v10-latin_arabic-regular.woff2') format('woff2'), /* Super Modern Browsers */
   /*    url('../../fonts/cairo/cairo-v10-latin_arabic-regular.woff') format('woff'), /* Modern Browsers */
   /*    url('../../fonts/cairo/cairo-v10-latin_arabic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
   /*    url('../../fonts/cairo/cairo-v10-latin_arabic-regular.svg#Cairo') format('svg'); /* Legacy iOS */
/*}
body {
    font-family: "Cairo", sans-serif;
}*/
.text-white a, .text-light a {
    color: #ccc;
}
.text-white a:hover {
    color: #eee;
}
.text-light a:hover {
    color: #fff;
}
text-light a {
    color: #eee;
}

.audiofield-player label {display: none;}
.mejs__audio {
  width: 100% !important;
}
.field-content.audio-player-full {
    padding: 0 1rem;
}
.audiofield {
    min-width: 400px !important;
}

.views-field.views-field-field-lien-audio-source {
    clear: both;
}

.block-views {margin-top: 1.0rem; /*overflow: hidden;*/}
/*
.block-views h2::after {
    background-color: #323232;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 100%;
    left: 0.2em;
    margin-right: -100%;
    margin-bottom: 8px;
}
*/

article h2.node__title{display: none;}
#logo-chaines .col {
    text-align: center;
}

.mejs__container {
    width: 80% !important;
    height: 40px;
    min-width: 241px;
    margin: 1em auto;
    }

    .slick-arrow::before {
    color: #22670c;
}
li.slide__grid a, .slick__slide a {/*color: #ffffff;*/}
.left, .right {float: left;}

.tout-view-mode.medium .field--name-node-title h3 {
    font-size: 1.2rem;
    }
.node--view-mode-tout-large {
    margin-top: 0;
}
.horizontal-media-teaser-view-mode.small .field--name-node-title h3 {
    font-size: calc(0.865rem + 0.18vw);
}


#TopButton {
    position: relative;
    margin: 1rem auto;
    clear: left;
    z-index: 0;
    text-align: center;
	padding: 0.5rem;
}
i.fas.fa-play-circle {
    color: red;
    font-size: 1.5rem;
}

.btn-arabic {
   /* font-family: "Droid Arabic Kufi", sans-serif;*/
}
.navbar-collapse {
    padding: 0 15px;
}

.logo-cercle img {
    /*padding: 1em;*/ 
}
.field--label-inline .field__label, .field--label-inline .field__item {
    float: left;
    padding: 0 1rem 0 0;
}

span.field--name-created:before {
font-family: "Font Awesome 5 Free";
   content: "\f017";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
   color: #6c757d;
}

.block-field-blocknodearticlefield-tags {
  margin-top: 1.2rem;
}
.block-field-blocknodearticlefield-tags ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f02c";
    display: inline-block;
    padding: 0 3px 0 0;
    vertical-align: middle;
    font-weight: 900;
    color: #6c757d;
}

@media screen and (min-width: 1200px){
    .vertical-media-teaser-view-mode.small .field--name-node-title h3 {
    font-size: 0.9rem;
  }
    
}


ul.social-links {
  /*position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);*/
  margin:1rem;
  padding:0;
  display:flex;
  justify-content: center;
}

ul.social-links li {
  list-style: none;
}

ul.social-links li a {
  position: relative;
  width:35px;
  height:35px;
  display:block;
  text-align:center;
  margin:0 5px;
  border-radius: 50%;
  padding: 6px;
  box-sizing: border-box;
  text-decoration:none;
  box-shadow: 0 10px 15px rgba(0,0,0,0.3);
  /*background: linear-gradient(0deg, #ddd, #fff);*/
  transition: .5s;
}

ul.social-links li a:hover {
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  text-decoration:none;
}

ul.social-links li a .fab,
ul.social-links li a .fas {
  widht: 100%;
  height:100%;
  display:block;
  background: linear-gradient(0deg, #fff, #ddd);
  border-radius: 50%;
  line-height: calc(35px - 12px);
  font-size:15px;
  color: #262626;
  transition: .5s;
}

ul.social-links li:nth-child(1) a:hover .fab {
  color: #3b5998;
}

ul.social-links li:nth-child(2) a:hover .fab {
  color: #00aced;
}

ul.social-links li:nth-child(3) a:hover .fab {
  color: #dd4b39;
}

ul.social-links li:nth-child(4) a:hover .fab {
  color: #007bb6;
}

ul.social-links li:nth-child(5) a:hover .fab {
  color: #e4405f;
}

strong.highlight {
        text-transform: bold;
        background-color: rgb(255 236 7 / 50%);
} 
fieldset.js-form-item-search-api-fulltext {
    display: inline-block;
    width: calc(100% - 60px);
}
fieldset.js-form-item-search-api-fulltext input {
    border-right-width: 0px;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    height: 40px;
    
}
.form-actions {
    display: inline-block;
    margin: 0;
}
button.search-box__button {
background-color: #c3232a;
    border: 0;
    font-size: 0;
    height: 40px;
    width: 40px;
    padding: 0;
    border-radius: 0;
    font-family: fontawesome;
    margin: 0;
}
button.search-box__button i {
font-size: 15px;
}
section.region-navigation .block-views {
    margin: 0 1rem;
    /* overflow: hidden; */
}
/* banniere resposive carré */
@media (min-width: 200px){
  #pubr{display: block;
  
  }
  #pubs{
  display: none;
  }
  }
@media (min-width: 576px){
  #pubr{display: block;
  
  }
  #pubs{
  display: none;
  }
  }
  
  @media (min-width: 768px){
    #pubr{display: block;
  
    }
    #pubs{
    display: none;
    }
  }
  
  
  @media (min-width: 992px){
  #pubs {
    display: block;
  }
  #pubr {
    display: none;
  }
  }
  
  @media (min-width: 1200px){
    #pubs {
      display: block;
    }
    #pubr {
      display: none;
    }
  
  }