:root {
--background-color:var(--blue-light-25);
--background-body-color:var(--white-full-100);
--background-foot-color:var(--blue-dark-foot);
--background-li-menu:var(--grey-10);
--background-liste-all:var(--white-full-100);
--background-yellowbox-100:var(--yellow-eggs-100);
--background-yellowbox-50:var(--yellow-eggs-50);
--background-yellowbox-25:var(--yellow-eggs-25);
--background-bluebox-25:var(--blue-back-box);
--border-dark:var(--blue-dark-50);
--border-black:var(--black-Dark-100);
--border-light:var(--white-full-100);
--border-light-ancre:var(--blue-border-ancre);
--border-title-orange:var(--red-dark-100);
--border-table:var(--blue-border-ancre);
--border-key-numbers:var(--blue-border-light);
--border-terme-box:var(--yellow-eggs-100);
--text-decoration-orange:var(--red-dark-100);
--texte-body-corps:var(--black-dark-100);
--texte-link-photo:var(--red-dark-100);
--text-link-site:var(--black-Dark-100);
--text-title-dark:var(--black-Dark-100);
--text-title-blue:var(--blue-dark-100);
--text-title-black:var(--black-Dark-100);
--text-color-selectlang:var(--blue-dark-50);
--text-color-title-underline:var(--blue-dark-50);
--text-color-light:var(--white-full-100);
--text-color-dark:var(--grey-100);
--text-color-grey-middle:var(--grey-50);
--text-placeholder-color-dark:var(--blue-dark-50);
--text-number-red-dark:var(--red-light-100);
--text-number-blue-dark:var(--blue-dark-foot);
--text-line-title:var(--black-Dark-100);
--footer-text-link-line:var(--red-dark-100);
--footer-text-link-color:var(--white-full-100);
--black-dark-100:#000000;
--blue-dark-100: #004e9dff;
--blue-dark-50: #01509Fff;
--blue-dark-foot:#003060;
--blue-light-100:#bddaecff;
--blue-light-50:#bddaec7f;
--blue-light-25:#bddaec3f;
--blue-border-light:#BFDCEE;
--blue-border-ancre:#BFDCEE;
--blue-back-box:#BFDCEE;
--black-Dark-100:#030303;
--red-dark-100:#e9531dff;
--red-light-100:#EA541F;
--grey-100:#3c3c3cff;  
--grey-50:#717071ba;
--grey-25:#bfc1c2ff; 
--grey-10:rgb(233, 233, 233);
--white-full-100:#ffffff;
--yellow-eggs:#FBD595;
--yellow-eggs-100:#FBD595;
--yellow-eggs-50:rgba(251, 213, 149, 0.5);
--yellow-eggs-25:rgba(251, 213, 149, 0.25);
}

