h1,h2,h3,h4 {
    line-height: 1.4;
    font-family: Roboto,sans-serif;
    margin: 0 0 20px;
    color: #111;
    /* text-transform:capitalize; */
}
.breadcrumbs-area{
    text-align: left;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    padding: 5px 0;
}

.media {
    margin-top: 10px;
}
.box-padding30 {
    padding: 1rem 1rem 1rem;
}

.bg-body-red{
  background-color:#444
}

   .bg-body-orange{
  background-color:#f26b11
}


   .bg-body-rouge{
  background-color:#ff1e1e
}

   .bg-body-vert{
  background-color:#8cc63f
}

   .bg-body-rouge a{
  color:#ff1e1e
}


.bg-body-grey {
    background-color: #b8adad;
}

.bg-body-green {
    background-color: #66cc33;
}

h3.size-lg
 {
    font-size: 14px;
}


.media .media-body {
  margin-left:7px;
}
.media .media-body.media-margin30 {
  margin-left:15px
}
.media .media-padding15 {
  padding-top:7px;
  padding-right:7px;
  padding-bottom:7px
}
.media .media-body.media-padding30 {
  padding-top:9px;
  padding-right:9px;
  padding-bottom:9px;
  margin-left:15px
}
.media .media-padding10 {
  padding-top:5px;
  padding-right:5px;
  padding-bottom:5px
}
.media .media-padding8 {
  padding-top:8px;
  padding-right:8px;
  padding-bottom:8px
}
.media .media-padding5 {
  padding-top:5px;
  padding-right:5px;
  padding-bottom:5px
}


.color-orange:before {
    border-top: 8px solid #f26b11;
    border-right: 8px solid transparent
}

.color-orange:after {
    background-color: #f26b11
}


.topic-box {
    display: inline-block;
    position: relative;
    background-color: #fff;
    color: #fc0909;
    height: 40px;
    padding: 0 20px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px
}

.topic-box:before {
    z-index: 1;
    content: "";
    top: 0;
    right: -8px;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid #e53935;
    border-right: 8px solid transparent
}


   .section-newsticker {
        margin-bottom: 15px !important;
    }

    .newsticker-title span {
        display: none;
    }

    .newsticker-container .nav-sm-buttons {
        position: absolute;
        right: 15px;
        top: 3px;
    }

    .newsticker li a {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color:#fff
    }


    .slider-title {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    font-family: Poppins,sans-serif;
    line-height: 1.0;
    width: 100%;
}


.infos-regionales {
    
    display: inline-block;
    padding: 1rem 1rem 0;
    background-color: #b6b6b9;
    -webkit-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    -moz-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    box-shadow: 0 1px 0 0 rgba(225,225,225,.75)
}

.akwaba {
  position: absolute;
  top: 0px;     /* distance du haut */
  left: 0px;    /* distance de la gauche */
  width: 30%;  /* taille du logo */
  z-index: 10;   /* au-dessus du slideshow */
  opacity: 0.9;  /* optionnel : transparence légère */

   opacity: 0.75; /* légère transparence pour l’intégrer au fond */
  background: transparent; /* s'assure qu'aucun fond ne s’ajoute */
  
}


