/*----- BANNIÈRE ------*/
.bannerCtn {
  padding-top: 8.6em;
}
.textebanner h1 {
  padding-top: 9rem;
  padding-bottom: 3.0999999999999996rem;
}
.textebanner p{
  padding-right: 8.961111111111112rem;
  padding-bottom: 2rem;
}

.bannerBgImg {
    background-repeat: no-repeat;
    background-position: right top;
}
.imgBgBanner {
  opacity: 0;
}
.fakebg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.fakebg .col, .fakebg .col div {
  height: 100%;
}
/*------- 3 COLONNES -------*/
.col3 {
  padding-top: 8.777777777777779em;
  display: inline-block;
}
.content3cols h2 {
  padding-bottom: 1.6666666666666667rem;
}
.content3cols p:has(.btnToggle) {
 margin-top: 2.2222222222222223rem;
}
.img3Cols {
  margin-bottom: 4.333333333333333em;
}
.col3Ctn{
  display: inline-block;
}
/*Toggle en savoir plus*/
.txtToggle {
  padding-top: 1em;
}
.txtToggle {
  display: none;
}
.rowToggle.active .txtToggle {
  display: inline-block;
}
.rowToggle.active .toggleText::after {
  content: " moins";
}
.rowToggle.active .toggleIcon {
  transform: rotate(45deg);
}
.toggleIcon {
  transition: transform 0.3s ease;
}


/*------- 100% + img -------*/
.pad100 {
  padding-top: 6.444444444444445em;
  padding-bottom: 8.777777777777779em;
}
.txt100 h2 {
  padding-bottom: 0.25em;
}
.pad100Txt {
  margin-right: 7.555555555555555em;
}
.image100 {
  width: calc(41.6666666667% + 4.53%);
}
.topBottom100 {
  margin-top: 6.5em;
  padding-bottom: 9em;
  background-size: 39%;
}
.ctn100 p {
  padding-right: 8rem;
}

.bgImg100 {
  background-repeat: no-repeat;
  background-position: bottom 6.6em right;
}
/*------- MOTS BACKGROUND -------*/
.motBackground {
    position: absolute;
    font-family: 'Imbue';
    text-transform: uppercase;
    font-size: 32.8em;
    color: var(--gold);
    opacity: 8%;
    margin-left: -0.022em;
    max-width: 1920px;
    left: auto;
    line-height: 26.8rem;
    bottom: 0;
}
.homeBanner .motBackground {
  z-index: -1;
}
#colophon .motBackground {
  line-height: 29rem;
}

.imgBannerCentre {
  padding-top: 1.3em;
}


/*----------- 5050 / TOGGLE -----------*/

.theToggle {
  padding-left: 4.111111em;
}
.fa-light, .fasl {
  font-weight: 500;
  color: var(--gold);
}
.content-h5050 .motBackground {
  line-height: 31rem;
}

/*----- LISTING ARTICLES ACCUEIL ------*/

.titreListing {
  padding-bottom: 2.28rem;
}
.listingNews h4 {
  font-size: 1.84em;
  line-height: 1.9rem;
  color: var(--noir);
  font-weight: 500;
  padding-top: 0.42rem;
}
.listingArticles .container10 {
  margin-bottom: 10em;
}
.listingArticles .date {
  padding-top: 0.4222222222222222em;
  font-size: 0.7777777777777778em;
}
.gridListing {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    column-gap: 103px; 
    row-gap: 0;
    width: 100%;
}
.grid-item {
    width: 100%;
}
.listingNews.gridListing .boxSlider img {
    width: 100%;
    height: auto; 
    max-height: none; 
    object-fit: contain;
    display: block;
}
.btnCarteBlogue {
  padding-bottom: 2.7777777777777777em;
  margin-top: 1.2em;
}
.listingNews.gridListing .imageWrapper {
    position: relative;
    display: block;
    height: 14.79rem; 
    background-size: cover; 
    background-repeat: no-repeat;
}
.listingNews.gridListing .imageWrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #B18741;
    opacity: 0;
    transition: opacity 0.3s ease;
    mix-blend-mode: multiply;
    pointer-events: none;
}
.listingNews.gridListing .spacing.gridItem:hover .imageWrapper::before {
    opacity: 0.75;
}