/*POLICES*/
/*OUTFIT pour les titres*/
@font-face {font-family:'Outfit-SemiBold';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/Outfit-SemiBold.ttf');font-weight: 500;font-style: normal;}
@font-face {font-family:'Outfit-Regular';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/Outfit-Regular.ttf');font-weight: 400;font-style: normal;}
@font-face {font-family:'Outfit-Medium';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/Outfit-Medium.ttf');}
@font-face {font-family:'Outfit-Light';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/Outfit-Light.ttf');font-weight: 200;font-style: normal;}
@font-face {font-family:'Outfit-ExtraBold';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/Outfit-ExtraBold.ttf');font-weight: 700;font-style: normal;}
@font-face {font-family:'Outfit-Bold';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/Outfit-Bold.ttf');font-weight: 600;font-style: normal;}
/*DMSANS  pour les textes*/
@font-face {font-family:'DMSans-Bold';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/DMSans-Bold.ttf');font-weight: 600;font-style: normal;}
@font-face {font-family:'DMSans-ExtraBold';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/DMSans-ExtraBold.ttf');font-weight: 700;font-style: normal;}
@font-face {font-family:'DMSans-Light';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/DMSans-Light.ttf');font-weight: 200;font-style: normal;}
@font-face {font-family:'DMSans-Medium';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/DMSans-Medium.ttf');}
@font-face {font-family:'DMSans-Regular';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/DMSans-Regular.ttf');font-weight: 400;font-style: normal;}
@font-face {font-family:'DMSans-SemiBold';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/DMSans-SemiBold.ttf');font-weight: 500;font-style: normal;}
@font-face {font-family:'DMSans-Thin';src: url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../fonts/DMSans-Thin.ttf');font-weight: 300;font-style: normal;}


/*recommandataions*/
/* pas de focus (souris) */
:focus {outline: none!important;}
/* On affiche le focus uniquement si pertinent (clavier) */
:focus-visible {outline:2px solid #000!important;}
:focus:not(:focus-visible) {outline: none!important;}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible) {outline:none!important;}

#filariane{
  padding: 0px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
#filariane ul.breadcrumb {display: -ms-flexbox;
  padding: 0px!important;
  margin-bottom: 1rem;
  list-style: none;
  background-color: unset!important;
}
#filariane ul.breadcrumb li{
  font-family: 'DMSans-Regular',sans-serif;
  font-size:14px;
  line-height:14px!important;
  color:#01509F;}
#filariane ul.breadcrumb li a {
  font-family: 'DMSans-Regular',sans-serif!important;
  font-size:14px!important;
  line-height: 14px!important;
  color: #01509F!important;
  text-decoration: none!important;
} 
#filariane ul.breadcrumb li a:hover{
  text-decoration: underline!important;
  text-decoration-color: #01509F!important;
  text-underline-offset: 4px !important;
  text-decoration-thickness: 1px;
}

/*distinguer les entrées non cliquable dans le fil d'ariane*/
#filariane ul.breadcrumb li a[href="#"] {
  pointer-events: none;
  cursor: default;
  opacity: 0.7; /* optionnel pour signaler l'état */
}


a[target=_blank]::after,
a.external-link::after {content: url(../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/cexternal-link.svg) !important;display: inline;flex-direction: column;width: 10px;height: auto;margin-left: 3px;}
a[target=_self]::after{content: ""!important;}
#userinfo li a{color:#ffffff!important;font-size:0.95rem!important;}
figcaption{font-size: 12px;}

.Rapports .imgbandeau figcaption{
  font-size: 12px;
  position: absolute;
  bottom: -15px;
  left: 15px;
  color: #000;
  background: rgba(255,255,255,0.5);
  padding: 0 3px;
}

.archives figcaption{
  font-size: 12px;
  position: absolute;
  bottom: -10px;
  left: 0px;
  color: #000;
  background: rgba(255,255,255,0.5);
  padding: 0 3px;
}



/*paramètres généraux du site*/
body{font-family:'DMSans-Regular',sans-serif!important;font-size:1.25rem!important;line-height:1.75rem;color:var(--texte-body-corps)!important;background-color:var(--background-body-color)!important;}

/*fond bleu du site*/
.bodywrapper main.marginTop {background-color: var(--background-color) !important;padding:44px;}
/*Cadre blanc du site*/
.bodywrapper .container.Edit-news,
.bodywrapper > main.marginTop > div.container{background-color: #fff;}

.bodywrapper .container.Edit-news,
.bodywrapper > main.marginTop > div.container:not(.pageaccueil){padding:20px 100px 0px 100px;}

/*.bodywrapper > main > .container:not(.pageaccueil) > .row > .col:last-child{margin-bottom: 50px;}*/


h1{font-family:'Outfit-Regular',sans-serif!important;font-size:2.25rem!important;line-height:2.25rem;color:var(--text-title-dark)!important;margin-top: 40px;margin-bottom:20px;padding-left:30px!important;margin-left:-70px;}
h2{font-family:'Outfit-Regular',sans-serif!important;font-size:2rem!important;line-height:2rem;color:var(--text-title-blue)!important;border-left:solid 4px var(--border-title-orange);margin-bottom:20px;margin-top:30px;padding-left:12px!important;}
h3{
  font-family:'Outfit-Regular',sans-serif!important;
  font-size:1.75rem!important;
  line-height:1.75rem;
  color:var(--text-title-dark)!important;
  margin-bottom:20px;
  margin-top:30px;
  padding-left:0px!important;}
h4{font-family:'Outfit-Regular',sans-serif!important;font-size:1.5rem!important;line-height:1.5rem;color:var(--text-title-dark)!important;margin-bottom:20px;margin-top:30px;padding-left: 12px;}
a {color:var(--text-title-dark)!important;text-decoration: underline;  text-underline-offset: 4px!important; ;text-decoration-color: var(--red-dark-100);text-decoration-thickness: 2px;}
a:hover, 
li.textLink:hover a{ }
.textLink{border:none!important;}

.actuCDP .newsItem .zoneTexteNews .newsText .zonePourFullPage .genericLinkList h3{padding-left:15px;}
.list__link-text{font-size: 1.125rem!important;line-height: 1.125rem!important;color:var(--text-link-site)!important;text-decoration: underline;text-decoration-color: var(--red-dark-100);text-decoration-thickness: 2px;  text-underline-offset: 4px!important; }
.list__doc-weight{color: #707070!important;font-size:0.95rem!important;text-decoration:none!important;}

p{font-family: 'DMSans-Regular', sans-serif;font-size:1.25rem;line-height:1.75rem;margin-bottom:20px;}
h1 em,h2 em,h3 em, h4 em, p em, a em, em {
  font-size: inherit !important;
}

.text-break{padding-left:0px!important;padding-top:10px!important; }
.text-break ul {margin-top: -5px;}
.text-break li {margin-bottom: 10px;}


.bodywrapper .banner {margin:0 -80px 30px -80px!important;}
.bodywrapper .banner img {width:100%!important;}

.newsItem button.hideList{display:none;}

/*zone d'espacement*/
.bluespace{min-height: 20px;background-color: var(--background-color) !important;margin: 0 -100px;}

/*actualités par défaut */
/*liste catégorie*/
.themeAndKeywords {display: none!important;}
.newsTitle::after {border-bottom: none!important;
}


@media (max-width: 992px) {
  div#filariane nav:has(.breadcrumb){padding-left: 15px!important;}
  .bodywrapper .marginTop div.container{max-width: 95%;}
  .bodywrapper > main.marginTop > div.container:not(.pageaccueil) {padding: 0px 40px 0px 40px;}
  .bluespace {margin: 0 -20px!important;}
  .btnpush {
  margin-left: -80px!important;
  margin-right: -80px!important;
  margin-bottom: -20px!important;
  padding: 20px 0px;
  margin-bottom: -20px!important;
  }
  .yellowbox {
  background-color: var(--background-yellowbox-25);
  margin: 0 -80px;
  padding: 20px 85px;
  }
  h1 {
    font-family: 'Outfit-Regular',sans-serif !important;
    font-size: 2.25rem !important;
    line-height: 2.25rem;
    color: var(--text-title-dark) !important;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-left: 30px !important;
    margin-left: -14px;
  }


}

@media (max-width: 768px) {
    .bluespace {margin: 0 -35px!important;}
    .btnpush {
    margin-left: 0px!important;
    margin-right: 0px!important;
    margin-bottom: -20px;
    padding: 16px 0px;
    margin-bottom: 20px!important;
  }
  .yellowbox {
    background-color: var(--background-yellowbox-25);
    margin: 0px;
    padding: 20px 85px;
  }
  .contributions .col .whitelotus section .row.align-items-start.mb-2.mt-2{padding: 0 20px!important;}
  .pageaccueil  h3 {color:#000000!important;}
  .whitelotus .bloctitretexte section div.row{ margin: 0px;}
  .bodywrapper > main.marginTop > div.container:not(.pageaccueil) {padding: 20px 10px 0px 10px!important;}
  .bodywrapper .banner {margin:0px 0px 0px 0px !important;width: 100%;}
  .themeAndKeywords{display:none;} 
  .bodywrapper main.marginTop {padding: 20px 0px 0px 0px;}
  h1 {margin-left: -30px;}
  .linkArea:has(a.returnLink) {
    border-bottom: 3px solid #003060;
    line-height: 50px;
    margin-left: -35px !important;
    padding-left: 15px !important;
  }


}

/* PAGE ACCUEIL */
/*fond blanc pour les cadres de la page d'accueil*/
.whiteaccueil{
  background-color: var(--background-liste-all);
  padding:30px 30px 0 30px;
  margin-top: 38px;}


@media (max-width: 992px) {
  #headbar{display:none!important;}
  .linkplus {margin-bottom:-38px;}
  .bodywrapper .marginTop > .content_600px > .pageaccueil > .row {margin-left:0px!important;margin-right:0px!important;}
  .bodywrapper .marginTop .content_600px #ContenuMain.container.pageaccueil{max-width: 100%!important;width:100%!important;padding-left:0px!important;padding-right: 0px!important;}
  footer .container{width:80%!important;}
}


/*lien voir plus */
.linkplus{margin-top:-15px;margin-bottom:-25px;}
.linkplus section ul .textLink a .list__link-text {border: none!important;font-family:'DMSans-SemiBold',sans-serif!important;font-size:1rem!important;}
.linkplus a {display: block;margin-left: auto;width: fit-content;}


/* RESPONSIVE */
/*@media (max-width: 768px)*/ 
@media (max-width: 991px) {
  .pageaccueil .whiteaccueil section section .columns2 {display: unset!important;}
  .pageaccueil div.row div.col div.whiteaccueil > section > section > div.columns2 > div.column-item:nth-child(2) {border-left: none!important;}
  .pageaccueil .whiteaccueil section section .columns2 .column-item{width:100%!important;}
}



  /*-----------------*/
 /*      CARTE      */
/*-----------------*/

.exergueCDP{
  font-family:"DMSans-Regular",sans-serif;
  font-size:0.95rem;}




.pageaccueil .row .col .whiteaccueil section .row div club-paris-map{margin-left: auto;margin-right: auto;}

.CDPMAPS {margin:0;font-family:"DMSans-Regular",sans-serif;background:#1a1a2e;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:0;box-sizing:border-box;}
.CDPMAPS club-paris-map {width: 100%; height: 100vh;}




/*chiffres clés*/

.cdpnumbers h2{margin-top:0px!important;}
.cdpnumbers .column-item:nth-child(2) h2{
  font-family:'Outfit-Regular',sans-serif!important;
  font-size:1.875rem!important;
  color:var(--text-color-dark)!important;
  border:none!important;
  margin:none!important;
  text-align:center;
  padding-top: 25px;
  padding-left: 0px !important;
}
.colornumber{border-left:2px solid var(--border-key-numbers);text-align: center;}
.rednumber{margin-top:10px;font-family:'Outfit-Bold',sans-serif!important;font-size:2.25rem!important;color:var(--text-number-red-dark)!important;margin-bottom:15px!important}
.bluenumber{
  margin-top:10px;
  font-family:'Outfit-Bold',sans-serif!important;
  font-size:2.25rem!important;
  color:var(--text-number-blue-dark)!important;
  margin-bottom:15px!important;}}
.pageaccueil .row .col .whiteaccueil section section div div .spacer section .row div.col-lg-12{font-family:'Outfit-Regular',sans-serif!important;font-size:1.125rem!important;}

.colornumber p:not(.rednumber):not(.bluenumber){margin:5px 0 25px 0;}







  /*-------------------------------------*/
 /*     liens archive frise date        */
/*-------------------------------------*/


/*ACTUALITÉS*/
/*menu année pages actu*/
.Edit-news .row .col .whitelotus section .onglet_actu .navbar ul{
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0 0 0 15px;
}


.Edit-news .row .col .whitelotus section .onglet_actu .navbar ul li a {padding: 0 5px;text-decoration:none!important;}
.Edit-news .row .col .whitelotus section .onglet_actu .navbar ul li a:hover {text-decoration: underline;text-decoration-color: var(--text-link-site)!important;  text-underline-offset: 6px!important; }
.Edit-news .row .col .whitelotus section .onglet_actu h3{margin-left:-15px!important;padding-left:15px!important;}

/* même largeur */
.onglet_actu .navbar ul li {min-width: 90px;text-align: center; margin: 3px 0;}


/* Mettre la liste sur une seule ligne et retirer les puces */
/*.Edit-news .row .col .whitelotus section .onglet_actu .navbar ul*/
.onglet_actu .navmenu.level_1 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important; /* si trop large, passe à la ligne */
  justify-content: flex-start !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 0 0 15px !important;
}

/* Style des liens dans les LI */
.onglet_actu .navmenu.level_1 li a {
  display: inline-block !important;
  padding: 0 10px !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* Bordure gauche pour tous sauf le premier lien */
.onglet_actu .navmenu.level_1 li:not(:last-child) {border-right: 1px solid #000 !important;}

/*.Edit-news .row .col .whitelotus section .onglet_actu .navbar ul li:not(:first-child) a,
.Edit-news .row .col .whitelotus section .onglet_actu .navbar ul li:not(:last-child) a{border-left:2px solid var(--border-title-orange);}
.onglet_actu .navmenu.level_1 li + li a {
  border-left: 2px solid var(--border-title-orange) !important;
}*/

/* Hover sur les liens */
.onglet_actu .navmenu.level_1 li a:hover {
  text-decoration: underline !important;
  text-decoration-color: var(--text-link-site) !important;
    text-underline-offset: 4px!important; 
}

/* Ajustement du titre */
.onglet_actu h3 {
  margin-left: -15px !important;
  padding-left: 15px !important;
}




  /*-------------------------------------*/
 /*     Menu archive frise date         */
/*-------------------------------------*/

/*menu année pages actu*/
.onglet_archives .navmenu.level_1 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important; /* si trop large, passe à la ligne */
  justify-content: flex-start !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 0 0 15px !important;
}
.onglet_archives section ul li.textLink{width: unset;padding: 0 10px;border-bottom: unset!important;}

/* Style des liens dans les LI */
.onglet_archives .navmenu.level_1 li.textLink a {
  display: inline-block !important;
  padding: 0 10px !important;
  text-decoration: none !important;
  color: inherit !important;
}
.onglet_archives .navmenu.level_1 li.textLink:hover a {text-decoration: underline;text-decoration-color:var(--text-decoration-orange) ;text-decoration-thickness: 2px;}

/* Bordure gauche pour tous sauf le premier lien */
.onglet_archives li.textLink:not(:last-child) {border-right: 2px solid var(--border-title-orange) !important;}
/*.onglet_archives .navmenu.level_1 li.textLink:first-child {border-left:none !important;}*/

.onglet_archives a.internal-link {text-decoration: none!important;}
.onglet_archives .list__link-text{text-decoration: none!important;}


/* Hover sur les liens */
.onglet_archives .navmenu.level_1 li.textLink a:hover {
  text-decoration: underline !important;
  text-decoration-color: var(--text-link-site) !important;
  text-underline-offset: 4px!important; 
}


/* Ajustement du titre */
.onglet_archives h3 {
  margin-left: -15px !important;
  padding-left: 15px !important;
}

/* même largeur */
.onglet_archives .genericLinkList ul li.textLink a.internal-link {min-width: 60px!important;text-align: center!important;}
.onglet_archives section ul li.textLink {margin: 3px 0!important;}




/*menu année pages actu*/
.onglet_archives .navmenu.level_1 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important; /* si trop large, passe à la ligne */
  justify-content: flex-start !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 0 0 15px !important;
}
.onglet_archives section ul li.textLink{width: unset;padding: 0 10px;border-bottom: unset!important;}

/* Style des liens dans les LI */
.onglet_archives .navmenu.level_1 li.textLink a {
  display: inline-block !important;
  padding: 0 10px !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* Bordure gauche pour tous sauf le premier lien */
.onglet_archives li.textLink:not(:last-child) {border-right: 2px solid var(--border-title-orange) !important;}
/*.onglet_archives .navmenu.level_1 li.textLink:first-child {border-left:none !important;}*/

.onglet_archives a.internal-link {text-decoration: none!important;}
.onglet_archives .list__link-text{text-decoration: none!important;}


/* Hover sur les liens */
.onglet_archives .navmenu.level_1 li.textLink a:hover {
  text-decoration: underline !important;
  text-decoration-color: var(--text-link-site) !important;
  text-underline-offset: 4px!important; 
}



/* Ajustement du titre */
.onglet_archives h3 {
  margin-left: -15px !important;
  padding-left: 15px !important;
}

/* même largeur */
.onglet_archives .genericLinkList ul li.textLink a.internal-link {min-width: 60px!important;text-align: center!important;}
.onglet_archives section ul li.textLink {margin: 3px 0!important;}


/*fin menu année*/


  /*---------------*/
 /* pages archives*/
/*---------------*/
.Edit-news .recuperation-contenu .newsListItem,
.Edit-news .textLink {border-bottom: solid 2px var(--border-title-orange)!important;padding-bottom:5px!important;}
.Edit-news .newsListItem.row h2.col-lg-12.tab-focus,
.Edit-news .newsListItem.row h3.col-lg-12.tab-focus{font-family: 'Outfit-SemiBold',sans-serif !important;
  font-size: 1.5rem !important;
  line-height: 2.075rem!important;
  color: var(--text-title-blue) !important;
  border-left: none!important;
  margin-bottom: 0px;
  margin-top: 30px;}


.archives .Edit-news .centrepage .col #newsCDP ul li .newsListItem:has(a.newsArrow:hover) h3 a.mouse-focus{text-decoration: underline; text-decoration-color:var(--border-title-orange)!important;text-decoration-thickness:2px;}

.Edit-news .newsListItem.row:has(a.newsArrow:hover) h3.col-lg-12.tab-focus{text-decoration:underline;text-decoration-color:var(--border-title-orange)!important;text-decoration-thickness:2px;}



.archives .Edit-news .centrepage .col .whitelotus section .recuperation-contenu > .newsListItem > .col-8 {display:none;}


.Edit-news .newsListItem.row h2.col-lg-12.tab-focus a,
.Edit-news .newsListItem.row h3.col-lg-12.tab-focus a{ text-decoration:none}

.Edit-news .newsListItem.row h2.col-lg-12.tab-focus a:hover,
.Edit-news .newsListItem.row h3.col-lg-12.tab-focus a:hover{text-decoration: underline; text-decoration-color:var(--border-title-orange)!important;text-decoration-thickness:2px;}


.archives .Edit-news .row .col .newsList .textLink .newsListItem .more.text-right{display:none;}
.Edit-news .newsListItem {display: flex;align-items: center;justify-content: space-between;}

/* Bloc texte */
.Edit-news .newsListItem > div {flex:1;}

/*effacement de l'images*/
.archives .newsListItem .newsImg img.img-fluid,
.Edit-news .newsListItem .newsImg.col-4{display:none;}
.Edit-news .newsListItem .newsInfo.col-lg-12{flex: 0 0 50%;max-width: 50%;}


/*FLECHES ACTUALITES*/
.archives #newsCDP > section > div > ul.newsList > li.textLink  .newsListItem {
    position: relative;
    transition: all .3s ease;
}

.archives #newsCDP > section > div > ul.newsList > li.textLink  .newsListItem h3 a {
    position: static;
}

/* Flèche */
.archives #newsCDP > section > div > ul.newsList > li.textLink  .newsListItem::after {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    background-image: url("../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/Fleche-push.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    background-color: #EFF7FC;
    border-radius: 50%;
    transition: all .3s ease;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: -10px;
}
/* Survol de toute la carte */
/*.archives #newsCDP > section > div > ul.newsList > li.textLink:hover .newsListItem h3 a::after */
.archives #newsCDP > section > div > ul.newsList > li.textLink:hover .newsListItem::after {
    background-color: #003060;
    background-image: url("../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/Fleche-push-blanc.svg");
}
.archives #newsCDP > section > div > ul.newsList > li.textLink:hover {
    cursor: pointer;
}







.archives div.container.Edit-news div.row.centrepage .editmodeArea .whitelotus ul li.textLink div div div .newsListItem div.col-7,
.archives .Edit-news .centrepage .col .whitelotus section div ul li .newsListItem.row div.col-8 {display:none!important;}


/* caler la date au texte et effacer Date:*/

.archives .Edit-news .centrepage .newsItem .newsInfo{padding-left: 0!important;}
.archives .Edit-news .centrepage .newsItem .newsInfo .newsLabelDate{ display: none!important;}

/*fin de pages archives*/


/*PAGES RAPPORTS*/
/*.Rapports section .cadre-blanc .row .text-break.col-lg-12 p:nth-child(1){margin-left: -55px;}*/


/*PAGES PAYS*/
/*menus accords signés*/
/* Style commun pour toutes les lettres-séparateurs */
.CREDITDEBIT .navmenu.level_1 > li::before {
  display: none; /* masqué par défaut */
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
  padding: 8px 0 4px 0;
  margin-bottom: 4px;
  pointer-events: none;
}

/* Premier élément en A (= li[A] non précédé d'un autre li[A]) */
.CREDITDEBIT .navmenu.level_1 > li[data-title^="A"]:not(li[data-title^="A"] ~ li[data-title^="A"])::before { content: "A"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="B"]:not(li[data-title^="B"] ~ li[data-title^="B"])::before { content: "B"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="C"]:not(li[data-title^="C"] ~ li[data-title^="C"])::before { content: "C"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="D"]:not(li[data-title^="D"] ~ li[data-title^="D"])::before { content: "D"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="E"]:not(li[data-title^="E"] ~ li[data-title^="E"])::before { content: "E"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="F"]:not(li[data-title^="F"] ~ li[data-title^="F"])::before { content: "F"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="G"]:not(li[data-title^="G"] ~ li[data-title^="G"])::before { content: "G"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="H"]:not(li[data-title^="H"] ~ li[data-title^="H"])::before { content: "H"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="I"]:not(li[data-title^="I"] ~ li[data-title^="I"])::before { content: "I"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="J"]:not(li[data-title^="J"] ~ li[data-title^="J"])::before { content: "J"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="K"]:not(li[data-title^="K"] ~ li[data-title^="K"])::before { content: "K"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="L"]:not(li[data-title^="L"] ~ li[data-title^="L"])::before { content: "L"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="M"]:not(li[data-title^="M"] ~ li[data-title^="M"])::before { content: "M"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="N"]:not(li[data-title^="N"] ~ li[data-title^="N"])::before { content: "N"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="O"]:not(li[data-title^="O"] ~ li[data-title^="O"])::before { content: "O"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="P"]:not(li[data-title^="P"] ~ li[data-title^="P"])::before { content: "P"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="Q"]:not(li[data-title^="Q"] ~ li[data-title^="Q"])::before { content: "Q"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="R"]:not(li[data-title^="R"] ~ li[data-title^="R"])::before { content: "R"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="S"]:not(li[data-title^="S"] ~ li[data-title^="S"])::before { content: "S"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="T"]:not(li[data-title^="T"] ~ li[data-title^="T"])::before { content: "T"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="U"]:not(li[data-title^="U"] ~ li[data-title^="U"])::before { content: "U"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="V"]:not(li[data-title^="V"] ~ li[data-title^="V"])::before { content: "V"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="W"]:not(li[data-title^="W"] ~ li[data-title^="W"])::before { content: "W"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="X"]:not(li[data-title^="X"] ~ li[data-title^="X"])::before { content: "X"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="Y"]:not(li[data-title^="Y"] ~ li[data-title^="Y"])::before { content: "Y"; display: block; }
.CREDITDEBIT .navmenu.level_1 > li[data-title^="Z"]:not(li[data-title^="Z"] ~ li[data-title^="Z"])::before { content: "Z"; display: block; }


.CREDITDEBIT div nav.navbar{padding: 0 !important;}
.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 li.not-clickable.hasChildren.firstInLevel {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 li.not-clickable.hasChildren .box-inner{
	display: block !important;	
}
.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 li.not-clickable.hasChildren button.nav-submenu-btn {
	background-color: transparent !important;
 	color: #000000;
	height: 30px;
	padding: 0 0 0 0;
}
.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 li.not-clickable.hasChildren button.nav-submenu-btn {
	text-transform: uppercase;
	color: #000000;
	height: 50px;
	padding: 0 0 0 0;
}
.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 li.not-clickable.hasChildren button.nav-submenu-btn span.nav-btn-text {
	font-size: 1.3rem!important;
}
.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 li.not-clickable.hasChildren button.nav-submenu-btn span.img-block {
	display: none !important;
}
.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 li.not-clickable.hasChildren {
	margin-bottom: 5px!important;
}
.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1  {
	column-count: 4;
}
.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 li{
	border-bottom: none !important;
	background-color: transparent !important;
	border-radius: 3px;
	list-style-type: none!important;
}
.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 li{
	border-bottom: 0.5px solid #3c3c3c;
	border-radius: 3px;
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}

.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 li a{text-decoration: none!important;}

.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 > li > a::before {content: "• ";color: #333;}
.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 li a:hover{text-decoration:underline!important;text-decoration-color:var(--red-dark-100)!important;text-underline-offset: 4px!important; }






@media (max-width:989px) {
	body > div > main > div.container > div > div > div.DEBITCREDIT > div > nav {position:relative!important;}
	.DEBITCREDIT div nav.navbar.navSecondary ul.navmenu.level_1 li.not-clickable.hasChildren div.box-inner ul.navmenu.level_2 {column-count:3;}
	.DEBITCREDIT div nav.navbar.navSecondary ul.navmenu.level_1 li.not-clickable.hasChildren div.box-inner ul.navmenu.level_2 li a {color: #000000 !important;}
	body > div > main > div.container > div > div > div.CREDITDEBIT > div > nav {position:relative!important;}
	.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 {column-count:1;}
	.CREDITDEBIT div nav.navbar.navSecondary ul.navmenu.level_1 li a {color: #000000 !important;}
}








/*fiches traitement*/
.treatedfiles {padding: 0!important;}
.treatedfiles h1 {margin-left:0px!important;padding-left:30px!important;}
.treatedfiles .row .align-items-start.mb-2.mt-2{margin-left:25px!important;}

.container:has(.traitements){padding: 20px 0px 0px 0px!important;}
.traitements h1{margin-left:15px!important;}
.traitements h2{margin-left:50px !important;padding-left:15px;}
.traitements ul {margin-top:5px!important;}


.traitements .col .box2 .box2-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 50px;
  margin: 10px 10px 10px 10px!important;
}


/* Cas 1 : S'il n'y a qu'UN SEUL paragraphe dans le bloc */
.traitements .text-break p:only-of-type {
    margin-bottom: 0;
}

/* Cas 2 : S'il y a AU MOINS DEUX paragraphes */
/* On applique d'abord 20px à TOUS les paragraphes... */
.traitements .text-break p {
    margin-bottom: 20px;
}

/* ...et par bonne pratique, on retire la marge du TOUT DERNIER pour éviter de casser le centrage vertical */
.traitements .text-break p:last-of-type {
    margin-bottom: 0;
}




/* CONTENEUR */
body .traitements .box2{
    display:flex !important;
    align-items:stretch !important;

    border-top:2px solid #BFDCEE !important;
    border-bottom:2px solid #BFDCEE !important;
    border-left:none !important;
    border-right:none !important;

    margin-bottom:-2px !important;
    padding:0 !important;
}

/* SUPPRESSION DES BLOCS DECO JAHIA */
body .traitements .box2 .box2-topright,
body .traitements .box2 .box2-topleft,
body .traitements .box2 .box2-bottomright,
body .traitements .box2 .box2-bottomleft{
    display:none !important;
    background:none !important;
}

/* H3 */
body .traitements .box2 > h3.box2-header{
    width:30% !important;
    min-width:30% !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    background:#bddaec3f !important;
    border:none !important;
    padding:25px !important;
    font-family:'Outfit-SemiBold',sans-serif !important;
    font-size:1.5rem !important;
    line-height:2.075rem !important;
    color:var(--text-title-black) !important;
}
body .traitements .box2 > h3.box2-header span{
    background:none !important;
    padding:0 !important;
    margin:0 !important;
}
/* TEXTE */
body .traitements .box2 > .box2-text{
    width:70% !important;
    padding:25px !important;
}

/* LIENS */
body .traitements .box2 .textLink,
body .traitements .box2 a{
    border-bottom:none !important;
}




@media screen and (max-width: 992px) {
  body .traitements .box2{
    display:block !important;
    border-top:2px solid #BFDCEE !important;
    border-bottom:2px solid #BFDCEE !important;
    border-left:none !important;
    border-right:none !important;
    margin-bottom:-2px !important;
    padding:0 !important;
  }
  body .traitements .box2 > h3.box2-header{
    width:100% !important;
    min-width:100% !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    background:#bddaec3f !important;
    border:none !important;
    padding:25px !important;
    font-family:'Outfit-SemiBold',sans-serif !important;
    font-size:1.5rem !important;
    line-height:2.075rem !important;
    color:var(--text-title-black) !important;
}
}











/*accords*/
/*ecart entre tous les documents et pagination*/
div.row.accords > div.col > div.accord > section > div.row > div.text-break.col-lg-12 > p {}


/*---------------------------------------------------------------*/
/*étiquette en div superposées sur la banière*/

/* 1. Le titre ne doit plus prendre 100% */
.tablecreances .row.w-100,
.tablecreances .col-lg-12 {
    width: auto;
    flex: none;
}

/* garde le comportement "ligne complète" du conteneur du titre */
.tablecreances .row.w-100 {
    display: block;
}

/* 2. Le H1 s’adapte à son contenu */
.tablecreances .pageTitle {
    display: inline-block;
    background: #fff;
    padding: 8px 12px;
    white-space: nowrap;
    margin: 10px;
}

/* 3. Corrige le 3e bloc (celui avec calendrier) */

.accords .tablecreances section .row.align-items-center .col-lg-12.text-left{
  width: auto;
  padding-right: 0px !important;
  padding-left: 10px!important;
}
.accords .tablecreances section .row.align-items-center .text-break.col-lg-12{
  width: auto;
  padding-right: 6px !important;
  padding-left: 0px!important;
}



/* force TOUS les blocs à être horizontaux */
.tablecreances .row.align-items-center {
    display: inline-flex;
    align-items: center;
    gap: 10px; /* espace entre image et texte */
}

/* 4. Empêche les retours à la ligne du texte */
.tablecreances .text-break {
    white-space: nowrap;
}

.tablecreances .text-break p:nth-child(2) {
  font-family: 'Outfit-Bold',sans-serif !important;
  font-size: 1.5rem !important;
  margin-bottom: 13px !important;
  margin-top: 0px;
}
.tablecreances .img-fluid{height: 40px!important;width: 40px!important;}

/*fin d'étiquette en div superposées sur la banière*/

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

/* 1. Le conteneur au-dessus de l'image */
.tablecreances {
    position: absolute;
    /*top: 80px;*/
    top:170px;
    left: -55px !important;
    z-index: 10;
}

/* 2. Le section devient notre layout principal */
.tablecreances section {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

/* 3. On casse le comportement Bootstrap des .row */
.tablecreances .row {
    display: block;
    width: auto;
    margin: 0;
}

/* 4. Le titre = ligne complète */
.tablecreances .row.w-100 {
    width: 100%;
}

/* 5. Style du titre */
.tablecreances .pageTitle {
    display: inline-block;
    background: #fff;
    white-space: nowrap;
    margin: 10px;
    font-family: "Outfit-Bold",sans-serif !important;font-size: 2.25rem !important;
    line-height: 2.825rem;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 12px;
    padding-left: 12px !important;
    text-transform: unset!important;
}

/* 6. Les blocs deviennent inline (donc côte à côte) */
.tablecreances .row.align-items-center {
    display: inline-flex;
    align-items: center;
    background: #fff;
    padding:0 15px 0 0;
    margin-left: 10px;
    margin-right: 0px;
}

/* 7. Image + texte côte à côte */
.tablecreances .row.align-items-center .col-lg-4,
.tablecreances .row.align-items-center .col-lg-8 {
    width: auto;
}

/* 8. Pas de retour à la ligne */
.tablecreances .text-break {
    white-space: nowrap;
}




/* 9. Responsive */
@media (max-width: 991px) {
    .tablecreances {
        position: static;
        margin: 10px;
    }

    .tablecreances .row.align-items-center {
        display: flex;
        width: 100%;
    }


}

.tablecreances .text-break {padding: 0px!important;}
.tablecreances > section > div > .text-break > p:first-child{
  margin-bottom:-5px;
  font-size: 0.95rem;
  font-family:'DMSans-Rgular',sans-serif;
  margin-top: 13px;}


.accords .treataccordspays .treataccordspays .miseEnAvant section ul.newsList li.textLink .newsListItem div h3 a{text-decoration: none!important;}
.accords .treataccordspays .treataccordspays .miseEnAvant section ul.newsList li.textLink .newsListItem div h3 a:hover{text-decoration: underline!important;text-underline-offset: 4px!important; }



#bytreatments {position: absolute!important;
  top: 172px!important;
  left: -55px !important;
  z-index: 10!important;}






/*étiquettes dans la bannière*/
.accords .imgpaysbanniere .banner .banner-text {
  top: 40% !important;
  bottom: 20px;
  left: 20px !important;
  padding-right: 10px;
  padding-left: 0px !important;
  padding-bottom: 0px !important;
  background: unset !important;
  width: 80% !important;
  max-width: 80% !important;
}


.bloccreances {
  display: flex!important;
  flex-direction: column!important;
  gap: 10px!important;
}

/* Ligne 1 : titre */
.titrecreances {
  background: #fff;
  padding: 10px 15px;
  width: fit-content; /* s’adapte au texte */

}
.bloccreances .titrecreances h1.titrepays{font-family: 'Outfit-Bold',sans-serif !important;font-size: 2.25rem !important;
  line-height: 2.825rem;
  margin-top: 0px;
  margin-bottom: 0px!important;
  padding-left: 0px !important;
  margin-left: 0px!important;}

/* Ligne 2 : conteneur des secondline */
.bloccreances > .secondline {
  display: flex;
  align-items: center;
  gap: 10px;
   background: #fff;
}

/* Si tu veux qu'elles soient sur UNE ligne réparties */
.bloccreances {
  flex-wrap: wrap;
}

/* Variante recommandée : wrapper pour les secondline */
.secondlines-wrapper {
  display: flex;
  justify-content: flex-start;
  gap: 11px;
}

/* Chaque bloc */
.secondline {
  display: flex;
  align-items: center; /* centrage vertical */
  background-color: #fff;
  padding: 10px;
}

/* Image à gauche */
.vignettes {
  width: 50px;
  flex-shrink: 0;
}

.vignettes img {
  max-width: 100%;
}

/* Texte à droite */
.textcreance p {
  margin: 0;
  line-height: 1.2;
}
.secondline > .textcreance > p:nth-child(2) {font-family: 'Outfit-Bold',sans-serif !important;font-size:1.5rem !important;}

/*fin des étiquettes dans la bannière*/


/*mise en forme des actualités accords pays*/
.treataccordspays ul.newsList li.textLink .newsListItem p.newsInfo{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.treataccordspays ul.newsList li.textLink .newsListItem .col-8{-ms-flex: 0 0 80%;flex: 0 0 80%;max-width: 75%;}
.treataccordspays div ul.newsList li.textLink.py-3 div.newsListItem.row div:has(.droitetreat):first-child{display: flex;}
.treataccordspays .newsDate{margin-left: 10px;line-height: 2.5rem !important;}
.treataccordspays ul.newsList li.textLink .newsListItem > h3.col-lg-12.tab-focus{display:none!important;}
.treataccordspays ul.newsList li.textLink .newsListItem .newsImg{display:none!important;}
.treataccordspays .newsInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Aligner la date et le pays à gauche */
.treataccordspays .newsDate,
.treataccordspays .paysnametreat {margin-right: 20px;}
.treataccordspays .newsDate{font-family: 'DMSans-Regular', sans-serif; font-size: 1rem!important;color:#01509F!important;}
/* Conteneur des informations droites (type et statut) */
.treataccordspays .droitetreat {display: flex;justify-content: flex-end;align-items: center;width: 100%;padding-top:5px;}
.treataccordspays .droitetreat p {padding-left:0px!important;}



/*appliquer le liens sur tout le LI*/
.treataccordspays li.textLink {
  position: relative;
}

/* Le col-8 ne doit pas créer de contexte de positionnement */
.treataccordspays li.textLink .newsListItem .col-8 {
  position: static;
}

/* Idem pour le div intermédiaire */
.treataccordspays li.textLink #newsResumeFirst_77a94528-0a5b-4b82-add3-789933803d9e {
  position: static;
}

.treataccordspays li.textLink .paysnametreat a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.treataccordspays li {background:rgba(112,112,112,0.06)!important;border-bottom: 1px solid rgba(1,80,159,0.5) !important;}
.rechpays div  ul.navmenu.level_1 li .box-inner ul li{background: none!important;}
.rechpays div .navbar ul li{background: none!important;}




/* Éléments à droite séparés par un espace */
.treataccordspays .typetreat,
.treataccordspays .statuttreat {margin-left: 10px;}
.treataccordspays div ul.newsList li.textLink{margin-bottom: 20px;border-bottom: 2px solid rgba(1,80,159,0.5);}

/*.paysnametreat::before {content:url(../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/book.png);height:25px;width: 25px;margin-right:5px;vertical-align: baseline;}*/
.paysnametreat{font-family: 'Outfit-Bold',sans-serif !important;font-size:1.5rem !important;width:50%;}

.droitetreat{width:50%;display:flex;}
.droitetreat span {font-family: 'DMSans-Regular', sans-serif !important;font-size: 0.85rem !important;line-height: 1rem;}


.typetreat{
  border: 1px solid rgb(1,80,159);
  background-color: #fff;
  border-radius:20px;
  padding: 5px 10px 2px 10px;
  margin-right: 5px;
  height: 25px;
  width: fit-content;
  text-align: center;
}
.statuttreat{
  border: 1px solid rgb(234, 84, 31);
  border-radius: 20px;
  background-color: rgba(234, 84, 31, 0.2);
  padding: 5px 10px 2px 10px;
  margin-right: 5px;
  height: 25px;
  width: fit-content;
  text-align: center;
}



/*-------------------------------------------------*/
/*test 2*/
/*-------------------------------------------------*/
/* La ligne principale devient flex */
.treataccordspays div ul.newsList li.textLink.py-3 .newsListItem.row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  margin: 0!important;
}

/* On masque ce qui doit l'être */
.treataccordspays div .newsListItem .newsImg a img.img-fluid,
.treataccordspays div ul.newsList li.textLink.py-3 .tab-focus,
.treataccordspays div ul.newsList li.textLink.py-3 .newsImg{
  display: none;
}

/* La date prend sa place naturelle à gauche */
.treataccordspays div ul.newsList li.textLink.py-3 .newsInfo.col-lg-12 {
  flex: 0 0 auto;
  width: auto;
  padding: 0;
  margin: 0;
  width:20%
}

.treataccordspays div ul.newsList li.textLink.py-3 .newsDate {
  white-space: nowrap;
}

/* Le bloc col-8 (qui contient titre + badges) s'étend pour remplir */
.accords .editmodeList .treataccordspays section .treataccordspays .miseEnAvant .newsList .textLink .newsListItem div.col-7,
.editmodeArea .treataccordspays div ul.newsList li.textLink.py-3 .newsListItem .col-7, 
.treataccordspays div ul.newsList li.textLink.py-3 .newsListItem .col-8 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0;
  width: 80%;
}

/* Le div interne #newsResumeFirst_... devient flex aussi */
.accords .editmodeList .treataccordspays section .treataccordspays .miseEnAvant .newsList .textLink .newsListItem div,
.editmodeArea .contributions .treataccordspays div ul.newsList li.textLink.py-3 div div div div.newsListItem.row div,
.treataccordspays div ul.newsList li.textLink.py-3 .newsListItem .col-8 > div {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}

/* Le h3 avec le titre prend la place disponible */
.accords .editmodeList .treataccordspays section .treataccordspays .miseEnAvant .newsList .textLink .newsListItem div h3,
.editmodeArea .treataccordspays div ul li  div div .newsListItem  h3,
.treataccordspays div ul.newsList li.textLink.py-3 .newsListItem .col-8 h3 {
  flex: 1;
  margin: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Outfit-Bold',sans-serif !important;
  font-size: 1.5rem !important;
  border:none!important;
}
/* étaler le lien sur toute la div*/
.treataccordspays section div.treataccordspays div.miseEnAvant section ul.newsList li.textLink .newsListItem div.col-8 div h3 a{
    display: block;
    width: 100%;
    height: 100%;
}




  /*------------------------------------------------------------------------------------------------------------------*/
 /* Modifier le texte du lien dans les pages pays par Traitement de la dette en français et Debt treatment en anglais*/
/*------------------------------------------------------------------------------------------------------------------*/

/* Français (défaut) */
.accords .treataccordspays section .treataccordspays .miseEnAvant section ul.newsList li.textLink .newsListItem .col-8 h3 a {
  font-size: 0;
  text-decoration:none!important;
}
.accords .accord section .treataccordspays .miseEnAvant section ul.newsList li.textLink .newsListItem .col-8 div h3 a:hover,
.accords .treataccordspays section .treataccordspays .miseEnAvant section ul.newsList li.textLink .newsListItem .col-8 h3 a:hover {
  text-decoration:none;
}
.accords .accord section .treataccordspays .miseEnAvant section ul.newsList li.textLink .newsListItem .col-8 div h3 a:hover::before,
.accords .treataccordspays section .treataccordspays .miseEnAvant section ul.newsList li.textLink .newsListItem .col-8 h3 a:hover::before {
text-decoration: underline!important;text-underline-offset: 4px!important; 
}



/*Créanciers juste le livre*/
.treataccordspays li.textLink > .newsListItem > div > div > h3 > a{font-size: 0px;}
.accords > .col > .accord > section > .treataccordspays > .miseEnAvant > section > ul.newsList > li.textLink > .newsListItem  .col-8 div h3 a::before {
  font-size: 20px;
  /*content: url(../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/book.png);*/
}

/*débiteurs livre + texte*/

/* Texte français*/
.container:not(.CDPCRE) .accords .accord section .treataccordspays .miseEnAvant section ul.newsList li.textLink .newsListItem .col-8 div h3 a::before,
.container:not(.CDPCRE) .accords .treataccordspays section .treataccordspays .miseEnAvant section ul.newsList li.textLink .newsListItem .col-8 h3 a::before {
  font-size: 20px;
  content:  " Traitement de la dette";
  /*url(../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/book.png)*/
}
/* Texte Anglais */
html[lang^="en"] .container:not(.CDPCRE) .accords .accord section .treataccordspays .miseEnAvant section ul.newsList li.textLink .newsListItem .col-8 div h3 a::before,
html[lang^="en"] .container:not(.CDPCRE) .accords .treataccordspays section .treataccordspays .miseEnAvant section ul.newsList li.textLink .newsListItem .col-8 h3 a::before {
  content:" Debt treatment";
  /*url(../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/book.png) */
}



  /*-------------------------------------------------------------------------------------------------------------------*/
 /* Modifier le texte du lien dans les pages pays par Traitement de la dette en français et Debt treatment en anglais */
/*-------------------------------------------------------------------------------------------------------------------*/



/* Icône via pseudo-element avant le lien du titre */
.editmodeArea .treataccordspays div ul.newsList li.textLink.py-3 .newsListItem h3 a::before
/*.treataccordspays div ul.newsList li.textLink.py-3 .newsListItem .col-8 h3 a::before*/ {
  content: url(../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/book.png);
  display: inline-block;
  top: 2px;
  position: relative;
}


/* Les paragraphes des badges côte à côte à droite */
.editmodeArea .treataccordspays div ul.newsList li.textLink.py-3 .newsListItem p
/*.treataccordspays div ul.newsList li.textLink.py-3 .newsListItem .col-8 p*/ {
  margin: 0;
  flex: 0 0 auto;
}

/* Les badges eux-mêmes */
.treataccordspays div ul.newsList li.textLink.py-3 .newsListItem .col-8 .colored-cta {
  display: inline-block;
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 50px;
  text-decoration: none;
  white-space: nowrap;
}

.treataccordspays .colored-cta

/* Le li doit avoir position relative */
.treataccordspays .textLink {
  position: relative;
}

/* Le lien du titre recouvre tout le li via un pseudo-element */
.treataccordspays .newsListItem .col-8 h3 a::after {content: "";position: absolute;inset: 0;}
.treataccordspays .newsListItem .col-8 .colored-cta {position: relative;z-index: 1;}
.typetreat,.statuttreat,.rembtreat{font-family:'DMSans-Regular',sans-serif!important;font-size:0.9rem!important;line-height:0.9rem;}


/*couleur de la date des accordssignés*/

.statuttreat,.rembtreat,.typetreat{
  margin-top: auto !important;
  margin-bottom: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  margin-right: 5px;
  border-radius: 20px;
}

.statuttreat{
  border: 1px solid rgb(234, 84, 31);
  background-color: rgba(234, 84, 31, 0.2);
}
.rembtreat{
  border: 1px solid #28D218;
  background-color: rgba(40,210,24,0.1);
}
.typetreat{
  border: 1px solid rgb(1,80,159);
  background-color: #fff;
}
/*-------------------------------------------------*/
/* fin du test 2*/
/*-------------------------------------------------*/

/*fin de li des recherches d'accord*/









/* Conteneur principal en position relative pour ancrer les éléments superposés */
.accords .treatpays {padding:20px 100px;}

.accordpays section {
  position: relative;
}

/* Titre bleu superposé sur l'image, au-dessus des créances */
.accordpays .titre-bleu {
  position: absolute;
  top: 97px;
  left: -70px;
  width: 450px;
  padding: 8px 16px;
  background: #fff;
  height: 110px;
  display: flex;
}
.accordpays .titre-bleu .row{align-items: center;} 
.accordpays .titre-bleu h1 {
  font-family: 'Outfit-Bold',sans-serif!important;
  font-size: 2.25rem!important;
  color: #000;
  margin: 0;
}

/* Bande du bas avec les 3 infos, superposée en bas de l'image */
/*  Bannière des pays  */
.accords .container {background-color: #fff;}
.imgpaysbanniere .banner {margin: 20px 0 0 0 !important;border-radius: unset!important;}




/*mise en form pagination*/
.bg-grey, .bg-grey select {background-color: unset!important;margin-bottom: 1%!important;padding-left: 10px;}
.pagination.bg-grey {border-bottom: 1px solid rgb(211,211,211);border-bottom: 1px solid rgb(211,211,211);border-radius: unset;}
.accords .whiteacc section .pagination {border-radius: 0px;}
.accords .whiteacc section .pagination.bg-grey{border-bottom: 1px solid #000;}
.pagination .paginationNavigation ul.pages li.currentPage{background: rgb(234, 84, 1,0.5) !important;color: #000;}
.pagination .paginationNavigation ul.pages li{background:unset!important;border: none!important;}
.pagination .paginationNavigation ul.pages li a{text-decoration: none!important;}
.pagination .paginationNavigation ul.pages li a:hover {text-decoration: underline!important; text-decoration-color: rgb(234, 84, 1) !important; text-decoration-thickness: 2px!important; text-underline-offset: 6px!important;}
section .pagination.bg-grey label,
section .pagination.bg-grey select,
section .pagination.bg-grey .paginationPosition p,
section .pagination.bg-grey .paginationNavigation form ul li,
.accords .whiteacc section .pagination.bg-grey .paginationPosition p,
.accords .whiteacc section .pagination.bg-grey label,
.accords .whiteacc section .pagination.bg-grey select,
.accords .whiteacc section .pagination.bg-grey ul.pages li{font-family: 'DMSans-Regular',sans-serif;font-size:0.95rem;}

ul.pages {margin: auto;margin-right: auto;padding: 0;display: inline-table;vertical-align: middle;margin-right: 0;}





  /*------------------------------------------------------*/
 /*Page recherche simple résultats des recherches du site*/
/*------------------------------------------------------*/
.searchpage h2{border-left: none!important;color:#000!important;margin-bottom: 20px!important;}
.searchpage .bg-grey.row{background-color: unset!important;}
.searchpage .bg-grey.row p, .searchpage .bg-grey.row label,
.searchpage .bg-grey.row select,
.searchpage .bg-grey.row .paginationNavigation form ul li {font-family: 'DMSans-Regular',sans-serif!important;font-size:0.95rem!important}
.searchpage .resultsList li{border-bottom:solid 2px var(--border-title-orange);margin-bottom:20px!important}
.searchpage .resultsList li::marker{font-size: 0.1rem;color:#ffffff;}
.searchpage h4{border-left: none!important;}
.search-result-title {font-size:0!important;}
.search-result-title a {font-family:'Outfit-SemiBold',sans-serif!important;font-size: 1.375rem; text-decoration: none!important;}
.search-result-title a:hover {text-decoration: underline!important;text-underline-offset: 4px!important; }
.searchpage a.nextLink{text-decoration: none!important;}

/* Cacher tout sauf les éléments voulus */
.searchpage .resultslistDesc,
.searchpage .resultsListDate,
.searchpage .search-result-title .searchHighlightedText {
  display: none;
}
/* Afficher le li proprement */
.searchpage ol li {
  list-style: none;
  margin-bottom: 1rem;
}
/* Empiler les deux spans l'un au-dessus de l'autre */
.searchpage h4.search-result {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.searchpage .search-result-title,
.searchpage .search-result-link {
  display: block;
}
.searchpage h4.search-result > .search-result-title:not(:has(a)) {
  display: none;
}
h4.search-result {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
  padding-right: 2rem;
}
/* Flèche positionnée à droite */
h4.search-result::after {
  content: "→";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
}
h4.search-result {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
  padding-right: 2rem;
}
.search-result-arrow {
 position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.375rem;
  text-decoration: none;
  color: #003060;
  z-index: 10;
  cursor: pointer;
  background-color: #EFF7FC;
  padding: 0.6rem 1rem;
  border-radius: 28px;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 49px;
  width: 49px;
}
.search-result-arrow:hover {
  background-color: #003060;
  color: white!important;
  text-decoration: none!important;
}
.searchpage  a{text-decoration: none;}
.searchpage  a:hover {text-decoration: underline;text-decoration-color:var(--border-title-orange);}

mark {background: none!important;color: black;}


@media screen and (max-width: 991px){
  /*.treataccordspays div .newsList .textLink .newsListItem > .col-8 > div{display:block!important;}*/
  .typetreat,.rembtreat,.statuttreat{margin-left: 15px !important;margin-top:5px!important;}
  .treataccordspays div ul.newsList li.textLink.py-3{height:150px!important;padding-top:5px!important}
  .treataccordspays li.textLink .newsListItem .col-8 {position: absolute;margin-top: 120px;}
  .treataccordspays {margin: 0 -40px!important;}
  .pagination.bg-grey {margin-right:-50px;margin-left:-50px;border-bottom:none!important;}
  .accords .col .treataccordspays section .treataccordspays .miseEnAvant section ul.newsList{margin-left: 30px;margin-right:30px;}
  .treataccordspays ul.newsList li.textLink .newsListItem .col-8 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  }
  .accords div.col{display: flex;flex-direction: column;}

  /* On force l'ordre */
  .accords .tablecreances {order: 2;}
  .accords .banner {order: 1;}
  .accords .treataccordspays,
  .accords .col .accord{order:3;}
  .bodywrapper .banner {margin: -16px -80px 30px -80px !important;
  }
  .accords .treataccordspays .treataccordspays .newsListItem.row div.col-8,
  .accords .accord .treataccordspays .newsListItem.row div.col-8{width: 100%!important;}
  .accords .pagination.bg-grey{margin-right:65px!important;margin-left:65px!important;border-bottom:none!important;}


  .archives .newsListItem .col-5,
  .archives .newsListItem .col-7 > div[id^="newsResumeFirst_"] { Display:none!important;  }

  .archives #newsCDP > section > div > ul.newsList > li.textLink .newsListItem::after {
    content: "";
    width: 40px;
    height: 0px!important;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    background-image: unset!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    background-color: transparent!important;
    border-radius: 50%;
    transition: all .3s ease;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: -10px;
  }
  .archives .newsListItem .col-7 h3{margin-top: 20px!important;}
  .onglet_actu,.onglet_archives{margin-bottom: 10px;}


}

@media screen and (max-width: 768px){
  .bodywrapper .banner {margin: -36px 0px 30px 0px !important;}
  .row {margin-right: 0px!important;margin-left: 0px!important;}
  .accords .treataccordspays .treataccordspays .newsListItem.row div.col-8,
  .accords .accord .treataccordspays .newsListItem.row div.col-8{width: 100%!important;}




}








  /*----------------------*/
 /* LISTE DES COMPOSANTS */
/*----------------------*/

/*Plier/Déplier*/
.whitelotus section .listeaccordeon section div.row.w-100.mt-2 h3.col-lg-12{margin-left:0px!important;}
.plier-deplier .card-header:first-child{border-radius:0!important;}
.plier-deplier .accordion li.card h3{font-family: 'Outfit-Regular',sans-serif !important;font-size: 1.5rem !important;line-height: 2.075rem;color: var(--text-title-blue) !important;
  border-left: none!important;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.plier-deplier div.container{
  padding-right: 15px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;}
.plier-deplier .card {
  background-color:transparent!important;
  border-top:1px solid rgba(0,0,0,.125)!important;
  border-left:none!important;
  border-right:none!important;
  border-radius: 0!important;
}
.plier-deplier .card:last-child {border-bottom: 1px solid rgba(0,0,0,.125)!important;}
.plier-deplier .container ul .card h3 button{background: transparent!important;}

.contributions .plier-deplier .container .accordion.card-with-content .card div.collapse.show{padding-left: 30px; }



/*titres des pages composants*/
.titrecompo {border:1px solid var(--border-dark); margin-top: 20px!important;}
.titrecompo h2 {font-size:1.3rem!important;color: #000000!important;border-left:none!important;margin-top:0px!important;margin-bottom:0px!important;}

/*bouton accès pages*/ 
/*liste boutons */
.listerapido{margin-left:-100px;margin-right:-100px;background-color: var(--background-color) !important;padding-bottom:50px;}
.listerapido .columns2{margin-left:100px;margin-right:100px;}

/* bloc pays permanents*/
.permanents {column-count: 3;margin-bottom: 20px;}
.permanents .text-break.col-lg-12 {padding-top: 0px !important;}
.permanents .mb-2.mt-2{margin-top:0px!important;}
.permanents .text-break.col-lg-12 ul{list-style:none!important;}


/*----------------------------------------------------------------------*/
/*BOUTONS PUSH*/


.pageaccueil .btnpush {
  background-color: unset !important;
  margin-left: -30px;
  margin-right: -30px;
  background-color: var(--background-color) !important;
  padding: 15px 0px;
   }

.btnpush {
  background-color: unset !important;
  margin-left: -100px;
  margin-right: -100px;
  margin-bottom: 0px;
  background-color: var(--background-color) !important;
  padding: 15px 0px;
}

.btnpush .btntitre{font-family:'Outfit-Medium',sans-serif;font-size:1.375rem;margin-bottom: 10px;color:black!important;}
.btnpush .btntexte{font-family:'DMSans-Regular',sans-serif;font-size:1.125rem;color:black!important;}
.btnpush .btnaccrapideleft > .row,
.btnpush .btnaccrapideright > .row{margin-left:15px!important;margin-top:0px!important;}


.btnpush .btnaccrapideleft,
.btnpush .btnaccrapideright {border-bottom:3px solid #003060;}
.btnpush .btnaccrapideleft:hover,
.btnpush .btnaccrapideright:hover {border-bottom:3px solid var(--text-decoration-orange)!important;}


/* conteneur */
.btnpush section{
    display:flex;
    width:100%;
    gap:20px;
}

/* blocs */
.btnaccrapideleft,
.btnaccrapideright{
    position:relative;
    width:50%;
    height:93px;
    max-height:93px;
    box-sizing:border-box;
}

/* garde le bloc droit à droite */
.btnaccrapideright{
    margin-left:auto;
}

/* lien pleine surface */
.btnaccrapideleft .btntexte,
.btnaccrapideright .btntexte{
    margin:0;
}

.btnaccrapideleft,
.btnaccrapideright{
    position:relative;
}

.btnpush .btnaccrapideleft .pushlink a,
.btnpush .btnaccrapideright .pushlink a{
    position:absolute;
    inset:0;
    z-index:10;
    /* masque le texte du lien mais garde le clic */
    font-size:0;
    color:transparent;
}

.btnaccrapideleft .btntitre,
.btnaccrapideright .btntitre,
.btnaccrapideleft .btntexte,
.btnaccrapideright .btntexte{
    position:relative;
    z-index:1;
}


/* flèche */


.btnaccrapideleft::after,
.btnaccrapideright::after  {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  line-height: 1;
  pointer-events: none;
  color: #003060;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  background-color: #003060;
  -webkit-mask: url("../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/Fleche-push.svg") no-repeat center !important;
  mask: url("../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/Fleche-push.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

/* colorer la flèche au survol*/
/*.btnaccrapideleft:hover::after {
  background-color: #ff4d00;
}*/





/*menu ancre*/
.ancrecdp{margin:45px -100px 30px -100px!important;height:45px;}
.ancrecdp nav ul {flex-direction: row;justify-content: center; border-top: 1px solid var(--border-light-ancre); border-bottom: 1px solid var(--border-light-ancre);}
.ancrecdp nav ul li.textLink{width:auto!important;border-bottom: none!important;}
.ancrecdp nav ul li.textLink:not(:first-child){padding-left:10px;border-left: 1px solid #000000!important;}
.ancrecdp nav ul li.textLink:not(:last-child){margin-right:10px; }
.ancrecdp nav ul li.textLink a:visited,
.ancrecdp nav ul li.textLink a{text-decoration: none!important;}
.ancrecdp nav ul li.textLink a:active,
.ancrecdp nav ul li.textLink a:hover{text-decoration: underline!important;text-decoration-color: var(--text-title-dark);text-decoration-thickness: 2px;  text-underline-offset: 4px!important;  }
.ancrecdp nav ul li.textLink a:visited .list__link-text,
.ancrecdp nav ul li.textLink a .list__link-text{font-family: 'Outfit-Regular',sans-serif;font-size: 1.25rem;color:var(--text-color-dark);text-decoration: none!important;}
.ancrecdp nav ul li.textLink a:active .list__link-text,
.ancrecdp nav ul li.textLink a:hover .list__link-text{text-decoration: underline!important;  text-underline-offset: 4px!important; ;text-decoration-color: var(--text-title-dark);text-decoration-thickness: 2px;text-shadow: 0.5px 0px 0.5px currentColor,0 0 0.01px currentColor;}

/*menu ancre2 page chiffres et lien*/
.ancrecdp2{margin:-30px -100px 0px -100px!important;border-bottom: 1px solid var(--border-light-ancre);height:45px;}
.ancrecdp2 nav ul {flex-direction: row;justify-content: center;}
.ancrecdp2 nav ul li.textLink{width:auto!important;border-bottom: none!important;}
.ancrecdp2 nav ul li.textLink:not(:first-child){padding-left:10px;border-left: 1px solid #000000;}
.ancrecdp2 nav ul li.textLink:not(:last-child){margin-right:10px; }
.ancrecdp2 nav ul li.textLink a:visited,
.ancrecdp2 nav ul li.textLink a{text-decoration: none!important;}
.ancrecdp2 nav ul li.textLink a:active,
.ancrecdp2 nav ul li.textLink a:hover{text-decoration: underline!important;text-decoration-color: var(--text-title-dark);text-decoration-thickness: 2px;  text-underline-offset: 4px!important;  }
.ancrecdp2 nav ul li.textLink a:visited .list__link-text,
.ancrecdp2 nav ul li.textLink a .list__link-text{font-family: 'Outfit-Regular',sans-serif;font-size: 1.25rem;color:var(--text-color-dark);text-decoration: none!important;}
.ancrecdp2 nav ul li.textLink a:active .list__link-text,
.ancrecdp2 nav ul li.textLink a:hover .list__link-text{font-family: 'Outfit-Bold',sans-serif;font-size: 1.25rem;color:var(--text-title-dark);text-decoration: underline!important;  text-underline-offset: 4px!important ;text-decoration-color: var(--text-title-dark);text-decoration-thickness: 2px; }



@media screen and (max-width: 991px){
  .ancrecdp{margin:10px 0px 0px 0px!important;width:55%!important;height:auto!important;max-height: 100%;}
  .ancrecdp nav ul {flex-direction: row;justify-content: left; }
  .ancrecdp nav ul li.textLink:not(:first-child) {padding-left:0px!important; border-left:none!important;}
 
}





/*Frise chronologique*/
.chronofrise section .row .text-break{border-left: 4px solid var(--border-title-orange);padding-left: 15px;margin-left: 0px;}

.chronofrise section .row .text-break {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 0.5rem 15px;
  align-items: start;
}
.chronofrise section .row .text-break .year {
  font-weight: bold;
  margin: 0;
  padding-left: 20px;
  color:#01509F;
}
.chronofrise section .row .text-break .textefrise {
  margin: 0;
}






/*contenu principaux avec image*/
.imagecadre p,
.imagelarge p,
.untiers p{}


.imagecadre75dessous,
.imagecadre75,
.imagecadre50dessous,
.imagecadre50{margin-bottom: 20px;}



.imagecadre50 section .text-break.col-lg-12 p,
.imagecadre50dessous section .text-break.col-lg-12 p,
.imagecadre75 section .text-break.col-lg-12 p,
.imagecadre75dessous section .text-break.col-lg-12 p{
  margin-bottom: 10px!important; 
  font-family:'Outfit-Regular',sans-serif!important;
  font-size:1.5rem!important;
  line-height:1.5rem;
  color:var(--text-title-blue)!important;
}



/*image 50% texte à coté*/
.imagecadre50 {margin-bottom: 15px;}
.imagecadre50 section .row .text-break{padding-left: 15px!important;}
.imagecadre50 section .row .col-lg-6.text-break p {margin-bottom: 10px;}




/*image 50% texte en dessous*/
.imagecadre50dessous .col-lg-6.text-break p{margin-bottom: 10px;}
.imagecadre50dessous .col-lg-6.text-center{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.imagecadre50dessous .col-lg-6.text-center .img-fluid {width: 50%;}
.imagecadre50dessous .col-lg-6.text-break {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}


/*image 75% texte à coté*/
.imagecadre75 p{margin-bottom: 10px;}


/*image 75% texte en dessous*/
.imagecadre75dessous .col-lg-6.text-break p{margin-bottom: 10px;}
.imagecadre75dessous .col-lg-6.text-center{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.imagecadre75dessous .col-lg-6.text-center .img-fluid {width: 75%;}
.imagecadre75dessous .col-lg-6.text-break {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}








/*image 1/3 + texte 2/3*/
.untiers

/*image et texte même cadre*/
.imagecadre .row .col-lg-4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.imagecadre .row .col-lg-8 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}


/*image largeur cadre blanc et texte cadre habituel*/
.imagelarge{margin-right: -80px;margin-left: -80px;}
.imagelarge .row .col-lg-4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.imagelarge .row .col-lg-8 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.imagelarge .img-fluid{max-width:100%;height:auto;width:100%;}

/*lien documents pages ancres*/
.pagelienancre .cartouche section .columns2 .column-item{width:100%;}
.lienspagesancres{width:100%;margin-left: auto;}
.lienspagesancres .textLink{font-size:1rem!important;line-height:1.25rem!important;border:none!important;text-align: end;}
.lienspagesancres img.icone{height:15px;}
.lienspagesancres .textLink a {display: inline-flex;align-items: center;}
.lienspagesancres .textLink a .list__link-text {order: 1;}
.lienspagesancres .textLink a .icone {order: 2;margin-left: 5px;}



.pagelienancre h1{margin-bottom:-40px!important;}
.pagelienancrecartouche h1{margin-bottom:15px!important;}

/*zone de chiffre et liens en entête*/
.cartouche {margin: 0 -80px!important;} 

.cartouche .spacer > .number > div:nth-child(1) > .text-break > p:nth-child(1),
.cartouche .spacer > .number > div:nth-child(2) > .text-break > p:nth-child(1),
.cartouche .spacer > .number > div:nth-child(3) > .text-break > p:nth-child(1){font-size:0.9375rem!important;}
.cartouche section .columns4 div.column-item:nth-child(1) > .spacer > .number > div:nth-child(1) > div:nth-child(1) > p:nth-child(2),
.cartouche section .columns4 div.column-item:nth-child(2) > .spacer > .number > div:nth-child(1) > div:nth-child(1) > p:nth-child(2),
.cartouche section .columns4 div.column-item:nth-child(3) > .spacer > .number > div:nth-child(1) > div:nth-child(1) > p:nth-child(2){font-family: 'Outfit-Bold',sans-serif!important; font-size:1.3rem!important;}
.cartouche section .columns4 .column-item .spacer .number div .text-break.col-lg-12{
  position: relative;
  padding-left: 20px; /* espace pour le trait */
}
.cartouche section .columns4 .column-item .spacer .number div .text-break.col-lg-12::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 45px;
  background-color: var(--border-title-orange);
}

/*remontée d'actualité*/
.remontactu section .recuperation-contenu div .newsListItem{position: relative;}
.remontactu section .recuperation-contenu div .newsListItem::after {content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:49px;height:49px;background:url('../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/fleche.png') no-repeat center;background-size: contain;}
.remontactu section .recuperation-contenu div .newsListItem p.newsInfo,
.remontactu section .recuperation-contenu div .newsListItem .newsImg,
.remontactu section .recuperation-contenu div .newsListItem .newsImg a img {display:none;}
.remontactu section .recuperation-contenu div .newsListItem > h3 {font-size:1.375rem!important;border-left: none!important;padding-right: 40px;}
.remontactu section .recuperation-contenu div .newsListItem > h3 > a{text-decoration: none!important;}
.remontactu section .recuperation-contenu div .newsListItem .col-8 div {padding-left: 15px!important;}
.remontactu > section > .recuperation-contenu > div:not(.clear) {border-bottom:2px solid var(--border-title-orange)}



/*BLOCS COLORES*/
/*Fond jaune*/
.yellowbox{background-color: var(--background-yellowbox-25);margin: 0 -85px; padding: 20px 85px;}
/*Fond bleu*/
.bluebox{background-color: var(--background-bluebox-25);margin: 0 -85px; padding: 20px 85px;}

/*bloc titre + texte*/
.bloctitretexte section div.row.align-items-start.mb-2 div.text-break.col-lg-12 h1,
.bloctitretexte section div.row.align-items-start.mb-2 div.text-break.col-lg-12 h2{  margin-bottom: 36px!important;}
.bloctitretexte section div.row.align-items-start.mb-2 div.text-break.col-lg-12 h2{}

.bloctitretexte section div.row.align-items-start.mb-2 div.text-break.col-lg-12 h1,
.bloctitretexte h3{ 
  margin: 0!important;
  border-left:none!important; 
  color:var(--text-title-dark)!important;
  font-family: 'Outfit-SemiBold', sans-serif!important;
  font-size: 1.5rem!important;
  line-height: 2.05rem!important;
  padding-left: 15px!important;
  margin-bottom:27px!important;
  margin-top:30px;
  padding-left:15px!important;
}
.bloctitretexte section div.row.align-items-start.mb-2 div.text-break.col-lg-12 h4 {
  margin-bottom: 25px;
  /*margin: 0!important;*/
  border-left:none!important; 
  color:var(--text-title-dark)!important;
  font-family: 'Outfit-SemiBold', sans-serif!important;
  font-size: 1.75rem!important;
  line-height: 1.95rem!important;
}
.bloctitretexte .col-lg-12.text-left{padding-left: 0px;padding-right: 0px;}

.bloctitretexte p {padding-left:15px;margin-bottom: 20px;}

.bloctitrelink{padding-top:  10px!important;}




/*bloc video*/
.videobloc {padding-right:110px!important;}

/*date*/ 
.affichedate {margin-top:-20px;margin-left:-55px;}
.affichedate .text-break{padding-left:15px;}
.affichedate .text-break p{color:var(--text-title-blue);}






/*bloc photo*/
.trombi section a{display: block;position: relative;}
.trombi section a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%; /* englobe visuellement le texte */
  z-index: 9000;
  Max-height:200px
}
.trombi .text-break p{
  text-align:left;
  color:var(--texte-link-photo);
  font-size:0.9375rem!important;
  line-height: 19px;
  font-family:'DMSans-SemiBold',sans-serif!important;
  margin-bottom: 10px!important;
}
.trombi .text-break p:first-of-type{white-space: nowrap}
.trombi div:has(a:hover) p {text-decoration:underline;text-underline-offset:4px!important;}
.trombi .img-fluid{height:210px;border-radius: 150px;max-height: 210px;}
.trombi .text-break{
  padding: 0 25px 0 20px !important;
  margin-top: 20px;
}

@media screen and (max-width: 991px) {
  .whitelotus section section .columns4:has(.trombi){margin: 0 -90px!important;}
  .whitelotus section section .columns4 .column-item .spacer .trombi div.row .col-lg-12 p{padding-left: 0!important;}
  .trombi .text-break {padding: 0 20px 0 50px !important; margin-top: 20px;}
  .bodywrapper .columns4 .column-item:has(.trombi) {width: 40% !important;margin: 0 5%;}
}
@media screen and (max-width: 768px) {
  .bodywrapper .columns4 .column-item:has(.trombi) {width: 100% !important;}
  .trombi .text-break{padding: 0 25px 0 100px !important;margin-top: 20px;}
  .trombi > .row{margin-left:0px!important;margin-right:0!important}

  .whitelotus section section section div.row{padding-left: 25px!important;}
  .whitelotus section .imagecadre50 section div.row{padding-left: 0px !important;}
  .bloctitretexte{padding: 15px!important;}

  .treataccordspays {margin: 0px !important;}
  .pagination.bg-grey {margin-right:0px;margin-left:0px;border-bottom: none !important;}

}


/*Tableau*/
.tablo .table-accessibility{width:100%!important;border: 1px solid var(--border-table)!important;}


/*Récupération des actus*/

/* section:has{.recupactu}   h2 {margin-left: 0!important;}*/

.recupactu .newsListItem h2,.recupactu .newsListItem h3{
  border-left: none !important;
  margin-left: 0!important;
}
.recupactu .newsListItem h2,.recupactu .newsListItem .newsImg, 
.recupactu .newsListItem h2,.recupactu .newsListItem .newsInfo {display: none!important;}

.recupactu > section > .recuperation-contenu > div{border-bottom:solid 2px var(--border-title-orange);}
.recupactu > section > .recuperation-contenu > div:last-child{border-bottom:none!important;}
.recupactu > section > .recuperation-contenu > div:last-child::after{content:"";}

.recupactu > section > .recuperation-contenu > div{position: relative;}
.recupactu > section > .recuperation-contenu > div::after{
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 49px;
  height: 49px;
  background: url("../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/fleche-background.png") no-repeat center / contain;}
.recupactu > section > .recuperation-contenu > div:last-child:after{ background: none!important;}


.whitelotus section section div .text-break p
.whitelotus > section > section:has(.recupactu) > div > .text-break > p{font-family: 'DMSans-regular',sans-serif!important; font-size: 1.25rem!important;}




/*PAGS RICHES AVEC IMAGES*/

.richpages .treatpays section div.miseEnAvant section ul.newsList li.textLink.py-3 div.newsListItem.row p.newsInfo.col-lg-12

/* Conteneur principal en position relative pour ancrer les éléments superposés */
.richpages .treatpays {padding:20px 100px;}


/*page rubrique*/




/*carrés termes*/
.steplist {margin-bottom:15px;}
section:has(.listetermes) h2.col-lg-12{margin-left: -15px;}

.steplist > section > .row:nth-child(2){margin-left:10px;margin-right:10px;}



/*carrés bleus gestion grid*/
.steplist section {display:grid;grid-template-columns:repeat(3, 1fr);grid-gap: 10px;grid-auto-rows: minmax(100px, auto);}
.steplist section div.text-break {
  background-color:#EFF6FF;
  padding: 0px 15px 15px 15px !important;
}
.steplist section div.text-break.col-lg-12 h3{font-family:'Outfit-Regular',sans-serif !important;
  font-size:1.25rem !important;
  line-height:1.8rem;
  color: var(--text-title-blue) !important;
  border-left:none;}
.steplist section div.text-break.col-lg-12 p{padding-left:0px!important;margin-bottom:20px;}


/*Disposition des carrés*/
.listetermes section{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap: 10px;grid-auto-rows: minmax(100px, auto);}

/*mise en forme des carrés texte*/
.termeformun .text-break,
.termeformdeux .text-break,
.termeformtrois .text-break,
.termeformquatre .text-break{ padding-left:12px!important;}


.termeformun .text-break h4,
.termeformdeux .text-break h4,
.termeformtrois .text-break h4,
.termeformquatre .text-break h4{padding-left:0px!important;}


.termeformun > .text-break > h3,
.termeformdeux > .text-break > h3,
.termeformtrois > .text-break > h3,
.termeformquatre > .text-break > h3{
  line-height: 2.075rem;
  margin-bottom: 15px;
  margin-top: 0!important;
  font-family: "DMSans-Semi-Bold",sans-serif!important;font-size:1.5rem!important;
  border-left:none!important;
  color:#000!important;
}
.termeformun,
.termeformdeux,
.termeformtrois,
.termeformquatre{border-left: 4px solid var(--border-terme-box);padding:0px 15px 0 15px;margin:15px 0 15px -15px;}
.listetermes section div.termeformun .text-break p{padding-left:0!important;}

.listetermes section div.termeformun div.text-break.col-lg-12 p,
.listetermes section div.termeformdeux div.text-break.col-lg-12 p,
.listetermes section div.termeformtrois div.text-break.col-lg-12 p,
.listetermes section div.termeformquatre div.text-break.col-lg-12 p {font-family: 'DMSans-Regular',sans-serif!important;font-size:1.25rem!important;line-height: 1.75rem;}

.listetermes section div.termeformun div.text-break.col-lg-12 ul,
.listetermes section div.termeformdeux div.text-break.col-lg-12 ul,
.listetermes section div.termeformtrois div.text-break.col-lg-12 ul,
.listetermes section div.termeformquatre div.text-break.col-lg-12 ul {font-family: 'DMSans-Regular',sans-serif!important;font-size:1.125rem!important;}

.listetermes section div.termeformun div.text-break.col-lg-12 ul li,
.listetermes section div.termeformdeux div.text-break.col-lg-12 ul li,
.listetermes section div.termeformtrois div.text-break.col-lg-12 ul li,
.listetermes section div.termeformquatre div.text-break.col-lg-12 ul li{line-height: 1.5rem;font-family: 'DMSans-Regular',sans-serif!important;font-size:1.125rem!important;}


.listetermes section div.termeformun div.text-break.col-lg-12 p:has(a),
.listetermes section div.termeformdeux div.text-break.col-lg-12 p:has(a),
.listetermes section div.termeformtrois div.text-break.col-lg-12 p:has(a),
.listetermes section div.termeformquatre div.text-break.col-lg-12 p:has(a){margin-bottom: 0!important;}



  /*----------------------*/
 /*refonte page actualité*/
/*----------------------*/
/*formatage accroche*/
.actuCDP div .archives .Edit-news .centrepage .col .newsItem .zoneTexteNews .newsText .ARTI_GAUCHE > div > .text-break > p,
.bodywrapper main #retrievedStructure .archives .Edit-news .centrepage .col .newsItem > .zoneTexteNews > .newsText.col-lg-6 > p{
  font-family: 'Outfit-Regular',sans-serif !important;
  font-size:1.75rem!important;
  line-height:1.75rem;
  color: var(--text-title-blue) !important;
  border-left: solid 4px var(--border-title-orange);
  margin-bottom: 20px;
  margin-top: 30px;
  padding-left: 12px !important;
}


.art1colonne div#retrievedStructure div.archives div.container.Edit-news div.row.centrepage div.col div.newsItem div.zoneTexteNews.row div.col-lg-12.mb-2 h3.newsTitle, 
.actuCDP div#retrievedStructure div.archives div.container.Edit-news div.row.centrepage div.col div.newsItem div.zoneTexteNews.row div.col-lg-12.mb-2 h3.newsTitle {
  font-family:'Outfit-Regular',sans-serif!important;
  font-size:2.25rem!important;
  line-height:2.825rem!important;
  color:var(--text-title-dark)!important;
  margin-top: 0px!important;
  margin-bottom:30px!important;
  padding-left:10px!important;
  margin-left:-48px!important;
  border-left: none!important;
}
.art1colonne div#retrievedStructure div.archives div.container.Edit-news div.row.centrepage div.col div.newsItem div.zoneTexteNews.row p.newsInfo,
.actuCDP div#retrievedStructure div.archives div.container.Edit-news div.row.centrepage div.col div.newsItem div.zoneTexteNews.row p.newsInfo{
  color:#01509F;
  font-family:'DMSans-Regular',sans-serif!important;
  font-size:1.125rem!important;
  margin-bottom: 0px!important;
}
.art1colonne div#retrievedStructure .archives .container.Edit-news .centrepage .col .newsItem .zoneTexteNews div.col-lg-12.mb-2,
.actuCDP div#retrievedStructure .archives .container.Edit-news .centrepage .col .newsItem .zoneTexteNews div.col-lg-12.mb-2
{order:2;}
.art1colonne div#retrievedStructure .archives .container.Edit-news .centrepage .col .newsItem .zoneTexteNews p.newsInfo.col-12.mb-3,
.actuCDP div#retrievedStructure .archives .container.Edit-news .centrepage .col .newsItem .zoneTexteNews p.newsInfo.col-12.mb-3
{order:3;}
.art1colonne div#retrievedStructure .archives .container.Edit-news .centrepage .col .newsItem .zoneTexteNews .newsImg.col-lg-6,
.actuCDP div#retrievedStructure .archives .container.Edit-news .centrepage .col .newsItem .zoneTexteNews .newsImg.col-lg-6
{order: 1;margin-bottom: 40px;}
.art1colonne div#retrievedStructure .archives .container.Edit-news .centrepage .col .newsItem .zoneTexteNews .newsText.col-lg-6,
.actuCDP div#retrievedStructure .archives .container.Edit-news .centrepage .col .newsItem .zoneTexteNews .newsText.col-lg-6
{order: 4;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.art1colonne div#retrievedStructure .archives .container.Edit-news .centrepage .col .newsItem .zoneTexteNews .newsText.col-lg-12,
.actuCDP div#retrievedStructure .archives .container.Edit-news .centrepage .col .newsItem .zoneTexteNews .newsText.col-lg-12
{order: 5;}
.art1colonne div#retrievedStructure .archives .container.Edit-news .centrepage .col .newsItem .zoneTexteNews .linkArea,
.actuCDP div#retrievedStructure .archives .container.Edit-news .centrepage .col .newsItem .zoneTexteNews .linkArea
{order:6;}


.art1colonne .zoneTexteNews .newsImg,
.actuCDP .zoneTexteNews .newsImg {
  margin-left: auto !important;
  margin-right: auto !important;
  width: calc(100% + 140px) !important;/*compense les marges*/
  max-width: none !important;
  flex: none!important;        /* neutralise le flex de Bootstrap */
  padding: 0;        /* Bootstrap ajoute du padding sur les col */
}
.art1colonne .zoneTexteNews .newsImg img, 
.actuCDP .zoneTexteNews .newsImg img {
  width: 100%!important;
  display: block!important;
}
.art1colonne .newsItem .zoneTexteNews .newsText .zonePourFullPage .genericLinkList h3,
.actuCDP .newsItem .zoneTexteNews .newsText .zonePourFullPage .genericLinkList h3
{padding-left:15px!important;}

.art1colonne .archives .Edit-news .newsItem h4,
.actuCDP .archives .Edit-news .newsItem h4{border:none!important; padding-left: 0px;}


/*icone de remplacement de l'image PDF*/
.actuCDP .archives .newsItem .zoneTexteNews .genericLinkList ul li.textLink {border: none!important;margin: 5px 0!important;}
.actuCDP .archives .newsItem .zoneTexteNews .genericLinkList ul li.textLink a.download-link img.icone{display: none;}
.actuCDP .archives .newsItem .zoneTexteNews .genericLinkList ul li.textLink a.download-link::before{ 
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/telecharger.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  display: flex;
  position: relative;
  top: 4px;
  margin-right: 5px;
}
.actuCDP div .archives .Edit-news .centrepage .col .newsItem .zoneTexteNews p.linkArea{
  margin-bottom:30px!important;
}

/*lien retour arrière*/
.linkArea:has(a.returnLink) {margin-bottom:50px;}


.linkArea:has(a.returnLink){
  border-bottom: 3px solid #003060;
  line-height: 50px;
  margin-left: -85px!important;
  padding-left: 15px!important;
}

.linkArea a.returnLink {
  background-color: unset;
  border-bottom: unset;
  border-radius: unset !important;
  color: black !important;
  padding: 5px 10px 5px 0px;
  padding-bottom: 5px;
  position: relative;
  line-height: 1.75rem !important;
  padding-bottom: 15px;
  text-decoration: none !important;
  width: 100%;
  display: block;
  font-family: 'Outfit-Medium',sans-serif;
  font-size: 1.375rem;
  margin-bottom: 10px;
  /*margin-left: -15px;*/
}
.linkArea a.returnLink:hover P {
  border-bottom: 2px solid; 
  border-color: var(--red-dark-100);
}
.linkArea a.returnLink::before {
  content: " "!important;
  top: 50%;
  left: 50%;
  transform: translateY(-55%);
  position: absolute;
  left: 5px;
}
.archives .Edit-news .centrepage .col .newsItem .zoneTexteNews p.linkArea a.returnLink::after{
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  pointer-events: none;
  color: #003060;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  background-color: #003060;
  -webkit-mask: url("../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/Fleche-push.svg") no-repeat center !important;
  mask: url("../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/Fleche-push.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color 0.2s ease, transform 0.2s ease;
}


/*aligner l'icone télécharger avec le trait du lien*/
.genericLinkList ul li.textLink a.download-link svg.download-icon{margin-bottom: -4px!important;}




/*Actus à partir de 2026*/
/*image de 835px de large MAX qui s'adapte*/
.archives > .Edit-news > .centrepage > .col > .newsItem > .zoneTexteNews > .newsImg.col-lg-6 > img.w-100{  
  width: 835px !important;
  max-width: 100%;
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
/* formatage H3 en H1*/
.archives .Edit-news .centrepage .col .newsItem .zoneTexteNews .col-lg-12.mb-2 h3.newsTitle{
  border-left:none!important;
  margin-bottom:unset!important;
  font-family:'Outfit-Regular',sans-serif!important;
  font-size:2.25rem!important;
  line-height:2.25rem;
  color:var(--text-title-dark)!important;
  margin-top: 30px;
  margin-bottom:10px!important;
  padding-left:30px!important;
  margin-left:-70px;
}
/* formatgage de la date*/
.archives .Edit-news .centrepage .col .newsItem .zoneTexteNews p.newsInfo.col-12.mb-3{
  color: #01509F;
  font-family: 'DMSans-Regular',sans-serif !important;
  font-size: 1.125rem !important;
  padding-left: 0px!important;
}
.archives .container .row div > .newsItem > .zoneTexteNews > p.newsInfo > span.newsDate,
#newsCDP section div ul li .newsListItem p .newsDate,
.actuCDP .archives .container > .centrepage > .col > .newsItem > .row > p.newsInfo > .newsDate {
  font-family:'DMSans-Regular',sans-serif;
  font-size:1.125rem;
  line-height:1.125rem;
}
.archives .Edit-news .centrepage .col .newsItem .zoneTexteNews p.newsInfo.col-12.mb-3 span.newsDate{padding-left: 15px;}



.Edit-news .textLink:has(.pj-link) {
  border-bottom:none!important;
  padding-bottom: 5px !important;
}

/*finde spécificités des actualité à partir de 2026*/

em {font-size:0.95rem!important;}



/*FOOTER*/
.bodywrapper footer {background-color:var(--background-foot-color)!important;min-height: 200px;}
.bodywrapper > footer > div.container > div.row{padding-top:30px!important;}

footer li.textLink .list__link-text{border-bottom:none!important;font-size:1rem!important;}
footer li.textLink{border-bottom:none!important;font-size:1rem!important;}
footer a,footer a:hover, footer a:visited, footer .list__link-text{color:var(--text-color-light)!important;}
footer a:active{color:#e9531d;}
Footer p,
Footer{color:#fff!important}


/*BLOC1*/
footer a{text-decoration: none!important;}
footer .list__link-text{text-decoration: none!important;}

footer .liensrapides li:hover,
footer a{text-decoration: none!important;}

footer a:visited,
footer a:hover,
footer a{color:var(--text-color-light)!important;}

footer a:hover {text-decoration: underline!important;text-decoration-color:var(--footer-text-link-line)!important;  text-underline-offset: 6px!important; }
footer a:visited{color:var(--text-color-light)!important;}

footer .liensrapides ul{padding-top: 8px;}
footer .liensrapides li{
  font-family: 'DMSans-Regular',sans-serif;
  font-size: 1rem;
  color: var(--text-color-light);
  line-height: 2rem;
}

footer .liensrapides ul li{margin: 0!important;}
footer .liensrapides ul li a{margin-top: 5px!important;}


/*BLOC2*/
footer .copyright .text-break.col-lg-12 p {font-family:'DMSans-Regular',sans-serif;font-size:1rem;color:var(--text-color-light);margin-bottom: 0px;line-height: 2rem!important;}
.copyright > div:nth-child(1) > p:nth-child(1){font-family:'DMSans-bold',sans-serif!important;font-size: 1.125rem!important;}
footer .copyright p a{color:var(--text-color-light)!important;text-decoration: underline!important;text-decoration-thickness:1px!important;text-decoration-color:var(--text-color-light);text-underline-offset:6px!important;}
footer .copyright p a:visited,
footer .copyright p a:hover
{text-decoration-color:var(--text-decoration-orange)!important;}



/*BLOC3*/
.Newsletter{padding-right: 45px;}
.Newsletter .row.align-items-start.mb-2.mt-2{margin-top: -0.5rem !important;}
.Newsletter p{font-family:'Outfit-Light',sans-serif;font-size:1.25rem!important;color:#fff!important;line-height: 2.1875rem;margin-bottom: 0px;margin-top: -15px;}
.button-action {border-style:solid;border-width:1px; border-color:var(--border-light);padding:5px 10px;font-family:'Outfit-Light',sans-serif!important;font-size:1rem!important;color:#fff!important;}
.sociallink a.button-action.external-link::after {display:none;}

.Newsletter p:has(.button-action){margin: 20px 0!important;}
footer .sociallink ul .textLink a .list__link-text{font-family:'Outfit-Regular',sans-serif;font-size:1rem!important;color:#fff!important;}

/*  .sociallink ul li.textLink a.internal-link {flex-direction:row-reverse;display:flex;}  */

/*le bouton s'abonner*/
footer .sociallink .genericLinkList ul > .textLink > a.button-action > span.list__link-text{
  font-family:'DMSans-Medium',sans-serif;
  font-size:1rem!important;
}


footer .sociallink a.button-action:hover {background:white;}
footer .sociallink a.button-action:hover span.list__link-text{color:var(--background-foot-color)!important;}
footer .sociallink a.button-action:hover:has(span.list__link-text){text-decoration: none!important;}


.sociallink ul li.textLink a img {width: 30px;height: 30px;margin-left:-2px!important;}

.sociallink li.textLink:nth-child(2) a.internal-link{ 
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}

footer .sociallink{margin: -15px;}




@media screen and (max-width: 992px) {
  footer div.container div.row div.col-4{-ms-flex: 0 0 100%;flex: 0 0 50%;max-width:50%;}
  footer div.container div.row div.col-4:has(.newsletter){
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%;
    margin:20px 0!important;
  }
  footer div.container{margin-left: 50px!important;}
  footer .liensrapides{margin-left: -15px!important;}

}

@media screen and (max-width: 768px) {
  footer div.container div.row div.col-4{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
  footer div.container div.row div.col-4:has(.newsletter){margin-top:20px!important;}
  footer div.container div.row div.col-4:has(.newsletter) {margin: 20px 0 !important;}
  footer div.container div.row div.col-4 .newsletter{margin: -15px!important;}
  footer div.container div.row div.col-4:has(.copyright) {padding-left: 0px !important;}
  footer div.container div.row div.col-4 .liensrapides ul {padding-left:0px!important}

 }

.archives .Edit-news .row .col .genericLinkList.genericLinkList-quickAccess{display:none;}


/* aggrandir l'image et le premier paragraphe des actualités*/
.archives .Edit-news .centrepage .col .newsItem .zoneTexteNews .newsImg.col-lg-6,
.archives .Edit-news .centrepage .col .newsItem .zoneTexteNews .newsText.col-lg-6
{flex: 0 0 100%!important;max-width: 100%!important;}

/*Ordonner l'actualité*/


.archives .Edit-news .centrepage .col .newsItem .zoneTexteNews div.col-lg-12.mb-2 {order:2;}
.archives .Edit-news .centrepage .col .newsItem .zoneTexteNews .newsInfo.col-12 {order:3;}
.archives .Edit-news .centrepage .col .newsItem .zoneTexteNews .newsImg.col-lg-6 {order:1;padding-left: 0px;}
.archives .Edit-news .centrepage .col .newsItem .zoneTexteNews .newsText.col-lg-6 {order:4;}
.archives .Edit-news .centrepage .col .newsItem .zoneTexteNews .newsText.col-lg-12 {order:5;}
.archives .Edit-news .centrepage .col .newsItem .zoneTexteNews p.linkArea {
  order:6;
  /*margin-left: 15px;border-bottom: 2px solid black;*/
  padding-bottom: 30px;
  width: 50%;
}


/* Pages erreurs */
.bodywrapper main.marginTop div.container.pagerreur{padding-top: 150px;}
.bodywrapper main.marginTop:has(.pagerreur){padding-bottom:50px;}
.bodywrapper main.marginTop div.container.pagerreur{height: 500px;}
.pagerreur div.row div.col div.row.align-items-start.mb-2{z-index: 9000;position: absolute;top:30%;left:250px;background-color: #fffa;}
.pagerreur div.row div.col div.row.w-100.mt-2 h3.col-lg-12{font-family: 'Outfit-Regular',sans-serif !important;
  font-size: 20rem !important;
  color: rgba(255, 255, 255, 0.01) !important;
  border-left:none!important;
  margin-left: 15px;
  text-shadow: 270px 0px 2px #9f9f9f4c, 490px 12px 0.5em #004e9d4c, 265px 3px 0.0em #9a9a9a4c;
}
.pagerreur div.row div.col div.row.align-items-start.mb-2 div.text-break.col-lg-12{padding: 50px;}
.pagerreur div.row div.col div.row.align-items-start.mb-2 div.text-break.col-lg-12 > p:nth-child(1){font-size:2.5rem;margin-bottom:35px;}
.pagerreur div.row div.col div.row.align-items-start.mb-2 div.text-break.col-lg-12 > p:nth-child(2){font-size: 1.5rem;}
.pagerreur div.row div.col div.row.align-items-start.mb-2 div.text-break.col-lg-12 > p:nth-child(3){text-align: center;}
.pagerreur div.row div.col div.row.align-items-start.mb-2 div.text-break.col-lg-12 > p:nth-child(3) > a{border-width: 1px !important;
  border-color: #3a3a3aff !important;
  padding: 7px 15px;
  border-style: solid;
  border-radius: 3px;
  font-size: 2rem !important;}
.pagerreur .row .col .row .text-break p:has(a.colored-cta){margin-top: 35px!important;}





  /*------------------------------------------------------------------------------------------------*/
 /*                                      CORRECTIONS PAGE COMPOSER                                 */
/*------------------------------------------------------------------------------------------------*/
html body.nodesAndTypesLoaded div div.bodywrapper header#header div div#topbar.order-1 :has(.editmodeArea) ul{flex-direction: row;justify-content: space-between;display: flex;white-space: nowrap;}
html body.nodesAndTypesLoaded div div.bodywrapper header#header div div#headbar.order-3:has(.editmodeArea){height: 250px!important;}
html body.nodesAndTypesLoaded div div.bodywrapper header#header div #headbar.order-3 div.jahia-template-gxt div.editmodeArea div div div.jahia-template-gxt div div nav div div.row div.col-md-10 div.jahia-template-gxt div.x-border div.x-component div.x-component div.jahia-template-gxt div div .navTop.navigationN1{top:88px!important;}



.glossaire div.row.centrepage div.col div.whitelotus section section div.cadre-blanc div.row.align-items-start.mb-2.mt-2 div.text-break.col-lg-12 h2 a{
  font-family: 'Outfit-Regular',sans-serif !important;
  color: var(--text-title-blue) !important;
}


@media all and (max-width: 991px){

  .btnpush section {display:block!important;width:100%;gap:20px;margin-left:0px;margin-right:0px;}
	.colornumber {border-left: none!important;}
  .btnaccrapideleft, .btnaccrapideright {width: 100%!important; }
  .permanents {column-count: 2;margin-bottom: 20px;}
  body .traitements .box2 > .box2-text {width:100% !important;padding: 20px !important;}

}


/*FILTRES SUR ACTUALITES*/
@media all and (min-width: 1200px){
.filters .filters-menus {background: #EFF7FC;padding-left: 10px;display: flex;flex-wrap: inherit;}
}

@media all and (max-width: 1199px){
  .filters{background:#EFF7FC;margin: 0 5px;}
  .filters-fonction {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px; /* espace entre le titre et les dropdowns */
  }
  .dropdown-filter.active .dropdown-content {
  display: block;
  max-width: 87%!important;
  }
  .filters-menus {
    background: #EFF7FC;
    display: flex;
    flex-wrap: wrap; /* ou nowrap si tu veux une seule ligne */
    gap: 12px;
    align-items: flex-start;
  }
  .filters-intro {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .dropdown-filter {width:100%;}
}





.filters {box-shadow:none!important;padding: 1.5rem 0 0 0;}
.filters h3{
  border-left: none !important;
  font-family: 'DMSans-Bold',sans-serif !important;
  font-size: 1rem !important;
  color: #0A0A0A !important;
  background: #EFF7FC;
  padding: 10px 20px !important;
  margin-bottom: 0px;
  margin-top: 0px;
  width: 10%;
  line-height: 2.15rem;
}


.cat-news {display:none!important;}
.filterexergue p { font-family: 'DMSans-light', sans-serif;font-size: 0.95rem;line-height:20px;margin-bottom: 10px;margin-left: 15px;}
/*espace entre le titre et les filtres réduit à zéro*/
.filters-fonction {margin-left: 0px!important;}


.filters .filters-menus button{font-family: 'DMSans-Medium', sans-serif;font-size: 1rem;border:none!important;font-family: 'DMSans-Medium', sans-serif;white-space: nowrap;}

.dropdown-filter {position:unset;margin-bottom:0.5rem;margin-top:0.5rem;}
.dropdown-filter.active .dropdown-content {display: block;max-width: fit-content;}

.filters div.col-12.col-lg-3 div:has(#btn-appliquer){
  background:#EFF7FC;
  width:100%;
  margin-left:0px;
  padding:11px 10px 11px 10px;}



.filters #btn-appliquer {
  width: 100%;
  padding: 0px;
  background-color: #fff !important;
  border: 1px solid #e9531d !important;
  color: #0A0A0A !important;
  cursor: pointer;
  transition: background 0.3s;
  font-family: 'DMSans-Regular',sans-serif;
  font-size: 1rem;
  height: 32px;
}
.filters .filters-menus {padding-left: 0px;}
.filters .filters-menus .dropdown-filter .dropdown-content ul li {font-family: 'DMSans-Medium', sans-serif;font-size: 1rem;}

.btn-reset {
  background: transparent;
  border:none!important;
  color: #707070!important;
  text-decoration: underline!important;
  cursor: pointer;
  padding: 0.31rem;
  margin-top: 0.625rem;
  width: 100%;
  font-family: 'DMSans-Regular', sans-serif;
  font-size: 0.875rem;
}
.btn-reset:hover {
  color: #e9531dff !important;
}
.active-filters-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 30px;
  margin-bottom: 0.93rem;
  font-family: 'DMSans-Regular', sans-serif;
  font-size: 1rem;
  margin-top: 5px;
}
.active-filters-container button {
  border-radius: 15rem;
  background: #FFF;
  padding: 0px 0.5rem;
    font-family: 'DMSans-Regular', sans-serif;
  font-size: 0.875rem;

}




@media screen and (min-width: 992px) {

  .filters #btn-appliquer {width: 100%;}
  .filters-intro {
  align-items: flex-start;
    flex: 0 0 85%;
    max-width: 85%;
    padding-right: 0 !important;
  }
  .filters .col-lg-3 {
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
    padding: 0 15px 0 0;
  }
}

@media screen and (max-width: 991px) {
  .filters{background: #EFF7FC;border-radius: 0px!important;margin: 0;}
}



.ancreCDP  {margin: 0!important;padding:0px!important; height:0px!important;}
/*correction icone telecharger alignée à la base du texte*/
.genericLinkList ul li.textLink a.download-link img.icone {vertical-align: text-bottom!important;border-style: none!important;height: 20px!important;}



/*barre de recherche*/
.searchcdp{width: 358px;right:108px;position:absolute;}
.searchcdp .position-relative .simplesearchform .position-relative{right:-55px!important;}
.searchcdp .position-relative .simplesearchform .position-relative .text-input{height:35px;border:0px;border-bottom:2px solid var(--blue-dark-50);border-radius: 0px !important;}
.searchcdp .position-relative .simplesearchform .position-relative .text-input::placeholder {color:var(--blue-dark-50)!important;font-family:'DMSans-regular',sans-serif;font-size:0.95rem;}
.searchcdp::placeholder {color:var(--text-placeholder-color-dark);}
.searchsubmit {
	background: transparent url(../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/Loupe.svg) no-repeat!important;
	right:0!important;
	background-size: cover;
	border: none;
	cursor: pointer;
	height: 30px;
	padding: 0;
	position: absolute;
	bottom: 0px;
	width: 22px;
}

@media screen and (max-width: 992px) {
  .searchsubmit {right: 10px !important;}
}


/*barre de langue*/
#selectlang li{list-style:none!important;text-transform:capitalize;}
#selectlang div#languages ul li a {
color: var(--blue-dark-50);
font-family: 'DMSans-regular',sans-serif;
font-size: 0.95rem;
}

#selectlang li a,#selectlang li a:hover,#selectlang li a:visited{
	color:var(--text-color-selectlang);
	border-style:solid;
	border-width:2px;
	border-color:var(--border-dark);
	padding:5px 10px;
	font-family:'DMSans-regular',sans-serif;
	font-size:0.95rem;
}
#selectlang li a {text-decoration: none!important;}

#selectlang li a:hover{
	text-decoration: underline;
	text-decoration-color: var(--red-dark-100);
	text-decoration-thickness: 2px;
	color: #fff !important;
	Background: var(--blue-dark-50) !important;
}
#selectlang li.selected{display:none;}



@media screen and (min-width: 992px) {
	#selectlang {width:75px;position:absolute!important;right:40px;top:-48px;}
	.navigationN1 #navPrincipale .navbar{padding: 0 74px 0 0!important;}
	#header.header-container div #headbar{height:50px;}
	#header #headbar a#logo div.imgBtn{margin:-20px 0 0 -65px;}
	.navigationN1 #navPrincipale .navbar .level_1 > li:hover > button > .nav-btn-text{
  		text-decoration: underline;
    	text-decoration-color: currentcolor;
  		text-decoration-thickness: 3px;
  		text-decoration-color: #01509F;
		text-shadow:0 0 0.01px currentColor,0 0 0.01px currentColor;
		text-underline-offset: 5px;
	}
	

	.navigationN1 .level_1 >li:has(.selected){
	text-decoration: underline;
  	text-decoration-color: currentcolor;
	text-decoration-thickness: 3px;
	text-decoration-color: #01509F;
	text-shadow:0 0 0.01px currentColor,0 0 0.01px currentColor;
	text-underline-offset: 5px;
	}
}
/*évite les décalage de menu au survol*/
li:hover > .img-block .noHoverIcon, 
li:hover > .nav-submenu-btn > .img-block .noHoverIcon {display: none;}
li > .img-block .noHoverIcon, 
li > .nav-submenu-btn > .img-block .noHoverIcon {display: inline-flex;justify-content: center;}



/*LIENS EVITEMENT*/
@media (max-width:991px){
	.evitement,{display:none;}
	.evitement li a{position: absolute;left: -9999px;text-transform: uppercase;font-weight:bold;font-size: 1rem;}
	.evitement li a:focus{left: 0;}
	.evitement li.textLink {border-bottom:none;}
	.row.evitement{position:absolute;}
	div.editmodeArea .row.evitement{position:inherit!important;}
	div.editmodeArea .evitement li a {position:relative!important;left:auto !important;}
	.evitement ul li a span{color:#ffffff;}
	.evitement .text-break {padding:0;}
	.evitement li.textLink{margin:0!important;}
	.bodywrapper header div #headbar.order-3 .container .row div.col-md-3:has(#logo){padding-left:0px!important;}
}

.bodywrapper #header div #headbar.order-3 .container{height:70px!important;}

#navbar .container .row .navigationN1 #navPrincipale .navbar .navmenu.level_1 li.open > .nav-submenu-btn > .nav-btn-text{
	font-size:1.125rem;
	text-shadow: 0 0 0.01px currentColor,0 0 0.01px currentColor;
    text-underline-offset: 5px;
	text-decoration: underline;
	text-decoration-thickness: 3px;
	text-decoration-color: #01509F;
}



@media screen and (min-width: 992px) {
/*  _____________________________________
   |                                     |
/* |    NAVIGATION PRINCIPALE DU SITE    |  
   |_____________________________________| */



  /*----------*/
 /* Niveau 2 */
/*----------*/


/*menu Club de Paris*/
/* .navigationN1 #navPrincipale .navbar ul.level_1 li #sous-menu-Club-de-Paris.box-inner ul.level_2,
.navigationN1 #navPrincipale .navbar ul.level_1 li #sous-menu-Pays-accords-signs.box-inner ul.level_2,*/
/*.navigationN1 #navPrincipale .navbar ul.level_1 li #sous-menu-Donnes-publications.box-inner ul.level_2,*/
/*.navigationN1 #navPrincipale .navbar ul.level_1 li #sous-menu-vnements.box-inner ul.level_2
{
  display: grid!important;
  grid-template-columns: 1fr 1fr;
  padding:0 100px 0 70px;
}
.navigationN1 #navPrincipale .navbar ul.level_1 li #sous-menu-Club-de-Paris.box-inner ul li,
.navigationN1 #navPrincipale .navbar ul.level_1 li #sous-menu-Pays-accords-signs.box-inner ul.level_2 li,
.navigationN1 #navPrincipale .navbar ul.level_1 li #sous-menu-Donnes-publications.box-inner ul.level_2 li,
.navigationN1 #navPrincipale .navbar ul.level_1 li #sous-menu-vnements.box-inner ul.level_2 li{
  list-style: none;
  padding: 0 10px;
}
.navigationN1 #navPrincipale .navbar ul.level_1 li #sous-menu-Club-de-Paris.box-inner ul li:nth-child(2n),
.navigationN1 #navPrincipale .navbar ul.level_1 li #sous-menu-Pays-accords-signs.box-inner ul.level_2 li:nth-child(2n)
.navigationN1 #navPrincipale .navbar ul.level_1 li #sous-menu-Donnes-publications.box-inner ul.level_2 li:nth-child(2n),
.navigationN1 #navPrincipale .navbar ul.level_1 li #sous-menu-vnements.box-inner ul.level_2 li:nth-child(2n) {
  border-left: 1px solid #EA541F;
  padding-left: 30px;
}*/


.bodywrapper .navigationN1 .navbar > .level_1,
.navbar{ width:105%!important;}

.navigationN1 a {border-bottom:none!important;}   
.navigationN1 div#navPrincipale nav.navbar ul.navmenu.level_1 li{min-height: 45px;display: flex;align-items: center;}
.navigationN1 div#navPrincipale nav.navbar ul.navmenu.level_1 > li{flex: none !important;-webkit-box-flex:none !important;padding-left:0px!important;}

.navigationN1 div#navPrincipale nav.navbar ul.navmenu.level_1{display:flex;flex-direction:row;list-style:none;justify-content:flex-end;margin:0;padding:0;margin-left: -30px;}
.navigationN1 div#navPrincipale nav.navbar ul.navmenu.level_1 > li > a,
.navigationN1 div#navPrincipale nav.navbar ul.navmenu.level_1 li button.nav-submenu-btn .nav-btn-text{
	font-size:1.125rem;
	font-family:'Outfit-Regular',sans-serif;
	color:var(--text-title-dark);
	padding: 8px 0 10px 0 !important;
	border-bottom:none !important;
	width:100%;

}
.hoverIcon{width:45px!important;}
.navigationN1 div#navPrincipale nav.navbar ul.navmenu.level_1 li button.nav-submenu-btn .img-block span.noHoverIcon,
.navigationN1 div#navPrincipale nav.navbar ul.navmenu.level_1 li button.nav-submenu-btn .img-block span.hoverIcon {
  width: 50px!important;
  margin: 0 3px 0 -10px;
}


/* 1. On s'assure que le sous-menu ne décale pas le reste du menu */
.navigationN1 div#navPrincipale nav.navbar > ul.navmenu.level_1 > li > div.box-inner {
    position: absolute !important; /* Sort l'élément du flux pour ne pas pousser les voisins */
    left: 0;
    width: 100vw; /* Utilise la largeur de la fenêtre */
    left: 50%;
    display: none; /* Caché par défaut, à adapter selon votre JS/Hover de Jahia */
    padding:10px;
	margin-left: -80px;/*pour centrer le box-inner au colonnage et non le menu*/
}

/* 2. Style du fond pleine largeur via le pseudo-élément */
.navigationN1 div#navPrincipale nav.navbar ul.navmenu.level_1 > li > div.box-inner::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50vw;
    right: -50vw;
    background:#FEF3EF;
    z-index: -1;
}

/* 3. Alignement à gauche des éléments level_2 */
.navigationN1 div#navPrincipale nav.navbar ul.level_1 > li > .box-inner > ul.level_2 {
    display: flex;
    flex-direction: column; /* Ou row selon votre design */
    align-items: flex-start !important; /* Force l'alignement à gauche */
    text-align: left !important;
    padding-left: 20px; /* Ajustez selon votre besoin */
    margin: 0;
    list-style: none;
}
.navigationN1 div#navPrincipale nav.navbar ul.level_1 > li > .box-inner > ul.level_2 li {
    width: auto;
    text-align: left !important;
}

.navigationN1 div#navPrincipale nav.navbar ul.level_1 > li > .box-inner > ul.level_2 li.hasChildren {
	padding-left: 10px!important;
}
.navigationN1 #navPrincipale .navbar .level_1 li .box-inner .level_2 li.hasChildren a{
	padding-left:0!important;
}

.bodywrapper .navigationN1 li a,
.bodywrapper .navigationN1 li a:link,
.bodywrapper .navigationN1 li a:visited {
  padding: 5px 10px;
}

.level_1 > li > .nav-submenu-btn {
  padding: 0!important;
}





/*test application paramètre quelques soit le menu pour les niveau 1 n'ayant pas de niveau 3 */

.navigationN1 #navPrincipale .navbar ul.level_1 li .box-inner ul.level_2:not(:has(.level_3)) {
  display: grid!important;
  grid-template-columns: 1fr 1fr; /* 2 colonnes */
  padding:0 85px 0 56px;
  gap: 0 1px;
}
.navigationN1 #navPrincipale .navbar ul.level_1 li .box-inner ul.level_2 li:not(:has(.level_3)) {
  list-style: none;
  padding: 0 10px;
}

.navigationN1 #navPrincipale .navbar ul.level_1 .box-inner ul.level_2:not(:has(ul.level_3)) > li:nth-child(odd) {
  border-right: 1px solid #EA541F;
  padding-left: 30px;
}
.navigationN1 #navPrincipale .navbar .level_1 li .box-inner .level_2 li.not-clickable:has(.level_3) button.nav-submenu-btn span.nav-btn-text{
	text-align: left;
	font-family: 'Outfit-Regular',sans-serif !important;
    font-size: 20px !important;
	padding: 5px 7px !important;
}
/* menu ayant un level 3*/

.navigationN1 #navPrincipale .navbar .level_1 li .box-inner:has(.level_3){}





/*MENU DETTES ET TRAITEMENTS*/
 .navigationN1 div#navPrincipale nav.navbar ul.level_1 li a:hover,
 .navigationN1 div#navPrincipale nav.navbar ul.level_1 li div.box-inner ul.level_2 li a:hover,
 .navigationN1 div#navPrincipale nav.navbar ul.level_1 li div.box-inner ul.level_2 li a:hover,
 .navigationN1 div#navPrincipale nav.navbar ul.level_1 li div.box-inner ul.level_2 li ul.level_3 li a:hover,
 .navigationN1 div#navPrincipale nav.navbar ul.level_1 li div.box-inner ul.level_2 li ul.level_3 li a:hover
 {text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 5px !important;}


.navigationN1 div#navPrincipale nav.navbar ul.level_1 li div.box-inner ul.level_2 li a{font-family: 'Outfit-Regular',sans-serif!important;font-size:20px!important;}

/* Le conteneur de niveau 2 */
.navigationN1 div#navPrincipale nav.navbar ul.level_1 li div.box-inner ul.level_2 {
    display: flex;
    flex-wrap: wrap; /* Indispensable pour que le level_3 puisse passer à la ligne */
    width: 100%;
    padding: 5px 70px;
    list-style: none;
}

/* Chaque élément du niveau 2 */
.navigationN1 div#navPrincipale nav.navbar ul.level_1 li div.box-inner ul.level_2 > li {
    flex: 0 1 auto; /* Permet aux éléments de se côtoyer */
    position: relative;
}

/*masque le chevron dans le sousmenus*/
.navigationN1 #navPrincipale .navbar .level_1 li div.box-inner .level_2 li div.img-block.mobile span button.img-fluid{display: none!important;}


/* Le niveau 3 qui doit "écarter" les éléments */
.navigationN1 div#navPrincipale nav.navbar ul.level_1 li div.box-inner ul.level_3 {
    display: none; /* Caché par défaut */
    width: 100%;   /* Prend toute la largeur pour forcer le retour à la ligne */
    flex-basis: 100%; /* Force les LI suivants à descendre */
    order: 1;      /* Optionnel : pour gérer l'affichage */
}

/* Quand le parent est actif/ouvert */
.navigationN1 div#navPrincipale nav.navbar ul.level_1 li div.box-inner ul.level_2 > li.open > ul.level_3 {
    display: block;
}



/* On force le li parent à prendre 100% de large quand il est ouvert 
   pour que le menu 3 s'étale, OU on laisse le li petit mais on 
   force le ul.level_3 à casser la ligne via flex-wrap */

.navigationN1 div#navPrincipale nav.navbar ul.level_1 li div.box-inner ul.level_2 {
    display: flex;
    flex-wrap: wrap; 
}

.navigationN1 div#navPrincipale nav.navbar ul.level_1 li div.box-inner ul.level_2 > li.has-children.active {
    /* Si vous voulez que l'élément cliqué pousse tout le monde */
}
.navigationN1 div#navPrincipale nav.navbar ul.level_1 > li > div > ul.level_2 > li > div > ul.level_3 {
    /* Pour écarter les éléments du dessous */
    display: block;
    width: 98vw; 
	padding-left: 14px;
}
.navigationN1 #navPrincipale .navbar ul.level_2 > li.hasChildren > .nav-submenu-btn > span.img-block.mobile {display:none!important;}


/* niveau 3*/
.navigationN1 #navPrincipale .navbar ul.level_1 li .box-inner ul.level_2 li.hasChildren > .box-inner{display: block!important;}


.navigationN1 #navPrincipale .navbar ul.level_1 li .box-inner ul.level_2 li {width:100%!important;break-inside: avoid;}

/* décalage de 20px*/
.navigationN1 #navPrincipale .navbar ul.level_1 li div ul.level_2 li.hasChildren {padding-left:20px;}

.navigationN1 #navPrincipale .navbar .level_1 li .box-inner .level_2 li .box-inner > .level_3 > li > button.nav-submenu-btn {padding-left: 0px!important;}

.navigationN1 #navPrincipale .navbar ul.level_1 li .box-inner ul.navmenu.level_2 li .box-inner ul.level_3 li a {line-height: 25px!important;position: relative;padding-left: 14px;}

.navigationN1 #navPrincipale .navbar .level_1 li .box-inner .level_2 li .box-inner .level_3 > li > button > span.img-block.mobile{display: none!important;}
/*.navigationN1 #navPrincipale .navbar .level_1 li .box-inner .level_2 li .box-inner .level_3 li.not-clickable .nav-btn-text::before {content:"• ";left: 0;position: absolute; }*/
.navigationN1 #navPrincipale .navbar .level_1 li .box-inner .level_2 li .box-inner .level_3 li.not-clickable span.nav-btn-text{
	font-family: 'Outfit-Regular',sans-serif !important;
	font-size: 20px !important;
}
.navigationN1 #navPrincipale .navbar .level_1 li .box-inner .level_2 li .box-inner .level_3 li .level_4 li a{font-size: 18px !important;line-height: 20px !important;}
.navigationN1 #navPrincipale .navbar .level_1 li .box-inner .level_2 li .box-inner .level_3 li .level_4 li{min-height:35px!important;}


/*forcer le level_2 à gauche quand il y a un leve_3*/
.navigationN1 #navPrincipale .navbar .level_1 li .box-inner .level_2 li button .nav-btn-text





  /**********************************************************/
 /*                       niveau 4                         */
/**********************************************************/
.navigationN1 #navPrincipale .navbar .level_1 li div.box-inner .level_2 li div.box-inner ul.level_3,
.navigationN1 #navPrincipale .navbar .level_1 li.box-inner .level_2 li .box-inner .level_3{padding-left: 10px!important;list-style-type: none!important;}

.navigationN1 #navPrincipale .navbar ul.level_1 li .box-inner ul.level_2 li .box-inner ul.navmenu.level_4{
	width:50%;
	column-count: 2;
	background: rgba(255,255,255,0.5);
	padding-right: 6px;
    padding-left: 18px !important;
}
.navigationN1 #navPrincipale .navbar ul.level_1 li .box-inner ul.level_2 li .box-inner ul.navmenu.level_4{
	list-style: none;
    padding-left: 15px;
	border-top: 1px solid #EA541F!important;
}
.navigationN1 #navPrincipale .navbar ul.level_1 li .box-inner ul.level_2 li .box-inner ul.navmenu.level_4 > li	{
    position: relative;
    padding-left: 20px;
    line-height: 1.4;
}
.navigationN1 #navPrincipale .navbar ul.level_1 li .box-inner ul.level_2 li .box-inner ul.navmenu.level_4 > li::before  {
	content: "•";
    position: absolute;
    left: 0;
    top: 0.1em;
}
.navigationN1 #navPrincipale .navbar ul.level_1 li .box-inner ul.level_2 li .box-inner ul.navmenu.level_4 > li{list-style-type: disc;}
.navigationN1 #navPrincipale .navbar .level_1 li .box-inner .level_2 li .box-inner .level_3 li .box-inner:has(.level_4){}


.navigationN1 #navPrincipale .navbar .level_1 li .box-inner .level_2 li .level_3 li:has(.level_4) button.nav-submenu-btn span.nav-btn-text {
    text-align: left;
    font-family: 'Outfit-Regular',sans-serif !important;
    font-size: 20px !important;
    padding: 5px 0px !important;}



}














  /*-------------------------------------*/
 /*MENU DE LA RECHERCHE D'ACCORDS SIGNÉS*/
