/* STYLES.CSS */
/* import font
font-family: comma-base, sans-serif; 
font-family: instrument-sans-variable, sans-serif; 
*/
 @import url("https://use.typekit.net/qyu4ybz.css");

:root{
	 --maincolor: #000;
   --bgcolor: #fff;
   --coul1: #ebe2ca;
   --coul2: #703048;
   --coul3: #8D4653; 
   --coul5: #004c9c; 
   --coul4: #008f8d; 
   --footer_h: 80px;
   --header_h: 100px;
}

/* Reset */
html{height: 100%; }
body{width: 100%; height: 100%; background: var(--bgcolor); color:var(--maincolor); margin: 0; padding: 0; overflow-x: hidden;
  width: 100vw;}
* {box-sizing: border-box; position: relative; }
img{max-width: 100%; height: auto; user-select: none;}
ul{margin: 0; display: block; text-align: left; padding: 0; margin-left: 13px;}
li {
  margin: 0.1em 0;
  min-height: 1.1em;
  padding-left: 0px;
}
div, section{box-sizing: border-box; position: relative; display: block; }
blockquote {margin-inline-start: 0px; margin-inline-end: 0px; }
p, h1, h2, h3, h4, h5, h6{}
::selection {background:var(--maincolor); color:var(--bgcolor) }
p a{text-decoration: underline;}
button {
  background: transparent;
  border: none;
  width: auto;
  height: fit-content;
  padding: 0;
  line-height: 0;
}


/* structure */


section{margin: 0 0 30px;}

main{
  min-height: calc(100vh - var(--footer_h)  - var(--header_h));
}
@media (min-width: 1024px) and (max-height: 900px) {
  main{
  min-height: calc(100vh  - var(--header_h));
  }
}
footer{
  background: var(--coul1);
  width: 100%;
  height: var(--footer_h);
}

/* typo */
body, p, h1, h2, h3, h4, h5, h6{font-family: 'instrument-sans-variable', sans-serif; font-weight:300; font-size:14px; line-height:1.25;}

p{font-weight:400; font-size:16px; line-height:1.25; margin: 7px 0;}
h1{font-weight:400; font-size:28px; line-height:1; font-family: "comma-base", sans-serif; margin: 10px 0 20px;}
h2{font-weight:400; font-size:24px; line-height:1; font-family: "comma-base", sans-serif; margin: 40px 0 20px;}
h3{font-weight:600; font-size:20px; line-height:1; font-family: "comma-base", sans-serif; margin: 5px 0 4px;}
h4{font-weight:500; font-size:14px; line-height:1; font-family: "comma-base", sans-serif; margin: 5px 0 4px;}

.material{
  font-family: 'Material Icons';
  vertical-align: -3px;
}

/* new h2 section */
h2.section{
  text-align: center;
  font-size:20px;
  margin: 40px 0 30px;
}

h2.section:before{
  content: "";
  display: block;
  width: calc(100% - 60px);
  margin: auto;
  height: 1px;
  background: var(--maincolor);
  position: relative;
  top: 12px;
}
h2.section span{
  background: var(--bgcolor);
  padding: 20px;
}
main>section:first-child h2.section:before,
main>section:first-child h2.section:after{
  content: "";
  display: inline-block;
  width: 30px;
  height: 1px;
  background: var(--maincolor);
  position: relative;
  top: -4px;
  margin: 0 15px;
}
main>section:first-child h2.section span{
  background: transparent;
  padding: 0px;
}

a{text-decoration: none; color:var(--maincolor); outline: none}
a.tag,
.texte a,
a.lien{
  text-decoration: underline; 
}
a.tag:hover,
.texte a:hover,
a.lien:hover{
  font-variation-settings: 'wdth' 98, 'wght' 600;
  font-stretch: 97%;
  font-weight: 600;
}
sup {vertical-align: super; font-size: smaller; line-height: 1; }
strong{font-weight: 600}
figure{margin: 0;}



footer .layout {
  margin: auto 30px;
  height: 100%;
  max-width: none;
  align-items: center;
  justify-content: space-between;
}

.home footer .layout {
 max-width: 100%;
}

footer .liens,
footer .logo{
  width: 200px;
}
footer .logo{
   line-height: 0;
}
footer .logo svg{
 max-height: var(--footer_h);
}
footer .liens{
  display: flex;
  flex-flow: column;
  align-items: end;
}

footer a.button{
  --maincolor: var(--coul3);
}

footer .liens a{
  margin: 3px 0  ;
}
footer .texte{
  text-align: center;
}


/* Élément générique */

.prev_next_article{
  width: 100%; 
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;

}
.retourliste{
  text-align: center;
}

img.ombre{
  filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.2));
}
main.pagetype {
  /*width: calc(100% - 100px);*/
  margin: auto;
/*  max-width: 1024px;*/
width: 100%
}
.content {
  flex: 1;
  padding: 2rem;
  box-sizing: border-box;
  max-width: 1024px;
  margin: auto;
}
.content.sidebar{
margin-top: 40px;
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 24px;
}
.swiper-button-next, .swiper-button-prev {
  cursor: pointer;
  color: var(--maincolor);
}
.swiper-pagination{
  position: relative;
}
.swiper-pagination-clickable .swiper-pagination-bullet:before{
  content:"";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  background: transparent;
  z-index: -1;
  transform: translate(-4px, -4px);
}

/* --- RESET DE BASE --- */
#menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 2rem;
  height: var(--header_h);
  border-bottom: none;
  position: relative;
  background: var(--bgcolor);
}

/* --- TITRE / LOGO --- */
#menu .logo {
font-size: 92px;
font-weight: 600;
text-decoration: none;
color: #000;
letter-spacing: 1px;
}

/* --- NAVIGATION --- */
.main_menu {
   border-bottom: 1px solid var(--maincolor);
   padding: 12px 0;
}

.main_menu ul {
  list-style: none;
  display: flex;
  gap: 2rem;
  padding: 0;
  margin: 0;
}

.main_menu a {
  font-family: "comma-base", sans-serif;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  font-size: 17px;
}