/*------ TITRE PAGE ------*/
.titrePage {
  padding: 0 0 0.8em 0;
}
.titrePage h1 {
  font-size: 4.444444444444445em;
}
/*----- BLOGUE SINGLE -----*/
.containerBoxSingle {
  padding-top: 14em;
}
.box_single {
    position: relative;
    margin-left: 2.5em;
}
.box_single h5 {
  color: var(--gold);
  font-size: 1.08em;
  font-weight: 550;
}
.box_single .article-title {
    margin-bottom: 0.5em;
    margin-top: 0.4em;
    line-height: 1.25em;
    width: 14rem;
}
.box_single .imgboxSingle {
    position: relative;
    display: block;
}
.box_single .imgboxSingle::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #B18741;
    opacity: 0;
    transition: opacity 0.3s ease;
    mix-blend-mode: multiply;
    pointer-events: none;
    z-index: 1;
}
.box_single li:hover .imgboxSingle::before {
    opacity: 0.75;
}
.content_single {
    position: relative;
}
.content_single::after {
    content: '';
    position: absolute;
    top: 4.5%;
    right: 0;
    height: 96.6%;
    width: 1px;
    background-color: #F3F3F3;
}
/*.content_single {
   border-right: 1px solid #F3F3F3;
}*/
.content_single h4 {
  margin: 2.2rem 0 2rem 0;
  font-weight: 500;
}
.content_single p {
  margin-bottom: 0.6rem;
}
.content_single ul li {
  padding: 0.35em 0;
}
.container_single {
  position: relative; 
  padding-top: 1.9em;
  padding-bottom: 8em;
}
article .d-7-12::after {
    width: 61.533333% ;
}
article .d-4-12::after {
  width: 29.333333%;
}
.box_single.stopped {
  top: auto !important;
  bottom: 0;
}
.content_single {
  padding-right: 2.4em;
}
.dateSingle {
  font-size: 0.7777777777777778em;
  color: var(--gold);
  padding-bottom: 2.1em;
}
.box_single .dateSingle {
  font-size: 0.71777777777777778em;
  padding-bottom: 0.4em;
  line-height: 0.6rem;
}
.content_single em {
  font-size: 0.7777777777777778em;
}
.box_single h6 {
  text-decoration: underline;
  font-size: 0.85rem;
  margin: 0.5rem 0 1rem 0;
}
.full-article-link {
  display: block;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.box_single ul li {
  padding-top: 1.25em;
  list-style: none !important;
}
.flexBoxSingle {
  display: flex;
  justify-content: space-between;
  padding: 0 0 1rem 0;
}
.imgboxSingle {
  width: 41%;
}
.article-title {
  margin-bottom: 0.5em;
  line-height: 1.4em;
}
.article-action {
  margin-top: 0.3125em;
}
.content_single ol {
  list-style-type: decimal;
  padding-left: 1rem !important;
}
.content_single ul{
  padding-left: 1rem !important;
  margin-bottom: 1.875em;
}
.articleCard {
    cursor: pointer;
}
.paddingListing {
  padding-top: 6.5rem;
  padding-bottom: 3.5rem;
}
.btnRetour i{
  font-size: 10px;
  margin-right: 0.5rem;
}
.btnRetour span{
  font-size: 0.7777777777777778em;
}
.btnRetour {
  color: var(--gris);
}
.containerBoxSingle .imgArticle {
  display: flex;
  justify-content: center;
  padding: 0 0 0 0;
}
.imgArticle {
  display: flex;
  justify-content: center;
  padding: 0 0 2.4rem 0;
}
.containerBoxSingle .imgArticle img{
  width: 100%;
  min-height: 6.79999em;
}
.imgArticle img{
  width: 100%;
}
.content_single h2 {
  padding: 1.3rem 0 0.84rem 0;
}
.post-navigation {
  display: none !important;
}
.tagDiv {
  margin: 0.3rem 0 1rem 0rem;
}
.tag {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.tag:hover {
}
.box_single hr {
   border-top: 0.8px solid grey;
}
.backTop {
    padding: 5.5px 8px;
    color: #fff;
    position: absolute;
    left: 3.8rem;
    bottom: 7.9rem;
    border: 1px solid var(--gold);
    transition: ease 0.3s;
    color: var(--gold);
}
.backTop i {
  font-weight: 350;
  font-size: 1.14111111111111112em;
}
.auteur {
  margin: 1.03rem 0 1.5em 0 !important;
}

.backTop:hover{
  background-color: var(--gold);
  color: var(--blanc);
}
.noteBio p, .noteBio strong {
  font-size:  0.7777777777777778em;

}
.noteBio strong {
  line-height: 2.5em;
}

.leftSticky {
    position: relative;
    will-change: transform;
}
.leftSticky {
    transition: transform 0.1s ease-out;
}

/*------ 404 ------*/

.page404ctn {
  padding: 8em 0 16em 0;
}
.page404ctn h4 {
  font-size: 1.94em;
  line-height: 2.25rem;
  color: var(--noir);
  padding-top: 1em !important;
}


/*100%*/
.container100 p {
  padding-bottom: 1em !important;
}
.container100 {
  padding-bottom: 4em;
}