/*-------------------------------------*/
/* ================================================
   RECHPAYS – Navigation horizontale + dropdowns
   CSS UNIQUEMENT – technique :focus-within
   Aucune modification du HTML Jahia
   ================================================ */

.rechpays {font-family: 'DMSans-Regular', sans-serif; position: relative;z-index: 100;}
.rechpays ul.level_1{display: flex;flex-direction: row;list-style: none;justify-content: flex-start;margin: 0;padding: 0;}
.rechpays ul.level_1 li{min-height: 45px;display: flex;align-items: center;}
.rechpays ul.level_1 > li{flex: none !important;-webkit-box-flex:none !important;padding-left: 10px !important;}
.rechpays ul.level_1 > li > a,
.rechpays ul.level_1  li button span.nav-btn-text{
    font-size: 1.125rem !important;
	font-family: 'Outfit-Regular',sans-serif;
    color: var(--main-color);
	padding: 8px 0 10px 0 !important;
	border-bottom: none !important;
	width: 100%;
	width: fit-content;
}
.rechpays  ul.level_1 li a{border-bottom: none !important;width: fit-content;}
.rechpays button .img-block span.img-fluid,
.rechpays .level_1 .img-block.mobile button.img-fluid{height: 17px;width: 17px;}
.rechpays .level_2 li .img-block.mobile{padding-top: 4px;margin-left: auto;}

