/**
 * @file
 * Modules styles
 *
 * Modules are reusables CSS objects (components).
 * They can be utilized
 */


/**
 * TNS slider
 */
.tns-controls,
.tns-nav {
  text-align: center;
}
.tns-controls button {
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
  background: rgba(0,0,0,0.25);
  border: none;
}
.tns-nav button {
  display: inline-block;
  margin: 0 2px;
  height: 12px;
  width: 12px;
  background: rgba(0,0,0,0.25);
  border-radius: 50%;
  border: none;
}


/**
 * Breadcrumb
 */

 .breadcrumb li {
  display: inline-block;
  font-weight: 400;
  padding: 2rem 0 0 0;
}
.breadcrumb a:hover {
text-decoration: underline;
}


/*
* Cookies module custom colors
*/
/* Small banner */
.cookiesjsr-banner{
  border-top:2px solid var(  --color-primary);
}

.cookiesjsr-banner, .cookiesjsr-btn{
  background-color: var(--color-grey-dark);
}
.cookiesjsr-btn.important{
  color:var(--color-grey-dark);
}
/* Popin */
.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab{
  background-color: var(--color-grey-dark);
}
.cookiesjsr-btn.invert{
  border-color: var(--color-grey-dark);
  color: var(--color-grey-dark);
}
.cookiesjsr-btn.important.invert{
  border-color: var(--color-grey-dark);
  background-color: var(--color-grey-dark);
}
.cookiesjsr-service--always-on span{
  padding:0.5rem 1rem;
  border:2px solid #fff;
  font-weight: 700;
}


/**
 * Content - Page Full
 */

 .page-full__content{
  margin: 2rem auto;
 }
 .page-full__content a {
  color: var(--color-grey-dark);
  text-decoration: underline;
}
.page-full__content a:hover {
  color: var(--color-primary);
}


/**
 * Block quote background black
 */

#block-citationfondnoir{
  background: var(--color-tertiary);
  color: var(--color-neutral);
  text-align: center;
  padding: 5.556rem 1.917rem;
  font-family: 'Corinthia';
  font-weight: 400;
  font-size: var(--font-size-stylised);
}
#block-citationfondnoir p{
margin: 0;
}
@media screen and (min-width: 800px) {
  #block-citationfondnoir{
    padding: 5.556rem 15%;
  }
}
@media screen and (min-width: 1700px) {
  #block-citationfondnoir{
    padding: 10rem 25rem;
  }
}


/**
*  News teaser
**/

.block-actu-list{
  list-style: none;
  padding: 0;
}
.article-teaser {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 3rem;
  transition: 0.3s;
}
.article-teaser__wrapper{
  display: flex;
  flex-direction: column;
}
.article-teaser__text {
  padding-right: 2.222rem;
}
.article-teaser__title-content,
.article-teaser__text-content,
.article-teaser__more {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.article-teaser__title-content {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.9rem;
}
.article-teaser__text-content p{
 margin-bottom: 0.5rem;
}
.article-teaser__more {
  font-weight: 700;
  margin: 0;
  width: fit-content;
  margin-top: 2rem;
  padding: 0.444rem;
  border: 1px solid;
  border-radius: 40px;
  padding-left: 0.889rem;
  padding-right: 0.889rem;
  color: var(--color-primary);
  transition: all 0.3s ease;
}
@media screen and (min-width: 800px) {
  .article-teaser__wrapper{
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 0px;
  }
  .article-teaser__title {
    grid-area: 1 / 1 / 2 / 2;
  }
  .article-teaser__text {
    grid-area: 1 / 2 / 2 / 6;
  }

  .article-teaser__text-content p{
    margin: 0;
   }
}


/**
*  News full page
**/

.article-page__wrapper{
  position: relative;
}

.article-page__text{
  margin: 0 auto;
  margin-bottom: 3rem;
}
.article-page__title{
  color:red
}
.article-page__title-trim{
  color:green
}

/**
*  Pagination News
**/

.pager__items{
  padding: 0;
}
.pager__item > a{
  color: var(--primary);
}


/**
*  Activity
*/

.activity-header__table-of-content {
  display: flex;
  justify-content: center;
  margin-top: 1.111rem;
}
.activity-header__table-of-content .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  max-width: 900px;
}
.activity-header__table-of-content .views-row a {
  display: flex;
  padding: 6px 12px;
  width: fit-content;
  border: 1px solid var(--color-grey-medium);
  border-radius: 1.111rem;
}
.activity-header__table-of-content .views-row a:hover {
  color: var(--color-primary);
}


/**
*  Activity
*/

.activity .section__content {
  display: grid;
}
@media all and (min-width: 750px) {
  .activity .section__content {
    display: grid;
    grid-template-columns: 34% 66%;
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0px;
    width: 100%;
  }
  .activity .section__content > div:first-child {
    padding-right: 2.222rem;
  }
  .activity .section__content > div h3,
  .activity .section__content > div p:first-child {
    margin-top: 0;
  }
}


/**
* Crosscontent
*/

.crosscontent__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.crosscontent__row {
  width: 100%;
  max-width: 320px;
}
.crosscontent__row .views-field {
  height: 100%;
}
.crosscontent__row a {
  width: 100%;
  display: flex;
  padding: 20px 30px;
  background: var(--color-neutral);
  border-radius: 10px;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.crosscontent__row a:hover {
  color: var(--color-primary);
}

@media all and (min-width: 750px) {
  .crosscontent__list {
    gap: 2rem;
  }
}

/**
* Paragraph text
*/

.paragraph--type--texte a {
  color: var(--color-grey-dark);
  text-decoration: underline;
}
.paragraph--type--texte a:hover {
  color: var(--color-primary);
}