.main_menu a:hover,
.main_menu .active a {
  font-weight: 700;
}

#myInput {
  padding: 0px;
  margin-right: 3px;
  border: none;
  outline: none;
  min-width: 95px;
  max-width: 300px;
  box-sizing: content-box;
  font-size: 15px;
  font-family: 'instrument-sans-variable', sans-serif;
  font-weight: 400;
}

#mirror {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  white-space: pre;         
  font: inherit;
  padding: 0;
  font-size: 15px;
  font-family: 'instrument-sans-variable', sans-serif;
  font-weight: 400;
}

/*.search-icon {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-35%);
  font-size: 1rem;
  color: #888;
  pointer-events: none; 
  z-index: 1;
}*/

.search-icon {
  position: relative;
  font-size: 0px;
  color: #888;
  z-index: 1;
}
.search-icon svg{
  transform: translateY(3px);
}

/* --- BOUTON BURGER --- */
.burger_bt {
  width: 32px;
  height: 24px;
  display: none; /* caché sur desktop */
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.burger_bt span {
  display: block;
  height: 4px;
  background: #000;
  border-radius: 2px;
  transition: 0.3s;
}

/* --- BURGER ACTIF --- */
.burger_bt.active .line1 {
  transform: translateY(10px) rotate(45deg);
}
.burger_bt.active .line2 {
  opacity: 0;
}
.burger_bt.active .line3 {
  transform: translateY(-10px) rotate(-45deg);
}


.main_menu .rechercher input{
  width: 99px;
}


.rs{

}
.pictRSstyle1{
  transition: all .2s;
}
.rs a:hover .pictRSstyle1{
  fill: var(--coul1);
}
/*.rs a.email:hover svg *{
  fill: var(--coul1);
}*/
/*  STRUCTURE  */




/* Structure globale */

.layout {
  display: flex;
  flex-flow: row;
  margin: auto;
  max-width: 1600px;
  justify-content: space-around;
}

/* HOME */

main.home{
display: flex;
  flex-flow: column;
  justify-content: center;
}





main.home .layout{
  max-width: 1600px;
   align-items: center;
   width: 100%;
}

main.home .layout section{
  margin:0;
}

#animation{
  width: calc(68% - 30px); 
  display: flex; 
  flex-flow: column; 
  justify-content: end; 
  position: relative;
  max-width: 850px;
}


#actualites{
  width:  calc(32% - 30px);
  height: calc(100vh - 210px);
  display: flex;
  gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin:0;
}


#actualites a.lien{
  margin-top: 20px;
  margin-bottom: 20px;
}

.home .swiper-button-next{
  right: 30px;
}

.home .swiper-button-prev{
  left: 30px;
}

/* animation home */ 

#carte_anime{display: flex}


.visuel #carte_anime{
  width: 55%; 
  transition: all 1s;
}
.visuel #carte_anime img{
  position: absolute;
  width: 100%;
  top: 0;
  opacity: 0;
  z-index: 1
}

.visuel #chiffres{
  width: 0%; 
  transition: all 1s;
}

.visuel.part2 #carte_anime{
  width: 50%; 
}

.visuel.part2 #chiffres{
  width: 50%; 
  max-width: 620px;
}

/* animation texte */
.highlight {
  background-size: 0% 100%;
  background-image: linear-gradient(#ebe2ca, #ebe2ca);
  background-repeat: no-repeat;
  transition: background-size 0.6s ease;
}

.highlight.on {
  background-size: 100% 100%;
}

#animation .texte{
  margin: 20px auto 25px;
  max-width: 850px;
  padding: 0 30px;
}

#animation .texte .surligne{
  position: absolute;
  background: var(--maincolor);
  color: var(--bgcolor);
  background: var(--coul1);
  color: var(--maincolor);
  width: 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  line-height: 1;
}

g#fond path{
  stroke:var(--maincolor);
  stroke-width:1px;
}

g#departements_fond path{
  stroke:var(--bgcolor);
  stroke-width:1px;
}

#animation .visuel{
  width: 100%;
  height: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

#carte_anime .img{
  margin: auto;
}

#carte>g{display:none}
#carte>g#fond{display:block}
#carte>g#departements_fond path{fill:var(--coul1)}
#carte>g#departements_nom path{fill:var(--maincolor)}
#carte>g#departements_nom g{display:block}




#carte{
  width: 500px;
  height: auto;
  max-width: 100%;
  margin: auto;
  margin-bottom: 50px;
}

#chiffres{
  /*position: absolute;*/
  top: 0;
  width: 0%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  text-align: center;
  align-content: flex-start;
  overflow: hidden;
}

#chiffres,
#space{
  width: 20%;
}

#animation:not(.view_chiffre) #chiffres #item_carte{
  width: 100%;
  height: 400px;
}

#chiffres>div {
  opacity: 0
}
#chiffres .item {
  width: 39%; /* 4 col */
  transition: all 0s !important;
 /*height: 86px;*/
  text-align: center;
  display: block;
  line-height: 1;
  display: flex;
  flex-flow: column;
  justify-content: start;
  margin: 0;
  text-align: center;
  align-items: center;
  padding:12px;
}
#chiffres>div.titre {
  width: 100%;
  margin-bottom: 0px
}
#chiffres>div.titre h3{
  margin: 38px 0 18px;
  font-weight: 500;
}

#chiffres .layout{
    justify-content: center;
    align-items: stretch;
}


#chiffres .serie1{
    width: 28%; /* 4 col */
    /*height: 110px; */
    justify-content: center;
}

#chiffres .serie1{
  border-right:1px solid var(--maincolor);
  padding: 0 12px;
}
#chiffres .serie1:last-child{
  border-right:0px;
}

#chiffres .chiffre4,
#chiffres .chiffre5{
  padding-top: 0;
  border-bottom:1px solid var(--maincolor);
}
#chiffres .chiffre4,
#chiffres .chiffre6{
  border-right:1px solid var(--maincolor);
  padding-left: 0;
  margin-left: 12px;
}