.rechpays .navbar {width: 100%;}
.rechpays .navbar {position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding: .5rem 1rem;}

.rechpays .level_1 li:hover{background-color: #f6f6f6;}
.rechpays .navbar > ul.level_1 > li > .box-inner > ul.level_2{display: flex !important;flex-wrap: wrap;justify-content: left;align-items: flex-start;padding-left: 20px;}
.rechpays ul.level_2 li{margin: 0 0 0 6px;display: flex;}
.rechpays ul.level_2 > li{width: 22%;text-align: left;margin:0 0 10px 15px;align-items: center !important;}
.rechpays ul.level_2 li a,
.rechpays ul.level_2 li button span.nav-btn-text{font-size: 0.95rem !important;line-height: 20px !important;}

.rechpays .hoverIcon,
.rechpays .noHoverIcon{width: 30px;}
.rechpays .level_1 > li:hover,
.rechpays .level_1 > li.open{background-color: #f6f6f6ea;}
.rechpays .level_1 > li.selected,
.rechpays .level_1 > li:has(.level_2 .selected),
.rechpays .level_1 > li:has(.level_3 .selected){
    border-bottom: 3px solid var(--text-line-title);
}
.rechpays .level_2 li.not-clickable .nav-btn-text{
	text-align: left;
}


.rechpays .navbar {
	padding-top: 0;
	padding-bottom: 0;
}
.bodywrapper .rechpays .navbar > .level_1 {
	margin:0;
	padding:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items:flex-start;
	line-height:1.4em;
	color:#333;
	width:auto;
	flex-wrap: wrap;
	position: relative;
	width:100%
}

.bodywrapper .rechpays .level_1 > li {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	-webkit-box-flex:1;
    -ms-flex:1;
     flex:1;
	 position: unset !important;
	 min-width: 170px !important;
}
.bodywrapper .rechpays .navbar > ul.level_1 > li > .box-inner{
	position: absolute;
    top: 45px !important;
    left: 0px;
	padding-left: 25px;
	padding-top: 10px;
    background: #fff;
    z-index: 1000;
    min-width: 100%;
	background-color: #efefef;
}

.bodywrapper .rechpays .navbar > ul.level_1 > li > .box-inner > ul {
	padding:0;
	list-style-type:none;
}
.navbar{
	width:100%;
}

.bodywrapper .rechpays li.lastInLevel {
	border-right:none
}
.bodywrapper .rechpays li a,
.bodywrapper .rechpays li a:link,
.bodywrapper .rechpays li a:visited
{
	display:block;
	margin:0;
	line-height:20px;
	text-decoration:none;
	border-bottom: none !important;
}
.rechpays a,
.rechpays a:visited,
.rechpays ul.level_1 li a:hover,
.rechpays ul.level_1 li.selected a:visited,
.rechpays ul.level_1 li.inPath a,
.rechpays ul.level_1 li.inPath a:visited,
.rechpays ul.level_1 li.inPath a:link {
	color: #3e3e3e;
}
.rechpays ul.level_1 li a:hover,
.rechpays ul.level_1 li.selected a,
.rechpays ul.level_1 li.inPath a,
.rechpays ul.level_1 li.inPath ul.level_2 li a:hover,
.rechpays ul.level_2 li a,
.rechpays ul.level_2 li a:hover,
.nav_theme > div,
.nav_theme a:hover {
	font-weight: bold;
	text-decoration: none !important;
}
.rechpays ul.level_1 li:hover,
.rechpays ul.level_1 li.inPath {
	background-color: #efefef;
}

.rechpays li.selected .level_3 li a,
.rechpays li.inPath ul.level_2 li ul.level_3 li a,
.rechpays ul.level_3 li a {
	font-weight: normal;
}
.rechpays ul.level_2 li a:hover,
.rechpays ul.level_1 li.inPath ul.level_2 li a:hover,
.nav_theme li.inPath.selected a,
.nav_theme a:hover {
	color:#000093;
	text-decoration:none;
}
.rechpays .level_1 li a,
.rechpays .level_1 li a:link,
.rechpays .level_1 li a:visited {
	font-size: 1rem;
}
.rechpays .level_2 li a,
.rechpays .level_2 li a:link,
.rechpays .level_2 li a:visited {
	font-size: 0.95rem;
}
.rechpays .level_3 li a,
.rechpays .level_3 li a:link,
.rechpays .level_3 li a:visited {
	font-size: 0.9rem;
}







@media all and (max-width: 991px){
    #topbar {display:none;}
    .navigationN1 #navPrincipale .navbar ul.level_1 li > .box-inner > ul.level_2 li > .box-inner > ul.level_3{margin-left:-40px!important;}

	header{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
		background-color:#fff;
	}

	.bodywrapper .navigationN1 .navbar > .level_1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	    -ms-flex-direction: column;
        flex-direction: column;
		display:none;
	}
	.bodywrapper .navigationN1.nav-menuBottom .navbar >  .level_1{
		margin-top:0
	}
	.nav-menuBottom #menu, .nav-menuBottom #menu{
		bottom:0px;
		top:unset;
		z-index:100;
		border-top:unset;
		border-top: solid 1px #ddd;
		border-bottom: unset
	}
	#menu{
		position:fixed;
		background:#fff;
		height:60px;
		z-index:1000;
		top:0;
		left:0;
		border-bottom: solid 1px #ddd;
	}
	#hamb{
		display:block;
		width:25px!important;
		list-style-type:none;
		cursor:pointer;
		position:relative;
		padding:0;
		position:absolute;
		right:10%;
		top:14px;
		border: transparent;
		background-color: transparent
	}
	#hamb.open{
		top:21px;
		left:15px;
		right:unset;
	}
	#hamb span:not(#menuNameOpen):not(#menuNameClose){
		margin: 5px 0;
		-webkit-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		width:100%;
		background-color:#000;
		height:2px;
		display:block;
	}
	span#menuNameOpen, span#menuNameClose{
		text-transform:uppercase;
		text-align:center;
		font-size:1em;
		font-weight:bold;
		position:absolute;
		top:50%;
		-webkit-transform:translateY(-50%);
		    -ms-transform:translateY(-50%);
		        transform:translateY(-50%);
		left:-60px;
		display:block;
	}
	span#menuNameClose{
		display:none;
		-webkit-transform:translateY(-75%);
		    -ms-transform:translateY(-75%);
		        transform:translateY(-75%);
	}
	#hamb.open span#menuNameClose {
		left:unset;
		right:-85px;
		display:block;
	}
	#hamb.open span#menuNameOpen{
		display:none
	}	
	
	#hamb.open span:nth-child(1){
		 -webkit-transform: rotate(45deg) translate(0px, 2px);
		     -ms-transform: rotate(45deg) translate(0px, 2px);
		         transform: rotate(45deg) translate(0px, 2px);
	}
	#hamb.open span:nth-child(2) {
    	-webkit-transform: rotate(-45deg) translate(3px, -5px);
    	    -ms-transform: rotate(-45deg) translate(3px, -5px);
    	        transform: rotate(-45deg) translate(3px, -5px);
	}
	#hamb.open span:nth-child(3){
	  	opacity: 0;
	}	
	.bodywrapper .navigationN1 .navbar > .level_1.activeMenu{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}

    .bodywrapper .navigationN1 .navbar > ul.level_1 > li > .box-inner > ul {padding: 0 0 0 0px!important;}
	.bodywrapper .navigationN1 .navbar > ul.level_1 > li > .box-inner, .bodywrapper .navigationN1 .navbar > ul.level_2 li > .box-inner {position: static;}
	.bodywrapper .navigationN1 .navbar > ul.level_1 li > .box-inner.active, .bodywrapper .navigationN1 .navbar ul.level_2 li > .box-inner.active {display: block;}
	.bodywrapper .navigationN1 .navmenu li{position:relative;width:100%;}
	.bodywrapper .navigationN1 .navmenu li::after{
		content:"";
		width: 100%;
		left:0;
		bottom:0;
		height:3px;
		background-color:#e8ebec;
		position:absolute;
	}
	.bodywrapper .navigationN1 li.selected::after {
		content:"";
		position:absolute;
		width: 100%;
		left:0;
		bottom:0;
		height:3px;
		background-color:#e8ebec;
	}
	.bodywrapper .navigationN1 .level_1 > li {text-align:left;}
    .navigationN1 #navPrincipale .navbar ul.level_1 li .box-inner > ul.level_2 > li.hasChildren{padding-left: 45px;}
}