.item-infos {
    margin: 10px 0;
    display: inline-block;
    background-image: url(../img/IVOIRE.DepechBG.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    padding-left: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


.focus {
    display: inline-block;
    padding: 1rem 1rem 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 0 rgba(225, 225, 225, .75);
    -moz-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    box-shadow: 0 1px 0 0 rgba(225, 225, 225, .75);
}



div#Depech-Dossier {
    background-color: #8E8E91;
    padding: 25px
}

.sj-slideshowii .sl2-slide .slide-items .slide-item .slide-item-inner
 {
    margin: 10px 0;
    display: inline-block;
    background-image: url(/images/Modules/IVOIRE.DepechBG.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    padding-left: 35px;
    
    
}



.sj-slideshowii .sl2-wrap .sl2-slide .slide-items {
    height: 9999px;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    cursor: pointer
}

.sj-slideshowii .sl2-slide .slide-items .slide-item {
    margin: 0;
    padding: 0;
    float: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
}

.sj-slideshowii .sl2-slide .slide-items .slide-item .slide-item-inner {
    margin: 10px 0;
    display: inline-block;
    background-image: url(/images/Modules/IVOIRE.DepechBG.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    padding-left: 35px;
}

.sj-slideshowii .slide-desc .Meta img {
    max-width: 16px;
}

.sj-slideshowii .Meta {
    color: #f26b11;
    font-weight: 500;
    margin-top: 10px
}

.sj-slideshowii .sl2-slide .slide-items .slide-item .slide-more {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline
}

.sj-slideshowii .sl2-wrap.theme1 .sl2-slide .slide-items .slide-item .slide-item-inner .slide-image,.sj-slideshowii .sl2-wrap.theme3 .sl2-slide .slide-items .slide-item .slide-item-inner .slide-image {
    float: right;
    margin: 0 0 5px 5px;
    padding: 0
}

.sj-slideshowii .sl2-wrap.theme2 .sl2-slide .slide-items .slide-item .slide-item-inner .slide-image,.sj-slideshowii .sl2-wrap.theme4 .sl2-slide .slide-items .slide-item .slide-item-inner .slide-image {
    float: left;
    margin: 0 5px 5px 0;
    padding: 0
}



.item-box-light-lg {
    padding: 3rem 3.5rem;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    -moz-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    box-shadow: 0 1px 0 0 rgba(225,225,225,.75)
}

.item-box-light-md {
    padding: 3rem;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    -moz-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    box-shadow: 0 1px 0 0 rgba(225,225,225,.75)
}

.item-box-light-md-less20 {
    padding: 3rem 3rem 1rem;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    -moz-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    box-shadow: 0 1px 0 0 rgba(225,225,225,.75)
}

.item-box-light-md-less30 {
    display: inline-block;
    padding: 1rem 1rem 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    -moz-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    box-shadow: 0 1px 0 0 rgba(225,225,225,.75)
}

.item-box-light-md-less10 {
    padding: 1rem 1rem 2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    -moz-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    box-shadow: 0 1px 0 0 rgba(225,225,225,.75)
}

.item-box-light-mix {
    padding: 1rem 1.5rem 1.5rem;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    -moz-box-shadow: 0 1px 0 0 rgba(225,225,225,.75);
    box-shadow: 0 1px 0 0 rgba(225,225,225,.75)
}

.item-box-dark-md {
    padding: 1rem;
    background-color: #111;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,.75);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.75)
}

.item-box-dark-md-less10 {
    padding: 1rem 1rem 1rem;
    background-color: #111;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,.75);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.75)
}

.item-box-dark-md-less20 {
    padding: 1rem 1rem 1rem;
    background-color: #111;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,.75);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.75)
}

.item-box-dark-md-less30 {
    padding: 1rem 1rem 0;
    background-color: #111;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,.75);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.75)
}


/*modal newsletter*/
.modal-newsletter .modal-content {
    display: flex;
    max-width: 100%;
    width: 100%;
    padding: 0 !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.modal-newsletter .modal-body {
    display: flex;
    max-width: 100%;
    width: 100%;
    padding: 0 !important;
    border-radius: 2px !important;
}

.modal-newsletter .image {
    flex: 1;
    background-size: cover;
    background-position: center;
    height: 330px;
}

.modal-newsletter .content {
    flex: 1;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-newsletter .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 20px;
}

.modal-newsletter .content p {
    line-height: 26px;
    text-align: center;
    margin-bottom: 20px;
    color: #6c757d;
    min-height: 70px;
}

.modal-newsletter .content form {
    display: flex;
    flex-direction: column;
}

.modal-newsletter .content input[type="email"] {
    flex: 1;
    padding: 0.68rem 1.4rem;
    margin-bottom: 1rem;
}

.modal-newsletter .content input[type="email"]:focus {
    outline: none;
}

.modal-newsletter .content .btn {
    padding: 0.76rem 1.4rem;
    background-color: var(--vr-block-color) !important;
}

.modal-newsletter .btn-close {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
    background-color: transparent !important;
    position: absolute;
    z-index: 10;
    right: 0.938rem;
    font-size: 0.675rem;
    top: 0.938rem;
    opacity: 0.4;
}

@media (min-width: 992px) {
    .modal-newsletter .modal-lg, .modal-newsletter .modal-xl {
        --bs-modal-width: 750px;
    }
}

@media (max-width: 992px) {
    .modal-newsletter {
        flex-direction: column;
    }

    .modal-newsletter .image {
        display: none;
    }

    .modal-newsletter .title {
        font-size: 18px;
        margin: 0 0 15px;
    }
}



.post-date-dark ul li {
  display:inline-block;
  line-height:1;
  margin-bottom:12px;
  font-size:11px;
  color:#15a949;
  margin-right:7px;
}
.post-date-dark ul li:last-child {
  margin-right:0
}
.post-date-dark ul li a {
  color:#15a949;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out
}

.post-date-grey ul {
  line-height:1
}
.post-date-grey ul li {
  display:inline-block;
  line-height:1;
  margin-bottom:12px;
  font-size:10px;
  color:#fff;
  margin-right:15px
}
.post-date-grey ul li:last-child {
  margin-right:0
}
.post-date-grey ul li a {
  color:#fff;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out
}
.post-date-grey ul li a:hover {
  color:#f26b11
}
.post-date-grey ul li span {
  float:left;
  font-weight:700;
  margin-right:5px;
  display:inline-block
}


.mask-content-lg {
    position: absolute;
    z-index: 7;
    bottom: 2px;
    left: 5px;
    padding-right: 5px;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 68%,rgba(0,0,0,0.9) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 68%,rgba(0,0,0,0.9) 100%);
    background: linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 68%,rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#e6000000',GradientType=0)
}



footer .footer-area-bottom {
    padding: 20px 0 30px;
}

.item-box-orange-md {
  padding:3rem;
  background-color:#f26b11;
  -webkit-box-shadow:0 1px 0 0 rgba(233, 113, 27, 0.61);
  -moz-box-shadow:0 1px 0 0 rgba(233, 113, 27, 0.61);
  box-shadow:0 1px 0 0 rgba(233, 113, 27, 0.61)
}
.item-box-orange-md-less10 {
  padding:3rem 3rem 2rem;
  background-color:#f26b11;
  -webkit-box-shadow:0 1px 0 0 rgba(233, 113, 27, 0.61);
  -moz-box-shadow:0 1px 0 0 rgba(233, 113, 27, 0.61);
  box-shadow:0 1px 0 0 rgba(233, 113, 27, 0.61)
}
.item-box-orange-md-less20 {
  padding:3rem 3rem 1rem;
  background-color:#f26b11;
  -webkit-box-shadow:0 1px 0 0 rgba(233, 113, 27, 0.61);
  -moz-box-shadow:0 1px 0 0 rgba(233, 113, 27, 0.61);
  box-shadow:0 1px 0 0 rgba(233, 113, 27, 0.61)
}
.item-box-orange-md-less30 {
  padding:3rem 3rem 0;
  background-color:#f26b11;
  -webkit-box-shadow:0 1px 0 0 rgba(233, 113, 27, 0.61);
  -moz-box-shadow:0 1px 0 0 rgba(233, 113, 27, 0.61);
  box-shadow:0 1px 0 0 rgba(233, 113, 27, 0.61)
}

.isotop-btn-light a:hover {
  color:#66cc33;
}
.isotop-btn-light a:hover i {
  color:#66cc33;
  border:1px solid #66cc33;
}
.isotop-btn-light .current {
  color:#66cc33;
}
isotop-btn-light .current {
    color: #66cc33;
}


.color-cod-orange:before {
  border-top:8px solid #f26b11;
  border-right:8px solid transparent
}
.color-cod-orange:after {
  background-color:#f26b11
}