#chiffres .chiffre6,
#chiffres .chiffre7{
  padding-bottom: 0;
}

#chiffres .chiffre5,
#chiffres .chiffre7{
  padding-right: 0;
  margin-right: 12px;
}


#chiffres .item span{
  display: block;
  font-weight: 500;
}
/*#chiffres .item>*{
  opacity: 0;
}
#chiffres .item.on>*{
  opacity: 1;
}*/
#chiffres .item span.intro{
  font-family: "comma-base", sans-serif;
  font-weight: 600;
  font-size: 11px;
  color: var(--maincolor);
  background: var(--coul1);
  padding: 4px 5px 3px;
  margin-bottom: 3px;

}

#chiffres .item span.chiffreUnite span{
  display: inline-block;
}
#chiffres .item span.chiffre{
  line-height: .8;
}


#chiffres .item span.chiffre,
#chiffres .item span._million,
#chiffres .item span._millions{
  font-family: "comma-base", sans-serif;
  font-weight: 500;
  font-size: 32px;
  margin-bottom: 0px;
/*  text-shadow: 1px 0 var(--maincolor), -1px 0 var(--maincolor), 0 1px var(--maincolor), 0 -1px var(--maincolor),
               1px 1px var(--maincolor), -1px -1px var(--maincolor), 1px -1px var(--maincolor), -1px 1px var(--maincolor);*/
  color:var(--coul3);
  margin-bottom: -20px;
}
#chiffres .item span.unites{
  color:var(--coul3);
}
#chiffres .item span._million{
  display: block;
}
#chiffres .item span._million,
#chiffres .item span._millions{
  font-size: 22px;
}

#chiffres .item span.soustitre{
  margin-top: 5px;
}
#chiffres p.legende {
  font-size: 10px;
  margin-top: 24px;
}

#carte #fond{opacity: 0}

#swiper_actus{
  width: 100%;
}
#swiper_actus div.texte h3{
  margin:0 0 15px;
}
#swiper_actus .swiper-slide{
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
#swiper_actus .swiper-slide a{
  display: flex;
  flex-flow: column;

}
#swiper_actus .swiper-slide div{
  text-align: center;
}
#swiper_actus .swiper-slide.publication img{
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}

#swiper_actus a div.texte:hover h2{font-weight: 600;}

#swiper_actus .swiper-slide div.texte{margin: 20px 0 0; max-width: 300px;}
#swiper_actus .swiper-slide div.texte h2{margin-bottom: 5px; font-weight:500; font-size:18px; line-height:1.1; margin-top: 12px;}






/* PUBLICATIONS */

.publications .layout {
  max-width: none;
}


/* --- SIDEBAR --- */
.sidebar {
  width: 25%;
  max-width: 300px;
  min-width: 250px;
  padding: 1.5rem;
  box-sizing: border-box;
  padding: 5px 0px 60px 25px;
}

button.clear{
background: var(--maincolor);
  color: var(--bgcolor);
  border-radius: 10px;
  width: 13px;
  height: 13px;
  line-height: 7px;
  text-align: center;
  font-size: 10px;
  cursor: pointer;
  display: none;
  padding-top: 0;
  font-weight: 700;
  transform: translateY(-1px) scale(.8);
  padding-bottom: 1px;
  position: absolute;
  margin-left: 3px;
}

button.clear:hover{
  transform: translateY(-1px) scale(1);
  transition: transform .1s
}

button.clear.on {
  display: inline-block;
}

button.clear[data-cat="s"] {
  position: absolute;
  right: 5px;
  top: 6px;
}

.sidebar .filtres{
  position: sticky;
  top: 7px;
}

.sidebar .filtres .header{
  display: flex;
  align-items: center;
  gap: 8px;
}

#filtres .search-icon svg{
  transform: translateY(-7px);
}

/* Conteneur des boutons */
.mode_switch {
  display: flex;
  gap: 0px;
  justify-content: end;
}
button.button,
a.button {
  border:1px solid var(--maincolor);
  padding:4px 10px ;
  border-radius: 20px; 
}
button.button:hover,
a.button:hover {
  background: var(--maincolor);
  color: var(--bgcolor);
}
button.button.big_btn,
a.button.big_btn {
  padding:10px 14px ;
  border-radius: 20px; 
}
button.button.btn_blck,
a.button.btn_blck {
  background: var(--maincolor);
  color: var(--bgcolor);
  border: 1px solid var(--maincolor);
}
button.button.btn_blck:hover,
a.button.btn_blck:hover{
  background: transparent;
  color: var(--maincolor);

}
button.button.coul_btn,
a.button.coul_btn {
  background: var(--coul1);
  border: none;
}
a.button[href^="http"][target='_blank']:after {
  content: 'open_in_new';
  padding-left: 2px;
  font-family: 'Material Icons';
  font-size: 11px;
  line-height: 0;
  margin-top: 0;
  position: relative;
  margin-bottom: 3px;
  vertical-align: middle;
  display: inline-block;
}

.btn {
  width: 35px;
  height: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}
.btn.active{
  cursor: auto;
  display: none
}

a.btn:hover svg g *,
.btn:hover svg g *,
.btn.active svg g *{
  fill:var(--maincolor);
}
a.btn:hover svg circle.fond,
.btn:hover svg circle.fond, 
.btn.active svg circle.fond{
  fill:var(--bgcolor);
}


/* champ de recherche */
.search-box {
  position: relative;
  width: 100%;
  max-width: 300px; /* largeur max */
}

.search-box input {
  width: 100%;
  padding: 2px 0px 3px 30px; /* espace pour la loupe à gauche */
  border-radius: 25px; /* bords arrondis */
  border: .75px solid var(--maincolor);
  outline: none;
  box-sizing: border-box;
  font-size: 14px;
}


.search-box .search-icon {
  position: absolute;
  left: 10px;
  top: 11px;
}

h4.tags {
text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .75px;
  font-weight: 400;
  margin-bottom: 6px;
  margin-top: 16px;
}
#carte_picto svg{
  width: 60px;
  height: 53px;
}
#carte_picto svg g:not(.fond){ opacity: 0;}