@media screen and (max-width: 991px) {
	#header div #navbar.order-2 div .row .col-md-10:has(button.open) #selectlang{right: 20px!important;top: -135px!important;z-index: 9000;}
	#simpleSearchSubmit.top{top: 65px!important;  }
    .navigationN1 div#navPrincipale nav.navbar ul.navmenu.level_1{display: none;}
    #selectlang{display: none;}

    .bodywrapper #header div #navbar .row div:has(.navigationN1 #navPrincipale .navbar div button#hamb.open) #selectlang {display: block;top:10px!important;right: 70px!important;position: absolute !important;z-index: 9000;}
    .bodywrapper #header div #navbar .row div:has(.navigationN1 #navPrincipale .navbar div button#hamb.open) .navmenu.level_1{display:block!important;}

    .bodywrapper .navigationN1 li .nav-btn-text {
    font-size: 1.125rem !important;
    font-family: 'Outfit-Regular',sans-serif;
    color: var(--main-color);
    padding: 8px 0 10px 0 !important;
    border-bottom: none !important;
    width: 100%;
    width: fit-content;
    }
    .bodywrapper .navigationN1 .navbar ul.level_1 li .box-inner ul.level_2 li a{
    font-size: 1.125rem !important;
    font-family: 'Outfit-Regular',sans-serif;
    color: var(--main-color);
    border-bottom: none !important;
    width: 100%;
    width: fit-content;}
}



 /*
.bodywrapper .navigationN1 #navPrincipale #sous-menu-Rchelonnement-et-annulations .level_4 li a[title*="Termes de traitements standard"] {
	position: relative;
	font-size: 0px!important;
}
.bodywrapper .navigationN1 a[title*="Termes de traitements standard"]::before {
	content: "Termes de traitements standard ";
	font-family:'Outfit-Regular',sans-serif;
	font-size: 1.25rem;
	line-height: 1.125rem;
}
.bodywrapper .navigationN1 a[title*="Termes de traitements standard"]::after {
	content: "(termes classiques, Houston, Naples, Cologne, Londres, Lyon)";
	font-family: 'Outfit-Regular',sans-serif;
	font-size: 1rem;
	line-height: 1.125rem;
}*/
/* 1. Mise en place de la grille sur le conteneur parent */
.oneactu p{margin-bottom: 10px;}
.oneactu .newsListItem.row {
    display: grid !important;
    /* On crée deux colonnes : 50% pour l'image, 50% pour le reste */
    grid-template-columns: 50% 50%;
    grid-template-areas: 
        "image date"
        "image titre"
        "image resume";
    column-gap: 20px;
    position: relative;
    align-items: start;
}

