/**
 *
 * Feuille de style css pour les particularités stylistiques du layout atm.
 *
 */


:root {
  --tertiary-color: #ce7807; /* ajout seulement */
}

/**************/
/*** Common ***/
/**************/
.no-padding {
  padding: 0 !important;
}

.display-none {
  display: none !important;
}

/*
.text-transform-capitalize {
  text-transform: capitalize !important;
}

.text-color-primary-color {
  color: var(--primary-color) !important;
}
*/

/**************/
/*** Header ***/
/**************/
#header-4 .main-menu {
    margin : 30px 0;
}
#header-4 #block-news-pro-branding {
    width: 350px;
}

/* Pour centrer le menu en version normal */
#header-4 #navbar_top4 > .container {
  flex-flow: column;
}
/* Pour déclaler le menu en version scrollée */
#header-4 #navbar_top4.fixed-top > .container {
  flex-flow: nowrap;
}

/* Pour ne pas afficher de barres de scroll inutiles dans le menu responsive */
@media (max-width: 991.5px) {
  #header-4 .collapse.navbar-collapse {
    overflow: auto !important;
  }
}

/* Pour le formatage du header dans liste des actualités sans région géographique */
#block-news-pro-content .taxonomy_term-page_actualites_region_divers .view-header,
#block-news-pro-content .taxonomy_term-page_actualites_region_others .view-header {
  font-size: 28px;
  line-height: 35px;
  font-family: var(--secondary-font);
  font-weight: 400;
  color: var(--heading-color);
  margin-top: 20px;
  margin-bottom: 50px;
  /* margin-bottom: 0; */
  text-align: center;
}

/*********************/
/*** Breaking News ***/
/*********************/
/* Fix pour que les pages s'affichent bien lorsqu'il n'y a pas de breaking news */
#header-1-news-ticker:not(:has( .breaking-new-item)) {
  margin-top: 105px;
}

/*********************/
/*** About Us ***/
/*********************/
/* Fix pour que la page about us s'affiche bien */
#about-us {
  padding-top: 0;
}

/****************/
/*** Sidebar ***/
/****************/
/* Pas d'affichage des images dans la version compact */
.sidebar-style-6-compact .sidebar-content .lastest-news-img {
    display: none;
}

.homepage_6-most_viewd p small.text-muted,
.homepage_6-must_read p small.text-muted,
.homepage_6-latest_news p small.text-muted,
.homepage_6-latest_news_more p small.text-muted {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  line-height: 20px;
  font-weight: 400;
}

.homepage_6-most_viewd .card:not(:first-child) {
  margin-top: 1rem;
}
.homepage_6-most_viewd .card-title,
.homepage_6-most_viewd .card-body a h5 {
  margin-bottom: 0;
}
.homepage_6-most_viewd .card-title a {
    font-weight: 500;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 13px;
}
.homepage_6-most_viewd .card-title > a:hover,
.homepage_6-most_viewd .card-title > a:focus {
  color: var(--tertiary-color) !important;
}

/**************/
/*** Footer ***/
/**************/
.footer-logo {
  width: auto;
}
.footer-logo img {
  height: 80px;
}

.footer-must-see ul li a {
  color: #b3b3b3;
  font-family: "Open Sans";
  vertical-align: super;
}
.footer-must-see ul li {
  margin-bottom: 6px;
}

.footer-follow-us li i {
  text-align: center;
  width: 30px;
  height: 30px;
  color: #fff;
  border: 1px solid;
  border-radius: 50%;
  padding: 8px;
  font-size: 13px;
  transition: all 0.25s ease-in-out;
}
.footer-follow-us li i:hover {
  color: var(--primary-color) !important;
}
.footer-follow-us li {
  display: inline-block;
  margin-right: 12px;
}