#carte_picto.ile-de-france svg g.ile-de-france,
#carte_picto.metropole-du-grand-paris svg g.metropole-du-grand-paris,
#carte_picto.paris svg g.paris,
#carte_picto.seine-et-marne svg g.seine-et-marne,
#carte_picto.yvelines svg g.yvelines,
#carte_picto.essonne svg g.essonne,
#carte_picto.hauts-de-seine svg g.hauts-de-seine,
#carte_picto.seine-saint-denis svg g.seine-saint-denis,
#carte_picto.val-de-marne svg g.val-de-marne,
#carte_picto.val-d-oise svg g.val-d-oise{opacity: 1;}

#carte_picto.ile-de-france svg g.ile-de-france *,
#carte_picto.metropole-du-grand-paris svg g.metropole-du-grand-paris *,
#carte_picto.paris svg g.paris *,
#carte_picto.seine-et-marne svg g.seine-et-marne *,
#carte_picto.yvelines svg g.yvelines *,
#carte_picto.essonne svg g.essonne *,
#carte_picto.hauts-de-seine svg g.hauts-de-seine *,
#carte_picto.seine-saint-denis svg g.seine-saint-denis *,
#carte_picto.val-de-marne svg g.val-de-marne *,
#carte_picto.val-d-oise svg g.val-d-oise *{fill: var(--coul5); stroke:var(--coul4)}

#carte_picto.ile-de-france svg g.fond *,
#carte_picto.metropole-du-grand-paris svg g.fond *,
#carte_picto.paris svg g.fond *,
#carte_picto.seine-et-marne svg g.fond *,
#carte_picto.yvelines svg g.fond *,
#carte_picto.essonne svg g.fond *,
#carte_picto.hauts-de-seine svg g.fond *,
#carte_picto.seine-saint-denis svg g.fond *,
#carte_picto.val-de-marne svg g.fond *,
#carte_picto.val-d-oise svg g.fond *{
  fill:var(--maincolor);
  stroke: transparent;
  fill:transparent;
  stroke: var(--maincolor);
}


#carte_picto svg *{stroke-width:.5px !important; }