/* 2. Assignation des éléments aux zones de la grille */
.oneactu .newsImg {
    grid-area: image;
    max-width: 100% !important;
    width: 100%;
}

.oneactu .newsInfo {
    grid-area: date;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    color:var(--text-placeholder-color-dark)!important;
    font-family: 'DMSans-Regular',sans-serif;
    font-size: 15px;
    line-height: 16px;
    margin-top: 38px !important;
}
.oneactu h3 {
    grid-area: titre;
    margin: -70px 0 10px 0 !important;
    padding: 0 20px 0 0 !important;
    width: 100% !important;
    font-family: 'Outfit-SemiBold',sans-serif!important;
    font-size: 24px!important;
    line-height: 32px!important;
    border-left: none!important
}
.oneactu .col-8 {
    grid-area: resume;
    margin: -80px 0 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important; /* Force le bloc à rester dans sa zone */
}
.oneactu .uneactu .col-8 p{
    font-family: 'DMSans-Regular',sans-serif;
    font-size: 16px;
    line-height: 26px;
    padding: 0 40px 0 0;
}
/* 3. Masquer le crédit photo */
.oneactu figcaption {
    display: none;
}

/* 4. Le lien recouvrant (Targeting the whole area) */
.oneactu h3 a::after {
    content: "";
    position: absolute;
    inset: 0; /* Couvre tout le parent .newsListItem */
    z-index: 10;
}