/***********/
/*** Ads ***/
/***********/
.sidebar-style-6-compact .google-ad {
    width: fit-content;
    height: fit-content;
    margin: auto;
}
.ad-card {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(111, 104, 109);
}
.ad-card-header {
    color: rgb(255, 255, 255);
    /* height: 15px; */
    font-size: 0.8em;
    font-weight: bold;
    /* line-height: 0.8em; */
    /* text-transform: none; */
    text-align: left;
    padding: 0 5px;
    /* padding: 6px 5px 0px; */
    background: rgb(107, 100, 105);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(111, 104, 109);
    /* border-image: initial; */
}
.ad-card-header .ad-card-header-icon {
    width: 14px;
    height: 12px;
    float: right;
    margin-top: 4px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 70 60'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='5' d='M 20,57.5 h 27.5 v -35 h -45 v 35 h 27.5 Z'/%3E%3Cpath fill='none' transform='translate(15,-20)' stroke='%23ffffff' stroke-width='5' d='M 35,57.5 h 17.5 v -35 h -45 v 17.5'/%3E%3C/svg%3E") !important;
}

/*****************/
/*** Home Page ***/
/*****************/
#block-news-pro-featurednewsatm section.trending-news {
  padding: 0;
}

/*
  Doit correspondre avec :
    .taxonomy_term-page_actualites_region .view-header h2,
    .banner-text h2 {
      ...
    }
*/
#block-news-pro-featurednewsatm section.trending-news .heading-1 {
  margin-top: 20px;
}

/* Pour l'image de l'article de manchette */
#featured-news.featured-news--a-la-une .featured-news-news-top-news-img,
#featured-news-1.featured-news--a-la-une .featured-news-news-top-news-img {
  height: 400px;
}

/****************/
/*** Articles ***/
/****************/
/* Pour mettre sous forme de ligne et non de collone les icônes de partage dans les articles */
#post-classic .post-classic-social > #block-addtoanybuttons > .addtoany_list,
.article-atm .post-classic-social > #block-addtoanybuttons > .addtoany_list {
  flex-direction: row;
}
#post-classic .post-classic-social,
.article-atm .post-classic-social {
  max-width: 100%;
}

/* Pour supprimer les paddings à droite et à gauche des articles */
#post-classic #post-classic > .container,
.article-atm #post-classic > .container {
  padding-right: 0;
  padding-left: 0;
}
#post-classic #post-classic #post-classic-content,
.article-atm #post-classic #post-classic-content {
  width: 100%;
}

.post-classic-title,
.page-title-classic {
  padding: 0;
}

#post-classic-1 .page-title-classic h1 {
  font-family: var(--secondary-font);
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--heading-color);
  letter-spacing: 1.75px;
  line-height: 30px;
  margin-bottom: 15px;
}

#post-classic-1 .page-title-classic .date {
  color: var(--gray);
  text-transform: capitalize;
  font-weight: 400;
  line-height: 20px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  font-size: 13px;
  font-family: var(--primary-font);
  letter-spacing: 0.5px;
}

#post-classic-1 .page-title-classic .category {
  font-size: 14px;
  font-family: var(--primary-font);
  color: var(--primary-color);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 12px;
  letter-spacing: 0.5px;
}

/* Pour supprimer le padding dans les articles de chaque côté */
/*
#post-classic-1 > .container, // Pour le titre
#post-classic > .container {  // Pour le contenu
  padding: 0;
}
*/

#post-classic-1 > .container { /* Pour le titre */
  padding: 0;
}

#post-classic-1 .post-classic-img {
  height: 400px;
}


/*********************************/
/*** Liste d'articles & Banner ***/
/*********************************/
#featured-news h6 {
  display: inline-block;
}
#featured-news .card-body .separator {
  margin-left: 2px;
  margin-right: 2px;
}
/* Pour surcharger le style css associé à la balise <a> car le titre a été mis dans une balise <a> */
#featured-news h6.card-title > a {
  color: unset;
  font-size: unset;
}
#featured-news h6.card-title > a:hover,
#featured-news h6.card-title > a:focus {
  color: var(--tertiary-color) !important;
}