.sidebar .tags_thematiques {
  display: flex;
  flex-flow: column;
}
.sidebar .tags_types_publication {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.sidebar .tags_types_publication a{
  line-height: 1.7;
}

.tag {
  font-size: 13px;
}
.sidebar a.tag {
  display: inline-block;
  text-decoration: none;
}
.sidebar a.tag.is-checked {

   font-variation-settings: 'wdth' 98, 'wght' 600;
}

a.tag .type_publication{
  background:transparent;
  border:1px solid var(--coulpubli);
   color:var(--maincolor);
   font-variation-settings: 'wdth' 100, 'wght' 500;
}
a.tag:hover .type_publication,
a.tag.is-checked .type_publication{
  background:var(--coulpubli);
  border:1px solid var(--coulpubli);
   color:white;
  font-variation-settings: 'wdth' 100, 'wght' 500;
}

a.tag.noresult{opacity: 0.3;}
/* a.tag[data-result]:after{display: inline-block;width: 25px;margin-left: 5px;}
a.tag[data-result]:not(.noresult){padding-right: 0px;} */
a.tag[data-result]:after{content:""; opacity: .6; font-weight: 100; font-variation-settings:'wdth' 90, 'wght' 300}

a.tag[data-result="1"]:after{content:" (1)";}
a.tag[data-result="2"]:after{content:" (2)"}
a.tag[data-result="3"]:after{content:" (3)"}
a.tag[data-result="4"]:after{content:" (4)"}
a.tag[data-result="5"]:after{content:" (5)"}
a.tag[data-result="6"]:after{content:" (6)"}
a.tag[data-result="7"]:after{content:" (7)"}
a.tag[data-result="8"]:after{content:" (8)"}
a.tag[data-result="9"]:after{content:" (9)"}
/* jusqu'à 200 */
a.tag[data-result="10"]:after{content:" (10)"} a.tag[data-result="11"]:after{content:" (11)"} a.tag[data-result="12"]:after{content:" (12)"} a.tag[data-result="13"]:after{content:" (13)"} a.tag[data-result="14"]:after{content:" (14)"} a.tag[data-result="15"]:after{content:" (15)"} a.tag[data-result="16"]:after{content:" (16)"} a.tag[data-result="17"]:after{content:" (17)"} a.tag[data-result="18"]:after{content:" (18)"} a.tag[data-result="19"]:after{content:" (19)"} a.tag[data-result="20"]:after{content:" (20)"} a.tag[data-result="21"]:after{content:" (21)"} a.tag[data-result="22"]:after{content:" (22)"} a.tag[data-result="23"]:after{content:" (23)"} a.tag[data-result="24"]:after{content:" (24)"} a.tag[data-result="25"]:after{content:" (25)"} a.tag[data-result="26"]:after{content:" (26)"} a.tag[data-result="27"]:after{content:" (27)"} a.tag[data-result="28"]:after{content:" (28)"} a.tag[data-result="29"]:after{content:" (29)"} a.tag[data-result="30"]:after{content:" (30)"} a.tag[data-result="31"]:after{content:" (31)"} a.tag[data-result="32"]:after{content:" (32)"} a.tag[data-result="33"]:after{content:" (33)"} a.tag[data-result="34"]:after{content:" (34)"} a.tag[data-result="35"]:after{content:" (35)"} a.tag[data-result="36"]:after{content:" (36)"} a.tag[data-result="37"]:after{content:" (37)"} a.tag[data-result="38"]:after{content:" (38)"} a.tag[data-result="39"]:after{content:" (39)"} a.tag[data-result="40"]:after{content:" (40)"} a.tag[data-result="41"]:after{content:" (41)"} a.tag[data-result="42"]:after{content:" (42)"} a.tag[data-result="43"]:after{content:" (43)"} a.tag[data-result="44"]:after{content:" (44)"} a.tag[data-result="45"]:after{content:" (45)"} a.tag[data-result="46"]:after{content:" (46)"} a.tag[data-result="47"]:after{content:" (47)"} a.tag[data-result="48"]:after{content:" (48)"} a.tag[data-result="49"]:after{content:" (49)"} a.tag[data-result="50"]:after{content:" (50)"} a.tag[data-result="51"]:after{content:" (51)"} a.tag[data-result="52"]:after{content:" (52)"} a.tag[data-result="53"]:after{content:" (53)"} a.tag[data-result="54"]:after{content:" (54)"} a.tag[data-result="55"]:after{content:" (55)"} a.tag[data-result="56"]:after{content:" (56)"} a.tag[data-result="57"]:after{content:" (57)"} a.tag[data-result="58"]:after{content:" (58)"} a.tag[data-result="59"]:after{content:" (59)"} a.tag[data-result="60"]:after{content:" (60)"} a.tag[data-result="61"]:after{content:" (61)"} a.tag[data-result="62"]:after{content:" (62)"} a.tag[data-result="63"]:after{content:" (63)"} a.tag[data-result="64"]:after{content:" (64)"} a.tag[data-result="65"]:after{content:" (65)"} a.tag[data-result="66"]:after{content:" (66)"} a.tag[data-result="67"]:after{content:" (67)"} a.tag[data-result="68"]:after{content:" (68)"} a.tag[data-result="69"]:after{content:" (69)"} a.tag[data-result="70"]:after{content:" (70)"} a.tag[data-result="71"]:after{content:" (71)"} a.tag[data-result="72"]:after{content:" (72)"} a.tag[data-result="73"]:after{content:" (73)"} a.tag[data-result="74"]:after{content:" (74)"} a.tag[data-result="75"]:after{content:" (75)"} a.tag[data-result="76"]:after{content:" (76)"} a.tag[data-result="77"]:after{content:" (77)"} a.tag[data-result="78"]:after{content:" (78)"} a.tag[data-result="79"]:after{content:" (79)"} a.tag[data-result="80"]:after{content:" (80)"} a.tag[data-result="81"]:after{content:" (81)"} a.tag[data-result="82"]:after{content:" (82)"} a.tag[data-result="83"]:after{content:" (83)"} a.tag[data-result="84"]:after{content:" (84)"} a.tag[data-result="85"]:after{content:" (85)"} a.tag[data-result="86"]:after{content:" (86)"} a.tag[data-result="87"]:after{content:" (87)"} a.tag[data-result="88"]:after{content:" (88)"} a.tag[data-result="89"]:after{content:" (89)"} a.tag[data-result="90"]:after{content:" (90)"} a.tag[data-result="91"]:after{content:" (91)"} a.tag[data-result="92"]:after{content:" (92)"} a.tag[data-result="93"]:after{content:" (93)"} a.tag[data-result="94"]:after{content:" (94)"} a.tag[data-result="95"]:after{content:" (95)"} a.tag[data-result="96"]:after{content:" (96)"} a.tag[data-result="97"]:after{content:" (97)"} a.tag[data-result="98"]:after{content:" (98)"} a.tag[data-result="99"]:after{content:" (99)"} a.tag[data-result="100"]:after{content:" (100)"} a.tag[data-result="101"]:after{content:" (101)"} a.tag[data-result="102"]:after{content:" (102)"} a.tag[data-result="103"]:after{content:" (103)"} a.tag[data-result="104"]:after{content:" (104)"} a.tag[data-result="105"]:after{content:" (105)"} a.tag[data-result="106"]:after{content:" (106)"} a.tag[data-result="107"]:after{content:" (107)"} a.tag[data-result="108"]:after{content:" (108)"} a.tag[data-result="109"]:after{content:" (109)"} a.tag[data-result="110"]:after{content:" (110)"} a.tag[data-result="111"]:after{content:" (111)"} a.tag[data-result="112"]:after{content:" (112)"} a.tag[data-result="113"]:after{content:" (113)"} a.tag[data-result="114"]:after{content:" (114)"} a.tag[data-result="115"]:after{content:" (115)"} a.tag[data-result="116"]:after{content:" (116)"} a.tag[data-result="117"]:after{content:" (117)"} a.tag[data-result="118"]:after{content:" (118)"} a.tag[data-result="119"]:after{content:" (119)"} a.tag[data-result="120"]:after{content:" (120)"} a.tag[data-result="121"]:after{content:" (121)"} a.tag[data-result="122"]:after{content:" (122)"} a.tag[data-result="123"]:after{content:" (123)"} a.tag[data-result="124"]:after{content:" (124)"} a.tag[data-result="125"]:after{content:" (125)"} a.tag[data-result="126"]:after{content:" (126)"} a.tag[data-result="127"]:after{content:" (127)"} a.tag[data-result="128"]:after{content:" (128)"} a.tag[data-result="129"]:after{content:" (129)"} a.tag[data-result="130"]:after{content:" (130)"} a.tag[data-result="131"]:after{content:" (131)"} a.tag[data-result="132"]:after{content:" (132)"} a.tag[data-result="133"]:after{content:" (133)"} a.tag[data-result="134"]:after{content:" (134)"} a.tag[data-result="135"]:after{content:" (135)"} a.tag[data-result="136"]:after{content:" (136)"} a.tag[data-result="137"]:after{content:" (137)"} a.tag[data-result="138"]:after{content:" (138)"} a.tag[data-result="139"]:after{content:" (139)"} a.tag[data-result="140"]:after{content:" (140)"} a.tag[data-result="141"]:after{content:" (141)"} a.tag[data-result="142"]:after{content:" (142)"} a.tag[data-result="143"]:after{content:" (143)"} a.tag[data-result="144"]:after{content:" (144)"} a.tag[data-result="145"]:after{content:" (145)"} a.tag[data-result="146"]:after{content:" (146)"} a.tag[data-result="147"]:after{content:" (147)"} a.tag[data-result="148"]:after{content:" (148)"} a.tag[data-result="149"]:after{content:" (149)"} a.tag[data-result="150"]:after{content:" (150)"} a.tag[data-result="151"]:after{content:" (151)"} a.tag[data-result="152"]:after{content:" (152)"} a.tag[data-result="153"]:after{content:" (153)"} a.tag[data-result="154"]:after{content:" (154)"} a.tag[data-result="155"]:after{content:" (155)"} a.tag[data-result="156"]:after{content:" (156)"} a.tag[data-result="157"]:after{content:" (157)"} a.tag[data-result="158"]:after{content:" (158)"} a.tag[data-result="159"]:after{content:" (159)"} a.tag[data-result="160"]:after{content:" (160)"} a.tag[data-result="161"]:after{content:" (161)"} a.tag[data-result="162"]:after{content:" (162)"} a.tag[data-result="163"]:after{content:" (163)"} a.tag[data-result="164"]:after{content:" (164)"} a.tag[data-result="165"]:after{content:" (165)"} a.tag[data-result="166"]:after{content:" (166)"} a.tag[data-result="167"]:after{content:" (167)"} a.tag[data-result="168"]:after{content:" (168)"} a.tag[data-result="169"]:after{content:" (169)"} a.tag[data-result="170"]:after{content:" (170)"} a.tag[data-result="171"]:after{content:" (171)"} a.tag[data-result="172"]:after{content:" (172)"} a.tag[data-result="173"]:after{content:" (173)"} a.tag[data-result="174"]:after{content:" (174)"} a.tag[data-result="175"]:after{content:" (175)"} a.tag[data-result="176"]:after{content:" (176)"} a.tag[data-result="177"]:after{content:" (177)"} a.tag[data-result="178"]:after{content:" (178)"} a.tag[data-result="179"]:after{content:" (179)"} a.tag[data-result="180"]:after{content:" (180)"} a.tag[data-result="181"]:after{content:" (181)"} a.tag[data-result="182"]:after{content:" (182)"} a.tag[data-result="183"]:after{content:" (183)"} a.tag[data-result="184"]:after{content:" (184)"} a.tag[data-result="185"]:after{content:" (185)"} a.tag[data-result="186"]:after{content:" (186)"} a.tag[data-result="187"]:after{content:" (187)"} a.tag[data-result="188"]:after{content:" (188)"} a.tag[data-result="189"]:after{content:" (189)"} a.tag[data-result="190"]:after{content:" (190)"} a.tag[data-result="191"]:after{content:" (191)"} a.tag[data-result="192"]:after{content:" (192)"} a.tag[data-result="193"]:after{content:" (193)"} a.tag[data-result="194"]:after{content:" (194)"} a.tag[data-result="195"]:after{content:" (195)"} a.tag[data-result="196"]:after{content:" (196)"} a.tag[data-result="197"]:after{content:" (197)"} a.tag[data-result="198"]:after{content:" (198)"} a.tag[data-result="199"]:after{content:" (199)"} a.tag[data-result="200"]:after{content:" (200)"}


/* sliders Annees */

#flat-slider{
  margin: 12px 0;
  width: 140px;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  touch-action: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid var(--maincolor);
  font-weight: 700;
  color: #0073ea;
  border-radius: 50px;
  width: 14px;
  height: 14px;
  background: var(--bgcolor);
  top: -7px;
  position: absolute;

}
.ui-state-default span.val{
  position: absolute;
  top: 20px;
  font-weight: normal;
  color: var(--maincolor);
  width: 40px; 
  text-align: center;
  left: 50%;
  margin-left: -20px;
  font-size: 13px;
  margin-top:2px;
}