/* 5. La flèche noire dans un rond bleu clair */
.oneactu section .uneactu .miseEnAvant section ul.newsList li.textLink.py-3 .newsListItem::after  {
    content: "";
    width: 40px;
    height: 40px;
    margin-left: 15px;
    background-image: url("../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/Fleche-push.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    background-color: #EFF7FC;
    border-radius: 50%;
    transition: all .3s ease;
    position: absolute !important;
    bottom: 20px !important;
    right: 35px !important;
}
/* Survol de toute la carte */
/*.archives #newsCDP > section > div > ul.newsList > li.textLink:hover .newsListItem h3 a::after */
.oneactu section .uneactu .miseEnAvant section ul.newsList li.textLink:hover .newsListItem::after{
    background-color: #003060;
    background-image: url("../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/Fleche-push-blanc.svg");
}




.uneactu li{
    padding: 0 !important;
    background: #fff;
    height: 360px;
}

/* 1. On force le conteneur global à servir de repère absolu */
.oneactu .uneactu{position: relative !important;}
.oneactu .newsListItem.row {
    position: relative !important;
    padding-right: 15px;
}

/* 2. On s'assure que le titre H3 ne bloque pas les clics avec ses propres marges */
.oneactu h3 {
    position: static !important; /* Annule le positionnement sur le H3 lui-même */
}

/* 3. Le lien magique qui s'étend */
.oneactu h3 a {
  display: inline !important; /* Sécurité pour Jahia */
  text-decoration:none!important; 
  }

.oneactu .uneactu h3 a:hover{
  text-decoration:underline!important; 
  text-underline-offset: 4px !important;
  text-decoration-color: var(--red-dark-100) !important;
  text-decoration-thickness: 2px !important;
}


.oneactu h3 a::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important; /* S'assure de passer par-dessus les images et textes */
}

