/* prppc — habillage du site sur le framework nc (cl26.11.06)
   Reprend l'identité de css/prppc2.min.css (source scss/prppc2.scss) sans Bootstrap 3 ni Unify :
   polices Noyh locales, vert #537068, bleu #6BA6AA, jaune #F7B800, chocolat #AB6000, fond #F3F4EE.
   Chargée après front/dist/nc.css (grille et utilitaires compatibles Bootstrap 5). */

@font-face{font-family:'Gene';src:url('../fonts/genev-webfont.woff2') format('woff2'),url('../fonts/genev-webfont.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Noyh';src:url('../fonts/noy-webfont.woff2') format('woff2'),url('../fonts/noy-webfont.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Noyh';src:url('../fonts/noyblack-webfont.woff2') format('woff2'),url('../fonts/noyblack-webfont.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Noyh';src:url('../fonts/noybold-webfont.woff2') format('woff2'),url('../fonts/noybold-webfont.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Noyh';src:url('../fonts/noyextralight-webfont.woff2') format('woff2'),url('../fonts/noyextralight-webfont.woff') format('woff');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Noyh';src:url('../fonts/noyheavy-webfont.woff2') format('woff2'),url('../fonts/noyheavy-webfont.woff') format('woff');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Noyh';src:url('../fonts/noyitalic-webfont.woff2') format('woff2'),url('../fonts/noyitalic-webfont.woff') format('woff');font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:'Noyh';src:url('../fonts/noy-extralight-italic-webfont.woff2') format('woff2'),url('../fonts/noy-extralight-italic-webfont.woff') format('woff');font-weight:normal;font-style:italic;font-display:swap}

:root{
  --vert:#537068; --vert-fonce:#2A574E; --vert-moyen:#53877D; --vert-clair:#689F95; --vert-sombre:#154036;
  --bleu:#6BA6AA; --bleu-ciel:#92CEC5; --encre:#093A5B; --texte:#555;
  --jaune:#F7B800; --jaune-fonce:#DEA90E; --orange:#DF8E27; --chocolat:#AB6000; --rouge:#D6451E; --beige:#CFAF69;
  --fond:#F3F4EE; --pied:#566965;
  --nc-accent:var(--jaune);
  --nc-navbar-fond:var(--vert); --nc-navbar-encre:#fff;
}

/* ---------- base (équivalent BS3 + Unify + prppc2) ---------- */
html{scroll-behavior:smooth}
body.prppc{margin:0;font-family:'Noyh',sans-serif;font-weight:300;font-size:15px;line-height:normal;color:var(--encre);background:var(--fond)}
.prppc p{color:var(--texte);margin:0 0 10px}
.prppc a{color:var(--encre);text-decoration:none}
.prppc a:hover{color:var(--jaune)}
.prppc b,.prppc strong,.bold,.light{font-weight:500}
.prppc h1,.prppc h2,.prppc h3,.prppc h4,.prppc h5,.prppc h6{font-family:'Noyh',sans-serif;color:var(--encre);line-height:normal;margin:5px 0 10px;font-weight:400}
.prppc h1{font-size:clamp(2.6rem,1rem + 6vw,70px);text-transform:uppercase;text-align:center;color:#00281E;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff;overflow-wrap:anywhere}
.prppc h2{font-weight:200;font-size:2em}
.prppc h2 u,.prppc h4 u{text-decoration:none;border-bottom:2px solid #E85D66}
.prppc h3{font-weight:200;font-size:1.6em}
.prppc h4{font-weight:200;font-size:1.3em;padding:50px 0;text-align:center}
.prppc h5{font-weight:700;font-size:1.4em;text-align:center}
.prppc h6{font-weight:700;font-size:1.4em}
.prppc ul{padding-left:0}
.prppc img{max-width:100%;height:auto}
.prppc .container{--nc-gutter-x:30px}
@media (min-width:768px){.prppc .container{max-width:750px}}
@media (min-width:992px){.prppc .container{max-width:970px}}
@media (min-width:1200px){.prppc .container{max-width:1170px}}
.prppc .row{--nc-gutter-x:30px}
.prppc :focus-visible{outline:2px solid var(--jaune);outline-offset:2px}
.prppc [id]{scroll-margin-top:90px}
.lien-evitement{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--jaune);color:#fff!important;padding:10px 16px}
.lien-evitement:focus{left:10px;top:10px}

/* ---------- utilitaires du site (prppc2) ---------- */
.center{text-align:center}.center img{margin-left:auto;margin-right:auto}
.right{text-align:right}.upper,.transformUppercase{text-transform:uppercase}.thin{font-weight:200}
.height100{height:100%!important}
.fond-vert{background-color:var(--vert)}.fond-orange{background-color:var(--orange)}
.fond-beige{background-color:var(--beige)}.fond-beige:hover{background-color:var(--orange)}
.fond-jaune{background-color:rgba(247,184,0,.1)}.fond-jauneFonce{background-color:var(--jaune-fonce)}
.fond-blanc50{background-color:rgba(255,255,255,.5)}.fond-blanc{background-color:#fff}.fond-bleu{background-color:var(--bleu)}
.chocolat{color:var(--chocolat)}.vert{color:var(--vert-clair)!important}.rouge{color:var(--rouge)}
.jaune{color:var(--jaune)}.prppc p.jaune{color:#9c7400}.orange{color:var(--orange)}.bleuCiel{color:var(--bleu-ciel)}
.blanc *{color:#fff}
.v20{margin-top:20px;margin-bottom:20px}.m30{margin-top:30px;margin-bottom:30px}.m50{margin-top:50px;margin-bottom:50px}
.m15{margin-top:15px;margin-bottom:15px}.v5{margin-top:5px!important;margin-bottom:5px}
.mb0{margin-bottom:0!important}.mt0{margin-top:0!important}.mb30{margin-bottom:30px}.mb10{margin-bottom:10px}
.mt35{margin-top:35px!important}.mt45{margin-top:45px!important}.mt20{margin-top:20px!important}.pt25{padding-top:25px}
.v25{padding-top:25px;padding-bottom:25px}.v15{padding-top:15px;padding-bottom:15px}.v10{padding-top:10px;padding-bottom:10px}
.p10{padding:10px}.p20{padding:20px}.pb20{padding-bottom:20px}.pr9{padding-right:9px}.pl15{padding-left:15px}
.ph40{padding-left:40px!important;padding-right:40px!important}
.txtLeft{text-align:left!important}.txtalignJustify{text-align:justify}
.txtNormal{font-size:19px;font-weight:400}.txtNormalPetit{font-size:19px;font-weight:300}
.traitRougeSeparation{border-bottom:2px solid var(--rouge);width:60px}
.hrRouge{border:0;border-top:3px solid var(--rouge);width:65%;margin:70px auto 50px;opacity:1}
.ico{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor}

/* ---------- boutons ---------- */
.bouton{display:inline-block;border:0;font-family:inherit;font-size:17px;font-weight:400;padding:8px 25px;color:#fff!important;cursor:pointer;text-transform:uppercase;transition:background-color .2s}
.boutonPage{text-transform:uppercase;font-size:1.1em;padding:9px 25px}
.boutonVoirToutesPublications{background:var(--orange);padding:8px 27px;margin:30px 0}
.boutonVoirToutesPublications:hover{background:var(--chocolat)}
.boutonDernierArticleLirelaSuite{display:table;margin:20px auto 15px;padding:6px 20px;border:2px solid var(--chocolat);color:var(--chocolat)!important;font-size:17px;font-weight:400}
.boutonDernierArticleLirelaSuite:hover{background:var(--chocolat);color:#fff!important}
.boutonVoirDetails{display:block;text-transform:uppercase;color:var(--chocolat)!important;border:2px solid var(--chocolat);text-align:center;font-size:17px;font-weight:400;padding:10px 20px}
.boutonVoirDetails:hover{background-color:var(--orange);border-color:var(--orange);color:#fff!important}
.boutonPdf{display:inline-block;border:2px solid var(--orange);font-size:17px;padding:10px 15px;color:var(--orange)!important;margin:5px}
.boutonPdf:hover{color:#fff!important;background-color:var(--orange)}
.boutonImprimer{background:transparent url('../img/actualites/imprimer.png') no-repeat;background:transparent image-set("../miniatures/img/actualites/imprimer-1920-9999.png.avif" type("image/avif"), "../miniatures/img/actualites/imprimer-1920-9999.png.webp" type("image/webp"), "../img/actualites/imprimer.png" type("image/png")) no-repeat;height:60px;width:60px;float:right;margin-top:-15px;border:0;cursor:pointer}
.boutonImprimer:hover{background-image:url('../img/actualites/imprimerHover.png');background-image:image-set("../miniatures/img/actualites/imprimerHover-1920-9999.png.avif" type("image/avif"), "../miniatures/img/actualites/imprimerHover-1920-9999.png.webp" type("image/webp"), "../img/actualites/imprimerHover.png" type("image/png"))}
a.archivesActualites{color:var(--texte)}
a.archivesActualites:hover{color:var(--jaune-fonce)}

/* ---------- en-tête ---------- */
.entete{background:var(--vert);color:#fff;padding:0}
.entete .container{display:flex;align-items:center;min-height:80px;gap:20px}
.entete .logo img{height:70px;width:auto;padding-top:10px;display:block}
.nav-principale{margin-left:auto;display:flex;align-items:center}
.nav-principale>ul{display:flex;align-items:center;margin:0;padding:0;list-style:none}
.nav-principale>ul>li>a,.nav-principale .nc-dropdown-bouton{display:inline-flex;align-items:center;gap:6px;font:300 18px/1.5 'Noyh',sans-serif;color:#fff;text-transform:uppercase;margin:5px 0 0;padding:0 0 1px;border-bottom:2px solid transparent;background:none;cursor:pointer}
.nav-principale>ul>li{margin:0 18px}
.nav-principale>ul>li>a:hover,.nav-principale>ul>li>a.actif,.nav-principale .nc-dropdown-bouton:hover,.nav-principale .nc-dropdown.actif>.nc-dropdown-bouton,.nav-principale .nc-dropdown.nc-ouvert>.nc-dropdown-bouton{color:var(--jaune);border-bottom-color:var(--jaune)}
.nav-principale .nc-dropdown-panneau{top:calc(100% + 4px);min-width:220px;padding:0;border-radius:0;border-top:2px solid var(--jaune);box-shadow:0 6px 18px rgba(0,0,0,.15);background:#fff}
.nav-principale .nc-dropdown-panneau a{color:var(--texte);font-size:15px;padding:9px 15px;border-radius:0;border-bottom:1px solid #eee}
.nav-principale .nc-dropdown-panneau a:hover,.nav-principale .nc-dropdown-panneau a:focus-visible,.nav-principale .nc-dropdown-panneau a.actif{background:var(--vert-moyen);color:#fff}
.bouton-recherche,.bouton-menu{background:none;border:0;color:#fff;font-size:22px;padding:6px;margin-left:10px;cursor:pointer;line-height:1}
.bouton-recherche:hover,.bouton-recherche[aria-expanded=true],.bouton-menu:hover{color:var(--jaune)}
.bouton-menu{display:none;background:var(--jaune);border-radius:5px;padding:8px 11px;margin-left:auto}
.recherche-entete{position:relative}
.recherche-entete form{position:absolute;right:0;top:calc(100% + 18px);z-index:1001;display:flex;width:320px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.recherche-entete form[hidden]{display:none}
.recherche-entete input{flex:1;border:0;padding:10px 12px;font:inherit;font-size:15px;color:var(--encre);min-width:0}
.recherche-entete button[type=submit]{background:var(--jaune);color:#fff;border:0;padding:0 14px;font:inherit;font-size:15px;cursor:pointer}
@media (max-width:1199px){.nav-principale>ul>li{margin:0 10px}.nav-principale>ul>li>a,.nav-principale .nc-dropdown-bouton{font-size:15px}}
@media (max-width:991px){
  .nav-principale{display:none}
  .bouton-menu{display:inline-block}
}
/* menu mobile (nc-offcanvas) */
.menu-mobile{background:var(--vert);color:#fff}
.menu-mobile .nc-offcanvas-corps{font:300 16px/1.4 'Noyh',sans-serif}
.menu-mobile .nc-offcanvas-tete{border-bottom-color:rgba(255,255,255,.2)}
.menu-mobile .nc-offcanvas-tete img{height:50px;width:auto}
.menu-mobile .nc-offcanvas-x{color:#fff}
.menu-mobile .nc-offcanvas-x:hover{background:rgba(255,255,255,.15);color:#fff}
.menu-mobile ul{list-style:none;margin:0;padding:0}
.menu-mobile li a{display:block;color:#fff;text-transform:uppercase;font-size:16px;padding:10px 0}
.menu-mobile li a:hover,.menu-mobile li a.actif{color:var(--jaune)}
.menu-mobile li .menu-titre{display:block;text-transform:uppercase;font-size:16px;padding:10px 0;color:rgba(255,255,255,.75)}
.menu-mobile li li a{text-transform:none;padding:7px 0 7px 16px;font-size:15px}
.menu-mobile form{display:flex;margin-top:20px}
.menu-mobile input{flex:1;min-width:0;border:0;padding:10px;font:inherit}
.menu-mobile form button{background:var(--jaune);color:#fff;border:0;padding:0 14px;font:inherit;cursor:pointer}

/* bandeau titre (header3) */
.bandeau-titre{background:#fff}
.bandeau-titre .container{padding-top:15px;padding-bottom:15px}
.bandeau-titre h2{font-weight:500;text-transform:uppercase;font-size:24px}
.bandeau-titre p{margin-top:-5px}
.bandeau-titre h3{font-weight:500;font-size:21px}

/* bandeaux image des pages */
.imgFondPage h1,.bandeau-page h1{margin:0}

/* ---------- typographie CMS (prppc2 .cms) ---------- */
.cms h2{font-weight:400;text-transform:uppercase;font-size:48px;text-align:center;margin-top:0}
.cms h3{font-weight:400;text-transform:uppercase;font-size:28.5px;text-align:center}
.cms h4{font-weight:500;font-size:30px;text-align:center;color:var(--bleu);padding:10px}
h3.titreGras{text-align:left!important;margin-bottom:2px}
h3.titreRegular{text-align:left!important;font-weight:300!important}
h5.titreRouge{font-weight:500;font-size:1.4em;text-align:left;text-transform:uppercase}
.titreDetailsArticle{text-transform:none!important;text-align:left!important;font-size:32px!important;color:#403E3F;margin-top:50px}
.cms h2.titre-projet{text-transform:none;text-align:left}
@media (max-width:1024px){
  .prppc h2{line-height:1.3em}
  .prppc h3{margin:20px 0}
  .m30{margin-top:15px;margin-bottom:15px}
}
@media (max-width:767px){.cms h3{font-size:1.8em}}
@media (max-width:600px){.cms h2{font-size:2.5em}}

/* ---------- accueil ---------- */
.accueilImgFondLogo{padding-top:45px;padding-bottom:145px}
.accueilImgFondLogo .logos{display:flex;justify-content:space-between;align-items:center;gap:30px}
.imgAccueilLogo1{max-height:360px}.imgAccueilLogo2{max-height:390px}
@media (max-width:1199px){.accueilImgFondLogo{padding-top:0!important;padding-bottom:40px!important}.accueilImgFondLogo .logos{flex-direction:column;padding-top:40px}.imgAccueilLogo1{width:70%}.imgAccueilLogo2{width:40%}}
@media (max-width:767px){.imgAccueilLogo1,.imgAccueilLogo2{max-height:200px}}
.accueilContentTxt{margin-top:60px;margin-bottom:45px;text-align:justify}
.accueilContentTxt p{font-size:19px;line-height:25px;font-weight:400}
.bloc-texte{display:flex;align-items:flex-start;gap:30px;margin-bottom:30px}
.bloc-texte:last-child{margin-bottom:0}
.bloc-texte>img{flex:0 0 auto}
.bloc-texte>div{flex:1;padding:0 10px}
@media (max-width:600px){.bloc-texte{flex-direction:column;align-items:center}}
.accueilBlocServices{margin-top:40px;margin-bottom:40px}
.accueilBlocServices>svg,.svgService>svg{display:block;width:100%;height:auto;margin:30px 0 10px}
.accordeonService{display:none;margin-top:45px}
@media (max-width:600px){.accueilBlocServices>svg,.svgService>svg{display:none}.accordeonService{display:block}}
.accordeonService .nc-item{border:0;border-radius:0}
.accordeonService .nc-item+.nc-item{margin-top:5px}
.accordeonService .nc-tete{background:var(--vert-fonce);color:#fff;text-transform:uppercase;font:500 17px 'Noyh',sans-serif;padding:12px 15px;border:0;width:100%;cursor:pointer;text-align:left}
.accordeonService .nc-tete:hover{background:var(--vert-moyen)}
.accordeonService .nc-contenu{padding:15px 0 0}
.accordeonService .nc-contenu p{color:var(--vert-sombre);background:rgba(83,135,125,.3);padding:20px;text-align:center;font-size:18px}
.accueilBlocFinanceurs{margin-top:40px;margin-bottom:60px}
.accueilBlocFinanceurs img{margin:50px auto 0;display:block}
.section-bleue{padding-top:50px;padding-bottom:30px}
.section-bleue h3{color:#fff;font-weight:400;text-transform:uppercase;text-align:center}
.dernierArticleScientiAccueil{margin-top:15px;padding:0 15px}
.dernierArticleScientiAccueil>.traitSeparationMarron:last-child{display:none}
.traitSeparationMarron{border-bottom:1px solid var(--chocolat);width:350px;max-width:100%;margin:auto}
p.derniersarticlesTitre{font-size:19px;font-weight:500}
.derniersarticlesSousTitre{font-size:1em}
.prppc .derniersarticlesLieu{font-style:italic;font-size:1.2em;color:var(--vert-fonce)}
.derniersarticlesAuteurs{font-size:17px;font-weight:400}
.carouselAccueil{margin-top:20px;margin-bottom:40px}
.carte-actu{display:flex;background:#fff;height:100%}
.carte-actu>img{flex:0 0 auto;align-self:flex-start;padding:30px 30px 20px;width:auto}
.carte-actu>div{padding:30px 30px 20px 0}
.carte-actu p:last-child{font-size:19px}
@media (max-width:600px){.carte-actu{flex-direction:column;align-items:center}.carte-actu>div{padding:0 30px 20px}}
.carouselAccueil .nc-carousel-fleche{display:none}
.carouselAccueil .nc-carousel-points{justify-content:flex-end;margin-top:20px}
.carouselAccueil .nc-carousel-point{width:16px;height:16px;margin:4px;background:transparent;border:2px solid #fff;border-radius:50%;opacity:1}
.carouselAccueil .nc-carousel-point.nc-actif{background:#fff;width:16px}

/* ---------- formulaire de contact ---------- */
.formContact{margin-top:20px}
.formContact .champs{display:grid;grid-template-columns:1fr 1fr;gap:0 90px;padding:45px 45px 0}
.formContact .champ{display:block;margin-bottom:40px;padding:0 30px;background:rgba(83,135,125,.2);position:relative}
.formContact .champ:last-child{margin-bottom:0}
.formContact input,.formContact textarea{display:block;width:100%;border:0;outline:none;background:transparent url('../img/contact/trait.png') repeat-y;background:transparent image-set("../miniatures/img/contact/trait-1920-9999.png.avif" type("image/avif"), "../miniatures/img/contact/trait-1920-9999.png.webp" type("image/webp"), "../img/contact/trait.png" type("image/png")) repeat-y;font:italic 300 22px 'Noyh',sans-serif;color:var(--vert)}
.formContact input{height:70px;margin-bottom:20px;padding:0}
.formContact textarea{resize:vertical;line-height:55px;padding:15px 0 35px}
.formContact textarea.adresse{line-height:40px;padding:0;background-image:url('../img/contact/traitAdresse.png');background-image:image-set("../miniatures/img/contact/traitAdresse-1920-9999.png.avif" type("image/avif"), "../miniatures/img/contact/traitAdresse-1920-9999.png.webp" type("image/webp"), "../img/contact/traitAdresse.png" type("image/png"))}
.formContact input:hover,.formContact textarea:hover{background-image:url('../img/contact/traitClair.png');background-image:image-set("../miniatures/img/contact/traitClair-1920-9999.png.avif" type("image/avif"), "../miniatures/img/contact/traitClair-1920-9999.png.webp" type("image/webp"), "../img/contact/traitClair.png" type("image/png"))}
.formContact ::placeholder{color:var(--vert-clair);opacity:1}
.formContact :hover::placeholder{color:var(--bleu-ciel)}
.formContact input:user-invalid,.formContact textarea:user-invalid{background:transparent;border-bottom:2px solid red}
.formContact .envoyer{display:flex;justify-content:flex-end;padding:20px 45px 0}
.formContact .champ:focus-within{box-shadow:0 0 0 2px var(--jaune)}
.contact-ok{margin:40px 0;text-align:center}
.contact-ok p{font-size:20px}
@media (max-width:767px){
  .formContact .champs{grid-template-columns:1fr;gap:0;padding:25px 0 0}
  .formContact .champs>div+div{margin-top:40px}
  .formContact .envoyer{justify-content:center;padding:20px 0 0}
}

/* ---------- recherche, filtres, listes ---------- */
.recherche-bloc{display:flex;max-width:555px;margin:30px auto}
.recherche-bloc button{height:45px;color:var(--jaune-fonce);background:#fff;font-size:25px;border:0;border-bottom:2px solid var(--jaune-fonce);padding:6px 13px;cursor:pointer}
.recherche-bloc input{flex:1;min-width:0;height:45px;color:var(--jaune-fonce);background:#fff;font:300 25px 'Noyh',sans-serif;border:0;border-bottom:2px solid var(--jaune-fonce);padding:6px 12px}
.recherche-bloc input::placeholder{color:var(--jaune-fonce);font-size:17px;font-style:italic;opacity:1}
.searchByThemeProjet{text-align:center;font-size:21px;color:var(--vert-clair);max-width:780px;margin:0 auto}
.searchByThemeProjet img{margin:15px}
.prppc .searchByThemeProjet a{font-size:21px;color:var(--vert-clair)}
.prppc .searchByThemeProjet a:hover{color:var(--rouge)}
.alphabet{display:flex;flex-wrap:wrap}
.lettreAlphabetAnnuaireSearch,.lettreAlphabetAnnuaireSearchNoHover{font:500 55px 'Noyh',sans-serif;margin:0 25px 25px;color:var(--vert-clair);width:35px;text-align:center;background:none;border:0;padding:0}
.lettreAlphabetAnnuaireSearch{cursor:pointer}
.lettreAlphabetAnnuaireSearch:hover{color:var(--rouge)}
.lettreAlphabetAnnuaireSearchNoHover{opacity:.5}
@media (max-width:600px){.lettreAlphabetAnnuaireSearch,.lettreAlphabetAnnuaireSearchNoHover{font-size:36px;margin:0 8px 12px}}
.lettre-annuaire{font-size:55px;font-weight:500;margin:25px;color:var(--rouge);width:100%}
.charge{transition:opacity .4s}
.charge.en-cours{opacity:0;transition:opacity .1s}

/* grilles (ex-masonry Unify) */
.blog_masonry_3col{padding-bottom:60px}
.grid-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start;padding-top:20px}
@media (max-width:991px){.grid-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.grid-boxes{grid-template-columns:1fr}}
.grid-boxes-in{background:#fff;padding:0}
.grid-boxes-caption{padding:15px}
.grid-boxes>.grid-boxes-vide{grid-column:1/-1}
.carte-colonne{background:#fff;padding:25px 0}
.carte-colonne+.carte-colonne{margin-top:25px}
.actus-liste .carte{background:#fff;padding:20px 40px;height:100%;display:flex;flex-direction:column}
.actus-liste .carte .boutonVoirDetails{margin-top:auto}
.actus-liste .carte .boutonVoirDetails{margin-top:35px}

/* ---------- à propos ---------- */
.blocFonctionnement{margin-bottom:50px}
.blocFonctionnement h4{text-align:center;font-size:22px;color:#3F6F66;font-weight:400;line-height:1;margin:0}
.texte-fonctionnement{color:#fff!important;font-size:20px;text-align:justify;margin:30px 60px 60px!important}
@media (max-width:767px){.texte-fonctionnement{margin:20px 0 40px!important}}
.vignette-centre{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:460px;max-width:360px;padding:20px 20px 15px;margin:15px auto}
.vignette-centre .fonctionnementImg{width:100%;padding-bottom:60%;background-repeat:no-repeat;background-size:cover;background-position:center center}
.vignette-centre .logo{height:110px;width:auto}
.prppc .vignette-centre a{color:var(--encre);text-decoration:underline}
.fonctionnementImg{position:relative}
.fonctionnementImgHover{position:absolute;left:0;top:0;height:100%;width:100%;overflow:auto;background:#01717D;opacity:0;color:#fff;padding:15px 10px;font-size:14px;text-align:justify;transition:opacity .2s ease-in}
.fonctionnementImgHover *{color:#fff!important;font-size:15px!important;margin-top:0!important;font-weight:300!important;text-align:justify!important}
.fonctionnementImg:hover .fonctionnementImgHover,.fonctionnementImg:focus-within .fonctionnementImgHover{opacity:.9}
.gouvernanceImgHover{display:none;background:var(--chocolat);opacity:.8;color:#fff;padding:70px 18px 18px;font-size:17px;text-align:center;width:100%;height:100%;font-weight:400}
.fonctionnementImg:hover .gouvernanceImgHover{display:block}
@media (max-width:991px){.vignette-centre{height:auto;gap:15px}.fonctionnementImg:hover .gouvernanceImgHover{display:none}}
.gouvernance-ligne{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:991px){.gouvernance-ligne{grid-template-columns:1fr}}
.photo-membre{max-width:100%;margin:auto;background-repeat:no-repeat;background-position:center}
.blocGouvernancePersonne{padding:25px;min-height:200px;height:100%}
.nomMembres{font-size:24px;font-weight:400;color:#3F6F66!important;margin-bottom:20px!important}
.deuxiemeMembreColonne{margin-top:50px}
.borderHoriVert{border-left:1px solid var(--bleu);border-right:1px solid var(--bleu)}
@media (max-width:1199px){.borderHoriVert{border:0}}
.prppc .celluleConsultativeNom{color:var(--chocolat);font-size:25px;font-weight:400;margin-bottom:0}
.prppc .celluleConsultativeMetier{font-size:21px;font-weight:400;margin-bottom:0}
.prppc .celluleConsultativeLieu{font-size:21px;font-style:italic}
img.celluleConsultativeImg{float:left;margin:6px 15px 15px 0}
.celluleConsultative{display:table}
.conseil-scientifique{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff}
.conseil-scientifique>div{border-right:1px solid var(--fond);padding:15px 9px 0 15px}
@media (max-width:1199px){.conseil-scientifique{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.conseil-scientifique{grid-template-columns:1fr}}

/* ---------- services ---------- */
.bloc-service{padding:15px 15px 0 0;margin-bottom:30px}
.bloc-service p.filet{border-left:2px solid var(--chocolat);padding-left:15px}

/* ---------- partenaires ---------- */
.partenairesListe{margin-bottom:25px}
.blocPartenaire{display:flex;gap:30px;align-items:flex-start;margin-bottom:30px;min-height:190px}
.blocPartenaire img{width:185px;flex:0 0 auto}
.partenairesListe ul{list-style:none;margin:0;padding:0;font-size:16px}
.partenairesListe li{display:flex;gap:9px;margin-top:8px;align-items:baseline}
@media (max-width:600px){.blocPartenaire{flex-direction:column;align-items:center;text-align:center}.partenairesListe li{justify-content:center}}
.partenaires-diapo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 15px;padding-top:25px}
@media (max-width:991px){.partenaires-diapo{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.partenaires-diapo{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nosPartenairesProjetLogo{width:163px;max-width:100%;height:88px;margin:0 auto 30px;text-align:center}
.nosPartenairesProjetEnSavoirPlus{display:none;background:rgba(0,0,0,.6);height:88px;width:100%;font-size:19px;text-transform:uppercase;padding-top:35px;margin:0}
.nosPartenairesProjetLogo:hover .nosPartenairesProjetEnSavoirPlus,.nosPartenairesProjetLogo:focus-within .nosPartenairesProjetEnSavoirPlus{display:block}
.prppc .nosPartenairesProjetEnSavoirPlus a{color:#fff;border:2px solid #fff;font-weight:400;padding:4px}
.carouselPartenaires .nc-carousel-fleche{display:none}
.carouselPartenaires .nc-carousel-point{width:17px;height:17px;border:1px solid var(--vert-sombre);background:#fff;border-radius:50%}
.carouselPartenaires .nc-carousel-point.nc-actif{background:var(--vert-sombre);width:17px}

/* ---------- annuaire ---------- */
.annuaire-liste{display:flex;flex-wrap:wrap;margin:25px -15px 0}
.annuaireBloc{width:33.333%;padding:0 15px;margin-bottom:30px}
@media (max-width:1199px){.annuaireBloc{width:50%}}
@media (max-width:767px){.annuaireBloc{width:100%}}
.annuaireBloc>div{background:#fff;padding:20px;border-right:2px solid var(--fond);min-height:520px}
.annuaireBloc .fond-jauneFonce{display:flex;justify-content:space-between;align-items:flex-start}
.annuaireBloc .fond-jauneFonce img:first-child{max-height:140px;max-width:200px}
.annuaireBloc .fond-jauneFonce .fiche{margin:10px;margin-left:auto}
.annuaireFichePersonneMetier{font-size:23px;color:var(--jaune-fonce)!important;font-weight:400}
.annuaireFichePersonneDetails{font-size:19px;font-style:italic}

/* ---------- contact ---------- */
.contact-coord h3{text-align:left}
.contactInstitutTxt p{text-align:left}

/* ---------- détails ---------- */
.fil-ariane{float:left}
.fil-ariane+.boutonImprimer{margin-top:-15px}
.detailsActualitePage a{display:inline-block;float:right;border:2px solid var(--orange);font-size:17px;padding:10px 15px;color:var(--orange)!important;margin:5px}
.detailsActualitePage a:hover{color:#fff!important;background-color:var(--orange)}
.detailsActualitePage i{color:var(--vert-fonce);font-weight:600}
.documents{background:#fff;padding:25px 15px;margin-top:35px}
.projet-entete{display:flex;gap:30px;align-items:flex-start}
.projet-entete>div:first-child{flex:0 0 33%;text-align:center}
@media (max-width:1199px){.projet-entete{flex-direction:column}.projet-entete>div:first-child{flex:none;width:100%}}
.projet-corps{display:grid;grid-template-columns:2fr 1fr;gap:30px}
.projet-corps.seul{grid-template-columns:1fr}
@media (max-width:991px){.projet-corps{grid-template-columns:1fr}}

/* ---------- recherche générale ---------- */
.recherche-resultats{margin:50px auto}
.recherche-resultats h3 a{color:var(--encre)}
.recherche-resultats hr{border:0;border-top:1px solid #ddd;opacity:1}

/* ---------- pied de page ---------- */
.pied{background:var(--pied);padding-top:50px;color:#fff}
.pied .container>.row{row-gap:40px}
.pied h2{font-size:19.5px;text-align:left;color:#fff;font-weight:500;text-transform:uppercase;position:relative;margin-bottom:20px}
.pied h2::after{content:'';border-bottom:2px solid #fff;position:absolute;width:50px;top:25px;left:0}
.pied p,.pied a,.pied address{color:#fff}
.pied a:hover{color:var(--jaune)}
.pied .logo-pied svg{max-width:100%;height:auto}
.pied ul{list-style:none;margin:0;padding:0}
.pied .menu>li>a,.pied .menu>li>span{text-transform:uppercase;font-size:1.1em}
.pied .menu ul{padding-left:10px}
.pied .menu ul a{color:#C1C1C1}
.pied .menu ul a::before{content:'- '}
.pied address{font-style:normal;font-size:13px;line-height:18.5px}
.pied address>div{display:flex;gap:10px;margin-bottom:30px}
.pied .pastille{flex:0 0 34px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:rgba(29,29,27,.5);font-size:16px}
.pied .copyright{padding:10px 0}
.pied .reseaux{display:flex;gap:10px;margin:0}
@media (max-width:991px){
  .pied .container>.row>div{text-align:center}
  .pied h2{text-align:center}
  .pied h2::after{left:calc(50% - 25px)}
  .pied address>div{flex-direction:column;align-items:center;margin-bottom:15px}
}

/* ---------- SVG « les services » inclus en ligne (classes Illustrator, prppc2) ---------- */
.prppc svg *{font-family:'Noyh',sans-serif!important}
.cls-1 { fill: #6ba6aa; opacity: 0.5; }
.cls-2 { fill: #f3f4ee; }
.cls-3 { font-size: 19px; fill: #154036; font-family: NoyhBold, Noyh Bold; }
.cls-5 { font-size: 19px; }
.cls-4 { fill: #154036; font-family: NoyhBold, Noyh Bold; font-size: 20.09px; }
.cls-18 { font-family: NoyhBold, Noyh Bold; fill: #fff; font-size: 21px; letter-spacing: -0.01em; }
.cls-26 { font-family: NoyhBold, Noyh Bold; font-size: 21.76px; fill: #fff; letter-spacing: -0.02em; }
.cls-8 { font-family: NoyhBold, Noyh Bold; font-size: 21.76px; fill: #fff; letter-spacing: -0.01em; }
.cls-6 { fill: #53877d; }
.cls-7 { fill: #00281e; }
.cls-27 { letter-spacing: -0.01em; }
.cls-9 { letter-spacing: -0.02em; }
.cls-10 { letter-spacing: -0.05em; }
.cls-11 { letter-spacing: -0.01em; }
.cls-12 { letter-spacing: -0.01em; }
.cls-13 { opacity: 0.25; }
.cls-14 { letter-spacing: -0.02em; }
.cls-15 { letter-spacing: 0.01em; }
.cls-16 { letter-spacing: -0.06em; }
.cls-17 {fill:#2a574e}
.cls-17:hover {fill:#F7B800 !important;cursor:pointer}
.cls-19 { letter-spacing: -0.03em; }
.cls-20 { letter-spacing: -0.03em; }
.cls-21 { fill: none; stroke: #293156; stroke-linejoin: round; stroke-width: 4px; stroke-dasharray: 4 6; }
.cls-22 { opacity: 0.75; }
.cls-23 { fill: #7db6ad; }
.cls-24 { letter-spacing: 0.01em; }
.cls-25 { letter-spacing: -0.01em; }

/* ---------- haut de page ---------- */
.haut-de-page{position:fixed;right:15px;bottom:15px;z-index:900;width:40px;height:40px;border:0;background:var(--jaune);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s;cursor:pointer}
.haut-de-page.visible{opacity:1;visibility:visible}

@media print{.entete,.bandeau-titre,.pied,.boutonImprimer,.haut-de-page,.menu-mobile{display:none!important}}