#custom-handle1 span.val[data-ecart="5"]{
  transform:translateX(-3px);
}
#custom-handle2 span.val[data-ecart="5"]{
  transform:translateX(3px);
}

#custom-handle1 span.val[data-ecart="4"]{
  transform:translateX(-6px);
}
#custom-handle2 span.val[data-ecart="4"]{
  transform:translateX(6px);
}

#custom-handle1 span.val[data-ecart="3"]{
  transform:translateX(-9px);
}
#custom-handle2 span.val[data-ecart="3"]{
  transform:translateX(9px);
}

#custom-handle1 span.val[data-ecart="2"]{
  transform:translateX(-12px);
}
#custom-handle2 span.val[data-ecart="2"]{
  transform:translateX(12px);
}

#custom-handle1 span.val[data-ecart="1"]{
  transform:translateX(-15px);
}
#custom-handle2 span.val[data-ecart="1"]{
  transform:translateX(15px);
}

.ui-slider-horizontal .ui-slider-range{
  background: var(--maincolor);
  border: none;
  top: -1px;
  height: 2px;
}
.ui-widget-content {
height: 1px;
  border-radius: 0;
  border: none;
  background: grey;
}




.publications section.content{
   padding-top: 0;
   max-width: none;
   margin:0;
}

.publi{margin: 15px 0 5px; display: flex;}
.publi .apercu{
  width: 80px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.publi .apercu img{
  filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.2));
  height: 54px;
  object-fit: contain;
  width: 49px;
}
.publi .texte{width: calc(100% - 60px)}
.publi h2{margin-bottom: 5px; font-weight:500; font-size:19px; line-height:1.1; margin: 4px 0;}
.publi p.auteur.date{font-weight:400; font-size:12px; line-height:1.1; }

.type_publication{--coulpubli: grey;background:var(--coulpubli);color:white;padding:2px 5px 1px; font-weight:500; font-size:12px; }