/* 4. Sécurité pour que l'image ne bloque pas le clic en dessous */
.oneactu .newsImg, 
.oneactu .newsImg img {
    pointer-events: none !important; 
    max-width: 100%;
    height: 360px;
}




/*BACKOFFICE*/

.editmodeArea .pageaccueil .secondactu .newsResum.col-7 {display: none;}




/* Responsive */



@media all and (max-width: 991px){
    /* Le lien doit couvrir toute la carte */

    /*.uneactu li{height: unset;padding: 0px!important;}
    .oneactu h3 {
    grid-area: titre;
    margin: unset !important;
    padding: unset !important;
    width: 100% !important;
    font-family: 'Outfit-SemiBold',sans-serif !important;
    font-size: 24px !important;
    line-height: 32px !important;
    border-left: none !important;
    margin-top: 0px;
    }
    .oneactu .newsListItem.row {
    display: flex !important;
    flex-direction: column-reverse!important;
    grid-template-columns: 50% 50%;
    grid-template-areas:
    "image date  " 
    "image titre " 
    "image resume";
    column-gap: unset!important;
    position: unset;
    align-items: unset;
    }
    .oneactu .newsImg, .oneactu .newsImg img {
    pointer-events: none !important;
    max-width:100%;
    height: unset;
    }

    .oneactu .uneactu .col-5{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px;
    }
    .oneactu .uneactu .col-7{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 30px;
    }*/








    .oneactu section .uneactu .miseEnAvant section ul.newsList li.textLink.py-3 .newsListItem::after {
    content: "";
    width: 40px;
    height: 40px;
    margin-left: 15px;
    background-image: none!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    background-color: unset;
    border-radius: 50%;
    transition: all .3s ease;
    position: absolute !important;
    bottom: 20px !important;
    right: 35px !important;
    }





    /* Reset complet de la structure */
    .oneactu .newsListItem.row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto auto !important;
    position: relative;
    width: 100%;
    margin-left: 15px;
    }

    /* Neutraliser absolument tous les comportements Bootstrap */
    .oneactu .newsListItem.row > *,
    .oneactu .newsListItem.row .col-7,    
    .oneactu .newsListItem.row .newsImg
    .oneactu .newsListItem.row .col-8,
    .oneactu .newsListItem.row .col-4,
    .oneactu .newsListItem.row [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    float: none !important;
    padding: 0 0 0 15px !important;
    margin: 0 !important;
    grid-column: 1 !important;
    }
.oneactu .newsListItem.row h3{
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-column: 1 !important;
}





    /* Ordre via grid-row */
    .oneactu .newsListItem .newsImg {
    grid-row: 1 !important;
    }

    .oneactu .newsListItem .newsInfo {
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    float: none !important;
    padding: 0 !important;
    margin: 10px 0 0 0 !important;
    grid-column: 1 !important;



    }

    .oneactu .newsListItem h3 {
    grid-row: 3 !important;
    }

    .oneactu .newsListItem .col-8 {
    grid-row: 4 !important;
    }

    /* Lien du H3 couvre toute la carte */
    .oneactu .newsListItem h3 a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    }
    /* Les conteneurs parents reprennent la hauteur de leurs enfants */
    .oneactu,
    .oneactu section,
    .oneactu .uneactu,
    .oneactu .miseEnAvant,
    .oneactu .miseEnAvant section,
    .oneactu .newsList,
    .oneactu .newsListItem {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    }

    /* Clearfix si des floats traînent encore */
    .oneactu::after,
    .newsList::after {
    content: "";
    display: block;
    clear: both;
    }

    .uneactu li {
    padding: 0 !important;
    background: #fff;
    height: auto!important;
    height: auto !important;
    min-height: 0 !important;
    }

    .uneactu figure{text-align: center;}






/*MODIFICTION POUR LES MOBILES*/

/* Transformation du conteneur principal en colonne flex */
.newsListItem.row {
  display: flex;
  flex-direction: column;
}

/* Masquer la grille Bootstrap col-7 / col-5 */
.newsListItem .col-7,
.newsListItem .col-5 {
  width: 100%;
  max-width: 100%;
  flex: none;
}

/* 1. Image en premier */
.newsListItem .col-5 {
  order: 1;
}

.newsListItem .newsImg img {
  width: 100%;
  height: auto;
  display: block;
}

/* 2. Date en deuxième */
.newsListItem .newsInfo {
  order: 2;
}

/* Le col-7 contient date + h3 + résumé, on le passe en flex colonne aussi */
.newsListItem .col-7 {
  order: 3;
  display: flex;
  flex-direction: column;
}

/* 3. H3 en troisième */
.newsListItem .col-7 h3 {
  order: 2;
}

/* 4. Le paragraphe résumé en dernier */
.newsListItem .col-7 > div[id^="newsResumeFirst_"] {
  order: 3;
}

/* Remettre la date avant le h3 */
.newsListItem .col-7 .newsInfo {
  order: 1;
}
.oneactu .newsImg, .oneactu .newsImg img {
  height: auto!important;
}











}
/* 1. Mise en place de la grille sur le conteneur parent */
.secondactu .columns2 .spacer {
  padding: 0px!important;
}

.secondactu .newsListItem.row {
    display: grid !important;
    /* On crée deux colonnes : 50% pour l'image, 50% pour le reste */
    grid-template-columns: 50% 50%;
    grid-template-areas: 
        "image date"
        "image titre"
        "image resume";
    column-gap: 17px;
    position: relative;
    align-items: start;
}

/* 2. Assignation des éléments aux zones de la grille */
.secondactu .newsImg {
    grid-area: image;
    max-width: 100% !important;
    width: 100%;
    height: 100%;
    max-height: 100%;
}

.secondactu .newsInfo {
    grid-area: date;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    color:var(--text-placeholder-color-dark)!important;
    font-family: 'DMSans-Regular',sans-serif;
    font-size: 15px;
    line-height: 16px;
    margin-top: 25px !important;
}


.secondactu h3 {
    grid-area: titre;
    margin: 0 0 10px 0 !important;
    padding: 0 13px 0 0  !important;
    width: 100% !important;
    font-family: 'Outfit-SemiBold',sans-serif!important;
    font-size: 17px!important;
    line-height: 20px!important;
    border-left: none!important
}
.secondactu .col-8 {
    display:none!important;
}
.secondactu .col-8 p{
    font-family: 'DMSans-Rzgular',sans-serif;
    font-size: 16px;
    line-height: 26px;
}

/* 3. Masquer le crédit photo */
.secondactu figcaption {
    display: none;
}

/* 4. Le lien recouvrant (Targeting the whole area) */
.secondactu h3 a::after {
    content: "";
    position: absolute;
    inset: 0; /* Couvre tout le parent .newsListItem */
    z-index: 10;
}

/* 5. La flèche noire dans un rond bleu clair */
/*.secondactu .newsListItem::after {
    content: "→";
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem;
    width: 40px;
    height: 40px;
    background-color: #EFF7FC;
    color: black;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    z-index: 5;
}*/

.secondactu .deuxactu .textLink .newsListItem::after {
    content: "";
    width: 40px;
    height: 40px;
    margin-left: 15px;
    background-image: url("../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/Fleche-push.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    background-color: #EFF7FC;
    border-radius: 50%;
    transition: all .3s ease;
    position: absolute !important;
    bottom: 20px !important;
    right: 35px !important;
}
.secondactu .troisactu .textLink .newsListItem::after {
    content: "";
    width: 40px;
    height: 40px;
    margin-left: 15px;
    background-image: url("../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/Fleche-push.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    background-color: #EFF7FC;
    border-radius: 50%;
    transition: all .3s ease;
    position: absolute !important;
    bottom: 20px !important;
    right: 30px !important;
}
/* Survol de toute la carte */
/*.archives #newsCDP > section > div > ul.newsList > li.textLink:hover .newsListItem h3 a::after */
.secondactu .textLink:hover .newsListItem::after{
    background-color: #003060;
    background-image: url("../files/live/sites/clubdeparis/files/Charte-CDP/css/../images/Fleche-push-blanc.svg");
}






.secondactu li{
    padding: 0 !important;
    background: #fff;
    height: 175px;
}

/* 1. On force le conteneur global à servir de repère absolu */
.secondactu .deuxactu,
.secondactu .newsListItem.row {
    position: relative !important;
    padding-right: 15px;
}

.secondactu .troisactu{position: relative !important;}


/* 2. On s'assure que le titre H3 ne bloque pas les clics avec ses propres marges */
.secondactu h3 {
    position: static !important; /* Annule le positionnement sur le H3 lui-même */
}

/* 3. Le lien magique qui s'étend */
.secondactu h3 a {
  display: inline !important; /* Sécurité pour Jahia */
  text-decoration:none!important; 
  }

.secondactu h3 a:hover{
  text-decoration:underline!important; 
  text-underline-offset: 4px !important;
  text-decoration-color: var(--red-dark-100) !important;
  text-decoration-thickness: 2px !important;
}


.secondactu h3 a::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important; /* S'assure de passer par-dessus les images et textes */
}

/* 4. Sécurité pour que l'image ne bloque pas le clic en dessous */
.secondactu .newsImg, 
.secondactu .newsImg img {
    pointer-events: none !important;
    height: 175px;
    max-height: 175px;
}

.secondactu figure{height: 175px;max-height: 175px;}

.secondactu .troisactu .miseEnAvant section > ul > li > div {padding-right: 5px!important;}

@media all and (max-width: 991px){

/*
.secondactu .newsListItem.row {
  display: grid !important;
  grid-template-columns: calc(40% - 10px) calc(60% - 10px) !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    "image date"
    "image titre" !important;
  height: auto !important;
  overflow: visible !important;
  padding-left: 15px!important;
}

.secondactu .newsListItem .newsImg {
  grid-area: image !important;
  width: 100% !important;
  max-width: 100% !important;
  position: static !important;
  align-self: stretch !important;
  padding: 0px!important;
}

figure {margin: 0 0 0rem!important;}

.secondactu .newsListItem .newsInfo {
  grid-area: date !important;
  width: 100% !important;
  max-width: 100% !important;
  position: static !important;
}

.secondactu .newsListItem h3 {
  grid-area: titre !important;
  width: 100% !important;
  max-width: 100% !important;
  position: static !important;
}

.secondactu .newsListItem .col-8 {
  display: none !important;
}

.secondactu .newsListItem,
.secondactu li.textLink,
.secondactu .actuCDP {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.secondactu .newsListItem {
  position: relative;
}*/

.secondactu .newsListItem.row {
  display: grid !important;
  grid-template-columns: 40% 60% !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    "image date"
    "image titre" !important;
  /* Annuler le flex de Bootstrap .row */
  flex-wrap: unset !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Neutraliser Bootstrap sur .newsImg (.col-4) */
.secondactu .newsListItem .newsImg.col-4 {
  grid-area: image !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: unset !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: static !important;
  align-self: stretch !important;
  min-height: 0 !important;
}

/* L'image couvre toute la zone gauche */
.secondactu .newsListItem .newsImg figure,
.secondactu .newsListItem .newsImg a {
  display: block !important;
  height: 100% !important;
  margin: 0 !important;
}

.secondactu .newsListItem .newsImg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  max-height: none !important;
}

/* Neutraliser Bootstrap sur .newsInfo (.col-lg-12) */
.secondactu .newsListItem .newsInfo {
  grid-area: date !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: unset !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  align-self: end !important;
}

/* Neutraliser Bootstrap sur h3 (.col-lg-12) */
.secondactu .newsListItem h3 {
  grid-area: titre !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: unset !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  align-self: start !important;
}

/* Masquer .col-8 */
.secondactu .newsListItem .col-8 {
  display: none !important;
}

/* Figcaption optionnel */
.secondactu .newsListItem figcaption {
  display: none !important;
}

/* Reset hauteurs parents */
.secondactu .newsListItem,
.secondactu li.textLink,
.secondactu .actuCDP {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}






.secondactu .textLink .newsListItem::after {
    content: "";
    width: 40px;
    height: 40px;
    margin-left: 15px;
    background-image:none!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    background-color: unset!important;
    border-radius: 50%;
    transition: all .3s ease;
    position: absolute !important;
    bottom: 20px !important;
    right: 30px !important;
}
.pageaccueil .secondactu .column-item{width:100%!important;}
.secondactu .deuxactu, .secondactu .newsListItem.row {
  position: relative !important;
  padding-right: 0px;
}

.secondactu .newsImg, .secondactu .newsImg img {
  pointer-events: none !important;
  height: unset;
  max-height: unset;
}
.secondactu figure {
  height: unset;
  max-height: unset;
}
.bodywrapper .container.Edit-news, .bodywrapper > main.marginTop > div.container:not(.pageaccueil) {padding: 20px 20px 0px 20px;}
}




/* ============================================
   MOBILE < 768px : structure Jahia inversée
   col-7 = texte à gauche, col-5 = image à droite
   ============================================ */
@media (max-width: 767px) {

  .deuxactu .newsListItem.row,
  .troisactu .newsListItem.row {
    display: grid !important;
    grid-template-columns: 40% 60% !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "image date"
      "image titre" !important;
    flex-wrap: unset !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: unset !important;
  }

  /* col-5 = image → zone gauche */
  .deuxactu .newsListItem.row > .col-5,
  .troisactu .newsListItem.row > .col-5 {
    grid-area: image !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    padding: 0 !important;
    align-self: stretch !important;
    order: unset !important;
  }

  /* Image pleine zone */
  .deuxactu .newsListItem.row > .col-5 .newsImg,
  .troisactu .newsListItem.row > .col-5 .newsImg {
    height: 100% !important;
  }

  .deuxactu .newsListItem.row > .col-5 img,
  .troisactu .newsListItem.row > .col-5 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* col-7 = texte → on le masque partiellement
     mais on extrait h3 et .newsInfo via grid-area */
  .deuxactu .newsListItem.row > .col-7,
  .troisactu .newsListItem.row > .col-7 {
    display: contents !important; /* laisse les enfants participer au grid */
  }

  /* h3 dans col-7 → zone titre */
  .deuxactu .newsListItem.row > .col-7 h3,
  .troisactu .newsListItem.row > .col-7 h3 {
    grid-area: titre !important;
    width: 100% !important;
    padding: 4px 12px 10px !important;
    align-self: start !important;
    margin: 0 !important;
  }

  /* .newsInfo dans col-7 → zone date */
  .deuxactu .newsListItem.row > .col-7 .newsInfo,
  .troisactu .newsListItem.row > .col-7 .newsInfo {
    grid-area: date !important;
    width: 100% !important;
    padding: 10px 12px 4px !important;
    align-self: end !important;
  }

  /* Masquer le résumé dans col-7 */
  .deuxactu .newsListItem.row > .col-7 > div[id^="newsResumeFirst"],
  .troisactu .newsListItem.row > .col-7 > div[id^="newsResumeFirst"] {
    display: none !important;
  }

  /* Reset hauteurs */
  .deuxactu .newsListItem,
  .deuxactu li.textLink,
  .troisactu .newsListItem,
  .troisactu li.textLink {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
}

}