/* Pour que la css de bootstrap ne prenne pas le dessus */
.featured-news-news-top-news-content .featured-news-news-top-news-content-top h5 a {
  color: var(--primary-color);
  font-size: 16px;
}
.featured-news-news-top-news-content .featured-news-news-top-news-content-top h3 a {
  font-family: var(--secondary-font);
}

.taxonomy-term.vocabulary-geography > h2 {
  font-family: var(--primary-font);
  font-weight: 400;
  font-size: 28px;
  line-height: 35px;
  margin-bottom: 44px;
}
.taxonomy-term.vocabulary-geography > .content {
  display: none;
}

/* Pour le header des titre des termes de taxonomy liés à une région géographique */
.taxonomy_term-page_actualites_region .view-header h2,
.banner-text h2  {
  font-size: 28px;
  line-height: 35px;
  font-family: var(--secondary-font);
  font-weight: 400;
  color: var(--heading-color);

  /*
    Doit correspondre avec :
      #block-news-pro-featurednewsatm section.trending-news .heading-1 {
        ...
      }
  */
  margin-top: 20px;
  margin-bottom: 50px;
  /* margin-bottom: 0; */
  text-align: center;
}
/*
.taxonomy_term-page_actualites_region .view-header hr,
.banner-container hr {
  margin: 20px 0 30px;
}
*/

/**************/
/*** Banner ***/
/**************/
.banner {
  /* suppression de tous les attributs css définis dans style.css */
  all: unset;
}

.banner::after {
  /* suppression de tous les attributs css définis dans style.css */
  all: unset;
}

.banner-container {
  padding: 0 !important;
}

/************************************/
/*** Lastest News dans la sidebar ***/
/************************************/
/* Pour tasser un peu l'affichage des latest news */
.sidebar-style-5 .sidebar-content {
  margin-bottom: 30px;
}
.sidebar-style-5 .sidebar-content .lastest-news {
  padding: 0 !important;
}
.sidebar-style-5 .sidebar-content hr {
  margin: 0.5rem 0;
}
.sidebar-style-5 .lastest-news h5 {
  margin-bottom: 5px;
  line-height: 20px;
}

/* Pour l'affichage du pays */
.sidebar-style-5 .lastest-news a {
  display: inline-block;
  color: var(--primary-color);
}
.sidebar-style-5 .lastest-news a:hover,
.sidebar-style-5 .lastest-news a:focus {
  color: var(--tertiary-color) !important;
}

/************************************/
/*** Agenda dans la sidebar ***/
/************************************/
.lastest-news {
  text-transform: capitalize;
  color: var(--primary-color);
  font-size: 15px;
}

/*********************************/
/*** Liste d'articles & Banner ***/
/*********************************/
/* On tasse un peu la pagination */
.pagination li a {
  width: 50px;
  height: 50px;
  margin: 4px 4px;
}

/* On change la taille et l'orientation de la flèche next et prev */
.pagination li.next a svg {
  transform: rotate(-90deg);
  height: 17px;
  width: 17px;
}
.pagination li.prev a svg {
  transform: rotate(90deg);
  height: 17px;
  width: 17px;
}

/* On traite next et end ainsi que prev et first de la même manière */
.pagination li.next:hover a,
.pagination li.prev:hover a {
  background: var(--primary-color);
  color: #fff !important;
}

.pagination li.next a,
.pagination li.prev a {
  border: 1px solid var(--primary-color) !important;
  width: 50px;
  height: 50px;
  letter-spacing: unset;

  color: var(--secondary-color);
  font-size: 15px;
  font-weight: 500;
  font-family: var(--primary-font);
}

/************************************/
/*** Section : le-magazine-online ***/
/************************************/
#le-magazine-online .sidebar-content ul {
  margin-bottom: 0;
}

#le-magazine-online .sidebar-content ul li a {
  font-size: 15px;
  color: var(--heading-color);
}