.type_publication.bulletin-d-information{ --coulpubli:#0074ff}
.type_publication.portrait-social{ --coulpubli:#668934}
.type_publication.dossier-detude{ --coulpubli:#bf4988}
.type_publication.recueil-de-donnees{ --coulpubli:#003a9e}
.type_publication.etude-en-partenariat{ --coulpubli:#c16610}
.type_publication.diagnostics-territoriaux{ --coulpubli:#ae1e26}


.grid-item:hover h2{
  font-weight: 600;
}

/* mode grid ou liste */
.list_view .grid-item{
  width: 100%;
  border-bottom: 1px solid var(--maincolor);
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  transform-origin: top left;
}


.grid-item .pdf-buttons{
  width: 90px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-flow: row;
  justify-content: start;
  gap: 0px;
}


.grid_view .publications_grid .afficheGrille {
  display: block;
  position: absolute;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  max-width: calc(100% - 1px);
  max-height: calc(100% - 1px);
  min-height: calc(100% - 1px);

  background-image: linear-gradient(
    to right,
    transparent 319px,
    #000 319px,
    #000 320px
  ),
  linear-gradient(
    transparent 329px,
    #000 329px,
    #000 330px
  );
  background-size: 320px 330px;
  background-repeat: repeat;



}

.grid_view .publi {
  flex-flow: column;
  margin: 0;
}

.grid_view .publi .apercu{
  width: 100%;
  height: 180px;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 10px;
}

.grid_view .publi .apercu img{
  height: 100%;
  width: 180px;
}

.grid_view .publi .texte{
  width: 100%;
  position: static;
}

.grid_view .publi .texte .type_publication {
  position: absolute;
  top: 10px;

}

.grid_view .grid-item{
  width: 320px;
  height: 330px;
}
.grid_view .grid-item h2{
  font-size: 16px;
}
.grid_view .grid-item .pdf-buttons {
  justify-content: end;
  position: absolute;
  top: 5px;
  right: 10px;
}
.grid_view .grid-item .publi{
  width: 320px;
  height: 330px;
  padding:10px;
  justify-content: space-between;
}

.grid-item .publi{
  border-right: 1px solid  var(--bgcolor);
  border-bottom: 1px solid  var(--bgcolor);
  border:none;
}
.grid_view .grid-item .publi{
  transition : border-color .2s 0.2s;
  border-color: var(--maincolor);
  overflow: hidden;
}







/* Page Publication */


.publication .layout .col1{
  width: 30%;
  flex-shrink: 10;
}
.publication .layout .col2{
  width: 600px;
  flex-shrink: .5;
}
.publication .layout .col3{
  width: 25%;
  flex-shrink: 10;
}

.publication .col1 .content{
  width: calc(100% - 20px);
  margin: auto;
  max-width: 320px;
  min-width: 200px;
  padding: 35px 20px 0;
}

.publication .layout .col3 .content{
 margin-top: 32px;
}

p.auteur.date{font-weight:400; font-size:13px; line-height:1.1; }


#swiper_apercus{
  width: 100%;
  filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.2));
  padding-bottom: 10px;
}
#swiper_apercus .swiper-pagination{
  top: 10px;
  bottom auto;
}
/* tags */

.tags_publication{
  margin-top: 20px;
}

.tags_publication h4.tags{
  margin-bottom: 0;

}


/* contenu */
.carteinteractive .titre,
.publication .titre{
  margin-bottom: 20px;
  margin-top: 37px;

}
.carteinteractive .titre h1,
.publication .titre h1{
  font-weight: 300;
  font-size: 28px;
  margin: 10px 0;
}



/* fichiers */
.pdf-buttons a span{
  position: absolute;
  left: 37px;
  font-weight: bold;
  font-size: 12px;
}

.liens_files {
    display: flex;
    flex-flow: column;
}

.liens_files a{
    display: flex;
    align-items: center;
}
.liens_files a:hover{
    text-decoration: underline;
}
.liens_files h3{
  margin-top: 39px;
  font-weight: 300;
  line-height: 1.25;
  font-size: 20px;
  margin-bottom: 8px;
  margin-left: 3px;
}

/* publis similaires */

section.publis_similaires {
    margin: 20px 0px 50px;
}
section.publis_similaires h2 {
margin: 40px 0 35px;
}
#swiper_publi_similaires{
  margin: auto;
  max-width: 900px;
}

#swiper_publi_similaires .swiper-slide a{
  display: flex;
  flex-flow: row;
  align-items: center;
}

#swiper_publi_similaires .swiper-slide a div{
  flex-shrink: 1;
  flex-grow: 1;
}

#swiper_publi_similaires .apercu {
  margin-right: 10px;
  width: 60px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}


#swiper_publi_similaires .apercu img{

  filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.2));
  height: 60px;
  object-fit: contain;
  width: 60px;
}
#swiper_publi_similaires div.texte{
  width: calc(100% - 50px);
}

#swiper_publi_similaires div.texte h2{
  margin: 7px 0 3px;
  font-weight: 500;
  font-size: 16px;
}

#swiper_publi_similaires a:hover div.texte h2{
  font-weight: 600;
}


#swiper_publi_similaires div.texte .type_publication {
  padding: 1px 4px 1px;
  font-weight: 400;
  font-size: 12px;
}
#swiper_publi_similaires span.auteur.date{
  font-size: 12px;
}

/* page Datavisualisation */

.encart_plateforme {
  display: flex;
  flex-flow: row;
  align-items: center;
  max-width: 900px;
  margin: auto;
  justify-content: center;
}

.encart_plateforme div.col{
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding:30px;
  width: 50%;
}

.encart_plateforme img.logo{
  max-width: 100px;
  height: auto;
}
.encart_plateforme img.apercu{
 box-shadow: 0px 2px 15px rgba(0,0,0,0.3);
}



.carteinteractives_grid{
  width: 100%;
  padding: 0;
  --nbrCol : 4;
  --gap : 20px;
  display: flex;
  flex-flow: row wrap;
  gap: var(--gap);
  justify-content: center;
}
.carteinteractives_grid .gutter-sizer{
  width: var(--gap);
}
@media (max-width: 1000px) {
  .carteinteractives_grid{
  --nbrCol : 3;
  }
}
@media (max-width: 800px) {
  .carteinteractives_grid{
  --nbrCol : 2;
  }
}

.carteinteractive.grid-item{
  width: calc((100% - (var(--gap) * (var(--nbrCol) - 1))) / var(--nbrCol)); 
  margin: 0;
}
.carteinteractive.grid-item img{
  width: 100%;
  object-fit: cover;
  aspect-ratio: 5/3;
}
.carteinteractive.grid-item div.carte{
  /*height: 250px;*/
  /*max-width: 350px*/
  margin-bottom: 20px;
}
.carteinteractive.grid-item h2{
  font-size: 18px;
  margin:5px 0 3px;

}

.carteinteractive.grid-item .text{
  /*margin:5px 0 10px;*/
  height: 90px;
}



/* page carte interactive */ 

.lescartes{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border: none;
  background: #ccc;
}

.lescartes>div{
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  margin: 0;
}
.lescartes>div.actif{
  display: block;
}

main.carteinteractive iframe{
  width: 100%;
  aspect-ratio: 16/9;
  border: none;
  background: #ccc;
}

#cartes_interactives .noms_carte{
  margin: 45px 0 30px;
  --maincolor: #2369B3;
}
#cartes_interactives .noms_carte a.actif{
  color: var(--maincolor);
  background: transparent;
}

.block-type-carte_interactive{
  margin: 5px 0 15px;
}

.block-type-carte_interactive div.carte_lien{
  text-align: center;
  font-size: 12px;
}




/* équipe et réseau */

section.equipe {
  margin:50px auto 70px;
}
section.equipe h2{
  text-align: center;
  font-size:20px;
}
section div.equipe{
  --nbrCol : 3;
  --gap : 10px;
  display: flex;
  gap: var(--gap);
  flex-flow: row wrap;
  /*align-items: center;*/
  margin: auto;
  max-width: 900px;
  justify-content: center;
}
div.personne{
   width: calc((100% - (var(--gap) * (var(--nbrCol) - 1))) / var(--nbrCol));
   text-align: center;
   margin: 5px 0;
}

div.personne span.poste{
  margin-top: 0;
} 

section#reseau{
  margin-bottom: 70px
}
section.serieimg {
  margin:70px auto;
}

section div.serieimg{
  display: flex;
  gap: 20px;
  flex-flow: row wrap;
  margin: auto;
  max-width: 900px;
  justify-content: center;
}
section div.reseau div.depart{
  display: flex;
  flex-flow: column;
  align-items: center;
}
section div.reseau div.depart {
  font-family: "comma-base", sans-serif;
  font-size: 16px;
}
section div.reseau div.depart svg .coul1 {
  fill: var(--coul1);
}
section div.reseau a:hover div.depart svg .coul1 {
  fill: var(--coul4);
}
section div.reseau div.institu img{
  max-width: 170px;
  height: 120px;
}
section div.observatoire div.institu img{
  max-width: 220px;
  height: 150px;
  object-fit: contain;
}

div.institu a img{
/*  filter: grayscale(1) contrast(2);
  transition: filter .5s;*/
}
div.institu a:hover img{
  filter: none;
  transition: none;
}

/* PAGE ACTUALITÉS */
section.actualites{
   padding-top: 0;
   margin-bottom: 60px;
}
section.actualites article.actu{
  border-bottom: 1px solid var(--maincolor);
  display: flex;
  flex-flow: row;
  align-items: center;
  gap:30px;
  padding: 30px 0;
}
section.actualites article.actu img{
  width: auto;
  height: auto;
  max-width: 190px;
}
section.actualites article.actu div.apercu{
  width: 200px;
  text-align: center;
  flex-shrink: 0;
  flex-grow: 0;
}
section.actualites article.actu div.text{
max-width: 600px;
}
section.actualites article.actu h2{
  margin-bottom: 0;
}
section.actualites article.actu *:first-child{
  margin-top: 0;
}
section.actualites article.actu p.auteur{
  margin-top: 4px;
  margin-bottom: 12px;
}

article.actu h2 {
  margin: 20px 0 10px;
  font-size: 20px;
}
section.actualites a:hover div.text h2{
  font-weight: 600;
}



/* PAGE ACTUALITÉ */


.page_actualite .layout .col1 {
  width: 30%;
  flex-shrink: 10;
}
.page_actualite .layout .col2 {
  width: 70%;
  flex-shrink: 10;
  margin: 20px auto 60px;
  padding: 0 20px;
}
.page_actualite .layout .col2 .content{
  max-width: 900px;
  padding-left: 0;
  padding-top: 0px;
  margin-left: 0;
}
.page_actualite .apercu {
  margin-top: 30px;
  text-align: center;
}
.page_actualite .apercu img {
  max-width: 100%;
  height: auto;
  user-select: none;
  max-height: 500px;
  object-fit: contain;
}
.page_actualite  p.auteur.date {
  margin-bottom: 25px;
}
.page_actualite  h1 {
  margin-bottom: 0;
}

/* PAGE RECHECHE */
 article.result_item{
    padding:10px;
    border-bottom: 1px solid var(--maincolor)
 }
a.result {
  text-decoration: none;
  display: flex;
  align-items: center;
  margin: 15px 0;
}

a.result .apercu {
  width: 80px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

a.result .apercu img {
  filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.2));
  height: 54px;
  object-fit: contain;
  width: 49px;
}
/*
a.result .apercu{
  width: 80px;
  margin-right: 20px;
}*/
a.result .texte {
  width: calc(100% - 80px);
}

a.result .texte h2{
  margin:5px 0 ;
  font-size: 20px;
}
a.result:hover .texte h2{
  font-weight: 600;
}

/* blocs */
.block h3{
  margin:25px 0 10px;
  font-weight: 400;
}
.block p{
  margin: 10px 0;
}
.block ul p{
  margin: 0;
}
.block-type-small_text{
  margin:20px 0;
}
.block-type-small_text,
.block-type-small_text *{
  font-size: 14px;
  line-height: 1.35;
}

a.note{
font-family: 'instrument-sans-variable', sans-serif; 
font-weight:400; font-size:13px; 
text-decoration: none;
color: #8D4653;;
}

a.note.appel{
font-size:13px; 
/* vertical-align: super; */ 
 /* position en exposant */
  line-height: 1;
}
h2 a.note.appel{
  vertical-align: super; 
}